img {
  max-width: 100%; }
.brd {border:solid 1px #ff9f1a; padding:8px; margin:10px 0; float:left;}
.brd1 {border:solid 1px #a39d9b; padding:8px; background:#c7c2c0; margin:10px 0; float:left;}
.preview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background:#55a5ff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
padding:15px;		  }


  @media screen and (max-width: 996px) {
    .preview {
      margin-bottom: 20px; } }

.preview-pic {
  /*-webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;*/ }

.preview-thumbnail.nav-tabs {
  border: none;
  margin-top: 15px; }
  .preview-thumbnail.nav-tabs li {
    width: 21%;
    margin-right:17px;
	margin-bottom:13px;}
    .preview-thumbnail.nav-tabs li img {
      max-width: 100%;
      display: block; }
    .preview-thumbnail.nav-tabs li a {
      padding: 0;
      margin: 0; }
    .preview-thumbnail.nav-tabs li:last-of-type {
      margin-right: 0; }

.tab-content {
  overflow: hidden; height:300px; }
  .tab-content img {
    width: 100%;
    -webkit-animation-name: opacity;
            animation-name: opacity;
    -webkit-animation-duration: .3s;
            animation-duration: .3s; }

.card {
  margin-top: 50px;
  background: #eee;
  padding: 3em;
  line-height: 1.5em; }

@media screen and (min-width: 997px) {
  .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

.details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background:rgba(240,240,240,.95) !important;
  box-shadow: 5px 0 5px -5px #333 !important;
  -webkit-box-shadow: 5px 0 5px -5px #333 !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; 
		  padding:30px;}

.colors {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
.product-title {font-size:20px;}
.product-title, .price, .sizes, .colors {
  text-transform: normal;
  font-weight: italic; }

.checked, .price span {
  color: #ff9f1a; }

.product-title, .rating, .product-description, .price, .vote, .sizes {
  margin-bottom: 15px; }

.product-description {margin-top:20px; border-bottom:solid 1px #ccc; padding-bottom:20px;}
.price {margin-top:1em;}
.size {
  margin-right: 10px; }
  .size:first-of-type {
    margin-left: 40px; }

.color {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  height: 2em;
  width: 2em;
  border-radius: 2px; }
  .color:first-of-type {
    margin-left: 20px; }

.add-to-cart {
  background: #ff9f1a;
 /* padding: 10px;*/
  border: none;
  text-transform: UPPERCASE;
  font-weight: bold;
  color: #fff;
  -webkit-transition: background .3s ease;
          transition: background .3s ease; 
		  width:100%;
		  height:60px;}
  .add-to-cart:hover, .like:hover {
    background: #b36800;
    color: #fff; }

.not-available {
  text-align: center;
  line-height: 2em; }
  .not-available:before {
    font-family: fontawesome;
    content: "\f00d";
    color: #fff; }

.orange {
  background: #ff9f1a; }

.green {
  background: #85ad00; }

.blue {
  background: #0076ad; }

.tooltip-inner {
  padding: 1.3em; }

@-webkit-keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }
			
			
			
			
ul.tabs {
	list-style: none;
padding: 0 0 0 1em;
margin: 0 0 1.618em;
overflow: hidden;
position: relative;
border-bottom:solid 1px #ccc;
width:100%;
}

ul.tabs li {
	border: 1px solid #d3ced2;
    border-bottom-color: rgb(211, 206, 210);
background-color: #ebe9eb;
display: inline-block;
position: relative;
z-index: 0;
border-radius: 4px 4px 0 0;
margin: 0 -5px;
padding: 10px 15px;
border-bottom:none;
font-size:15px;
font-weight:bold;
}

.tab_last { border-right: 1px solid #797979; }

ul.tabs li:hover {
	background-color: #d7d6d6;
	color: #333;
}

ul.tabs li.active {
	background:#fff;
z-index: 2;
border-bottom-color:#fff;
}


.tab_container {
	/*border: 1px solid #797979;*/
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
	overflow: auto;
}

.tab_content {
	padding: 20px;
	display: none;
}

.tab_drawer_heading { display: none; }

@media screen and (max-width: 480px) {
	.tabs {
		display: none;
	}
	.tab_drawer_heading {
		background-color: #ccc;
		color: #fff;
		border-top: 1px solid #333;
		margin: 0;
		padding: 5px 20px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.d_active {
		background-color: #666;
		color: #fff;
	}
	.chk {
        width: 100% !important;
    }
}



/********addtocart*******/
.table>tbody>tr>td, .table>tfoot>tr>td{
    vertical-align: middle;
}
@media screen (min-width: 300px) and (max-width: 600px) {
    table#cart tbody td .form-control{
		width:20%;
		display: inline !important;
	}
	.actions .btn{
		width:36%;
		margin:1.5em 0;
	}
	
	.actions .btn-info{
		float:left;
	}
	.actions .btn-danger{
		float:right;
	}
	
	table#cart thead { display: none; }
	table#cart tbody td { display: block; padding: .6rem; min-width:150px;}
	table#cart tbody tr td:first-child { background: #333; color: #fff; }
	table#cart tbody td:before {
		content: attr(data-th); font-weight: bold;
		display: inline-block; width: 8rem;
	}
	
	
	
	table#cart tfoot td{display:block; }
	table#cart tfoot td .btn{display:block;}
	
}

ul.pro {list-style-type: square;}
.chk {background:#03458f; color:#fff; padding:8px; width:80%;}
.amt {font-weight:bold;
font-size:20px;
margin:20px 0;
line-height:20px;
}
.shop-steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.3rem;
    letter-spacing: .01rem;
    text-transform: capitalize;
    font-weight: 600;
}.shop-steps span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: 
#daa520;
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
color:
    #fff;
    padding: 0;
    margin-right: .5rem;
    font-size: 1rem;
    font-weight: 800;
}


.main-cart {border:solid 1px #ccc;
width:100%;
height:auto;
}
.cart-title {font-size:15px;
font-weight:bold;
color:#000;
text-align:center;
}
.shopping-cart {
  width: 100%;
  height: auto;
  margin: 80px auto;
  background: #FFFFFF;
  border:solid 1px #ccc;
  border-radius: 6px;

  display: flex;
  flex-direction: column;
}
.titles {
  height: 60px;
  border-bottom: 1px solid #E1E8EE;
  padding: 20px 30px;
  color: #000;
  font-size: 18px;
  font-weight: 400;
}

.item {
  padding: 20px 30px;
  height: auto;
  display: flex;
  border-bottom:solid 1px #ccc;
}

.item:nth-child(3) {
  border-top:  1px solid #E1E8EE;
  border-bottom:  1px solid #E1E8EE;
}

/* Buttons -  Delete and Like */
.buttons {
  position: relative;
  padding-top: 30px;
  margin-right: 60px;
}

.delete-btn {
  display: inline-block;
  cursor: pointer;
  width: 25px;
  height: 25px;
  background: url("../img/delete.png") no-repeat center;
  margin-right:0px;
}

.like-btn {
  position: absolute;
  top: 9px;
  left: 15px;
  display: inline-block;
  background: url('twitter-heart.png');
  width: 60px;
  height: 60px;
  background-size: 2900%;
  background-repeat: no-repeat;
  cursor: pointer;
}

.is-active {
  animation-name: animate;
  animation-duration: .8s;
  animation-iteration-count: 1;
  animation-timing-function: steps(28);
  animation-fill-mode: forwards;
}

@keyframes animate {
  0%   { background-position: left;  }
  50%  { background-position: right; }
  100% { background-position: right; }
}

/* Product Image */
.image {
  margin-right:0px;
  width:100px !important;
}
.cart-img {width:80%}
/* Product Description */
.description {
  padding-top:0px;
  margin-right: 30px;
  width: 34%;
}

.description span {
  display: block;
  font-size: 14px;
  color: #000;
  font-weight: 400;
}

.description span:first-child {
  margin-bottom: 5px;
}
.description span:last-child {
  font-weight: 300;
  margin-top: 8px;
  color: #86939E;
}

/* Product Quantity */
.quantity {
  padding-top: 27px;
  margin-right: 30px;
  width:8%;
}
.quantity input {
  -webkit-appearance: none;
  border: solid 1px #ccc;
  text-align: center;
  width: 50px;
  font-size: 16px;
  color: #43484D;
  font-weight: 300;
}

button[class*=btn] {
  width: 30px;
  height: 30px;
  background-color: #E1E8EE;
  border-radius: 6px;
  border: none;
  cursor: pointer;
}
.minus-btn img {
  margin-bottom: 3px;
}
.plus-btn img {
  margin-top: 2px;
}
button:focus,
input:focus {
  outline:0;
}

/* Total Price */
.price {
  width: 15%;
  padding-top:15px;
  text-align: left;
  font-size: 16px;
  color: #43484D;
  font-weight: 300;
  margin-right:30px;
}

/* Total Price */
.total-price {
  width: 18%;
  padding-top: 15px;
  text-align: center;
  font-size: 16px;
  color: #43484D;
  font-weight: 300;
}

/* Responsive */
@media (max-width: 800px) {
  .shopping-cart {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .item {
    height: auto;
    flex-wrap: wrap;
    justify-content: center;
  }
  .image img {
    width: 50%;
  }
  .image,
  .quantity,
  .description {
    width: 100%;
    text-align: center;
    margin: 6px 0;
  }
  .buttons {
    margin-right: 20px;
  }
}
.aply {width:100%;
padding:20px;
height:60px;
background:#daa520;
color:#000;
text-transform:uppercase;
margin-bottom:1em;
text-align:center;}

.total-title {font-size:30px;
line-height:35px;
color:#000;
margin-bottom:0.8em;
}
.total-box{width:100%;
height:auto;
border:solid 1px #ccc;
border-radius:8px;
color:#000;
font-size:15px;
}
.cart-part {width:100%;
height:auto;
border-bottom:solid 1px #ccc;
padding:10px;
}
.cart-part:last-child {
border-bottom:none;
}