/* @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap'); */
/*@import url("menu-nav.css?ver=1.3212");*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('fonts/OpenSansSemibold_0.eot');
    src: url('fonts/OpenSansSemibold_0.eot') format('embedded-opentype'), url('fonts/OpenSansSemibold_0.woff2') format('woff2'), url('fonts/OpenSansSemibold_0.woff') format('woff'), url('fonts/OpenSansSemibold_0.ttf') format('truetype'), url('fonts/OpenSansSemibold_0.svg#OpenSansSemibold_0') format('svg');
    font-display: swap;
}

@font-face {
    font-family: "OpenSansExtraBold";
    src: url(fonts/OpenSansExtraBold.eot)format(eot);
    src: url(fonts/OpenSansExtraBold.eot) format("embedded-opentype"), url(fonts/OpenSansExtraBold.woff2) format("woff2"), url(fonts/OpenSansExtraBold.woff) format("woff"), url(fonts/OpenSansExtraBold.ttf) format("truetype"), url(fonts/OpenSansExtraBold.svg#OpenSansExtraBold) format("svg");
    font-display: swap;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url(fonts/OpenSans-Bold.eot);
    src: url(fonts/OpenSans-Bold.woff) format("woff"), url(fonts/OpenSans-Bold.ttf) format("truetype"), url(fonts/OpenSans-Bold.svg#OpenSans-Bold) format("svg"), url(fonts/OpenSans-Bold.eot?#iefix) format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular-webfont.woff2') format('woff2'), url('fonts/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: "Poppins", serif;
    src: url('fonts/poppins/Poppins-BlackItalic.eot');
    src: url('fonts/poppins/Poppins-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/poppins/Poppins-BlackItalic.woff2') format('woff2'),
        url('fonts/poppins/Poppins-BlackItalic.woff') format('woff'),
        url('fonts/poppins/Poppins-BlackItalic.ttf') format('truetype'),
        url('fonts/poppins/Poppins-BlackItalic.svg#Poppins-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Poppins", serif;
    src: url('fonts/poppins/Poppins-Bold.eot');
    src: url('fonts/poppins/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/poppins/Poppins-Bold.woff2') format('woff2'),
        url('fonts/poppins/Poppins-Bold.woff') format('woff'),
        url('fonts/poppins/Poppins-Bold.ttf') format('truetype'),
        url('fonts/poppins/Poppins-Bold.svg#Poppins-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins", serif;
    src: url('fonts/poppins/Poppins-Black.eot');
    src: url('fonts/poppins/Poppins-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/poppins/Poppins-Black.woff2') format('woff2'),
        url('fonts/poppins/Poppins-Black.woff') format('woff'),
        url('fonts/poppins/Poppins-Black.ttf') format('truetype'),
        url('fonts/poppins/Poppins-Black.svg#Poppins-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins", serif;
    src: url('fonts/poppins/Poppins-BoldItalic.eot');
    src: url('fonts/poppins/Poppins-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/poppins/Poppins-BoldItalic.woff2') format('woff2'),
        url('fonts/poppins/Poppins-BoldItalic.woff') format('woff'),
        url('fonts/poppins/Poppins-BoldItalic.ttf') format('truetype'),
        url('fonts/poppins/Poppins-BoldItalic.svg#Poppins-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Poppins", serif;
    src: url('fonts/poppins/Poppins-ExtraBold.eot');
    src: url('fonts/poppins/Poppins-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/poppins/Poppins-ExtraBold.woff2') format('woff2'),
        url('fonts/poppins/Poppins-ExtraBold.woff') format('woff'),
        url('fonts/poppins/Poppins-ExtraBold.ttf') format('truetype'),
        url('fonts/poppins/Poppins-ExtraBold.svg#Poppins-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins", serif;
    src: url('fonts/poppins/Poppins-ExtraLightItalic.eot');
    src: url('fonts/poppins/Poppins-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/poppins/Poppins-ExtraLightItalic.woff2') format('woff2'),
        url('fonts/poppins/Poppins-ExtraLightItalic.woff') format('woff'),
        url('fonts/poppins/Poppins-ExtraLightItalic.ttf') format('truetype'),
        url('fonts/poppins/Poppins-ExtraLightItalic.svg#Poppins-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Poppins", serif;
    src: url('fonts/poppins/Poppins-ExtraBoldItalic.eot');
    src: url('fonts/poppins/Poppins-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/poppins/Poppins-ExtraBoldItalic.woff2') format('woff2'),
        url('fonts/poppins/Poppins-ExtraBoldItalic.woff') format('woff'),
        url('fonts/poppins/Poppins-ExtraBoldItalic.ttf') format('truetype'),
        url('fonts/poppins/Poppins-ExtraBoldItalic.svg#Poppins-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Poppins", serif;
    src: url('fonts/poppins/Poppins-Italic.eot');
    src: url('fonts/poppins/Poppins-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/poppins/Poppins-Italic.woff2') format('woff2'),
        url('fonts/poppins/Poppins-Italic.woff') format('woff'),
        url('fonts/poppins/Poppins-Italic.ttf') format('truetype'),
        url('fonts/poppins/Poppins-Italic.svg#Poppins-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Poppins", serif;
    src: url('fonts/poppins/Poppins-SemiBold.eot');
    src: url('fonts/poppins/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/poppins/Poppins-SemiBold.woff2') format('woff2'),
        url('fonts/poppins/Poppins-SemiBold.woff') format('woff'),
        url('fonts/poppins/Poppins-SemiBold.ttf') format('truetype'),
        url('fonts/poppins/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins", serif;
    src: url('fonts/poppins/Poppins-SemiBoldItalic.eot');
    src: url('fonts/poppins/Poppins-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/poppins/Poppins-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/poppins/Poppins-SemiBoldItalic.woff') format('woff'),
        url('fonts/poppins/Poppins-SemiBoldItalic.ttf') format('truetype'),
        url('fonts/poppins/Poppins-SemiBoldItalic.svg#Poppins-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Poppins", serif;
    src: url('fonts/poppins/Poppins-ExtraLight.eot');
    src: url('fonts/poppins/Poppins-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/poppins/Poppins-ExtraLight.woff2') format('woff2'),
        url('fonts/poppins/Poppins-ExtraLight.woff') format('woff'),
        url('fonts/poppins/Poppins-ExtraLight.ttf') format('truetype'),
        url('fonts/poppins/Poppins-ExtraLight.svg#Poppins-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins", serif;
    src: url('fonts/poppins/Poppins-Light.eot');
    src: url('fonts/poppins/Poppins-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/poppins/Poppins-Light.woff2') format('woff2'),
        url('fonts/poppins/Poppins-Light.woff') format('woff'),
        url('fonts/poppins/Poppins-Light.ttf') format('truetype'),
        url('fonts/poppins/Poppins-Light.svg#Poppins-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins", serif;
    src: url('fonts/poppins/Poppins-LightItalic.eot');
    src: url('fonts/poppins/Poppins-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/poppins/Poppins-LightItalic.woff2') format('woff2'),
        url('fonts/poppins/Poppins-LightItalic.woff') format('woff'),
        url('fonts/poppins/Poppins-LightItalic.ttf') format('truetype'),
        url('fonts/poppins/Poppins-LightItalic.svg#Poppins-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Poppins", serif;
    src: url('fonts/poppins/Poppins-Medium.eot');
    src: url('fonts/poppins/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/poppins/Poppins-Medium.woff2') format('woff2'),
        url('fonts/poppins/Poppins-Medium.woff') format('woff'),
        url('fonts/poppins/Poppins-Medium.ttf') format('truetype'),
        url('fonts/poppins/Poppins-Medium.svg#Poppins-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins", serif;
    src: url('fonts/poppins/Poppins-MediumItalic.eot');
    src: url('fonts/poppins/Poppins-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/poppins/Poppins-MediumItalic.woff2') format('woff2'),
        url('fonts/poppins/Poppins-MediumItalic.woff') format('woff'),
        url('fonts/poppins/Poppins-MediumItalic.ttf') format('truetype'),
        url('fonts/poppins/Poppins-MediumItalic.svg#Poppins-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Poppins", serif;
    src: url('fonts/poppins/Poppins-Regular.eot');
    src: url('fonts/poppins/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/poppins/Poppins-Regular.woff2') format('woff2'),
        url('fonts/poppins/Poppins-Regular.woff') format('woff'),
        url('fonts/poppins/Poppins-Regular.ttf') format('truetype'),
        url('fonts/poppins/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins", serif;
    src: url('fonts/poppins/Poppins-ThinItalic.eot');
    src: url('fonts/poppins/Poppins-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/poppins/Poppins-ThinItalic.woff2') format('woff2'),
        url('fonts/poppins/Poppins-ThinItalic.woff') format('woff'),
        url('fonts/poppins/Poppins-ThinItalic.ttf') format('truetype'),
        url('fonts/poppins/Poppins-ThinItalic.svg#Poppins-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Poppins", serif;
    src: url('fonts/poppins/Poppins-Thin.eot');
    src: url('fonts/poppins/Poppins-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/poppins/Poppins-Thin.woff2') format('woff2'),
        url('fonts/poppins/Poppins-Thin.woff') format('woff'),
        url('fonts/poppins/Poppins-Thin.ttf') format('truetype'),
        url('fonts/poppins/Poppins-Thin.svg#Poppins-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}


body {
    -webkit-text-size-adjust: none;
}

A:focus {
    outline: none !important
}

:focus {
    outline: none !important
}

* {
    margin: 0;
    padding: 0
}

a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: none;
}
.pr-0{
    padding-right: 0 !important;
}

.text--black {
    color: #0f0f0f;
}

.text--red {
    color: #e0162b;
}

.strike--red {
    text-decoration: line-through;
    color: #e0162b;
}

.sub-heading-1 {
    font-size: 20px;
    font-family: "Poppins", serif;
    color: #232323;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.sub-heading-2 {
    font-size: 15px;
    font-family: "Poppins", serif;
    color: #232323;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.main-heading-1 {
    font-size: 30px;
    font-family: "Poppins", serif;
    color: #333333;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    font-weight: normal;
    padding: 22px 30px;
    font-weight: bold;
    line-height: 23px;
}

.page-heading {
    font-size: 25px;
    font-family: "Poppins", serif;
    color: #232323;
    text-transform: capitalize;
    margin: 0;
    font-weight: normal;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.inner--left_sub-heading-3 {
    font-family: "Poppins", serif;
font-weight:500;
    color: #0e0e0e;
    margin: 0;
    padding: 0 18px 0 0;
    font-weight: normal;
    font-size: 16px;
}

.border-line-middle:after {
    content: "";
    height: 1px;
    background: #dcdcdc;
    width: 96%;
    position: absolute;
    left: 30px;
    bottom: 0px;
}

.border-line-middle span {
    background: #FFF;
    padding-right: 10px;
    position: relative;
    z-index: 1;
}

.border-line-middle {
    position: relative;
    margin-bottom: 20px;
}

body {
    margin: 0px;
    color: #0f0f0f;
    font-family: "Poppins", serif;
    font-size: 15px;
    background: #ffffff;
}

header {
    width: 100%;
    min-width: 1260px;
    position: relative;
    z-index: 105;
    background: #fff;
}

.main-wrapper {
    min-width: 1200px;
    max-width: 1440px;
    margin: 0px auto;
    padding: 0 30px;
    position: relative;
}

.web-row:after {
    content: "";
    clear: both;
    display: block;
}

.header__logo {
    float: left;
    margin-top: 13px;
    margin-bottom:  6px;
}
.header__logo img { width: 158px;height: auto;}

.header__nobody-beats {
    float: left;
    margin: 0;
    position: absolute;
    left: -173px;
    top: -8px;
}

.header__nobody-beats img {
    width: 130px;
}

.header__right {
    float: right;
    margin-top: 8px;
    margin-bottom: 20px;
    position: relative;
}

.header__links {
    list-style: none;
    font-size: 0;
    text-align: right;
}

.header__links li {
    display: inline-block;
    font-family: "Poppins", serif ;
font-weight:500;
    font-size: 14px;
    padding: 0 16px;
    vertical-align: middle;
    position: relative;
}

.header__links li:after {
    content: "";
    position: absolute;
    border-right: 1px solid #d1d1d1;
    width: 1px;
    right: 0;
    top: 4px;
    bottom: 3px;
}

.header__links li:last-child {
    padding-right: 0px;
}

.header__links li:last-child:after {
    border-right: 0;
}

.header__links .header__contact-link {
    font-family: "Poppins", serif ;
font-weight:600;
    font-size: 15px;
}

.header__links .header__contact-link a:hover {
    color: inherit;
}

.header__contact-link label {
    font-family: "Poppins", serif;
font-weight:400;
}

.header__contact-link span {
    color: #e0162b;
}

.header__links li a {
    color: #131313;
    text-decoration: none;
}

.header__links li a:hover {
    color: #e0162b;
}

.header__bottom-links {
    list-style: none;
}

.header__bottom-links li {
    display: inline-block;
    position: relative;
}
.header__bottom-links li:first-child{top:2px;}
.header__bottom-links li:last-child{top:2px;}
.header__right-bottom {
    float: right;
    margin-top: 18px;
    position: relative;
}

.header__search {
    float: left;
    margin-right: 96px;
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
}

.header__search input {
    border: 0px;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    /* background: url(../images/search_icon.png) no-repeat 15px center #f1f1f1; */
    height: 44px;
    border: 1px solid #cfcfcf;
    font-family: "Poppins", serif;
    color: #333333;
    font-size: 14px;
    border-right: 0px;
    /* border-left:0px; */
    padding: 5px 0 2px 10px !important;
    /* padding-left: 62px; */
    vertical-align: middle;
    float: left;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    border-radius: 8px 0px 0px 8px;
    -moz-border-radius: 8px 0px 0px 8px;
    -webkit-border-radius: 8px 0px 0px 8px;
}

.header__search input::placeholder {
    color: #333333;
    opacity: 1;
    font-size: 16px;
    font-weight: 400;
}

.header__search input:-ms-input-placeholder {
    color: #333333;
}

.header__search input::-ms-input-placeholder {
    color: #333333;
}

.button-search {
    background: #267bb6;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Poppins", serif;
    font-size: 14px;
    line-height: 21px;
    padding: 12px 15px;
    box-sizing: border-box;
    height: 44px;
    display: inline-block;
    float: left;
    vertical-align: middle;
    border-radius: 0px 10px 10px 0px;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
    position:relative;
}

.button-search:hover{
    background: #b71021;
}
.button-search:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: rgba(255,255,255,0.4);
}
.button-search:hover:after {
    width: 120%;
    background-color: rgba(255,255,255,0);
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -ms-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    transition: all .6s ease-out;
}

.header__toll-free {
    float: left;
    font-family: "Poppins", serif;
    font-size: 22px;
    margin-right:97px;
    line-height: 23px;
    margin-top: 5px;
}

.header__toll-free b {
    font-weight: 600;
    letter-spacing: .5px;
    color: #000;
}

.header__toll-free span {
    font-size: 15px;
    display: block;
    text-align: center;
    font-family: "Poppins", serif;
    text-transform: capitalize;
    position: relative;
}
.header__toll-free span.active_online{
    padding-left:15px;
}
.header__toll-free span.active_online::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    background:#35ca00;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 5px 2px #71ff3e;
    -moz-box-shadow: 0px 0px 5px 2px #71ff3e;
    box-shadow: 0px 0px 5px 2px #71ff3e;
    left:1px;
    top: 4px;
    -webkit-animation: rippleOnline 1s linear infinite;
    animation: rippleOnline 1s linear infinite;
}
.header__toll-free span.inactive_online::before {display: none;}
@-webkit-keyframes rippleOnline {
    0% {
        -webkit-box-shadow: 0px 0px 0px #71ff3e;
        -moz-box-shadow: 0px 0px 0px #71ff3e;
        box-shadow: 0px 0px 0px #71ff3e;
    }
  
    70% {
        -webkit-box-shadow: 0px 0px 5px 2px #71ff3e;
    -moz-box-shadow: 0px 0px 5px 2px #71ff3e;
    box-shadow: 0px 0px 5px 2px #71ff3e;
    }
  
    100% {
        -webkit-box-shadow: 0px 0px 0px #71ff3e;
        -moz-box-shadow: 0px 0px 0px #71ff3e;
        box-shadow: 0px 0px 0px #71ff3e;
    }
  }
  
  @keyframes rippleOnline {
    0% {
        -webkit-box-shadow: 0px 0px 0px #71ff3e;
        -moz-box-shadow: 0px 0px 0px #71ff3e;
        box-shadow: 0px 0px 0px #71ff3e;
    }
  
    70% {
        -webkit-box-shadow: 0px 0px 5px 2px #71ff3e;
    -moz-box-shadow: 0px 0px 5px 2px #71ff3e;
    box-shadow: 0px 0px 5px 2px #71ff3e;
    }
  
    100% {
        -webkit-box-shadow: 0px 0px 0px #71ff3e;
        -moz-box-shadow: 0px 0px 0px #71ff3e;
        box-shadow: 0px 0px 0px #71ff3e;
    }
  }
  
  

.header__bottom-links {
    float: left;
    /* margin-top: 6px;  */
}

.header__chat {
    text-align: center;
    cursor: pointer;
}

.header__chat-text {
    text-align: center;
    font-family: "Poppins", serif;
    vertical-align: middle;
    cursor: pointer;
    display: block;
    font-size:14px;
}

.header__chat:hover {
    color: #e0162b;
}

.header__chat:hover:before {
  /*  background: url(../images/web_chat_icon_hover.svg) no-repeat;*/
    filter: brightness(0) saturate(100%) invert(16%) sepia(39%) saturate(7235%) hue-rotate(343deg) brightness(104%) contrast(100%);
}

.header__chat:before {
    content: "";
    position: relative;
    width: 27px;
    height: 27px;
    background: url(../images/web_chat_icon.svg) no-repeat;
    background-position: 0 0;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-left:1px;
}

.header__cart {
    margin-left: 11px;
    text-align: center;
}

.header__cart-count {
    font-family: "Poppins", serif;
    vertical-align: middle;
    cursor: pointer;
    display: block;
    font-size:14px;
    position: relative;
}

.header__cart-count b {
    font-weight: 600;
}

.header__cart-count:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 27px;
    background: url(../images/web_cart_icon.svg) no-repeat;
    background-position: 0 0;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 0;
    top: -27px;
}

.header__cart-count:hover:before {
   /* background: url(../images/web_cart_icon_hover.svg) no-repeat;*/
    filter: brightness(0) saturate(100%) invert(16%) sepia(39%) saturate(7235%) hue-rotate(343deg) brightness(104%) contrast(100%);
}

.header__cart:hover .header__cart-count {
    color: #e0162b;
}

.header__myaccount {
    cursor: pointer;
    text-align: center;
    margin-left: 28px;
    padding-right: 17px;
}

.header__myaccount:hover .hi-name {
    color: #e0162b;
}

.header__myaccount:hover .hi-name:before {
    border-top-color: #e0162b;
}

.header__myaccount .header__myaccount_icon{
    background: url(../images/web_user_icon.svg?v=2) no-repeat;
    width: 26px;
    height: 27px;
    margin: 0 auto;
    position: relative;
    right:10px;
    top: 4px;
}
.header__myaccount:hover .header__myaccount_icon{
   /* background: url(../images/web_user_icon_hover.svg?v=2) no-repeat;
    width: 26px;
    height: 27px;
    margin: 0 auto;*/
    filter: brightness(0) saturate(100%) invert(16%) sepia(39%) saturate(7235%) hue-rotate(343deg) brightness(104%) contrast(100%);
}
.header__myaccount .header__myaccount_icon::after{
    content: "";
    position: absolute;
    right: -19px;
    top: 17px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 7px solid #181818;
    rotate: 0deg;
    transition:0.4s ease;
}
.header__myaccount:hover .header__myaccount_icon::after{
    border-top: 7px solid #e0162b;
}
.header__bottom-links li.active .header__myaccount .header__myaccount_icon::after{
    rotate:180deg;
    transition:0.4s ease;
}
/* .header__myaccount:hover:before {
    background: url(../images/web_user_icon_hover.svg) no-repeat;
} */

/* .header__myaccount:before {
    content: "";
    position: relative;
    width: 41px;
    height: 27px;
    top: 4px;
    right: 8px;
    background: url(../images/web_user_icon.svg) no-repeat;
    background-position: 0 0;
    display: inline-block;
    vertical-align: middle;
} */
/* .header__myaccount::after{
    content: "";
    position: absolute;
    right: 21px;
    top: 17px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 7px solid #181818;
} */
.hi-name {
    display: block;
    vertical-align: middle;
    position: relative;
    top: 2px;
}

/* .hi-name:before {
    content: "";
    position: absolute;
    right: 21px;
    top: -10px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 7px solid #181818;
} */

.hi-name span {
    margin-right: 9px;
}

.hi-name b {
    font-family: "Poppins", serif;
    font-weight: normal;
    font-size:14px;
}

.header__nav-wrapper {
    display: table;
    margin: 0px auto;
    width: 100%;
    position: relative;
}

.header__nav-list {
    list-style: none;
    text-align: center;
    font-size: 0;
    display: table-row;
}

nav.header__navigation {
    background: #ffffff;
    padding: 0;
    position: relative;
    z-index: 101;
    width: 100%;
    min-width: 1260px;
    border-top: 1px solid #d2d0d0;
    border-bottom: 1px solid #d2d0d0;
}

nav.header__navigation ul li.header__navigation-menu {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 6px 16px;
    line-height: 17px;
}

nav.header__navigation ul li.header__navigation-menu .menu-highlight {
    color: #e0162b;
    font-family: "Poppins", serif ;
font-weight:700;
    background: linear-gradient(to right, #ffd200 20%, #f36776 40%, #f36776 60%, #ffd200 80%);
    background-size: 200% auto;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: shine 1.5s linear infinite;
    animation: shine 1.5s linear infinite;
    display: block;
}

nav.header__navigation ul li.header__navigation-menu:hover .menu-highlight {
    background: linear-gradient(to right, #ffd200 20%, #ffff 40%, #ffff 60%, #ffd200 80%);
    background-size: 200% auto;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: shine 1.5s linear infinite;
    animation: shine 1.5s linear infinite;
    display: block;
}


/* nav.header__navigation ul li.header__navigation-menu:hover:nth-of-type(11n):before{
  display: none;
} */

@-webkit-keyframes shine {
    to {
        background-position: 200% center;
    }
}

@keyframes shine {
    to {
        background-position: 200% center;
    }
}

nav.header__navigation ul li.header__navigation-menu:hover {
    background: #e0172a;
}

nav.header__navigation ul li.header__navigation-menu:before {
    content: "";
    position: absolute;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid transparent;
    bottom: 0px;
    margin-left: -7px;
    z-index: 23;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease;
}

nav.header__navigation ul li.header__navigation-menu.haschild:hover:before {
    bottom: -7px;
    border-top: 7px solid #e0172a;
}

nav.header__navigation ul li.header__navigation-menu:hover a:before {
    display: none;
}

nav.header__navigation ul li.header__navigation-menu a:before {
    content: "";
    position: absolute;
    width: 1px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    top: -5px;
    height: 28px;
    left: -17px;
    pointer-events: none;
    cursor: default;
}

nav.header__navigation ul li.header__navigation-menu.double a:before {
    top: 3px;
}

nav.header__navigation ul li.header__navigation-menu:first-child a::before {
    border: 0px;
}

nav.header__navigation ul li.header__navigation-menu a {
    text-decoration: none;
    font-family: "Poppins", serif ;
font-weight:500;
    font-size: 14px;
    color: #ffff;
    display: block;
    position: relative;
}

.navigation-submenu {
    left: 0;
    position: absolute;
    top: 46px;
    z-index: 20;
    display: none;
    width: 100%;
    display: none;
    background: #ffff;
}

.navigation__submenu-wrapper {
    padding: 35px;
    text-align: left;
    display: inline-table;
    width: 100%;
    box-sizing: border-box;
}

.navigation__submenu-head {
    font-size: 18px;
    font-family: "Poppins", serif ;
font-weight:600;
    padding: 2px 0 10px 0;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 7px;
}

.navigation__submenu-subwrap {
    display: inline-table;
    width: 100%;
}

.navigation__submenu-block {
    /* display: inline-block; */
    display: table-cell;
    vertical-align: top;
    text-align: left;
    margin-left: 35px;
    min-width: 150px;
    padding-right: 25px;
}

.navigation__submenu-wrapper .navigation__submenu-block:nth-child(2) {
    margin-left: 0
}

.navigation__submenu-image {
    /* display: inline-block; */
    display: table-cell;
    vertical-align: top;
    margin-left: 35px;
    width: 297px;
    background: #d3d3d3;
    position: relative;
}

.navigation__submenu-image img {
    max-width: 100%;
    position: relative;
    z-index: 1;
}

.navigation__submenu-image.merge_col_1 {
    /* background: #13acd8; */
}

.navigation__submenu-image.merge_col_3 {
    width: 450px;
    /* background: red; */
}

.navigation__submenu-image:after {
    content: "Menu Banner";
    position: absolute;
    display: block;
    z-index: 0;
    left: 0;
    right: 0;
    top: 50%;
    height: 20px;
    margin-top: -10px;
    font-size: 20px;
    color: #8c8c8c;
    text-align: center;
    font-family: "Poppins", serif ;
font-weight:700;
}

.navigation__submenu-items {
    /* display: inline-block; */
    display: table-cell;
    vertical-align: top;
    padding-right: 30px;
}

nav.header__navigation ul li.header__navigation-menu .mega-menu-list li a {
    color: #2e2e2e;
    font-size: 15px;
    font-family: "Poppins", serif ;
font-weight:600;
    display: inline-block;
}

nav.header__navigation ul li.header__navigation-menu .mega-menu-list li a:hover {
    color: #e0162b;
}

nav.header__navigation ul li.header__navigation-menu .mega-menu-list li span {
    display: block;
    line-height: normal;
    padding: 3px 0;
}

nav.header__navigation ul li.header__navigation-menu .mega-menu-list {
    list-style: none;
}

nav.header__navigation ul li.header__navigation-menu .mega-menu-list li {
    margin-top: 5px;
}

.mega-menu-list__subcategory {
    margin-left: 5px;
    padding-bottom: 5px;
}

.mega-menu-list__subcategory a {
    font-family: "Poppins", serif  !important;
font-weight:500;
    font-size: 14px !important;
    background: url("https://media.proimprint.com/images/star-icon.jpg?ver=2") 0 center no-repeat;
    padding-left: 15px;
    color: #484848;
}

.mega-menu-list__subcategory a:before {
    display: none;
}

.menu-overlay {
    position: fixed;
    background: rgba(0, 0, 0, .65);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    -webkit-animation: MenuOverlay 600ms linear;
    -moz-animation: MenuOverlay 600ms linear;
    animation: MenuOverlay 600ms linear both;
    -webkit-animation-delay: 1ms;
    -moz-animation-delay: 1ms;
    animation-delay: 1ms;
}

.search-overlay {
    position: fixed;
    background: rgba(0, 0, 0, .65);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 103;
    -webkit-animation: MenuOverlay 600ms linear;
    -moz-animation: MenuOverlay 600ms linear;
    animation: MenuOverlay 600ms linear both;
    -webkit-animation-delay: 1ms;
    -moz-animation-delay: 1ms;
    animation-delay: 1ms;
}

@keyframes MenuOverlay {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes MenuOverlay {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.header__myaccount-menu {
    position: absolute;
    z-index: 10;
    padding: 0px;
    right: 0px;
    width: 210px;
    display: none;
    top: 50px;
}

.header-login-innerwrap {
    background: #FFF;
    width: 100%;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    box-sizing: border-box;
    margin-top: 15px;
    position: relative;
    -webkit-box-shadow: 0px 2px 7px -1px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0px 2px 7px -1px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 2px 7px -1px rgba(0, 0, 0, 0.21);
}

.header__myaccount-menu ul {
    margin: 0 5px;
    /* background: #FFF;
    width: 100%;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    box-sizing: border-box;
    margin-top: 15px;
    position: relative;
    -webkit-box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.21);
    -moz-box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.21);
    box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.21); */
}

.header-login-innerwrap:after {
    content: "";
    position: absolute;
    top: -8px;
    right: 20px;
    width: 14px;
    height: 8px;
    background: url("https://media.proimprint.com/images/drp_menu_arw.png?ver=2") no-repeat;
}

.login-username {
    padding: 10px 12px 10px 12px;
    font-family: "Poppins", serif ;
font-weight:600;
    border-bottom: 1px solid #eae6e6;
    background: #efefef;
    margin: 5px 5px 0 5px;
    box-sizing: border-box;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

.login-username span {
    font-family: "Poppins", serif;
font-weight:400;
}

.header__myaccount-menu li {
    list-style: none;
    display: block;
    padding: 5px 5px;
    border-bottom: 1px solid #eae6e6;
    font-family: "Poppins", serif ;
font-weight:500;
    font-size: 14px;
}

.header__myaccount-menu li a {
    display: block !important;
    list-style: none;
    color: #000;
    text-decoration: none;
    padding: 3px 7px;
}

.header__myaccount-menu li a:hover {
    background: #1f7ab3;
    color: #ffff;
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
}

div#mycart {
    position: absolute;
    z-index: 10;
    padding: 0px;
    right: 0px;
    width: 325px;
    top: 18px;
    display: none;
}

.header__cart-content {
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #d4d4d4;
    padding: 10px;
    background: #fff;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
    -webkit-box-shadow: 0px 2px 7px -1px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0px 2px 7px -1px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 2px 7px -1px rgba(0, 0, 0, 0.21);
}

.header__cart-content:after {
    content: "";
    position: absolute;
    top: -8px;
    right: 17px;
    width: 14px;
    height: 8px;
    background: url("https://media.proimprint.com/images/drp_menu_arw.png?ver=2") no-repeat;
}

.header__cart-heading {
    font-family: "Poppins", serif;
    font-weight: 600;
    font-size: 17px;
    background: #f1f1f1;
    padding: 5px 10px 0 10px;
}

.header__cart-items {
    color: #e0152b;
    font-family: "Poppins", serif;
    font-weight: 500;
    font-size: 14px;
    background: #f1f1f1;
    padding: 0px 10px 5px 10px;
}

.header__cart-image img {
    width: 65px;
    height: auto;
}

.header__cart-name {
    padding-left: 8px !important;
    padding-right: 0px !important;
}

.mini-cart-info {
    font-size: 13px;
    line-height: 15px;
    max-height: 330px;
    overflow: auto;
}

.header__cart-name a {
    text-decoration: none;
    display: block;
    color: #0963a2;
    margin-bottom: 4px;
    font-family: "Poppins", serif ;
font-weight:500;
}

.header__cart-quantity {
    font-family: "Poppins", serif ;
font-weight:500;
}

.header__cart-total {
    font-family: "Poppins", serif ;
font-weight:500;
}

.header__cart-total {
    padding-left: 15px;
}

.mini-cart-total {
    text-align: right;
    font-size: 14px;
    font-family: "Poppins", serif ;
font-weight:500;
    margin: 5px 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 0px;
}

.mini-cart-total table {
    display: inline-block;
}

.mini-cart-info table {
    border-collapse: collapse;
}

.mini-cart-info td {
    vertical-align: top;
    padding: 10px 5px;
    border-bottom: 1px solid #EEE;
}

.header__cart-remove img {
    cursor: pointer;
}

.header__cart-options {
    font-size: 12px;
    color: #797979;
    margin-bottom: 3px;
    display: inline-block;
}

.header__cart-right {
    padding: 0px 5px;
    line-height: 21px;
}
.header__cart-right b {
    font-weight:500;
}
.pim-btn {
    text-decoration: none;
    padding: 7px 15px;
    font-size:20px;
    font-family: "Poppins", serif;
    font-weight: 600;
    color: #fff;
    background-color: #dddddd;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    display: inline-block;
    vertical-align: middle;
    border: 0;
    cursor: pointer;
    text-transform: uppercase;
}

.pim-btn a {
    color: #fff;
}

.btn-lg {}

.btn-md {
    padding: 12px 25px;
    font-size: 15px;
}

.btn-sm {}

.btn--red {
    background-color: #e7202b;
}

.btn--red:hover {
    background-color: #d41b26 !important;
}

.btn--blue {
    background-color: #2889cc;
}

.btn--blue:hover {
    background-color: #106094;
}

.btn--black {
    background-color: #333;
    ;
}

.btn--black:hover {
    background-color: #1f1e1e !important;
}

.mini-cart-buttons {
    margin-top: 10px;
}

.mini-cart-buttons .pim-btn {
    padding: 9px 25px;
    font-size: 15px;
}

.mini-cart-buttons:after {
    content: "";
    clear: both;
    display: block;
}

.mini-cart-buttons .pim-btn:nth-child(2) {
    float: right;
}

.mini-cart-buttons .pim-btn:nth-child(1) {
    float: right;
}

.header__cart-empty {
    padding: 6px 0 0 7px;
    font-family: "Poppins", serif;
    font-weight: 500;
}


/*Search Start*/

.search__category-list {
    display: none;
    list-style: none;
    cursor: default;
    position: absolute;
    background: #ffff;
    left: -1px;
    padding: 8px;
    top: 52px;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 22px;
}

.search__category-list li {
    white-space: nowrap;
    cursor: pointer;
    padding: 0 7px;
    margin-bottom: 1px;
}

.search__category-list li:hover,
.search__category-list li.active {
    background: #eaeaea;
}

.search__category-list:after {
    content: "";
    position: absolute;
    top: -8px;
    left: 10px;
    width: 14px;
    height: 8px;
    background: url("https://media.proimprint.com/images/drp_menu_arw.png?ver=2") no-repeat;
}

.auto-suggest__list {
    list-style: none;
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

.auto-suggest__header {
    font-size: 12px;
    font-family: "Poppins", serif ;
font-weight:500;
    color: #727272;
    font-weight: normal;
    text-transform: uppercase;
    line-height: normal;
    margin-bottom: 7px;
}

.auto-suggest__header--recent {
    background: url("https://media.proimprint.com/images/recent_search_icon.png?ver=2") no-repeat left center;
    padding-left: 19px;
}

.auto-suggest__header--top-search {
    background: url("https://media.proimprint.com/images/top_search_icon.png?ver=2") no-repeat left center;
    padding-left: 19px;
}

.header__search-box-wrap {
    float: left;
    width: 472px;
    padding-left: 4px;
    position: relative;
}



.search__category-dropdown {
    position: absolute;
    height: 48px;
    left: 0;
    cursor: pointer;
    box-sizing: border-box;
    vertical-align: middle;
    background: #f1f1f1;
    padding: 0 10px;
    border: 1px solid #cfcfcf;
    border-right: 0px;
    border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    -webkit-border-radius: 4px 0px 0px 4px;
}

.search__category-dropdown:hover {
    background: #dadada;
}

.header__search-box:after {
    content: "";
    clear: both;
    display: block;
}

.search__category-active {
    font-size: 13px;
    margin-top: 13px;
    font-family: "Poppins", serif ;
font-weight:500;
    display: block;
    position: relative;
    background: url("https://media.proimprint.com/images/search_down_arw.png?ver=2") no-repeat right center;
    padding-right: 20px;
}

.header__auto-suggest {
    position: absolute;
    width: 100%;
    padding-top: 15px;
}

.search__auto-suggest__wrapper {
    background: #ffff;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    position: relative;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
}


/* .search__auto-suggest__wrapper:before{
  content: "";
  position: absolute;
  border-left:12px solid transparent;
  border-right:12px solid transparent;
  border-bottom:12px solid #e2e2e2;
  top: -12px;
  left: 20px;
} */

.search__auto-suggest__wrapper:before {
    content: "";
    position: absolute;
    top: -8px;
    left: 20px;
    width: 14px;
    height: 8px;
    background: url("https://media.proimprint.com/images/drp_menu_arw.png?ver=2") no-repeat;
}

.search__auto-suggest__wrapper:after {
    content: "";
    clear: both;
    display: block;
}

.auto-suggest__list {
    color: #212020;
    margin-bottom: 15px;
}

.auto-suggest__list li {
    padding: 2px 8px;
    font-family: "Poppins", serif ;
font-weight:500;
    font-size: 15px;
    margin: 4px 0;
    position: relative;
    cursor: pointer;
}

.auto-suggest__list li:hover:after,
.auto-suggest__list li.active:after {
    content: "";
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #e9e9e9;
    position: absolute;
    right: -8px;
    top: 4px;
}

.auto-suggest__list li:hover,
.auto-suggest__list li.active {
    background: #e9e9e9;
}

.auto-suggest__keywords {
    width: 300px;
    float: left;
    box-sizing: border-box;
    padding: 12px;
}

.auto-suggest__products {
    width: 765px;
    padding: 12px 15px 15px 15px;
    box-sizing: border-box;
    float: right;
    background: #f1f1f1;
}

.auto-suggest__product {
    width: 139px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}

.auto-suggest__product:nth-child(2) {
    margin: 0 23px;
}

.auto-suggest__product-image {
    background: #fff;
    padding: 8px;
}

.auto-suggest__product-image img {
    width: 100%;
    height: auto;
    display: block;
}

.auto-suggest__product-name {
    font-size: 13px;
    font-family: "Poppins", serif ;
font-weight:500;
    line-height: 16px;
    text-align: center;
    margin-top: 6px;
    color: #000;
}

.auto-suggest__product-name a {
    color: #000;
}

.auto-suggest__product-model {
    font-size: 15px;
    font-family: "Poppins", serif ;
font-weight:600;
    margin-top: 6px;
}

.auto-suggest__product-price {
    font-size: 14px;
    font-family: "Poppins", serif ;
font-weight:500;
    line-height: 16px;
    margin-top: 6px;
    color: #000;
}

.auto-suggest__products-heading {
    text-align: left;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: normal;
    color: #000;
}

.auto-suggest__products-count {
    background: #e0e0e0;
    margin-top: 20px;
}

.auto-suggest__products-count::after {
    content: "";
    clear: both;
    display: block;
}

.auto-suggest__products-count-left {
    float: left;
    font-size: 13px;
    color: #515151;
    font-family: "Poppins", serif ;
font-weight:500;
    margin: 5px 0 0 12px;
}

.auto-suggest__products-button {
    float: right;
    position: relative;
    text-decoration: none;
    padding: 6px 25px 6px 11px;
    font-size: 13px;
    font-family: "Poppins", serif ;
font-weight:700;
    color: #fff;
    text-transform: uppercase;
    background: url("https://media.proimprint.com/images/double_arw.png?ver=2") no-repeat 83px center #3f3f3f;
    cursor: pointer;
}

.auto-suggest__products-button:hover {
    background-color: #e0162b;
}

.auto-suggest__products-button:hover:before {
    background: #e0162b;
}

.auto-suggest__products-button:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 15px;
    left: -8px;
    background: #3f3f3f;
    transform: skewX(-20deg);
}


/*Search End*/

@media screen and (min-width: 1700px) {
    .header__navigation-menu a br {
        display: none;
    }
    nav.header__navigation ul li.header__navigation-menu {
        padding: 15px 16px;
    }
    nav.header__navigation ul li.header__navigation-menu.double a:before {
        top: -5px;
    }
    .navigation-submenu {
        top: 47px;
    }
}


/* header login*/

.login-account {
    width: 190px;
}

.header-login {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
}

.social-login-item {
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.social-container {
    padding: 10px 0px 3px 0px;
    margin: auto;
    width: 100%;
}

.header__myaccount-menu .gray {
    color: #000;
    font-weight: 400;
    font-size: 11px;
    margin-top: 6px;
    display: block;
}

.login-text {
    margin: 10px 0px 0 0;
    background: #f1f1f1;
    padding: 8px;
}

.login-text span {
    display: block;
    width: 100%;
    background: #f1f1f1;
    color: #0a0a0a;
    font-weight: 600;
    font-size: 13px;
}

.login-text p {
    padding: 5px 0px;
    line-height: 20px;
    font-size: 13px;
}

.header-login-form input {
    width: 100% !important;
    padding: 10px 6px;
    border-radius: 4px;
    margin-top: 0px;
    box-sizing: border-box;
    border: 1px solid #d0cece;
    font-family: "Poppins", serif;
}

.header-login-btn:hover {
    background: #214a91;
    color: #FFF !important;
}

.header-login-btn {
    background: #426aaf;
    color: #FFF !important;
    font-size: 14px;
    font-weight: 600;
    border: none;
    font-family: "Poppins", serif ;
    cursor: pointer;
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    transition: all .35s ease-in-out;
    padding: 10px 30px;
    box-sizing: border-box;
    display: inline-block;
}

.header-social-login {
    margin-top: 10px;
}

.social-header {
    display: block;
    width: 100%;
    margin-bottom:2px;
}

.social-header:after {
    content: "";
    border-bottom: 1px solid #eceaea;
    width: 100%;
    display: block;
    position: relative;
    bottom: 12px;
    z-index: 1;
}

.social-header span {
    display: block;
    background: #fff;
    z-index: 2;
    position: relative;
    width: 35px;
    margin: auto;
    font-size: 16px;
    font-weight: bold;
}

.header-login-form {
    width: 100%;
    margin: auto;
}

.header-login-label {
    text-align: left;
    font-size: 14px;
    font-weight:500;
    margin: 5px 0px;
    color: #333;
}

.header-forgot-password {
    color: #d51f36 !important;
    font-size: 13px;
    float: right;
    display: block;
    margin-top: 22px;
}

.header-login-button-wrap {
    text-align: left;
    margin-bottom: 10px;
    position: relative;
}
#login_regbtndivnew {
    display: block;
    padding-top: 7px;
    margin-bottom: 0;
    font-size: 14px;
    color: #333;
    text-align: center;
}
#login_regbtndivnew a{
    font-weight: 600;
    color: #333;
    text-decoration: underline;
    padding-left: 5px;
    cursor: pointer;
}
.header-login-input-wrap {
    text-align: left;
    margin-bottom: 10px;
    position: relative;
}

.header-login-tickmark {
    position: absolute;
    top: 28px;
    right: 5px;
}

.header-login-tickmark img {
    width: 20px;
    height: auto;
}

.login-wrapper {
    width: 65%;
    margin: 55px auto;
    padding: inherit;
}

.login-input-wrap {
    text-align: left;
    margin-bottom: 10px;
    position: relative;
}

.header-login-input-wrap {
    text-align: left;
    margin-bottom: 10px;
    position: relative;
}

.login-input-wrap label {
    display: block;
    padding: 5px 0px;
    font-weight: 600;
    font-size: 15px;
}

#custpwddiv a {
    text-decoration: none;
}

.errormsg {
    display: block;
    width: 100%;
}

.erroremail {
    display: block;
    clear: both;
}

.errormsg {
    color: #d51f36;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    margin-top: 5px;
}
#header-loginerror .errormsg {
    font-size: 12px;
}

.facebook-login-button {
    background: url("https://media.proimprint.com/images/fb_icon.png?ver=2") 16px center no-repeat #3a559f;
    border: 1px solid #3a559f;
    color: #fff;
    text-decoration: none;
    width: 100%;
    text-align: left;
    padding: 10px 5px 10px 40px;
    box-sizing: border-box;
    display: block;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
}

.facebook-login-button:hover {
    background-color: #223b7f;
}

.google-login-button {
    background: url("https://media.proimprint.com/images/google_icon.png?ver=2") 10px center no-repeat #FFF;
    color: #353535;
    border: 1px solid #ddd;
    text-decoration: none;
    width: 100%;
    padding: 10px 5px 10px 40px;
    text-align: left;
    box-sizing: border-box;
    display: block;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    cursor: pointer;
}

.google-login-button:hover {
    background-color: #f3f3f3;
}

.facebook-login-wrap {
    padding-right: 10px;
}

.google-login-wrap {
    padding-left: 10px;
}

.header-login-header {
    padding-bottom: 10px;
    display: block;
    text-align: left;
}

.header-login-header span {
    display: block;
    background: #fff;
    z-index: 2;
    position: relative;
    width: 190px;
    /* margin: auto; */
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #d51f36;
}

.header-login-header:after {
    content: "";
    border-bottom: 1px solid #eceaea;
    width: 100%;
    display: block;
    position: relative;
    bottom: 8px;
    z-index: 1;
}

.trackorder-link {
    /* text-align: left; */
    margin: 15px 0 10px 0;
}

.trackorder-link span {
    display: inline-block;
    margin: 8px 10px 0 0;
}

.track-order-link {
    /* background: #d51f36;
    padding: 8px 20px;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    border-radius: 3px; */
    font-size: 16px;
}

.myaccount__login {
    background: #fff;
    padding: 10px 10px;
    width: 360px;
    right: 0px;
    text-align: center;
    border: 1px solid #d4d4d4;
    border: 1px solid #d4d4d4;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
    -webkit-box-shadow: 0px 2px 7px -1px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0px 2px 7px -1px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 2px 7px -1px rgba(0, 0, 0, 0.21);
}

.myaccount__login:after {
    content: "";
    position: absolute;
    top: -8px;
    right: 45px;
    width: 14px;
    height: 8px;
    background: url("https://media.proimprint.com/images/drp_menu_arw.png?ver=2") no-repeat;
}

.clear {
    clear: both;
}

.forgotten {
    position: relative;
    z-index: 10;
}

.logintickicon {
    background: url("https://media.proimprint.com/images/tick.png?ver=2") no-repeat 99% 8px !important;
}

.showA {
    display: block !important;
}

.mega-menu-list__subcategory span {
    position: relative;
}

span.subcat_new {
    display: inline-block !important;
    margin-left: 7px;
    position: relative;
}

.mega-menu-list li {
    position: relative;
}

span.subcat_new b {
    background: red;
    color: #fff;
    height: auto;
    right: 0;
    font-size: 9px;
    text-align: center;
    padding: 1px 5px;
    border-radius: 2px;
}

span.subcat_new:before {
    content: "";
    width: 0px;
    height: 0px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 6px solid red;
    position: absolute;
    left: -5px;
    top: 4px;
}


/* .breadcrumb {
    margin-bottom: 6px;
}
.breadcrumb ul{
  list-style: none;
}
.breadcrumb ul li{
  float: left;
  font-size: 14px;
}
.breadcrumb ul li a{
  color: #262626;
  padding-left: 21px;
  margin-right: 15px;
  font-family: "Poppins", serif ;
font-weight:600;
  background: url(../images/brd_arw_icon.png) no-repeat center left;
}
.breadcrumb ul li:last-child a{
font-family: "Poppins", serif;
font-weight:400;
margin-right: 0px;
}
.breadcrumb:after{
  content: "";
  clear: both;
  display: block;
}
.breadcrumb ul li a.breadcrumb__home-icon{
  padding-left: 20px;
  margin-left: 0;
  background:url(../images/brd_home_icon.png) no-repeat center left;
} */

.loadingWrapper {
    display: none
}

.loading {
    width: 100%;
    height: 100%;
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    background: rgba(0, 0, 0, 0.7);
    filter: alpha(opacity=30);
    -ms-filter: alpha(opacity=30)
}

.loadingWrapper .loading {
    display: block
}

.loadingWrapper .contentnew {
    left: 50%;
    top: 42vh;
    position: fixed;
    text-align: center;
    vertical-align: middle;
    z-index: 999;
    margin-left: -40px
}

.loadingWrapper .contentnew img {
    vertical-align: middle
}

.loadingWrapper .contentnew span {
    display: block;
    margin-top: 10px;
    color: #fff;
    padding-right: 15px;
}
.loadingWrapper .contentnew span.text:after {
    display: inline-block; 
    position: absolute;
    margin-left: 5px;
    animation: dotty steps(1,end) 1s infinite;
    -webkit-animation: dotty steps(1,end) 1s infinite;
    content: '';
  }
  @keyframes dotty {
    0%   { content: ''; }
    25%  { content: '.'; }
    50%  { content: '..'; }
    75%  { content: '...'; }
    100% { content: ''; }
  }
  @-webkit-keyframes dotty {
    0%   { content: ''; }
    25%  { content: '.'; }
    50%  { content: '..'; }
    75%  { content: '...'; }
    100% { content: ''; }
  }

@keyframes flip-icon {
    0% {
        transform: rotateY(0deg);
    }
    40% {
        transform: rotateY(360deg);
    }
    48% {
        transform: scale(1.2);
    }
    53% {
        transform: scale(1);
    }
    59% {
        transform: scale(1.2);
    }
    60% {
        transform: rotateY(360deg);
    }
    100% {
        transform: rotateY(0deg);
    }
}

.page-listing-loader {
    animation: flip-icon 5s infinite;
    backface-visibility: visible;
    transform-style: preserve-3d;
}
.pim-loader-animation { 
    width: 76px;
    height: 76px;
    position: relative;
    top:0; right:0; bottom:0; left:0;
    margin: auto; 
    animation: rotation 1200ms infinite linear; 
  }
  @keyframes rotation {
    100%{ transform:rotatey(360deg); }
  }

.quick-links {
    /* background: #efefef; */
    background: #ebebeb;
    padding: 13px 5px;
    margin: 10px 0 10px 0;
    display: table;
    width: 100%;
    box-sizing: border-box;
}

.quick-links__list {
    margin: 0px;
    padding: 0px;
    display: table-row;
    list-style: none;
    text-align: center;
}

.quick-links__list li {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
    padding: 0 18px;
    color: #2c2b2b;
    font-family: "Poppins", serif ;
font-weight:700;
}

.quick-links__list li:after {
    content: "";
    position: absolute;
    border-left: 1px solid #b5b5b5;
    width: 1px;
    height: 16px;
    left: -2px;
    top: 3px;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
}

.quick-links__list li:first-child:after {
    border: 0;
    display: none;
}

.quick-links__list li a {
    text-decoration: none;
    color: #2c2b2b;
    position: relative;
}

.quick-links__list li a:hover,
.quick-links__list li a.active {
    text-decoration: none;
    color: #e0162b;
}

.quick-links__list li a:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #e0162b;
    height: 1px;
    left: 100%;
    right: 100%;
    bottom: -2px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease;
}

.quick-links__list li a:hover:after,
.quick-links__list li a.active:after {
    left: 10%;
    right: 10%;
}

.quick-links.inner-quick-links {
    margin: 10px 0 0 0;
}

.mobno {
    display: none;
}
.category__main-wrapper .quick-links {
    margin-bottom: 0;
    display: none;
}


/* Star Rating start*/

.ratingspanfull {
    width: 144px;
    height: 20px;
    display: block;
    background: url("https://media.proimprint.com/images/ratingstars_sprite.png?ver=2") no-repeat 0 0
}

.ratingspanhalf {
    width: 144px;
    height: 20px;
    display: block;
    background: url("https://media.proimprint.com/images/ratingstars_sprite.png?ver=2") no-repeat 0 -20px
}

.ratingspan1 {
    width: 114px;
    height: 20px;
    display: block;
    background: url("https://media.proimprint.com/images/ratingstars_sprite.png?ver=2") no-repeat 0 -40px
}

.ratingspan1half {
    width: 114px;
    height: 20px;
    display: block;
    background: url("https://media.proimprint.com/images/ratingstars_sprite.png?ver=2") no-repeat 0 -60px
}

.ratingspan2 {
    width: 114px;
    height: 20px;
    display: block;
    background: url("https://media.proimprint.com/images/ratingstars_sprite.png?ver=2") no-repeat 0 -80px
}

.ratingspan2half {
    width: 114px;
    height: 20px;
    display: block;
    background: url("https://media.proimprint.com/images/ratingstars_sprite.png?ver=2") no-repeat 0 -100px
}

.ratingspan3 {
    width: 95px;
    height: 15px;
    display: block;
    background: url("../images/ratingspan3.png") no-repeat ;
}

.ratingspan3half {
    width: 95px;
    height: 15px;
    display: block;
    background: url("../images/ratingspan3half.png") no-repeat ;
}

.ratingspan4 {
    width: 95px;
    height: 15px;
    display: block;
    background: url("../images/ratingspan4.png") no-repeat ;
}

.ratingspan4half {
    width: 95px;
    height: 15px;
    display: block;
    background: url("../images/ratingspan4half.png") no-repeat ;
}

.ratingspan5 {
    width: 95px;
    height: 15px;
    display: block;
    background: url("../images/ratingspan5.png") no-repeat ;
}

.ratingcontainer_large {
    width: auto;
    text-align: left;
    position: relative;
    top: 0;
}

.rationg_num {
    text-align: center;
    width: 310px;
    padding: 7px 0 0
}

.ratinstarcon {
    padding-left: 101px
}

.ratingspanlargefull {
    width: 172px;
    height: 30px;
    background-position: 50%;
    display: block;
    background: url("https://media.proimprint.com/images/ratingstar-large.jpg?ver=2") no-repeat 0 0
}

.ratingspanlargehalf {
    width: 172px;
    height: 30px;
    background-position: 50%;
    display: block;
    background: url("https://media.proimprint.com/images/ratingstar-large.jpg?ver=2") no-repeat 0 -30px
}

.ratingspanlarge1 {
    width: 172px;
    height: 30px;
    background-position: 50%;
    display: block;
    background: url("https://media.proimprint.com/images/ratingstar-large.jpg?ver=2") no-repeat 0 -60px
}

.ratingspanlarge1half {
    width: 172px;
    height: 30px;
    background-position: 50%;
    display: block;
    background: url("https://media.proimprint.com/images/ratingstar-large.jpg?ver=2") no-repeat 0 -90px
}

.ratingspanlarge2 {
    width: 172px;
    height: 30px;
    background-position: 50%;
    display: block;
    background: url("https://media.proimprint.com/images/ratingstar-large.jpg?ver=2") no-repeat 0 -120px
}

.ratingspanlarge2half {
    width: 172px;
    height: 30px;
    background-position: 50%;
    display: block;
    background: url("https://media.proimprint.com/images/ratingstar-large.jpg?ver=2") no-repeat 0 -150px
}

.ratingspanlarge3 {
    width: 172px;
    height: 30px;
    background-position: 50%;
    display: block;
    background: url("https://media.proimprint.com/images/ratingstar-large.jpg?ver=2") no-repeat 0 -180px
}

.ratingspanlarge3half {
    width: 172px;
    height: 30px;
    background-position: 50%;
    display: block;
    background: url("https://media.proimprint.com/images/ratingstar-large.jpg?ver=2") no-repeat 0 -210px
}

.ratingspanlarge4 {
    width: 172px;
    height: 30px;
    background-position: 50%;
    background: url("https://media.proimprint.com/images/ratingstar-large.jpg?ver=2") no-repeat 0 -240px
}

.ratingspanlarge4half {
    width: 172px;
    height: 30px;
    background-position: 50%;
    display: block;
    background: url("https://media.proimprint.com/images/ratingstar-large.jpg?ver=2") no-repeat 0 -270px
}

.ratingspanlarge5 {
    width: 172px;
    height: 30px;
    background-position: 50%;
    display: block;
    background: url("https://media.proimprint.com/images/ratingstar-large.jpg?ver=2") no-repeat 0 -300px
}


/* Star Rating  End*/


/* .smart-forms .tagline{
  text-align: left !important;
}
.smart-forms .tagline span{
  font-weight: normal !important;
  padding: 0 15px 0 0 !important;
  font-family: 'OpenSansExtraBold', sans-serif;
  font-size: 20px !important;
} */

.input__field--haruki:focus+.input__label--haruki .input__label-content--haruki,
.input--filled .input__label-content--haruki {
    font-family: "Poppins", serif !important;
    font-weight: normal !important;
}

.search-validate {
    position: absolute;
    left: 29%;
    background: #000;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    font-size: 12px;
    bottom: -32px;
}

.search-validate:before {
    content: "";
    position: absolute;
    left: 9px;
    top: -5px;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 5px solid #181818;
}

.top_button {
    background: url("https://media.proimprint.com/images/pim_sprite.png") -180px -285px no-repeat;
    font-size: 0;
    height: 59px;
    text-indent: -9999px;
    width: 59px;
}

.top_button:hover {
    background: url("https://media.proimprint.com/images/pim_sprite.png") -241px -285px no-repeat;
}

#fbContentWrapper .pim-popup {
    left: 38% !important;
}

.pim-popup {
    position: fixed;
    top:200px;
    left: 40%;
    background: #fff;
    background:#edf8ff url(../images/warning_popup.png)   no-repeat 290px center;
    min-width: 20%;
    font-size: 15px;
    text-align: left;
    z-index: 151;
    border-radius:8px;
    -webkit-box-shadow: 0px 0px 12px -2px rgba(0, 0, 0, 0.54);
    -moz-box-shadow: 0px 0px 12px -2px rgba(0, 0, 0, 0.54);
    box-shadow: 0px 0px 12px -2px rgba(0, 0, 0, 0.54);
    border: 1px solid #76acce;
}
.pim-popup.pim-alert{
    min-width: 350px;
    background: #edf8ff url(../images/warning_popup.png) no-repeat 260px center;
} 
button#closepopup {
    background: #1f79b3;
    color: #fff;
    font-size: 16px;
    font-family: "Poppins", serif ;
    font-weight: normal;
    cursor: pointer;
    padding: 8px 15px;
    text-align: center;
    border: none;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    min-width: 100px;
    margin-bottom: 20px;
    margin-left: 15px;
}

button#closepopup:hover {
    background: #106094;
}

#overlay {
    position: fixed;
    z-index: 150;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    display: none;
}

.aiosp_overlay_open {
    background: rgb(85, 85, 85);
    opacity: 0.4;
    display: block !important;
}

.popup-head {
    color: #1f79b3;
    font-size: 20px;
    padding: 10px 15px;
    text-align: left;
    /*border-bottom: 1px solid #eaeaea;*/
    width:100%;
    box-sizing: border-box;
    margin: 0px auto;
    /* font-weight: bold; */
}

.popup-content {
    padding: 0px 18px 13px 15px;
    text-align: left;
    font-size: 15px;
    color: #222222;
    max-width: 400px;
}

.popup-content ul li {
    list-style: none;
    margin-bottom: 3px;
}

.popup-content ul li:before {
    /* content: "*"; */
    position: relative;
    color: #1f79b3;
    margin-right: 8px;
    font-size: 22px;
    top: 7px;
    line-height: 17px;
    display: inline-block;
}

.success,
.warning,
.attention,
.information {
    padding: 10px 10px 10px 33px;
    margin-bottom: 15px;
    color: #555;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    position: relative;
    font-family: "Poppins", serif ;
    font-weight:500;
}

#notification a {
    color: #267bb6;
}

.success {
    background: #EFEFEF url("https://media.proimprint.com/images/megnor/success.png?ver=2") 10px center no-repeat;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    margin: 10px 0px 7px;
    color: #008005;
    
}

.warning {
    background: #ffffff url(../images/login_warning.png) 10px center no-repeat;
    border: 1px solid #dedede;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    margin: 10px 0px 7px;
    color: #FF0000;
    font-weight: 400;
}
.warning.reviewerror{
    position: relative;
    top: -12px;
}
.attention {
    background: #EFEFEF url("https://media.proimprint.com/images/attention.png?ver=2") 10px center no-repeat;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    margin: 10px 0px 7px;
}

.success .close,
.warning .close,
.attention .close,
.information .close {
    float: right;
    padding-top: 2px;
    padding-right: 4px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top:0;
    bottom:0;
    margin: auto;
}

.tabno {
    display: none;
}

.center-block iframe {
    border: 1px solid #ccc;
    margin-top: 12px;
    border-radius: 10px;
}

.center-block iframe {
    height: 500px;
}

.mobile-cart-close {
    display: none;
}

.breadcrumb {
    margin-bottom: 6px;
}

.breadcrumb ul {
    list-style: none;
}

.breadcrumb ul li {
    float: left;
    font-size: 13px;
}

.breadcrumb ul li a {
    color: #262626;
    padding-left:15px;
    margin-right:10px;
    font-family: "Poppins", serif;
    background: url("https://media.proimprint.com/images/brd_arw_icon.png?ver=2") no-repeat center left;
}

.breadcrumb ul li:last-child a {
    font-family: "Poppins", serif;
    margin-right: 0px;
}

.breadcrumb:after {
    content: "";
    clear: both;
    display: block;
}

.breadcrumb ul li a.breadcrumb__home-icon {
    padding-left: 20px;
    margin-left: 0;
    background: url("https://media.proimprint.com/images/brd_home_icon.png?ver=2") no-repeat center left;
}

.breadcrumb ul li span{
    background: url("https://media.proimprint.com/images/brd_arw_icon.png?ver=2") no-repeat center left;
    padding-left: 15px;
    color: #262626;
}

.category-wrapper__header.page-heading {
    font-size: 28px;
    line-height: 30px;
    font-weight: 600;
    color: #333333e0;
    margin: 0;
    padding: 0;
    border: none;
    position: relative;
    width: fit-content;
    margin: 0 auto;
    cursor: pointer;
    padding-right:35px;
    
}

.category-wrapper__header.page-heading::after{
    position: absolute;
    content: "";
    display: block;
    width: 17px;
    height: 11px;
    top:11px;
    right: 0;
    background: url(../images/cat_desc_down.png) no-repeat center right;
    transition: 0.4s ease;
  }

.category-wrapper__header.page-heading.active::after{
    transform: rotate(180deg);
    transition: 0.4s ease;
}
.shop-by .category-wrapper__header.page-heading::after{display: none;}
.category-wrapper__header a.search_suggest {
    color: #e0172a;
    font-size: 22px;
}
.category-wrapper__header.search-heading::after, .category-wrapper__header.search-heading::before{
display: none;
}
.category-wrapper__header.cat_nodesc{cursor: inherit;}
.category-wrapper__header.cat_nodesc::after, .category-wrapper__header.cat_nodesc::before{
display: none;

}
  .category-desc-top {
    display: none;
    padding: 20px;
    padding-bottom: 0;
    text-align: center;
    font-family: "Poppins", serif;

  }
  .category-desc-top p{
    text-align: justify;
  }
  .category-desc-top span {
    font-family: "Poppins", serif !important;
}
  .category-desc-top h2{
    font-size: 21px;
    font-family: "Poppins", serif;
    font-weight: 600;
    color: #232323;
  }
.category__main-wrapper .subheading {
    background: #fff;
    margin-bottom: 15px;
    padding-top: 5px;
    /* padding-bottom: 25px; */
    border-radius: 6px;
    /* border: 1px solid #dedede; */
    text-align: center;
}
.bg-shareimg {
    background: url("https://media.proimprint.com/images/pim-share-with-friends-text.png") no-repeat;
    width: 194px;
    height: 49px;
    float: left;
}
.social_conatiner {
    float: left;
    box-sizing: border-box;
    padding: 11px 12px 9px 12px;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    height: 42px;
    background: #e9e9e9;
    position: relative;
    margin-top: 4px;
    margin-left: 25px;
}
.social_conatiner:before {
    content: "";
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #e9e9e9;
    position: absolute;
    left: -8px;
    top: 13px;
}
.socialnetwork_cat {
    margin: 25px 0 0 0;
}
.product_search_box .search_marbot{
 float: left;
 margin-right: 10px;
}
.product_search_box  .pim-btn {
    float: left;
    height: 42px;
    min-width: 90px;
    padding: 6px 15px 7px 15px !important;
    font-size: 16px;
    font-family: "Poppins", serif;
    font-weight: 400;
    text-transform: capitalize;
}
.product_search_box::after{
    content: "";
    clear: both;
    display: block;
}
.product_search_textbox { 
    box-sizing: border-box;
    outline: none; 
    padding: 5px 10px;
    height: 42px;
    min-width: 480px;
    border: 1px solid #cfcfcf;
    font-family: "Poppins", serif;
    color: #222121;
    font-size: 14px;     
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}
.product_search_box {
    background: #fff;
    padding: 15px;
    padding-bottom:0 ;
    padding-left: 0;
    border-radius: 6px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: flex;
    justify-content: flex-start;
}
.product_search_box .search-mn {
    font-size: 14px;
    margin-right: 5px;
    font-weight: normal;
    font-family: "Poppins", serif;
}
.search-heading {
    background: #fff;
    margin: unset !important;
    width: 100% !important;
    padding-left: 0;
    box-sizing: border-box;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    font-size: 20px !important;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    text-align: left

}
.featherlight-content.trackorder-popup-wrap {
    padding: 20px !important;
}
#topcontrol {
    right: 15px !important;
    bottom: 90px !important;
}
.header-cart-value{
    position: absolute;
    top: -35px;
    right: -7px;
    background: #d7d7d7;
    min-width:18px;
    min-height: 18px;
    text-align: center;
    font-size: 12px;
    padding: 3px;
    box-sizing: border-box;
    line-height: 14px;
    border-radius:50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-active .header-cart-value {
    background: #E70707;
    color: #fff;
}
.login_outer{
    display: flex;
    padding: 0px 10px;
}
 .header__myaccount-menu .gray {
    color: #000;
    font-weight: 400;
    font-size: 11px;
    margin-top: 6px;
    display: inline-block;
    width: 100%;
    text-align: left;
    border-right: 1px solid #ddd;
}
.header__myaccount-menu .fb_privacy {
    color: #000;
    font-weight: 400;
    font-size: 11px;
    margin-top: 6px;
    text-align: right;
    display: inline-block;
    width: 100%;
    text-decoration: none;
}
.header__myaccount-menu .fb_privacy a{
    color: #000;
}



/* wish list */
.pim-pro-list__wishlist:before,
.pim-pro-list__wishlist:after {
    position: absolute;
    content: '';
    display: block;
    width: 140%;
    height: 115%;
    left: -20%;
    z-index: -1000;
    transition: all ease-in-out .5s;
    background-repeat: no-repeat;
}

.pim-pro-list__wishlist:before {
    display: none;
    top: -75%;
    background-image: radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, transparent 20%, #ff0081 20%, transparent 30%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, transparent 10%, #ff0081 15%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%);
    background-size: 20% 20%, 30% 30%, 25% 25%, 30% 30%, 28% 28%, 20% 20%, 25% 25%, 20% 20%, 28% 28%;
}

.pim-pro-list__wishlist:after {
    display: none;
    bottom: -75%;
    background-image: radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, transparent 10%, #ff0081 15%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%);
    background-size: 25% 25%, 30% 30%, 28% 28%, 30% 30%, 25% 25%, 30% 30%, 30% 30%;
}

.pim-pro-list__wishlist.bounceIn:before {
    display: block;
    animation: topBubbles ease-in-out .75s forwards;
}

.pim-pro-list__wishlist.bounceIn:after {
    display: block;
    animation: bottomBubbles ease-in-out .75s forwards;
}

@keyframes topBubbles {
    0% {
        background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
    }
    50% {
        background-position: 0 80%, 0 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
    }
    100% {
        background-position: 0 70%, 0 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
        background-size: 0 0%, 0 0%, 0 0%, 0 0%, 0 0%, 0 0;
    }
}

@keyframes bottomBubbles {
    0% {
        background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0;
    }
    50% {
        background-position: 0 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0;
    }
    100% {
        background-position: 0 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
        background-size: 0 0%, 0 0%, 0 0%, 0 0%, 0 0%, 0 0;
    }
}

@-webkit-keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn .pim-pro-list__wishlisticon {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

.wishlist-alert.site-messages {
    position: fixed;
    bottom: 40px;
    text-align: center;
    width: 100%;
    z-index: 500;
    box-sizing: border-box;
    /* pointer-events: none; */
    -webkit-animation-name: PIMfadeInUp;
    animation-name: PIMfadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.wishlist-alert-inr {
    background: #fff;
    color: #212121;
    border-radius:6px;
    padding: 20px 25px 21px 25px;
    font-family: "Poppins", serif;
    font-weight: 500;
    font-size: 16px;
    box-sizing: border-box;
    display: inline-block;
    -webkit-box-shadow: 0px 0px 36px 0px #0000003f;
    -moz-box-shadow: 0px 0px 36px 0px #0000003f;
    box-shadow: 0px 0px 36px 0px #0000003f;
    border: 1px solid #c0eaff;
}

.wishlist-alert-inr img {
    vertical-align: middle;
    margin-right: 13px;
}

.wishlist-alert-inr span {
    vertical-align: middle;
    display: inline-block;
}

.tickicon {
    background: url(../../default/images/tick.png) no-repeat 99% 12px!important
}

.falseicon {
    background: url(../../default/images/false.png) no-repeat 99% 12px!important
}

@-webkit-keyframes PIMfadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes PIMfadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

/* wish list */

/* Coupon Code */
.coupon_disclaimer_header {background: #002640;text-align: center;font-size: 17px;color: #fff;position: relative;z-index: 250;padding: 10px 0px 15px 0px;font-family: "Poppins", serif;
font-weight:500;}
.coupon_disclaimer_header .text-yellow {display: inline-block;color: #ffc107ed;font-weight: bold;font-family: "Poppins", serif ;
font-weight:600;}
.coupon_disclaimer_header .coupon-code {display: inline-block;color: #ffc107ed;font-weight: 700;border: 1px dashed #ffc107ed;padding: 1px 19px 2px 16px;border-radius: 4px;margin-left: 3px;font-size: 20px;font-family: "Poppins", serif ;
font-weight:600;}
.discl_usa {position: absolute;bottom: 3px;left: 50%;transform: translate(-50%, 0);font-size: 10px;text-align: center;font-family: "Poppins", serif;
font-weight:400;letter-spacing: 0.3px;}
.coupon_disclaimer_header .coupon-disclaimer-cat a{text-decoration: underline;color: #fff;}
/* Coupon Code */

.fb_login_new {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 7px;
    width: 70%;
}
.fb_login_new .google-login-wrap {
    padding-left: 0;
}

.fb_login_new .google-login-button {
    width: 100%;
    padding: 10px 5px 10px 34px;
    text-align: center;
    background: url(https://media.proimprint.com/images/google_icon.png?ver=2) 17px center no-repeat #FFF;
}


@media screen and (max-width: 1440px) {
    header, .banner-outer, .footer-top-wrapper, footer{
        min-width: 98%;
    }
    .coupon-banner{
        min-width: 98%;
    }
    .header__search-box-wrap {
        width: 370px;
    }
    /* .main-wrapper, .featured-category{
        min-width: 97%;
        max-width: 97%;
        padding: 0px;
    } */
}
.fb_login_new {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 7px;
    width: 70%;
}
.fb_login_new .google-login-wrap {
    padding-left: 0;
}
 
.fb_login_new .google-login-button {
    width: 100%;
    padding: 10px 5px 10px 34px;
    text-align: center;
    background: url(https://media.proimprint.com/images/google_icon.png?ver=2) 17px center no-repeat #FFF;
}
.abc{
    min-height: calc(100vh - 213px);
}

/* winback banner */
.winback-main-container{
    position: fixed;
    left: 0;
    bottom:-4px;
    cursor: pointer;
    transform: translateY(100%);
    transition: all 1s ease;
    z-index: 1000;
    width :100%;
  }
  .winback-main-container.show{
    transform: translateY(0%);
  }
  /* .menu-overlay-winback {
    position: fixed;
    background: rgba(0,0,0,.65);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 110;
    -webkit-animation: MenuOverlay .6s linear;
    -moz-animation: MenuOverlay .6s linear;
    animation: MenuOverlay .6s linear both;
    -webkit-animation-delay: 1ms;
    -moz-animation-delay: 1ms;
    animation-delay: 1ms;
    } */

    .winback-success{
        text-align: center;
        font-size: 12px;
        display: block;
        line-height: 25px;
        color: green;
    }
    .winback-icon{
        position: fixed;
        left: 10px;
        bottom: 9px;
        font-weight: bold;
        font-size: 20px;
        color: #267bb6;
        /* display: inline-block; */
        animation: bounce 3s ease-in-out infinite;
        border: 0;
        background: transparent;
        display: block;   
        cursor: pointer;
        z-index: 1000;
    }

    .winback-icon img {width: 100px; height: 100px;}
  
/* winback banner end */

/* category listing slider  */

.pim-pro-list--tab-content .owl-dots{
    height: 15px;
    width: auto;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    position: absolute;
    top: -77px;
    right: 16px;
}
.pim-pro-list--tab-content .owl-dot {
    float: left;
    margin-right:8px;
}
.pim-pro-list--tab-content .owl-dots span {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #D9D9D9;
    display: inline-block;
}
.pim-pro-list--tab-content .owl-dots .owl-dot.active span {
    background: #D9D9D9;
}

.pim-pro-list--tab-content .owl-nav {
    position: absolute;
    bottom: inherit;
    right: 55px;
    top: -94px;
    transform: translate(0, 0);
}

.pim-pro-list--tab-content.owl-carousel .owl-nav .owl-prev {
    background: url(../images/pro_list_nav-prev.png) no-repeat center !important;
    width: 12px;
    margin-left: 0;
    text-indent: -999px;
    margin-right: 0px;
    overflow: hidden;
    float: none;
    height: 50px;
    position: absolute;
    top: 0px;
    left: -20px;
}

.pim-pro-list--tab-content.owl-carousel .owl-nav .owl-next {
    background: url(../images/pro_list_nav-next.png) no-repeat center !important;;
    width: 12px;
    margin-right: 0;
    text-indent: -999px;
    overflow: hidden;
    float: none;
    height: 50px;
    position: absolute;
    top: 1px;
    right: -25px;
}

.pim-pro-list--tab-content.owl-carousel .owl-nav .owl-prev,
.pim-pro-list--tab-content.owl-carousel .owl-nav .owl-next {
    opacity: 1;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;
}

.pim-pro-list--tab-content.owl-carousel .owl-nav .owl-prev.disabled,
.pim-pro-list--tab-content.owl-carousel .owl-nav .owl-next.disabled{
    opacity: 0.3;
}
.pim-pro-list--tab-content.owl-carousel .owl-nav::after{
    content: "";
    position: absolute;
    width: 2px;
    height: 15px;
    background: #e6e6e6;
    left: 1px;
    top: 18px;
}
/* category listing slider  */

.proof_message_header {
    background: #333333;
    color: #959595;
    font-family: "Poppins", serif;
    font-weight:550;
    font-size: 19px;
    text-align: center;
    padding: 9px 0px;
    padding-bottom:8px;
    line-height: 20px;
    z-index: 105;
    position: relative;
    display: none;
}
.proof_message_header .main_msg{
display: block;
text-transform: none;
color: #d6d6d6;
}
.proof_message_header .main_msg_disclaimar{
    display: block;
    font-weight:400;
    font-size: 13px;
}
.category__main-wrapper .proimprint-deals{
    margin-bottom: 40px;
}

/* ----------header coupon code---------- */

.product_timer_outer_header{
    background: #333333;
    text-align: center;
    font-weight:400;
    font-size: 14px;
    color: #fff;
    position: relative;
    z-index: 250;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product_timer_outer_header b{
    font-weight:600;
    font-size:16px;
    margin-right:6px;
}
.coupon_deal_img{
    position: relative;
    top: -7px;
    margin-right: 10px;
}
.coupon_name_header{
    display: inline-block;
    color: #ffffff;
    font-weight:600;
    border: 1px dashed #FCC233;
    padding: 1px 16px 0px 16px;
    border-radius: 4px;
    margin-left: 10px;
    font-size:16px;
    cursor: pointer;
}
.timer_area_header{
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
}
 .timer_data_header{
    margin-right: 5px;
}
.sand_clock{
    width: 36px;
    margin-left: 3px;
}
.coupon_claim_now_btn__header{
    width:91px;
    height: 26px;
    background: #FCC233;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Poppins", serif;
    font-size:12px;
    font-weight: 600;
    border-radius: 5px;
    margin-left:8px;
    cursor: pointer;
    transition: 0.3s ease;
    border: none;
    z-index: 1;
    position: relative;
    display: inline-block;
    line-height: 25px;
}
.timer_text_header{
    margin-right: 5px;
}
.coupon_claim_now_btn__header a{
    color: #333333;
}
#coupon-code-copy{
    color:#333333;
    position: absolute;
    bottom:20px;
    margin-right: 20px;
    background: #fff;
    padding: 1px 10px;
    border-radius: 4px;
    border: 1px solid #dedede;
    -webkit-animation: copy-up 0.35s cubic-bezier(.51, .92, 0.265, 1.55) both;
    animation: copy-up 0.35s cubic-bezier(.51, .92, 0.265, 1.55) both;
    }
   
@-webkit-keyframes copy-up {
    0% {
        -webkit-transform: translateY(0) scale(.8);
                transform: translateY(0) scale(.8);
        opacity: 0;        
    }
    100% {
        -webkit-transform: translateY(35px) scale(1);
                transform: translateY(35px) scale(1);
        opacity: 1;
    }
}
@keyframes copy-up {
    0% {
        -webkit-transform: translateY(0) scale(.8);
                transform: translateY(0) scale(.8);
        opacity: 0;        
    }
    100% {
        -webkit-transform: translateY(35px) scale(1);
                transform: translateY(35px) scale(1);
        opacity: 1;
    }
}
/* ----------header coupon code---------- */
.disclaimer_outer {
    display: flex;
    flex-wrap: wrap;
     z-index: 250;
    text-align: center;
     font-size: 17px;
      font-weight: 500;
}