@charset "utf-8";
body {
	font-family: 'Playfair Display', serif;
	font-family: 'Muli', sans-serif;
	padding: 0px;
	margin: 0px;
}
.header {
	height: 4vw;
	margin-top: 3vw;
}
a {
	text-decoration: none;
}
.social {
	float: right;
	margin-right: 3vw;
}
.social img {
	height: 2vw;
	margin-left: 1vw;
}
.navPage {
	padding-top: 1vw;
	margin-left: 4vw;
	width: 100%;
  	border-top: 2px solid black;
	color: #3A3939;
	font-weight: 700;
}
.nav {
	padding-top: 1vw;
	margin-left: 4vw;
	border-top: 2px solid white;
	font-weight: 700;
	color: #B0ADAE;
}

.nav:hover {
	padding-top: 1vw;
	transition-duration: 2s;
	width: 100%;
  	border-top: 2px solid black;
	color: #3A3939;
}
.logo {
	position: absolute;
	top: 10vw;
	left: 74vw;
}
.logo img {
	width: 12vw;
}
.content {
	background-color: #E0DBF6;
	width: 85vw;
	margin-left: 7vw;
}
.content img {
	width: 60vw;
	margin-bottom: -.2vw;
}
.contentText {
	float: right;
	width: 20vw;
	margin-right: 2vw;
	text-align: center;
}
.contentTextIntro {
	font-size: 1.3vw;
	margin-top: 20vw;
	color: #A292F4;
	font-weight: 700;
}
.contentTextInfo {
	font-size: 3vw;
	margin-top: 2vw;
	font-family: 'Playfair Display', serif;
}
.productButton {
	width: 12vw;
	padding: .8vw;
	font-size: 1vw;
	font-weight: 600;
	background-color: #A292F4;
	margin-top: 3vw;
	margin-left: 3.5vw;
}
.center {
	width: 30vw;
	height: 25vw;
	margin-left: 35vw;
	margin-top: 10vw;
	border: solid thick #102CAD;
	background-color: #ffffff;
	text-align: center;
}
.center button {
	width: 20vw;
	margin-left: 0vw;
}
.center input {
	width: 20vw;
	margin-left: 0vw;
}
.productHolder {
	margin-left: 5vw;
}
.product {
	width: 20vw;
	height: 20vw;
	margin-left: 1vw;
	margin-top: 1vw;
	position: relative;
	float: left;
}
.product img {
	width: 100%;
}
.button {
	padding: 1vw;
	font-size: 1.8vw;
	width: 16vw;
	margin-left: 1vw;
	margin-top: .5vw;
	cursor: pointer;
}
.productDetails {
	position: absolute;
	text-align: center;
	width: 20vw;
	height: 12vw;;;
	background-color: rgba(0,0,0,0.71);
	opacity: 0;
	font-size: 3vw;
	color: #ffffff;
	padding-top: 8vw;
}
.productDetails:hover {
	opacity: 1;
}
.popup-desktop {
	display: none;
    position:fixed;
    top:2vh;
    left:30vw;
	width: 40vw;
	height: 40vw;
    background:rgba(255,255,255,.9);
	border: solid thin #000000;
	z-index: 1;
	box-shadow:0px 2px 6px rgba(0,0,0,1);
	padding: 2vw;
	overflow: hidden;
	cursor: pointer;
}
.popup-desktopHolder {
	margin-top: 5vw;
	font-size: 2vw;
	text-align: center;
}
.popup-desktop form {
	margin-top: 5vw;
}
.popup-desktop input {
	width: 30vw;
	height: 3.5vw;
	margin-top: .5vw;
	border: solid medium black;
	box-sizing: border-box;
	text-align: center;
	font-size: 1.3vw;
}
.popup-close {
    width:2vw;
    height:1.5vw;
    padding-top:.5vw;
    display:inline-block;
    position:absolute;
    top:1.2vw;
    right:1.2vw;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:1000px;
    background:rgba(0,0,0,0.8);
    font-family:Arial, Sans-Serif;
    font-size:1.5vw;
    text-align:center;
    line-height:75%;
    color:#fff;
	cursor: pointer;
	z-index: 2;
}
.popup-close:hover {
    -webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);
    background:rgba(0,0,0,.8);
    text-decoration:none;
}
.productBanner {
	width: 50vw;
	margin-left: 15vw;
	padding-top: 3vw;
	text-align: center;
	font-size: 3vw;
}
.productPageHolder {
	text-align: center;
	width: 80vw;
	margin-left: 7.5vw;
	margin-top: 5vw;
	padding-bottom: 5vw;
}
.productInd {
	width: 70vw;
	float: left;
	text-align: right;
	border: solid thin black;
}
.productIndDetails input {
	float: left;
	height: 2vw;
	box-sizing: border-box;
	margin-left: 1vw;
	margin-top: 1.5vw;
	border: none;
}
.formButton {
	float: left;
	max-height: 2vw;
	box-sizing: border-box;
	margin-left: 1vw;
	font-size: 1vw;
	margin-top: 1.5vw;
	padding-top: .5vw;
	padding-bottom: .5vw;
	padding-left: 1vw;
	padding-right: 1vw;
	background-color: #A292F4;
}
.productIndDetails a:link {
	text-decoration: none;
	color: #000000;
}
.productIndDetails a:visited {
	text-decoration: none;
	color: #000000;
}
.productInd img {
	width: 5vw;
	height: 5vw;
	float: left;
}
.productIndDetails {
	width: 60vw;
	float: right;
	margin-left: 5vw;
	text-align: right;
}
.fancyCheckBox > input {
	display:none;
}

.fancyCheckBox > input + span{
	border: solid thick #ffffff;
	padding: 1vw;
	font-size: 1.8vw;
	width: 16vw;
	height: 2.6vw;
	margin-left: 1vw;
	margin-top: .5vw;
	cursor: pointer;
	position: absolute;
	top: 11.5vw;
	left: 0vw;
}
.checkout {
	border: solid medium black;
	background-color: #ffffff;
	padding-top: 1vw;
	padding-bottom: 1vw;
	padding-left: 3vw;
	padding-right: 3vw;
	font-size: 2vw;
	width: 24vw;
	height: 3vw;
	position: fixed;
	top: .5vw;
	right: 10vw;
	color: #000000;
	display: none;
}
.smallButton {
	padding: 1vw;
	border: solid thin black;
	width: 13vw;
	text-align: center;
	font-size: 1.5vw;
	float: right;
	margin-top: -.5vw;
	cursor: pointer;
	box-sizing: border-box;
	background-color: #E0DBF6;
}
.purpleBlock {
	width: 21vw;
	height: 25vw;
	background-color: #A292F4;
	margin-right: 4.5vw;
	float: left;
	padding: 2vw;
	text-align: center;
	font-size: 1.2vw;
	font-weight: 800;
}
.pBlockIntro {
	font-size: 1.3vw;
	margin-bottom: 5vw;
	color: #A292F4;
	font-weight: 700;
}
.pBlockHolder {
	width: 90vw;
	margin-left: 7.5vw;
	margin-top: 5vw;
	margin-bottom: 5vw;
}
.pBlockHead {
	font-size: 1.5vw;
	margin-top: 3vw;
	margin-bottom: 3vw;
	font-weight: 1000;
}
.sellInfo {
	background-color: #E0DBF6;
	width: 75vw;
	margin-left: 0vw;
	padding: 5vw;
	margin-bottom: 5vw;
}
.contactInfo {
	width: 75vw;
	padding: 5vw;
	text-align: center;
	margin-top: -5vw;
	margin-bottom: 0vw;
}
.contactInfo input {
	width: 53vw;
	height: 2vw;
	margin-top: 2vw;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: solid thin black;
	text-align: left;
	color: #000000;
	padding-left: 2vw;
	font-size: 1.3vw;
	
}
.contactInfo textarea {
	padding: 2vw;
	width: 55vw;
	height: 10vw;
	margin-top: 3vw;
	box-sizing: border-box;
	border: solid thin black;
	font-family: 'Playfair Display', serif;
	font-family: 'Muli', sans-serif;
	color: #000000;
	font-weight: 600;
	font-size: 1.3vw;
}
.submitButton {
	width: 10vw;
	height: 4vw;
	margin-left: 38vw;
	float: left;
	background-color: #A292F4;
	border: none;
	margin-bottom: 5vw;
}
.footer {
	text-align: center;
	margin-top: 2vw;
	margin-bottom: 2vw;
}

@media screen and (max-width: 500px) {
.content {
	background-color: #E0DBF6;
	width: 100%;
	margin-left: 0vw;
	padding: 0vw;
}
.productBanner {
	width: 90vw;
	margin-left: 5vw;
	padding-top: 10vw;
	text-align: center;
	font-size: 5vw;
}
	.productBanner input {
		width: 60vw;
		box-sizing: border-box;
		margin-top: 4vw;
		height: 8vw;
	}
	.productBanner select {
		width: 60vw;
		box-sizing: border-box;
		margin-top: 4vw;
		height: 8vw;
	}
	.productPageHolder {
		text-align: center;
		width: 100%;
		margin-top: 5vw;
		padding-bottom: 5vw;
	}
	.productInd {
		width: 85vw;
		float: left;
		border: solid thin black;
	}
	.productIndDetails input {
		width:40vw;
		height: 4vw;
		float: left;
		box-sizing: border-box;
		margin-left: 2vw;
		margin-top: 1.5vw;
		border: none;
	}
	.formButton {
		float: left;
		max-height: 2vw;
		box-sizing: border-box;
		margin-left: 1vw;
		font-size: 1vw;
		margin-top: 1.5vw;
		padding-top: .5vw;
		padding-bottom: .5vw;
		padding-left: 1vw;
		padding-right: 1vw;
		background-color: #A292F4;
	}
	.productIndDetails a:link {
		text-decoration: none;
		color: #000000;
	}
	.productIndDetails a:visited {
		text-decoration: none;
		color: #000000;
	}
	.productInd img {
		width: 30vw;
		height: 30vw;
		float: left;
	}
	.productIndDetails {
		width: 50vw;
		float: right;
		margin-left: 5vw;
		text-align: right;
	}
	.formButton {
		float: left;
		max-height: 5vw;
		width: 40vw;
		box-sizing: border-box;
		margin-left: 1vw;
		font-size: 4vw;
		margin-top: 1.5vw;
		padding-top: .5vw;
		padding-bottom: .5vw;
		padding-left: 1vw;
		padding-right: 1vw;
		text-align: center;
		background-color: #A292F4;
	}
	.header {
		height: 20vw;
		margin-top: 15vw;
		text-align: center;
		line-height: 8vw;
	}
	a {
		text-decoration: none;
	}
	.social {
		float: right;
		margin-right: 7vw;
		margin-top: -16vw;
	}
	.social img {
		height: 5vw;
		margin-left: 3vw;
	}
	.navPage {
		padding-top: 1vw;
		margin-right: 8vw;
		padding-bottom: 5vw;
		width: 100%;
		height: 5vw;
		border-top: 2px solid black;
		color: #3A3939;
		font-weight: 700;
		font-size: 4vw;
		margin-top: 10vw;
	}
	.nav {
		padding-top: 1vw;
		margin-right: 9vw;
		border-top: 2px solid white;
		font-weight: 700;
		font-size: 4vw;
		color: #B0ADAE;
		margin-top: 10vw;
		height: 5vw;
	}

	.nav:hover {
		padding-top: 1vw;
		transition-duration: 2s;
		width: 100%;
		border-top: 2px solid black;
		color: #3A3939;
	}
.content img {
	width: 60vw;
	margin-bottom: -1vw;
}
.contentText {
	float: right;
	width: 30vw;
	margin-right: 5vw;
	text-align: center;
	padding-bottom: -1vw;
}
.contentTextIntro {
	font-size: 3vw;
	margin-top: 5vw;
	color: #A292F4;
	font-weight: 700;
}
.contentTextInfo {
	font-size: 4vw;
	margin-top: 6vw;
	font-family: 'Playfair Display', serif;
}
.productButton {
	width: 25vw;
	padding: 2vw;
	font-size: 2.5vw;
	font-weight: 600;
	background-color: #A292F4;
	margin-top: 8vw;
	margin-left: 0vw;
}
.logo {
	position: absolute;
	top: 50vw;
	left: 20vw;
}.logo img {
	width: 22vw;
}
.pBlockIntro {
	font-size: 5vw;
	margin-bottom: 5vw;
	color: #A292F4;
	font-weight: 700;
}
.pBlockHolder {
	width: 85vw;
	margin-left: 7.5vw;
	margin-top: 5vw;
	margin-bottom: 5vw;
}
.pBlockHead {
	font-size: 4vw;
	margin-top: 3vw;
	margin-bottom: 3vw;
	font-weight: 1000;
}
.purpleBlock {
	width: 60vw;
	height: 55vw;
	background-color: #A292F4;
	margin-right: 0vw;
	margin-left: 10vw;
	float: left;
	padding: 4vw;
	text-align: center;
	font-size: 3vw;
	font-weight: 800;
	margin-top: 5vw;
}
.productHolder {
	margin-left: 5vw;
}
.product {
	width: 39vw;
	height: 39vw;
	margin-left: 4vw;
	margin-top: 4vw;
	position: relative;
	float: left;
}
.product img {
	width: 100%;
}
	.productDetails {
	position: absolute;
	text-align: center;
	width: 39vw;
	height: 27vw;;;
	background-color: rgba(0,0,0,0.71);
	opacity: 0;
	font-size: 3vw;
	color: #ffffff;
	padding-top: 12vw;
}
.productDetails:hover {
	opacity: 1;
}
.button {
	padding: 3vw;
	font-size: 3vw;
	width: 25vw;
	margin-left: 4vw;
	margin-top: 4vw;
	cursor: pointer;
}
.fancyCheckBox > input + span{
	border: solid thick #ffffff;
	padding: 1vw;
	font-size: 3vw;
	width: 29vw;
	height: 5vw;
	margin-left: 3vw;
	margin-top: 3vw;
	cursor: pointer;
	position: absolute;
	top: 18vw;
	left: 0vw;
}
.contactInfo {
	width: 75vw;
	padding: 5vw;
	text-align: center;
	margin-top: -5vw;
	margin-bottom: 0vw;
}
.contactInfo input {
	width: 70vw;
	height: 4vw;
	margin-top: 5vw;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: solid thin black;
	text-align: left;
	color: #000000;
	padding-left: 4vw;
	font-size: 3vw;
	
}
.contactInfo textarea {
	padding: 4vw;
	width: 74vw;
	height: 20vw;
	margin-top: 5vw;
	box-sizing: border-box;
	border: solid thin black;
	font-family: 'Playfair Display', serif;
	font-family: 'Muli', sans-serif;
	color: #000000;
	font-weight: 600;
	font-size: 3vw;
}
.submitButton {
	width: 50vw;
	height: 7vw;
	margin-left: 18vw;
	float: left;
	background-color: #A292F4;
	border: none;
	margin-bottom: 10vw;
}
.checkout {
	border: solid medium black;
	background-color: #ffffff;
	padding-top: 1.5vw;
	padding-bottom: 1vw;
	padding-left: 3vw;
	padding-right: 3vw;
	font-size: 3vw;
	width: 50vw;
	height: 5vw;
	position: fixed;
	top: 4vw;
	left: 5vw;
	color: #000000;
	display: none;
}
.smallButton {
	padding: 1vw;
	border: solid thin black;
	width: 25vw;
	text-align: center;
	font-size: 3vw;
	float: right;
	margin-top: -.5vw;
	cursor: pointer;
	box-sizing: border-box;
	background-color: #E0DBF6;
}
.popup-desktop {
	display: none;
    position:fixed;
    top:20vh;
    left:5vw;
	width: 80vw;
	height: 70vw;
    background:rgba(255,255,255,1);
	border: solid thin #000000;
	z-index: 1;
	box-shadow:0px 2px 6px rgba(0,0,0,1);
	padding: 4vw;
	overflow: hidden;
	cursor: pointer;
}
.popup-desktopHolder {
	margin-top: 10vw;
	font-size: 3vw;
	text-align: center;
}
.popup-desktop form {
	margin-top: 15vw;
}
.popup-desktop input {
	width: 60vw;
	height: 5vw;
	margin-top: 4vw;
	border: solid medium black;
	box-sizing: border-box;
	text-align: center;
	font-size: 3vw;
}
.popup-close {
    width:6vw;
    height:5vw;
    padding-top:1vw;
    display:inline-block;
    position:absolute;
    top:4vw;
    right:4vw;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:1000px;
    background:rgba(0,0,0,0.8);
    font-family:Arial, Sans-Serif;
    font-size:5vw;
    text-align:center;
    line-height:75%;
    color:#fff;
	cursor: pointer;
	z-index: 3;
}
}