:root {
  --primary-blue-color: #003961;
  --secondary-blue-color: #005488;
  --primary-grey-color: #F0F0F2;
  --secondary-grey-color: #4c4c4e;
}

/*--------------------- GENERAL ELEMENTS ---------------------*/
body {
	/* Margin bottom by footer height */
    margin-bottom: 690px ;
    font-family: "Arimo", sans-serif;
    position: static!important;
}
.well{
    background-color:var(--primary-grey-color);
    border-color:#DDD;
    border-radius:0;
}
hr{
    margin-top:15px;
    margin-bottom:15px;
}
/*--------------------- GENERAL ELEMENTS ---------------------*/

/*--------------------- TOPBAR ---------------------*/
#free-delivery-topbar{
    background-color:var(--primary-blue-color);
    color:#FFF;
    padding-top:8px;
    padding-bottom:8px;
    font-size:14px;
}
#bf-topbar{
    background-color:var(--primary-blue-color);
    color:#FFF;
    padding-top:8px;
    padding-bottom:8px;
    font-size:14px;
}
#free-delivery-topbar .carousel-control{
    width:3%
}
#free-delivery-topbar .carousel-control .fa-chevron-left,
#free-delivery-topbar .carousel-control .fa-chevron-right{
    top:15%;
    font-size:16px;
    color:#FFF;
}
#free-delivery-topbar .carousel-control.right{
    right: -10px;
}
#free-delivery-topbar .carousel-control.left{
    left: -10px;
}
#bf-topbar a,
#free-delivery-topbar a{
   color:#FFF; 
}
#free-delivery-topbar .item.active:hover {
    cursor: default;
}
.topbar-nav{
    background-color:var(--primary-grey-color);
}
.topbar-nav .navbar-nav > li:last-child{
    padding-right:0;
}
.topbar-nav .caret{
    border-top-color:#333
}
.topbar-nav .fa-chevron-down{
    color: var(--primary-blue-color)!important;
    transition: ease 0.5s;
    float:right;
    padding:5px 0 0;
}
.topbar-nav .dropdown-menu > li > a{
    font-size: 12px;
}
/*--------------------- TOPBAR ---------------------*/

/*--------------------- HEADER ---------------------*/
.site-header .logo{
    padding-left:0;
    padding-top:15px;
    padding-bottom:15px;
}
.site-header .logo img,
.responsive-logo img{
    max-height: 65px;
    height: auto;
}
#header-100-cad{
    font-size: 12.5px;
}
#header-100-cad:lang(fr){
    font-size: 11px;
}
#search-box{
    width:350px;
}
.ui.search > .prompt{
    border:1px solid var(--primary-blue-color)!important;
    border-top-left-radius:25px!important;
    border-bottom-left-radius:25px!important;
    font-size:14px!important;
    padding:12px!important;
}
.ui.search > .input > .prompt{
border:1px solid var(--primary-grey-color)!important;
    border-top-left-radius:25px!important;
    border-bottom-left-radius:25px!important;
    font-size:14px!important;
    padding:12px!important;
    background-color:var(--primary-grey-color);
}
.ui.search>.results .result .title{
    font-family: 'Arimo', sans-serif!important;
}
.ui.fluid.search .results{
    width:140%!important;
}
#search-box-submit, #refine-box-submit, #modal-refine-box-submit, #faq-search-box-submit{
    background-color:var(--primary-blue-color);
    border-top-right-radius:25px;
    border-bottom-right-radius:25px;
}
#search-box-submit .fas, #refine-box-submit .fas, #modal-refine-box-submit .fas, #faq-search-box-submit .fas{
    padding:2px 0 0 0;
    color:#FFF!important;
}
.col-sayt h5{
    color:var(--primary-blue-color);
    font-size:18px;
}
#saytFaq #search-box-input{
    width:100%;
}
#saytFaq .results .result{
    padding:10px 0!important;
    font-size:16px!important;
}
#saytFaq .results .result:hover{
    text-decoration:none
}
#account-cart-holder{
    margin-left: auto;
    padding-left:0;
    order: 3;
    width:auto;
}
#account-cart-holder > ul{
    margin:0;
    padding:0;
}
#account-cart-holder > ul > li{
    list-style-type:none;
    float:left;
    margin-left:25px;
}
#account-cart-holder > ul > li:first-child{
    margin-left:0;
}
#account-cart-holder > ul#account-cart-holder-ul-desktop > li:last-child{
    margin-left:30px;
}
#account-cart-holder > ul > li > a{
    display:block;
    line-height:1.2em;
    padding:2px 0;
}
#account-cart-holder > ul > li > a:hover,
#cart-icon-wrap a:hover{
    text-decoration:underline;
}
#account-cart-holder > ul > li .fas{
    color:var(--primary-blue-color);
    font-size:20px;
}
#account-cart-holder > ul > li > ul{
    left: -120px;
    margin-top:0;
}
#account-cart-holder > ul > li > ul > li > ul {
    padding:0;
    margin:0;
}
#account-cart-holder > ul > li > ul > li#account-holder-name{
    padding:10px 15px;
    font-size:14px;
    font-weight:bold;
    color: var(--secondary-grey-color);
}
#account-cart-holder > ul > li > ul > li > ul  p:first-child{
    font-weight:bold;
}
#account-cart-holder > ul > li > ul > li > ul > li{
    list-style-type:none;
    padding:10px 22px;
    border-bottom:1px solid var(--primary-grey-color);
}
#account-cart-holder > ul > li > ul > li > ul  p{
    padding:5px 22px 0;
}
#account-cart-holder > ul > li > ul > li > ul > li,
#account-cart-holder > ul > li > ul > li > ul > li a,
#account-cart-holder > ul > li > ul > li > ul  p{
    font-size:13px;
    color: var(--secondary-grey-color);
}
#account-cart-holder > ul > li > ul > li > ul > li a{
    display:block;
}
#account-cart-holder-login .fas{
    float: left;
    margin: 8px 5px 0 0;
    position: absolute;
}
#account-cart-holder-login .fas-text-block{
    display: block;
    margin: 0 0 0 2em;
}
#account-cart-holder-login .fas-text-block #account-cart-holder-login-link{
    font-size:14px;
    display:block;
    line-height:1.2em;
    padding:2px 0;
}
#account-cart-holder-login .fas-text-block #account-cart-holder-register-link{
    font-size:12px;
    margin:0;
    display: block;
    line-height:1.2em;
    color:var(--secondary-grey-color);
    padding:2px 0;
}
#account-cart-holder .navbar-toggle{
    float:right;
    margin:0;
    padding:3px 0!important;
}
#account-cart-holder .navbar-toggle .icon-bar {
    width: 15px;
    transition: all 0.2s;
}
#account-cart-holder .navbar-toggle .account-bar-toggle-bars {
    margin: 0 auto;
    width: 22px;
    height: 16px;
    cursor: pointer;
}
#account-cart-holder .navbar-toggle .account-bar-toggle-bars div {
    width: 13px;
    height: 2px;
    background-color: var(--primary-blue-color);
    border-radius: 2px;
    position: relative;
    top: 10px;
    transition: all .4s ease-in-out;
}
#account-cart-holder .navbar-toggle .account-bar-toggle-bars div.left {
    transform: rotate(45deg);
    float: left;
    right: -3px;
    top: 8px;
}
#account-cart-holder .navbar-toggle .account-bar-toggle-bars div.right {
    transform: rotate(-45deg);
    float: right;
    left: -6px;
    top:6px;
}
#account-cart-holder .navbar-toggle.collapsed .account-bar-toggle-bars div.left {
    transform: rotate(135deg);
    right: -7px;
    top: 8px;
}
#account-cart-holder .navbar-toggle.collapsed .account-bar-toggle-bars div.right {
    transform: rotate(-135deg);
    left: -10px;
    top: 6px;
}
#account-cart-holder .mega-menu li {
    width: 240px;
    padding: 0;
    float: left;
}
#account-cart-holder .mega-menu li{
    list-style-type:none;
    line-height: 1.2em;
}
#account-cart-holder .mega-menu li#account-nav-item,
#account-cart-holder #account-bar-collapse .navbar-nav > li#account-nav-item{
    border-top: 1px solid #DDD;
}

#account-cart-holder .mega-menu li p,
#account-cart-holder .mega-menu li p a{
    padding: 0 15px;
    font-size:12px;
    margin:0;
}
#account-cart-holder .mega-menu li p a{
    font-size:12px;
    padding:0;
    color:var(--primary-blue-color)
}
#account-cart-holder .mega-menu li a{
    white-space:inherit;
    color: var(--secondary-grey-color);
    font-size: 13px;
    display: block;
    padding:8px 15px 8px 15px;
    border-bottom:0 none;
}
#account-cart-holder .mega-menu li a:hover,
#account-cart-holder .mega-menu li a:focus{
    color:#000;
    cursor: pointer;
    text-decoration: none;
}
#account-cart-holder .mega-menu > li#account-holder-name{
    white-space:inherit;
    color: var(--secondary-grey-color);
    display: block;
    padding:15px 15px 10px;
}
#account-cart-holder .mega-menu > li p:nth-child(2){
   padding-bottom: 10px;
}
#account-cart-holder .mega-menu li:hover{
    cursor: pointer;
}
#account-cart-holder .mega-menu li ul p{
    color: var(--secondary-grey-color);
}
#account-cart-holder .mega-menu li ul p,
#account-cart-holder .mega-menu li ul p a{
    font-size: 12px;
}
#account-cart-holder .mega-menu li ul p{
    padding: 0 0 0 15px;
}
#cart-icon{
    position: relative;
}
#cart-icon .fas{
    color:var(--primary-blue-color);
    font-size:22px;
}
#cart_count{
    position: absolute;
    left: 15px;
    top: -12px;
    display: inline-block;
    background: var(--primary-grey-color);
    color: var(--primary-blue-color);
    border-radius: 50%;
    text-align: center;
    min-width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
}
/*--------------------- HEADER ---------------------*/

/*--------------------- NAVBAR ---------------------*/
.navbar-default{
    background-color:var(--primary-grey-color);
    border-bottom:0 none;
}
.navbar-default .container{
    padding-left:0;
    padding-right:0;
}
.navbar-default .navbar-nav{
    width:100%;
}
.navbar-default .navbar-nav > li{
    width:auto;
}
.navbar-default .navbar-nav > li > a{
    width:100%;
    text-align:left;
    font-size:14px;
    padding:13px 20px;
    transition: background-color 0.3s ease;
    border-right:0 none;
    color:#000;
    font-weight:normal;
}
.navbar-default .navbar-nav > li:last-child > a{
    padding:13px 6px;
}
.navbar-default .navbar-nav > li > .open > a:focus, 
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{
    background-color:var(--primary-blue-color);
}
.navbar-default .navbar-nav > li > a .fas{
    color:#000;
}
.navbar-default .navbar-nav > li > a:hover .fas{
    color:#FFF;
}
.navbar-default .navbar-nav > li > a.pop:focus,
.site-header a.pop:focus{
    outline:none;
}
.navbar-default .navbar-nav .dropdown-menu{
    width:250px;
}
.dropdown-menu{
    border-radius:0;
}
.dropdown-menu > li > a{
    white-space:inherit;
    color: var(--secondary-grey-color);
    font-size: 14px;
    padding:8px 12px 8px 12px;
    transition: background-color 0.3s ease;
    border-bottom:0 none;
}
.dropdown-menu > li > a.sound-nav{
    background-color:var(--primary-grey-color);
    border-bottom:1px solid #DDD;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus{
    background-color:transparent;
    color:var(--primary-blue-color);
}
.dropdown-menu > li:hover{
    cursor: pointer;
}
.dropdown-menu > li:last-child > a{
    border-bottom:0 none;
}
.dropdown-menu > li a .fas{
    color:var(--primary-blue-color);
    font-size:18px;
    margin-right:10px;
    padding:0;
}
.dropdown-menu > li a .dropdown-menu-icon{
    color:var(--primary-blue-color);
    font-size:18px;
    padding-left:4px;
    padding-right:5px;
    margin-right:6px;
    font-weight:bold;
}
.navbar-toggle{
    z-index:999;
    padding:0;
    margin:0;
}
.navbar-toggle .icon-bar {
    width: 22px;
    transition: all 0.2s;
    background-color: var(--primary-blue-color);
}
.navbar-toggle .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
    opacity: 0;
}
.navbar-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
    transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
    opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
    transform: rotate(0);
}
.navbar-nav .open .fa-chevron-down{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
/*--------------------- NAVBAR ---------------------*/ 

/*--- MEGA MENU STYLE ---*/
.navbar-default .mega-menu {
    padding: 0;
    margin-top: 0px;
    width: 765px!important;
}
.navbar-default  .mega-menu li.mega-menu-column {
    width: 210px;
    padding: 0;
    float: left;
}
.navbar-default  .mega-menu li#mega-menu-column-bkg{
    background-color:var(--primary-grey-color);
}
.navbar-default .mega-menu li:last-child {
    border-bottom: 0 none;
}
.navbar-default .mega-menu li.mega-menu-column ul {
    padding: 0;
}
.navbar-default .mega-menu li#mega-menu-column-bkg{
    width:500px;
}
.navbar-default .mega-menu li#mega-menu-column-bkg ul{
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
}
.navbar-default .mega-menu li.mega-menu-column li {
    transition: background-color 0.3s ease;
}
.navbar-default .mega-menu li.mega-menu-column li {
    list-style-type: none;
    padding: 8px 12px 8px 12px;
}
.navbar-default .mega-menu li.mega-menu-column li a {
    color: #333;
    transition: color 0.3s ease;
    font-size: 14px;
    display: block;
}
.navbar-default .mega-menu li.mega-menu-column li a:hover {
    text-decoration: none;
    color: var(--primary-blue-color);
}
#mega-menu-deals li ul{
    margin:0;
    padding:10px 0 10px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
#mega-menu-deals li ul li{
    width:32.5%;
    float:left;
    list-style: none;
    text-align:center;
    padding:0 10px 10px;
}
#mega-menu-deals li ul li .fas{
    display: block;
    color:var(--primary-blue-color);
    margin:10px 0 10px 0;
    padding:20px 5px;
    background-color:var(--primary-grey-color);
}
#mega-menu-deals li ul li a{
    color: #333;
}
#mega-menu-deals li ul li a:hover{
    color: var(--primary-blue-color);
    text-decoration: none;
}
/*--- MEGA MENU STYLE ---*/

/*--------------------- HOME PAGE ---------------------*/ 
#home-cad-header:lang(en){
  background-color:#AF0502;
}
#home-cad-header:lang(fr){
  background-color:#095797;
}
#home-cad-header h2{
    font-size: 15px;
    color:#FFF;
    margin:10px;
    padding:0;
}
#home-bf-timer{
    background-color:#000;
}
#home-bf-timer p{
    color:#FFF;
}
#home-categories-header,
#home-brands-header{
    padding-right:15px;
    padding-left:15px;
}
#home-categories-header h1,
#home-brands-header h1{
    font-size:24px;
    font-weight:bold;
    color:#000;
    margin:0;
    padding:0.8em;
}
#home-categories-wrapper-row,
#flyer-categories-wrapper-row{
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.home-categories-card,
.flyer-categories-card{
    text-align:center;
    margin-top:5px;
    margin-bottom:5px;
    border-radius:0;
    padding: 0 10px!important;
}
.flyer-categories-card{
    margin-top:0px;
    margin-bottom:0px;
    padding: 5px !important;
}
.home-categories-card a,
.flyer-categories-card a{
    border-width: 1px;
    border-style: solid;
    border-color:var(--primary-grey-color);
    transition: border-color 0.2s linear;
}
.home-categories-card a:hover,
.flyer-categories-card a:hover{
    border-color:var(--primary-blue-color);
}
.home-categories-card a,
.flyer-categories-card a{
    display: block;
    height:100%;
    padding:5px;
}
.home-categories-card a:hover,
.flyer-categories-card a:hover{
    text-decoration: none;
}
.home-categories-card img,
.flyer-categories-card img{
    width:100px;
    margin-top:10px;
    margin-bottom:10px;
    max-height:100px;
    height:auto;
}
.flyer-categories-card img{
    margin-top:0;
    margin-bottom:5px;
}
.home-categories-card p,
.flyer-categories-card p{
    font-size:14px;
    font-weight:400;
    line-height:1.2em;
    padding:0;
    color:#000;
}
.flyer-categories-card p{
    font-size:14px;
    margin-bottom:5px;
}
#home-brands-wrapper #product-carousel > ul > li{
    width:175px;
    padding:0 10px;
}
.home-brand-card img{
    width:200px;
    border:1px solid var(--primary-grey-color);
    transition: border-color 0.2s linear;
}
.home-brand-card a:hover img{
    border:1px solid var(--primary-blue-color);
}
#home-brand-viewall{
    font-size:16px;
    font-weight:600;
}
#home-brand-viewall a{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;
}
#featured-products ul{   
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}
#featured-products ul > li.product-grid{
    min-width: 280px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    flex-direction: column;
    height:auto;
}
#featured-products ul li.product-grid.product-grid-buy {
    margin-top: auto !important;
}

.product-grid-featured{
    border:1px solid var(--primary-grey-color);
}
#home-about-wrapper{
    background-color:var(--primary-grey-color);
}
#home-ad-autocrib-wrapper{
    background-color:#EC2224;
    border:20px solid var(--primary-grey-color);
    padding:0;
}
#home-ad-mailing-wrapper{
    background-color:var(--primary-blue-color);
    border:20px solid var(--primary-grey-color);
    padding:0;
}
#home-ad-foundation-wrapper{
    background-color:#444;
    border:20px solid var(--primary-grey-color);
    padding:0;
}
#home-ad-autocrib-wrapper a,
#home-ad-mailing-wrapper a,
#home-ad-foundation-wrapper a{
    height:100%;
    display: flex;
    display: flex;
    flex-direction: column;
}
#home-ad-autocrib-wrapper p,
#home-ad-mailing-wrapper p,
#home-ad-foundation-wrapper p{
    flex:1 0 0;
}
#home-ad-autocrib-wrapper a:hover,
#home-ad-mailing-wrapper a:hover,
#home-ad-foundation-wrapper a:hover{
    text-decoration: none;
}
#home-ad-autocrib-wrapper p,
#home-ad-mailing-wrapper p,
#home-ad-foundation-wrapper p{
    color:#FFFFFF;
    font-size:18px;
    text-align:center;
    margin:10px 10px;
}
#home-ad-autocrib-wrapper img,
#home-ad-mailing-wrapper img,
#home-ad-foundation-wrapper img{
    max-height:263px;
    height:auto;
}
/*----- PUNCHOUT -----*/
.punchout-links-card a{
    display:block;
    text-align:center;
    background-color:#FD9A27;
    transition: background-color 0.5s ease;
    color:#FFF;
    text-decoration:none;
    font-size:32px;
    padding:20px 10px;
}
.punchout-links-card a:hover{
    background-color: #fa8c10;
}
/*----- PUNCHOUT -----*/

/*--------------------- HOME PAGE ---------------------*/ 

/*--------------------- BUTTONS ---------------------*/ 
.btn, .btn-blue, .btn-grey, .btn-primary, .btn-secondary{
    border-radius: 6px;
}
.btn-pill{
    border-radius: 50em!important;
}
.btn-blue, .btn-primary{
    background-color:var(--primary-blue-color);
}
.btn-outline{
    background-color:transparent!important;
    border:2px solid var(--primary-blue-color)!important;
    color: var(--primary-blue-color) !important;;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:hover:active{
    background-color:var(--primary-blue-color)!important;
    border:2px solid var(--primary-blue-color)!important;
    color: #FFF !important;;
}
.btn-grey, .btn-secondary{
    background-color:var(--secondary-grey-color);
}
.btn-place-order{
    background-color:#f9a33a!important;
    font-size:18px;
}
.btn-paypal-checkout{
    background-color: #FFC43B !important;
}
.btn-affirm{
    background-color:#4A4AF4!important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    align-items: baseline;
    justify-content: center;
    font-size:18px;
    padding:12px 15px;
}
.affirm-as-low-as{
    height:20px;
    font-size:16px;
    margin-top:5px;
}
.btn-sort,
#sort-by-label{
    font-size:14px!important;
    color:var(--secondary-grey-color)!important
}

.btn-sort, .pagination li a, .pagination li{
    background-color:#FFF;
    font-size:14px!important;
    color:var(--secondary-grey-color);
}
.btn-sort,
.pagination > li > a,
.pagination > .disabled > a{
    border:1px solid #AAA;
}
#refine-topbar .btn-remove, 
#modalRefinement .btn-remove{
    background-color: var(--primary-blue-color);
    color:#FFF;
}
#refine-topbar .btn-remove .fas, 
#modalRefinement .btn-remove .fas{
    color:#FFF!important;
}
.btn-result-add-to-cart{
    width:74%;
    padding:6px;
}
.btn-success{
    background-color:#00873c;
    border-color:#00873c
}
.btn-group > .btn:first-child, 
.btn-group > .btn:last-child, 
.btn-group > .dropdown-toggle,
#grid-list .btn,
.pagination > li:first-child > a,
.pagination > li:last-child > a,
.btn,
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){
    border-radius: 3px; 
}
#refine-topbar .form-inline .btn-blue{
	background-color: var(--primary-blue-color);
}
textarea, 
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], 
.uneditable-input,
select{
    border-radius: 3px!important; 
}
#btn-clear-selection{
	display: inline-block;
	padding: 6px 2px;
    border-radius: 0;
    line-height: 1.5em;
    white-space: normal;
	background-color: transparent;
    border-color: transparent;
	color: var(--primary-blue-color)!important;
    margin: 0!important;
    text-decoration: none;
}
#static-page-container .btn {
    font-weight:normal;
    margin-top:5px;
}
#static-page-container .btn[type="submit"]{
    margin-top:15px;
}
.modal .btn {
    font-weight:normal;
}

.btn-kleton{
    background-color:#094a74;
    border-radius: 6px;
}
#ot-sdk-btn-floating {
    display:none!important;
}
#onetrust-consent-sdk #onetrust-pc-btn-handler, #onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link{
    color: var(--primary-blue-color)!important;
    border-color: var(--primary-blue-color)!important;
    bottom:150px;

}
#onetrust-consent-sdk #onetrust-accept-btn-handler, #onetrust-banner-sdk #onetrust-reject-all-handler {
    background-color: var(--primary-blue-color)!important;
    border-color: var(--primary-blue-color)!important;
    color: #FFFFFF!important;
}
#onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn), #onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn{
    background-color: var(--primary-blue-color)!important;
    border-color: var(--primary-blue-color)!important;
    color: #FFFFFF!important;
}
.btn-default-rounded-flyer{
    border-width: 2px;
    border-color:var(--primary-blue-color);
    color:var(--primary-blue-color);
    text-transform: uppercase;
    line-height:1.2em;
}
.btn-default-rounded-flyer:hover,
.btn-default-rounded-flyer:focus,
.btn-default-rounded-flyer:hover:active{
    border-width: 2px;
    border-color:var(--primary-blue-color);
    background-color:var(--primary-blue-color);
    color:#FFF;
    text-transform: uppercase;
    outline: none;
}
/*--------------------- BUTTONS ---------------------*/ 

/*--------------------- PAGINATION ---------------------*/ 
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{
    background-color:var(--primary-blue-color);
    border-color:var(--primary-blue-color);
}
/*--------------------- PAGINATION ---------------------*/ 

/*--------------------- BROWSE PAGE ELEMENTS ---------------------*/
.search-categories-grid .category-nav-category-name{
    color:#000;
}
#category-images ul li,
#product-carousel ul li.flyer-carousel-item{
    width:170px
}
.category-image-title{
    font-size:14px;
}
.navbar-fixed-top{
	position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
	border-bottom:2px solid #CCC
}
#refine-sidebar #refine-by-attr,
#refine-topbar{
    /* background-color: var(--primary-grey-color); */
    padding:10px 5px;
}
#sort-dropdown li a.bg-warning{
	background-color:var(--primary-blue-color);
    color:#FFF;
}
#refine-sidebar-refs{
    padding:20px 5px;
}
.attribute-refinement-header,
#refine-by-attr .panel-body,
#refine-by-attr .list-group-item{
    background-color: var(--primary-grey-color);
}
#refine-box #customRefinement,
#modal-customRefinement{
    height:38px;
    width:99%;
    font-size:14px;
}
#selected-refinements a[data-value="stock_items"],
#refine-by-attr ul#refine-by-flag li a[href*='flag=stock_items'],
#category-nav-stock_items[href*='flag=stock_items']{
    color:#00873c!important;
    font-weight:bold;
}
.category-image img{
    border:0 none;
}
.category-items{
    margin-bottom:30px;
    margin-top:30px;
}
.category-items .product-avail .small a[href="tel:1 800 661-2400"]:lang(en){
    padding-left: 15px;
}
.product-cta .product-price{
    font-size:16px;
}
.product-price.text-promo,
.product-price.d-inline-block,
.product-price:nth-child(2),
.product-price-percent-off{
    margin: 0;
    line-height:1.3em;
}
.product-mfg-name{
    font-weight: normal;
    color:#000;
}
.product-name{
    color:var(--primary-blue-color);
}
.product-model, .product-mfg-model, .product-customer-model, .product-packaged{
    font-size:14px;
}
.product-grid-flyer{
    border:5px solid var(--primary-grey-color)
}

.product-grid-flyer-mfg-logo{
    position: absolute;
    z-index: 999;
    top:0;
    right:5px;
}
.product-grid-flyer .product-image img{
    margin:0 auto;
}
.product-grid-flyer .product-name-flyer{
    font-size:14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-clamp: 2; /* Replace 3 with the number of lines you want */
    -webkit-line-clamp: 2; /* For WebKit-based browsers */
}
.product-grid-flyer .product-grid-cta .product-price:not(.text-promo) strong{
    font-size:28px;
    line-height:30px;
}
.product-grid-flyer .product-grid-cta .product-price.text-promo strong{
    font-size:28px;
}
.product-grid-flyer .product-grid-cta .product-price-percent-off strong{
    font-size:16px!important;
}
.product-grid-flyer .product-grid-cta .product-price strong .product-price-each,
#flyer-modal-price span strong > span.product-price-each{
    font-size:16px!important;
    color:var(--secondary-grey-color);
    font-weight:normal;
}
.product-grid-cta .product-price.text-promo small {
    font-size: 14px;
    line-height: 1.2em;
}
.d-inline-block{
    display:inline-block;
}
.d-inline{
    display:inline;
}
.product-flyer-grid{
    border:1px solid #DDD;
    margin: 0 0px -1px -1px;
    padding-left: 15px!important;
    padding-right: 15px!important;
}
.product-flyer-grid .category-items{
    margin-bottom: 5px;
    margin-top: 5px;
}
.product-flyer-grid .product-image{
    padding-top:10px;
    padding-bottom:25px;
    margin-top:10px;
}
.product-flyer-grid-cta{
    margin-top:15px;
}
.product-flyer-grid .product-image img{
    max-height:200px;
}
.product-flyer-grid-cta .product-price, 
.product-flyer-grid-cta .product-price.d-inline-block, 
.product-flyer-grid-cta .product-price:nth-child(2), 
.product-flyer-grid-cta .product-price-percent-off{
    font-size:20px;
    line-height:1.2em;
    margin:0;
}
.product-flyer-grid-cta .product-price.text-promo small{
    font-size: 14px;
    line-height:1.2em
}
.all-sales-landing-card-overlay {
      position: relative;
      overflow: hidden;
}
.all-sales-landing-card-overlay img {
    width: 100%;
    height: auto;
    display: block;
}
.all-sales-landing-card-overlay .overlay-content-name {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 24px;
    text-align: center;
    text-decoration: none; /* Remove underline from link */
    font-weight:600;
}
.all-sales-landing-card-overlay .overlay-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2); /* Adjust opacity as needed */
    opacity: 0.01;
    transition: opacity 0.3s ease;
}
.all-sales-landing-card-overlay:hover .overlay-content {
    opacity: 1;
}
.product-image .product-green-edge{
	position: absolute;
	z-index:999;
	left:15px;
	outline: none;
}
.label-made-cad{
    border:0 none;
    bottom:0;
}
#flyer-popout-image img{
    max-height: 280px;
    margin:0 auto;
    height:auto;
}
#flyer-modal-brand{
    font-size: 16px;
}
#flyer-modal-name{
    font-size: 18px;
    font-weight: bold;
}
#flyer-modal-price{
    margin:0;
}
#flyer-modal-price p strong,
#flyer-modal-price span strong > span{
    font-size: 24px!important;
}
#flyer-modal-price .product-price-percent-off strong{
    font-size:16px!important;
}
#flyer-modal-leadtime .product-avail-green,
#flyer-modal-leadtime .product-avail{
    text-align: center;
}
#flyer-modal-desc-header,
#flyer-modal-spec-header{
    font-size: 16px;
    font-weight: bold;
}
#flyer-modal-promo-desc ul,
#flyer-modal-promo-specs ul{
    padding:0;
    margin: 0 0 0 15px;
}
/*--------------------- BROWSE PAGE ELEMENTS ---------------------*/


/*--------------------- PRODUCT DETAILS PAGE ELEMENTS ---------------------*/
#details-product-image .label-made-cad img{
    width: 25px;
    height: 26px;
}
#details-product-price{
    color:var(--secondary-grey-color);
}
#pdp-free-shipping-message{
    background-color:var(--primary-grey-color);
    border-radius:3px;
    color:var(--primary-blue-color);
    font-size:16px;
}
#pdp-free-shipping-message .fas{
    color:var(--primary-blue-color)!important;
}
#detail-tabs .nav-tabs > li.active, 
#detail-tabs-more-details .nav-tabs > li.active{
    border-top:0 none; 
}
#detail-tabs-more-details .nav-tabs > li.active a,
#detail-tabs .nav-tabs > li.active > a{
    background-color:var(--primary-blue-color);
    color:#FFF;
}
.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus {
    color: var(--primary-blue-color);
    background-color: var(--primary-grey-color);
    border: 1px solid #ddd;
}
#detail-tabs .nav-tabs > li > a{
    padding:20px 0;
}
.btn-variant-selected{
	border:2px solid var(--primary-blue-color);
    color:var(--primary-blue-color);
}
.btn-variant:hover{
	outline: solid 2px var(--primary-blue-color);
	outline-offset: -2px;
	background-color: transparent;
}

/*---BV REVIEW---*/
abbr[data-original-title], abbr[title]{/*--Style reset for PDP reviews stars #--*/
    cursor: default;
    border-bottom:0 none;
}
.plp-bv-inline-stars{
    min-height:20.5px;
}
.pdp-bv-inline-stars{
    min-height:35px;
}
/*---BV REVIEW---*/

/*--------------------- PRODUCT DETAILS PAGE ELEMENTS ---------------------*/

/*--------------------- MODAL ELEMENTS ---------------------*/
.modal-title{
    color:var(--primary-blue-color);
}
.alert-info.freeShippingNotQualified,
.modal-body .freeShippingNotQualified,
.alert-info#freeShippingAddToCart,
.modal-body #freeShippingAddToCart,
.alert-success#freeShippingAddToCart{
    background-color: var(--primary-grey-color)!important;;
    border-radius: 3px;
    color: var(--primary-blue-color)!important;
    font-size: 14px;
    border:1px solid var(--primary-grey-color);
}
.alert-info.freeShippingNotQualified .fas,
.alert-info.freeShippingNotQualified p,
.alert-info.freeShippingNotQualified p a,
.modal-body .freeShippingNotQualified .fas,
.modal-body .freeShippingNotQualified p,
.modal-body .freeShippingNotQualified p a,
.alert-info#freeShippingAddToCart .fas,
.alert-info#freeShippingAddToCart p,
.alert-info#freeShippingAddToCart a,
.alert-success.freeShippingQualified .fas,
.alert-success.freeShippingQualified p,
.alert-success.freeShippingQualified p a,
.alert-success#freeShippingAddToCart .fas,
.alert-success#freeShippingAddToCart p,
.alert-success#freeShippingAddToCart a{
    color: var(--primary-blue-color)!important;
}
.modal-body .freeShippingQualified{
    background-color: var(--primary-grey-color)!important;;
    border-radius: 3px;
    color: var(--primary-blue-color)!important;
    font-size: 14px;
    border:1px solid var(--primary-grey-color);
}
.modal-body .freeShippingQualified .fas,
.modal-body .freeShippingQualified p,
.modal-body .freeShippingQualified a{
    color: var(--primary-blue-color)!important;
}
.alert-success#freeShippingAddToCart,
.alert-success#freeShippingAddToCart .fas{
    position: static;
}
.alert-success#freeShippingAddToCart{
    padding-left:15px;
}
.well .freeShippingQualified,
.well .alert-success#freeShippingAddToCart{
    color: #3c763d!important;
    background-color: var(--primary-grey-color)!important;
    border-color: var(--primary-grey-color)!important;
    border:1px solid;
    border-radius: 4px;
    
}
.well .freeShippingQualified p,
.well .freeShippingQualified p a,
.well .freeShippingQualified .fas,
.well .alert-success#freeShippingAddToCart p,
.well .alert-success#freeShippingAddToCart p a,
.well .alert-success#freeShippingAddToCart .fas{
    color: #3c763d!important;
}
.well #freeShippingAddToCart{
    padding:10px 0;
}
#modalRefinement .modal-header,
.modal-flyout .modal-header{
	background: var(--primary-blue-color);
}
#modalRefinement .modal-header h4,
#modalRefinement .close,
#modalRefinement .modal-header .fas{
	color:#FFF;
}
#modalRefinement .sortby{
    padding: 5px 0 5px 0;
}
/*--------------------- MODAL ELEMENTS ---------------------*/


/*--------------------- CAROUSEL ELEMENTS ---------------------*/
.carousel-indicators .active{
    background-color:var(--primary-blue-color);
}
#carousel-flyer .carousel-indicators{
    top:-40px;
}
#carousel-flyer .carousel-control{
    width:20%;
}
#carousel-flyer .carousel-control .fa-chevron-right::before, 
#carousel-flyer .carousel-control .fa-chevron-left::before{
    font-size:42px;
}
/*--------------------- CAROUSEL ELEMENTS ---------------------*/

/*--------------------- FOOTER ELEMENTS ---------------------*/
#footer {
	/* Set the fixed height of the footer here */
    height: auto;
    background-color:var(--primary-blue-color);
	padding-bottom:38px;
    margin-top:auto
}
#footer .row:first-child,
#footer .row:nth-child(2){
    border-bottom: 1px solid #044A7C;
}
#footer h2,
#footer h2 a{
    font-size:16px;
    font-weight:bold;
    color:var(--primary-grey-color);
    /* text-transform: uppercase; */
    margin:20px 0 10px;
}
#join-mailing-footer h2{
    margin:0 0 5px;
}
#footer p{
    font-size:13px;
    color:var(--primary-grey-color)
}
#footer ul{
    margin:0;
    padding:0;
}
#footer ul li{
    list-style-type:none;
    padding:0;
}
#footer ul li a{
    font-size:14px;
    line-height:2em;
    color:var(--primary-grey-color)
}
#footer #social-media li{
    display:inline-block;
    margin:0 5px 0 5px;
}
#footer #social-media li:first-child{
    margin-left:0;
}
#footer #social-media li .fab,
#footer #social-media li .far{
    font-size: 22px;
    margin: 4px 10px 0 0;
    background: #ffffff;
    padding: 6px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    text-align: center;
    color: var(--primary-blue-color);
}
#post-footer p{
    line-height:2em;
    margin:0;
    padding:0;
    font-size:12px;
    color:var(--primary-grey-color);
}
#post-footer ul li{
    display:inline;
    margin:0 15px 0 0;
    text-align:right;
    padding:5px 0;
}
#post-footer ul li a,
#post-footer p a{
    font-size:12px;
    color:var(--primary-grey-color);
}
#post-footer-contact a{
    font-size:14px!important;
    font-weight:bold;
    margin:0 10px 0 0;
}
#post-footer-contact a:first-child{
    border-right:1px solid #FFF;
    padding:0 12px 0 0;
}
.footer-collapse:before{
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078";
	float: right;
	transition: all 0.5s;
	color:#FFF;
}
.footer-collapse[aria-expanded="true"]:before {
	 -webkit-transform: rotate(180deg);
	 -moz-transform: rotate(180deg);
	 transform: rotate(180deg);
 }
 .footer-collapse:hover{
     cursor:pointer;
 }
 #footer a[data-toggle="collapse"]{
  cursor:pointer;
}
#accepted-payment-logos{
    text-align:right;
}
#accepted-payment-logos img{
    margin:0 0 5px;
    max-height:35px;
    padding:5px;
    border-radius: 3px;
    background-color: #FFF;
}
#back-to-top-button{
    bottom:150px;
}
#ssl-logo a{
    display: block;
}
/*--------------------- FOOTER ELEMENTS ---------------------*/

/*--------------------- CMS PAGES ---------------------*/
/*----- STATIC PAGE JUMBOTRON -----*/
.static-page-jumbotron{
    height:360px;
    background-position:top center;
    background-size:cover;
    position: relative;
    display: flex;
    align-items: center;
}
.static-page-jumbotron #color-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.1 ;
}
.static-page-jumbotron h1{
    color:#FFF;
    font-size:36px;
    line-height:1.1em;
    padding:0;
    margin:0;
    position: relative;
    text-align:left;
    text-transform:uppercase;
    font-weight:600;
    text-shadow: 0 0 12px #333, 0 0 12px #333;
}
.static-page-jumbotron h1#minimal-style,
.static-page-jumbotron p#minimal-style{
    color:#FFF;
    font-size:22px;
    line-height:1.4em;
    padding:0;
    margin:0;
    position: static;
    text-align:left;
    text-transform:none;
    font-weight:normal;
    text-shadow: 0 0;
}
.static-page-jumbotron p{
    color:#FFF;
    font-size:24px;
    line-height:1.2em;
    padding:10px 0;
    margin:0;
    position: relative;
    text-align:left;
    text-shadow: 0 0 8px #333, 0 0 8px #333;
}
h1#hero-page-title{
    color:#000;
    font-size:36px;
    line-height:1.1em;
    padding:0;
    margin:0;
    position: relative;
    text-align:left;
    text-transform:uppercase;
    font-weight:600;
    text-shadow: none;
}
/*----- STATIC PAGE JUMBOTRON -----*/

/*----- FAQ -----*/
#faq-content .nav-stacked > li+li{
    margin-top:0;
}
#faq-content .faq-title{
   display:block;
   font-size:12px;
   font-weight:bold;
   text-transform:uppercase;
   color:var(--secondary-grey-color);
   padding-bottom:15px;
   padding-top:25px;
}
#faq-content .panel{
   border-radius:0;
   margin-bottom:15px;
   border-bottom: 1px solid #ddd;
}
#faq-content .panel-default > .panel-heading{
    border-color:transparent;
}
#faq-content .panel-title > a{
   font-size: 18px!important;
   font-size: 1.5rem;
   font-weight: 400;
   margin: 0;
   padding: 10px 0;
   text-decoration:none;
   color:var(--secondary-grey-color);
}
#faq-content h2.panel-title > a{
   font-size: 24px!important;
   font-weight: 400;
   margin: 0;
   padding: 10px 0;
   text-decoration:none;
   color:var(--primary-blue-color);
}
#faq-content h3.panel-title > a{
   font-size: 18px!important;
   font-weight: 400;
   margin: 0;
   padding: 10px 0;
   text-decoration:none;
   color:var(--secondary-grey-color);
}
#faq-content .modal .panel-title > a{
    font-size:16px!important;
    padding: 10px 15px;
    margin:10px 0;
}
#faq-content .panel-body{
   font-size: 14px!important;
   font-size: 1.5rem;
   font-weight: 400;
   margin: 0;
   padding: 5px 0 15px 0;
}
#faq-content .panel-body p{
    margin:8px 0;
    font-size:16px;
}

#faq-content .panel-body ul li,
#faq-content .panel-body ol li{
    color:var(--secondary-grey-color)!important;
    line-height:1.5em;
    margin:8px 0;
    font-size:16px;
}
/*----- FAQ -----*/


/*----- STATIC PAGE TYPOGRAPHY -----*/
#static-page-container h2{
    color:var(--primary-blue-color);
    font-weight:400;
    font-size:24px;
    margin:15px 0 10px;
    line-height:1.4em;
}
#static-page-container h3{
    color:var(--secondary-grey-color);
    font-weight:400;
    font-size:18px;
    line-height:1.4em;
}
#static-page-container h4{
    color:var(--secondary-grey-color);
    font-weight:400;
    font-size:16px;
    line-height:1.2em;
}
#static-page-container #info-section h2{
    font-size:24px;
}
#static-page-container #info-section p{
    font-size:16px;
}
#static-page-container ul{
    padding:0;
    margin:0 0 0 15px;
}
#static-page-container ul li{
    color:var(--secondary-grey-color)!important;
    line-height:1.5em;
}
#static-page-container a {
    font-weight:bold;
}
#resource-center-nav li{
    width:auto!important;
}
#resource-center-nav li a{
    padding:10px 15px;
}
#resource-center-nav li a{
    padding:10px 15px;
}
#resource-center-nav li a:lang(fr){
    padding:10px 10px;
}
#text-white h2,
#text-white h3,
#text-white p,
#text-white label{
    color:#FFF!important;
}
a,
.cart-save-for-later-link{
    color:var(--primary-blue-color);
}
.well .affirm-as-low-as{
    font-size:14px;
    min-height:55px;
    margin:5px 0;
}
.well .affirm-as-low-as {
    min-height: 40px;
}
.well .affirm-as-low-as{
    text-align:right;
}
.well .affirm-modal-trigger {
    display: block;
}
.affirm-as-low-as a,
.affirm-as-low-as-cart a{
    text-decoration:underline;
}
.affirm-as-low-as .affirm-ala-price{
    font-weight:bold;
}
.well .affirm-as-low-as .affirm-modal-trigger:lang(fr){
    display: block;
}
.panel-title-category-landing a,
.panel-heading-category-landing a:after{
	color:var(--primary-blue-color);
}
/*----- STATIC PAGE TYPOGRAPHY -----*/

/*----- CAREERS -----*/
#careers hr {
	border-top: 1px solid #DDD;
	margin-top: 5px;	
	margin-bottom: 10px;
	width: 100%;
}
#careers a{
	text-decoration:underline;
}
/*----- CAREERS -----*/

/*----- MANUFACTURER FLYERS -----*/
.grey-card{
    background-color:var(--primary-grey-color);
    padding:0 0 15px 0!important;
    border:10px solid #FFF;
}
.grey-card.mfg-flyer-card{
    display: flex;
    flex-direction: column;
}
.grey-card.mfg-flyer-card p.mfg-flyer-card-name{
    margin:0;
    font-size:16px;
}
.grey-card.mfg-flyer-card h2{
    margin:0 0 15px 0!important;
    line-height:1.2em!important;
}
.thumbnail .caption{
    padding:10px 25px;
}
#seminar-blurb h1{
    font-size:24px;
    line-height:1.2em;
    font-weight:bold;
}
/* Automatically break one column into multiple with this div class */
#multi-column{
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}
.inset-border {
    margin-bottom: 20px;
    padding: 10px 30px 30px 30px!important;
    background-color: #fff;
    border-radius: 4px;
    outline: 1px solid #ddd;
    outline-offset: -10px;
}
.inset-border-cotent {
    margin-bottom: 20px;
    padding: 10px 10px 30px 10px!important;
    background-color: #fff;
    border-radius: 4px;
    outline: 1px solid #ddd;
    outline-offset: -10px;
}
.equal {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height:100%;
    width:100%;
    flex:1 0 auto;
}
/*--------------------- CMS PAGES ---------------------*/

/*--------------------- FORM ---------------------*/
.feature-form input:focus,
.feature-form select:focus,
.feature-form textarea:focus{
    border-color:var(--primary-blue-color);
}
/*--------------------- FORM ---------------------*/

/*--------------------- ICONS ---------------------*/
#wrapper .fa, 
#wrapper .far, 
#wrapper .fas{
    color: var(--secondary-grey-color);
    padding: 0 5px 0 0;
}
/*--------------------- ICONS ---------------------*/

/*--------------------- CHAT ---------------------*/
#chat-window-trigger {
    position:fixed;
    right: 10px; 
    bottom:0;
    z-index: 99999;
    display: block;
}
#chat-icon{
    margin-bottom:90px;
    width:50px;
    height:50px;
    background:#f9a33a;
    border-radius: 50%;
    -webkit-box-shadow: 2px 0px 5px 0px rgba(166,166,166,1);
    -moz-box-shadow: 2px 0px 5px 0px rgba(166,166,166,1);
    box-shadow: 2px 0px 5px 0px rgba(166,166,166,1);
    float:right;
}
#chat-icon:before{
    font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	content: "\f086";
    font-size:25px;
    line-height:50px;
    color:#FFF;
    display: block;
    text-align:center;
}
#chat-title{
	display:none;
    background-color:#F9A33A;
    height:40px;
    width:0px;
    color:#FFF;
	font-size: 16px;
    font-style: italic;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    -webkit-box-shadow: 2px 0px 5px 0px rgba(166,166,166,1);
    -moz-box-shadow: 2px 0px 5px 0px rgba(166,166,166,1);
    box-shadow: 2px 0px 5px 0px rgba(166,166,166,1);
    float:left;
    margin: 6px -10px 0 0px;
    padding:8px 0 0 15px;
}
#chat-window-trigger .fas{
	color:#FFF;
	font-size:20px;
}
.btn-chat{
    font-size: 16px;
    font-style: italic;
    background: #f9a33a url(/tenaquip/images/icon/chat-icon.svg) 5px no-repeat;
    color:#FFF;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:50px;
    -webkit-box-shadow: 2px 0px 5px 0px rgba(166,166,166,1);
    -moz-box-shadow: 2px 0px 5px 0px rgba(166,166,166,1);
    box-shadow: 2px 0px 5px 0px rgba(166,166,166,1);
    border-radius:50px;
}
.btn-chat:hover,
.btn-chat:focus{
    color:#FFF;
    background: #f9a33a url(/tenaquip/images/icon/chat-icon.svg) 5px no-repeat;
}
/*--------------------- CHAT ---------------------*/


/* -------- MEDIA QUERIES --------- */


@media (min-width: 992px)  {
    
    #help-centre-image{
        
        background-size: cover;
        background-position: center top;
        height: 400px!important;
    }
    
    #help-contact-us{
            float: right!important;
        
    }
    
    
}
@media (min-width: 1200px) and (max-width: 1400px) {
    #wrapper{
        padding-bottom:110px;
    }
}
@media (max-width: 1200px){
    #account-cart-holder > ul > li > ul{
        left: -200px;
    }
    #account-cart-holder > ul > li{
        margin-left:15px;
    }
    .navbar-default #mega-menu-deals{
        left:-320px;
    }
    .navbar-default .navbar-nav > li > a:lang(fr){
        padding: 12px;
    }
    #category-title-wrapper, #search-title-wrapper{
		display:block;
	}
    #resource-center-nav li a{
        padding:5px 8px!important;
    }
}
@media (min-width: 1200px) and (max-width: 1300px) {
    #account-cart-holder{
        width: auto;
    }
    .ui.fluid.search .results{
        width:178%!important;
    }
    #resource-center-nav li a:lang(fr){
        padding:10px 5px;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    #search-box {
        width: 370px;
    }
    #search-box:lang(fr) {
        width: 315px;
    }    
    #refine-sidebar-refs{
        width:21%;
    }
    .punchout-category-card{
        min-width:33.33%;
    }
    .punchout-category-card img{
        border-right-width:45px;
        border-left-width:45px;
    }
    #resource-center-nav li a {
        padding:3px 10px;
    }
    #refine-sidebar-refs{
        width:21%;
    }
    body{
      margin-bottom: 680px;  
    }
    #footer {
        height:680px;
    }
    body:lang(fr){
        margin-bottom: 780px;  
    }
    #footer:lang(fr) {
        height:780px;
    }
}

@media (max-width: 991px){
    #bf-topbar, #free-delivery-topbar{
        font-size:12px;
    }
    #free-delivery-topbar .carousel-control .fa-chevron-left, 
    #free-delivery-topbar .carousel-control .fa-chevron-right{
        top:8%;
    }
    #search-box {
        width: 100%;
        order:3;
        margin:5px 0 15px;
    }
    .ui.fluid.search .results{
        width: 100%!important;
    }
    .navbar-default .navbar-nav{
        float: none!important;
        text-align: center;
    }
    .navbar-default .navbar-nav > li {
        float: none!important;
        display: inline-block;
    }
	.navbar-default .mega-menu{
		width: 655px!important;
	}
	.navbar-default .mega-menu li#mega-menu-column-bkg {
		width: 400px;
	}	
    #refine-topbar .pageresults,
    a#list, a#grid{
        float:left;
    }
    a#list{
        margin-left:5px;
        margin-right:5px;
    }
	.navbar-fixed-top{
		position: fixed;                          /* added to support older browsers */
        position: static!important;
		margin: 0 auto;
	}
    #category-images ul li,
    #product-carousel ul li.flyer-carousel-item {
        width: 110px;
    }
    .all-sales-landing-card h2{
        font-size:20px
    }
    .all-sales-landing-card p a{
        font-size:13px;
    }
    .affirm-as-low-as{
        height:50px;
    }

}
@media (min-width: 992px){
    .navbar-fixed-top-body{
        padding-top:120px;
    }
    .topbar-nav #navbar-nav-left{
        display:inline-block;
        width:33.33%
    }
    .topbar-nav #navbar-nav-left:lang(fr){
        width:36.33%
    }
    .topbar-nav #navbar-nav-right{
        width:auto;
    }
    .ui.fluid.search .results{
        width:158%!important;
    }
    .col-md-2-5{
        width:20%;
    }
}
@media (min-width: 767px) and (max-width: 991px) {
    #refine-topbar .navbar-collapse{
        background-color:var(--primary-grey-color)
    }
    .punchout-category-card{
        min-width:50%;
    }
    .punchout-category-card img{
        border-right-width:65px;
        border-left-width:65px;
    }
    #resource-center-nav li a {
        height: 75px;
        padding:3px 20px;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    #home-ad-autocrib-wrapper,
    #home-ad-mailing-wrapper,
    #home-ad-foundation-wrapper{
        width: auto;
        margin: 0 auto;
    }
}
@media (max-width: 767px) {
    .topbar-nav{
        background-color:#FFF;
    }
    .site-header{
        border-bottom:3px solid var(--primary-grey-color);
        padding-bottom:5px;
    }
    .topbar-nav .navbar-collapse{
        background-color:transparent;
        position: absolute;
        z-index: 1000;
        width: 100.5%;
        background-color: #fff;
        padding:0;
        margin:-1px;
        height:100vh;
        overflow-y: scroll;
        background-color:var(--primary-blue-color);
    }
    #account-bar-collapse{
        background-color:#FFF;
    }
    .topbar-nav .navbar-collapse ul.navbar-nav{
        padding:20px 0;
    }
    .topbar-nav .navbar-collapse ul:nth-child(2){
        background-color:#FFF;
    }
    .topbar-nav .navbar-nav > li{
        padding:0;
        border-color:transparent;
    }    
    .topbar-nav .navbar-nav:nth-child(3) > li,
    .topbar-nav .navbar-nav:nth-child(4) > li{
        background-color:var(--primary-blue-color);
        border-bottom:1px solid var(--primary-blue-color);
    }
    .topbar-nav .navbar-nav:nth-child(3) > li .caret,
    .topbar-nav .navbar-nav:nth-child(4) > li .caret{
        border-top-color:#FFF;
    }
    .topbar-nav .navbar-nav:first-child .dropdown.open .caret{
        border-bottom-color:#FFF;
    }
    .topbar-nav .navbar-nav:first-child .dropdown-menu > li > a{
        color:#FFF;
    }
    .topbar-nav .navbar-nav:nth-child(3) > li > a,
    .topbar-nav .navbar-nav:nth-child(4) > li > a{
        color:#FFF;
        padding:8px 45px;
        font-weight:normal;
        font-size:13px;
    }
    .topbar-nav .navbar-nav > li.dropdown,
    .topbar-nav .navbar-nav > li.navbar-careers{
        border-bottom:1px solid #FFF;
    }
    .topbar-nav .navbar-nav > li{
        border-bottom:0 none;
    }
    .topbar-nav .navbar-nav > li > a{
        font-size:16px;
        color:var(--primary-blue-color);
        text-transform:none;
        padding:10px 45px;
    }
    #account-bar-collapse .navbar-nav > li > a{
        font-weight:normal;
    }
    #account-cart-holder{
        width:auto;
        padding:0;
    }
    #account-cart-holder > ul > li{
        margin-left:5px;
    }
    #account-cart-holder > ul > li a#view-cart-mobile{
        display: block;
        padding: 0 10px 0 0;
    }
    #account-cart-holder #account-bar-collapse{
        width: 100vw;
        position: absolute;
        left: auto;
        right: -5px;
        top: 35px;
    }
    #account-cart-holder #account-bar-collapse .navbar-nav > li{
        background-color:#FFF;
        border-bottom: 0 none;
    }
    #account-cart-holder #account-bar-collapse .navbar-nav > li#account-holder-name{
        border-top: 1px solid #DDD;
    }
    #account-cart-holder #account-bar-collapse .navbar-nav > li{
        padding:10px 15px;
        font-size:14px;
        color:var(--secondary-grey-color);
    }
    #account-cart-holder #account-bar-collapse .navbar-nav > li > a,
    #account-cart-holder #account-bar-collapse .navbar-nav > li p{
        padding:0;
        font-size:14px;
        color:var(--secondary-grey-color);
        text-transform:none;
    }
    #account-cart-holder #account-bar-collapse .navbar-nav > li p,
    #account-cart-holder #account-bar-collapse .navbar-nav > li p a{
        font-size:12px;
        margin:0;
    }
    #account-cart-holder #account-bar-collapse .navbar-nav > li ul{
        padding:0;
    }
    #cart_count{
        top:-6px;
    }
    .topbar-nav .caret{
        float:right;
        margin:5px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #4C4C4C;
    }
    .topbar-nav .fas{
        color:#FFF;
    }
    .topbar-nav .dropdown.open .caret{
        border-top: none;
        border-bottom: 6px solid #4C4C4C;
    }
    .responsive-logo{
        padding:0 0 0 5px;
    }
    .responsive-logo a{
        display: block;
    }
    #header-phone-number{
        padding:0 0 10px 16px;
        margin-bottom:0;
        background-color:var(--primary-blue-color);
        text-align:left;
        font-size:14px;
    }
    #header-phone-number a{
        color:#FFF;
        text-decoration:none;
    }
    .topbar-nav .navbar-header{
        padding:10px 10px;
        border-bottom:0 none;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header, 
    .navbar-nav .open .dropdown-menu > li > a,
    #account-cart-holder .mega-menu li ul li a{
        font-size:14px;
        padding:8px 45px;
        font-weight:normal;
        border-bottom:0 none;
    }
    #account-cart-holder .mega-menu li ul li:first-child{
        color:#fff;
    }
    .navbar-nav:first-child .open .dropdown-menu{
        background-color:var(--primary-blue-color);
    }
    .dropdown-menu > li > a:focus, 
    .dropdown-menu > li > a:hover{
        background-color:transparent;
    }
    #search-box {
        margin: 0 0 5px;
        padding:0;
    }
    #account-cart-holder > ul > li > ul {
        left:-125px;
        min-width: 220px;
    }
    #account-cart-holder > ul > li > ul > li#account-holder-name{
        padding: 10px;
        border-bottom: 1px solid var(--primary-grey-color);
    }
    #account-cart-holder > ul > li > ul > li > ul p{
       padding: 5px 10px 0; 
    }
    #account-cart-holder > ul > li .fa-chevron-down{
        transition: all 0.5s;
    }
    #account-cart-holder > ul > li.open .fa-chevron-down{
        transform: rotate(180deg);
    }
    #home-cad-header h2{
        font-size: 13px;
    }
    /*-----START HP-----*/
    #home-categories-header h1, #home-brands-header h1{
        font-size:20px;
        padding:0;
    }
    .home-categories-card,
    .flyer-categories-card{
        padding:5px!important;
        margin-bottom:0;
        margin-top:5px;
    }
    .home-categories-card img,
    .flyer-categories-card img{
        margin-top:5px;
    }
    .home-categories-card p,
    .flyer-categories-card p{
        font-size:14px;
        margin:0;
    }
    #home-brands-wrapper .product-carousel-control-auto .fa-chevron-left, 
    #home-brands-wrapper .product-carousel-control-auto .fa-chevron-right{
        padding:48px 0!important;
    }
    .home-categories-card a, .flyer-categories-card a{
        border:0 none;
    }
    #home-brands-wrapper #product-carousel > ul > li{
        width:115px;
    }
    #featured-products #product-carousel > ul > li{
        min-width:130px;
    }
    /*-----END HP-----*/

    /*---------- BROWSE STYLES ------------*/
    #refine-topbar .navbar-collapse{
        background-color:var(--primary-grey-color)
    }
    #category-images-scrollbar{
        height:10px;
    }
    .overlay{
        position: fixed; /* Sit on top of the page content */
        display: none; /* Hidden by default */
        width: 100%; /* Full width (cover the whole page) */
        height: 100%; /* Full height (cover the whole page) */
        top: 15%;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.5); /* Black background with opacity */
        z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
        cursor: pointer; /* Add a pointer on hover */
    }
    #carousel-flyer .carousel-indicators{
        top:-55px;
    }
    #carousel-flyer .carousel-control{
        width:10%;
    }
    .carousel-control .fa-chevron-right::before, 
    .carousel-control .fa-chevron-left::before{
        background-color:transparent;
    }
    .punchout-category-card{
        min-width:50%;
    }
    .punchout-category-card img{
        border-right-width:65px;
        border-left-width:65px;
    }
    #pdp-free-shipping-message,
    .modal-body .freeShippingQualified .fas, .modal-body .freeShippingQualified p, .modal-body .freeShippingQualified a{
		font-size:14px!important;
	}
    
    /*-----START PDP-----*/
    #details-product-information .number:before{
		content:none;
	}
	#details-product-information .number:lang(fr):before{
		content:none;
	}
    #details-product-avail-wrap{
        margin:0;
    }
    .btn-add-to-cart-details, .btn-where-to-buy-details{
		width:75%!important;
	}
    .bottom-sticky-cta-stuck,
    #bottom-sticky-cta{
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 999;
		margin-top: 1.35rem;
		-webkit-transform: translateY(calc(100% - 79px));
		transform: translateY(79%);
		transform: translateY(calc(100% - 79px));
		width: 100%;
		background: var(--primary-grey-color);
		border-top:3px solid #DDD;
		padding:10px 15px!important;
	}

    .bottom-sticky-b2b-stuck{
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 999;
		margin-top: 1.35rem;
		-webkit-transform: translateY(calc(100% - 179px));
		transform: translateY(79%);
		transform: translateY(calc(100% - 179px));
		width: 100%;
		background: var(--primary-grey-color);
		border-top:3px solid #DDD;
		padding:10px 15px!important;
	}

	/*-----END PDP-----*/
    .btn-blue.btn-checkout.btn-affirm{
        background-color: #4A4AF4!important;
        font-size:14px;
    }
    .bottom-sticky-cta-stuck #paypal-buttons{
        padding:10px 5px;
    }
    #footer{
        padding-bottom:80px;
    }
    #join-mailing-footer,
    #post-footer,
    #accepted-payment-logos,
    #post-footer ul{
        text-align:center
    }
    #ss_gmo_globalsign_secured_site_seal{
        margin:0 auto;
    }
    .product-grid-flyer-mfg-logo {
        position: absolute;
    }
    .product-grid-flyer-mfg-logo img {
        min-height:40px;
    }
    .btn-default-rounded-flyer{
        font-size:13px;
    }
    .product-grid-flyer .product-grid-cta .product-price:not(.text-promo) strong,
    .product-grid-flyer .product-grid-cta .product-price.text-promo strong{
        font-size:22px;
    }
    .modal-footer-2-btns .btn{
        font-size:13px!important;
        padding:15px 5px
    }
    #chat-window-trigger{
        right:10px;
    }
    .static-page-jumbotron{
        min-width: 100%;
        height:150px;
        margin-bottom: 0;
    }
    .static-page-jumbotron h1,
    .static-page-jumbotron h1#minimal-style{
        color:#FFF;
        font-size:26px;
    }
    .static-page-jumbotron h1#minimal-style span{
        font-size:20px!important;
    }
    .static-page-jumbotron p{
        font-size:18px;
    }
    #static-page-container .caption h3 {
        font-size:14px;
    }
    .punchout-category-card{ 
        min-width:50%;
    }
    .punchout-category-card img{
        border-right-width:30px;
        border-left-width:30px;
    }
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (min-width: 767px) {
    .navbar-right{
        margin-right:0;
    }
    .collapse.dont-collapse-sm {
        display: block;
        height: auto !important;
        visibility: visible;
    }
    .bottom-sticky-cta-stuck, #bottom-sticky-cta{
        padding:0;
    }
}
@media (min-width: 1200px){
    #search-box {
        width: 32%;
    }
    .punchout-category-card:nth-child(9){
        margin-left: 12.5%;
    }
    #details-product-information .bs-callout{
        width:auto;
        display: inline-block;
    }
    .product-cta .bs-callout{
        width:auto;
        float:right;
        margin-top: 0;
        display: inline-block;
    }
    #cart-avail-wrap .bs-callout{
        width:auto;
        margin-top: 0;
        display: inline-block;
    }
    #brand-logo {
        height: auto;
    }
}

@media (min-width: 1300px) {
    #account-cart-holder{
        width: auto;
    }
    .featured-container,
    .container,
    .navbar-fixed-top > #refine-topbar-inner {
        width: 1270px;
    }
    .navbar-fixed-top > #refine-topbar-inner{
        padding:0 15px;
    }
    .ui.fluid.search .results{
        width:145%!important;
    }
}

@media (min-width: 1500px) {
    #search-box {
        width: 575px;
    }
    .ui.fluid.search .results{
        width:110%!important;
    }
    .featured-container,
    .container,
    .navbar-fixed-top > #refine-topbar-inner {
        width: 1470px;
    }
    .navbar-fixed-top > #refine-topbar-inner{
        padding:0 15px;
    }
    #category-sidebar .list-group-item{
        padding:0.54em 0;
    }
    #featured-products #product-carousel-controls{
        visibility: hidden;
    }
}


@media print{
    #logo-no-print img{
        display: none!important;
        visibility: hidden!important;
    }
    .visible-print{
        display: block;
        visibility:visible;
    }
}

/* On touch/no-hover devices, disable clicks on the parent link */
@media (hover: none) {
  .nav-item > a { pointer-events: none; }
}