html { scroll-behavior: smooth; }
html, body {
  height: 100%;
  background-color: #FFF;
}
body {
    font-family: Avenir45Book;
    font-size: 14px;
    color: #666;
    line-height: 1.7em;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#footer { background-color: #5f5d60; color: #FFF; }
#newsPage div.newsPost { background-color: rgb(246, 246, 246); }
#scrollToTopBtn { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; }
#sitePage { padding: 0 20px; }
#siteFooter { margin-top: 20px; }
#productPage input.quantity { text-align: center; }
#productPage div.nonPackTable input.quantity { width: 60px; }
#topBar { color: #FFF; background-color: #db1920; width: 100%; padding: 5px; }
/*#productPage button.addToBasketBtn { background-color: #cd5c5c; color: #2ea3f2; padding: .3em 1em; font-size: 20px; font-weight: 500; border: 2px solid; line-height: 1.7em; }*/
#loginForm, #registerForm { border: 1px solid #eeeeee; }
a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}
img.img-hover:hover { transform: scale(1.1); }
li.disabled {
  cursor: not-allowed;
}
li.disabled a {
  pointer-events: none;
}
label > span.required { color: red; font-size: 1.3em; }
.bg-atomPrimary { background-color: #db1920; color: #FFF; }
/*.border { border: thin black solid; padding: 10px; }*/
.fade { opacity: 0; }
.columnPreview { width: 100%; min-height: 10px; border: 1px dashed #000; }
.customButton1 { padding: 10px; color: #cd5c5c; background-color: #FFF; border-color: #cd5c5c; }
#subCategoriesRow button { width: 100%; }
#subCategoriesRow button:hover { background-color: #c6c6c6 !important; }
.customButton2:hover { background-color: #C0C0C0 !important; }
.fontSize12 { font-size: 12px; }
.fontSize14 { font-size: 14px; }
.fontSize16 { font-size: 16px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-left-5 { margin-left: 5px; }
.margin-left-10 { margin-left: 10px; }
.margin-left-20 { margin-left: 20px; }
.margin-top-5 { margin-top: 5px !important; }
.margin-top-10 { margin-top: 10px !important; }
.margin-top-20 { margin-top: 20px !important; }
.margin-top-30 { margin-top: 30px !important; }
.margin-top-50 { margin-top: 50px !important; }
.margin-top-100 { margin-top: 100px !important; }
.mediaLibraryImage { min-height: 150px; border: 1px solid #C0C0C0; cursor: pointer; }
.mediaLibraryImage:hover { opacity: 0.5; border: 5px solid blue; }
.noPadding { padding: 0 !important; margin: 0 !important; }
.padding-5 { padding: 5px; }
.padding-10 { padding: 10px; }
.padding-20 { padding: 20px; }
.padding-30 { padding: 30px; }
.padding-40 { padding: 40px; }
.padding-50 { padding: 50px !important; }
.padding-left-right-10 { padding: 0 10px; }
.padding-left-right-20 { padding: 0 20px; }
.pointer { cursor: pointer; }
.regError .help-block,
.regError .control-label,
.regError .radio,
.regError .checkbox,
.regError .radio-inline,
.regError .checkbox-inline,
.regError.radio label,
.regError.checkbox label,
.regError.radio-inline label,
.regError.checkbox-inline label {
  color: #a94442;
}
.regError .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.regError .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.regError .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.regError .form-control-feedback {
  color: #a94442;
}
.selected { background-color: #666; color: #fff; }
.text-white { color: #FFF; }
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
@media (min-width:1200px){
    .auto-clear .col-lg-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-lg-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-lg-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-lg-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-lg-6:nth-child(odd){clear:left;}
}
@media (min-width:992px) and (max-width:1199px){
    .auto-clear .col-md-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-md-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-md-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-md-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-md-6:nth-child(odd){clear:left;}
}
@media (min-width:768px) and (max-width:991px){
    .auto-clear .col-sm-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-sm-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-sm-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-sm-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-sm-6:nth-child(odd){clear:left;}
}
@media (max-width:767px){
    .auto-clear .col-xs-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-xs-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-xs-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-xs-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-xs-6:nth-child(odd){clear:left;}
}
.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}
.material-icons, .material-symbols, .material-symbols-outlined {
  vertical-align: middle;
  line-height: 0 !important;
  position: relative;
  top: -1px;
}