body {
	background-color: white;
}
button {
	font-family: "mm";
}
#site {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
a.icon {
	border: 1px solid lime;
	border: 0;
}
.s2 {
	grid-column: auto/span 1;
	aspect-ratio: 57 / 100;
}
@media (min-width: 601px) and (max-width:900px) {
	.s2 {
		aspect-ratio: 62 / 100;
	}
}
@media (max-width:600px) {
	.s2 {
		aspect-ratio: 75 / 100;
	}
}

div.content {
	display: flex !important;
	height: 100%;
	text-align: center;
	line-height: 1.25;
}
div.content img {
	display: block;
/*	border: 1px solid purple; */
	margin-bottom: 0.5rem;
}
.producttypename {
	text-transform: uppercase;
	font-size: 0.85rem;
}
div.content div.title {
	font-size: 0.85rem;
}
div.content div.status {
	font-size: 0.85rem;
	text-transform: uppercase;
	color: red;
}
div.product-overview {
	grid-template-columns: repeat(6, 1fr);
	column-gap: 30px;
    row-gap: 30px;
}
@media (min-width: 901px) and (max-width:1499px) {
	div.product-overview {
		grid-template-columns: repeat(4, 1fr);
	}
}
@media (min-width: 601px) and (max-width:900px) {
	div.product-overview {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width:600px) {
	div.product-overview {
		grid-template-columns: repeat(1, 1fr);
	}	
}
div.product-overview .icon .content {
	padding: 0;
/*	display: flex !important; */
}

/* product detail */
.product-detail {
	width: 100%;
}
.product-detail .images {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 70vh;
	height: 43rem;
    text-align: center;
}
.product-detail .images .images-slider {
    width: 100%;
    height: 67vh;
	height: 40rem;
    position: relative;
}
.product-detail .slick-prev, .product-detail .slick-next {
    color: #000;
    top: 100%; 
}
.product-detail .slick-prev:before, .product-detail .slick-prev:after, .product-detail .slick-next:before, .product-detail .slick-next:after {
    font-family: Courier, "Courier New", monospace;
    font-size: 22px;
}
.product-detail .slick-list, .product-detail .slick-track {
    height: 100%;
}
.product-detail .image-slide {
    width: 100%;
    height: 100%;
}
.images-slider .image-slide {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.images-slider .image-slide img {
    width: 100%;
    height: auto;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}
.images-slider .image-slide .caption {
    display: none;
}
.product-detail .info {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 1rem;
}
@media (max-width:600px) {
	.product-detail .info {
		width: 100%;
	}
}
.product-detail div.title {
	font-size: 1.7rem;
}
.product-overview .info {
	margin-top: 0;
	width: 100%;
}
button.blackbutton {
    font-size: 0.85rem;
    border: 1px solid black;
    background: black;
    color: white;
    margin-top: 1rem;
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
    cursor: pointer;
}
button.blackbutton:hover {
    background-color: white;
    color: black;
}
/*
.product-detail div.info {
	margin-top: 2rem !important;
}
*/
.slick-dots {
	bottom: -16px !important ;
}
.slick-dots li {
	width: 8px !important;
	height: 8px !important;
	margin: 0 !important;
	margin-right: 3px !important;
}
.slick-dots li button {
	width: 8px !important;
	height: 8px !important;
}
.slick-dots li button::before {
	font-size: 22px !important;
	opacity: 0.5;
}
.product-detail div.producttypename {
	text-transform: uppercase;
	font-size: 1.7rem;
}
.product-overview div.producttypename {
	font-size: 0.85rem;
}
.shoppingcarttitle {
	display: none;
}
.checkouttitle {
	display: none;
}
main div.mainholder {
	width: 100%; height: 100%; position: relative; padding-right: 2rem;
	/* padding-left: 2rem;  */
}
@media (max-width:600px) {
	main div.mainholder {
		padding-left: 1rem;
		padding-left: 0;
		padding-right: 1rem;
	}
}

main.cart .shoppingcarttitle {
	display: inline-block;
}
main.checkout .checkouttitle {
	display: inline-block;
}
div.shoppingcartsmall {
	float: right; margin-right: 2rem; margin-top: -4.2rem; border: 1px solid black; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.9rem; line-height: 3rem; display: block;
}
div.shoppingcartsmall:hover {
	background-color: black;
	color: white;
}
main.cart div.shoppingcartsmall {
	display: none;
}
main.invoicesuccess div.shoppingcartsmall {
	display: none;
}
main.cancelled div.shoppingcartsmall {
	display: none;
}
main.paypalsuccess div.shoppingcartsmall {
	display: none;
}
div.backtoshop {
	display: none;
}
main.cart div.backtoshop {
	float: left; margin-right: 2rem; margin-top: -4.2rem; border: 1px solid black; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.9rem; line-height: 3rem; display: block;
}
div.backtoshop:hover {
	background-color: black;
	color: white;
}
main.cart div.backtoshop a {
	text-decoration: none;
}
main.cart div.gotocheckout {
	float: right; margin-right: 2rem; margin-top: 2.6rem; border: 1px solid black; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.9rem; line-height: 3rem; display: inline-block; background-color: black; color: white;
}
div.cartnav {
	position: relative;
	text-align: center;
}
main.cart div.cartnav:after {
    content: '';
    display: block;
    clear: both;
}	
main.cart div.gotocheckout a {
	text-decoration: none;
}
div.backtocart {
	display: none;
}
div.backtocart:hover {
	background-color: black;
	color: white;
}
main.checkout div.backtocart {
	float: left; margin-right: 2rem; margin-top: -4.2rem; border: 1px solid black; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.9rem; line-height: 3rem; display: block;
}
main.checkout div.backtocart a {
	text-decoration: none;
}
div.cartcontentpage {
	display: grid;
	grid-template-columns: 18fr 7fr;
	column-gap: 30px;
    row-gap: 30px;
	margin-top: 4rem;
}
div.ordering-info p {
	margin-bottom: 1rem;
}
div.cartcontenttable {
/*	background-color: lime; */
}
@media (max-width:600px) {
	div.cartcontentpage {
		display: block;
	}
	div.cartcontenttable {
		margin-bottom: 4rem;
	}
}
div.cartcontentline {
	display: grid;
	grid-template-columns: 5fr 2fr 2fr 2fr 2fr;
	grid-template-columns: 5fr 2fr 3fr 3fr 1fr;
	column-gap: 30px;
	font-size: 0.85rem;
	align-items: start;
	grid-template-rows: min-content;
}
div.cartcontenttableconfirm {
	margin-bottom: 2rem;
}
div.cartcontenttableconfirm div.cartcontentline {
	display: grid;
	grid-template-columns: 5fr 2fr 2fr 2fr;
	grid-template-columns: 5fr 2fr 2fr 2fr;
	column-gap: 30px;
	font-size: 0.85rem;
	align-items: start;
	grid-template-rows: min-content;
}	

div.cartcontentlinewithstripe {
	position: relative; margin-top: 1rem; padding-top: 1rem;
}
#checkoutform label {
	display: block;
	margin-top: 0.6rem;
	margin-bottom: 0.3rem;
}
#checkoutform input[type=radio] {
	margin-bottom: 0.3rem;
}
div.checkoutcontentpage {
	display: grid;
	grid-template-columns: 18fr 7fr;
	column-gap: 30px;
    row-gap: 30px;
	margin-top: 4rem;
}
div.checkoutcontenttable {
	columns: 2;
}
@media (max-width:900px) {
	div.checkoutcontenttable {
		columns: 1;
	}
}
@media (max-width:600px) {
	div.checkoutcontentpage {
		display: block;
	}
	div.checkoutcontenttable {
		columns: 1;
		margin-bottom: 4rem;
	}
}
main.checkout div.gotoconfirmation {
	float: right; margin-right: 2rem; margin-top: 2.6rem; border: 1px solid black; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.9rem; line-height: 3rem; display: inline-block; background-color: black; color: white;
}
main.checkout div.gotoconfirmation span {
	cursor: pointer;
}
div.checkoutnav {
	position: relative;
	text-align: center;
}
div.verifytext {
	margin-bottom: 1rem;
}
div.customerinformation {
	display: grid;
	grid-template-columns: 1fr 4fr;
}
div.backtocheckout {
	display: none;
}
main.confirmation div.backtocheckout {
	float: left; margin-right: 2rem; margin-top: -4.2rem; border: 1px solid black; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.9rem; line-height: 3rem; display: block;
}
main.confirmation div.backtocheckout:hover {
	background-color: black;
	color: white;
}
div.backtocheckout a {
	text-decoration: none;
}
div.gotofinalize {
	float: right; margin-right: 2rem; margin-top: 2.6rem; border: 1px solid black; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.9rem; line-height: 3rem; display: inline-block; background-color: black; color: white;
}
div.gotofinalize span {
	text-decoration: none;
	cursor: pointer;
}
div.pageholder {
	padding-left: 1rem;
}
@media (max-width:600px) {
	div.pageholder {
		padding-left: 0;
	}
}
span.sclabel {
	display: inline;
}
span.backtoshoplabel {
	display: inline;
}
span.backtocartlabel {
	display: inline;
}
span.backtocheckoutlabel {
	display: inline;
}
@media (max-width:600px) {
	span.sclabel {
		display: none;
	}
	span.backtoshoplabel {
		display: none;
	}
	span.backtocartlabel {
		display: none;
	}
	span.backtocheckoutlabel {
		display: none;
	}
	div.shoppingcartsmall {
		border: 3px solid black;
		line-height: 2rem;
	}
	main.cart div.backtoshop {
		border: 3px solid black;
		line-height: 2rem;
	}
	div.backtocart {
		border: 3px solid black;
		line-height: 2rem;
	}
	main.checkout div.backtocart {
		border: 3px solid black;
		line-height: 2rem;
	}
	main.confirmation div.backtocheckout {
		border: 3px solid black;
		line-height: 2rem;
	}
}
div.othershopitemslabel {
	margin-top: 4rem;
	margin-bottom: 2rem;
}
@media (max-width:600px) {
	div.othershopitemslabel {
		margin-bottom: 4rem;
	}
}
input[type=text], input[type=number], select, textarea {
	width: 100%;
}
@media (max-width:600px) {
	main.cart div.gotocheckout {
		float: none;
	}
	main.checkout div.gotoconfirmation {
		float: none;
	}
	main.confirmation div.gotofinalize {
		float: none;
	}
}
@media (max-width:600px) {
	div.product-overview .icon .content {
		position: static;
	}
	div.product-overview a {
		aspect-ratio: unset;
		text-decoration: none;
	}
	.maze .icon:before {
		padding-bottom: 0;
	}
	div.othershopitemslabel {
		margin-bottom: 0;
	}
	div.shoppingcartsmall {
	height: 3rem;
	width: 4rem;
	font-size: 0.85rem;
	line-height: 2.5rem;
	}
	main.cart div.backtoshop {
		height: 3rem;
		width: 4rem;
		font-size: 2rem;
		line-height: 2.5rem;
	}
	main.checkout div.backtocart {
		height: 3rem;
		width: 4rem;
		font-size: 2rem;
		line-height: 2.5rem;
	}
	
	
	span.numberofitems {
		font-size: 2rem;
	}
	div.cartcontentline {
		column-gap: 10px;
		grid-template-columns: 3.5fr 1.5fr 2.5fr 2.5fr 1.5fr;
	}
}
