body.home .container_wrap_first /* Workaround - Theme blank container issue */
	{
		display: none !important;
	}
	.tarot-wrapper,
	.tarot-wrapper *
	{
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
	@media only screen and (min-width: 768px)
	{
		.tarot-wrapper,
		.tarot-wrapper *
		{
			white-space: nowrap;
		}
	}
	.tarot-wrapper h1,h2,h3,h4,h5,h6
	{
		margin-bottom: 15px !important;
	}
	.tarot-container
	{
		overflow: hidden;
	}
	.tarot-wrapper
	{
		height: auto;
		width: 1024px;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
		padding-top: 80px;
		padding-bottom: 80px;
		position: relative;
		z-index: 1;
		overflow: hidden;
		
		background-position: 50%;
		background-size: 32px;
	}
	.tarot-wrapper.locked div.tarot-deck-wrapper,
	.tarot-wrapper.locked div.tarot-deck-wrapper .tarot-card-3,
	.tarot-wrapper.locked div.tarot-deck-wrapper .tarot-card-3 .front,
	.tarot-wrapper.locked div.tarot-deck-wrapper .tarot-card-3 .front .phantomBackCard
	{
		width: 100%;
	}
	.tarot-wrapper
	.tarot-wrapper,
	.tarot-wrapper > *
	{
		transition: .5s all ease-in-out;
	}
	.tarot-wrapper.loader
	{
		background: transparent url(https://test.purple-reading.com/wp-content/themes/tarot-child/shortcodes/tarot/img/preloader.gif) no-repeat no-repeat;
		background-position: 50%;
		background-size: 32px;
	}
	@media only screen and (max-width: 767px)
	{
		.tarot-wrapper.loader
		{
			background-position: 50% 10% !important;
		}
	}
	.tarot-wrapper.loader > *
	{
		opacity: 0;
	}
	.tarot-deck-container
	{
		z-index: 1;
	}
	.tarot-deck-container .tarot-deck-wrapper
	{
		
	}
	.tarot-deck-container,
	.tarot-description
	{
		width: 50%;
		height: 100%;
		display: inline-block;
	}
	@media only screen and (max-width: 767px)
	{
		.tarot-deck-container,
		.tarot-description
		{
			width: 100%;
			display: inline-block;
			padding: 20px !important;
			position: relative;
		}
		.tarot-deck-container
		{
			text-align: center !important;
			padding-left: 20px !important;
		}
	}
	.tarot-deck-container
	{
		text-align: right;
		padding-left: 40px;
		padding-right: 20px;
		
		-webkit-perspective: 500px;
		perspective: 500px;
	}
	.tarot-deck-container .tarot-card-1,
	.tarot-deck-container .tarot-card-2
	{
		transform-style: flat;
	}
	.tarot-deck-container .tarot-card-1,
	.tarot-deck-container .tarot-card-2,
	.tarot-deck-container .tarot-card-3 .front,
	.tarot-deck-container .tarot-card-3 .back,
	.tarot-deck-container .tarot-card-4,
	.tarot-deck-container .tarot-card-5,
	.tarot-deck-container .tarot-card-6,
	.tarot-deck-container .tarot-card-7
	{
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.tarot-deck-container .tarot-card-1,
	.tarot-deck-container .tarot-card-2,
	.tarot-deck-container .tarot-card-3 .back,
	.tarot-deck-container .tarot-card-4,
	.tarot-deck-container .tarot-card-5,
	.tarot-deck-container .tarot-card-6,
	.tarot-deck-container .tarot-card-7
	{
		position: absolute;
		right: 0px;
		top: 0;
	}
	@media only screen and (max-width: 767px)
	{
		.tarot-deck-container .tarot-card-3 .back
		{
			width: 100%;
		}
	}
	.tarot-deck-container .tarot-card
	{		
		animation-duration: .5s;
		animation-iteration-count: 4;
		animation-direction: normal;
		z-index: 1;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		
		will-change: transform;
	}
	.tarot-deck-container .tarot-card-1
	{
		animation-delay: .5s;
	}
	.tarot-deck-container .tarot-card-2
	{
		animation-delay: .75s;
	}
	.tarot-deck-container .tarot-card-3
	{
		-webkit-transition: 1s all cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: 1s all cubic-bezier(0.645, 0.045, 0.355, 1);
		transition-delay: 1s;
		position: relative;
		
		-webkit-perspective: 1000px;
		-moz-perspective: 1000px;
		-ms-perspective: 1000px;
		perspective: 1000px;
		
		-webkit-perspective-origin: 50% 50%;
		-moz-perspective-origin: 50% 50%;
		-ms-perspective-origin: 50% 50%;
		perspective-origin: 50% 50%;
	}
	.tarot-deck-container .tarot-card-3 .front,
	.tarot-deck-container .tarot-card-3 .back
	{
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		-o-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
	}
	.tarot-deck-container .tarot-card-3 .front
	{
		transition: .5s transform ease-in;
		-webkit-transition: .5s transform ease-in;
		-o-transition: .5s transform ease-in;
		transition: .5s transform ease-in;
		-webkit-transition-delay: 3s;
		-o-transition-delay: 3s;
		transition-delay: 3s;
		position: relative;
		-webkit-transform: rotateY(0deg) translate3d(0,0,0);
		-ms-transform: rotateY(0deg) translate3d(0,0,0);
		-o-transform: rotateY(0deg) translate3d(0,0,0);
		transform: rotateY(0deg) translate3d(0,0,0);
	}
	.tarot-deck-container .tarot-card-3 .back
	{
		transition: .75s transform ease-out;
		-webkit-transition: .75s transform ease-out;
		-o-transition: .75s transform ease-out;
		transition: .75s transform ease-out;
		-webkit-transform: rotateY(100deg) translate3d(0,0,-150px);
		-ms-transform: rotateY(100deg) translate3d(0,0,-150px);
		-o-transform: rotateY(100deg) translate3d(0,0,-150px);
		transform: rotateY(100deg) translate3d(0,0,-150px);
		z-index: 2;
		
		-webkit-transition-delay: 3.5s;
		-o-transition-delay: 3.5s;
		transition-delay: 3.5s;
	}
	.tarot-deck-container .tarot-card-3.reveal-inst .front
	{
		transition: none;
	}
	.tarot-deck-container .tarot-card-3.reveal-inst .front,
	.tarot-deck-container .tarot-card-3.reveal .front
	{
		-webkit-transform: rotateY(-100deg) translate3d(0,0,150px);
		-ms-transform: rotateY(-100deg) translate3d(0,0,150px);
		-o-transform: rotateY(-100deg) translate3d(0,0,150px);
		transform: rotateY(-100deg) translate3d(0,0,150px);
	}
	.tarot-deck-container .tarot-card-3.reveal-inst .back
	{
		transition: none;
	}
	.tarot-deck-container .tarot-card-3.reveal-inst .back,
	.tarot-deck-container .tarot-card-3.reveal .back
	{
		-webkit-transform: rotateY(0deg) translate3d(0,0,0);
		-ms-transform: rotateY(0deg) translate3d(0,0,0);
		-o-transform: rotateY(0deg) translate3d(0,0,0);
		transform: rotateY(0deg) translate3d(0,0,0);
	}
	.tarot-deck-container .tarot-card.pick-mode
	{
		-webkit-transition-delay: 0 !important;
		-o-transition-delay: 0 !important;
		transition-delay: 0 !important;
		
		cursor: pointer;
	}
	.tarot-deck-container .tarot-card.pick-mode:hover,
	.tarot-deck-container .tarot-card.pick-mode.hover
	{
		top: -20px;
	}
	.tarot-deck-container .tarot-card.deal-cards
	{
		-webkit-transition: .15s transform cubic-bezier(0.645, 0.045, 0.355, 1), .25s top cubic-bezier(0.645, 0.045, 0.355, 1), .15s opacity .5s ease-in-out;
		-o-transition: .15s transform cubic-bezier(0.645, 0.045, 0.355, 1), .25s top cubic-bezier(0.645, 0.045, 0.355, 1), .15s opacity .5s ease-in-out;
		transition: .15s transform cubic-bezier(0.645, 0.045, 0.355, 1), .25s top cubic-bezier(0.645, 0.045, 0.355, 1), .15s opacity .5s ease-in-out;
	}
	.tarot-deck-container .tarot-card.tarot-card-1.deal-cards
	{
		z-index: 6;
	}
	.tarot-deck-container .tarot-card.tarot-card-2.deal-cards
	{
		z-index: 5;
	}
	.tarot-deck-container .tarot-card.tarot-card-2.deal-cards:not(.pick-mode) 
	{
		-webkit-transition-delay: .15s !important;
		-o-transition-delay: .15s !important;
		transition-delay: .15s !important;
	}
	.tarot-deck-container .tarot-card.tarot-card-4.deal-cards
	{
		z-index: 4;
	}
	.tarot-deck-container .tarot-card.tarot-card-4.deal-cards:not(.pick-mode) 
	{
		-webkit-transition-delay: .3s !important;
		-o-transition-delay: .3s !important;
		transition-delay: .3s !important;
	}
	.tarot-deck-container .tarot-card.tarot-card-5.deal-cards
	{
		z-index: 3;
	}
	.tarot-deck-container .tarot-card.tarot-card-5.deal-cards:not(.pick-mode) 
	{
		-webkit-transition-delay: .45s !important;
		-o-transition-delay: .45s !important;
		transition-delay: .45s !important;
	}
	.tarot-deck-container .tarot-card.tarot-card-6.deal-cards
	{
		z-index: 2;
	}
	.tarot-deck-container .tarot-card.tarot-card-6.deal-cards:not(.pick-mode) 
	{
		-webkit-transition-delay: .6s !important;
		-o-transition-delay: .6s !important;
		transition-delay: .6s !important;
	}
	.tarot-deck-container .tarot-card.tarot-card-7.deal-cards
	{
		z-index: 1;
	}
	.tarot-deck-container .tarot-card.tarot-card-7.deal-cards:not(.pick-mode) 
	{
		-webkit-transition-delay: .75s !important;
		-o-transition-delay: .75s !important;
		transition-delay: .75s !important;
	}
	.tarot-deck-container .tarot-card img
	{
		width: auto;
/*		height: 300px !important;*/
/*		max-height: none !important;*/
	}
	.tarot-wrapper.locked .tarot-deck-container
	{
		text-align: center;
	}
	.tarot-deck-wrapper
	{
		width: auto;
		max-width: 300px !important; 
		display: inline-block;
		position: relative;
		animation-duration: 3.625s;
		animation-iteration-count: 1;
		animation-direction: normal;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}
	.tarot-deck-wrapper,
	.tarot-deck-wrapper img,
	.tarot-deck-wrapper .card-faces-container,
	.tarot-deck-wrapper .card-faces-container .shadow
	{
		border-radius: 25px;
	}
	@media only screen and (max-width: 767px)
	{
		.tarot-deck-wrapper,
		.tarot-deck-wrapper img,
		.tarot-deck-wrapper .card-faces-container,
		.tarot-deck-wrapper .card-faces-container .shadow
		{
			border-radius: 12.5px;
		}
		.tarot-deck-wrapper .shadow
		{
			-webkit-box-shadow: inset 2px 0 5px 1px #313028;
			box-shadow: inset 2px 0 5px 1px #313028;
		}	
		.tarot-wrapper.locked .tarot-deck-wrapper .shadow
		{
			display: none;
		}
	}
	.tarot-deck-wrapper .shadow
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-box-shadow: inset 4px 0 10px 2px #313028;
		box-shadow: inset 4px 0 10px 2px #313028;
		z-index: 13;
	}
	.tarot-description
	{
		padding-left: 20px;
		padding-right: 40px;
		vertical-align: top;
		height: 100%;
		transition: .5s all ease-in-out;
	}
	.tarot-description p
	{
		line-height: 2em;
		margin-bottom: 10px;
	}
/*	@media only screen and (min-width: 768px)*/
/*	{*/
		.tarot-description
		{
			max-height: 0;
		}
		.tarot-description.reveal,
		.tarot-description.reveal-inst
		{
			max-height: 5000px;
			margin-top: 20px;
		}
/*	}*/
	.tarot-description .text
	{
		opacity: 0;
		visibility: hidden;
		
		transition: .5s all ease-in-out;
		transition-delay: 1s;
	}
	.tarot-description.reveal-inst .text
	{
		transition: none;
	}
	.tarot-description.reveal-inst .text,
	.tarot-description.reveal .text
	{
		opacity: 1;
		visibility: visible;
	}
	.tarot-description,
	.tarot-description *
	{
		white-space: normal;
	}
	.tarot-deck-wrapper
	{
		-webkit-transition: .75s all cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: .75s all cubic-bezier(0.645, 0.045, 0.355, 1);
		transition-delay: .25s;
	}
	.tarot-deck-wrapper.deck-to-bottom .tarot-card-3
	{
		z-index: 0;
	}
	.tarot-another{
	padding: 20px;
    font-family: "Palatino", "Open Sans", arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    height: 60px;
    border-radius: 10px;
    color: #FFF;
    background-color: #000000;
    width: 240px;
	margin-top: 60px;
	}
	
	@media only screen and (max-width: 767px)
	{
		.tarot-deck-wrapper.deck-to-middle
		{
			-webkit-transform: translate3d(0, 0, 20px);
			-ms-transform: translate3d(0, 0, 20px);
			-o-transform: translate3d(0, 0, 20px);
			transform: translate3d(0, 0, 20px);
		}
		.tarot-deck-wrapper.deck-to-bottom
		{
			-webkit-transform: translate3d(0, 110%, 20px);
			-ms-transform: translate3d(0, 110%, 20px);
			-o-transform: translate3d(0, 110%, 20px);
			transform: translate3d(0, 110%, 20px);
		}
	}
	@media only screen and (min-width: 768px)
	{
		.tarot-deck-wrapper.deck-to-middle
		{
			-webkit-transform: translate3d(calc(50%), 0, 20px);
			-ms-transform: translate3d(calc(50%), 0, 20px);
			-o-transform: translate3d(calc(50%), 0, 20px);
			transform: translate3d(calc(50%), 0, 20px);
		}
		.tarot-deck-wrapper.deck-to-bottom
		{
			-webkit-transform: translate3d(calc(50%), 110%, 20px);
			-ms-transform: translate3d(calc(50%), 110%, 20px);
			-o-transform: translate3d(calc(50%), 110%, 20px);
			transform: translate3d(calc(50%), 110%, 20px);
		}
	}
	.tarot-deck-wrapper.shadow
	{
		box-shadow: 0px 5px 25px rgba(0, 0, 0, .5);
	}
	
	button.tarot-draw {
    cursor: pointer;
    transition: .25s all ease-in-out;
    padding: 20px;
    font-family: "Palatino", "Open Sans", arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    outline: 0;
    border: 0;
    height: 60px;
    border-radius: 10px;
    color: #FFF;
    background-color: #5b2a2b;
    margin: auto !important;
    position: absolute;
    top: 0;
    left: calc( 50% - 120px );
    width: 240px;
    box-shadow: 0px 1px 0px 1px rgb(70 0 70);
    backface-visibility: hidden;
    transition: .15s all ease-in-out;
}
	button.tarot-draw:hover:not(:active)
	{
		opacity: 0.95;
		box-shadow: 0px 2px 0px 1px black;
		-webkit-transform:  translate3d( 0px, -2px, 0 );
		-ms-transform:  translate3d( 0px, -2px, 0 );
		-o-transform:  translate3d( 0px, -2px, 0 );
		transform:  translate3d( 0px, -2px, 0 );
	}
	@media only screen and (min-width: 768px)
	{
		button.tarot-draw
		{
			top: 50%;
			
			-webkit-transform: translate3d(0, calc(50% - 60px), 0) !important;
			-ms-transform: translate3d(0, calc(50% - 60px), 0) !important;
			-o-transform: translate3d(0, calc(50% - 60px), 0) !important;
			transform: translate3d(0, calc(50% - 60px), 0) !important;
			
			bottom: 0;
			left: auto;
			margin: 0 !important;
		}
	}
	.tarot-draw.fade-out
	{
		opacity: 0 !important;
		cursor: default;
		-webkit-touch-callout: none; /* iOS Safari */
    	-webkit-user-select: none; /* Safari */
     	-khtml-user-select: none; /* Konqueror HTML */
       	-moz-user-select: none; /* Firefox */
       	-ms-user-select: none; /* Internet Explorer/Edge */
		user-select: none;
	}
	@media only screen and (min-width: 768px)
	{
		@keyframes deckToMiddle
		{
			0%
			{
				transform: translate3d(0, 0, 0);
			}
			13.8%
			{
				transform: translate3d(calc(50% + 20px), 0, 20px);
				box-shadow: 0px 5px 25px rgba(0, 0, 0, .5);
			}
			86.2%
			{
				transform: translate3d(calc(50% + 20px), 0, 20px);
				box-shadow: 0px 5px 25px rgba(0, 0, 0, .5);
			}
			100%
			{
				transform: translate3d(calc(50% + 20px), 0, 20px);
				box-shadow: 0px 5px 25px rgba(0, 0, 0, .5);
			}
		}
	}
	@media only screen and (max-width: 767px)
	{
		@keyframes deckToMiddle
		{
			0%
			{
				transform: translate(0, 0 );
			}
			13.8%
			{
				transform: translate(0, 0 );
				box-shadow: 0px 5px 25px rgba(0, 0, 0, .5);
			}
			86.2%
			{
				transform: translate(0, 0 );
				box-shadow: 0px 5px 25px rgba(0, 0, 0, .5);
			}
			100%
			{

			}
		}
	}
	@keyframes cardToLeft
	{
		0%
		{
			z-index: 2;	
			transform: translate(0, 0 );
		}
		20%
		{
			transform: translate(5%, 0 );
		}
		50%
		{
			z-index: 2;
			transform: translate(-110%, 0px );
		}
		51%
		{
			z-index: 1;
		}
		100%
		{
			transform: translate(0, 0 );
		}
	}
	@keyframes cardToLeft2
	{
		0%
		{
			z-index: 3;
			
			transform: translate(0, 0);
		}
		25%
		{
			transform: translate(7.5%, 0);
		}
		50%
		{
			z-index: 3;
			transform: translate(-105%, 0px);
		}
		51%
		{
			z-index: 1;
		}
		100%
		{
			transform: translate(0, 0);
		}
	}
	.lockout-notice
	{
		padding: 40px;
		text-align: center;
	}