/* //////////////////////////////////// */
/* 					Adding to Exchange 					*/
/* //////////////////////////////////// */
.exchange-trade {
	position: fixed;
  display: flex;
  width: 100%;
  height: 182px;
  z-index: 1034;
  box-shadow: rgba(0,0,0,.5) 0px 5px 20px;
  background-color: #FFF;
  bottom: 0px;
  padding: 1em;
  left: 0;
}
.exchange-trade .recs-item {
  border: 0;
}
.exchange-trade .item-info h3,
.exchange-trade .item-info p {
	margin: 0;
}
.exchange-trade img{
  width: 100px;
}
.exchange-trade h3 {
  width: 13%;
  margin: auto 0;
  font-size: 0.875em;
  padding-bottom: 0.2em;
}
.exchange-trade p.empty{
  text-align: center;
  color: #999;
  font-size: .825em;
  padding-top: 4.9em;
}
.shppng-empty-exchange p.empty{
  padding-top: 1em;
}
.exchange-trade .item-info p{color: #798796;}
.exchange-trade .item-list .swiper-container section{display: flex;}
.exchange-trade .item-list .swiper-container section h2{
	text-align: left;
	font-size: 0.8em;
	padding-left: 1em;
	padding-bottom: 0.3em;
}
.exchange-trade .item-list {
  width: 90%;
  margin: auto 0;
  padding-right: 1.1em;
}
.exchange-trade .item-cta{
  font-size: 0.875em;
	width: 10%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.exchange-trade .item-cta button:first-child{margin-bottom: 0;}
.exchange-trade .item-info{
	width: 25%;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
/* Exchange popup */
.popup-exchange .popupBorder{
  width: 875px;
  left: calc(50% - 400px);
  top: calc(50% - 260px);
}
.swiper-container-horizontal:not(.kit-list) > .swiper-pagination {display: block;}

.exchange-trade .swiper-button-next::before,
.exchange-trade .swiper-button-prev::before,
.exchange-trade .swiper-button-next.swiper-button-disabled,
.exchange-trade .swiper-button-prev.swiper-button-disabled {
  display: none !important;
}
.exchange-trade .remove-cop-item {font-size: 1.225em;}
.exchange-trade .remove-cop-item:hover:before{color: #cd3b3b;}




@media screen and (max-width:801px) {
  .exchange-trade .item-cta{width: 15%}
  .exchange-trade .item-list{width: 85%;}
}


@media screen and (max-width:599px) {
  .exchange-trade{
    height: 253px;
    flex-direction: column;
  }
  .exchange-trade .item-list,
  .exchange-trade .item-cta {
    width: 100%;
  }
}