@-webkit-keyframes fadeIn {
	  from {
		 opacity: 0;
	  }

	  to {
		 opacity: 1;
	  }
	}

	@keyframes fadeIn {
	  from {
		 opacity: 0;
	  }

	  to {
		 opacity: 1;
	  }
	}

	#basket-popup {
		/*background-color: #f5f2ef;*/
		float: left;
		font-size:calc(0.9em + 0.3vw);
		margin-bottom:20px;
		padding: 15px 0px 30px 0px;
		width: 100%;
		z-index: 1000;
		
		-webkit-animation-name: fadeIn;
		animation-name: fadeIn;
		-webkit-animation-duration: 0.25s;
		animation-duration: 0.25s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
		
	#basket-popup #basket > div,
	#basket-popup #shopping-summary #headings,
	#basket-popup #shopping-summary #items,
	#basket-popup #shopping-summary #subtotal,
	#basket-popup #items > div,
	#basket-popup #suggestions .prod_div > a {
		float:left;
		width:100%;
	}
	
	#basket-popup .msg {
		display:flex;
		display:-webkit-flex;
		flex-direction:row;
		-webkit-flex-direction:row;
	}
	
	#basket-popup #shopping-summary #headings {
		border-bottom: 2px solid #f9f7f5;
		color: #232323;
		padding-bottom:7px;
	}

	#basket-popup #shopping-summary {
		background:#fff;
		border-radius:10px;
		box-shadow: 0px 0px 100px rgb(150 150 150 / 20%);
	}

	#basket-popup #shopping-summary > * {
		margin-top:10px;
	}
	
	#basket-popup #basket #subtotal .val.tot {
		border-top:2px solid #ddd; 
		padding-right:30px;
	}
	
	#basket-popup #basket #subtotal {	
		padding-top:1vw;
	}

	#basket-popup #basket {
		padding-left: 15px;
		padding-right: 15px;
	}

	#basket-popup #basket #items .item > *, 
	#basket-popup #basket #subtotal > *,
	#basket-popup #suggestions,
	#basket-popup #suggestions .prod_div .title_price {
		padding-top: 10px;
	}
	
	#basket-popup #basket #headings > * {
		font-weight: bold;
	}
	
	#basket-popup #basket #items .item > *,
	#basket-popup #basket #subtotal .val {
		color:inherit;
	}
	
	#basket-popup #basket #items .item {
		border-bottom: 1px solid #f9f7f5;
		padding-bottom:15px;
	}
	
	#basket-popup #basket .qty {	
		text-align: center;
	}
	
	#basket-popup .val {
		text-align:right;
	}

	#basket-popup .val > label {
		color: #5166d3;
		font-size: 1.2em;
	}
	
	#basket-popup #svgh-close-x,
	#basket-popup #svgh-trash {
		fill:#4a4744;
		height: 28px;
	}
	
	.msg label {
		flex:1;
		-webkit-flex:1;
		color: #4c4946;
		font-weight: 300;
		margin-bottom: 0px;
		text-align: center;
	}

	.go_checkout {
		background-color: #3e4a85;
		float: right;
		font-weight: 600;
		margin: 0px 0px 15px 15px;
		padding: 20px 30px;
		transition:.3s all;
		-webkit-transition:.3s all;
	}

	.go_checkout,
	.go_checkout span {
		transition:.3s all;
		-webkit-transition:.3s all;
	}

	.go_checkout span {
		background-color: #5166d3;
		border-radius: 5px;
		color: #ffffff;
		letter-spacing: 2px;
		padding: 5px 25px;
	}

	.go_checkout:hover {
		background-color: #5166d3;
		text-decoration:none;
	}

	.go_checkout:hover span {
		background-color: #3e4a85;
	}
	
	

	#basket-popup #basket h1 {
	    margin-bottom: 0.5em;
		margin-top:0em;
		font-size:1.8em;
	}
	
	#basket-popup #basket h2 {
		color:#303030;
		margin-top:1em;
		padding-left: 14px;
		text-transform:none;
	}
	
	#basket-popup #suggestions {
		margin-top:1vw;
		padding-bottom:0px;
		padding-left:0px;
		padding-right:0px;
	}
	
	#basket-popup #basket #suggestions .suggestion > * {
		width: 100%;
		display: block;
		text-align: center;
	}
	
	#basket-popup #basket #suggestions .suggestion .item-label {
		padding-top: 1em;
	}
	
	#basket-popup #basket #suggestions .suggestion .item-price {
		font-weight: bold;
	}
	
	#basket-popup .msg {
		margin:0px 0px 15px 0px;
	}
	
	#basket-popup .item .rmv:hover {
		cursor:pointer;
		text-decoration:none;
	}
	
	#basket-popup .prod_div {
		border:none;
		height:auto;
	}
	
	#basket-popup #suggestions .prod_div {
		width:100% !important;
	}
	
	#basket-popup .prod_div span.online, #basket-popup .prod_div font.online {
		font-size:1.2em;
	}



@media screen and (max-width:992px) {	
	#basket-popup {
		margin-bottom:0px;
		padding-top:70px;
	}
	
	#basket-popup #basket #headings > *,
	#basket-popup #basket #items .item,
	#basket-popup #basket #items .qty,
	#basket-popup #basket #items .rmv {
		padding-left:0px;
		padding-right:0px;
	}
	
	#basket-popup #basket #items .rmv {
		text-align:center;
	}
	
	#basket-popup #basket #subtotal .val.tot {
		padding-right:15px;
	}
	
	.prod_div .img, .prod_div .recommend2 {
		height: 245px;
	}
	
	#basket-popup .go_checkout {
		width: 100%;
	}
	
	#basket-popup + #main {
		padding-top:0px;
	}
}



@media screen and (min-width:992px) {
	#basket-popup #shopping-summary #headings {
		font-size:16px;
	}
	
	#basket-popup #basket #items .rmv:hover:after {
		content: "Remove";
		display:inline-block;
		margin-right:5px;
	}
	
	#basket-popup .go_checkout {
		border-radius:1vw;
		width: 36%;
	}
}