.show-cart li {
  display: flex;
}
.card {
  margin-bottom: 20px;
}
.card-img-top {
  width: 200px;
  height: 200px;
  align-self: center;
}
 .close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5
 }
 button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none
 }
 .close{
	 float:right;
	 font-size:25px;
	 font-weight:700;
	 line-height:1;
	 color:#F00;
	 
	 filter:alpha(opacity=20);
	 opacity:.7;
 }
 
 
 
 .modal.in .modal-dialog {
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -o-transform: translate(0,0);
  transform: translate(0,0);
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0,-25%);
  -ms-transform: translate(0,-25%);
  -o-transform: translate(0,-25%);
  transform: translate(0,-25%);
  -webkit-transition: -webkit-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out;
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
}


.form-control
{
 display: inline;
  width: 70%;
  text-align: center;
  padding: 0;
  margin: 0 15%;
}

.modal{
	position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.fade
{
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 20px 5px;
}


.tr{
	width:100%;
	float:left;
	margin:1% 0 3% 0;
	border-bottom:1px solid #666;
	padding-bottom:2%;
	
}.prd{
	width:50%;
	float:left;
	margin:0 1.25%;
}
.prd .titl{
	font-weight:bold;
}
.titl:before{
}

.tblttl{
	width:10%;
	float:left;
	margin:0 1.25%;
	text-align: center;
}
.sbttl{
		width:45%;
	float:right;
	margin:0 1%;
	text-align: center;
}
.tblttl p.totaly{
	text-align:right;
	width:40%;
	float:left;
	margin:0 5%;
}
.tblttl p.delitem{

}
p.titletbl{
	font-weight:bold;
	text-align:center;
}
.ttlprc{
	width:90%;
	float:left;
	text-align:right;
	margin: 0 5% 10% 5%;
	font-weight:bold;
	font-size:20px;
}
.ttlprc .tot{
	font-weight:normal;
	font-size:18px;
}
.modal-header {
  border-bottom: 1px solid #e5e5e5;
  float: left;
  width: 100%;
  background:#FFF;
}
.modal-header:before{
	display: none;
  content: "";
}
.modal-body {
	width:100%;
	float:left;
  position: relative;

  background:#FFF;
}
.modal-footer{
padding: 2%;
  text-align: right;
  border-top: 1px solid #FF0000;
  width: 96%;
  background:#FFF;
  float:left;
  
}
.btn-primary{
	  margin: 3% 2px 4% 2px;
color:#fff;background-color:#337ab7;border-color:#2e6da4
 }
 
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #666666;
}
.btnd {
  border: none;
  color: white;
  padding: 4px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  vertical-align: unset;
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 6px;
}
button.btnm {

  color: white;
  padding: 4px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  vertical-align: unset;
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 6px;
}
button.btnp {

  color: white;
  padding: 4px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  vertical-align: unset;
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 6px;
}
.col{
	width:100%;
	float:left;
	text-align:center;
}
.total-count{
	color:#FF0;
	font-weight:bold;
	font-size:18px;
}
.total-count:after{
	content:"\f174";
		font-family: dashicons;
	font-size:23px;
	margin-left:5px;
	vertical-align:middle;
	color:#FFF;
	
}
.crt{
	padding: 0px 10px;
	border-radius:6px;
}
.btn-secondary{
	background:#666;
	color:#FFF;
}
.hrgdol{
	font-size:17px;
	margin:0;
	padding:0;
}
.hrgmula{
	font-size:14px;
	font-weight:lighter;
	text-decoration:line-through;
	margin:0;
	padding:0;
}
.modal-title:before{
	content:"\f174";
		font-family: dashicons;
	font-size:30px;
	margin-left:15px;
	vertical-align:middle;
	
}
 .navbar{
              height: 56px;
              line-height: 56px;
              padding: 0 26px;
          }
      .table tr{
		  border-bottom:1px solid #F00;
	  }
	 
	  
	  .btn-primary1{
		  margin: 0;
		  background:#03F;
	  }
	  .btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a
 }

.tab-wrap {
  transition: 0.3s box-shadow ease;
  border-radius: 6px;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  list-style: none;
  background-color: #fff;
  margin: 40px 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.tab-wrap:hover {
  box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
}

.tab {
  display: none;
}
.tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
  opacity: 1;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
  opacity: 1;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {
  opacity: 1;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
  opacity: 1;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5) {
  opacity: 1;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:first-of-type:not(:last-of-type) + label {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-left: 1px solid #f60;
}
.tab:not(:first-of-type):not(:last-of-type) + label {
  border-radius: 0;
}
.tab:last-of-type:not(:first-of-type) + label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-right: 1px solid #f60;
}
.tab:checked + label {
  background-color: #fff;
  box-shadow: 0 -1px 0 #fff inset;
  cursor: default;
}
.tab:checked + label:hover {
  box-shadow: 0 -1px 0 #fff inset;
  background-color: #fff;
}
.tab + label {
  box-shadow: 0 -1px 0 #eee inset;
  border-radius: 6px 6px 0 0;
  border-top:1px solid #F60;
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: #333;
  text-align: center;
  background-color: #FF6600;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
  transition: 0.3s background-color ease, 0.3s box-shadow ease;
  height: 50px;
  box-sizing: border-box;
  padding: 15px 20px;
}
.tab + label:hover {
  background-color: #f9f9f9;
  box-shadow: 0 1px 0 #f4f4f4 inset;
}
.tab__content {
  padding: 5% 5% 5% 5%;
  background-color: transparent;
  position: absolute;
  width: 90%;
  z-index: -1;
  opacity: 0;
  left: 0;
  transform: translateY(-3px);
  border-top:1px solid #F60;
}

/* boring stuff */

.container {
width:100%;
float:left;

}
.container > *:not(.tab-wrap) {
  padding: 0 80px;
}

.tab__content img{
	text-align:center;
	width:auto;
	max-width:100%;
	height:auto;
}
.vcard img{
width:74px;
height:auto;
display:inline;
}
#comments textarea{
	width:auto;
	max-width:100%;
}