main{
 overflow-x: hidden;
}
.margin-0{
  margin-top: -5px;
}
.bg{
  /* The image used */
  background-image: url('../img/cover.png');
  width: 100%; 
  height:600px;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.footer-bg{
  /* The image used */
  background-image: url('../img/footerbg.png');

  width: 100%; 
  height:400px;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.txtimg{
  margin-top:260px;
  width: 100%;
  padding-left: 50px;
  font-size: 55px;
  color:#135ea2;
  font-family: sans-serif;
}
.txtimg-2{
  width: 100%;
  padding-bottom: 10px;
  padding-left: 50px;
  font-size: 25px;
  color:#585a62;
  font-family: sans-serif;
}
.btnonimg{
  padding-bottom: 10px;
  margin-left: 50px;
  background:#125ea0;
}
.soldtag{
  margin:-3px;
}
.dltspacet{
  margin-top:-10px;
}
.dltspaceb{
  margin-bottom:-25px;
}
.categorybox{
  width:100%;
  margin:20px 0px;
  margin-bottom: 100px;
  padding: 25px 0px;
  font-size: 14px;
}
.categorybox:hover{
  width:100%;
  margin:20px 0px;
  margin-bottom: 100px;
  padding: 25px 0px;
  box-shadow: 4px 4px 10px #aaaaaa;
  border-radius:10px;
  font-size: 14px;
}
.categorybox-2{
  margin:20px 0px;
  padding:10px;
  padding-bottom: 30px;
  font-size: 12px;
  background-color: white;
}
.bot-margin{
  margin-bottom: 100px;
}
.border-hover{
  height: 128px;
  width: 96px;
  border:2px solid #e9e9e9;
}
.border-hover:hover{
  border: 2px solid #135fa2; 
}
.categorybox-2:hover{
  padding:8px;
  padding-bottom: 28px;
  font-size: 12px;
  background-color: white;
  border: 2px solid #135fa2;
}
.border-img{
  border:2px solid #e9e9e9;
}
.imgBorder .border-img:hover{
  border:2px solid #3475ae;
}
.font-size{
  margin-top: 20px;
  font-size: 20px;
  font-weight:normal;
}
.section-2{
  margin-top:100px;
  margin-bottom: 35px;
}
.containerbox{
  width:90%;
  background-color: white;
  padding: 10px 30px;
  border-radius:10px;
  margin-bottom: 20px;
}
.containerbox-2{
  width:90%;
  background-color: white;
  border-radius:5px;
}
.text-pass{
  color:#cecfd0;
}
.booktitle{
  font-size: 16px;
}
.greybg{
  padding:90px 0px;
  background-color: #e5e5e5;
}
.filtertitle{
  margin-top: 0px;
  font-weight: bold;
  color:#635f66;
  margin-left: 30px;
}
.sort{
  padding: 10px 10px;
}
.sorting .active{
  background-color: #135fa2;
  color:white;
}
.containerbox-2 .active{
  color:white;
  background-color: #125ea0;
}
.footer-mt{
  margin-top: 70px;
  font-size:  20px;
}
.btn-active{
  background-color: #135ea2;
  color:white;
}
.btn-active:hover{
  color:white;
}
.quantity .input-text.qty {
 width: 35px;
 height: 25px;
 padding: 0 5px;
 text-align: center;
 background-color: transparent;
 border: 1px solid #efefef;
}

.quantity.buttons_added .minus,
.quantity.buttons_added .plus {
 height: 25px;
 background-color: #eeeeee;
 border: 1px solid #efefef;
 cursor:pointer;
}

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
 -webkit-appearance: none;
 -moz-appearance: none;
 margin: 0; 
}

.quantity.buttons_added .minus:focus,
.quantity.buttons_added .plus:focus {
 outline: none; 
}

#main_content
{
 width:100%;
}
#main_content li
{
 display:inline;
 list-style-type:none;
 background-color:#688A08;
 padding:10px;
 border-radius:5px 5px 0px 0px;
 color:#292A0A;
 font-weight:bold;
 cursor:pointer;
}
#main_content li.notselected
{
 background-color:#e5e5e5;
 color:#717076; 
 margin:-5px;
 padding:10px 20px;
 border: 2px solid #cdced0;
}
#main_content li.selected
{
 background-color:white;
 color:black; 
 border:2px solid #cdced0;
 border-bottom: 2px solid transparent;
 padding:10px 20px;
}
#main_content .hidden_desc
{
 display:none;
 visibility:hidden;
}
#main_content #page_content
{
  border-top:2px solid #cdced0;
  height:600px;
  padding:10px;
  margin-top:8px;
  border-radius:0px 5px 5px 5px;
  color:#2E2E2E;
  line-height: 1.6em;
  word-spacing:4px;
}
.bg-color{
  background-color: #e5e5e5;
}
.textcolor{
  color:#125ea0;
}
figcaption{
  font-size: 25px;
}
.sizefont{
  font-size: 20px;
}
.sizefont-2{
  font-size: 30px;
}
.white-container{
  background-color: white;
  width:80%;
}
.buy-btn:hover{
  color:#145894;
}
.pagebtn{
  margin:50px 0px;
  padding: 0px 50px;
}
.pagebtn-2{
  padding: 15px 100px;
}
.inputbox{
  border-style: solid;
  border-color: #e7e8e9;
  border-radius: 5px;
}
.categorypick{ 
  background-color: white; 
  border-radius: 5px;
  border: 2px solid #e7e8e9; 
  padding: 15px 0px; 
  display: inline-block; 
  cursor: pointer; 
} 
.pick_cursor{ 
  cursor: pointer; 
} 
#rootwizard .numberCircle {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  border: 1px solid ;
}

#rootwizard li.active div{
  background-color:#a76f70;
  color: white;
}
#rootwizard span{
  color:#e5e5e5;
}
#rootwizard li div{
  background-color:#e7d5cc;
  color:white;
}
#rootwizard li.active span{
  color:#605b64;
}
#rootwizard-2 .active-2{
  background-color: white; 
  border-radius: 5px;
  border: 2px solid #3979b1; 
  padding: 15px 0px; 
  text-align: center; 
  display: inline-block; 
  cursor: pointer;
}
#paymentCat .active-3{
  background-color: white; 
  border-radius: 5px;
  border: 2px solid #3979b1; 
  padding: 15px 0px; 
  text-align: center; 
  display: inline-block; 
  cursor: pointer;
}
.ps{
  background-color:   #d9ecf6;
  color:  #1b77c9;
}
.height{
  height: 630px;
}
.mt-btn{
  margin-top: 60px;
}
.mb-btn{
  margin-bottom: 60px;
}
.align{
  margin-right: 50px;
  margin-left: 50px;
}
.pager .submit>a, .pager .li>span{
  display: inline-block;
  padding: 5px 30px;
  border: 1px solid #ddd;
  background-color: #135fa2;
  color:white;
  font-size: 20px;
}
a .cart-i {
    width:20px;
    height:20px;
    background:url('../img/cart-icon.png') no-repeat;
    background-size: cover;
}
.containerbox .box{
  margin:-1px 0px;
  margin-left: -20px;
}
.box .font{
  font-size: 12px;
}
.containerbox .mark{
  margin-top: 2px;
}
input[type=radio] {
  visibility: hidden;
}
.applypoint .box input[type=checkbox]{
  display: none;
}
.box input[type=checkbox] {
  visibility: hidden;
}
.mark {
  position: absolute;
  height: 16px;
  width: 16px;
  background-color: white;
  border-radius: 50%;
  border:2px solid #A9A9A9;
}
.box input:checked + .mark {
  background-color: #135fa2;
  border:none;
}
.mark:after {
  content: "";
  position: absolute;
  display: none;
}
.box input:checked + .mark:after {
  display: block;
}
.box .mark:after {
  left: 5.5px;
  bottom: 3.5px;
  width: 5px;
  height: 10px;
  border: solid #eee;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.checkboxposition{
  padding-left:-100px;
  margin-right: 100px;
}
.filterbar{
  padding: 0px 40px;
}