/** Shopify CDN: Minification failed

Line 105:14 Expected "{" but found "and("
Line 4542:4 Expected identifier but found "*"
Line 5244:25 Expected "{" but found "and("
Line 5603:25 Expected "{" but found "and("
Line 7689:13 Expected ":"
Line 8922:19 Expected "{" but found "and("

**/
:root {
    --dark-blue: #021d49;
    --dark-blue-5pc: #021D490D;
    --dark-blue-50pc: #021d4980;
    --dark-blue-60pc: #021D4999;
    --dark-blue-70pc: #021D49B2;
    --grey: #f3f4f6;
    --icon-filter: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='4' y1='2' x2='14' y2='2' stroke='white' stroke-width='2'/%3E%3Cline x1='4' y1='7' x2='10' y2='7' stroke='white' stroke-width='2'/%3E%3Cline x1='4' y1='12' x2='12' y2='12' stroke='white' stroke-width='2'/%3E%3Ccircle cx='1' cy='2' r='1' fill='white'/%3E%3Ccircle cx='1' cy='7' r='1' fill='white'/%3E%3Ccircle cx='1' cy='12' r='1' fill='white'/%3E%3C/svg%3E");
    --icon-sort: url("data:image/svg+xml,%3Csvg width='19' height='14' viewBox='0 0 19 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.85109 1.45851L6.34757 0.962034C6.07337 0.687836 5.62881 0.687836 5.35461 0.962034L5.85109 1.45851ZM2.35461 3.96203L1.85813 4.45851L2.85109 5.45147L3.34757 4.95499L2.35461 3.96203ZM8.35461 4.95499L8.85109 5.45147L9.84405 4.45851L9.34757 3.96203L8.35461 4.95499ZM6.55322 12.5415L6.55322 1.45851L5.14896 1.45851L5.14896 12.5415L6.55322 12.5415ZM3.34757 4.95499L6.34757 1.95499L5.35461 0.962034L2.35461 3.96203L3.34757 4.95499ZM5.35461 1.95499L8.35461 4.95499L9.34757 3.96203L6.34757 0.962034L5.35461 1.95499Z' fill='%23021D49' fill-opacity='0.6'/%3E%3Cpath d='M12.8511 12.5415L12.3546 13.038C12.6288 13.3122 13.0733 13.3122 13.3475 13.038L12.8511 12.5415ZM16.3475 10.038L16.844 9.54148L15.8511 8.54853L15.3546 9.04501L16.3475 10.038ZM10.3475 9.04501L9.85106 8.54853L8.8581 9.54149L9.35458 10.038L10.3475 9.04501ZM12.1489 1.45851L12.1489 12.5415L13.5532 12.5415L13.5532 1.45851L12.1489 1.45851ZM15.3546 9.04501L12.3546 12.045L13.3475 13.038L16.3475 10.038L15.3546 9.04501ZM13.3475 12.045L10.3475 9.04501L9.35458 10.038L12.3546 13.038L13.3475 12.045Z' fill='%23021D49' fill-opacity='0.6'/%3E%3C/svg%3E");
    --icon-arrow: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="31" height="30" viewBox="0 0 31 30" fill="none"%3E%3Cg%3E%3Cpath d="M15.8347 11.25L21.1384 16.5538L19.3697 18.3213L15.8347 14.785L12.2997 18.3213L10.5309 16.5538L15.8347 11.25Z" fill="white"/%3E%3C/g%3E%3C/svg%3E');
    --icon-zoom: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='13' y1='0.5' x2='4' y2='0.499999' stroke='%2384DADE'/%3E%3Cline x1='12' y1='3.5' x2='-4.37114e-08' y2='3.5' stroke='%2384DADE'/%3E%3Cline x1='11' y1='6.5' x2='4' y2='6.5' stroke='%2384DADE'/%3E%3C/svg%3E");
    --icon-close: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.07373 1L8.9999 9' stroke='%234A5E7D' stroke-linecap='round'/%3E%3Cpath d='M1 9L8.92617 1' stroke='%234A5E7D' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* MerchPerks Collection */
.eligible,
div.eligible > div.product-list {
    border: 1px solid #b4ceb1;
}
.ineligible,
div.ineligible > div.product-list {
    border: 1px solid #f8aaa5;
}
/* collection promos */
.ad-thumbnail-Triple img {
    width: 705px;
    height: 250px;
    object-fit: cover;
}
.product-list-Triple {
    height: 250px;
}
.ad-thumbnail-Double img {
    width: 469px;
    height: 398px;
}
.ad-thumbnail-Single img {
    width: 233px;
    height: 398px;
}
/* Resources */
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0;
}
.resources-ul-teal::-webkit-scrollbar-thumb,
.resources-ul-white::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #021d49;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.resources-ul-navy::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #00babc;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.featured-resources-container {
    padding: 0 !important;
}
.resources-block-half {
    display: flex;
    flex-direction: column;
}
.resources-promo-cta-teal a {
    background-color: white;
    border: 2px solid #021d49;
    color: #021d49 !important;
}
.resources-promo-cta-navy a {
    background-color: white;
    border: 2px solid #00babc;
    color: #00babc !important;
}
.resources-promo-cta-navy,
.resources-promo-cta-teal,
.resources-promo-cta {
    margin-bottom: 3rem;
    height: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    flex: 1 1 100%;
    color: white;
}
.resources-ul-teal,
.resources-ul-navy,
.resources-ul-white {
    list-style-type: none;
    max-height: 400px;
    overflow-y: scroll;
    width: 320px;
    margin: 3rem auto !important;
}
@media screen and(max-width: 768px) {
    .resources-ul-navy,
    .resources-ul-teal,
    .resources-ul-white {
        overflow-y: visible;
        max-height: unset;
    }
    .res-block-fw-right,
    .res-block-fw-left {
        width: unset !important;
        float: unset !important;
        padding: unset !important;
    }
}
.res-promo-image {
    padding: 0;
}
.res-promo-image img {
    width: 100%;
    object-fit: cover;
}
.resources-ul-white li a {
    color: #021d49;
}
.resources-ul-white li a:hover {
    color: #00babc !important;
}
.resources-ul-teal li a,
.resources-ul-navy li a {
    color: white;
}
.resources-ul-teal li a:hover {
    color: #021d49 !important;
}
.resources-ul-navy li a:hover {
    color: #00babc !important;
}
.res-promo-copy,
.res-promo-copy p {
    text-align: center;
    color: #021d49 !important;
}
.res-fw-promo-copy-teal,
.res-fw-promo-copy-navy {
    color: white;
    text-align: center;
    margin-top: 37px;
    padding: 0 2rem;
}
.res-fw-promo-copy-navy p,
.res-fw-promo-copy-teal p {
    color: #ffffff !important;
}
.res-promo-block {
    background-color: white;
    border: 1px solid #eee;
}
.resources-block-full-teal {
    background-color: #00babc;
}
.resources-block-full-navy {
    background-color: #021d49;
}
.res-block-fw-right {
    width: 49%;
    float: right;
    padding: 50px 25px;
    display: flex;
    flex-direction: column;
}
.res-block-fw-left {
    width: 51%;
    float: left;
    padding: 50px 25px;
}
.res-promo-copy p:after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    margin: 2rem auto;
    background: linear-gradient(to right, transparent 5%, #00babc 50%, transparent 95%);
}
.res-fw-promo-copy-teal p:after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    margin: 2rem auto;
    background: linear-gradient(to right, transparent 5%, #021D49 50%, transparent 95%);
}
.res-fw-promo-copy-navy p:after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    margin: 2rem auto;
    background: linear-gradient(to right, transparent 5%, #00babc 50%, transparent 95%);
}
span.slick-sr-only {
    display: none;
}
.slick-dots li button {
    margin-right: 5px !important;
}
.resSlider,
.resSlide {
    height: 250px;
}
.resSlideCopy {
    left: 51%;
    top: 37%;
    text-align: center;
    bottom: 20%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 2;
    position: relative;
}
.resSlideCopy h2,
.resSlideCopy h1 {
    margin: 0 0 20px;
    padding: 0;
    color: #FFF;
    font-size: 36px;
    line-height: 1.25;
    font-weight: 400;
    text-shadow: 2px 2px 10px #000;
}
.res-promo-icon {
    position: relative;
    width: 60px;
    left: 44%;
    text-align: center;
    margin-top: -30px;
    clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
    background: #021d49;

}
.res-promo-icon img {
    width: 60px;
    position: relative;
}
.small-hex {
    position: absolute;
    background: #eeeeee;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    clip-path: polygon(2% 25%, 2% 75%, 50% 99%, 99% 75%, 98% 25%, 50% 2%);
}
.alert-danger {
    color: #4a4f54;
    background-color: #84dade;
    border-color: #84dade;
}
/*Merchbox PDP */
.callout {
    background-color: #fafafa;
    border-radius: 5px;
    padding: 1rem;
    border: 1px solid #eeeeee;
    margin: 1rem 0;
}
.callout p {
    margin: 0 !important;
}
.merchbox-links li {
    margin-bottom: 5px !important;
    color: #ff671d;
}
@media(min-width: 767px) {
    .qtyDiscountSec {
        padding: 4rem;
    }
}
/* hexagons thanks css-tricks */
.hexwrap {
    height: 0;
}
.hexes {
    display: flex;
    --s: 95px; /* size  */
    --m: 4px; /* margin */
    --f: calc(1.732 * var(--s) + 4 * var(--m) - 1px);
    position: absolute;
    z-index: -1;
    bottom: 27px;
}
.hex-container {
    font-size: 0; /*disable white space between inline block element */
    opacity: .25;
}
.hex-container div.hex {
    width: var(--s);
    margin: var(--m) var(--m) calc(var(--m) - var(--s) * 0.2885);
    height: calc(var(--s) * 1.1547);
    display: inline-block;
    font-size: initial;
    clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
}
.hex-container::before {
    content: "";
    width: calc(var(--s) / 2 + var(--m));
    float: left;
    height: 120%;
    shape-outside: repeating-linear-gradient(#0000 0 calc(var(--f) - 3px), #000 0 var(--f));
}
.blogSlider {
    width: 100%;
    background: white;
}
 .blogSlider .slick-arrow {
    color: unset;
  }
  .blogSlider img {
    padding-left: 0;
  }
.blogSlider h3 {
    margin-top: 0;
}
  .feat-blog-wrap {
    display: flex!important;
    flex-direction: row;
    height: 200px;
    padding: 0 51px;
  }
  .feat-blog {
    display: flex; 
    justify-content: center; 
    align-items: center; 
    width: 50%;
    text-align: center;
   /* margin: 0 51px; */
  }
  .feat-blog:first-child {
    margin: 0 10px 0 0;
  }
    .feat-blog:last-child {
    margin: 0 0 0 10px;
  }
.logoSection {
    height: 150px;
    background: #eee;
    margin-top: -33px;
}
.logoSlider,
.logoSlide {
    height: 150px;
}
.navSlideImg {
    height: 130px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-radius: 10px;
}
.logoSlide {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.logoSlider .slick-arrow {
    color: unset;
}
/* Countdown Timer */
.countdown-message {
    color: white;
    font-size: 17px;
    padding-right: 6px;
    font-family: MuseoSans-700;
}
#clockdiv {
    color: #DB0214;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    font-size: 20px;
    letter-spacing: 3px;
    font-family: MuseoSans-500;
}
#clockdiv > div {
    padding: 4px;
    border-radius: 3px;
    background: #929598;
    display: inline-block;
}
#clockdiv div > span {
    width: 55px;
    border-radius: 3px;
    background: #ffffff;
    display: inline-block;
}
.smalltext {
    padding-bottom: 1px;
    font-size: 10px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 100;
}
/* End Countdown Timer */
input::-ms-clear {
    display: none;
}
.scrollHide,
body,
html {
    height: 100%
}
.get-offer,
.heroCopy .heroBtn {
    text-transform: uppercase
}
.about-sec-copy ul,
.brand-box-sec ul,
.coll-filter,
.select-attrs,
.slick-dots,
.top-nav {
    list-style: none
}
input:-webkit-autofill {
    background-color: #FFF !important;
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important
}
@font-face {
    font-family: 'MuseoSans-300';
    src: url('MuseoSans-300.eot?#iefix') format('embedded-opentype'), url('MuseoSans-300.woff') format('woff'), url('MuseoSans-300.ttf') format('truetype'), url('MuseoSans-300.svg#MuseoSans-300') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: MuseoSans-500;
    src: url('MuseoSans-500.eot?#iefix') format('embedded-opentype'), url('MuseoSans-500.otf') format('opentype'), url('MuseoSans-500.woff') format('woff'), url('MuseoSans-500.ttf') format('truetype'), url('MuseoSans-500.svg#MuseoSans-500') format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: MuseoSans-700;
    src: url('MuseoSans-700.eot?#iefix') format('embedded-opentype'), url('MuseoSans-700.otf') format('opentype'), url('MuseoSans-700.woff') format('woff'), url('MuseoSans-700.ttf') format('truetype'), url('MuseoSans-700.svg#MuseoSans-700') format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: MuseoSans-900;
    src: url('MuseoSans-900.eot?#iefix') format('embedded-opentype'), url('MuseoSans-900.otf') format('opentype'), url('MuseoSans-900.woff') format('woff'), url('MuseoSans-900.ttf') format('truetype'), url('MuseoSans-900.svg#MuseoSans-900') format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: CalibriRegular;
    src: url('Calibri.eot?#iefix') format('embedded-opentype'), url('Calibri.woff') format('woff'), url('Calibri.ttf') format('truetype'), url('Calibri.svg#Calibri') format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: CalibriBold;
    src: url('Calibri-Bold.eot?#iefix') format('embedded-opentype'), url('Calibri-Bold.woff') format('woff'), url('Calibri-Bold.ttf') format('truetype'), url('Calibri-Bold.svg#Calibri-Bold') format('svg');
    font-weight: 400;
    font-style: normal
}
.scrollHide {
    overflow: hidden;
}
body {
    overflow: auto;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    background: #eee;
    font-family: MuseoSans-500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
body#your-shopping-cart {
    background: #fff;
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.container {
    padding-right: 10px;
    padding-left: 10px;
}
img {
    vertical-align: top;
    max-width: 100%;
    height: auto;
}
a,
a:hover,
a:focus {
    outline: 0;
    text-decoration: none;
}
.white-bg {
    background: #FFF;
}
.container {
    width: 100%;
    max-width: 960px;
}
.container-1440 {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 2rem !important;
}
.shopping-cart-page > .top-section.shopping-section > .container,
.shopping-cart-page .container.empty-cart-container,
.shopping-cart-page .container.three-day-container {
    max-width: 1440px;
    padding-left: 0;
    padding-right: 0;
}
.row {
    margin-right: -10px;
    margin-left: -10px;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    outline: 0
}
.no-padding {
    padding: 0 !important
}
.no-margin {
    margin: 0 !important
}
/* Reusable class that applies a smooth transition effect to buttons and other elements with a hover state. */
.transition-all {
    -webkit-transition: all ease 0.25s;
    -moz-transition: all ease 0.25s;
    -o-transition: all ease 0.25s;
    transition: all ease 0.25s
}
.custom-table {
    display: flex;
    align-items: center;
}
.custom-table .featured-logo-link {
    display: flex;
    height: 150px;
    align-items: center;
}
.custom-table .table-cell {
    display: flex;
    align-items: center;
    width: 50%;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: 0
}
.btn.active,
.btn:active {
    box-shadow: none
}
.btn,
.btn-default[disabled]:focus,
.btn:active:focus,
.btn:focus,
.bundle-accordion a.next-item,
.select-attrs>li.filter-btn>a,
body .form-submit-button {
    border: none;
    color: #FFF !important;
    background: #FF671D;
    font-size: 14px;
    line-height: 1.42857143 !important;
    font-family: MuseoSans-900;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 16px 40px 14px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    outline: 0;
    -webkit-transition: all ease 0.25s;
    -moz-transition: all ease 0.25s;
    -o-transition: all ease 0.25s;
    transition: all ease 0.25s;
    text-transform: uppercase
}
.slider-arrow,
form.search-form {
    -webkit-transition: all ease 0.25s
}
.btn-default,
.bundle-accordion a.next-item,
body .form-submit-button {
    color: #FFF;
    background: #FF671D;
    border: none;
    line-height: 1.42857143 !important
}
.btn.btn-large,
.btn.btn-large:active:focus,
.btn.btn-large:focus {
    padding-left: 75px;
    padding-right: 75px;
    line-height: 1.42857143 !important
}
.btn.btn-small,
.btn.btn-small:active,
.btn.btn-small:active:focus,
.btn.btn-small:focus,
.btn.btn-small:hover {
    padding: 7px 15px;
    color: #FFF !important;
    font-family: MuseoSans-500;
    font-size: 12px;
    line-height: 1.42857143 !important
}
.btn.btn-small-black,
.btn.btn-small-black:active,
.btn.btn-small-black:active:focus,
.btn.btn-small-black:focus,
.btn.btn-small-black:hover {
    padding: 10px 27px 8px;
    color: #303135 !important;
    font-family: CalibriRegular;
    font-weight: 700;
    font-size: 14px;
    background: 0 0;
    border: 1px solid #303135;
    line-height: 1.42857143 !important
}
.btn.btn-small-black:hover {
    color: #FF671D !important;
    border: 1px solid #FF671D;
    line-height: 1.42857143 !important
}
.btn.btn-small-orange,
.btn.btn-small-orange:active,
.btn.btn-small-orange:active:focus,
.btn.btn-small-orange:focus,
.btn.btn-small-orange:hover {
    padding: 10px 27px 8px;
    color: #FF671D !important;
    font-family: CalibriRegular;
    font-weight: 700;
    font-size: 14px;
    background: 0 0;
    border: 1px solid #FF671D;
    line-height: 1.42857143 !important
}
.btn.btn-small-orange:hover {
    color: #303135 !important;
    border: 1px solid #303135;
    line-height: 1.42857143 !important
}
.btn-default:hover,
.bundle-accordion a.next-item:hover,
body .form-submit-button:hover {
    background: #4b4b55 !important;
    color: #FFF !important
}
.get-offer a {
    color: #021d49;
}
.get-offer a:hover {
    color: white;
}
.get-offer a:hover span {
    background-color: white;
}
header.header {
    position: relative;
    z-index: 999;
    width: 100%;
    background-color: #021d49;
}
.top-bar {
    background-color: #84dade;
    height: 48px;
    display: block;
    z-index: 999;
    width: 100%;
}
.get-offer {
    margin: 0;
    padding: 0;
    font-family: MuseoSans-700;
    font-size: 12px;
    letter-spacing: 0.043em;
    text-align: center;
}
.get-offer > a > span {
    display: inline-block;
    position: relative;
    top: 10px;
    left: -5px;
    transform: rotate(90deg);
    background-color: #021d49;
    width: 30px;
    height: 30px;
    -webkit-mask: var(--arrowsvg);
    mask: var(--arrowsvg);
}
/*----- new nav 2024 -----*/
    /* assign arrow svg to variable for re-use */
:root {
     --arrowsvg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="31" height="30" viewBox="0 0 31 30" fill="none"%3E%3Cg%3E%3Cpath d="M15.8347 11.25L21.1384 16.5538L19.3697 18.3213L15.8347 14.785L12.2997 18.3213L10.5309 16.5538L15.8347 11.25Z" fill="white"/%3E%3C/g%3E%3C/svg%3E');
}
a.nav-link {
  display: block;
}
.menu-container {
    height: calc(100vh - 111px);
    width: 100%;
    position: absolute;
    display: none;
    top: 63px;
    z-index: 1;
}
.menu-container * {
    font-family: "Inter", sans-serif;
}
.rep-header {
    background-color: #84dade;
    color: #021d49;
    padding: 0;
}
p.rep {
    margin: 0; 
    padding-bottom: 1.75rem; 
    line-height: 0;
    text-align: center;
    position: relative;
    z-index: 100;
}
p.rep a {
    color: #021d49;
    text-decoration: underline;
}
p.rep a:hover {
    color: white;
}
@media screen and (max-width: 473px) {
    p.rep {
        padding-top: 1rem;
    }
}
.rep-item:only-child {
    margin-top: 2rem;
    display: block;
}
.rep-item {
    white-space: nowrap;
}
.rep-item:not(:first-of-type)::before {
    content: '';
    display: inline-block;
    position: relative;
    top: 9px;
    left: 7px;
    transform: rotate(90deg);
    background-color: #021d49;
    width: 30px;
    height: 30px;
    -webkit-mask: var(--arrowsvg);
    mask: var(--arrowsvg);
}

.nav-controller * {
    font-family: 'Inter', sans-serif;
}
.nav-controller button.menu-t {
    width: 44px;
    height: 44px;
    background-color: #FFFFFF26;
    border-radius: 8px;
    position: relative;
    top: 7px;
    list-style: none;
    padding-left: 0;
    margin-right: .7rem;
    margin-left: 30px;
}
.menu-t .bar {
    width: 30px;
    top: 0;
    position: relative;
    left: 7px;
    transition: all 400ms ease-in-out;
}
span.bar.x {
    left: 9px;
}
.x {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
}
.x:nth-of-type(1) {
    transition: all 400ms ease-in-out;
    transform: rotate(45deg) translateY(5px) translateX(3px);
    transform-origin: center;
}
.x:nth-of-type(2) {
    transition: all 400ms ease-in-out;
    transform: scale(0);
    transform-origin: center;
}
.x:nth-of-type(3) {
    transition: all 400ms ease-in-out;
    transform: rotate(-45deg) translateY(-6px) translateX(3px);
    transform-origin: center;
}
nav > ul li                 { display: block; }
nav > ul li ul              { display: none; }
nav > ul li:hover ul        { display: block; }
.navbar-header {
    margin: 0 auto;
}
.nav-wrap.bottom {
   display: flex;
   flex-grow: 3;
}
.nav-wrap.top {
    display: flex;
    margin-left: 15px;
}
.navbar-default .navbar-nav.navbar-right > li.user-icon {
    margin-right: 0;
    margin-left: 1rem;
    cursor: pointer;
}
.navbar-default .navbar-nav.navbar-right>li.cart-item {
    margin-right: 1rem;
    cursor: pointer;
}
/* menu link click anywhere in line */
.linkitem {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.nav-link {
    display: block;
    width: 100%;
}
.linkTo {  
    display: inline-block;
    position: relative;
    top: 10px;
    transform: rotate(90deg);
    background-color: #021d49;
    width: 30px;
    height: 30px;
    -webkit-mask: var(--arrowsvg);
    mask: var(--arrowsvg);
    cursor: pointer;
}
nav a {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #021d49;
    cursor: pointer;
}
.returnTo {
    color: #aaa;
    font-weight: 600;
    text-align: left;
    margin-left: 4.5rem;
    padding: .5rem 0;
    position: relative;
}
.returnTo a {
    margin: 0;
    color: #aaa;
    cursor: pointer;
}
.returnTo::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 1px;
    left: -3rem;
    transform: rotate(-90deg);
    background-color: #aaa;
    width: 30px;
    height: 30px;
    -webkit-mask: var(--arrowsvg);
    mask: var(--arrowsvg);
}
.sort-button {
    margin: 1rem 0 0 2.5rem;
    background-color: #84dade;
    color: #021d49;
    border-radius: 5px;
    border: 0;
}
.returnTo:hover::before {
    content: '';
    background-color: #ff671d;
}
nav li:not(.slick-dots li), .bottom-links li {
    height: 34px;
    padding: 7px 18px 7px 24px;
    border-left: 4px solid transparent;
}
nav li.selected:not(.slick-dots li),
nav li.selected1:not(.slick-dots li) {
    border-left: 4px solid #84dade;
    background: #021D490D; 
    height: 34px;
}
nav li:not(.slick-dots li) a {
    position: relative;
    cursor: pointer;
}
nav li:not(.slick-dots li) span.linkTo {
    position: relative;
    top: -8px;
    cursor: pointer;
}
nav li.selected1:not(.slick-dots li) {
    border-left: 4px solid #021d49;
}
ul.flyout {
    width: 320px;
    background: white;
    min-height: 850px;
    position: relative;
    display: none;
    transition: all .5s ease-in-out;
}
ul.flyout, ul.bottom-links {
    margin: 0;
    padding: 2rem 0 0 0;
}
ul.bottom-links {
    width: 100%;
    bottom: 2%;
    position: absolute;
}
ul.flyout.level-1 {
    z-index: 100;
    height: 100%;
}

ul.flyout.level-2 {
    top: 0;
    border-left: 1px solid #ccc;
    position: absolute;
    left: -1px;
    overflow-y: scroll;
    overflow-x: hidden;
    display: none;
    height: 100%;
    z-index: 100;
}
nav ul.flyout .level-2 li:first-of-type {
    margin-top: 2rem;
}
ul.flyout.level-2::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
ul.flyout.level-2::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(132, 218, 222, .75);
  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
ul.flyout.level-3 {
    top: 0;
    border-left: 1px solid #ccc;
    position: absolute; 
    left: -1px;
    height: 100%;
    display: none;
    z-index: 200;
}
.nav-box {
    border-radius: 10px;
    width: 272px;
    height: 130px;
    margin: 0 24px 34px 24px;
}
.marketing {
    border: none;
    background-color: #021D490D;
    height: 228px;
    margin-top: 2rem;
}
.navSlide {
    width: 100%;
    height: 130px;
    background-color: #021D490D;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
}
.navSlider .slick-list.draggable {
    border-radius: 10px;
}
.navSlider > .slick-dots li {
    color: #021d49!important;
    position: relative;
    top: 3rem;
}
.navSlider .slick-list.draggable {
    border-radius: 10px;
}
.navSlider > .slick-dots li button {
    height: 10px;
    width: 10px;
    background: #021d49;
    border: none;
    border-radius: 5px;
}
.navSlider > .slick-dots li.slick-active button {
    background: #00babc!important;
}
.navMktgText {
    color: #021d49;
    padding: 2.5rem 2rem 0 2rem;
    font-size: 14px;
}
.navMktgText a {
    display: block;
    margin-top: .5rem;
}
.navMktgText p {
    margin: 0;
}
.video-nav-js {
    width: 100%;
    height: 175px;
    object-fit: cover;
    border-radius: 10px;
}
.icon-user {
    background-image: url('/cdn/shop/files/icon-user.svg?v=1716924787');
    width: 44px;
    height: 44px;
    display: inline-flex;
    top: -.6rem;
    position: relative;
}
.icon-cart {
    background-image: url('/cdn/shop/files/icon-cart2.svg?v=1716922274');
    width: 44px;
    height: 44px;
    display: inline-flex;
    top: -.6rem;
    position: relative;
    margin-right: 1rem;
}

#searchStrBtn {
    position: absolute;
    top: 0;
    right: -30px;
    background: none;
    border: none;
    padding: 18px 0;
    margin: 0;
    font-size: 21px;
    line-height: 1;
    color: #303135;
}

.icon_search {
    position: relative;
    left: -32px;
    top: -5px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: var(--icon-search);
    background-size: contain;
    background-repeat: no-repeat;
}

.icon_clear {
    position: relative;
    left: -44px;
    top: -5px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: var(--icon-close);
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}

/* for hexes to not overlay on account and product pages */
.TTwrapper,
.order-detail-section,
.xs-filter {
    position: relative;
    z-index: 1000;
}
/*----- New Footer 2024 -----*/
#page-content {
    position: relative;
}
.footer-container {
    display: flex;
    flex-direction: column;
    height: auto;
    padding: 0px 0px 2rem 0px;
    gap: 36px;
    background: white;
    max-width: 1440px;
    margin: 0 auto;
}
.footer-wrap {
    width: 100%;
    background: white;
}
.footer-wrap * {
    font-family: "Inter", sans-serif;
}
.footer-form-wrap {
    height: 80px;
}
.footer-wrap-top {
    background: #021D490D;
    height: 116px;
    display: inline-block;
    position: absolute;
    width: 100%;
}
.footer-account-bg {
    height: 116px;
    padding: 36px 0px 36px 0px;
    gap: 24px;
    display: flex;
    align-items: center;
    z-index: 100;
}
.cart-footer .footer-account-bg {
    z-index: 0;
}
.account {
    padding: 16px 0 12px 0;
    margin: 0 auto;
    color: #021d49;
    font-size: 24px;
    font-weight: 700;
    line-height: 29.05px;
    letter-spacing: -.01em;
    display: flex;
    align-items: center;
}
.account p {
    text-align: center;
}
.button-footer {
    width: auto;
    height: 44px;
    padding: 0px 18px 0px 18px;
    margin: 0 0 0 2rem;
    border-radius: 8px;
    border: 1px;
    background-color: #84dade;
    color: #021d49;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.36px;
    white-space: nowrap;
}
.button-footer a {
  text-decoration: none;
  color: #021d49;
}
.button-footer a:hover {
  color: #021d49;
}
.footer-cols {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-left: 0;
    margin-left: 1rem;
    z-index: 500;
}
.cart-footer .footer-cols {
    z-index: 0;
}
.footer-cols a {
    margin-left: 2rem;
}
ul.footer-col {
    flex-direction: column;
    display: flex;
    align-items: flex-start;
    padding: 0px;
}
ul.footer-cols li {
    list-style: none;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.36px;
    letter-spacing: -0.01em;
    padding: 12px 12px 18px 0;
    color: #021D4959;
    display: flex;
    flex-direction: column;
}
.inline-arrow {
    display: none;
}
ul.footer-cols li ul li a {
    color: #021d49;
}
ul.footer-cols li a.head  {
    margin: 0 0 2rem 2rem;
    color: #021D4959;
    cursor: pointer;
    display: block;
    width: 100%
}
ul.footer-cols li ul li {
    font-size: 14px;
    font-weight: 700;
    line-height: 18.9px;
    letter-spacing: -0.01em;
    padding: 9px 18px 9px 2rem;
    text-indent: -2rem;
}
.footer-form {
    height: 80px;
    margin-left: 2rem;
}
.social {
    height: 80px;
    position: relative;
    top: -53px;
    float: right;
}
.social .icons-box {
    width: 44px;
    height: 44px;
    margin-right: 1rem;
}
.icons {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.footer-bottom {
    z-index: 500;
    margin: 0 auto;
    color: #021D4980;
}
.footer-bottom a {
    color: #021D4980;
}
.footer-bottom ul {
    list-style: none;
    padding: 1rem 0 0 0;
}
.footer-bottom ul li {
    display:inline-flex;
    margin: 1rem 1rem 0 0;
}
.footer-form .hs_submit.hs-submit {
    position: absolute;
    bottom: 11px;
    left: 331px;
    width: 96px;
}
.hs-button {
    width: auto;
    height: 44px;
    padding: 0px 18px 0px 18px;
    margin: 0 0 0 2rem;
    border-radius: 8px;
    border: 1px;
    background-color: #84dade;
    color: #021d49;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.36px;
}
input#email-dd391ce4-f79b-49b7-8c29-ed9f956ef83a {
    width: 300px;
    height: 44px;
    padding: 0px 60px 0px 18px;
    border-radius: 8px;
    border: 1px solid #021D4933;
}
@media screen and (max-width: 465px) {
    input#email-dd391ce4-f79b-49b7-8c29-ed9f956ef83a {
        width: 200px;
    }
    .footer-form .hs_submit.hs-submit {
        left: 230px;
    }
}
ul.no-list.hs-error-msgs {
    padding: 0;
}
ul.no-list.hs-error-msgs label {
    color: #ff671d;
    font-size: smaller;
}
ul.no-list li {
    list-style: none;
}
.inline-arrow {
    right: 25px;
    position: absolute;
    width: 30px;
    height: 30px;
    transform: rotate(180deg);
    background-color: #021D4959;
    -webkit-mask: var(--arrowsvg);
    mask: var(--arrowsvg);
    transition: transform 0.3s ease;
}
.rotate {
    transform: rotate(0deg);
}
.top-nav {
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0
}
.top-nav li {
    display: inline-block;
    font-size: 12px;
    line-height: 1.2
}
.top-nav li:first-child {
    border-left: solid 0 #9a9a9a
}
.top-nav li {
    border-left: solid 1px #9a9a9a
}
.top-nav li a {
    padding: 1px 11px;
    display: block;
    color: #9a9a9a
}
.top-nav li a:hover {
    color: #FF671D
}
.top-nav li:last-child a {
    padding-right: 0
}
.container-fluid > .navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container > .navbar-header {
    margin: 0;
    position: relative;
    z-index: 9
}
.navbar-nav {
    margin: 0;
    list-style: none;
}
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
    margin: 0 30px 0 0;
    padding: 6px 0
}
.navbar-brand {
    margin: 1.2rem 2rem 1rem 1rem;
    padding: 0;
    height: auto
}
.navbar-brand img {
    max-width: 100%;
    max-height: 47px;
}
.navbar-default {
    margin: 0;
    padding: 0;
    width: 100%;
    color: #fff;
    background-color: #021d49;
    border: none;
    height: 63px;
    display: flex;
    justify-content: space-between;
    max-width: 1440px;
    margin: 0 auto;
}
@media screen and (max-width: 600px) {
    .navbar-default {
        height: 124px;
    }
}
.navbar-default::after{
    content: " ";
    display: table;
}
.navbar-default .navbar-nav > li > a {
    color: white;
    padding: 23px 11px 10px 1rem;
    font-size: 14px;
    font-family: Inter;
    font-weight: 700;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: white;
    background-color: transparent;
    border-color: transparent
}
.navbar-default .navbar-nav > li.highlight > a {
    color: #FF671D
}
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav>li:hover>a,
.navbar-default .navbar-nav > li > a.active {
    color: white;
}
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #303135;
    border-bottom-color: #303135
}
.navbar-default .navbar-brand {
    color: #303135
}
.menu-large {
    position: static !important
}
.navbar-nav > li > .dropdown-menu.megamenu {
    margin: 0;
    padding: 18px 0;
    background: #eee;
    border: none;
    border-radius: 0
}
.megamenu {
    padding: 20px 0;
    width: 100%
}
.megamenu .container {
    max-width: 890px
}
.megamenu > li ul {
    padding: 0;
    margin: 0
}
.megamenu > li ul.row {
    margin: 0 -10px
}
.megamenu > li > ul li {
    list-style: none;
    margin: 0 0 8px;
    padding: 0 10px
}
.megamenu > li > ul li li {
    padding: 0
}
.megamenu > li > ul li > a {
    display: block;
    padding: 0;
    clear: both;
    font-family: CalibriRegular;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #4c4c4c;
    white-space: normal
}
.megamenu>li ul li>a:focus,
.megamenu>li ul li>a:hover {
    text-decoration: none;
    color: #FF671D
}
.megamenu > li > ul li.active > a {
    font-weight: 700;
    color: #FF671D
}
.megamenu .dropdown-header a {
    font-size: 16px;
    line-height: 1.5;
    font-family: MuseoSans-700;
    color: #303135
}
.megamenu li.dropdown-header ul{
    margin-top: 8px;
}
.megamenu .dropdown-header ul li a {
    font-size: 16px;
    line-height: 1;
    font-family: CalibriRegular;
    color: #4c4c4c;
}
.brand-menu-thumb-ideas img {
    width: 159px;
    height: 120px;
    border: 1px solid #ccc;
}
.navbar-default .navbar-nav.navbar-right {
    position: relative;
    display: flex;
}
.navbar-default .navbar-nav.navbar-right > li {
    padding: 18px 0;
    position: relative
}
.navbar-default .navbar-nav.navbar-right > li > a {
    padding: 0;
    font-size: 21px;
    color: #303135;
    border: none
}
.navbar-default .navbar-nav.navbar-right > li.search-close {
    display: none
}
.navbar-default .navbar-nav.navbar-right > li.search-close a {
    font-size: 30px;
    line-height: .2;
    display: block;
    color: #c3c7cd;
    margin: 0 3px 0 4px
}
.navbar-default .navbar-nav.navbar-right > li.search-close .icon_close {
    line-height: .7
}
.navbar-default .navbar-nav.navbar-right>li:last-child > a {
   padding-right: 0;
}
.navbar-default .navbar-nav.navbar-right > li.cart-item > a {
    position: relative;
    z-index: 100
}
.navbar-default .navbar-nav.navbar-right>li.cart-item>a.cart-items-available:before {
    display: block;
    content: attr(data-cartitems);
    font-size: 10px;
    color: white;
    position: absolute;
    left: 35px;
    top: -31px;
}
.navbar-right {
    margin: 0 0 0 1rem;
    padding: 0;
}
.form-sec {
    flex-grow: 3;
}
.form-container {
    position: relative;
    top: 9px;
    display: flex;
}
form.search-form {
    position: relative;
    flex-grow: 3;
    opacity: 1;
    padding: 0 12px 0 18px;
    height: 44px;
    border-radius: 8px;
    background: #FFF;
    overflow: hidden;
    transition: all ease 0.25s
}
form.search-form.form-open {
    opacity: 1;
    width: 100%;
    overflow: visible;
    padding: 0 110px 0 260px
}
.searchFormInner {
    position: relative;
    top: -2px;
}
.searchFormInner button {
    margin: 0;
    padding: 18px 0;
    border: none;
    border-spacing: 0;
    background: none;
    position: absolute;
    top: 0;
    right: -30px;
    color: #303135;
    font-size: 21px;
    line-height: 1;
}
.form-open .searchFormInner button {
    opacity: 1;
}
.search-form .search-bg {
    display: block;
    width: 100%;
    background: #FFF;
    border: none;
    outline: 0;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -1%;
    font-family: 'Inter', sans-serif;
    color: #021D49;
    margin: 0;
    padding: 0 0 11px 0;
    height: 60px
}
.search-form .search-bg::placeholder {
    color: var(--dark-blue-50pc);
}
.cart-box-head,
.cart-item-info .prod-title {
    font-family: CalibriRegular
}
.brand-menu-thumb {
    background: #303135;
    padding: 15px;
    text-align: center
}
.megamenu hr.top-border {
    margin: 7px 0 14px;
    padding: 0;
    height: 1px;
    background: #303135
}
.cart-box {
    display: none;
    position: absolute;
    color: #9a9a9a;
    z-index: 99;
    right: -24px;
    top: 0;
    width: 325px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.06)
}
.cart-box-head {
    padding: 19px 60px 18px 24px;
    color: #9a9a9a;
    font-size: 16px;
    border-bottom: solid 1px #eee
}
.cart-list-sec {
    max-height: 420px;
    overflow-y: auto
}
.product-item {
    padding: 19px 24px;
    border-bottom: solid 1px #efefef
}
.product-item:last-child {
    border: none
}
.cart-thumb {
    float: left;
    width: 30%;
    padding: 0 10px 0 3px
}
.cart-item-info {
    float: left;
    width: 70%
}
.cart-item-info .prod-title {
    margin: 2px 0 8px;
    padding: 0;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 400;
    color: #4c4c4c
}
.cart-item-info .prod-title a {
    color: #4c4c4c
}
.cart-item-info .prod-title a:hover {
    color: #FF671D
}
.product-sizes {
    border-bottom: solid 2px #f8f8f8;
    padding: 0 0 1px
}
.size-sec {
    margin: 0 0 3px
}
.size-sec .size-item {
    float: left;
    width: 60%;
    padding: 0 10px 0 0
}
.size-sec .size-item.item-qty {
    width: 40%;
    padding-right: 0
}
.item_total .item-label,
.size-sec .size-item .item-label {
    display: block;
    font-size: 10px;
    line-height: .7;
    font-family: CalibriRegular;
    color: #9a9a9a
}
.content-area {
    z-index: 100;
    position: relative;
}
.cat-info-copy h3,
.content-area .cat-info-copy h3,
.heroCopy h2,
.heroCopy h1,
.offer-slide .offer-slide-title {
    font-family: MuseoSans-700
}
.staticHero {
    text-align: left;
    padding-left: 70px;
}
.cat-large-sec .cat-info-copy:after {
    display: inline-block;
    content: "Shop Collection";
    border: none;
    color: #FFF;
    background: #00babc;
    font-size: 16px;
    line-height: 1.42857143 !important;
    font-family: MuseoSans-500;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 12px 27px;
    margin: 26px 0 0;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    outline: 0;
    -webkit-transition: all ease 0.25s;
    -moz-transition: all ease 0.25s;
    -o-transition: all ease 0.25s;
    transition: all ease 0.25s;
}
.cat-large-sec .cat-info-copy-learn-more:after {
    content: "Learn More" !important;
}
.cat-large-sec .scaleOnHover.scaleLarge:hover .cat-info-copy:after {
    background: #FFF;
    color: #FF671D;
}
.item_total .item-value,
.size-sec .size-item .item-value {
    color: #021D49;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 135%;
}
.item_total_sec {
    margin: 9px 0 0
}
.item_total_sec .item_total {
    float: left;
    width: 60%;
    padding: 0 10px 0 0
}
.item_total_sec .item_total.total_qty {
    width: 40%
}
.text-orange {
    color: #FF671D !important
}
.text-red {
    color: red !important
}
.heroSection {
    background: #FFF
}
.heroSlide {
    height: 520px;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    color: #FFF;
    position: relative;
    outline: 0
}
.heroCopy,
.slick-arrow,
.slick-dots {
    position: absolute
}
.heroCopy {
    width: 100%;
    max-width: 700px;
    left: 50%;
    bottom: 20%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 2;
}
.heroCopy h2,
.heroCopy h1 {
    margin: 0 0 20px;
    padding: 0;
    color: #FFF;
    font-size: 36px;
    line-height: 1.25;
    font-weight: 400;
    text-shadow: 2px 2px 10px #000;
}
/* ua-theme start */
.heroSection.ua-theme .slick-list {
    height: auto !important;
}
.heroSection.ua-theme .slick-slide img {
    width: 100%;
    height: auto;
}
/* ua-theme end */
.slick-dots {
    margin: 0;
    padding: 0;
    left: 0;
    bottom: 13px;
    width: 100%;
    text-align: center;
    font-size: 0;
    line-height: 0
}
.slick-dots li {
    display: inline-block;
    margin: 0 7px
}
.slick-dots li button {
    margin: 0;
    padding: 0;
    display: block;
    width: 10px;
    height: 10px;
    background: 0 0;
    border: 1px solid #FFF;
    border-spacing: 0;
    outline: 0;
    border-radius: 10px;
    -webkit-border-radius: 10px
}
.cat-large-sec,
.offerSection,
.slick-dots li.slick-active button {
    background: #FFF
}
.slick-track {
    opacity: 0
}
.slick-arrow {
    z-index: 99;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-size: 36px;
    color: #FFF;
    cursor: pointer;
    opacity: .5
}
.slick-arrow.prevArrow {
    left: 0
}
.slick-arrow.nextArrow {
    right: 0
}
.slick-arrow.slick-disabled {
    opacity: .2 !important
}
.offerSection {
    overflow: hidden
}
.offer-slide:focus {
    outline: 0
}
.offer-slide-box {
    padding: 20px;
    max-width: 270px;
    margin: 0 auto
}
.offer-slide .offer-slide-box .offer-slide-icon-box {
    width: 60px;
}
.offer-slide .offer-slide-box .offer-slide-title-box {
    width: calc(100% - 60px);
}
.offer-slide .offer-slide-icon {
    display: block;
    width: 60px;
    margin: 0;
    max-width: inherit;
    height: calc(60px * 1.1547);
    clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
    background-color: #efefef;
}
.offer-slide .offer-slide-title {
    margin: 0;
    padding: 0 0 0 13px;
    font-size: 14px;
    color: #303135
}
.offerSlider .slick-arrow {
    color: #000;
    opacity: 1
}
.offerSlider .slick-arrow.slick-disabled {
    opacity: .3
}
section#content {
    padding: 0 0 50px;
}
section#content.home {
    padding: 56px 0 0;
}
#thank-you-page-tnf section#content {
    padding: 25px 0
}
.intro-copy h1 {
    margin: 0 auto 32px;
    padding: 0;
    max-width: 700px;
    color: #303135;
    font-size: 22px;
    line-height: 1.2
}
.cat-large-view {
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    position: relative;
    height: 100%;
    width: 100%;
    border: 1px solid #eee
}
.cat-large-view-otf {
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    position: relative;
    height: 100%;
    width: 100%;
    border: 1px solid #eee
}
.cat-large-view:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #0e1f35;
    opacity: .45;
    position: absolute;
    top: 0;
}
.cat-large-view-otf:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    opacity: .45;
    position: absolute;
    top: 0;
}
.more-link a:after,
.pro-cat-box h4:after {
    content: "E";
    speak: none;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400
}
.mb-brand-box {
    padding: 20px;
}
.brand-box-sec,
.pro-cat-box {
    background: #FFF;
    border: 1px solid #eee
}
.cat-info-copy {
    position: absolute;
    padding: 0 20px;
    width: 100%;
    text-align: center;
}
.cat-info-copy h3,
.content-area .cat-info-copy h3 {
    margin: 0 0 4px;
    padding: 0;
    color: #FFF;
    font-size: 26px;
    font-weight: 400
}
.cat-info-copy h4,
.content-area .cat-info-copy h4 {
    margin: 0;
    padding: 0;
    color: #FFF;
    font-size: 16px;
    font-family: CalibriRegular;
    font-weight: 400
}
.pro-cat-box {
    width: 50%;
    height: 5px;
    min-height: 50%;
    position: relative
}
.catListSec {
    height: 470px
}
.pro-cat-box-in {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.content-area .pro-cat-box h4,
.pro-cat-box h4 {
    margin: 0;
    padding: 0;
    color: #787878;
    font-size: 16px;
    font-family: MuseoSans-700
}
.content-area .pro-cat-box:hover h4,
.pro-cat-box:hover h4 {
    color: #303135
}
.pro-cat-box h4:after {
    font-family: ElegantIcons;
    font-size: 15px;
    display: inline-block;
    text-transform: none;
    line-height: 1;
    position: relative;
    top: 2px
}
.brand-box-sec h4,
.brand-box-sec h3,
.sec-area .sec-title {
    font-family: MuseoSans-700
}
section.sec-area {
    margin: 0 0 27px;
    position: relative;
}
section.sec-area:last-child {
    margin: 0
}
.sec-area .sec-title {
    margin: 0;
    padding: 20px 0 46px;
    color: #9a9a9a;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.1em
}
.featured-brands-container {
    display: flex;
    flex-wrap: wrap;
}
.brand-box-sec {
    height: auto;
    display: flex;
}
.brand-box-sec .table-cell {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}
.brand-logo-box {
    padding: 40px 20px
}
.brand-logo-box img {
    max-height: 150px;
    height: 150px;
}
.brand-copy {
    padding: 0 25px 0 0
}
.brand-box-sec h4,
.brand-box-sec h3 {
    margin: 10px 0 6px;
    padding: 0;
    color: #303135;
    font-size: 16px
}
.brand-box-sec h4 a,
.brand-box-sec h3 a {
    color: #303135
}
.brand-box-sec h4 a:hover,
.brand-box-sec h3 a:hover {
    color: #000
}
.brand-box-sec ul {
    margin: 0;
    padding: 0;
    font-family: CalibriRegular;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
    color: #4c4c4c
}
.brand-box-sec ul li {
    margin: 0 0 6px
}
.brand-box-sec ul li a {
    color: #4c4c4c
}
.brand-box-sec ul li a:hover {
    color: #FF671D
}
.brand-box {
    margin-left: auto;
    margin-right: auto;
}
.aboutBoxBg {
    background-size: cover;
    background-position: center top
}
.about-sec-copy {
    position: relative;
    padding: 10px 14%
}
.help-icon {
    margin: 0 auto 16px;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #fff;
    -webkit-box-shadow: 3px 4px 20px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 3px 4px 20px rgba(0, 0, 0, 0.25);
    box-shadow: 3px 4px 20px rgba(0, 0, 0, 0.25)
}
.about-sec-copy h3 {
    margin: 0 0 9px;
    padding: 0;
    color: #0e2036;
    font-size: 22px;
    font-weight: 400
}
.about-sec-copy p,
.about-sec-copy ul {
    margin: 0 0 15px;
    padding: 0;
    font-family: CalibriRegular;
    font-size: 16px;
    line-height: 1.2
}
.about-sec-copy p a,
.about-sec-copy ul a {
    color: #303135
}
.about-sec-copy p a:hover,
.about-sec-copy ul a:hover,
.more-link a {
    color: #FF671D
}
.more-link {
    padding: 5px 0 0
}
.more-link a {
    font-family: MuseoSans-700;
    font-size: 12px
}
.more-link a:hover {
    color: #9a9a9a
}
.more-link a:after {
    font-family: ElegantIcons;
    font-size: 15px;
    display: inline-block;
    text-transform: none;
    line-height: 1;
    position: relative;
    top: 2px
}
#content-mobile h1,
.breadcrumb,
.content-area h1 {
    text-transform: uppercase
}
.star-icon {
    margin: 0 0 10px
}
.star-icon span {
    font-size: 15px;
    color: #FF671D
}
.breadcrumb {
    margin: 0 0 20px;
    padding: 0;
    border-radius: 0;
    background: 0 0;
    font-size: 0;
    line-height: 0
}
.breadcrumb li {
    color: #021D4999;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}
.breadcrumb h2 {
    display: inline-block;
    font-size: 12px;
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #9a9a9a;
    content: "\203A"
}
a {
    color: #9a9a9a
}
a:hover {
    color: #FF671D
}
.content-area h1 {
    margin: 0;
    padding: 0;
    color: #303135;
}
.content-area a {
    color: #FF671D
}
.content-area a:hover {
    color: #303135
}
.msg_head a {
    color: #4a4a54 !important;
    scroll-margin-top: 200px;
}
.msg_head a:hover,
.msg_head a.active {
    color: #ff671d !important;
}
.content-area ol,
.content-area p,
.content-area ul {
    font-size: 16px;
    line-height: 1.3;
    font-family: CalibriRegular;
    color: #4c4c4c;
    margin: 10px 0 0;
}
.content-area ol,
.content-area ul {
    padding: 0 0 0 18px;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.content-area ol li,
.content-area ul li {
    margin: 0 0 5px
}
.content-area li ol,
.content-area li ul {
    margin: 5px 0 10px
}
.content-area h1,
.content-area h2,
.content-area h3,
.content-area h4,
.content-area h5,
.content-area h6 {
    font-family: MuseoSans-700;
    font-weight: 400;
    line-height: 1.1
}
.content-area h4,
.content-area h5,
.content-area h6 {
    margin-top: 20px;
    margin-bottom: 10px
}
.readMoreSec {
    margin: 10px 0 0
}
.readMoreSec .readMoreLink {
    display: inline-block;
    font-size: 13px;
    font-family: CalibriRegular;
    font-weight: 700;
    color: #FF671D;
    text-transform: uppercase
}
.readMoreSec .readMoreLink:after,
.slider-arrow {
    speak: none;
    font-weight: 400;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.readMoreSec .readMore.readMoreLink:after {
    top: 3px;
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0)
}
.readMoreSec .readMoreLink:after {
    font-family: ElegantIcons;
    content: "C";
    font-size: 15px;
    display: inline-block;
    text-transform: none;
    line-height: 1;
    position: relative;
    top: 2px;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.select-attrs > li > a,
.sidebar-menu-label {
    font-family: MuseoSans-700;
}
#sectionContent {
    margin: 0 0 33px
}
/* updates for promo banner */
.brand-corporate-sec {
    padding: 14px 0;
    background: #84DADE;
    color: white;
    position: relative;
}
.promo-brand-collection-common p.promoBannerCopy span {
    color: white;
}
.promo-brand-collection-common p.promoBannerCopy img {
    display: none;
}
a.promoBannerLink {
    color: #021d49;
}
a:hover.promoBannerLink {
    color: #021d49;
    text-decoration: underline;
}
.brand-corporate-sec .brand-corporate {
    margin: 0;
    position: relative;
    margin-right: 10px;
    left: 0;
}
.promoBannerCopy {
    margin: 0;
    padding: 0;
    vertical-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-weight: bold;
    color: #021d49;
}
/* -------------- */
.brand-page-logo,
.product-list {
    background: white;
}
.coll-filter>li>a:before,
.slider-arrow {
    text-transform: none;
    line-height: 1;
    text-align: center
}
.product-list {
    border: 1px solid #EEE
}
.hide-section {
    display: none
}
.search-filter-sidebar {
    border-radius: 20px;
    background-color: var(--grey);
}
.search-filter-heading {
    height: 60px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 21.6px;
    text-align: left;
    color: white;
    background-color: var(--dark-blue);
    display: flex;
    padding: 0 2rem;
    align-items: center;
    font-family: "Inter";
}
.search-filter-heading::before {
    content: '';
    display: block;
    position: relative;
    margin-right: 1rem;
    background-color: white;
    mask: var(--icon-filter);
    -webkit-mask: var(--icon-filter);
    width: 14px;
    height: 14px;
}
.search-results-count {
    font-family: Inter;
    font-size: 16px;
    font-weight: 700;
    line-height: 21.6px;
    letter-spacing: -0.01em;
    text-align: left;
    color: var(--dark-blue);
    padding: 2rem 6rem;
}
.sidebar-menu-label {
    margin: 13px 0 23px;
    padding: 0;
    color: #9a9a9a;
    font-size: 14px
}
.select-attrs {
    margin: 0;
    padding: 1rem 2rem;
}
.select-attrs > li {
    position: relative;
    margin: 0 0 22px
}
.select-attrs > li > a {
    margin: 0 0 4px;
    display: inline-block;
    font-size: 16px;
    color: #303135
}
.slider-arrow {
    position: absolute;
    right: 0 !important;
    top: 1px;
    font-family: unset;
    font-size: unset;
    display: inline-block;
    width: 50px;
    cursor: pointer;
    transition: none;
    transform: none;
    top: -6px;
}
.slider-arrow::after {
    content: '';
    display: flex!important;
    position: absolute;
    left: 3rem;
    transform: rotate(180deg);
    background-color: var(--dark-blue);
    width: 30px;
    height: 30px;
    -webkit-mask: var(--icon-arrow);
    mask: var(--icon-arrow);
    margin-left: auto!important;
}
.slider-arrow-active::after {
    content: '';
    display: flex!important;
    position: absolute;
    left: -1rem;
    transform: rotate(180deg);
    background-color: var(--dark-blue);
    width: 30px;
    height: 30px;
    -webkit-mask: var(--icon-arrow);
    mask: var(--icon-arrow);
    margin-left: auto!important;
}
.coll-filter li .filter-color:after,
.coll-filter>li>a:before {
    speak: none;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all ease 0.25s;
    display: inline-block;
    cursor: pointer;
    -moz-osx-font-smoothing: grayscale
}
.slider-arrow-active,
.slider-arrow.active-parent {
    top: 25px;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
@media screen and (max-width: 767px) {
    .slider-arrow-active,
    .slider-arrow.active-parent {
        right: 24px !important;
    }
}
.coll-filter {
    margin: 1rem 0 0;
    padding: 0;
    width: 100% !important
}
.coll-filter > li {
    margin: 0 0 3px
}
.coll-filter > li > a {
    padding: 0;
    height: 20px;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 18.9px;
    letter-spacing: -0.01em;
    text-align: left;
    color: var(--dark-blue-70pc);
}
.coll-filter > li.selected > a {
    font-weight: 700
}
.coll-filter li .filter-color:after,
.yourLogo {
    -moz-transition: all ease 0.25s;
    -o-transition: all ease 0.25s
}
.coll-filter>li.selected>a:before {
    color: #FF671D;
    content: "\5c"
}
.product-count-heading {
    margin: 13px 0 0;
    padding: 0;
    color: #9a9a9a;
    font-size: 14px;
    font-family: MuseoSans-700;
    text-transform: uppercase
}
.product-info {
    margin: 20px;
    position: relative
}
.product-list-inner {
    position: relative;
    height: 100%;
    background: #FFF
}
.product-info .quick-ship {
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    color: #00BABC;
    font-size: 12px;
    font-weight: 700;
    font-style: italic;
    font-family: CalibriRegular
}
.product-info .three-day-shipping {
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    color: #00BABC;
    font-size: 12px;
    font-weight: 700;
    font-style: italic;
    font-family: CalibriRegular;
    text-transform: uppercase;
}
.product-info .sale-label {
    width: 44px;
    height: 19px;
    line-height: 20px;
    font-size: 9px;
    font-family: MuseoSans-700;
    position: absolute;
    top: 0;
    right: 0;
    background: url('sale-label-bg.png') left top no-repeat;
    background-size: cover;
    color: #FFF;
    text-transform: uppercase;
}
.product-info .new-label-with-sale {
    width: 44px;
    height: 19px;
    line-height: 20px;
    font-size: 9px;
    font-family: MuseoSans-700;
    position: absolute;
    top: 20px;
    right: 0;
    background: url('new-label-bg.png') left top no-repeat;
    background-size: cover;
    color: #FFF;
    text-transform: uppercase
}
.product-info .new-label {
    width: 44px;
    height: 19px;
    line-height: 20px;
    font-size: 9px;
    font-family: MuseoSans-700;
    position: absolute;
    top: 0;
    right: 0;
    background: url('new-label-bg.png') left top no-repeat;
    background-size: cover;
    color: #FFF;
    text-transform: uppercase
}
.product-info .disc-label {
    position: absolute;
    top: -3px;
    left: 118px;
    padding: 3px;
    border-bottom: 25px solid #ff671d;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    height: 0;
    width: 125px;
    transform: rotate(45deg);
    font-size: 1.1rem;
    text-indent: -5px;
    line-height: 2.85;
}
.product-info h4 {
    margin: 0 0 5px;
    padding: 0;
    color: #303135;
    font-size: 14px;
    line-height: 1.2;
    font-family: CalibriRegular;
    font-weight: 400;
    height: 4.6rem;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.product-info h4.toSeePricing {
    position: absolute;
    bottom: -20px;
    text-align: center;
    width: calc(100% + 40px);
    height: 2rem;
    left: -20px;
    margin: 0;
}
.product-info .price {
    height: 3.6rem;
}
.product-info .price .product-price {
    margin-bottom: 0;
}
.product-info h4 a {
    color: #303135
}
.product-info h4 a:hover {
    color: #FF671D
}
.product-thumbnail {
    padding: 15px 0
}
.ls-image-wrap {
    margin: 0 auto;
    width: 100% !important;
    height: auto !important
}
.price {
    font-family: MuseoSans-700;
    color: #303135;
    font-size: 14px;
}
.ls-original-price,
.product-price.product-price-sale {
    text-decoration: line-through
}
.ls-sale-price {
    color: #FF671D !important
}
.pagination-sec {
    background: #FFF;
    border: 1px solid #eee
}
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span,
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child > span {
    border-radius: 0
}
.pagination > .disabled > a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover,
.pagination>li>a,
.pagination > li > span {
    border-color: #EEE
}
.pagination > .active > a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background: #FF671D;
    border-color: #FF671D
}
.pagination > li > a,
.pagination > li > span {
    color: #FF671D
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    background: #EEE;
    color: #303135
}
.coll-filter li .filter-color {
    position: relative;
    width: 15px;
    display: inline-block;
    vertical-align: top
}
.coll-filter li .filter-color:after {
    content: "^";
    position: absolute;
    left: -8px;
    top: -5px;
    font-family: ElegantIcons !important;
    font-size: 27px !important;
    font-weight: 400;
    text-transform: none;
    line-height: 1;
    text-align: center;
    transition: all ease 0.25s
}
.RelatedProductSec,
.yourLogo {
    -webkit-transition: all ease 0.25s
}
.coll-filter li.red .filter-color:after {
    color: #dc5258
}
.coll-filter li.orange .filter-color:after {
    color: #ec6d36
}
.coll-filter li.yellow .filter-color:after {
    color: #ffe025
}
.coll-filter li.green .filter-color:after {
    color: #3ba890
}
.coll-filter li.blue .filter-color:after {
    color: #4046a8
}
.coll-filter li.indigo .filter-color:after {
    color: #5d4586
}
.coll-filter li.violet .filter-color:after {
    color: #6f5aad
}
.coll-filter li.black .filter-color:after {
    color: #000
}
.coll-filter li.grey .filter-color:after {
    color: #9a9a9a
}
.coll-filter li.white .filter-color:after {
    color: #FFF
}
.productSecMainBg {
    background: #FFF;
    border-bottom: solid 1px #eee;
    margin: 0 0 30px !important
}
.relative {
    position: relative
}
.productSecSepretor {
    position: absolute;
    left: 50%;
    top: 0;
    background: #eee;
    width: 2px;
    height: 100%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 99
}
.productSecBg {
    background: #FFF;
    border: 1px solid #eee
}
.productSecBg.productSecBgLeft {
    border-right-color: transparent;
    border-bottom: none
}
.productSecBg.productSecBgRight {
    border-left-color: transparent;
    border-bottom: none
}
.product-nav {
    z-index: 99
}
.product-nav .slick-list {
    margin: -20px -25px;
    padding: 20px 25px
}
.productNavThumb {
    visibility: hidden;
    opacity: 0;
    background: #FFF;
    border-top: solid 1px #EEE;
    border-bottom: solid 1px #EEE;
    border-right: solid 1px #EEE
}
/* video slides homepage */
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
}
.embed-container object {
    top: 0;
    pointer-events: none;
}
#ytvideoContent {
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
}
.slick-slide img {
    margin: 0 auto
}
.product-nav .slick-active .productNavThumb {
    opacity: 1.0;
    visibility: visible
}
.slick-slider .slick-slide {
    outline: 0
}
.productSlideImage {
    max-width: 430px;
    margin: 0 auto 20px
}
.product-slider .slick-arrow {
    color: #303135
}
.productSlideImageWrapp {
    padding: 25px
}
.product-slider {
    position: relative;
}
.product-slider .product-quick-ship {
    position: absolute;
    top: 22px;
    left: 22px;
    text-align: left;
    color: #00BABC;
    font-size: 16px;
    font-weight: 700;
    font-style: italic;
    font-family: CalibriRegular;
    text-transform: uppercase;
    z-index: 99;
}
.product-slider .three-day-shipping {
    position: absolute;
    top: 22px;
    left: 22px;
    text-align: left;
    color: #00BABC;
    font-size: 16px;
    font-weight: 700;
    font-style: italic;
    font-family: CalibriRegular;
    text-transform: uppercase;
    z-index: 99;
}
span.zoom-slider-image.arrow_move {
    position: absolute;
    top: 22px;
    z-index: 99;
    right: 22px;
    color: #9a9a9a;
    font-size: 21px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer
}
span.zoom-slider-image.arrow_move:hover {
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}
.contact-us-product {
    font-weight: 400;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: CalibriRegular
}
.contact-us-product a {
    color: #9a9a9a
}
.contact-us-product a:hover {
    color: #FF671D
}
.alert-warning {
    border: #eee;
    color: #FF671D;
    background-color: #fff;
    border-radius: 0;
    border-left: solid 3px #FF671D
}
.alertWithBtn strong.pull-left {
    line-height: 30px
}
#account .alert-warning {
    margin: 15px
}
.AddNewAddBtnSec .btn {
    margin-right: 5px
}
.productTabs {
    padding: 37px 60px 22px;
    border-bottom: solid 1px #eee
}
.nav-tabs {
    border: none
}
.nav-tabs > li {
    width: 25%;
    border-bottom: solid 2px #eee;
    margin: 0
}
.nav-tabs>li:last-child {
    margin: 0
}
.nav-tabs > li > a {
    margin: 0;
    padding: 0 0 19px;
    border-radius: 0;
    border: none;
    font-family: MuseoSans-900;
    font-size: 12px;
    color: #9a9a9a;
    display: inline-block;
    vertical-align: bottom
}
.nav-tabs > li.active > a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.nav-tabs>li>a:hover {
    margin: 0;
    padding: 0 0 19px;
    border: none;
    background: 0 0;
}
.nav-tabs > li.active > a {
    color: #FF671D;
    position: relative
}
.nav-tabs>li.active>a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    width: 100%;
    height: 4px;
    background: #FF671D
}
.tabPanelDetails {
    padding: 37px 0 1px
}
.productSecBgLeft .productTabs .tab-content .tab-pane {
    max-height: inherit !important;
}
.tabPanelDetails h3 {
    margin: 0 0 5px;
    padding: 0;
    color: #303135;
    font-size: 16px;
    font-family: MuseoSans-700;
    font-weight: 400
}
.tabPanelDetails a {
    color: #FF671D
}
.tabPanelDetails a:hover {
    color: #000
}
.tabPanelDetails p {
    margin: 0 0 19px;
    padding: 0;
    color: #4c4c4c;
    font-size: 16px;
    line-height: 1.25;
    font-family: CalibriRegular
}
.tabPanelDetails p .learn-more-url {
    display: inline-block;
    margin-top: 6px;
    vertical-align: top;
    font-weight: 700;
    font-size: 14px;
    color: #FF671D
}
.tabPanelDetails h4,
.tabPanelDetails ul {
    color: #4c4c4c;
    font-size: 16px;
    padding: 0;
    font-family: CalibriRegular
}
.tabPanelDetails ul {
    margin: 0 0 19px 20px;
    list-style: disc;
    line-height: 1.25
}
.tabPanelDetails ul li {
    margin-bottom: 15px
}
.tabPanelDetails ul ul {
    margin: 15px 0 0 30px
}
.tabPanelDetails h4 {
    margin: 0;
    font-weight: 700
}
.social-share {
    margin: 0 0 -1px;
    padding: 0;
    list-style: none;
    border-bottom: solid 1px #eee
}
.social-share > li {
    float: left;
    width: 25%
}
.social-share > li > a {
    padding: 13px 0 8px;
    display: block;
    text-align: center;
    font-size: 24px;
    border: 1px solid transparent;
    border-right-color: #eee;
    background: #FFF;
    outline: 0 !important
}
.ProductSizeInfo span,
.productQty {
    display: inline-block
}
.social-share>li:last-child > a {
    border-right: transparent
}
.social-share > li.facebook > a {
    color: #3b5997
}
.social-share > li.google > a {
    color: #bd2a42
}
.social-share > li.pinterest > a {
    color: #bb362f
}
.social-share > li.twitter > a {
    color: #54abee
}
.productDetailsSec {
    padding: 54px 0;
}
.productDetailsSec .product-detail-row {
    padding: 0 40px;
}
.productDetailsSec .product-detail-row .sku {
    color: #9a9a9a;
    font-size: 12px;
}
.productDetailsSec .productTitle {
    margin: 0 0 6px;
    padding: 0;
    color: #303135;
    font-size: 18px;
    line-height: 1.3;
    font-family: CalibriRegular;
    font-weight: 400
}
.product-price,
.msrp-h2 {
    margin: 0 0 11px;
    font-weight: 400;
    font-size: 14px;
    font-family: MuseoSans-700;
    color: #303135
}
.product-detail-h3 {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    font-size: 12px;
}
.priceLargeText {
    font-size: 18px
}
.productRating {
    margin: 0 0 14px
}
.color-choices-pr {
    padding: 0 25px 0 0;
    margin: 0 0 12px
}
.colorChoiceSlide {
    padding: 5px
}
.colorChoiceSlider .slick-arrow {
    color: #000;
    opacity: 1;
    font-size: 30px
}
.colorChoiceSlider .slick-arrow.slick-disabled {
    opacity: 0
}
.colorChoiceSlider .slick-arrow.prevArrow {
    left: -30px
}
.colorChoiceSlider .slick-arrow.nextArrow {
    right: -30px
}
.product-description {
    padding: 0 0 14px
}
.product-description p {
    margin: 0 0 19px;
    padding: 0;
    color: #4c4c4c;
    font-size: 16px;
    line-height: 1.2;
    font-family: CalibriRegular
}
.ProductSizeHeading {
    color: #9a9a9a;
    font-size: 12px;
    font-family: MuseoSans-700;
    text-transform: uppercase;
    margin-bottom: -6px !important
}
.ProductSizeHeading .sizeQty span {
    padding: 0;
}
.ProductSizeInfo {
    border-bottom: solid 1px #eee;
    color: #4c4c4c;
    font-size: 16px;
    font-family: CalibriRegular;
    padding: 10px 0
}
.ProductSizeInfo:last-child {
    border-bottom: none
}
.ProductSizeInfo.selected,
.productPriceList.selected {
    font-weight: 700
}
.ProductSizeText {
    padding: 0 0 0 20px !important;
    cursor: pointer;
    line-height: 1;
    margin: 7px 0 0 !important
}
.InStockText {
    padding: 0 4rem 0 0;
    line-height: 1;
    margin: 7px 0 0!important;
}
.needmore {
    display: none;
    height: 2.7rem;
    padding: 3px 0;
    text-align: center;
    margin: 20px auto;
    border-radius: 15px;
    color: #ff671d;
}
.needmore a {
    color: white;
    text-decoration: underline;
}
.instockdiv {
    margin: 1rem 0;
    padding: 3px;
    border: 1px solid #ff671d;
    border-radius: 15px;
}
/*
.needmore:before {
    content: "";
    position: absolute;
    right: 100%;
    top: -3px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-right: 19px solid #ff671d;
    border-bottom: 14px solid transparent;
} */
.ProductSizeInfo .icon_circle-empty {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 8px 0 0
}
.ie .ProductSizeInfo .icon_circle-empty {
    top: 1px
}
.ProductSizeInfo.selected .icon_circle-empty:before {
    content: "\5c";
    color: #FF671D
}
.productQty {
    position: relative;
    margin: 0 15px 0 0;
    padding: 3px 20px 3px 5px;
    border: 1px solid #eee;
    width: 70px;
    vertical-align: top
}
.productQty:after {
    clear: both;
    display: block
}
.productQty input {
    margin: 0;
    padding: 0;
    text-align: right;
    display: block;
    width: 100%;
    max-width: 100%;
    outline: 0;
    border: none;
    border-spacing: 0;
    background: 0 0;
    float: right;
    line-height: 22px
}
.ProductSizeInfo.row.no-margin.outOfStock {
    color: #9a9a9a
}
.productQty .button {
    font-size: 14px;
    cursor: pointer;
    width: 20px;
    text-align: center;
    height: 15px;
    line-height: 16px
}
.shappify_option_name,
.yourLogo h4,
body #option_display_total_format {
    padding: 0;
    color: #9a9a9a;
    font-size: 12px;
    font-family: MuseoSans-700;
    text-transform: uppercase
}
.ProductSizeInfo.row.no-margin.outOfStock .productQty .button {
    cursor: default
}
.productQty .arrow_triangle-up {
    position: absolute;
    top: -2px;
    right: 0;
    line-height: 20px
}
.productQty .arrow_triangle-down {
    position: absolute;
    bottom: 2px;
    right: 0;
    line-height: 20px
}
span.price-lable {
    margin: 4px 0 0
}
.logoInput .shappify_option,
.logoInput .shappify_option.last {
    padding: 0;
    margin: 0 0 22px
}
.yourLogo {
    margin: 16px 0 0;
    transition: all ease 0.25s
}
.RelatedProductSec,
.relatedProducts .product-list {
    -moz-transition: all ease 0.25s;
    -o-transition: all ease 0.25s
}
.secLoading .yourLogo {
    visibility: visible;
    opacity: 1;
    height: auto
}
.secLoading .yourLogo #second_logo_sec {
    margin-block-start: 0;
    padding-inline-start: 0;
}
.shappify_option_name,
.yourLogo h4 {
    margin: 0 0 10px
}
body #option_display_total_format {
    margin: 0 0 29px
}
body #option_display_total_format #formatted_option_total {
    font-size: 16px;
    color: #FF671D
}
select {
    border: 1px solid #e2e2e2 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('select-arrow.png') 96% center no-repeat #efefef;
    width: 100px;
    text-indent: 0.01px;
    text-overflow: "";
    color: #4c4c4c;
    border-radius: 0;
    padding: 5px 10px;
    box-shadow: none;
    outline: 0;
    font-family: MuseoSans-500;
    font-weight: 400;
    font-size: 15px;
    height: 40px !important;
}
.imageTitle,
.imgDetails .item-label {
    font-family: CalibriRegular;
    line-height: 1
}
input[type=file] {
    display: block;
    background: #efefef;
    padding: 8px 10px;
    outline: 0;
    border: 1px solid #e2e2e2;
    vertical-align: middle
}
input[type=file]:focus {
    outline: 0
}
input.hs-input[type=file] {
    display: inline-block;
    background-color: #fff;
    padding: initial;
    border: initial;
    line-height: initial;
    box-shadow: none;
}
.logoInput {
    margin: 0 0 15px
}
.image-preview-input {
    position: relative;
    overflow: hidden;
    margin: 0;
    color: #FFF;
    background-color: #FF671D;
    border-color: #FF671D
}
.image-preview-input input[type=file] {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0)
}
.image-preview-input-title {
    margin-left: 2px
}
.input-group .form-control.image-preview-filename {
    border-radius: 0;
    height: 40px;
    padding: 0 13px;
    border: none;
    font-size: 14px;
    background: #EEE
}
.input-group-btn {
    cursor: pointer
}
.input-group-btn > .btn.image-preview-input {
    border-radius: 0;
    margin: 0;
    padding: 10px 15px
}
.uplodedLogo {
    display: none;
    position: relative;
    margin: 15px 0
}
.uplodedLogoLeft {
    padding: 0 80px 0 0;
    position: relative
}
.image-show img {
    display: block;
    width: 68px;
    min-width: 68px;
    height: auto;
    border: 1px solid #eee
}
.imgDetails {
    padding: 0 0 0 20px
}
.imgDetails .item-label {
    color: #9a9a9a;
    font-size: 12px;
    margin: 0 0 1px
}
.imageTitle {
    font-size: 16px;
    color: #4c4c4c;
    margin: 0 0 3px;
    word-break: break-all
}
.uplodedLogoRight {
    position: absolute;
    right: 27px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}
.uplodedLogoRight a {
    color: #FF671D;
    font-weight: 700;
    font-size: 14px;
    font-family: CalibriRegular
}
.logoEmbroideredHeading strong,
.logoEmbroideredStatus,
.radioGroup label,
.shappify_radio_option,
.shappify_checkbox_option,
.shappify_input_option {
    font-size: 16px;
    font-family: CalibriRegular
}
.uplodedLogoRight a:hover {
    color: #4c4c4c
}
.logoEmbroidered {
    padding: 0 27px 0 0;
    margin: 0 0 15px
}
.logoEmbroideredHeading .icon_circle-slelected {
    position: relative;
    top: 1px;
    color: #FF671D
}
.logoEmbroideredHeading strong,
.logoEmbroideredStatus {
    color: #4c4c4c
}
.logoPlacementSec {
    margin: 0 0 22px
}
img.small_img {
    vertical-align: top;
    max-height: 23px;
    width: auto
}
.yourLogo .logoPlacementSec h4 {
    margin: 0 0 12px
}
.radioGroup {
    margin: 0 35px 0 0
}
.radioGroup:last-child {
    margin-right: 0
}
.radioGroup .icon_circle-empty {
    position: relative;
    top: 2px;
    margin-right: 4px
}
.radioGroup label {
    font-weight: 400;
    color: #4c4c4c;
    cursor: pointer
}
.radioGroup input[type=radio]:not(old)+label:before {
    color: #4c4c4c
}
.radioGroup input[type=radio]:not(old):checked+label {
    font-weight: 700
}
.radioGroup input[type=radio]:not(old):checked+label .icon_circle-empty:before {
    content: "\5c";
    color: #FF671D
}
.shappify_radio_option,
.shappify_checkbox_option,
.shappify_input_option {
    font-weight: 400;
    color: #4c4c4c;
    cursor: pointer;
    margin: 0 35px 5px 0;
    float: left
}
.checkboxContact input[type=checkbox]:not(old)+label:before,
.shappify_radio_option:before {
    font-family: ElegantIcons;
    text-transform: none;
    line-height: 1;
    font-style: normal;
    speak: none;
    font-variant: normal;
    -webkit-font-smoothing: antialiased
}
.shappify_radio_option.disabled:before {
    color: #ccc;
}
.shappify_radio_option input[type=radio] {
    display: none
}
.shappify_radio_option:before {
    font-weight: 400;
    content: "\5b";
    display: inline-block;
    position: relative;
    top: 2px
}
.radioClicked.shappify_radio_option {
    font-weight: 700
}
.radioClicked.shappify_radio_option:before {
    content: "\5c";
    color: #FF671D
}
.shappify_radio_option input[type="radio"]:checked + label:before {
    content: "\5c";
    color: #FF671D
}
.radioDisabled.shappify_radio_option {
    cursor: default;
    color: #9a9a9a !important;
}
.radioDisabled.shappify_radio_option:before {
    color: #9a9a9a !important;
}
.shappify_radio_option:last-child {
    margin-right: 0
}
.shappify_option_value:after {
    content: "";
    display: block;
    clear: both
}
.checkboxContact label {
    position: relative;
    padding: 0 0 0 26px;
    font-weight: 400;
    font-size: 13px;
    margin: 0 0 15px;
    cursor: pointer
}
.checkboxContact input[type=checkbox]:not(old)+label:before {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    font-weight: 400;
    color: #4c4c4c;
    content: "\56"
}
.conditionUrl,
.orderTodayBoxHeading {
    font-weight: 700;
    font-family: CalibriRegular
}
.checkboxContact input[type=checkbox]:not(old):checked+label:before {
    content: "\5a";
    color: #FF671D
}
.conditionUrl {
    color: #9a9a9a;
    font-size: 9px
}
.conditionUrl:hover {
    color: #FF671D
}
.orderToday {
    margin: 0 0 35px
}
.orderTodayBoxSec {
    background: #FFF;
    border: 1px solid #eee
}
.order-shipsby-note {
    border: 1px solid #eee;
    padding: 5px !important;
    color: #9a9a9a;
    font-size: 13px
}
.orderTodayBox {
    background: #FFF;
    border: 1px solid #eee;
    border-bottom: none;
}
.orderTodayBoxHeading {
    margin: 0;
    padding: 7px;
    border-bottom: solid 1px #eee;
    color: #9a9a9a;
    font-size: 12px
}
.black-bg {
    background: #303135
}
.white-text {
    color: #FFF
}
.orderTodayBoxInfo {
    border-top: solid 1px #eee;
    padding: 11px 5px 10px;
    color: #4c4c4c;
    font-size: 14px;
    font-family: CalibriRegular
}
.orderTodayBoxInfoCopy {
    line-height: 1.25;
    padding: 4px 0
}
.orderTodayBoxInfo h4,
.orderTodayBoxInfo h6 {
    margin: 0;
    padding: 0;
    color: #4c4c4c;
    font-weight: 700;
    font-family: CalibriRegular
}
.orderTodayBoxInfo h6 {
    font-size: 16px
}
.orderTodayBoxInfo h4 {
    font-size: 24px
}
.sendProductEmail a {
    font-family: CalibriRegular;
    font-size: 16px;
    color: #303135
}
.sendProductEmail a:hover {
    color: #FF671D
}
.sendProductEmail {
    margin: 10px 0 0;
    padding: 0 0 10px
}
.sendProductEmail .icon_mail_alt {
    margin: 0 5px 0 0
}
.RelatedProductSec {
    width: 100%;
    margin: 0 0 30px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    transition: all ease 0.25s
}
.RelatedProductSec.loaded {
    overflow: visible;
    opacity: 1;
    visibility: visible;
    position: relative
}
.secHeading {
    padding: 17px 0 26px;
    margin: 0 0 20px;
    color: #9a9a9a;
    font-size: 14px;
    font-family: MuseoSans-700;
    text-transform: uppercase
}
.relatedProducts .slick-list {
    margin: -20px -25px;
    padding: 20px 25px
}
.relatedProducts {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none
}
.relatedProducts .product-list {
    -webkit-transition: all ease 0.25s;
    transition: all ease 0.25s;
    opacity: 0;
    visibility: hidden
}
.relatedProducts .product-list.slick-active {
    opacity: 1;
    visibility: visible
}
.relatedProducts .slick-arrow {
    color: #303135
}
.relatedProducts .slick-arrow.prevArrow {
    left: -36px
}
.relatedProducts .slick-arrow.nextArrow {
    right: -36px
}
.productReviewSec {
    background: #FFF;
    border: 1px solid #eee
}
.productPriceSec .productPriceList {
    border-bottom: solid 1px #eee;
    padding-bottom: 17px;
    margin-bottom: 17px !important
}
.team-box,
section.faqSec {
    border: 1px solid #eee
}
.productPriceSec .priceSecHeding,
.productPriceSec .priceSecvalue {
    padding: 0 10px 0 0;
    display: block;
    font-family: CalibriRegular
}
.productPriceSec .priceSecHeding {
    margin: 0;
    font-size: 18px;
    line-height: 1;
    color: #9a9a9a;
    font-weight: 700
}
.productPriceSec .priceSecvalue {
    font-size: 14px;
    line-height: 1em;
    color: #303135
}
.teamBoxArea {
    background: #FFF;
    display: flex
}
.team-box-copy {
    padding: 20px 20px 14px !important
}
.team-box-copy h4 {
    margin: 0 0 5px;
    padding: 0
}
.team-thumb {
    overflow: hidden
}
.team-thumb img {
    margin: -1% 0 -1% -1%;
    display: block;
    width: 102%;
    max-width: inherit;
    height: 102%
}
section.faqSec {
    background: #fff;
    padding: 0;
    border-top: solid 1px #eee;
    margin: 0 0 10px;
    border-bottom: solid 1px #eee
}
.faqList,
article.blogArticle {
    border: 1px solid #eee
}
.freeSampleRequest .faqList {
    border: 0;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}
section.faqSec:last-child {
    margin: 0
}
.faqSec h3 {
    margin: 0;
    padding: 15px;
    background: #4a4a54;
    color: #fff;
    font-size: 18px
}
.faqList h4.msg_head {
    margin: 0;
    padding: 15px;
    font-size: 15px;
    color: #4a4a54;
    cursor: pointer
}
.faqList.active h4.msg_head,
article.blogArticle a {
    color: #FF671D
}
.msg_body {
    display: none;
    padding: 1px 15px 10px
}
.msgTextBody {
    padding: 18px 15px 10px
}
.msgTextBody p,
.msg_body p {
    margin: 0 0 10px
}
article.blogArticle {
    background: #FFF;
    padding: 5px 15px 15px
}
article.blogArticle a:hover,
article.blogArticle h2 a {
    color: #4a4a54
}
article.blogArticle h1 {
    margin: 10px 0 0
}
article.blogArticle h2 {
    margin: 10px 0 0;
    padding: 0;
    font-size: 24px
}
.content-area article.blogArticle h2 a:hover {
    color: #FF671D
}
.articleThumb {
    margin-top: 10px !important
}
.articleMore {
    margin: 10px 0 0
}
header.section-header {
    background: #FFF;
    border: 1px solid #EEE;
    padding: 15px
}
header.section-header h1 {
    margin: 0;
    padding: 0;
    font-size: 30px
}
.articleThumb img {
    display: block;
    width: 100%;
    height: auto
}
.blogPagination {
    background: #FFF;
    border: 1px solid #eee
}
.sidebarBox {
    background: #fff;
    border: solid;
    margin: 0 0 20px
}
.sidebarBox h4,
.sidebarBox ul li {
    border-bottom: solid 1px #eee;
    margin: 0
}
.sidebarBox h4 {
    padding: 15px
}
.sidebarBox ul {
    margin: 0;
    padding: 0;
    list-style: none
}
.sidebarBox ul li {
    padding: 15px
}
.blogArticleThumb {
    width: 100%;
    margin: 10px 0;
}
.blogArticleThumb img {
    width: 100%;
}
article.blogArticle .blogPagi a {
    color: #fff !important
}
.contentBg {
    background: #FFF;
    border: 1px solid #eee;
    padding: 1px 15px 15px
}
.contentBg a {
    color: #FF671D
}
.contentBg a:hover {
    color: #4a4a54
}
.contentBg h1 {
    margin: 0 0 7px;
    padding: 0;
    font-size: 24px
}
.displayFlex {
    display: flex
}
.contactBox {
    border-top: solid 1px #eee;
    margin: 15px 0 0
}
.boxBg .contentBg {
    position: relative;
    height: 100%
}
form#contact_form {
    margin: 33px 0 0
}
form#contact_form textarea.form-control {
    resize: inherit;
    height: 150px
}
#reset-account .errors {
    margin: 30px 0 0
}
.errors ul {
    margin: 0 0 16px 16px;
    padding: 0;
    color: #FF671D;
    display: inline-block
}
span.arrow_move.transition-all.close.modalxclose {
    z-index: 99;
    position: relative
}
.btnSecAddress.row.no-margin {
    margin: 14px 0 0 !important
}
.addressSec form label {
    display: block
}
.formGroup {
    margin: 0 0 15px
}
div#AddAddress {
    border-top: solid 2px #eee;
    padding: 1px 15px 0;
    margin: 15px -15px 0
}
.formGroup input[type=text],
.formGroup input[type=tel],
.formGroup input[type=email],
.formGroup select {
    display: block;
    margin: 0;
    padding: 10px;
    border: 2px solid #EEE;
    width: 100%
}
.formGroup select {
    height: 44px
}
.addressHeadSec {
    border-top: solid 2px #eee;
    padding: 0 15px;
    margin: 14px -15px 0
}
.editAddressArea {
    background: #FFF;
    border: 1px solid #eee;
    padding: 15px;
    margin: 0 0 15px
}
.editAddressArea:last-child {
    margin: 0
}
.addressBoxInfo h4 {
    margin: 0 0 10px
}
.addressBoxBtn p,
.addressBoxInfo address {
    margin: 0
}
.EditAddressSec {
    border-top: solid 1px #eee;
    margin: 20px 0 0
}
.backToAccount {
    margin: 6px 0 0;
    display: inline-block
}
span.icon_close_alt2.transition-all.close.modalxclose {
    position: relative;
    z-index: 99
}
.table > tbody > tr > td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #bfbfbf
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0
}
.opacity0 {
    opacity: 0;
    display: none;
}
.videoWrapper {
    position: relative;
    padding-bottom: 53.5%;
    padding-top: 25px;
    height: 0;
    margin: 15px 0 0
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
p.cart-empty {
    margin: 0;
    padding: 15px;
    color: #FF671D
}
body p.note.form-success {
    margin: 0 0 30px;
    padding: 15px;
    background: #FFF;
    color: #018401;
    font-weight: 700;
    border: 1px solid #eee;
    border-left: solid 3px
}
body .ui-autocomplete {
    border: none !important;
    border-radius: 0 !important
}
body .ui-autocomplete .ui-menu-item:hover {
    background: #4b4b55;
    color: #FFF !important
}
body .ui-autocomplete .ui-menu-item:hover .as_magento_suggest.as_icon {
    color: #FFF !important
}
body ul.ui-autocomplete .ui-menu-item {
    border-bottom: solid 1px #eee;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-size: 14px
}
body .isp_section_header {
    padding: 10px;
    text-transform: uppercase;
    font-size: 15px;
    color: #4c4c4c
}
body .as_img_container {
    width: 40px !important;
    max-height: 40px
}
body img.as_magento_img {
    display: block;
    width: 100%;
    max-width: 40px
}
body .as_magento_suggest.as_icon {
    background: 0 0 !important;
    color: #4c4c4c
}
body .as_magento_img_missing {
    width: 40px !important;
    height: 20px !important
}
body .as_icon {
    background: 0 0;
    color: #4c4c4c
}
body .ui-autocomplete .ui-menu-item:hover .as_icon {
    color: #FFF
}
body span.as_img_container_popular_search {
    width: 40px !important
}
body ul.ui-autocomplete .ui-menu-item#acp_footer_acp {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    text-transform: uppercase;
    font-size: 14px !important
}
body ul.ui-autocomplete .ui-menu-item#acp_footer_acp a {
    text-decoration: none;
    color: #4c4c4c
}
body ul.ui-autocomplete .ui-menu-item#acp_footer_acp a:hover {
    color: #FF671D !important
}
#content h2.title-404 {
    color: #FF671D;
    font-size: 150px !important;
    line-height: 150px !important;
    margin: 0 !important;
    font-family: MuseoSans-700
}
#content .height-404 p {
    font-size: 30px !important;
    line-height: 1 !important;
    margin: 15px 0 20px !important;
    font-style: normal;
    color: #333 !important
}
#content h6.link-404 {
    text-transform: capitalize;
    font-size: 18px;
    color: #333 !important;
    line-height: 1.4
}
#content h6.link-404 a {
    color: #FF671D
}
#content h6.link-404 a:hover {
    color: #333
}
.height-404 {
    background: #FFF;
    border: 1px solid #eee;
    padding: 50px 0
}
body #isp_search_result_page_container div.isp_left_container {
    width: 25%;
    margin: 0;
    padding: 0 15px 0 0
}
body #isp_search_result_page_container div.isp_center_container_position {
    margin-left: 25%
}
body div.isp_center_container ul#isp_search_results_container li.isp_grid_product {
    margin: 0;
    padding: 20px;
    width: 33.333%;
    background: #FFF;
    border: 1px solid #eaeaea !important
}
body li.isp_grid_product div.isp_product_info div {
    margin: 0
}
.isp_favorite button {
    margin: 0;
    padding: 0
}
body li.isp_grid_product div.isp_product_info .isp_product_title {
    margin: 0 0 5px;
    padding: 0;
    color: #303135;
    font-size: 14px;
    line-height: 1.3;
    font-family: CalibriRegular;
    font-weight: 400
}
body li.isp_grid_product span.isp_search_term_highlight {
    background: #FF671D;
    font-size: inherit;
    color: #FFF;
    font-weight: 400;
    padding: 0 2px
}
body #isp_search_result_page_container span.isp_product_price.money {
    font-family: MuseoSans-700;
    color: #303135;
    font-size: 14px
}
div#isp_search_box_container {
    background: #eee;
    margin: 15px 0 !important;
    padding: 15px !important
}
body #isp_search_result_page_container div.isp_center_container {
    padding: 0
}
body #isp_search_result_page_container div.isp_center_container_header {
    border-bottom: 1px solid #eee
}
body .isp_single_facet_wrapper .isp_facet_title .isp_facet_title_name {
    margin: 0 0 4px;
    display: inline-block;
    font-size: 16px;
    color: #303135;
    font-family: MuseoSans-700;
    opacity: 1
}
body #isp_left_container_facets .isp_facet_value a .isp_facet_value_name .isp_facet_value_counter,
body #isp_left_container_facets .isp_facet_value a .isp_facet_value_name .isp_facet_value_name_not_selected,
body #isp_left_container_facets .isp_facet_value a .isp_facet_value_name span {
    position: relative;
    padding: 0;
    font-size: 16px;
    line-height: 1;
    color: #303135;
    font-family: CalibriRegular
}
body #isp_left_container_facets .isp_search_res_facets_container .isp_facet_value {
    padding-bottom: 3px
}
body #isp_left_container .isp_facet_value a div.isp_facet_check_box_icon.isp_facet_check_box_icon_checked,
body #isp_left_container .isp_facet_value a div.isp_facet_check_box_icon.isp_facet_check_box_icon_not_checked {
    background: 0 0;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0
}
body #isp_left_container .isp_facet_value a div.isp_facet_check_box_icon.isp_facet_check_box_icon_checked:before,
body #isp_left_container .isp_facet_value a div.isp_facet_check_box_icon.isp_facet_check_box_icon_not_checked:before {
    content: "\5b";
    display: block;
    font-family: ElegantIcons !important;
    speak: none;
    font-size: 16px !important;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 18px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all ease 0.25s;
    -moz-transition: all ease 0.25s;
    -o-transition: all ease 0.25s;
    transition: all ease 0.25s;
    color: #9a9a9a
}
body #isp_left_container .isp_facet_value a div.isp_facet_check_box_icon.isp_facet_check_box_icon_checked:before {
    content: "\5c";
    color: #FF671D
}
#product-area:after,
span.warning.invalid:before {
    content: "";
    display: block
}
body #isp_left_container_facets .isp_search_res_facets_container .isp_facet_value a {
    margin: 0;
    padding: 0 0 0 22px;
    text-indent: 0;
    position: relative
}
body div.isp_center_container div#isp_search_results_filter_tags {
    margin-top: 5px;
    margin-bottom: 12px
}
body div#isp_search_results_filter_tags .isp_filter_removable_tag a {
    cursor: pointer;
    color: #fff;
    text-decoration: none
}
body div#isp_search_results_filter_tags .isp_filter_removable_tag {
    background-color: #FF671D;
    padding: 5px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.175);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.175);
    -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.175);
    font-size: 12px;
    opacity: .8;
    color: #fff;
    margin-right: 0.5em;
    display: inline-block;
    line-height: 13px
}
body div#isp_search_results_filter_tags .isp_filter_removable_tag span.isp_product_price.money {
    font-family: MuseoSans-500;
    color: #fff;
    font-size: 12px
}
body #isp_left_container_facets .isp_search_res_facets_container .isp_facet_show_hide_values {
    font-size: 14px;
    color: #FF671D;
    cursor: pointer;
    margin: 0
}
body #isp_scrollUp {
    bottom: 10px;
    right: 10px;
    background: #FF671D;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    opacity: .9;
    padding: 5px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.content-area ul.bundle-accordion {
    margin: 0;
    padding: 0;
    list-style: none
}
.bundle-accordion .accordion-body {
    height: 0;
    overflow: hidden
}
.bundle-accordion .opened .accordion-body {
    height: auto
}
.accordion-header {
    margin: 0 10px;
    background: #303135;
    color: #fff;
    padding: 12px 50px 12px 12px;
    font-size: 17px;
    font-family: MuseoSans-500;
    text-transform: uppercase;
    cursor: pointer;
    position: relative
}
.bundle-accordion li.opened .accordion-header {
    background: #FF671D
}
.bundle-accordion a.next-item {
    float: right;
    margin: 0 10px 25px 0;
    text-transform: uppercase
}
span.warning.invalid {
    width: 30px;
    height: 30px;
    display: block;
    background: #fff;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}
span.warning.invalid:before {
    background: url('warning.png') left top no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    margin: 5px auto
}
span.warning.check:before {
    background: url('checkmark.png') left top no-repeat;
    background-size: cover
}
#product-area:after {
    clear: both
}
div#bold-popup {
    background: #FFF;
    padding: 20px 20px 10px !important;
    margin: 0 10px !important;
    color: red;
    display: none
}
body .form-all {
    margin: 0;
    padding: 0;
    background: #eee
}
body .form-label-left {
    float: none;
    width: auto !important;
    display: block;
    margin: 0 0 5px;
    padding: 0;
    color: #303135;
    font-size: 12px;
    font-family: MuseoSans-700;
    text-transform: uppercase
}
body .form-input {
    display: block;
    width: 100% !important
}
body .form-textarea,
body .form-textbox {
    display: block !important;
    background: #fff !important;
    padding: 8px 10px !important;
    outline: 0 !important;
    border: 1px solid #e2e2e2 !important;
    height: 40px !important;
    width: 100% !important;
    -webkit-border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-border-radius: 0 !important;
    -moz-box-shadow: none !important;
    border-radius: 0 !important;
    box-shadow: none !important
}
body li.isp_grid_product form.isp_add_to_cart_form {
    display: none !important
}
body .form-textarea {
    height: 100px !important
}
.form-submit-button {
    border: none !important;
    color: #FFF !important;
    background: #FF671D !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    font-family: MuseoSans-900 !important;
    font-weight: 400 !important;
    letter-spacing: 1px !important;
    padding: 15px 40px !important;
    border-radius: 25px !important;
    -webkit-border-radius: 25px !important;
    outline: 0 !important;
    width: auto !important;
    -webkit-transition: all ease 0.25s;
    -moz-transition: all ease 0.25s;
    -o-transition: all ease 0.25s;
    transition: all ease 0.25s
}
.form-submit-button:hover {
    background: #4b4b55 !important;
    color: #FFF !important
}
.form-section.page-section {
    text-align: left
}
.embed-responsive {
    margin: 10px 0 0
}
#reset-account .form-group label {
    left: 10px
}
.formArea {
    margin-top: 30px
}
.iframeResponsive,
.table-responsive {
    margin-top: 15px;
    -webkit-overflow-scrolling: touch
}
.iframeResponsive iframe {

    width: 100px !important;
    *width: 100% !important;
    min-width: 100% !important;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar
}
.minWidth600 iframe {
    min-width: 600px
}
.minWidth700 iframe {
    min-width: 700px
}
.minWidth900 iframe {
    min-width: 900px
}
.minWidth320 iframe {
    min-width: 320px
}
.customTable.table-responsive > .table {
    margin-top: 0
}
.customTable.table-responsive > .table > tbody > tr > td {
    white-space: inherit
}
.full-width {
    width: 100%
}
.friendbuy-cbY-f2a {
    margin: 15px 0 0
}
.terms-checkbox {
    margin-top: 6px !important
}
.logoUploadSec {
    border-top: solid 1px #eee;
    padding: 20px 25px 60px
}
.testimonialsContainer {
    padding-top: 20px !important;
    padding-bottom: 15px !important
}
.shopBtn {
    text-align: center
}
.customerReviewSec {
    border-bottom: solid 3px #FF671D;
    padding: 30px 0;
    margin: 0 0 30px
}
.customerReviewSec .shopBtn {
    margin: 30px 0 0
}
.content-area .testimonialsContainer p {
    margin: 0 0 10px;
    padding: 0
}
.content-area .testimonialsContainer h4 {
    margin: 0 0 15px;
    padding: 0;
    font-size: 15px
}
.content-area .testimonialsContainer .testimonialsThumb {
    margin: 0;
    padding: 0
}
.testimonialsContainer .shopBtn {
    margin: 30px 0 0
}
.modal-footer {
    padding: 0 15px 15px;
    text-align: right;
    border-top: 0
}
.subscribeMailChimpLoader {
    position: absolute;
    display: none
}
.subscribeMailChimpErr {
    position: absolute;
    color: red
}
.subscribeMailChimpErr p.success {
    color: #0d8400
}
div.pinch-zoom {
    position: relative
}
div.pinch-zoom img {
    width: 100%;
    -webkit-user-drag: none
}
.phoneBtn .btn.btn-small-black {
    padding: 12px 25px 10px !important;
    border: 1px solid #303135 !important;
    color: #303135 !important
}
.phoneBtn {
    text-align: center;
    margin: 20px 0 0
}
img.iconMobile {
    width: 10px;
    margin: 0 8px 0 0
}
.title-area img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}
.second-checkout {
    clear: both;
    background: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #eee;
    border-top: none
}
.second-checkout .checkout-btn {
    margin: 0;
    padding: 22px 0 15px;
    border: none;
    text-align: center
}
.special-instructions .label {
    margin: 0 0 10px;
    padding: 0;
    font-size: 12px;
    color: #9a9a9a;
    font-family: MuseoSans-700;
    display: block;
    border-radius: 0;
    text-align: left
}
.special-instructions textarea {
    display: block;
    width: 100%;
    height: 100px;
    resize: none;
    margin: 0;
    padding: 10px;
    border: 2px solid #eee;
    outline: 0;
    border-radius: 8px;
}
.cart-action-outer {
  display: flex;
  justify-content: center;
  width: 100%;
}
.cart-action-buttons-container {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 20px 24px 24px 24px;
}
.cart-action-btn-col {
  display: flex;
  flex-direction: column;
  padding: 12px 0;
  width: 42%;
  align-items: start;
  gap: 24px;
}
.cart-action-btn {
    display: flex;
    align-items: center;
    align-content: center;
    flex-flow: row wrap;
    justify-content: center;
    flex-grow: 1;
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    width: 100%;
    color: #62738E;
    cursor: pointer;
}
.cart-action-btn-content {
    display: flex;
    width: 100%;
}
.cart-action-btn-content img {
    margin-right: 8px;
}
.cart-action-btn-content a {
  display: flex;
  color: #62738E;
  width: 100%;
}
#loadCartModal .cart-id-input {
    margin-top: 20px;
}
.shopping-right-inner .product-box {
  border-top: 1px solid #021D491A;
}
.merchperks-message {
  padding: 24px 48px 0 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.merchperks-message .free-offer-msg {
  color: #021D49;
  font-size: 14px;
  font-family: Inter, sans-serif;
  font-weight: 500;
  border: none;
  background: none;
  padding: 0;
}
.merchperks-message a {
  color: #021D4999;
}
.merchperks-message a:hover {
  color: #021D4999;
}
/** Post comment start **/
#comments .comment-form .form-group textarea.form-control {
    resize: inherit;
    height: 150px;
}
.errors ul li {
    color: red;
}
#comments .form-control.error {
    border-color: red;
}
#comments p {
    margin-bottom: 20px;
}
#comments .rte p {
    margin-bottom: 10px;
}
#comments h4 {
    font-size: 22px;
    margin-bottom: 20px;
}
.comment small {
    font-size: 16px;
}
.content-area ul li.comment {
    list-style: none;
    margin-bottom: 15px;
    border-bottom: solid 1px #ddd;
}
.content-area ul li.comment:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
#comments ul {
    padding-left: 0;
}
/** Post comment end **/
/* Logo Request Page */
#logo-mockup-request .content-area .submitted-message {
    text-align: center;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: center top;
    background-size: auto;
    width: 100%;
    max-width: 690px;
    margin: 36px auto;
    padding: 39px 29px;
    font-size: 2em;
}
#logo-mockup-request .content-area .hs-button {
    border: none;
    color: #FFF !important;
    background: #FF671D;
    font-size: 14px;
    line-height: 1.42857143 !important;
    font-family: MuseoSans-900;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 16px 40px 14px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    outline: 0;
    -webkit-transition: all ease 0.25s;
    -moz-transition: all ease 0.25s;
    -o-transition: all ease 0.25s;
    transition: all ease 0.25s;
    text-transform: uppercase;
}
/* Product Quote Request & Free Sample Request Forms */
.productQuoteRequest .hbspt-form,
#hub_free_sample_div {
    background: #eee;
}
#hub_free_sample_div {
    padding-top: 10px;
}
.productQuoteRequest .hbspt-form label,
.freeSampleRequest .hbspt-form label {
    float: none;
    width: auto !important;
    display: block;
    margin: 0 0 5px;
    padding: 0 20px 0 0;
    color: #303135;
    font-size: 12px;
    font-family: MuseoSans-700;
    text-transform: uppercase;
}
.productQuoteRequest .hs-form-field,
.freeSampleRequest .hs-form-field {
    padding: 0 10px 10px 15px !important;
    margin: 0 !important;
}
.freeSampleRequest input.hs-input {
    height: initial;
    width: 90%;
}
.productQuoteRequest .hs-form input[type=text],
.productQuoteRequest .hs-form input[type=email],
.productQuoteRequest .hs-form input[type=number],
.productQuoteRequest .hs-form textarea,
.freeSampleRequest .hs-form input[type=text],
.freeSampleRequest .hs-form input[type=tel],
.freeSampleRequest .hs-form input[type=email],
.freeSampleRequest .hs-form input[type=number],
.freeSampleRequest .hs-form textarea {
    display: block !important;
    background: #fff !important;
    outline: 0 !important;
    border: 1px solid #e2e2e2 !important;
    -webkit-border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-border-radius: 0 !important;
    -moz-box-shadow: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: "Lucida Grande", Verdana;
    white-space: pre-wrap;
}
.productQuoteRequest textarea,
.freeSampleRequest textarea {
    width: 95% !important;
    height: 100px !important;
}
.productQuoteRequest .hs_submit,
.freeSampleRequest .hs_submit {
    text-align: center;
}
.freeSampleRequest .hs_submit {
    padding: 20px;
}
.freeSampleRequest h4 {
    margin-left: 15px;
    font-weight: bold;
}
.freeSampleRequest h4.msg_head {
    text-align: center;
}
.freeSampleRequest h4.msg_head:hover {
    color: #FF671D;
}
.productQuoteRequest .hs_submit input[type=submit],
.freeSampleRequest .hs_submit input[type=submit],
.template-contact .contentBg .hs_submit input[type=submit] {
    text-transform: uppercase;
    border: none !important;
    color: #FFF !important;
    background: #FF671D !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    font-family: MuseoSans-900 !important;
    font-weight: 400 !important;
    letter-spacing: 1px !important;
    padding: 15px 40px !important;
    border-radius: 25px !important;
    -webkit-border-radius: 25px !important;
    outline: 0 !important;
    width: auto !important;
    -webkit-transition: all ease 0.25s;
    -moz-transition: all ease 0.25s;
    -o-transition: all ease 0.25s;
    transition: all ease 0.25s;
    text-shadow: none !important;
}
.productQuoteRequest .hs_submit input[type=submit]:hover,
.freeSampleRequest .hs_submit input[type=submit]:hover {
    background: #4b4b55 !important;
    color: #FFF !important;
    box-shadow: none !important;
}
div.merc-theme {
    position: relative;
}
.productQuoteRequest .submitted-message,
.template-contact .contentBg .submitted-message,
.freeSampleRequest .submitted-message,
.template-contact .contentBg .submitted-message {
    text-align: center;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: center top;
    background-size: auto;
    width: 100%;
    max-width: 690px;
    margin: 36px auto;
    padding: 39px 29px;
    font-size: 1.5em;
}
.productQuoteRequest .hs_newsletter_subscription legend,
.freeSampleRequest .hs_newsletter_subscription legend {
    color: #555 !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
}
.productQuoteRequest .hs-error-msgs {
    display: none !important;
}
.freeSampleRequest .hs-error-msgs {
    list-style-type: none;
    padding: 5px;
}
.freeSampleRequest .hs-error-msgs .hs-error-msg,
.freeSampleRequest .hs_error_rollup label {
    text-transform: none;
    color: #FF671D;
}
.freeSampleRequest .hs_error_rollup label {
    text-align: center;
}
.freeSampleRequest .msg_head:hover {
    color: #FF671D;
}
.freeSampleRequest .msg-body::after {
    content: "\33";
    font-family: 'ElegantIcons';
}
/** Contact US HUBSPOT Form Start **/
input.hs-input:focus,
textarea.hs-input:focus {
    border-color: rgba(75, 75, 86, 0.6) !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(75, 75, 86, 0.4) !important;
}
.template-contact .contentBg .hs-input {
    margin-right: 10px;
}
.hs-form-required {
    color: #f26622 !important;
}
.template-contact .contentBg .hbspt-form {
    margin: 33px 0 0;
}
.template-contact .contentBg .hs-fieldtype-select {
    
    margin-bottom: 10px;
}
.template-contact .contentBg .hs-fieldtype-select label,
.template-contact .contentBg .hs-fieldtype-select.focused label {
    top: 0;
}
.template-contact .contentBg .hs-form-field {
    position: relative;
}
.hs_sms_consent.hs-sms_consent.hs-fieldtype-booleancheckbox.field.hs-form-field {
  height: 50px;
}
.hs_sms_consent.hs-sms_consent.hs-fieldtype-booleancheckbox.field.hs-form-field li  {
  list-style-type: none;
}
.hs_sms_consent.hs-sms_consent.hs-fieldtype-booleancheckbox.field.hs-form-field span {
  font-size: 12px;
  position: relative;
  top: -20px;
}
.template-contact .contentBg .hs-form-field label {
    color: #9a9a9a;
    font-size: 1.15em;
    left: 0;
    z-index: 99;
    -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;
    font-family: MuseoSans-500;
}
select .hs-input label {
    top: 5px;
    transition: none;
}
.template-contact .contentBg .hs_newsletter_subscription label {
    line-height: 1.42857143;
    color: #333;
    position: relative !important;
    pointer-events: initial !important;
    font-weight: 400;
    font-size: 13px !important;
    margin: 0 0 15px;
    cursor: pointer;
}
.template-contact .contentBg .hs_newsletter_subscription ul {
    list-style: none;
    padding: 0 !important;
}
.template-contact .contentBg .hs-form-field.focused label {

    color: #9a9a9a;
}
#message-b5d1fd6f-01c0-44b4-bbb0-b744f10b3ae1,
.template-contact .contentBg .hs_message {
    
}
div .hs-fieldtype-textarea {
    margin-top: 3rem;
}
.template-contact .contentBg input[type=text],
.template-contact .contentBg input[type=email],
.template-contact .contentBg input[type=number],
.template-contact .contentBg input[type=tel],
.template-contact .contentBg textarea {
    border: none;
    border-bottom: solid 2px #ddd;
    border-radius: 0;
    margin-bottom: 27px;
    padding: 13px 0 5px;
    font-size: 16px;
    color: #303135;
    box-shadow: none !important;
    height: auto;
    outline: 0;
}
.template-contact .contentBg input.error {
    border-color: #FF671D;
}
.template-contact .contentBg textarea {
    resize: inherit;
    height: 150px;
}
select.hs-input {
    margin-top: 2rem;
}
#label-contact_form___related_attachment_or_screenshot-b5d1fd6f-01c0-44b4-bbb0-b744f10b3ae1 {
    top: 5px;
    font-size: 1.15em !important;
    transition: none;
}
#contact_form___order_number-b5d1fd6f-01c0-44b4-bbb0-b744f10b3ae1,
#label-contact_form___project_deadline-b5d1fd6f-01c0-44b4-bbb0-b744f10b3ae1,
#contact_form___project_deadline-b5d1fd6f-01c0-44b4-bbb0-b744f10b3ae1,
#label-contact_form___order_number-b5d1fd6f-01c0-44b4-bbb0-b744f10b3ae1 {
    margin-top: 2rem;
}
#contact_form___media_organization-b5d1fd6f-01c0-44b4-bbb0-b744f10b3ae1,
#label-contact_form___media_organization-b5d1fd6f-01c0-44b4-bbb0-b744f10b3ae1,
#contact_form___related_attachment_or_screenshot-b5d1fd6f-01c0-44b4-bbb0-b744f10b3ae1 {
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.hs_contact_form___project_deadline {
    margin-top: 2rem;
}
.template-contact .contentBg .hs-error-msgs {
    position: relative;
    font-size: 13px !important;
    display: none !important;
}
.template-contact .contentBg .hs_submit .actions {
    margin: 0 !important;
    padding: 0 !important;
}
.template-contact .contentBg .hs-form-booleancheckbox-display input[type="checkbox"] {
    display: none;
}
.template-contact .contentBg .hs-form-booleancheckbox-display input[type="checkbox"] + span {
    display: inline-block;
    padding-left: 25px;
}
.template-contact .contentBg .hs-form-booleancheckbox-display input[type="checkbox"] + span:before {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    font-weight: 400;
    color: #4c4c4c;
    content: "\56";
    font-family: ElegantIcons;
}
.template-contact .contentBg .hs-form-booleancheckbox-display input[type="checkbox"]:checked + span:before {
    content: "\5a";
    color: #FF671D;
}
.productQuoteRequest .submitted-message,
.template-contact .contentBg .submitted-message {
    text-align: center;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: center top;
    background-size: auto;
    width: 100%;
    max-width: 690px;
    margin: 36px auto;
    padding: 39px 29px;
    font-size: 1.5em;
}
.productQuoteRequest .hs_submit input[type=submit],
.template-contact .contentBg .hs_submit input[type=submit] {
    text-transform: uppercase;
    border: none !important;
    color: #FFF !important;
    background: #FF671D !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    font-family: MuseoSans-900 !important;
    font-weight: 400 !important;
    letter-spacing: 1px !important;
    padding: 15px 40px !important;
    border-radius: 25px !important;
    -webkit-border-radius: 25px !important;
    outline: 0 !important;
    width: auto !important;
    -webkit-transition: all ease 0.25s;
    -moz-transition: all ease 0.25s;
    -o-transition: all ease 0.25s;
    transition: all ease 0.25s
}
/** Contact US HUBSPOT Form End **/
.free-offer-section-wrapper h5 {
    margin: 0;
    padding: 0;
    color: #787878;
    font-size: 11px;
    font-family: MuseoSans-700;
}
/** MerchPerks **/
.free-offer-msg {
    color: #4b4b55;
    font-size: 15px;
    background: #eeeeee;
    text-align: center;
    border: 1px solid #d2d2d2;
    padding: 10px 50px;
    margin-bottom: 0;
}
.productDetailsSec .free-offer-msg {
    margin-bottom: 35px;
}
.second-checkout .free-offer-msg {
    margin: 15px 15px 35px;
}
.free-offer-msg a {
    margin-top: 10px;
    color: #FF671D;
}
.free-offer-msg a:hover {
    color: #4b4b55;
}
/* Removes default arrows on IE and Firefox */
.cart-item-info input::-webkit-outer-spin-button,
.cart-item-info input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.cart-item-info input[type=number] {
    -moz-appearance: textfield;
}
/** Decoration Dictionary **/
/** https://www.merchology.com/pages/decoration-dictionary **/
.dictionary-container {
    margin: 0 auto;
    padding-bottom: 50px;
}
.dictionary-container h2,
.dictionary-container h4 {
    margin-bottom: 20px;
    text-align: center;
}
.dictionary-container p {
    margin-bottom: 20px;
}
.dictionary-heading {
    margin-top: 20px;
    margin-bottom: 20px;
}
.dictionary-section {
    padding-bottom: 20px;
}
.dictionary-section .dictionary-image {
    padding-bottom: 0;
    padding-top: 16px;
}
.dictionary-image {
    display: block;
    margin: auto;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 20px;
}
@media(min-width: 768px) {
    .dictionary-image {
        width: 60%;
    }
}
/** END Decoration Dictionary **/
@media(min-width: 768px) and(max-width: 991px) {
    .productDetailsSec {
        padding: 30px 0;
    }
    .productDetailsSec .product-detail-row {
        padding: 0 30px;
    }
}
@media screen and (max-width: 991px) {
    .RelatedProductSec.loaded {
        overflow: hidden
    }
    .relatedProducts .product-list {
        opacity: 1;
        visibility: visible
    }
    .relatedProducts .slick-list {
        margin: 0;
        padding: 0
    }
    .relatedProducts .slick-arrow.prevArrow {
        left: 0;
        opacity: 1
    }
    .relatedProducts .slick-arrow.nextArrow {
        right: 0;
        opacity: 1
    }
    body div.isp_center_container ul#isp_search_results_container li.isp_grid_product {
        width: 50%
    }
    .cart-box {
        right: -10px
    }
    /* ua-theme start */
    .heroSection.ua-theme .heroCopy h2 {
        font-size: 30px;
    };
    /* ua-theme end */
}
@media(width: 768px) { 
    body .ui-autocomplete.header_ui_complete {
        display: none;
        top: 84px !important;
        left: 260px !important;
        width: 475px !important
    }
}
@media(min-width: 768px) {
    body {
        padding: 0 !important
    }
    #productImageModal .modal-dialog {
        width: 940px;
        max-width: 80%
    }
    .topBarMobile {
        display: none !important
    }
    #content-mobile {
        height: auto !important;
        display: block !important;
        margin: 0 0 30px
    }
    .scaleOnHover,
    body .isp_grid_product,
    .user-account-page .proofLogos {
        opacity: 1;
        -webkit-transition: all ease 0.25s;
        -moz-transition: all ease 0.25s;
        -o-transition: all ease 0.25s;
        transition: all ease 0.25s;
        -webkit-box-shadow: 0 0 0 transparent;
        -moz-box-shadow: 0 0 0 transparent;
        box-shadow: 0 0 0 transparent;
        position: relative;
    }
    .user-account-page .proofLogos {
        background: white;
    }
    .scaleOnHover:hover,
    body .isp_grid_product:hover,
    .user-account-page .proofLogos:hover {
        -webkit-transform: scale(1.04);
        transform: scale(1.04);
        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
        z-index: 99;
    }
    .eligible .scaleOnHover:hover {
        -webkit-box-shadow: 0 0 30px rgba(180, 206, 177, 0.7);
        -moz-box-shadow: 0 0 30px rgba(180, 206, 177, 0.7);
        box-shadow: 0 0 30px rgba(180, 206, 177, 0.7);
    }
    .ineligible .scaleOnHover:hover {
        -webkit-box-shadow: 0 0 30px rgba(248, 170, 165, 0.5);
        -moz-box-shadow: 0 0 30px rgba(248, 170, 165, 0.5);
        box-shadow: 0 0 30px rgba(248, 170, 165, 0.5);
    }
    .scaleOnHover.scaleLarge:hover {
        -webkit-transform: scale(1.02);
        transform: scale(1.02)
    }
    .scaleOnHover.scaleOnHoverLarge:hover,
    .scaleOnHover.scaleProduct:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        border-right-color: #eee
    }
    .offer-slide-box {
        border-right: solid 2px #eee;
        margin: 0 auto;
        max-width: 100%;
        padding: 20px 40px
    }
    .offer-slide:last-child .offer-slide-box {
        border: none
    }
    .col-sm-3.col-sm-2_5 {
        width: 20%
    }
    .sort-by {
        background: transparent;
        width: 105px;
        margin-top: 0.5rem;
        margin-right: 2rem;
    }
    .sort-by.active,
    .sort-by.active #sort-by-list {
        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.08)
    }
    .sort-by h4,
    .sort-by h3 {
        display: flex;
        justify-content: flex-end;
        margin: 0;
        padding: 12px 1rem 11px 15px;
        border: unset;
        cursor: pointer;
        font-size: 16px;
        font-weight: 700;
        line-height: 21.6px;
        letter-spacing: -0.01em;
        text-align: right;
        color: var(--dark-blue-60pc);
        position: relative;
        z-index: 1000;
        font-family: Inter;
    }
    .sort-text-icon::before {
        content: "";
        display: block;
        position: relative;
        background: var(--icon-sort);
        width: 18px;
        height: 14px;
        top: 2px;
        left: -6px;
    }
    #sort-by-list,
    #sort-by-list > li > a {
        color: var(--dark-blue-60pc);
    }
    .sort-by .arrow {
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0 0 0 2px
    }
    .sort-by .arrow:after {
        content: '';
        display: inline-block;
        position: absolute;
        margin-right: -1.5rem;
        top: -5px;
        transform: rotate(180deg);
        background-color: var(--dark-blue-60pc);
        mask: var(--icon-arrow);
        -webkit-mask: var(--icon-arrow);
        width: 30px;
        height: 30px;
    }
    .sort-by .arrow-active::after {
        content: '';
        display: inline-block;
        position: absolute;
        margin-right: -1.5rem;
        top: -5px;
        transform: rotate(0deg);
        background-color: var(--dark-blue-60pc);
        mask: var(--icon-arrow);
        -webkit-mask: var(--icon-arrow);
        width: 30px;
        height: 30px;
    }
    #sort-by-list {
        width: 175px;
        height: 240px;
        border-radius: 8px;
        border: 1px solid #e6e8ed;
        right: -2rem;
        top: 0;
        display: none;
        font-family: Inter !important;
        font-size: 14px;
        font-weight: 500;
        line-height: 16.41px;
        text-align: left;
        box-shadow: 0px 10px 20px 0px #4B4B5526 !important;
        position: absolute;
        margin: 0;
        padding: 15px 20px 15px 25px;
        list-style: none;
        background: #FFF;
    }
    #sort-by-list > li {
        position: relative;
        top: 3.5rem;
        height: 30px;
        margin: 0;
    }
    #sort-by-list > li.selected > a {
        font-weight: 700
    }
    .product-filter {
        margin: 0 0 14px;
        position: relative;
        z-index: 110;
    }
    .slick-active:hover .productNavThumb {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        z-index: 99;
        border-right-color: #eee;
        -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
        box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
        cursor: pointer
    }
    .social-share>li>a:hover {
        border: 1px solid #eee
    }
    .productReview,
    .select-attrs {
        max-height: inherit !important
    }
}
.cat-large-sec .cat-large-view {
    height: 470px;
    display: flex;
    align-items: center;
}
.catListSec .pro-cat-box-in img {
    max-height: 150px;
}
.pro-cat-box .pro-cat-box-in {
    overflow: hidden;
}
.pro-cat-box .pro-cat-box-in .pro-thumb {
    max-height: 150px;
}
.pro-cat-box .pro-cat-box-in .pro-thumb img {
    height: 100%;
    max-height: 150px;
}
.swell-img-top-margin {
    margin-top: 6px !important;
}
.video-overlay {
    height: 520px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.video-js {
    width: 100%;
    height: 520px;
    object-fit: cover;
}
button.menu-t {
    display: block;
    margin: 4px 14px 0 0;
    padding: 4px 0 0;
    width: 25px;
    background: 0 0;
    outline: 0;
    border: none;
}

button.menu-t span {
    display: block;
    height: 2px;
    background: white;
    margin: 0 0 4px;
}

button.menu-s {
    width: 124px;
    height: 44px;
    border-radius: 8px;
    border: 0;
    font-weight: 700;
    margin: -0.8rem 2rem 0 0;
    background-color: #ffffff26;
    position: relative;
    padding: 0 18px 0 0;
}
button.menu-s::after {
    content: '';
    background-position: right 5px top 50%;
    background-repeat: no-repeat;
    background-color: white;
    position: absolute;
    width: 30px;
    height: 30px;
    right: 6px;
    top: 8px;
    -webkit-mask: var(--arrowsvg);
    mask: var(--arrowsvg);
}
button.menu-s.selected::after {
    transform: translateX(1px) rotate(180deg);
}

ul.nav-controller {
    position: relative;
    top: 18px;
    display: flex;
    list-style: none;
    padding-left: 0;
    margin-right: 1rem;
}
.nav-controller li.contact {
    margin-top: .5rem;
    margin-right: 1rem;
    margin-left: 1rem;
}
.nav-controller li.contact a {
    color: white;
    font-weight: 700;
}
.navbar-default .navbar-nav.navbar-right > li.contact {
  margin-top: .5rem;
  margin-left: 1rem;
  margin-right: 1rem;
}
.navbar-default .navbar-nav.navbar-right > li.contact > a{
  color: white;
  font-weight: 700;
  font-size: 14px;
  font-family: Inter,sans-serif;
}
@media(min-width: 768px) and(max-width: 991px) {
    .brand-logo-box:not(.home-brands) {
        min-height: 320px;
    }
}
@media(min-width: 480px) {
    .brand-logo-box:not(.home-brands) {
        min-height: 320px;
    }
}
@media screen and (max-width: 991px) {
    ul.nav-controller {
        margin-left: 15px;
    }
    .nav-controller button.menu-t {
        margin-left: 0;
        margin-right: 15px;
    }
}
/* Begin search results filter styles */
#search-results-container .filter-selection-wrap {
    width: 100%;
    display: none;
    background: white;
    padding: 2rem 6rem 0;
}
#search-results-container .filter-selection {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
#search-results-container .filter-selection-clearall {
    font-size: 12px;
    font-weight: 500;
    line-height: 16.2px;
    letter-spacing: -0.01em;
    text-align: left;
    color: var(--dark-blue-70pc);
    text-decoration: underline;
    cursor: pointer;
}
#search-results-container .filter-selection span {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    height: 44px;
    background-color: var(--dark-blue-5pc);
    border-radius: 8px;
    margin: 0 1rem 0 0;
    padding: 0 4rem 0 2rem;
    font-size: 14px;
    font-weight: 500;
    line-height: 18.9px;
    letter-spacing: -0.01em;
    text-align: left;
    color: var(--dark-blue-70pc);
    cursor: pointer;
}
#search-results-container .filter-selection span::after {
    content: '';
    display: inline-block;
    position: relative;
    top: 5px;
    right: -2rem;
    background-color: var(--dark-blue-70pc);
    mask: var(--icon-close);
    -webkit-mask: var(--icon-close);
    width: 10px;
    height: 10px;
}
/* End search results filter styles */
@media screen and (max-width: 600px) {
    .navbar-header {
        transform: translateX(calc(25% - 25px))!important;
    }
    .navbar-brand {
        margin: 1.2rem 0;
    }
    header.header {
        background: #021d49;
    }
    .nav-wrap.top {
        width: 100%;
        margin: 0 15px;
        height: 62px;
    }
    .nav-wrap.bottom {
        position: absolute;
        top: 62px;
        height: 62px;
        width: 100%;
        background-color: #021d49;
    }
    .navbar-nav.navbar-right {
        height: 62px;
    }
    .form-sec {
        margin: 0 15px;
        top: -5px;
        position: relative;
    }
    .navbar-nav li:first-of-type{
        display: none;
    }
    .menu-container {
        top: 124px!important;
        height: calc(100vh - 176px);
    }
}
@media screen and (max-width: 767px) {
    header.header {
        background: #fff;
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 999;
    }
    .navbar-header {
      transform: unset;
      margin: 0 auto;
    }
    .nav-wrap.top {
        display: inline-flex;
    }
    ul.flyout {
        left: -15px;
    }
    ul.flyout.level-2 {
        left: 0;
    }
    .navbar-nav.main-nav {
        display: none;
    }
    .searchFormInner input::placeholder {
        font-size: 14px;
    }
    .wiser-recent-wrapper {
        display: none;
    }
    .wiser-related-wrapper {
        display: none;
    }
    .footer-cols {
        flex-direction: column;
    }
    .footer-form {
        margin-left: 1rem;
    }
    .footer-wrap-top,
    .footer-account-bg {
        height: 184px;
    }
    ul.footer-col {
        display: none;
    }
    .inline-arrow {
        display: inline;
    }
    .social {
        float: left;
        top: 14px;
        padding-bottom: 2rem;
    }
    .footer-bottom {
        position: relative;
        top: 30px;
        margin: 0 0 2rem 2rem;
    }
    .icon-cart {
        margin-right: 0;
    }
    .icons {
        justify-content: flex-start;
        padding: 0;
        margin-left: 1rem;
    }
    .account {
        flex-direction: column;;
        font-size: 20px;
        width: 63%
    }
    .footer-account-bg {
        padding: 0;
    }
    .social-wrap {
        display: block;
    }
    ul.footer-cols > li {
        border-bottom: 1px solid #eee;
        padding: 1rem 0;
        flex-direction: column;
    }
    ul.footer-cols > li a.head {
        margin: 1rem 0 1rem 2rem;
    }
    body > div#BIS_trigger {
        display: none !important
    }
    section.topBarMobile {
        display: block;
        border-bottom: solid 2px #eee;
        padding: 7px 30px 4px 20px;
        position: relative
    }
    section.topBarMobile .icon_close_alt {
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        color: #9b9b9b
    }
    .product-slider .product-quick-ship {
        top: -20px;
        left: 0;
    }
    .product-slider .three-day-shipping {
        top: -20px;
        left: 0;
    }
    .xsBlock {
        display: block
    }
    body.slide-active {
        overflow: hidden
    }
    .menu-container {
        top: 63px;
    }
    .mobile-menu-close {
        position: absolute;
        right: 0;
        top: 0;
        font-family: ElegantIcons;
        speak: none;
        font-size: 30px;
        display: inline-block;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        height: 60px;
        line-height: 60px;
        width: 40px;
        text-align: center;
        cursor: pointer;
        -webkit-transition: all ease 0.25s;
        -moz-transition: all ease 0.25s;
        -o-transition: all ease 0.25s;
        transition: all ease 0.25s;
        color: #FFF
    }
    .backToPage,
    .menu-arrow {
        -webkit-transition: all ease 0.25s;
        -o-transition: all ease 0.25s
    }
    .slide-active .mobile-menu-close {
        right: -40px
    }
    .about-sec-copy p.about-list-sec a:after,
    .menu-arrow {
        right: 0;
        speak: none;
        font-weight: 400;
        font-variant: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-align: center;
        cursor: pointer;
        text-transform: none
    }
    .menu-overlay {
        display: none
    }
    .slide-active .menu-overlay {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        background: #303135;
        opacity: .8;
        z-index: 9999;
        top: 0;
        left: 0
    }
    button .menu-trigger {
        display: block;
        margin: 0 19px 0 0;
        padding: 4px 0 0;
        width: 20px;
        background: 0 0;
        outline: 0;
        border: none;
        border-spacing: 0;
        border-radius: 2px
    }
    button .menu-trigger span {
        display: block;
        height: 2px;
        background: #08090e;
        margin: 0 0 4px
    }
    .mobile-controller {
        position: relative;
        top: 19px;
        z-index: 99;
        float: left
    }
    .container-fluid > .navbar-collapse,
    .container>.navbar-collapse,
    .container > .navbar-header {
        position: absolute;
        left: 0;
        width: 100%;
        padding: 0 85px;
        top: 0;
        text-align: center
    }
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        float: none;
        display: inline-block;
        margin: 0;
        vertical-align: top
    }
    .navbar-brand > img {
        width: 150px;
        height: 47px;
    }
    .swell-img-top-margin {
        margin-top: 0;
    }
    .navbar-default .navbar-nav.navbar-right > li.search-close.search-close-show {
        display: block
    }
    .navbar-default .navbar-nav.navbar-right > li.cart-item-hide {
        display: none
    }
    .feat-blog-wrap {
        padding: 20px 50px;
        margin: 30px 0;
        flex-direction: column!important;
        height: auto!important;
    }
    .feat-blog {
        padding-right: 0!important;
        width: 100%!important;
        margin: 0!important;
    }
    .feat-blog:first-of-type {
        margin-bottom: 2rem!important;
    }
    .footer_social_menu {
        margin-bottom: 0 !important;
    }
    .divNewLogo {
        width: 100%;
        max-width: 190px;
        margin: 0 auto;
    }
    ul.newLogos {
        text-align: left;
        margin-bottom: 20px;
    }
    .newLogos li {
        padding-left: 0;
        width: 88px;
    }
    .newAddress {
        padding-top: 0;
        padding-bottom: 0;
    }
    .newAddress p {
        font-size: 12px;
        color: #4c4c4c;
        line-height: 14px;
    }
    .newAddress br {
        display: inline-block;
    }
    .newLogos li:first-child img {
        max-width: 26px;
    }
    .newLogos li:nth-child(2) img {
        max-width: 56px;
    }
    .searchFormInner button {
        right: -30px;
    }
    form.search-form.form-open {
        opacity: 1;
        width: 90vw;
        overflow: visible;
        padding: 0 85px 0 0;
    }
    .swiftype-widget .autocomplete {
        margin: 30px 0 0 0;
    }
    .active-filter .header,
    .active-short .header,
    .cat-featued .pro-cat-box .pro-thumb,
    .cat-featured .pro-cat-box .pro-thumb {
        opacity: 0
    }
    .search-form .search-bg {
        padding: 0 0 13px 0;
        font-size: 16px;
    }
    .navbar-default .navbar-nav.navbar-right > li {
        float: left
    }
    .cat-large-sec,
    .float-none-xs,
    .pull-none-xs {
        float: none !important
    }
    body.slide-active {
        overflow-x: hidden
    }
    #slidemenu {
        background: #eee;
        position: fixed;
        top: 0;
        left: -270px;
        height: 100%;
        z-index: 999999;
        width: 270px
    }
    body.slide-active #slidemenu {
        left: 0
    }
    .page-wrapper {
        position: relative;
        left: 0
    }
    .slide-active .page-wrapper {
        left: 270px;
        position: fixed;
        max-width: 100%
    }
    .mobile-menu-accordion {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;
        max-height: 100%
    }
    .mobile-menu-accordion > li {
        margin: 0 0 2px;
        font-size: 16px;
        color: #303135;
        font-family: MuseoSans-700
    }
    .mobile-menu-accordion > li .menu-item-label {
        display: block;
        padding: 18px 20px;
        background: #eee;
        color: #9a9a9a;
        font-size: 12px
    }
    .mobile-menu-accordion > li > a {
        padding: 20px 65px 20px 20px;
        background: #FFF;
        color: #303135
    }
    .mobile-menu-accordion>li>a:hover {
        background-color: #FFF
    }
    .menu-arrow {
        position: absolute;
        top: 0;
        font-family: ElegantIcons;
        font-size: 24px;
        display: inline-block;
        height: 60px;
        line-height: 60px;
        width: 50px;
        -moz-transition: all ease 0.25s;
        transition: all ease 0.25s
    }
    .sub-menu .menu-arrow {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(-90deg)
    }
    .mobile-menu-accordion > li > ul > li {
        position: relative
    }
    .mobile-menu-accordion ul.sub-menu {
        background: #f9f9f9;
        display: none;
        margin: 0;
        padding: 0;
        list-style: none
    }
    .mobile-menu-accordion ul.sub-menu ul.sub-menu {
        background: #FFF
    }
    .mobile-menu-accordion ul.sub-menu > li > a {
        display: block;
        padding: 14px 20px;
        color: #9a9a9a;
        font-size: 16px;
        font-family: CalibriRegular
    }
    .mobile-menu-accordion ul.sub-menu > li .menu-arrow {
        height: 50px;
        line-height: 50px
    }
    .menu-item.active > .menu-arrow {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .heroSlide {
        height: auto
    }
    .heroSlideMobile {
        height: 375px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center
    }
    .heroSection.ua-theme .heroSlideMobile {
        background-position: 20%;
    }
    .cat-large-sec,
    .height-auto-xs {
        height: auto !important
    }
    .heroCopy,
    .heroSection.ua-theme .heroCopy {
        background: #FFF;
        width: 100%;
        max-width: 100%;
        position: inherit;
        left: inherit;
        right: inherit;
        bottom: inherit;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        border-bottom: solid 1px #eee;
        padding: 20px 15px 25px
    }
    .heroCopy h2,
    .heroSection.ua-theme .heroCopy h2 {
        color: #000;
        font-size: 22px;
        text-shadow: none;
    }
    .embed-container {
        padding-bottom: 90.25%;
    }
    .video-js {
        height: 375px;
        left: 100%;
        width: unset;
    }
    .staticHero {
        text-align: center;
        padding-left: 0;
    }
    .brand-logo-box.home-brands img {
        height: auto;
        display: block;
        margin: 0 auto;
    }

    .heroSection .slick-dots {
        bottom: inherit;
        top: 345px
    }
    .heroSection .slick-arrow {
        display: none !important
    }
    section#content,
    section#content.home {
        padding: 0;
    }
    .intro-copy {
        background: #dedede
    }
    .intro-copy h1 {
        margin: 0;
        padding: 15px;
        font-size: 16px;
        line-height: 1.35
    }
    .cat-info-copy,
    .secLoading .cat-info-copy {
        position: relative;
        top: inherit;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        padding: 100px 20px
    }
    .container_full_xs {
        padding: 0
    }
    section.sec-area {
        margin: 0
    }
    .sec-area .sec-title {
        margin: 0;
        padding: 18px 15px 40px;
    }
    .pro-cat-box-in {
        padding: 10px
    }
    .content-area .pro-cat-box h4,
    .pro-cat-box h4 {
        color: #303135;
        padding: 0 22px;
        font-size: 15px;
        font-family: MuseoSans-500;
        position: absolute;
        top: 50%;
        width: 100%;
        left: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%)
    }
    .free-offer-section-wrapper h5 {
        color: #303135;
        padding: 0 22px;
        font-size: 11px;
        font-family: MuseoSans-500;
        position: absolute;
        top: 60%;
        width: 100%;
        left: 0;
        transform: translateY(-60%);
        -webkit-transform: translateY(-60%);
    }
    .category-page .pro-cat-box h4,
    .content-area .category-page .pro-cat-box h4 {
        font-size: 16px
    }
    .brand-logo-box {
        padding: 20px 10px;
        width: 100%;
    }
    .brand-logo-box:not(.home-brands) {
        min-height: 275px;
    }
    .brand-box .table-cell {
        flex-direction: row;
    }
    .brand-logo-box img {
        min-width: auto;
    }
    .custom-table .featured-logo-link {
        height: unset;
    }
    .more-link.brand-more-link {
        margin: 0;
        padding: 0;
        background: #FFF;
        border: 1px solid #eee
    }
    .more-link.brand-more-link a {
        display: inline-block;
        padding: 19px 30px
    }
    .about-sec-copy,
    .secLoading .about-sec-copy {
        position: relative;
        top: inherit;
        padding: 0 15px 18px;
    }
    .always_expect.about-sec-copy,
    .customer_reviews.about-sec-copy {
        margin: 0;
        padding: 23px 0 20px
    }
    .help-icon {
        margin-top: -30px
    }
    .about-sec-copy h3 {
        font-size: 20px
    }
    .about-sec-copy p,
    .about-sec-copy p.about-list-sec,
    .about-sec-copy ul {
        margin: 15px 20px 0
    }
    .about-sec-copy p.about-list-sec br {
        display: none
    }
    .about-sec-copy p.about-list-sec a {
        border-bottom: solid 2px #eee;
        display: block;
        padding: 20px 40px 20px 20px;
        position: relative;
        overflow: hidden
    }
    .about-sec-copy p.about-list-sec a:after {
        content: "3";
        position: absolute;
        top: 0;
        font-family: ElegantIcons;
        font-size: 24px;
        display: inline-block;
        height: 60px;
        line-height: 60px;
        width: 50px;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    .page-control,
    .page-control h3 {
        position: relative
    }
    .about-sec-copy .more-link {
        padding: 20px 0 0
    }
    .brand-box .custom-table {
        width: 100%;
        text-align: center
    }
    .brand-box .custom-table .table-cell {
        width: 100%
    }
    .cat-large-view {
        border: none
    }
    .cat-large-view-otf {
        border: none
    }
    #collapseTwo {
        display: block !important;
        height: auto !important
    }
    #content-mobile .readMoreSec {
        display: none
    }
    #content-mobile {
        height: 0;
        overflow: hidden;
        background: #Fff;
        border-top: solid 1px #eee;
        border-bottom: solid 1px #eee;
        padding: 0 15px
    }
    #content-mobile.in {
        height: auto;
        margin: 0;
        padding-bottom: 15px
    }
    #content-mobile.content-area h1 {
        margin-top: 20px
    }
    .brand-corporate-sec .brand-corporate {
        margin: 5px 0 0
    }
    .page-control h3 {
        margin: 0;
        padding: 19px 30px 18px;
        color: #9a9a9a;
        font-size: 12px;
        text-transform: uppercase;
        font-family: MuseoSans-700;
        cursor: pointer
    }
    .backToPage,
    .page-control h3 .arrow:after {
        font-family: ElegantIcons;
        -moz-transition: all ease 0.25s
    }
    .page-control h3>a+a:before {
        padding: 0 5px;
        color: #9a9a9a;
        content: "\203A";
        margin: 0 0 0 -2px
    }
    .page-control h3.cursorDefault {
        cursor: default
    }
    #sort-by-list>li>a:after,
    .backToPage {
        cursor: pointer;
        text-align: center;
        speak: none;
        font-weight: 400;
        font-variant: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    .backToPage {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 9;
        font-size: 24px;
        display: inline-block;
        text-transform: none;
        height: 50px;
        line-height: 50px;
        width: 40px;
        transition: all ease 0.25s;
        color: #303135
    }
    .page-control h3 .arrow {
        display: inline-block;
        position: relative;
        top: 1px
    }
    .page-control h3 .arrow:after {
        position: absolute;
        top: -4px;
        content: "3";
        speak: none;
        font-size: 18px;
        display: inline-block;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 0;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transition: all ease 0.25s;
        -o-transition: all ease 0.25s;
        transition: all ease 0.25s;
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    #sort-by-list>li>a:after,
    .product-filter,
    .xs-filter {
        -webkit-transition: all ease 0.25s;
        -o-transition: all ease 0.25s
    }
    .page-control h3.collapsed .arrow:after {
        top: -6px;
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    .brand-page-logo {
        margin: 0 0 20px
    }
    .product-info {
        margin: 10px
    }
    .product-info .quick-ship {
        font-size: 10px
    }
    .price,
    .product-info h4 {
        font-size: 12px
    }
    .product-info h4.toSeePricing {
        width: calc(100% + 20px);
        bottom: -10px;
        left: -10px;
    }
    #sort-by-list > li,
    .select-attrs > li {
        border-bottom: solid 1px #eee;
        font-size: 16px;
        border-top: solid 1px #eee
    }
    #sort-by-list,
    .select-attrs {
        display: block;
        height: auto;
        margin: 0;
        padding: 0;
        list-style: none;
        background: #FFF;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }
    #sort-by-list > li {
        font-family: CalibriRegular
    }
    #sort-by-list > li > a {
        color: #999;
        display: block;
        padding: 19px 20px;
        position: relative
    }
    .select-attrs > li {
        margin: 0;
        padding: 0;
        font-family: MuseoSans-500
    }
    .select-attrs > li.filter-btn {
        padding: 30px 0;
        border: none;
        background: #eee
    }
    .select-attrs > li > a {
        padding: 20px 20px 18px;
        margin: 0
    }
    .select-attrs > li > a.slider-arrow {
        padding: 16px 36px;
        font-size: 24px !important
    }
    #sort-by-list>li>a:after {
        padding: 21px 0 18px;
        content: "\5b";
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        font-family: ElegantIcons !important;
        font-size: 16px !important;
        display: inline-block;
        text-transform: none;
        line-height: 1;
        width: 16px;
        -moz-transition: all ease 0.25s;
        transition: all ease 0.25s
    }
    #sort-by-list>li.selected>a:after {
        color: #FF671D;
        content: "\5c"
    }
    #sort-by-list > li.selected > a {
        color: #0e2036
    }
    .product-shorting-active #sort-by-list {
        background: white;
        position: fixed;
        z-index: 9999;
        left: 0;
        width: 100%;
        top: 0;
        height: 100%;
        border-radius: 0;
        padding: 0;
        pointer-events: auto;
    }
    .c-sidebar-menu {
        margin: 0;
        padding: 0
    }
    .product-filter,
    .xs-filter {
        background: #eee;
        position: fixed;
        z-index: 999;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -moz-transition: all ease 0.25s;
        transition: all ease 0.25s
    }
    .active-filter .xs-filter,
    .active-short .product-filter {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        overflow-y: auto;
    }
    .page-control-short {
        background: #FFF
    }
    .page-control-short h3 {
        color: #0e2036;
        font-size: 14px;
        cursor: auto
    }
    .page-control-short .backToPage {
        color: #0e2036;
        font-size: 30px
    }
    .page-control-short .backToPage:hover {
        color: #FF671D
    }
    .product-shorting-heading,
    .sidebar-menu-label {
        font-family: MuseoSans-700;
        margin: 0;
        padding: 20px 0 17px;
        font-size: 12px;
        background: #eee;
        color: #9a9a9a;
        text-align: center
    }
    .xs-short-filter {
        background: #FFF;
        border-top: solid 1px #eee;
        border-bottom: solid 1px #eee
    }
    .xs-short-filter .short-filter-list {
        margin: 0;
        padding: 10px 0;
        list-style: none
    }
    .xs-short-filter .short-filter-list li {
        float: left;
        width: 50%;
        border-right: solid 1px #eee
    }
    .xs-short-filter .short-filter-list li:last-child {
        border-left: solid 1px #eee
    }
    .xs-short-filter .short-filter-list li a {
        padding: 10px 0 8px;
        margin: 0 10px;
        display: block;
        color: #9a9a9a;
        font-size: 14px;
        font-family: MuseoSans-700
    }
    .coll-filter {
        background: #f9f9f9
    }
    .coll-filter > li {
        margin: 0
    }
    .coll-filter > li > a {
        display: block;
        padding: 17px 20px
    }
    .coll-filter>li>a:before {
        width: 16px;
        left: inherit;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%)
    }
    #search-results-container .filter-selection-wrap {
        -webkit-overflow-scrolling: touch; 
        white-space: nowrap;
        padding: 0 0 2rem;
    }
    #search-results-container .filter-selection {
        display: flex;
        overflow-x: auto;
        flex-wrap: wrap;
        width: auto;
        overflow-y: hidden;
        justify-content: flex-end;
        row-gap: 1rem;
    }
    .filter-selection span,
    .filter-selection .filter-selection-clearall {
        flex: 0 1 auto; 
        white-space: nowrap;
    }
    .filter-selection-wrap::-webkit-scrollbar {
        display: none; 
    }
    .pagination {
        margin: 10px 10px 4px
    }
    .productDetailsSec,
    .productTabs {
        margin: 0;
        padding: 0
    }
    .productDetailsSec .product-detail-row {
        padding: 0;
    }
    .pagination > li {
        display: inline-block
    }
    .productTabs .tab-content .tab-pane,
    .productTabs .tab-content > .tab-pane.active {
        display: none
    }
    .mobileProductTitleSec {
        padding: 27px 30px 24px
    }
    .mobileProductTitleSec h2 {
        margin: 0 0 11px;
        padding: 0;
        color: #303135;
        font-family: CalibriRegular;
        font-size: 16px
    }
    .mobileProductTitleSec .sku {
        color: #9a9a9a;
        font-size: 12px;
        margin-bottom: 14px;
    }
    .mobileProductPrice {
        font-family: MuseoSans-700;
        font-weight: 400;
        font-size: 16px
    }
    .color-choices-pr {
        margin: 0;
        padding: 0
    }
    .colorChoiceSlide {
        padding: 5px;
        border: 1px solid #eee;
        border-top: none;
        border-bottom-width: 2px
    }
    .ProductSizeHeading {
        background: #eee;
        padding: 17px 20px 16px !important;
        margin: 0 !important
    }
    .ProductSizeInfo {
        margin: 0 20px !important
    }
    .yourLogo {
        margin: 0
    }
    .logoInput {
        margin: 0 20px 20px
    }
    .logoEmbroidered {
        padding: 13px 20px;
        margin: 0;
        border-bottom: solid 2px #eee;
        border-top: solid 2px #eee
    }
    .uplodedLogoBox {
        padding: 20px
    }
    .uplodedLogo {
        margin: 0
    }
    .logoPlacementSec .radioGroupSec {
        background: #f9f9f9;
        padding: 4px 0;
        border-top: solid 2px #eee;
        border-bottom: solid 1px #eee
    }
    .logoPlacementSec .radioGroup {
        width: 50%;
        margin: 0;
        text-align: center;
        border-left: solid 1px #eee;
        border-right: solid 1px #eee;
        padding: 9px 20px
    }
    .logoPlacementSec .radioGroup.pull-left {
        border-right: solid 1px #eee
    }
    .logoPlacementSec .radioGroup.pull-right {
        border-left: solid 1px #eee
    }
    .logoPlacementSec,
    .logoPlacementSec .radioGroup label {
        margin: 0
    }
    .orderToday {
        border-top: solid 1px #eee;
        margin: 0;
        padding: 20px 20px 35px
    }
    .CartBtnSec {
        border-bottom: solid 1px #eee;
        padding: 0 0 27px
    }
    .productSecMainBg {
        margin: 0 !important
    }
    .productDetailsList {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: left;
        font-family: MuseoSans-500;
        font-size: 16px;
        color: #303135;
        background: #FFF;
        border-top: solid 2px #eee
    }
    .product-detail-h3 {
        font-size: 16px;
    }
    .productDetailsList > li {
        border-bottom: solid 2px #eee
    }
    .productDetailsList>li:last-child {
        border-bottom: solid 1px #eee
    }
    .productDetailsList > li > a {
        display: block;
        padding: 20px 40px 20px 20px;
        position: relative;
        overflow: hidden;
        color: #303135
    }
    .productDetailsList>li>a:hover {
        color: #FF671D
    }
    .productDetailsList>li>a:after {
        color: #FF671D;
        content: "3";
        position: absolute;
        right: 0;
        top: 0;
        font-family: ElegantIcons;
        speak: none;
        font-size: 24px;
        display: inline-block;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        height: 60px;
        line-height: 60px;
        width: 50px;
        text-align: center;
        cursor: pointer;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    .qtyDiscountSec h4,
    .secHeading {
        color: #9a9a9a;
        font-size: 12px;
        font-family: MuseoSans-700;
        text-align: center
    }
    .qtyDiscountSec h4 {
        background: #eee;
        padding: 17px 20px 16px;
        margin: 0
    }
    .qtyDiscount {
        background: #FFF;
        padding: 17px 20px 1px
    }
    p.free-offer-msg {
        border: none;
        margin: 0 0 2px !important;
        padding: 17px 7px !important;
    }
    .productPriceSec .productPriceList:last-child {
        border-bottom: none;
        margin: 0 !important
    }
    .secHeading {
        background: #eee;
        padding: 17px 20px 16px;
        margin: 0
    }
    .RelatedProductSec {
        margin: 0
    }
    .relatedProducts .slick-list {
        margin: 0;
        padding: 0
    }
    .productReview .page-control-short,
    .productTabs .page-control-short {
        position: absolute;
        top: 0;
        width: 100%;
        left: 0
    }
    .productTabs .tabPanelDetails {
        max-height: 100%;
        overflow: auto;
        padding: 73px 20px 10px
    }
    .productReview {
        max-height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding: 43px 0 0;
    }
    #details,
    .productReview,
    .productTabs #delivery,
    .productTabs #sizing {
        display: block;
        background: #eee;
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all ease 0.25s;
        -moz-transition: all ease 0.25s;
        -o-transition: all ease 0.25s;
        transition: all ease 0.25s
    }
    .activeProductDetail #details,
    .activeProductReviewLink .productReview,
    .activeProductShippingLink #delivery,
    .activeProductSizeLink #sizing {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    .sidebarBox {
        border-bottom: none;
        margin: 0
    }
    header.section-header h1 {
        margin: 0;
        padding: 0;
        font-size: 18px
    }
    .productQty {
        margin: 0;
        padding: 3px 20px 3px 5px
    }
    .productQty input {
        margin-right: 0
    }
    #content h2.title-404 {
        font-size: 100px !important;
        line-height: 100px !important
    }
    #content .height-404 p {
        font-size: 26px !important
    }
    #content h6.link-404 {
        font-size: 13px
    }
    #showModalLinks {
        padding: 0 !important;
    }
    #showModalLinks .btn {
        padding: 16px 20px 14px;
    }
    .share-modal .column-input {
        width: 100%;
    }

    .share-modal .column-button {
        width: 100%;
    }
    .share-modal .copy {
        width: calc(100%);
        max-width: 150px;
        display: block;
        margin: 22px auto 0;
    }
    body #isp_center_container .isp_center_container_header a.isp_refine_nevigation {
        background: 0 0;
        color: #FFF !important;
        border: none;
        border-right: solid 2px #eee;
        margin: 0 10px 0 0 !important;
        padding: 6px 10px 6px 0 !important
    }
    #search-results .contentBg {
        padding: 0
    }
    body #isp_search_result_page_container div.isp_left_container {
        visibility: hidden;
        margin-left: -170px !important;
        width: 160px !important
    }
    body #isp_search_result_page_container div.isp_center_container_position {
        margin-left: 0
    }
    body #isp_search_result_page_container div.isp_center_container_header {
        border-bottom: 1px solid #eee;
        padding: 10px 15px !important;
        margin: 0 !important;
        vertical-align: top
    }
    div#isp_search_box_container {
        margin: 0 !important;
        padding: 0 !important
    }
    body #isp_search_result_page_container .isp_center_container_header div.isp_sorting_and_result_view_wrapper {
        margin: 0
    }
    body .isp_results_summary_wrapper {
        float: none !important;
        clear: both !important;
        padding: 11px 0 0 !important;
        margin: 0 !important
    }
    .clearThis,
    .orderDetailsSec {
        clear: both
    }
    body #isp_search_result_page_container div.isp_left_container {
        padding: 20px 15px 0 10px
    }
    body div.isp_center_container ul#isp_search_results_container li.isp_grid_product {
        padding: 10px;
        height: 245px
    }
    body li.isp_grid_product div.isp_product_image_wrapper {
        height: 150px
    }
    body input[type=search]#isp_main_search_box.isp_search_box {
        height: 35px;
        font-size: 14px;
        border: none !important;
        border-bottom: solid 2px #eee !important
    }
    .accordion-header {
        margin: 0;
        font-size: 15px
    }
    .bundle-accordion a.next-item {
        margin: 15px 15px 10px
    }
    div#bold-popup {
        margin: 0;
        border-bottom: solid 1px #eee
    }
    ul.ui-autocomplete {
        width: 100% !important;
        box-shadow: none;
        border-top: solid 2px #eee !important;
        margin-top: 12px
    }
    body ul.ui-autocomplete .ui-menu-item {
        padding-left: 10px !important;
        padding-right: 10px !important
    }
    body .as_magento_product_name {
        line-height: 1.4
    }
    body .as_cart.as_icon_mobile,
    body .as_icon_mobile {
        margin: 0;
        border: none;
        line-height: 1.4
    }
    li#acp_footer_acp > div {
        background: #eaeaea !important;
        color: #666 !important;
        margin: 10px 0
    }
    .pro-cat-box {
        height: auto
    }
    section.ProductSelectSize {
        margin: 0 0 10px
    }
    /*
    #page-content {
        overflow: hidden;
    } */
    .productSlideImageWrapp {
        padding: 0
    }
    .second-instruction-note {
        border-bottom: solid 2px #eee;
        padding-top: 10px;
        padding-bottom: 10px
    }
    .orderDetailsSec .panel-body {
        padding: 0 !important
    }
    .shopping-left .item_total_sec .item_total,
    .shopping-left .item_total_sec .item_total.you-save {
        width: 40%
    }
    .shopping-left .item_total_sec .item_total.total-qty {
        width: 20%
    }
    body .write-question-wrapper,
    body .write-review-wrapper {
        overflow: scroll !important
    }
    .productReviewSec {
        height: 100%;
        overflow: scroll
    }
    /**/
    .product-slider .product-quick-ship {
        position: absolute;
        top: 0;
        left: 15px;
    }
    .about-sec .row.flex {
        flex-direction: column;
    }
    .cat-large-sec .cat-large-view {
        height: auto;
    }
    .catListSec {
        height: 100%;
    }
    .reorder-disabled {
        margin: 0 auto 15px;
    }
} /* end @media(max-width: 767px) */
.pdp-badges {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 1rem 0;
}
.pdp-badge {
    padding: 0 0.5rem;
    max-width: 50px;
}
@media(max-width: 479px) {
    .col-xss-12 {
        float: none;
        width: 100%
    }
    .productDetailsList,
    .product-detail-h3 {
        font-size: 14px
    }
    .orderTodayBoxInfo {
        padding: 13px 0 12px;
        font-size: 12px
    }
    .teamBoxArea {
        display: block;
        margin: 0 0 10px !important
    }
    .articleThumb {
        margin: 0 0 10px
    }
    .addressBoxInfo.pull-left {
        float: none !important
    }
    .addressBoxBtn.pull-right {
        float: none !important;
        margin: 5px 0 0
    }
    .get-offer,
    .order-shipsby-note {
        font-size: 11px
    }
    .shappify_radio_option {
        margin: 0 20px 5px 0
    }
    section.topBarMobile {
        padding: 7px 30px 4px 10px
    }
}
@media(max-width: 359px) {
    .cart-box {
        right: -10px;
        width: 320px
    }
}
@media (max-width: 922px) and (min-width: 768px) {
    .navbar-default .navbar-nav>li>a {
        padding: 20px 5px;
        font-size: 1.4rem;
    }
}
p.price-note {
    border-top: solid 1px #eee;
    margin: 0;
    padding: 17px 0
}
/*==== 12-09-2018 =======*/
.product-survey-inner .hs-form-field {
    display: none;
}
/*========= Footer edits ===========*/
.newAddress {
    padding-top: 27px;
    padding-bottom: 10px;
    text-align: center;
}
.newAddress p {
    font-size: 14px;
}
.newAddress br {
    display: none;
}
ul.newLogos {
    list-style: none;
    padding-left: 0;
}
.newLogos li {
    display: inline-block;
    padding-left: 15px;
    vertical-align: middle;
}
@media(max-width: 991px) {
    .newLogos li {
        padding-left: 10px;
    }
    .ad-thumbnail-Double img {
        width: 100%;
    }
    .ad-thumbnail-Triple img {
        width: 100%;
        height: 250px;
        object-fit: cover;
    }
    .ad-thumbnail-Single img {
        width: 100%;
    }
}
.flex {
    display: flex;
}
.none {
    display: none;
}
.align-center {
    align-items: center;
}
.flex-row-reverse {
    flex-direction: row-reverse;
}
.product-list {
    height: 400px !important;
    min-height: 400px;
}
.product-list .product-area {
    height: 100%;
}
.product-list .product-area .product-info {
    height: calc(100% - 40px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: white;
}
.product-list .product-area .product-info .product-thumbnail img {
    max-height: 260px;
}
/*==== MerchPerks Referral Program =======*/
.hs_submit .actions input {
    margin: 0 auto;
}
.home-brand-featured .brand-logo-box img,
.home-brand-featued .brand-logo-box img {
    height: auto;
}
#showModalLinks .modal-title {
    margin: 0 0 20px;
}
#showModalLinks .continue-purchase {
    background: #fff;
    border: 1px solid #FF671D;
    color: #FF671D !important;
    overflow: hidden;
}
.share-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    margin: auto;
    max-width: 470px;
}
.share-modal .head-modal {
    background: #eee;
    padding: 30px 20px;
    text-align: center;
}
.share-modal .close-box {
    position: absolute;
    right: 8px;
    top: 8px;
    color: #f26523;
}
.share-modal .body-modal {
    padding: 30px 20px;
}
.share-modal .row-line {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
.share-modal .column-input {
    width: 60%;
}
.share-modal input {
    background: #eee;
    border: solid 2px #ddd;
    padding: 7px 13px 5px;
    font-size: 16px;
    color: #303135;
    box-shadow: none !important;
    width: 100%;
    outline: none;
    height: 48px;
    border-radius: 40px;
    overflow: hidden;
}
.share-modal .copy {
    width: calc(100% - 20px);
    margin: 0 0 0 20px;
}
.share-modal .column-button {
    width: 40%;
}
#showModalLinks .modal-dialog {
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
}
#showModalLinks .modal-dialog .modal-title {
    margin: 0 0 20px;
}
.tt-o-search-field div.tt-o-search-field__input {
    min-height: 45px;
}
.tt-c-answer .tt-c-answer__best-answer-text {
    font-size: 14px;
}
.right-sidebar .mobile-proof-library {
    padding: 0 !important;
}
/* Logo Library Classes */
.proofLogos {
    height: 300px;
    display: flex;
    flex-direction: column;
    -ms-flex-align: center;
    justify-content: space-between;
    border: 1px solid #eeeeee;
}
.proof-logos-inner-top {
    min-height: 175px;
    padding: 40px 20px 0;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
}
.proof-logos-inner-bottom {
    min-height: 100px;
    padding: 20px;
    margin: 0 auto;
    text-align: center;
    color: #FF671D;
}
.proof-logos-image {
    max-width: 100%;
    max-height: 100%;
}
.logout-bottom {
    margin: 0 10px 1px;
    background: white;
}
/*** BEGIN - Proof Waived ***/
.proof-waived-top-section {
    padding-bottom: 24px;
}
.proof-waived-top-section input[type="radio"] {
  margin: 0;
  box-sizing: border-box;
  width: 27px;
  height: 27px;
  padding: 0;
  border: 1px solid #021D49;
  border-radius: 50%;
  appearance: none;
  background-color: transparent;
  outline: none;
  transition: outline 0.1s;
}
.proof-waived-top-section .radioClicked input[type="radio"] {
  border-color: #021D49;
  background-color: #00B1B4;
  background-clip: content-box;
  padding: 3px;
  background-image: radial-gradient(
    circle,
    #00B1B4 0%,
    #00B1B4 50%,
    transparent 60%,
    transparent 100%
  );
}
.proof-waived-top {
  display: flex;
}
.proof-waived-label {
    float: left;
    color: #021D49;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 135%; 
    margin: 0 0 0 8px;
}
.cart-order-summary-row {
  padding-top: 24px;
  display: flex;
  align-items: center;
}
.cart-order-summary-row .accordion-heading {
  display: flex;
  align-items: center;
}
.cart-tooltip {
  display: flex;
}
.cart-tooltip .cart-tooltip-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #00B1B4;
  color: #00B1B4;
  text-align: center;
  font-family: Inter;
  font-size: 9.8px;
  font-weight: 700;
  line-height: 125%;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  margin-left: 8px;
}
.cart-tooltip .que_icon + .tooltip > .tooltip-inner {
  background-color: white;
  color: #021D4999;
  border: 1px solid #021D4999;
}
.cart-tooltip .que_icon + .tooltip.top > .tooltip-arrow {
  background-color: white;
  border-top-color: white;
  border-left-color: #021D4999;
  border-bottom-color: #021D4999;
  width: 8px;
  height: 8px;
  transform: rotate(-45deg);
  border-width: 1px;
  bottom: 2px;
}
.instruction-note-outer {
  padding: 24px 0 16px 0;
  border-top: 1px solid #021D491A;
  border-bottom: 1px solid #021D491A;
}
.accordion-btn {
  background: none;
  color: #021D49;
  cursor: pointer;
  width: 100%;
  text-align: left;
  outline: none;
  transition: 0.4s;
  font-size: 16px;
  font-weight: 500;
}
.accordion-btn.active {
  margin-bottom: 8px;
}
.accordion-btn:after {
  content: "\33";
  font-family: 'ElegantIcons';
  font-size: 16px;
  color: #021D49;
  float: right;
  font-weight: 700;
}

.accordion-btn.active:after {
  content: "\32";
}
.accordion-content {
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border-radius: 8px;
  margin-top: 8px;
}
.accordion-arrow:before {
    content: "\33";
    font-family: 'ElegantIcons';
}
.inverted-caret:before {
    content: "\32";
}
.accordion-heading {
    padding: 0;
}
.accordion-link {
    color: #FF671D;
    font-weight: 700;
}
.accordion-link:visited {
    color: #FF671D;
}
.bolded-text {
    font-weight: 700;
}
.shopping-total .checkout-btn {
    padding-top: 24px;
    display: flex;
    flex-direction: column;
}
.shopping-total .checkout-btn button.btn {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    text-transform: capitalize;
    padding: 11px 18px;
}
.shopping-total .checkout-btn button.btn.btn-default:hover {
    background: #E05614 !important;
}
.shopping-total .checkout-btn button.btn.btn-default:focus {
    background: #D04C0C !important;
}
.shopping-total .checkout-btn .keep-shopping-btn  {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    text-transform: capitalize;
    color: #021D49;
    border: 1px solid #021D49;
    margin-top: 12px;
}
.shopping-total .checkout-btn .keep-shopping-btn .btn {
  font-size: 16px;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  text-transform: capitalize;
  color: #021D49 !important;
  background: none;
  width: 100%;
  padding: 11px 18px;
  border-radius: 8px;
}
.shopping-total .checkout-btn .keep-shopping-btn .btn:hover {
  background: none !important; 
}
#digitalProofPolicy .modal-content,
#expressInfo .modal-content {
    padding: 2rem;
    text-align: center;
    border-radius: 15px;
}
#digitalProofPolicy .modal-close,
#expressInfo .modal-close {
    margin: 2rem 0 0;
    text-transform: uppercase;
    color: #FF671D;
    font-weight: 700;
}
#digitalProofPolicy .modal-header,
#expressInfo .modal-header {
    text-transform: uppercase;
}
#digitalProofPolicy .modal-title,
#expressInfo .modal-title {
    font-weight: 700;
}
@media(min-width: 768px) {
    #digitalProofPolicy .modal-dialog,
    #expressInfo .modal-dialog {
        width: 350px;
    }
}
/*** END - Proof Waived ***/
/*** BEGIN - 3 Day Shipping ***/
.three-day-eligible-top {
    background-color: #F2F4F6;
    border-left: solid #84DADE 4px !important;
    text-align: center;
    color: white;
}
.three-day-ineligible-top {
    background-color: #F2F4F6;
    text-align: center;
    border-left: solid #F24F01 4px !important;
    margin-bottom: 2rem;
}
.three-day-eligible-top img,
.three-day-eligible-bottom img {
  height: 22px;
  width: 27px;
}
.three-day-ineligible-top img,
.three-day-ineligible-bottom img {
  height: 12px;
  width: 12px;
}
.three-day-heading-wrapper {
  display: flex;
  align-items: center;
}
.three-day-heading {
  font-family: Inter,sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin: 0 8px;
}
.three-day-eligible-top .three-day-heading {
  color: #021D49;
}
.three-day-ineligible-top .three-day-heading {
  color: #F24F01;
}
.three-day-copy {
  color: #021D49;
  opacity: 0.7;
  font-size: 12px;
  margin-bottom: 0;
  font-weight: 500;
}
.shopping-cart-page .container.three-day-container {
    display: flex;
    padding-left: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
    align-items: center;
}
.three-day-container.three-day-sidebar-container {
  flex-direction: column;
  padding: 24px 0;
  border-top: 1px solid #021D491A;
  border-bottom: 1px solid #021D491A;
}
.three-day-sidebar-header {
  display: flex;
  width: 100%;
  align-items: center;
}
.three-day-sidebar-header img{
  height: 22px;
  width: 27px;
}
.three-day-sidebar-header .three-day-heading {
  font-size: 16px;
  margin: 0 4px 0 8px;
}
.three-day-sidebar-content {
  display: flex;
  margin-top: 12px;
}
.three-day-sidebar-content-left {
  display: flex;
  flex-direction: column;
  width: 12px;
  justify-content: space-between;
  align-items: center;
  margin-right: 12px;
}
.three-day-sidebar-content-left-bar {
  width: 4px;
  height: 36px;
  background-color: #F26522;
}
.three-day-sidebar-content-left-img {
  width: 12px;
  height: 12px;
}
.three-day-sidebar-content-right {
  display: flex;
  font-size: 12px;
  flex-direction: column;
  text-align: left;
}
.three-day-sidebar-content-right-header {
  font-weight: 700;
  line-height 135%;
  color: #F24F01;
  margin: 0 0 4px 0;
}
.three-day-sidebar-content-right-copy {
  color: #021D4999;
  line-height: 135%;
  font-weight: 500;
  margin: 0;
}
.three-day-sidebar-content-right-copy a {
  text-decoration: underline;
  color: #021D4999;
}
.three-day-collection-link {
    color: inherit;
    text-decoration: underline;
}
/*** END - 3 Day Shipping ***/
.mixedCartWarning {
    font-family: CalibriRegular;
    font-size: 16px;
    margin-top: 15px;
}
.mixedCartWarning a {
    color: #FF671D;
}
.mixedCartWarning img {
    height: 15px;
    width: 15px;
    margin: 3px 8px 0 0;
}
.productPopup .slick-arrow {
    color: black;
    background: white;
}
.shared-tag {
    color: #fff;
    background-color: #FF671D;
    padding: 6px 10px;
    font-weight: bold;
    font-size: 10px;
}
.logo-library-shared {
    padding: 0 20px;
    width: 100%;
    min-height: 25px;
}
.logo-library-shared span {
    padding: 3px 10px;
    display: block;
    width: 100%;
    text-align: center;
}
.loader_container {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.95);
    z-index: 10000;
}
/* Loader */
.loader {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
@keyframes ldio-spx3m5yq50l {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}
.ldio-spx3m5yq50l div {
    box-sizing: border-box !important
}
.ldio-spx3m5yq50l > div {
    position: absolute;
    width: 78px;
    height: 78px;
    top: 11px;
    left: 11px;
    border-radius: 50%;
    border: 8px solid #000;
    border-color: #FF671D transparent #FF671D transparent;
    animation: ldio-spx3m5yq50l 1s linear infinite;
}
.ldio-spx3m5yq50l > div:nth-child(2) {
    border-color: transparent
}
.ldio-spx3m5yq50l > div:nth-child(2) div {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: rotate(45deg);
}
.ldio-spx3m5yq50l > div:nth-child(2) div:before,
.ldio-spx3m5yq50l > div:nth-child(2) div:after {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    top: -8px;
    left: 27px;
    background: #FF671D;
    border-radius: 50%;
    box-shadow: 0 70px 0 0 #FF671D;
}
.ldio-spx3m5yq50l > div:nth-child(2) div:after {
    left: -8px;
    top: 27px;
    box-shadow: 70px 0 0 0 #FF671D;
}
.loadingio-spinner-dual-ring-xa47yes6l1l {
    width: 50px;
    height: 50px;
    display: inline-block;
    overflow: hidden;
    background: none;
}
.ldio-spx3m5yq50l {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(0.5);
    backface-visibility: hidden;
    transform-origin: 0 0; /* see note above */
}
.ldio-spx3m5yq50l div {
    box-sizing: content-box;
}
/* Styles for CLS fix */
.product {
    height: 468px;
    max-height: 468px;
    overflow-y: hidden;
}
.product-nav {
    height: 122px;
}
.product-nav .slick-list {
    margin: 0 -25px -20px;
    padding: 0 25px 20px;
}
.rating {
    height: 23px;
}
.colorChoiceSlider {
    display: none;
    min-height: 52px;
    max-height: 52px;
}
.colorChoiceSlider.slick-initialized {
    display: block;
}
.color-choices-pr,
.colorChoiceSlide {
    height: 52px;
    max-height: 52px;
}
.colorChoiceSlide a,
.colorChoiceSlide a img {
    height: 42px;
}
.mobileProductTitle,
.mobileProductPrice {
    height: 18px;
}
.offerSection {
    height: 100px;
}
.heroSection {
    height: 520px;
}
.heroSection > .heroSlider {
    height: 520px;
    display: none;
}
@media screen and (max-width: 767px) {
    .heroSection {
      height: 600px;
    }
    .heroSection > .heroSlider {
        height: 600px;
        display: none;
    }
}
.heroSection > .heroSlider.slick-initialized {
    display: block;
}
/* hide screenreader instructions */
.slick-sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}
/* End styles for CLS fix */
/* back to top button */
.back-to-top {
    position: fixed;
    right: 4rem;
    bottom: 2rem;
    background: white;
    color: #021d49;
    border: 1px solid #ccc;
    border-radius: 15px;
    padding: .5rem 1rem .5rem 2rem;
    transition: opacity 0.5s;
    z-index: 1000;
}
.back-to-top:hover {
    color: #ff671d;
}
.back-to-top::before {
    content: '';
    background-color: #021d49;
    position: absolute;
    width: 30px;
    height: 30px;
    left: -5px;
    top: 0;
    -webkit-mask: var(--arrowsvg);
    mask: var(--arrowsvg);
}
.back-to-top:hover::before {
    background-color: #ff671d;
}
/* back to top if desktop */
@media screen and (min-width: 767px) {
    .back-to-top {
        bottom: 9rem;
    }
}
.hidden {
    opacity: 0;
}
/* ------------------- */
.reorder-disabled {
    display: none;
    color: #f26622;
    margin: 0 6px 15px 0;
    width: 180px;
    text-align: center;
}
.reorder-btn {
    width: 180px;
}
#customer-email-search-form .form-submit-button {
    margin: 10px 0;
}
/* Styles for Featured Services Section (featured-promo-repeater.liquid) */
.promo-block {
    background: #fff;
    border: 1px solid #eee;
}
.promo-image {
    text-align: center;
    min-height: 189px;
}
.promo-icon {
    position: absolute;
    width: 100%;
    text-align: center;
    margin-top: -34px;
}
.promo-icon img {
    background: #efefef;
    height: calc(60px * 1.1547);
    clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
    max-width: 60px;
}
.promo-copy {
    text-align: center;
}
.promo-copy h2 {
    margin: 50px 45px 9px;
    font-size: 22px;
    font-weight: 600;
    line-height: 27px;
}
.promo-copy p {
    font-family: CalibriRegular;
    font-size: 16px;
    line-height: 150%;
    margin: 0 45px 20px;
}
.promo-cta {
    text-align: center;
    margin-bottom: 40px;
    /* TODO: add support for user-defined colors */
}
.featured-services-block-full-width {
    clear: both;
    display: flex;
    align-items: center;
}
.featured-services-block-full-width .promo-block-fw-left {
    width: 50%;
    padding: 50px;
    float: left;
}
.featured-services-block-full-width .promo-block-fw-right {
    width: 50%;
    float: right;
    padding: 50px 25px;
}
/* This is a reusable class that can be used outside of the feature-promo-repeater to render secondary CTAs. */
.btn-secondary-cta {
    font-family: MuseoSans-500;
    font-weight: 600;
    font-size: 16px;
    background: transparent;
    color: #FF671D;
    border: 2px solid #FF671D;
    border-radius: 100px;
    padding: 12px 20px;
    text-transform: none;
}
.btn-secondary-cta:hover {
    background: #FF671D;
    color: #fff !important;
    border: 2px solid #FF671D !important;
}
/* Minimum heights were used to achieve symmetrical formatting with varying content sizes/lengths. */
@media(min-width: 768px) {
    .featured-services-container {
        margin: 51px 0 33px;
    }
    .promo-copy p {
        min-height: 96px;
    }
    .promo-copy h2 {
        min-height: 54px;
    }
}
@media(min-width: 992px) {
    .promo-image img {
        min-height: 238px;
    }
}
@media(max-width: 768px) {
    .featured-services-block-full-width {
        display: block;
    }
    .featured-services-block-full-width .promo-block-fw-left {
        width: 100%;
        padding: 20px 20px 0;
        float: none;
    }
    .featured-services-block-full-width .promo-block-fw-right {
        width: 100%;
        padding: 0 0 20px;
        float: none;
    }
}
/* END Styles for featured-promo-repeater */
/* Custom Styles for Wiser Related Products */
.evm-related-product .evm-wscontainer,
.recently-viewed .evm-wscontainer {
    overflow: visible;
}
.evm-related-product .evm_wiser_heading,
.recently-viewed .evm_wiser_heading {
    color: #9a9a9a;
    font-size: 12px !important;
    font-family: MuseoSans-700;
    text-transform: uppercase;
    margin: 15px 0;
}
.evm-related-product .evm-wiser-owl-carousel .owl-item,
.recently-viewed .evm-wiser-owl-carousel .owl-item {
    height: 400px;
    transition: transform 0.25s, visibility 0.25s;
    z-index: 1;
}
.evm-related-product #presets3 .ws-box-wrapper,
.recently-viewed #presets3 .ws-box-wrapper {
    height: 100%;
    padding: 0 0.125rem;
}
.evm-related-product #presets3 .evm-ws-card,
.recently-viewed #presets3 .evm-ws-card {
    height: 100%;
    margin: 0;
    border-radius: 0;
}
.evm-related-product #presets3 .ws-card_image_container,
.recently-viewed #presets3 .ws-card_image_container {
    padding: 35px 20px 20px;
}
.evm-related-product #presets3 .ws-card_image_container .ws-card__background-image,
.recently-viewed #presets3 .ws-card_image_container .ws-card__background-image {
    margin: 0;
    height: 192px;
}
.evm-related-product #presets3 .ws-card__header,
.recently-viewed #presets3 .ws-card__header {
    height: 160px;
}
.evm-related-product #presets3 .ws-card__header-link,
.recently-viewed #presets3 .ws-card__header-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 0 40px;
}
.evm-related-product #presets3 .ws-card__title,
.recently-viewed #presets3 .ws-card__title {
    margin: auto 0;
    color: #303135;
    font-size: 12px !important;
    line-height: 1.2;
    font-family: CalibriRegular;
    font-weight: 400;
    transition: color 0s;
}
.evm-related-product #presets3 .ws-card__price,
.recently-viewed #presets3 .ws-card__price {
    padding: 0 20px;
    margin: 0;
    font-weight: 400;
    font-size: 12px !important;
    font-family: MuseoSans-700;
    color: #303135;
}
.evm-related-product #presets3 .ws-card__price > span::before,
.recently-viewed #presets3 .ws-card__price > span::before {
    content: "MSRP: ";
}
.evm-related-product .owl-nav,
.recently-viewed .owl-nav {
    position: absolute;
    width: 100%;
    top: 50%;
    display: flex;
    justify-content: space-between;
    z-index: 1;
}
@media(min-width: 768px) {
    .evm-related-product .evm-wscontainer,
    .recently-viewed .evm-wscontainer {
        margin-bottom: 30px;
    }
    .evm-related-product .evm_wiser_heading,
    .recently-viewed .evm_wiser_heading {
        font-size: 14px !important;
        margin: 40px 0;
    }
    .evm-related-product #presets3 .ws-card__title,
    .recently-viewed #presets3 .ws-card__title {
        font-size: 14px !important;
    }
    .evm-related-product #presets3 .ws-card__title:hover,
    .recently-viewed #presets3 .ws-card__title:hover {
        color: #FF681D !important;
    }
    .evm-related-product #presets3 .ws-card__price,
    .recently-viewed #presets3 .ws-card__price {
        font-size: 14px !important;
    }
    .evm-related-product .owl-stage-outer,
    .recently-viewed .owl-stage-outer {
        margin: -20px -15px;
        padding: 20px 15px;
    }
    .evm-related-product .evm-wiser-owl-carousel .owl-item:not(.active),
    .recently-viewed .evm-wiser-owl-carousel .owl-item:not(.active) {
        visibility: hidden;
    }
    .evm-related-product .evm-wiser-owl-carousel .owl-item:hover,
    .recently-viewed .evm-wiser-owl-carousel .owl-item:hover {
        transform: scale(1.05);
        box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
        z-index: 999;
    }
}
@media(min-width: 1024px) {
    .evm-related-product .owl-nav,
    .recently-viewed .owl-nav {
        z-index: -1;
    }
    .evm-related-product .evm-wiser-owl-theme .owl-nav .owl-prev,
    .recently-viewed .evm-wiser-owl-theme .owl-nav .owl-prev {
        margin-left: -30px;
    }
    .evm-related-product .evm-wiser-owl-theme .owl-nav .owl-next,
    .recently-viewed .evm-wiser-owl-theme .owl-nav .owl-next {
        margin-right: -30px;
    }
}
/* END Custom Styles for Wiser Related Products */
.template-cart .wiser-cart-wrapper .evm_wiser_heading {
    position: relative;
    background: #f2f4f6;
    padding: 18px 20px 18px 26px;
    margin: 30px 0 20px;
    color: #021d49;
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 18px !important;
    line-height: 1.2;
    text-transform: none;
    letter-spacing: 0;
}
.template-cart .wiser-cart-wrapper .evm_wiser_heading:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #00babc;
}
/* rush order form */
/*0b01ead0-ec12-4bab-a9fc-21f9ec0587ed*/
#hsForm_96c2de52-8bee-446a-b767-a5e393707339 .hs-input,
#hsForm_0b01ead0-ec12-4bab-a9fc-21f9ec0587ed .hs-input {
    border: none;
    border-bottom: solid 2px #ddd;
    border-radius: 0;
    margin-bottom: 27px;
    padding: 13px 0 5px;
    font-size: 16px;
    color: #303135;
    box-shadow: none !important;
    height: auto;
}
#hsForm_96c2de52-8bee-446a-b767-a5e393707339 fieldset.form-columns-1 .hs-input,
#hsForm_0b01ead0-ec12-4bab-a9fc-21f9ec0587ed fieldset.form-columns-1 .hs-input {
    width: 95%;
}
#hsForm_96c2de52-8bee-446a-b767-a5e393707339 .hs-form-field #hsForm_0b01ead0-ec12-4bab-a9fc-21f9ec0587ed .hs-form-field {
    position: relative;
    margin-top: 2rem;
}
#hsForm_96c2de52-8bee-446a-b767-a5e393707339 .hs-input.invalid.error #hsForm_0b01ead0-ec12-4bab-a9fc-21f9ec0587ed .hs-input.invalid.error {
    font-size: 0.5rem;
}
#label-contact_form___inquiry_reason-b5d1fd6f-01c0-44b4-bbb0-b744f10b3ae1,
#label-purchase_reason_or_occasion-b5d1fd6f-01c0-44b4-bbb0-b744f10b3ae1 {
    top: -10px;
    box-shadow: none !important;
    font-size: 14px;
}
#hsForm_96c2de52-8bee-446a-b767-a5e393707339 .hs-form-field.focused label:not(#label-rush_products_requested_url_s_-96c2de52-8bee-446a-b767-a5e393707339 label),
#hsForm_0b01ead0-ec12-4bab-a9fc-21f9ec0587ed .hs-form-field.focused label:not(#label-rush_products_requested_url_s_-0b01ead0-ec12-4bab-a9fc-21f9ec0587ed label) {
    top: -10px;
    box-shadow: none !important;
    font-size: 14px;
}
#hsForm_96c2de52-8bee-446a-b767-a5e393707339 label,
#hsForm_0b01ead0-ec12-4bab-a9fc-21f9ec0587ed label {
    color: #9a9a9a;
    /*font-size: 1.15em; */
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 99;
    pointer-events: none;
    -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;
    font-family: MuseoSans-500;
}
#label-rush_decorated_type-96c2de52-8bee-446a-b767-a5e393707339,
#label-rush_previous_decorated_goods-96c2de52-8bee-446a-b767-a5e393707339,
#label-rush_decorated_type-0b01ead0-ec12-4bab-a9fc-21f9ec0587ed,
#label-rush_previous_decorated_goods-0b01ead0-ec12-4bab-a9fc-21f9ec0587ed {
    top: -2rem !important;
}
.hs_rush_decorated_typelabel#label-rush_decorated_type-96c2de52-8bee-446a-b767-a5e393707339,
.hs_rush_decorated_typelabel#label-rush_decorated_type-0b01ead0-ec12-4bab-a9fc-21f9ec0587ed {
    margin-top: -3rem !important;
}
#hsForm_96c2de52-8bee-446a-b767-a5e393707339 .field,
#hsForm_0b01ead0-ec12-4bab-a9fc-21f9ec0587ed .field {
    margin-bottom: 18px;
}
#hsForm_96c2de52-8bee-446a-b767-a5e393707339 ul.no-list,
#hsForm_0b01ead0-ec12-4bab-a9fc-21f9ec0587ed ul.no-list {
    list-style: none;
}

#hsForm_96c2de52-8bee-446a-b767-a5e393707339 .inputs-list,
#hsForm_0b01ead0-ec12-4bab-a9fc-21f9ec0587ed .inputs-list {
    margin: 0 0 5px;
    width: 100%;
    padding-left: 5px;
}
#hsForm_96c2de52-8bee-446a-b767-a5e393707339 ul.hs-error-msgs li label,
#hsForm_0b01ead0-ec12-4bab-a9fc-21f9ec0587ed ul.hs-error-msgs li label {
    color: #f2545b !important;
    font-size: 1.25rem;
    margin-top: 3.2rem;
}
.productPriceSecMain .alc-pricing {
    margin: 0;
    padding: 17px 0;
}
/* Begin autocomplete styles */
form input.st-search-input {
    font-size: 12px;
    padding: 5px 9px 5px 27px;
    height: 18px;
    width: 200px;
    color: #666;
    border: 1px solid #ccc;
    outline: none;
    background: #fcfcfc url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUFJREFUeNqU0j0oRWEcx/Hj3ifvlMHL7C1lY7mDwUBKkoksBjKJxWIQu7xlOybDLVGukhhMZDFbxGBS8nIjKR3E96nf0dPjuuVfn + 6tc35P//P8/yYMw8CpbgygGQlcYw8H+Ai8MvotxQImgt81hk1M4cEPF2IV43jCGo7wjk5MYhhlGMKbG+7BKO4wiGPn8DO1vIN+jGA9fpjQaUksecG4zjGPL3VQ5IZb9OAw+LtO1FkjatxwUuEoTzjSbRu9/xO+0W97nnArqvXuoxve1/9p1OUIlmNGU7EX9+KGt3GKNuyiC5WoQAe2NJFP3PpzzmoR0khpxle6h3pnkeKJPCPjbtglerVFfWhSVxfqJtK4qrChTMY4XdjVm9O21aIA92LrFcv6HHtAsclxQVnxa0WfsqgDUib4X9muStCA2W8BBgDJ0EeGeFZ8WAAAAABJRU5ErkJggg==') no-repeat 7px 7px;
}
.swiftype-widget .autocomplete {
    font-family: "Inter", sans-serif;
    background-color: #fff;
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom: 1px solid #ccc;
    text-align: left;
    overflow-y: scroll;
}
@media screen and (min-width: 768px) {
    .swiftype-widget .autocomplete {
        max-height: 90dvh;
    }
}
.swiftype-widget .autocomplete ul {
    font-family: "Inter", sans-serif;
    background-color: #fff;
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0 0 18px;
    border-radius: 0 0 15px 15px;
    text-align: left;
    box-shadow: 0px 20px 20px 0px #4B4B5526;
}
.swiftype-widget .autocomplete li {
    padding: 8px 24px !important;
    font-size: 13px;
    list-style-type: none;
    background-image: none;
    margin: 0;;
}
.swiftype-widget .autocomplete li > a {
    font-family: "Inter";
    font-weight: 500;
    font-size: 12px;
    line-height: 135%;
    color: #021D49
}
.swiftype-widget .autocomplete li:first-child {
    border-top: none;
}
.swiftype-widget .autocomplete li.active {
    border-top: 1px solid #145A93;
    border-bottom: 1px solid #086aa8;
    background-color: #1285d5;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #37a3e9), color-stop(100%, #1285d5));
    background: -webkit-linear-gradient(#37a3e9, #1285d5);
    background: -moz-linear-gradient(#37a3e9, #1285d5);
    background: -o-linear-gradient(#37a3e9, #1285d5);
    background: linear-gradient(#37a3e9, #1285d5);
    -webkit-box-shadow: 0 1px 0 #69bdf3 inset;
    -moz-box-shadow: 0 1px 0 #69bdf3 inset;
    box-shadow: 0 1px 0 #69bdf3 inset;
}
.swiftype-widget .autocomplete li p {
    font-size: 13px;
    line-height: 16px;
    margin: 0;
    padding: 0;
}
.swiftype-widget .autocomplete li p.title {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 135%;
    letter-spacing: -1%;
    color: #021D49;
}
.swiftype-widget .autocomplete li p.title em {
    color: #0b2644;
    font-style: normal;
    font-weight: bold;
}
.swiftype-widget .autocomplete li.active p.title {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    color: #fff;
}
.swiftype-widget .autocomplete li.active p.title em {
    color: #fff;
    font-style: normal;
}
.swiftype-widget .autocomplete li .sections {
    color: #999;
    font-size: 11px;
}
.swiftype-widget .autocomplete li .sections em {
    color: #666;
    font-style: normal;
}
.swiftype-widget .autocomplete li .sections .section {
    display: inline;
}
.swiftype-widget .autocomplete li.active .sections {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    color: #a9d7f1;
}
.swiftype-widget .autocomplete li.active .sections em {
    color: #a9d7f1;
    font-style: normal;
}
.swiftype-widget .autocomplete li.noResults {
    pointer-events: none;
}
/* End autocomplete styles */

/* Begin search styles */
.st-result-listing {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 13px;
    letter-spacing: 0.8px;
    margin-top: 40px;
}
form input.st-search-input {
    font-size: 12px;
    padding: 5px 9px 5px 27px;
    height: 18px;
    width: 200px;
    color: #666;
    border: 1px solid #ccc;
    outline: none;
    background: #fcfcfc url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUFJREFUeNqU0j0oRWEcx/Hj3ifvlMHL7C1lY7mDwUBKkoksBjKJxWIQu7xlOybDLVGukhhMZDFbxGBS8nIjKR3E96nf0dPjuuVfn + 6tc35P//P8/yYMw8CpbgygGQlcYw8H+Ai8MvotxQImgt81hk1M4cEPF2IV43jCGo7wjk5MYhhlGMKbG+7BKO4wiGPn8DO1vIN+jGA9fpjQaUksecG4zjGPL3VQ5IZb9OAw+LtO1FkjatxwUuEoTzjSbRu9/xO+0W97nnArqvXuoxve1/9p1OUIlmNGU7EX9+KGt3GKNuyiC5WoQAe2NJFP3PpzzmoR0khpxle6h3pnkeKJPCPjbtglerVFfWhSVxfqJtK4qrChTMY4XdjVm9O21aIA92LrFcv6HHtAsclxQVnxa0WfsqgDUib4X9muStCA2W8BBgDJ0EeGeFZ8WAAAAABJRU5ErkJggg==') no-repeat 7px 7px;
}
div.st-search-summary {
    border-bottom: 1px solid #ccc;
    padding-bottom: 7px;
    margin: 12px 0;
}
div.st-result-listing {
    width: 600px;
}
div.st-result-listing h2 {
    font-size: 13px;
    font-weight: normal;
    color: #333;
    margin: 0;
}
div.st-result-listing h2 .st-query {
    font-style: italic;
    color: #666;
}
div.st-result-listing h3 {
    font-size: 12px;
    margin: 5px 0;
}
div.st-result {
    border-bottom: 1px solid #ddd;
    padding-bottom: 12px;
    margin-bottom: 12px;
}
div.st-result.final {
    border-bottom: none;
    margin-bottom: 0;
}
div.st-result .st-snippet {
    color: #333;
}
div.st-result .st-date {
    color: #999;
}
.st-pagination {
    border-top: 1px solid #ccc;
    margin-top: 5px;
    padding-top: 5px;
}
.st-prev {
    margin-right: 20px;
}
.st-loading-message {
    font-size: 16px;
    font-style: italic;
    color: #999;
    margin: 10px auto;
}
.search-header {
    display: flex;
    align-items: baseline;
    gap: 24px;
}
@media screen and (max-width: 767px) {
    .search-header {
        flex-direction: column;
        gap: 4px;
    }
}
.search-header-title {
    font-family: Inter;
    font-weight: 700;
    font-size: 28px;
    line-height: 100%;
    vertical-align: middle;
    color: var(--dark-blue);
    padding: 4px 0 32px 0;
}
@media screen and (max-width: 767px) {
    .search-header-title {
        padding: 0;
    }
}
.search-header-details {
    font-family: Inter;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: bottom;
    color: var(--dark-blue-60pc);
    padding: 1px 0;
}
.product-info .quick-ship,
.product-info .three-day-shipping  {
    position: absolute;
    top: -15px;
    left: 0;
    text-align: left;
    color: var(--dark-blue);
    font-size: 12px;
    font-style: italic;
    text-transform: uppercase;
    font-family: 'Inter';
    font-weight: 600;;
}
.product-info .quick-ship::before,
.product-info .three-day-shipping::before {
    content: '';
    display: inline-block;
    position: relative;
    top: -1px;
    background-color: var(--teal);
    mask: var(--icon-zoom);
    -webkit-mask: var(--icon-zoom);
    width: 13px;
    height: 7px;
}
.product-price {
    font-family: Inter;
    font-size: 16px;
    font-weight: 700;
    line-height: 21.6px;
    letter-spacing: -0.01em;
    text-align: left;
    margin: 0 0.75rem 0 0;
    color: var(--dark-blue);
}
.product-info h4 {
    margin: 1rem 0;
    padding: 0;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 21.6px;
    text-align: left;
    color: var(--dark-blue);
    display: block;
}
.msrp {
    font-size: 12px;
    font-weight: 400;
    line-height: 16.2px;
    letter-spacing: -0.01em;
    text-align: left;
    color: var(--dark-blue-60pc);
}
/* End search styles */

/* Helper styles */
/* HELPER CLASS 
 * -------------------------- */
/* FA based classes */
/*! Modified from font-awesome helper CSS classes - PIXEDEN
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (CSS: MIT License)
 */
/* makes the font 33% larger relative to the icon container */
.pe-lg {
    font-size: 1.3333333333333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}
.pe-2x {
    font-size: 2em;
}
.pe-3x {
    font-size: 3em;
}
.pe-4x {
    font-size: 4em;
}
.pe-5x {
    font-size: 5em;
}
.pe-fw {
    width: 1.2857142857142858em;
    text-align: center;
}
.pe-ul {
    padding-left: 0;
    margin-left: 2.142857142857143em;
    list-style-type: none;
}
.pe-ul > li {
    position: relative;
}
.pe-li {
    position: absolute;
    left: -2.142857142857143em;
    width: 2.142857142857143em;
    top: 0.14285714285714285em;
    text-align: center;
}
.pe-li.pe-lg {
    left: -1.8571428571428572em;
}
.pe-border {
    padding: 0.2em 0.25em 0.15em;
    border: solid 0.08em #eeeeee;
    border-radius: 0.1em;
}
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
.pe.pull-left {
    margin-right: 0.3em;
}
.pe.pull-right {
    margin-left: 0.3em;
}
.pe-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(359deg);
    }
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
    }
}
@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(359deg);
    }
}
@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}
.pe-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.pe-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.pe-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
.pe-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.pe-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1);
}
.pe-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}
.pe-stack-1x,
.pe-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}
.pe-stack-1x {
    line-height: inherit;
}
.pe-stack-2x {
    font-size: 2em;
}
.pe-inverse {
    color: #ffffff;
}
/* Custom classes / mods - PIXEDEN */
.pe-va {
    vertical-align: middle;
}
.pe-border {
    border: solid 0.08em #eaeaea;
}
[class^="pe-7f-"],
[class*=" pe-7f-"] {
    display: inline-block;
}
/* Redirect styles */
#location-redirect-message {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    display: none;
    padding: 11px;
    background-color: #FF671D;
    color: #ffffff;
    text-align: center;
    font-family: sans-serif;
    font-size: 16px;
    width: 100%;
    z-index: 1000;
}
#location-redirect-message a {
    color: #000000;
}
#location-redirect-message a:hover {
    color: #4b4c55;
}
#location-redirect-popup p {
    font-size: px;
}
#location-redirect-popup {
    padding: 5px 20px;
}
#location-redirect-popup img {
    max-width: 100%;
}
#location-redirect-popup .buttons-container {
    text-align: center;
}
#location-redirect-popup a.button-yes {
    display: inline-block;
    margin-bottom: 5px;
    padding: 7px 30px;
    text-transform: uppercase;
    border-radius: 3px;
}
#location-redirect-popup a.button-no {
    display: inline-block;
    margin-bottom: 5px;
    padding: 7px 30px;
    text-transform: uppercase;
    border-radius: 3px;
}
/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.3.4 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noel Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
    .featherlight {
        display: none;
        /* dimensions: spanning the background from edge to edge */
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2147483647;
        /* z-index needs to be >= elements on the site. */
        /* position: centering content */
        text-align: center;
        /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
        white-space: nowrap;
        /* styling */
        cursor: pointer;
        background: #333;
        /* IE8 "hack" for nested featherlights */
        background: rgba(0, 0, 0, 0);
    }
    /* support for nested featherlights. Does not work in IE8 (use JS to fix) */
    .featherlight:last-of-type {
        background: rgba(0, 0, 0, 0.8);
    }
    .featherlight:before {
        /* position: trick to center content vertically */
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em;
    }
    .featherlight .featherlight-content {
        /* make content container for positioned elements (close button) */
        position: relative;
        /* position: centering vertical and horizontal */
        text-align: left;
        vertical-align: middle;
        display: inline-block;
        /* dimensions: cut off images */
        overflow: auto;
        padding: 25px 25px 0;
        border-bottom: 25px solid transparent;
        /* dimensions: handling small or empty content */
        min-width: 30%;
        /* dimensions: handling large content */
        margin-left: 5%;
        margin-right: 5%;
        max-height: 95%;
        /* styling */
        background: #fff;
        cursor: auto;
        /* reset white-space wrapping */
        white-space: normal;
    }
    /* contains the content */
    .featherlight .featherlight-inner {
        /* make sure its visible */
        display: block;
    }
    .featherlight .featherlight-close-icon {
        /* position: centering vertical and horizontal */
        position: absolute;
        z-index: 9999;
        top: 0;
        right: 0;
        /* dimensions: 25px x 25px */
        line-height: 25px;
        width: 25px;
        /* styling */
        cursor: pointer;
        text-align: center;
        font-family: Arial, sans-serif;
        background: #fff;
        /* Set the background in case it overlaps the content */
        background: rgba(255, 255, 255, 0.3);
        color: #000;
    }
    .featherlight .featherlight-image {
        /* styling */
        width: 100%;
    }
    .featherlight-iframe .featherlight-content {
        /* removed the border for image croping since iframe is edge to edge */
        border-bottom: 0;
        padding: 0;
    }
    .featherlight iframe {
        /* styling */
        border: none;
    }
}
/* handling phones and small screens */
@media only screen and(max-width: 1024px) {
    .featherlight .featherlight-content {
        /* dimensions: maximize lightbox with for small screens */
        margin-left: 10px;
        margin-right: 10px;
        max-height: 98%;
        padding: 10px 10px 0;
        border-bottom: 10px solid transparent;
    }
}
/* PE Icon Styles */
@font-face {
    font-family: 'pe-icon-social';
    src: url('pe-icon-social.eot?-96eskg');
    src: url('pe-icon-social.eot?#iefix-96eskg') format('embedded-opentype'), url('pe-icon-social.woff?-96eskg') format('woff'), url('pe-icon-social.ttf?-96eskg') format('truetype'), url('pe-icon-social.svg?-96eskg#pe-icon-social') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="pe-so-"],
[class*=" pe-so-"] {
    display: inline-block;
    font-family: 'pe-icon-social';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.pe-so-facebook:before {
    content: "\e617";
}
.pe-so-instagram:before {
    content: "\e626";
}
.pe-so-pinterest:before {
    content: "\e638";
}
.pe-so-twitter:before {
    content: "\e651";
}