@charset "UTF-8";
body{
  background-color:#BAC9DA !important;
  font-family: 'Heebo', sans-serif;
	font-weight: medium;
}
nav{
  background-color: #ffffff !important;
}
.navbar .navbar-nav .nav-link {
  color: #000000 !important;
  font-family: 'Heebo', sans-serif !important;
  font-weight: medium !important;
}
.navbar .navbar-nav .nav-link:hover{
  color: #808080 !important;
  font-family: 'Heebo', sans-serif !important;
  font-weight: medium !important;
}
.navbar-logo-centered .navbar-nav .nav-link{
  padding: .5em 1em;
}
.navbar a{
  font-family: 'Heebo', sans-serif !important;
font-weight: medium !important;
font-size: 22px;
}
  
.header-logo-two{
  width: 168px;
  position: relative;
  right: 10.5px;

}
.nav-item{
  font-family: 'Heebo', sans-serif !important;
font-weight: medium !important;
}
.CIRCLE{
  position: absolute;
  z-index:-1;
  top: 90%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100px;
  width: 200px;
  border-radius: 0 0 150px 150px;
  background-color: #ffffff;
}
.whiteContainer{
  background-color: #ffffff !important;
}
.whiteContainerTwo{
  background-color: #ffffff !important;
  border: 3px solid #000000;
}
footer{
  background-color: #183761 !important;
  position: relative;
  bottom: 0;
  width: 100%;
}
.headTextWhite{
  font-family: 'Heebo', sans-serif !important;
  font-weight: medium !important;
  color: #ffffff !important;
  font-size: 45px;
}
.mainTextWhite{
  font-family: 'Heebo', sans-serif !important;
  font-weight: medium !important;
  color: #ffffff !important;
}
.headTextBlue{
  font-family: 'Heebo', sans-serif !important;
  font-weight: medium !important;
  color: #183761 !important;
  font-size: 40px;
}
.mainTextBlue{
  font-family: 'Heebo', sans-serif !important;
  font-weight: medium !important;
  color: #183761 !important;
  text-align: left;
}
.subTextWhite{
  font-family: 'Heebo', sans-serif !important;
  font-weight: medium !important;
  color: #ffffff !important;
  text-align: center;
  font-size: 15px !important;
}
.footerLogo{
  padding-top: 30px;
  padding-bottom: 30px;
  width: 90px;
}
.footerLogoTwo{
  position: relative;
  top: -20px;
  width: 150px;
  z-index:1;
}
.smallMe{
  position: relative;
  left: 5px;
  z-index:8;
  background-color: #BAC9DA !important;
  color: #000000 !important;
  padding: 3px !important;
  font-size: 15px !important;
  font-family: 'Heebo', sans-serif !important;
  font-weight: medium !important;
}
.btnLite{
  background-color: #BAC9DA!;
}

.filters{
  padding: 3% !important;
  margin-left: 3% !important;
  margin-top: 4% !important;
	width: 100%;
  border-radius: 5px;
  border: 2px solid black;
}
.productImage{
	width: 100%;
}
.productsList{
	width: 100%;

}
.productItem{
  height: 575px;
	width: 100% !important;
 
  

}
.addToCartButton{
	width: 30px;
	height: 30px;
}
.addToCartImage{
	width: 30px;
	height: 30px;
}
.fillSpace{
  
  height: 100%;
}
.productTableItem{
	margin: 0px;
  width: 100%;
  padding: 1% !important;
  margin-left: 3% !important;
  margin-top: 4% !important;
 
}
.dropdown-container {
  position: relative;
}

.dropdown-menu {
  position: absolute;
  top: 100%; /* Bottom of button */
  
  margin-left: -100px; /* More to the left */
}
.navTypeOne{
  padding: 6px !important;
  position: relative;
  left: 15px;
  margin-right:25px !important;
}
.navLogoOne{
  display: block;
  position: relative;
  left: 8px;
  margin-left: 35px;
  margin-right: 35px;

}
.navLogoTwo{
  display: block;
  position: relative;
  left: 8px;
  margin-left: 35px;
  margin-right: 35px;

}
.navTypeTwo{
  padding: 6px !important;
  position: relative;
  left: 8px;
  margin-right:25px !important;
}
.socSty{
  color: #ffffff;
  font-size: 20px;
}
.adminLight{
  background-color: #ac3ef0 !important;
}
.adminDark{
  background-color: #591682 !important;
}
.adminNav{
  padding-left:30px;
  padding-right:30px;
}
table{
  width: 100% !important;
}
.tabBut{
background-color: #591682 !important;

}
btn-primary{
  border-color: #000000 !important;
}
.addFootBut{
  background-color: #ac3ef0 !important;
}
.tabItems{
  padding-left:10px;
  padding-right:10px;
  padding-bottom: 25px;;
}
.rowUnder{
  text-decoration: underline 3px #591682;
}
input[type=text] {
  width: 75%;
  border: none;
  border-bottom: 2px solid #591682;
}
.detailPosition{
  position: relative;
  top: -80px;
  left: 15px;
}
.cartPosition{
  position: relative;
  bottom: 118px;
  left: 185px;
}
.detBut{
  font-family: 'Heebo', sans-serif !important;
  font-weight: medium !important;
  background-color: #183761 !important;
  color: #ffffff !important;
  border: none !important;
}
.theColor {
  accent-color: #183761 !important;
  height: 20px; /* not needed */
    width: 20px;
}
.searchLine{
  border-bottom: 2px solid #183761 !important;
}
.loginBar{
  border: none;
  width: 25% !important;
  border-bottom: 3px solid #183761 !important;
}
.loginButton{
  background-color: #183761 !important;
  border: none !important;
}
.black{
  color: #000000 !important;
}
.custBut{
  background-color: #183761 !important;
  
  }
.productDetailImage{
	width: 50%;
}
.tetcet{
  text-align: center !important;
}
.policyBox{
  background-color: #BAC9DA !important;
  padding: 20px !important;
}
  .centText{
text-align: center !important;
  }
  .manImg{
    max-width: 100px;
  }
  .tableFix{
padding: 15px;
  }
  .custom-select {
    position: relative;
    font-family: Arial;
  }
  
  .custom-select select {
    display: none; /*hide original SELECT element: */
  }
  
  .select-selected {
    background-color: #183761;
  }
  
  /* Style the arrow inside the select element: */
  .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
  }
  
  /* Point the arrow upwards when the select box is open (active): */
  .select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
  }
  
  /* style the items (options), including the selected item: */
  .select-items div,.select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
  }
  
  /* Style items (options): */
  .select-items {
    position: absolute;
    background-color: #183761;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
  }
  
  /* Hide the items when the select box is closed: */
  .select-hide {
    display: none;
  }
  
  .select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
  }
  .otherTextBlue{
    text-align: center !important;
    color: #183761 !important;
  }
  .daWidth{
    width: 100% !important;
    
  }
  .daWidthTwo{
    width: 300px !important;
  }

button{
border: none !important;

}
.blueBox{
  background-color: #BAC9DA !important;
  font-weight: bolder !important;
  color: #183761 !important;
}
.blueBoxTwo{
  background-color: #BAC9DA !important;
  font-weight: bolder !important;
  color: #183761 !important;
  width: 55%;
  margin: auto;
}
.ctButton{
  text-align: center !important;
}
.accountInfo{
  text-align: left !important;
  line-height: 35px;
  padding-top: 2.5em;
  padding-bottom: 2em;
}
.inputLength{
  width: 30% !important;
  background-color: #BAC9DA !important;
  color: #183761 !important;
  border-bottom: 2px solid #183761 !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}
.mainSearch{
  margin: 0 auto;
    display: block;
}
.magnafBackground{
  background-color: #BAC9DA !important;
  color: #183761 !important;
}
.inputLengthTwo{
  width: 30% !important;
  background-color: #BAC9DA !important;
  color: #183761 !important;
  border-bottom: 2px solid #183761 !important;

}
.goCenter{
  margin: auto;
}
.carButton{
  color: #183761 !important;
  
}
.headItem{
  padding-top: 2% !important;
  font-size: 20px !important;
}.totalP{
  font-size: 30px !important;
  color: #183761 !important;
  font-weight: bolder !important;
}
.shortLong{
  width: 100% !important;
}