.header-top-bar .top-bar-col {
  position: relative;
}
.header-top-bar .top-bar-col.contact-num ul li {
  display: inline-block;
  padding: 0.5em 0 0.25em;
}
.header-top-bar .top-bar-col.social-icons {
  text-align: center;
}
.header-top-bar .top-bar-col.social-icons .fa {
  margin-top: 0.4em;
  font-size: 1.25em;
}
.header-top-bar .top-bar-col ul li {
  margin: 0;
  padding: 8px 0;
}
.form-inline.main-contact-from .form-control,
.form-inline.main-contact-from button {
  width: 11em;
  margin: 0.5em auto 0;
  height: 2em;
  text-transform: none;
}
.form-inline.main-contact-from button {
  width: 0;
  padding: 1em;
}
.main-contact-from > button {
  position: relative;
}
.main-contact-from > button .fa-sign-in,
.main-contact-from > button .fa-sign-out {
  position: absolute;
  left: 25%;
  top: 25%;
}
.logged-user-form > span {
  position: relative;
  top: 0.25em;
  margin-right: 0.25em;
}
.navbar {
  padding: 1em 0;
}
.navbar-brand > img {
  height: auto;
  padding-left: 0;
}
.nav.navbar-nav.navbar-right {
  padding-right: 0;
}
.navbar .navbar-nav>li>a {
  line-height: 2.25em;
}
#language_btn {
  cursor: pointer;
}
.footer .footer-col .contact-info a {
  color: #758590;
}
.fade-carousel,
.fade-carousel .carousel-inner .item,
.fade-carousel .slides > div,
.fade-carousel .slides img {
  height: 360px;
  object-fit: cover;
}
.fade-carousel .slides > div:before {
  background: none;
}
.progratech {
  width: 105px;
  height: 25px;
}
#main-wrap {
  margin: 2em auto 2em;
}
.iner-title {
  background-image: url(/uploads/bd3af952aa01456e448fbbf44524219c.jpg);
  background-attachment: unset;
  padding: 7em 0;
}
.section-title {
  margin-bottom: 0px;
}



body .section-title{
  text-align:left;
}

.iner-title.layer-black:before {
  background-color: transparent;
}
#open-hours td {
  padding: 0.25em;
  width: 50%;
  color: #758590;
}
#open-hours td:last-child {
  text-align: right;
}
.navbar-nav > li > a {
  display: inline-block;
}
.navbar-nav > li > .dropdown-toggle {
  padding-left: 0;
  padding-right: 0;
  margin-left: -1em;
}
#scrollUp {
  padding: 8px 12px;
}
#scrollUp:before {
  content: "\f077";
  font: normal normal normal 16px/1 FontAwesome;
  color: #ffffff;
  padding-top: 0;
}
#login-alert {
  position: absolute;
  width: 100%;
  z-index: 100;
  /*
  transition: opacity 1s ease-in-out, top 1s ease-in-out;
  opacity: 0;
  top: 0;
  z-index: 0;
  */
}
#login-alert.slide {
  -webkit-animation: slideAnim 10s ease-in-out forwards alternate;
  animation: slideAnim 10s ease-in-out forwards alternate;
}
@keyframes slideAnim {
  0% {
    top: 0;
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  40%, 75% {
    top: 3em;
    opacity: 1;
  }
  100% {
    top: 0;
    opacity: 0;
  }
}
.isotope-item .img-hover {
  display: block;
}
.productSubCat {
  margin-bottom: 1.5em;
}
.productSubCat:last-child {
  margin-bottom: 0;
}
.dataTable {
  width: 100%;
  border-collapse: collapse;
  border: 0;
}
.dataTable tbody > tr > td, .dataTable > thead > tr > th,.dataTable > tfoot > tr > th {
  padding: 0.5em;
  border: 1px solid #ddd;
}
.dataTable .cartTd{
  min-width:125px;
}
.dataTable .priceTd{
  color: #D51F26;
  text-align:right;
}
.dataTable .totalTd{
  color:#D51F26;
  text-align:right;
}
.dataTable .totalTh{
  text-align:right;
}
.dataTable.priced .cartTd{
  min-width:125px;
}
.dataTable > tbody > tr:nth-child(even) > td {
  background-color: #eee;
}
.navbar .navbar-nav > .active > a {
  color: #D51F26;
}
.productSubCat .slickCarousel {
  padding: 0.75em;
  max-width: 80%;
  margin: 0 auto;
  overflow: hidden;
}
.productSubCat .slickCarousel.subCatCarousel {
  max-width: 425px;
}
.productSubCat table .slickCarousel {
  max-width: 80px;
}

.owl-dot span {margin: 2px !important;}
.owl-carousel {width: 80px !important;}
.owl-stage-outer {height: 80px !important;}

.main-slider .carousel-indicators li {
 background-color: rgba(255, 255, 255, 0.4);
 margin: 0 0.35em;
 padding: 0;
 height: 0.65em;
 width: 0.65em;
 border-radius: 100%;
}
.main-slider .fade-carousel .carousel-indicators > li.active {
  height: 0.65em;
  width: 0.65em;
  background-color: rgba(213, 31, 38, 0.4);
}
.navbar-nav > li > .dropdown-toggle {
  margin-left: -0.75em;
}
.breadcrumb {
  background: none;
  border: 0;
  padding: 0;
  margin: 2em 0 0;
  text-align:left;
}
.breadcrumb.arrow > li + li:before {
  content: '\f105';
  padding: 0 10px;
  font-family: 'FontAwesome';
  color: #D51F26;
}
.breadcrumb.arrow > li > a {
  transition: color 0.35s;
  color:#000;
}
.breadcrumb.arrow > li > a:hover {
  color: #D51F26;
}
.printonly {
  display: none;
}
.modal .form-control {
  margin-bottom: 0.5em;
}
.modal-footer #tempPassBSAlert {
  text-align: left;
}
#pdfLink {
  margin-right: 0;
  padding-right: 0;
}
/* .productSubCat h2 {
  color:#D51F26;
  font-weight: 700;
  border-bottom: 2px solid #D51F26;
  padding-bottom: 0.25em;
  cursor: pointer;
} */
.pointer {
  cursor: pointer;
}
#searchBtn {
  background-color: #eee;
  padding: 6px 12px;
}
#searchform .input-group-addon {
  padding: 0;
}
.searchResults dl {
  margin-top: 1em;
  columns: 3;
}
.searchResults dt {
  margin: 0 auto 0.15em;
  font-size: 1.15em;
}
.searchResults dd {
  margin-left: 2em;
  break-before: avoid;
}
.searchResults div {
  break-inside: avoid;
  margin-bottom: 1em;
}
.productSubCat .slick-dots {
  bottom: 0;
}
.productSubCat .slick-dotted.slick-slider {
  margin-bottom: 0;
  padding-bottom: 2em;
}
#searchform {
  margin: 0.75em auto;
}
#search {
  max-width: 12em;
}
.isotope-item {
  cursor: pointer;
  display: inline-block;
}
#grid2 {
  margin-bottom: 2em;
}
#grid2 .isotope-item {
  border-right: 2px solid #fff;
}
#grid2.grid-four-item .isotope-item:last-child,
#grid2.grid-four-item .isotope-item:nth-child(4n),
#grid2.grid-two-item .isotope-item:last-child,
#grid2.grid-two-item .isotope-item:nth-child(2n) {
  border-right-color: transparent;
}
.addtoCart-wrapper .cart_qty {
  font-size: 13px;
  padding: 0 0 0 0.35em;
  max-width: 3.5em;
}
.btn.addToCart{
  background-color:#D51F26;
}
.btn.removeFromCart{
  background-color:#838383;
  padding:0.90em 0.2em 0.90em;
  min-width:3.1em;
  border-radius:2px;
  font-size:10px;
  text-align:center;
}
.addtoCart-wrapper .addToCart {
  padding: 0.40em 0.60em 0.45em;
  border: 1px solid #ccc;
  border-left: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 14px;
}
.addToCart:hover{
  color:#FFF;
}
#cart-link {
  padding-right: 0.25em;
  margin-right: 0.5em;
  position: relative;
}
.scrollingto-fixed.sticky #cart-link{
  color:#FFF;
  height: 28px;
  display: block;
  float: left;
  margin-top: 4px;
}
.removeFromCart {
  position: relative;
}
#shopping-icon {
  position: absolute;
  top: -1em;
  left: 1em;
}
.cart-badge {
  position: absolute;
  top: 2.25em;
  left: 2.25em;
}
#shopping-icon > span, .cart-badge > span {
  padding: 0.3em;
  color: #fff;
  background-color: #D51F26;
  border-radius: 100%;
  font-size: 9px;
  z-index: 10;
  min-width: 1.5em;
  text-align: center;
  display: inline-block;
  line-height: 1;
}
.cart-badge > span {
  padding: 0.3em 0.6em;
}
.addtoCart-wrapper {
  min-width: 5em;
}
.text-active, .active > .text, .active > .auto .text {
  display: none;
}
.active > .text-active, .active > .auto .text-active {
  display: inline;
  display: initial;
}
.btn.btn-default.btn-primary.active {
  background-color: #D51F26;
}
.btn.btn-default:not(.btn-primary) {
  background-color: #d49698;
}
.pull-right .form-group {
  float: right;
  margin-right: 15px;
}
.btn.btn-default:focus, .btn.btn-default:active {
  color: #D51F26;
  background: #fff;
  border-color: transparent;
  outline-color: transparent;
}
.btn.btn-default.btn-primary.active {
  color: #fff;
}
.searchBtns .btn{
  margin-left:15px;
}
.reset-btn{
  background:#AAA;
}
.alert-success span {
  color: #3c763d;
}
#page-categories .masonry-gallery.grid-four-item .isotope-item {
  max-width: 16.5%;
}
/* CSS Spinner : https://projects.lukehaas.me/css-loaders/ */
.loader {
  font-size: 6px;
  overflow: hidden;
  margin: 50px auto;
  text-indent: -9999em;
  width: 11em;
  height: 11em;
  border-radius: 50%;
  background: #D51F26;
  background: -moz-linear-gradient(left, #D51F26 10%, rgba(255,0,0, 0) 42%);
  background: -webkit-linear-gradient(left, #D51F26 10%, rgba(255,0,0, 0) 42%);
  background: -o-linear-gradient(left, #D51F26 10%, rgba(255,0,0, 0) 42%);
  background: -ms-linear-gradient(left, #D51F26 10%, rgba(255,0,0, 0) 42%);
  background: linear-gradient(to right, #D51F26 10%, rgba(255,0,0, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.loader:before {
  width: 50%;
  height: 50%;
  background: #D51F26;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.loader:after {
  background: #F5F7F9;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.isotope-item .img-hover:before {
  opacity: 0.45 !important;
}
.isotope-item:hover .img-hover:before {
  opacity: 0 !important;
}
.isotope-item:hover .portfolio-title {
  top: 40%;
  opacity: 0;
}
.isotope-item .portfolio-title {
  top: 50%;
  opacity: 1;
}
mark {
  background: yellow;
}

/* cart remove modal */
#cartRemover .prodCode{
  font-weight: bold;
  margin-bottom:15px;
}
#cartRemover .prodDesc{
  margin-bottom: 25px;
}
#cartRemover .prodQte{
  font-weight:bold;
  margin-bottom:25px;
}
#cartRemover #cartNewQty{
  margin:0 auto;
  max-width:100px;
}

.pdfoverlay{
  position:fixed;
  background:rgba(0,0,0,0.7);
  height:100%;
  left:0;
  right:0;
  top:0;
  bottom:0;
  text-align:center;
  z-index:10;
}
.pdfoverlay .overlayInner{
  position:absolute;
  top:50%;
  width:100%;
  text-align:center;
  color:#FFF;
}
.pdfoverlay .overlayInner h4{
  color:#D51F26;
  font-size:28px;
  font-weight: bold;
}


/* MEDIA QUERIES RESPONSIVE TOP-DOWN */
@media only print {
  .printonly {
    display: inline-block; /* IE */
    display: initial; /* Everyone else */
  }
}
@media all and (max-width: 991px) {
  .header-top-bar .top-bar-col.contact-num ul li:first-child {
    padding-bottom: 0;
  }
  .header-top-bar .top-bar-col.contact-num ul li:last-child {
    padding-top: 0;
  }
  .navbar {
    padding: 0.5em 0;
  }
  .navbar-brand {
    margin-top: 0.75em;
  }
  .navbar-nav > li > a {
    padding-top: 16px;
  }  
  .navbar-nav > li > .dropdown-toggle {
    padding-left: 0.5em;
    padding-right: 0.25em;
  }
  .form-inline.main-contact-from .form-control, 
  .form-inline.main-contact-from button {
    font-size: 12px;
  }
  .form-inline.main-contact-from .form-control {
    width: 10em;
  }
  .main-contact-from {
    padding-top: 0.25em;
  }
  .navbar-brand > img {
    width: 8em;
  }
  .index-main-wrapper {
    padding-top: 2em;
  }
  #searchform {
    float: left !important;
    margin: 0.25em 0 0 -1.35em;
    position: relative;
    top: 0.75em;
  }
  #search {
    max-width: 9.75em;
  }
  #cart-link {
    position: absolute;
    top: 0.5em;
    left: -2em;
  }
  #page-categories .masonry-gallery.grid-four-item .isotope-item {
    max-width: 24.5%;
  }
}
@media all and (max-width: 767px) {
  .wrapheadmobile {
    float: left;
    width: 100%;
  }
  .wrapheadmobile > .col-lg-4.col-sm-5.col-xs-6,
  .wrapheadmobile > .col-lg-3.col-sm-2.col-xs-6.center-block {
    display: inline;
    float: none;
  }
  .wrapheadmobile > .col-lg-3.col-sm-2.col-xs-6.center-block {
    margin: 0 0 0 -1em;
  }
  .wrapheadmobile > .col-lg-3.col-sm-2.col-xs-6.center-block .fa {
    margin-top: 0.5em;
  }
  .header-top-bar .row > div {
    text-align: center;
  }
  .header-top-bar .top-bar-col ul li {
    padding: 0;
  }
  .header-top-bar .top-bar-col ul li a {
    padding: 0;
  }
  .header-top-bar .top-bar-col.social-icons .fa {
    margin-top: 0;
  }
  .header-top-bar .top-bar-col.contact-num ul li {
    padding: 0;
  }
  .main-contact-from {
    padding: 0 0 1em;
  }
  .form-inline.main-contact-from .form-control, 
  .form-inline.main-contact-from button {
    display: inline-block;
  }
  .form-inline.main-contact-from button {
    margin-top: 0;
  }
  .navbar-toggle {
    margin-top: 1em;
  }
  .navbar {
    padding: 0;
    min-height: 4.5em;
  }
  .navbar-brand { 
    margin-top: 0;
  }
  #search {
    max-width: none;
  }
  #searchform {
    margin: 0 auto 1.25em;
  }
  #grid2.grid-four-item .isotope-item:nth-child(2n) {
    border-right-color: transparent;
  }
  #cart-link {
    position: relative;
    display: block;
    margin: -1em 0 2.5em;
    left: -0.6em;
  }
  #cart-link:after {
      margin-left: 0.35em;
  }
  #cart-link.cart-link-fr:after {
      content: "PANIER";
  }
  #cart-link.cart-link-en:after {
      content: "CART";
  }
  #shopping-icon {
    left: 0.35em;
  }
  #page-categories .masonry-gallery.grid-four-item .isotope-item, 
  #grid.masonry-gallery.grid-four-item .isotope-item {
    max-width: 32.5%;
  }
}

#log-user, #log-pass {
  color: #828282;
}

.productName ul {
  list-style: disc;
  padding-left: 40px;
}

.nav>li>a {
  padding: 10px 12px;
}
.grayedOut {
  color: gray;
}

/* DataTables for history */
.dt-bootstrap .dataTable .sorting_asc, .dt-bootstrap .dataTable .sorting_desc {
  filter: hue-rotate(115deg);
}
.dt-bootstrap .pagination>.active>a, .dt-bootstrap .pagination>.active>a:focus, .dt-bootstrap .pagination>.active>a:hover, .dt-bootstrap .pagination>.active>span, .dt-bootstrap .pagination>.active>span:focus, .dt-bootstrap .pagination>.active>span:hover {
  background-color: #D51F26;
  border-color: #D51F26;
  color: #fff;
}
.dt-bootstrap .pagination>li>a, .dt-bootstrap .pagination>li>span {
  color: #D51F26;
}

.footer-link{
    color:#fff;
}

span.banner{
  color: #fff;
  padding: 2px 15px;
  border-radius: 15px;
  margin-bottom:5px;
  display:block;
  width: fit-content;
}

.oldProductCAD{
  text-decoration-line: line-through;
  font-size:13px;
  color: #666;
}

.productCAD{
  font-size:16px;
  font-weight:bold;
}