@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Vollkorn:ital,wght@0,400;0,700;1,400;1,700&display=swap');
*, ::after, ::before{ box-sizing: border-box; }
body{
    color: #614932;font-size: 20px;font-family: 'Vollkorn', serif; font-weight: 400; margin: 0; background-color: #000; line-height: 30px;
}
hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; }
img { height: auto; max-width: 100%;vertical-align: middle;}
figure { margin: 1em 0; }
table { margin: 0 0 1.5em; width: 100%; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
img { border-style: none; max-width: 100%; height: auto;}

p{ margin-bottom: 20px; margin-top: 0px;}

a{text-decoration: none; transition: all 0.4s;}
a:hover{text-decoration: none; outline: none;}

strong,b{font-weight: 700;}
ol, ul { padding-left: 25px; }

/*## Title*/
h1,h2,h3,h4,h5,h6{ font-weight: 700; line-height: 1.5;}
h1,.h1{font-size: 50px; line-height: 1.1; letter-spacing: -0.028em;}
h2,.h2{font-size: 34px; line-height: 1.3; font-weight: 600;}
h3,.h3{font-size: 24px;}
h4,.h4{font-size: 22px;}
h5,.h5{font-size: 18px;}
h6,.h6{font-size: 14px;}
.text-center{text-align: center;}
.row{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -15px;
    margin-right: -15px;
}
.align-items-top{
    align-items: flex-start;
}
.justify-content-center{
    justify-content: center;
}
.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 15px;
    padding-left: 15px;
}
.col-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
	padding-right: 15px;
	padding-left: 15px;
}
.col-6{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px;
}
.col-7{
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding-right: 15px;
    padding-left: 15px;
}
.col-8{
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding-right: 15px;
    padding-left: 15px;
}
.col-9{
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    padding-right: 15px;
    padding-left: 15px;
}
.col-12{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.justify-content-center{
    justify-content: center;
}


/*****Button Start*****/
.btn{
    display: inline-block;
    padding: 20px 30px;
    background-color: #d41b7e;
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-family: 'Bebas Neue', sans-serif;
    border: none;
}
.btn:hover,.btn:focus{
    background-color: #53a7f1;
    color: #fff;
    outline: none;
}
/*****Button END*****/
.w-input, .w-select {
    height: auto;
    padding: 15px 25px;
    border: 2px solid #cbced2;
    border-radius: 10px;
    background-color: rgba(225, 228, 233, 0.25);
    -webkit-transition: border 200ms ease-in;
    transition: border 200ms ease-in;
    color: #6c33da;
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: 500;
    text-align: left;
    display: block;
    width: 100%;
    vertical-align: middle;
}
.w-input:focus, .w-select:focus{
    border-color: #6c33da;
    outline: none;
}
input[type="radio"],
input[type="checkbox"]{
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.mt-1{margin-top: 10px;}
.mt-2{margin-top: 20px;}
.mt-3{margin-top: 20px;}

.mb-1{margin-bottom: 10px;}
.mb-2{margin-bottom: 20px;}
.mb-3{margin-bottom: 30px;}
.mb-4{margin-bottom: 40px;}

/*****Heading Start*****/
.heading-7 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 14px;
    padding-bottom: 0px;
    font-family: Vollkorn, serif;
    font-size: 20px;
    text-align: center;
    color: #000;
}
.heading-8 {
    font-family: Vollkorn, serif;
    font-size: 24px;
    line-height: 30px;
    text-align: center;

    width: 550px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.heading-8.plug{
    padding-right: 0px;
    padding-left: 0px;
    font-size: 19px;
    margin-bottom: 0;
}
.heading-9 {
    color: #fff;
    text-align: center;
    font-size: 38px;
    line-height: 44px;
}
/*****Heading END*****/

.highlighte{
    /*background-color: rgb(255 248 70 / 50%);*/
    font-weight: 700;
}
.hide-elm,
.step-hide{
    display: none;
}
.bold-text-4{    
    font-size: 48px;
    color: #000;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
}
.blk-img {
    width: 216px;
    margin: 0px 22px 32px;
    float: right;
    box-shadow: 3px 3px 17px -7px #000;
}
.no-shadow{
    box-shadow: none;
}
.card-left{
    float: left;
}
.container{ margin-left: auto; margin-right: auto; max-width: 940px; position: relative; z-index: 1  }

.bg-video{
    position: fixed;
    display: block;
    overflow: visible;
    min-height: 100%;
    height: 500px;
    min-width: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    z-index: -1; 
}

.bg-video>video{
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    margin: auto;
    width: 100%;
    height: 100%;
    right: -100%;
    bottom: -100%;
    top: -100%;
    left: -100%;
    object-fit: cover;
    z-index: -100;
}


.content-blk{
    background-color: #ffefe0; background-image: url("../images/header-texture.jpg"); background-position: center top;
    background-size: 100%; background-repeat: no-repeat;
    padding-top: 50px;
    padding-bottom: 50px;
}
.content-blk-inner{
    padding-left: 50px;
    padding-right: 50px;
    clear: both;
}
.content-blk-inner.inner-small{
    padding-left: 20px;
    padding-right: 20px;
}
.main-heading{color: #000;font-size: 56px;font-family: 'Bebas Neue', sans-serif;font-weight: 400; text-align: center; margin-top: 0px; margin-bottom: 10px;}
.paragraph-title{
    font-family: Vollkorn, serif; color: #614932; font-size: 21px; line-height: 30px; font-weight: 700; text-align: center;
}
.bg-heading{
    padding: 10px 30px;
    background-color: #000;
    font-family: 'Bebas Neue', sans-serif;
    color: #ffefe0;
    font-size: 33px;
    text-align: center;
    display: inline-block;
    margin: 0 0 30px;
    font-weight: 400;
}
.get-reading-btn-blk{
    opacity: 0;
}
/* ==============================================================================
// Tarot cards START
// ==============================================================================*/
.free-card .tarot-cards{
    justify-content: center;
}
.tarot-cards .tarot-card{
    margin-bottom: 30px;
    padding-left: 0px;
    padding-right: 0px;
}
.tarot-cards .tarot-card-inner{
    height: 350px;
    /*padding: 0px 25px*/
    position: relative;
    /*overflow: hidden;*/
    padding: 15px;
}
.tarot-cards .card-data{
    position: relative;
    width: 100%;
    height: 100%;    
    /*box-shadow: 3px 3px 17px -7px #000;*/
    /*border-radius: 13px;*/
    transition: transform 0.8s ease-in-out;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.tarot-cards .tarot-front, .tarot-cards .tarot-back{
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

    display: flex;
    justify-content: center;
}
.tarot-cards .card-data img{
    max-height: 100%;

    box-shadow: 3px 3px 17px -7px #000;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;    
}
.tarot-cards.flip .tarot-card-inner{
    overflow: hidden;
}
/*.tarot-cards.flip .tarot-card:hover .card-data,*/
/*.tarot-cards.flip .tarot-card:hover .card-data,*/
.tarot-cards.flip .tarot-card .card-data.selected{
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.tarot-cards.flip .tarot-card .card-data.selected .tarot-front{
    z-index: 0;
}
.tarot-cards.flip .tarot-card .card-data.selected .tarot-back{
    z-index: 1;
}
.tarot-cards.flip .tarot-card .tarot-back{
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.tarot-cards.fade .tarot-card .tarot-back{
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    transition: all 0.5s ease-out;
}
.tarot-cards.fade .tarot-card:hover .card-data .tarot-back{
    opacity: 1;
    visibility: visible;
    transform: scale(1.01);
}
.tarot-cards.fade .tarot-card .card-data.selected .tarot-back{
    opacity: 1;
    visibility: visible;
    transform: scale(1.01);
}
.tarot-cards.fade .tarot-card .card-data.selected .tarot-back img{
    box-shadow: 3px 3px 17px -7px rgb(0 0 0 / 30%);
    filter: drop-shadow(0px 0px 15px #efe800) drop-shadow(0px 0px 15px #ff00ff);
}
/********** Tarot cards END **********/

.sub-heading{
    padding-top: 25px;
    color: #1a1a1a;
    text-align: center;
}
.step-form{
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.step-form .form-content{
    width: 70%;    
}
.form-field{
    margin-top: 10px;
    margin-bottom: 30px;
}
.form-next{
    display: block;
    margin-bottom: 54px;
    padding: 15px 20px; 
    border-radius: 5px;
    background-color: #3cd3ad;    
    font-size: 20px;
    text-align: center;
    color: #fff;
}
.form-next:hover,.form-next:focus{
    background-color: #6c33da;
}
.error-message{
    color: #b80000;
}
.frm-submit{
    background-image: linear-gradient(#b10498 40%,#da068d);
    margin-top: 0px;
    width: 95%;
    max-width: 550px;
    height: 70px;
    align-items: center;
    text-align: center;
    justify-content: center;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #d3d3d3;
    border-right-color: #d3d3d3;
    border-bottom-color: #d3d3d3;
    border-left-color: #d3d3d3;
    border-radius: 15px;
    align-self: center;
    box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 35%);
    cursor: pointer;
}
.frm-submit:disabled{
    opacity: 0.5;
    cursor: not-allowed;
}
.loader{
    position: relative;
}
@keyframes spinner {
  to {transform: rotate(360deg);}
}
 
.loader:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 60%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border-top: 3px solid #fff;
  border-right: 3px solid transparent;
  animation: spinner .6s linear infinite;
  z-index: 1;
}
.birthday-select,
.birthtime-select{
    display: flex;
    justify-content: center;
    align-items: center;
}
.birthday-select .w-select{
    width: auto;
}
.birthday-select .w-select:not(:last-child){
    margin-right: 15px;
}
.birthtime-select .timedivider {
    text-align: center;
    padding: 0 20px;
}
.birthtime-select .birthtime-format{
    margin-left: 30px;
}

.text-reveals{
    position: relative;
    text-align: center;
    color: #614932;
    font-size: 27px;
}
.text-reveals .text-reveal{
    position: relative;
    padding: 0;
    margin: 0;
    display: none;

}
.lottieflow-loading{
    width: 70px;
    margin: 20px auto;
}
.loading{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../images/loader.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 180px;
    padding: 50px;

}

.master-li-loading{
    max-width: 190px;
    margin-bottom: 20px;
}
.reading-page-2 .right-img-blk{
    padding-right: 15px;
}
.reading-page-2 .right-img-blk .right-img-blk-inner{
    padding-right: 0px;
    text-align: right;
}
.reading-page-2 .right-img-blk .right-img-blk-inner .image-17{
    max-width: 180px;
}
.reading-page-2 .content-blk-inner.birth-cards{
    background-image: url(../images/birth-card-bg.png);
    background-repeat: no-repeat;
    background-size: 600px 450px;
    background-position-x: -50px;
    padding-top: 50px;
}
.reading-page-2 .birth-cards .cards-img{
    padding: 20px 0px 50px 0px;
    /*display: flex;*/
    float: left;
    width: 50%;
    float: left;
    margin-right: 20px;
}
.reading-page-2 .birth-cards-title{
    font-size: 29px;
    line-height: 40px;
    margin-bottom: 20px;
}
.reading-page-2 .birth-cards .cards-img img{
    display: inline-block;
    float: left;
    width: 44%;
    margin-left: 10px;
    margin-right: 10px;
    box-shadow: 3px 3px 17px -7px #000;
}
.reading-page-2 .birth-cards .cards-img.cards-no-3{
    width: 70%;
}
.reading-page-2 .birth-cards .cards-img.cards-no-3 img{
    width: 30%;
}
.challenge-buttons{
    display: inline-block;
    margin: 8px 3px;
    padding: 15px 45px;
    border-radius: 15px;
    background-color: #e83033;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#d8282b));
    background-image: linear-gradient(180deg, transparent, #d8282b);
    font-size: 20px;
    font-family: Arial,sans-serif;
}
.challenge-buttons:hover,
.challenge-buttons:focus {
    background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(#d828bb));
    background-image: linear-gradient(0deg, transparent, #d828bb);
}
.biggest-problem-cols{
    display: flex;
    flex-direction: column;
}
.reading-title{
    font-size: 40px;
    line-height: 49px;
    font-weight: 700;
    text-align: center;
}
.reading-title.small {
    padding-bottom: 34px;
    color: #000;
    font-size: 30px;
    line-height: 33px;
    margin-bottom: 0px;
}
.reading-title.large {
    font-size: 50px;
    font-weight: 700;
    margin-top: 0px;
}
.paragraph-title.pre {
    padding-top: 60px;
    font-size: 17px;
}
.sales-page .container,
.order-page .container{
    max-width: 810px;
}
.bold-text-4.sales-page-title{
    color: #4e2fbf;
    font-size: 48px;
    line-height: 60px;
    text-shadow: 0 0 4px #c848ff;
    padding-left: 0;
    padding-right: 0;
    font-weight: 700;
    text-align: center;
}
.paragraph-12 {
    font-size: 13px;
    text-align: center;
    line-height: 20px;
}
.testimonial.inner {
    display: inline-block;
    margin-top: 21px;
    margin-bottom: 21px;
    padding: 33px 91px;
    border-style: solid;
    border-width: 1px;
    border-color: #570c39;
    border-radius: 20px;
    background-color: #000;
    background-image: url(../images/helix_dark.jpg);
    background-position: 50% 50%;
    background-size: cover;
    box-shadow: 1px 1px 3px 0 #000;
    color: #fff;
    text-align: center;
}
.testimonial .title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0px;
}
.testimonial .paragraph {
    padding-top: 0px;
    border-style: none;
    border-width: 0px;
    border-color: #fff;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #fff;
    font-size: 15px;
    line-height: 22px;
}
.heading-7.order-page {
    font-size: 17px;
    line-height: 22px;
}
.star-bullet {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}
.bullet-star{
    display: block;
    max-height: 90px;
    max-width: 90px;
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 18px;
    padding-left: 18px;
}
.red-block{
    border: 1px none #000;
    border-radius: 0px;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(33%, #cf0003), color-stop(66%, #cf0003), to(hsla(0, 0%, 100%, 0)));
    background-image: linear-gradient(90deg, transparent, #cf0003 33%, #cf0003 66%, hsla(0, 0%, 100%, 0));
    clear: both;
}
.bold-text-6{
    padding-right: 0px;
    padding-left: 0px;
    font-family: Vollkorn, serif;
    color: #fff;
    font-size: 31px;
    text-shadow: 1px 1px 0 #000;
    text-align: center;
    line-height: 44px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.order-page .blk-img{
    width: 320px;
    margin: 36px 0px 36px 25px;
}
.heading-8.glowing {
    color: #1263a2;
    text-shadow: 1px 1px 14px #84f9fd;
}
.image-15 {
    max-width: 20%;
}
.products .bullet-star{
    max-height: 130px;
    max-width: 130px;
}
.star-bullet.products p{
    font-size: 16px;
    line-height: 24px;
}
.order-box{
    padding: 16px 61px;    
}
.order-box .columns-5{
    border: 2px dashed #000;
    padding-top: 15px;
    padding-bottom: 15px;
}
.order-box p{
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 10px;
    font-family: Arial,sans-serif;
}
.paragraph-title.reading-body.sales-page {
    padding-top: 14px;
    padding-bottom: 14px;
    font-family: Lato, sans-serif;
    font-size: 18px;
    line-height: 29px;
}
.order-page .book {
    padding-right: 45px;
    padding-left: 0px;
    max-width: 280px;
}
.order-page .book.right-card{
    padding-right: 0px;
    padding-left: 45px;
}
.guarantee-box{
    background-image: linear-gradient(225deg, #e40072, #ffa4f3);
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
}
.divider{
    margin-top: 23px;    
    background-image: -webkit-gradient(linear, right top, left top, color-stop(25%, rgba(226, 185, 212, 0)), color-stop(50%, #fa00a6), color-stop(75%, hsla(0, 0%, 100%, 0)));
    background-image: linear-gradient(270deg, rgba(226, 185, 212, 0) 25%, #fa00a6 50%, hsla(0, 0%, 100%, 0) 75%);
    padding: 1px 0px
}
.premium{
    overflow-x: hidden;
}
.premium .content-blk-inner{
    padding-left: 15px;
    padding-right: 15px;
}
.premium .more-cards{
    filter: drop-shadow(0px 0px 15px #efe800) drop-shadow(0px 0px 15px #ff00ff);
    margin-left: 15px;
    margin-right: 15px;
    font-size: 80px;
}
/* ==============================================================================
// Animated card
// =============================================================================*/
.tarot-cards-animated{
    width: 900px;
    /*width: 100%;*/
    height: 1200px;
    margin: 50px auto;
    /*padding: 50px 140px;*/
    position: relative;
    max-width: 100%;
}
/*single card*/
.tarot-cards-animated .tarot-card{
    /*width: 260px;*/
    width: 20%;
    height: 270px;
    /*border: 1px solid #ddd;*/
    border-radius: 10px;
    position: absolute;
    /*background-color: white;*/
    /*background-image: url('../card.png');*/
    background-size: contain;
    background-repeat: no-repeat;
    
    text-align: center;

    /*all transition to take 1s */
    transition:all 1s;
    -ms-transition:all 1s;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;

    /*set card transform origin to 20% from x-axis and 80% from y-axis */
    transform-origin: 20% 80%;
    -ms-transform-origin: 20% 80%;
    -webikit-transform-origin: 20% 80%;
    -moz-transform-origin: 20% 80%;

    /*make card non selectable*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    top:0;
    left: 0;
    /*overflow: hidden;*/
}
.tarot-cards-animated .tarot-card-inner{
    padding: 0px 10px;
    width: 100%;
    height: 100%;
}

.tarot-cards-animated .card-data{
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
    /*
    transition: all 0.8s ease-in-out;
    transform-style: preserve-3d;
    */
}
.tarot-cards-animated .tarot-front, .tarot-cards-animated .tarot-back{
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.tarot-cards-animated .card-data img{
    border-radius: 10px;
    box-shadow: 3px 3px 17px -7px #000;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;   

    max-height: 100%; 
}

.tarot-cards-animated.flip .tarot-card .tarot-back{
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

/*
while opening a card, again shift transform origin 
to vertical and horizontal center axis 
to give an actual flip effect
*/
.tarot-cards-animated.flip .card-data.selected{
    transform-origin: center center !important;
    -ms-transform-origin: center center !important;
    -webikit-transform-origin: center center !important;
    -moz-transform-origin: center center !important;
    -webkit-transform: rotateY(180deg) !important;
    transform:  rotateY( 180deg ) !important;
}
.tarot-cards-animated.flip .tarot-card .card-data.selected .tarot-back{
    opacity: 1;
    visibility: visible;
    /*transform: scale(1.01);*/
}

.tarot-cards-animated.fade .tarot-card .tarot-back{
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    transition: all 0.5s ease-out;
}
.tarot-cards-animated.fade .tarot-card:hover .card-data .tarot-back{
    opacity: 1;
    visibility: visible;
    transform: scale(1.01);
}
.tarot-cards-animated.fade .tarot-card .card-data.selected .tarot-back{
    opacity: 1;
    visibility: visible;
    transform: scale(1.01);
}
.tarot-cards-animated.fade .tarot-card .card-data.selected .tarot-back img{
    box-shadow: 3px 3px 17px -7px rgb(0 0 0 / 30%);
    filter: drop-shadow(0px 0px 15px #efe800) drop-shadow(0px 0px 15px #ff00ff);
}
.card-overview .card-img{
    margin-bottom: 50px;
    text-align: center;
}
.card-overview .card-img img{
    box-shadow: 3px 3px 17px -7px #000;    
}
.card-overview .content-blk{
    min-height: 100vh;
}
.on-load-show{
    display: none;
}
.card-overview .tarot-card{
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    margin-bottom: 15px;
}
.card-overview .tarot-cards .tarot-card-inner{
    padding: 15px 10px;
    height: 280px;
}
/*******Card Selection effect START **********/
.tarot-cards-animated .card-data img{
    opacity: 0;
    visibility: hidden;
}
.tarot-cards-animated.fade .tarot-card .tarot-card-place{
    border: 1px solid #ddd;
    width: 100%;
    height: 100%;
}
.tarot-cards-animated .tarot-front, .tarot-cards-animated .tarot-back{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    box-shadow: 3px 3px 17px -7px #000;
}
.tarot-cards-animated .tarot-front{
    background-image: url(../images/card-back.jpg);
}
.tarot-cards-animated .tarot-back{
    background-image: url(../images/card-selected.jpg);
}
.tarot-cards-animated.fade .tarot-card .card-data.card-out{
    /* Chrome, Safari, Opera */
    -webkit-animation-name: CardOut;
    -webkit-animation-duration: 2s;
    /* Standard syntax */
    animation-name: CardOut;
    animation-duration: 2s;
}
.tarot-cards-animated.fade .tarot-card .card-data.card-in{

    /* Chrome, Safari, Opera */
    -webkit-animation-name: bounceOutLeft;
    -webkit-animation-duration: 2s;
    /* Standard syntax */
    animation-name: bounceOutLeft;
    animation-duration: 2s;
}
.tarot-cards-animated.fade .tarot-card .card-data.selected .tarot-back {
    box-shadow: 3px 3px 17px -7px rgb(0 0 0 / 30%);
    filter: drop-shadow(0px 0px 15px #efe800) drop-shadow(0px 0px 15px #ff00ff);
}

.disclaimer a {
    font-size: 12px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    color: #999;
    transform: translateX(-50%);
}

.disclaimer {
    text-align: center;
}

.disclaimer-text{
    padding: 40px;
}

.disclaimer-text .disclaimer-title{
    margin: 20px 0px;
}

.disclaimer-text .disclaimer-link{
    margin: 0px 0px 20px;
    display: inline-block;
    text-decoration: underline;
    color: #A52FC4;
}

@keyframes CardOut{
    
   0% {
        transform: scale(1);
        -webkit-transform: scale(1);
   }
   100% {
        transform: scale(0);
        -webkit-transform: scale(0);
   }
}
@keyframes CardIn{
   0% {
        transform: scale(0);
        -webkit-transform: scale(0);
   }
   100% {
        transform: scale(1);
        -webkit-transform: scale(1);
   }
}
@keyframes bounceOutRight{
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft{
  20% {
    opacity: 0;
    -webkit-transform: translate3d(-1000px, 0, 0) scaleX(2);
    transform: translate3d(-1000px, 0, 0) scaleX(2);
  }
  90% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    -webkit-transform: translate3d(0px, 0, 0) scaleX(1);
    transform: translate3d(0px, 0, 0) scaleX(1);
  }
}
/*******Card Selection effect END **********/


/*******Upsell Pages Start **********/
.btn-upsell{
    width: 500px;
    max-width: 90%;
}
.upsell-page .content-blk{
    padding-left: 15px;
    padding-right: 15px;
}
.red-text{
    color: red;
}
/*******Upsell Pages END **********/

/*======= Max Media =========*/
@media screen and (max-width:768px){
    .content-blk-inner{
        padding-left: 30px;
        padding-right: 30px;
    }
    .tarot-cards .tarot-card{
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 20px;
    }
    .tarot-cards .tarot-card-inner{
        height: 250px;
        padding: 0px;
    }
    .tarot-cards.fade .tarot-card .card-data.selected .tarot-back img{
        /*box-shadow: 3px 3px 17px -7px rgb(0 0 0 / 30%);*/
        filter: drop-shadow(0px 0px 7px #efe800) drop-shadow(0px 0px 7px #ff00ff);
    }
    .tarot-cards-animated .tarot-card{
        /*width: 200px;*/
        width: 33.333333%;
        height: 260px;
    }
    .tarot-cards-animated .tarot-card-inner{
        padding: 0px 5px;
    }
    .reading-page-2 .birth-cards .cards-img,
    .reading-page-2 .birth-cards .cards-img.cards-no-3{
        width: 100%;
        padding: 20px 10px 50px;
        margin-right: 0;
    }
    .card-overview .tarot-cards .tarot-card-inner{
        padding: 15px 5px;
        height: 240px;
    }
    .loader:before{
        left: 62%;
    }
}
@media screen and (max-width:600px){
    .col-3,
    .col-4,
    .col-6,
    .col-7,
    .col-8,
    .col-9{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .hide-mobile{
        display: none;
    }
    .main-heading{
        font-size: 40px;
    }
    .content-blk-inner{
        padding-left: 15px;
        padding-right: 15px;
    }
    .reading-page-2 .right-img-blk{
        padding-right: 15px;        
    }
    .bg-heading{
        font-size: 26px;
    }
    .step-form .form-content{
        width: 90%;
    }
    .birthday-select, .birthtime-select{
        flex-wrap: wrap;
    }
    .birthday-select .w-select, .birthtime-select .w-select{
        margin-bottom: 10px;
    }
    .birthtime-select .birthtime-format{
        margin-left: 10px;
    }
    .reading-title{
        font-size: 36px;
    }
    .content-blk-inner p{
        clear: both;
    }
    .blk-img{
        float: none;
    }
    .bold-text-4.sales-page-title{
        font-size: 38px;
        line-height: 50px;
    }
    .testimonial.inner{
        padding: 33px 40px;
    }
    .get-reading .tarot-cards .tarot-card{
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
    .free-card .tarot-cards .tarot-card{
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .reading-page-2 .birth-cards .cards-img img{
        margin-left: 5px;
        margin-right: 5px;
    }
    .premium .more-cards{
        font-size: 60px;
        display: block;    
    }
    .card-overview .tarot-cards .tarot-card-inner{
        height: 200px;
    }
}

@media screen and (max-width:460px){
    .free-card .tarot-cards .tarot-card-inner{
        height: 200px;
    }
    .tarot-cards-animated .tarot-card{
        height: 200px;
    }
    .card-overview .tarot-card{
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .loader:before{
        left: 70%;
    }
}
@media screen and (max-width:400px){
    .free-card .tarot-cards .tarot-card-inner{
        height: 160px;
    }
    .get-reading .tarot-cards .tarot-card-inner{
        height: 160px;
    }
    .tarot-cards-animated .tarot-card{
        height: 160px;
    }
    .card-overview .tarot-card{
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .card-overview .tarot-cards .tarot-card-inner{
        height: 180px;
    }

    .disclaimer-text{
        padding: 20px;
    }

}