/* html, body{
	height:100%;
}

.main-wrapper{
	position:relative;
	min-height:100%;
    _height:100%;

}
.content{
	padding-bottom:30px;
	margin-top:60px;
}
.sidebar_holder{
	margin-top:60px;
}

#footer{
	 position: relative;
     margin-top:-30px;
	 height:30px;

	 text-align:center;
}
*/

html, body {
  overflow-x: hidden !important;
}

a {
  text-decoration: none !important;
}

.main-container {
  margin-top: 50px;
}

.product-list {
  width: 100%;
  display: block;
  margin: 10px auto;
}

.image-product {
  background-repeat: no-repeat !important; 
  background-size: cover;
  background-position: center;
  padding-top: 100%;
  width: 100%;
  position: relative;
}

.head-nav {
  /* background-color: #a10000; */
  position: fixed;
  z-index: 5000;
  top: 0;
  left: 0;
  right: 0;
}

.admin-nav {
    background-color: #a10000;
}

.main-nav {
  background-color: #a10000;
}

.res-nav {
    background-color: #a10000;
    position: fixed;
    top: 0;
    right: -100%;
    bottom: 0;
    max-width: 450px;
    z-index: 5005;
    width: 100%;
    border-left: 1px solid #c09853;
    transition: all 0.3s;
    display: none;
}

.res-nav.active {
  right: 0;
}

.res-nav .btn-menu {
  display: block;
  margin-bottom: 20px;
  box-sizing: border-box;
  padding: 0 20px;
}

.admin-btn {
  box-sizing: border-box;
  padding: 10px;
  margin-right: 10px;
  display: inline-block;
  color:#c09853;
  font-size: 12px;
}

.admin-btn:hover {
  color:white;
}

.btn-menu {
  color:#ffffff;
  margin: 0 10px;
  font-size: 18px !important;
}

.btn-menu:hover {
  color: #e0e0e0;
}

.btn-footer {
  color:#ffffff !important;
  font-weight: bold !important;
  font-size: 16px !important;
}

.btn-footer:hover {
  color:#c09853 !important;
}

.error_msg{
	color: red;
} 

.ham-m {
  margin-left: 20px;
  font-size: 30px;
  color:#c09853;
  cursor: pointer;
  display: none;
}

.ham-m:hover {
  color: white;
}

*{
  outline: none!important;
}

.side-menu {
  width: 100%;
  margin: 10px 0;
  box-sizing: border-box;
  padding: 10px;
  color:#ffffff;
  background-color: #b41515;
  display: block;
  border-radius: 3px;
  border: 1px solid #c09853;
}

.side-menu-x {
  width: 100%;
  margin: 10px 0;
  box-sizing: border-box;
  padding: 10px;
  color:#ffffff;
  background-color: #6d0c0c;
  display: block;
  border-radius: 3px;
}

.side-menu-x:hover, .side-menu:hover {
  opacity: 0.8;
}

.modal-body {
  /*max-height: 325px;*/
}

.btn-facebook {
  color: #ffffff;
  background-color: #3a589d;
  border: none;
  padding: 10px;
  width: 200px;
  border-radius: 3px;
  font-size: 16px;
  display: inline-block;
  text-align: center;
  margin: 10px auto;
}

.btn-facebook:hover {
  opacity: 0.9;
  color: #ffffff;
}

.btn-line {
  color: #ffffff;
  background-color: #00c300;
  border: none;
  padding: 10px;
  width: 200px;
  border-radius: 3px;
  font-size: 16px;
  display: inline-block;
  text-align: center;
  margin: 10px auto;
}

.btn-line:hover {
  opacity: 0.9;
  color: #ffffff;
}

.add-on {
  height: 30px !important;
}

#product_fullprice {
  height: 30px !important;
}

#product_charge {
  height: 30px !important;
}

@media screen and (max-width: 991px) {
  .btn-menu {
    display: none;
  }
  .displaynone {
    display: none;
  }
  .ham-m {
    display: block !important;
  }
  .res-nav {
    display: block !important; 
  }
}

/* Sticky footer styles
      -------------------------------------------------- */

      html,
      body {
        height: 100%;
        /* The html and body elements cannot have any padding or margin. */
      }

      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto -60px;
      }

      /* Set the fixed height of the footer here */
      #push,
      #footer {
        height: 60px;
      }
      #footer {
        background-color: #f5f5f5;
      }

      /* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 767px) {
        #footer {
          margin-left: -20px;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px;
        }
      }


	  #wrap > .container-fluid, .sidebar_holder {
        /*padding-top: 60px;*/
      }
      .container-fluid .credit {
        margin: 0px 0;
      }

      .no-border-radius{
        /*border-radius: 0;   border-left: 0; border-right: 0;*/
      }

      .page-container{
        /*margin-top: 18px;*/
      }

      .thumb-image{
        text-align: center;
        min-height: 100px;
        overflow: hidden;
      }

      .thumb-image img{
        border:0px solid #d1d1d1;
        width: 100%;
      }
      .thumb-image img:hover{
        border:0px solid #d1d1d1;
        width: 100%;
		background: rgba(21,38,47,0.8);z-index:100000;
      }

      .thumbnail-holder{
        margin-left: 5px;
        margin-right: 0!important;
		/* max-width:150px; */
		  text-align: center;
      }
/*.thumbnail-holder table { background: rgba(255, 255, 255, 1); }
.thumbnail-holder table:hover { background: rgba(250, 0, 35, 1); }*/


	  @media all and (min-width: 768px) {
		  .thumbnail-holder .thumb-image{
			max-height:212px;
			max-width:212px;
		  }
		  
		  .thumbnail-holder .{
			width:212px;
		  }
		  
		}
		
 
	  
	  

      .store-header{
        background-color: #404040;
        background-image: -moz-linear-gradient(top, #333333, #222222);
        background-image: -ms-linear-gradient(top, #333333, #222222);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
        background-image: -webkit-linear-gradient(top, #333333, #222222);
        background-image: -o-linear-gradient(top, #333333, #222222);
        background-image: linear-gradient(top, #333333, #222222);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
      }

      .store-product-price{
        color: #c80000;
      }

@media (min-width: 768px) and (max-width: 1024px){
  .modal {
    right: 10%;
    left: 10%;
    width: auto;
    margin: 0;
    }
}

@media (min-width: 1025px){
  .modal {
    right: 20%;
    left: 20%;
    width: auto;
    margin: 0;
    }
}

#shopping-cart-btn2{
  margin: 20px;
}

@media (max-width: 979px){
  #shopping-cart-btn2{
    margin: 5px;
  }
}

.product_qty_size{
  width:35px!important;
}

#ModelSubmitOrderData .controls .input-prepend{
  margin-bottom: 10px;
}

.input-prepend{
  margin-right: 5px;
}