@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300&display=swap');
/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v82/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
body{font-family: 'Open Sans Condensed', sans-serif;font-size:20px;}
.input-group-text{
  background: none;
}

a {color:#8C0000}
a:hover {color:#8C0000}
.icon {
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin: 0 auto;
	fill: currentColor;
}
.icon--menu {
	width: 2rem;
}

button:focus {
    outline: none;
}

#lContainer{
  width:90px!important;
}
.mContainer{
  float:left;
  border-left:1px solid #CCCCCC;
  width:100%
}
#topRow{border-bottom:1px solid #CCC}
#topText{color:#777;font-style: italic;}
#topMenu a{color:#000;padding:0 5px}
#headerLine{background: #F4F4F4;border-bottom:1px solid #CCC;height:80px}
#headerLine .btn{background: transparent;border: none;padding: .375rem .75rem 0 .75rem;}
#cartBox{background: #000 url("../../img/new/shopping_cart-white-18dp.svg") no-repeat center right;color:#fff;background-size: 50px; }
#mainNav{border-bottom:1px solid #CCC;padding:0;background: #FFF}
#mainNav a{color:#000;font-size:18px;line-height:22px}
.nav-link .material-icons{font-size: 30px}
.dropdown-toggle::after {display: none;}

#mainNav .nav-item{text-align: center;width:10%}
#mainNav .active{background: #F7F7F7}
#navbarSupportedContent ul{
  overflow-y: auto;
}
#promoBot{background:#8C0000;width:120px;}
#promoBot a{color:#fff}
#promoBot a .promo-text{font-weight:900}

#promoBotMob{background:#8C0000;color:#fff;width:100%;display:block;padding:4px 10px;border-radius: 4px;}
#promoBotMob:hover{text-decoration: none;background:#8C0000;background:#5f0202;}
#promoBotMob .promo-text{font-weight:900}


.navbar-toggler{padding: .25rem 0rem;}
.navbar-brand{padding: .5rem}
.mobileIcons{font-size:30px!important;border-right:1px solid #CCC;padding:5px 1px 1px 6px!important;}
.navbar-collapse{border-top: 1px solid #CCC}

.listItem h2{font-size:22px;font-weight:600}
.listItem .price{font-size: 30px}
.listItem .price small{font-size: 15px}
.listItem .itemFooter{}
.listItem .promoFooter{background: #000;color:#fff;border-left: 1px solid #8C0000;border-right: 1px solid #8C0000;border-bottom: 1px solid #8C0000}
.listItem .promoFooter a{color:#fff;position: relative;top:7px}
.listItem .itemFooter{background: #F7F7F7;color:#000;border-left: 1px solid #dee2e6;border-right: 1px solid #dee2e6;border-bottom: 1px solid #dee2e6}
.listItem .itemFooter a{color:#000;position: relative;top:7px}
.triangle-topleft {
  position: relative;
  margin-bottom: -50px;
  color:#fff;
  width: 0;
  height: 0;
  border-top: 50px solid #8C0000;
  border-right: 100px solid transparent;
}
.triangle-topleft-text{
  position: relative;
  top: -48px;
  left:3px;
  font-weight: 700;
}

.whiteFooter{background: #fff;height:30px}

.itemContainer{padding:2px;border-left: 1px solid #dee2e6;border-right: 1px solid #dee2e6}
.alert{margin-bottom: 0;border-radius: 0}
footer{border-top: 1px solid #CCC}
footer #footerMenu{background: #F7F7F7;border-left: 1px solid #CCC}
.breadcrumb{background-color: #fff;border-radius: 0;border-bottom: 1px solid #CCC;margin-bottom: 0;}
.F7{background: #F7F7F7}
.lineBottom{border-bottom: 1px solid #CCC}
.lineTop{border-top: 1px solid #CCC}
.page-link{color:#8C0000}
.page-link:hover{color:#8C0000}
.page-item.active .page-link{background-color: #8C0000;border-color: #8C0000;}
.groupItem a{color:#fff;background:000;}
.groupItem a:hover{text-decoration: none;}
.groupItem a h3{font-size:26px;background:#000;margin-bottom: 0}
.procentRed{background:#8C0000;color:#FFF;font-weight: 900;font-size: 26px;float:right;padding:5px}
.promoOfTheMonth{background:#8C0000;color:#FFF;font-size: 24px;padding:5px}
#bueNow{background:#8C0000;border-color: #8C0000;font-size:26px}
.btn-primary{background:#8C0000;border-color: #8C0000;}
.btn-primary:hover{background:#000;border-color: #000;}
.btn-primary.focus, .btn-primary:focus{box-shadow: 0 0 0 0 rgb(0 123 255 / 50%);}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #8C0000;
    border-color: #8C0000;
}
.table thead th{font-size:16px}
#quantity{height:46px;margin:0 5px}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #8C0000;
}


@media (max-width: 991px){

}
@media (max-width: 1200px){
  .mContainer{
    border-left:none;
  }
  #promoBot{width:auto;}
  #mainNav{}
  #mainNav .nav-item{text-align: left;padding-left: 8px;width:auto}
  .navIcon{float:left;width:100px}
  #topText{font-size:16px}
  #headerLine{display: none}
  .alert{font-size:16px}
  td{font-size:18px}
  h1{font-size: 30px}
  h2{font-size: 28px}
  h3{font-size: 26px}
  h4{font-size: 20px}
  .listItem h2{font-size:18px;font-weight:600}
  .breadcrumb-item a{font-size:14px}
  .breadcrumb-item{font-size:14px}
}