body {
			
		}

		#readerCardTemplate {
			display: none;
		}

		.jumbotron {
			background-image: url("../../images/headbg.png");
			background-position: top, right;
			background-repeat: no-repeat;
			background-size: contain;
			padding: 2rem 2rem;
		}

		.name {
			font-family: "Parisienne";
			font-size: 1em;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 1; /* number of lines to show */
			-webkit-box-orient: vertical;
		}

		.brand {
			font-family: "Emilys Candy";
			color: #FFFFFF;
			text-shadow:
   			-1px -1px 0 #000000,  
    		1px -1px 0 #000000,
    		-1px 1px 0 #000000,
     		1px 1px 0 #000000;
			font-size: 5.5rem;
			font-weight: 500;
			line-height: 1.2;			
		}

		.ddi {
			font-family: "Emilys Candy";
			color: #FFFFFF;
			text-shadow:
   			-1px -1px 0 #000000,  
    		1px -1px 0 #000000,
    		-1px 1px 0 #000000,
     		1px 1px 0 #000000;
			font-size: 5rem;
			font-weight: 500;
			line-height: 1.2;
		}

		.promo {
			font-family: "Emilys Candy";
			color: #CD65FF;
			font-size: 2.8rem;
			font-weight: 300;
			line-height: 1.2;
		}

		.filter {
			font-family: "Emilys Candy";
			color: #000000;
			font-size: 4.4rem;
			font-weight: 300;
			line-height: 1.2;
		}

		.bg-light {
	background-color: #E8DCFF !important;
		}

		.btn-group-toggle {
			padding: 0px 0px 0px 0px;
		}

		.btn-primary {
			border-radius:5px;
		}

		.btn-secondary {
			margin: 1%;
			border-radius:5px;
		}

		.ellip {
			font-weight: bold;
			color: #00a0fc;
		}

		.punct {
			color: darkorange;
		}

		.grid-sizer,
		.grid-item {
			float: left;
			--width: 100px;
			margin-bottom: 10px;
			padding-left:0px;
			padding-right:0px;
		}

		.grid {
			margin: 0 auto;
		}

			.grid:after {
				content: "";
				display: block;
				clear: both;
			}


		.nopic {
			background-image: url("../../images/no-thumb.png");
		}

		.iconn{
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 3; /* number of lines to show */
			-webkit-box-orient: vertical;
		}

		.bio{
			overflow: auto;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 4; /* number of lines to show */
			-webkit-box-orient: vertical;
		}

/*		.badge{
			display:inline-block;
			padding:.25em .4em;
			font-size:75%;
			font-weight:700;
			line-height:1;
			text-align:center;
			white-space:nowrap;
			vertical-align:baseline;
			border-radius:.25rem;
			transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
		}*/

		.tag {
			background: no-repeat left center;
			padding: 5px 0 5px 20px;
			height: 16px;
			width: 16px;
		}

		.card {
			height: 400px;
			overflow: hidden;
			border-radius:10px;
		}

		.text-info {
			color: #000000 !important;
			font-size: 0.7rem;
		}

		.h6, h6 {
			font-size: 0.9rem;			
		}

		.card-img-top {
			height: 200px;
			width: 100%;
			padding: 0rem;
			
		}

		.card-img-overlay {
			height: 30px;
			padding: 0rem;
			
		}

		.card-product {
			position: relative;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-direction: column;
			flex-direction: column;
			min-width: 0;
			word-wrap: break-word;
			background-color: rgba(227, 162, 253, 0.479);
			background-clip: border-box;
			border: 1px solid rgba(255, 255, 255, 0);
			border-radius: 1rem;
			height: 100%;
			width: 100%;
		}
		
		.btn2 {
			display: inline-block;
			font-weight: 700;
			text-align: center;
			vertical-align: middle;
			float: right;
			user-select: none;
			border: 1px solid transparent;
			border-top-style: solid;
			border-top-width: 1px;
			border-right-style: solid;
			border-right-width: 1px;
			border-bottom-style: solid;
			border-bottom-width: 1px;
			border-left-style: solid;
			border-left-width: 1px;
			border-image-source: initial;
			border-image-slice: initial;
			border-image-width: initial;
			border-image-outset: initial;
			border-image-repeat: initial;
			padding: .1rem .2rem;
			padding-top: 0.2rem;
			padding-right: 0.4rem;
			padding-bottom: 0.2rem;
			padding-left: 0.4rem;
			font-size: 0.75rem;
			line-height: 1.3;
			border-radius: .25rem;
			transition: color .15s ease-in-out,backgroud-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
			transition-property: color, background-color, border-color, box-shadow;
			transition-duration: 0.15s, 0.15s, 0.15s, 0.15s;
			transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
			transition-delay: 0s, 0s, 0s, 0s;
		}

		.btn-primary {
			color: #fff;
			background-color: #007bff;
			border-color: #007bff
		}

		.btn-success {
			float: left;
		}

		}

		.pin {
			font-weight: bold;
		}


		.modal-content {
			color: #000000;
			background-color: #E8DCFF;
			max-width: 600px;
		}

		.modal-header img{
			max-width: 320px;
		}

		#topper {
			padding-bottom: 16px;
		}
		
		.fullscreen-bg {
    		position: fixed;
    		top: 0;
    		right: 0;
    		bottom: 0;
    		left: 0;
    		overflow: hidden;
    		z-index: -100;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (min-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
        width: 300%;
        left: -100%;
    }
}

@media (max-width: 767px) {
    .fullscreen-bg {
        background: url('../../images/purp2.jpg') center center / cover no-repeat;
    }

    .fullscreen-bg__video {
        display: none;
    }
}