/*
* Fonts
*/

    @font-face {
        font-family: 'intro_rust_gbase_2_line';
        src: url("../fonts/introrustg-base2line-webfont/introrustg-base2line-webfont.html") format("woff2"), url("../fonts/introrustg-base2line-webfont/introrustg-base2line-webfont.woff") format("woff");
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'bahnhof_regularregular';
        src: url("../fonts/bahnhof_regular_regular-webfont/bahnhof_regular_regular-webfont.html") format("woff2"), url("../fonts/bahnhof_regular_regular-webfont/bahnhof_regular_regular-webfont.woff") format("woff");
        font-weight: normal;
        font-style: normal;
    }

/*
* End - fonts
*/
/*
* general styles
*/

    body{
        overflow-x: hidden;
    }
    .title{
        font-weight: bold;
        border-bottom: 4px solid #9b907c;
        text-align: center;
    }

    .liner{
        border: solid 1px #e5e5e5;
        height: 1px;
        width: 50px;
        display: inline-block;
        margin-bottom: 8px;
    }

    .title-result{
        text-align: center;
        font-size: 2rem;
        color: #e5e5e5;
        font-weight: bolder;
    }

    .bg-sand{
        background-color: #9B907C;
    }

    .bg-black{
        background-color: #010002 !important;
    }

    .bg-atr{
        background-position: center center;
        background-repeat: repeat-y;
        background-size: cover;
        background-attachment: fixed;
    }

    .bg-dark-opacity{
        background-color: rgba(0, 0, 0, .5);
    }

    .overlay{
        background-color: rgba(0, 0, 0, .3);
    }

    .text-dark-gray{
        color: #343a40;
    }

    .card-content{
        background-color: rgba(0, 0, 0, .5);
    }

    .no-shadow{
        box-shadow: none;
    }

    .title-tirada{
        font-family: 'intro_rust_gbase_2_line';
        font-size: 2rem;
        font-weight: 300;
        line-height: 1.2;
        color: #e5e5e5;
        text-align: center;
    }
    
    .desc-tirada{
        text-align: center;
        color: #e5e5e5;
        font-size: 1.5rem;
    }

    .sub-title-tirada{
        font-family: 'intro_rust_gbase_2_line';
        font-size: 2rem;
        font-weight: 300;
        line-height: 1.2;
        color: #e5e5e5;
        text-align: center;
    }

    .sub-title-res{
        font-family: 'bahnhof_regularregular';
        color: #fff;
        font-weight: 500;
    }

    .btn-default {
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        padding: 0.5em 1.2em;
        background: #a56d0e;
        border: 2px solid;
        border-color: #a56d0e;
        position: relative;
        transition: all .5s ease;
    }

    .btn-default:hover {
        color: #a56d0e;
        background: #fff;
    }

    .separator {
        min-height: 150px;
    }

    .expand{
        -webkit-transition: 1s ease 0s !important;
        -moz-transition: 1s ease 0s !important;
        -ms-transition: 1s ease 0s !important;
        transition: 1s ease 0s !important;
        height: 360px;
    }
    .no-expand{
        height: 0px;
    }

    .hide-mask {
        width: 100%;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        z-index: 20;
    }

    .front-card{
        height: 100% !important;
    }
    
    .low{
      bottom: -460px !important;
    }

    .lower{
        bottom: -260px !important;
    }
    
    .img-responsive {
        max-width: 100%;
    }

    .img-result{
        width: 100px;
    }

    .fade-off{
        display: none;
        transition: transform 800ms ease-out 0ms;
    }

    .heart {
        color: #eb3f28;
        animation: heathing 1s ease infinite;
    }

    /* loaders animations */
    
    .reverse{
        -webkit-animation-direction: reverse;
        animation-direction: reverse;
    }

    .loader{
        height: 100vh;
        width: 100vw;
        z-index: 9999;
        position: fixed;
        background : rgba(0,0,0,0.9);
        display: flex;
        justify-content: center;
        align-items: center;
        top: 0;
    }
    /* rotate in x */
    .img-loader-x{
        position: fixed;
        animation-name: loop-x;
        animation-duration: 5s;
        animation-iteration-count: infinite;
    }
    @keyframes loop-x {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }

    /* cupid */
    .cupid{
        position: absolute;
        animation-name: loop-y;
        animation-duration: 10s;
        animation-iteration-count: infinite;
    }
    @keyframes loop-y {
        0% {
            top: 0;
            left: 0;
            transform: rotate(45deg);
        }
        25%{
            top: 50vh;
            left: 50vw;
            transform: rotate(0deg);
        }
        50% {
            bottom: 0;
            right: 0;
            transform: rotateY(180deg);
        }
        75%{
            bottom: 0;
            left: 0;
            transform: rotateY(0deg);
        }
        100%{
            top: 0;
            left: 0;
            transform: rotate(45deg) rotateY(0deg);
        }
    }
    
    .circle-animation{
        -webkit-animation: 3s circle infinite;
        animation: 3s circle infinite;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
    @keyframes circle {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }
    @-webkit-keyframes circle {
        from {
            -webkit-transform: rotate(0deg);
        }
        to {
            -webkit-transform: rotate(360deg);
        }
    }

    .egipcian{
        position: absolute;
        animation-name: egipcian;
        animation-duration: 10s;
        animation-iteration-count: infinite;
    }
    
    @keyframes egipcian {
        0% {
            left: 0;
            transform: scale(0.5);
        }
        25%{
            left: 25vw;
            transform: scale(0.75);
        }
        50% {
            left: 50vw;
            transform: scale(1);
        }
        75%{
            left: 75vw;
            transform: scale(1.25);
        }
        100%{
            left: 100vw;
            transform: scale(1);
        }
    }

    /* end - loader animation */

    .scale{
        transition: .5s ease 0s;
        transform: scale(1.1);
    }

    .scale2{
        transition: .5s ease 0s;
        transform: scale(2);
    }

    .scale3{
        transition: .5s ease 0s;
        transform: scale(3);
    }

    .screen-1-3{
        min-height: 130vh;
    }

    .screen-1-5{
        min-height: 150vh;
    }

    .full-screen{
        min-height: 100vh;
    }

    .half-screen{
        min-height: 50vh;
    }

    .back-card{
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
        -webkit-transition: .5s ease 0s;
        -moz-transition: .5s ease 0s;
        -ms-transition: .5s ease 0s;
        transition: .5s ease 0s;
    }

    .back-card.rotate{
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        transform: rotateY(90deg);
        -webkit-transition: .5s ease 0s;
        -moz-transition: .5s ease 0s;
        -ms-transition: .5s ease 0s;
        transition: .5s ease 0s;
    }

    .rotate-in {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
        -webkit-transition: 1s ease 0s;
        -moz-transition: 1s ease 0s;
        -ms-transition: 1s ease 0s;
        transition: 1s ease 0s;
    }

    .card-item{
        border: 0 ;
        overflow: hidden; 
        background-color: transparent;
        transition: .3s ease 0s;
    }
    .card-item:hover{
        transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
    }
    
    .dates .day{
        color: #fff;
        font-family: 'Montserrat';
        font-size: 1rem;
        font-weight: 700;
        text-align: center;
        margin: 0;
    }
    .dates .date{
        color: #fff;
        font-family: 'Montserrat';
        font-size: 3rem;
        text-align: center;
        margin: 0;
    }

    .circle-container{
        max-height: 100%;
        max-width: 100%;
    }

    .circle-item{
        width: 180px;
        height: 180px;
        border-radius: 50%;
        background: rgba(0, 0, 0, .85);
        padding: 4.5rem 2.5rem;
        text-align: center;
        color: #fff;
        font-size: 1.5rem;
        transition: transform 500ms ease-out 0ms;
        z-index: 999;
        position: absolute;
        left: 34%;
        top: 40%;
    }

    .circle{
        width: 180px;
        height: 180px;
        border-radius: 50%;
        background: rgba(0, 0, 0, .85);
        padding: 4.5rem 2.5rem;
        text-align: center;
        color: #fff;
        font-size: 1.5rem;
        transition: transform 500ms ease-out 0ms;
        z-index: 999;
        position: absolute;
        left: 34%;
    }


    /* filters image */

    .grey-scale-filter{
        transition: transform 500ms ease-out 0ms;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }

    .sepia-filter{
        -webkit-filter: sepia(100%);
        filter: sepia(100%);
    }
    
    .blur-filter{
        -webkit-filter: blur(3px);
        filter: blur(3px);
    }

    /* end - filters image */
/*
*  end - general styles
*/

/*
*  loading - cards
*/
    ul.result-cards-loading {
        width: 146px;
        height: 240px;
        margin: 0 auto 30px;
        position: relative;
        padding: 0;
        list-style-type: none;
    }

    .result-cards-loading li{
        width: 100%;
        height: 100%;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
        background: #fff;
        box-shadow: 0px 12px 19px -7px rgba(113, 108, 108, 0.3);
        transition: .3s ease 0s;
        border-radius: 10%;
        overflow: hidden;
        transform-origin: 50% 150% 0px;
        transition: transform 500ms ease-out 0ms;
    }

    .result-cards-loading li img{
        width: 100%;
        height: 100%;
    }

/*
*  end - loading - cards
*/

/*
* Tirada Marsella
*/
    .bg-marsella-stp1{
        background-image: url('https://tarotbrujo.com/tarot/resultados/cartas/el-tarot-de-marsella/bg-10.jpg');
    }
    .bg-marsella-stp2{
        background-image: url('https://tarotbrujo.com/tarot/resultados/cartas/el-tarot-de-marsella/bg-10.jpg');
    }
    .bg-marsella-stp3{
        background-image: url('https://tarotbrujo.com/tarot/resultados/cartas/el-tarot-de-marsella/bg-10.jpg');
    }
    .bg-marsella-res{
        background-image: url('https://tarotbrujo.com/tarot/resultados/cartas/el-tarot-de-marsella/bg-10.jpg');
    }

    .row-card ul {
        margin: 0 auto;
        min-height: 220px;
        width: 80%;
    }

    .row-card li {
        box-shadow: 0px 12px 19px -7px rgba(113, 108, 108, 0.3);
        width: 20%; 
        z-index: 20; 
        position: absolute; 
        -webkit-transition: .3s ease 0s;
        -moz-transition: .3s ease 0s;
        -ms-transition: .3s ease 0s;
        transition: .3s ease 0s;
        list-style: none;
        border-radius: 10%;
        overflow: hidden;
        cursor: pointer;
    }

    .row-card li:hover {
        box-shadow: 0px 12px 19px -7px rgba(149, 144, 144, 0.3);
        transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
    }

    .row-card img {
        max-width: 100%; 
        top: 0;
        width: 100%;
        position: relative;
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,0);
        -moz-box-shadow: 0 0 5px rgba(0,0,0,0);
        -ms-box-shadow: 0 0 5px rgba(0,0,0,0);
        box-shadow: 0 0 5px rgba(0,0,0,0);
        -webkit-transition: .5s ease 0s;
        -moz-transition: .5s ease 0s;
        -ms-transition: .5s ease 0s;
        transition: .5s ease 0s;
    }

    .row-card .back-card{
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
        -webkit-transition: .5s ease 0s;
        -moz-transition: .5s ease 0s;
        -ms-transition: .5s ease 0s;
        transition: .5s ease 0s;
    }

    .row-card li.shuffle{left: 10%; }
    .row-card li.ready{width: 150px; }

    .row-card li.ready:nth-child(1) {left: 0%; }
    .row-card li.ready:nth-child(2) {left: 4%; }
    .row-card li.ready:nth-child(3) {left: 8%; }
    .row-card li.ready:nth-child(4) {left: 12%; }
    .row-card li.ready:nth-child(5) {left: 16%; }
    .row-card li.ready:nth-child(6) {left: 20%; }
    .row-card li.ready:nth-child(7) {left: 24%; }
    .row-card li.ready:nth-child(8) {left: 28%; }
    .row-card li.ready:nth-child(9) {left: 32%; }
    .row-card li.ready:nth-child(10) {left: 36%; }
    .row-card li.ready:nth-child(11) {left: 40%; }
    .row-card li.ready:nth-child(12) {left: 44%; }
    .row-card li.ready:nth-child(13) {left: 48%; }
    .row-card li.ready:nth-child(14) {left: 52%; }
    .row-card li.ready:nth-child(15) {left: 56%; }
    .row-card li.ready:nth-child(16) {left: 60%; }
    .row-card li.ready:nth-child(17) {left: 64%; }
    .row-card li.ready:nth-child(18) {left: 68%; }
    .row-card li.ready:nth-child(19) {left: 72%; }
    .row-card li.ready:nth-child(20) {left: 76%; }
    .row-card li.ready:nth-child(21) {left: 80%; }
    .row-card li.ready:nth-child(22) {left: 84%; }

    .row-card.shake li:nth-child(5) {left: 0%; z-index: 1 }
    .row-card.shake li:nth-child(21) {left: 4%; z-index: 2 }
    .row-card.shake li:nth-child(22) {left: 8%; z-index: 3 }
    .row-card.shake li:nth-child(8) {left: 12%; z-index: 4 }
    .row-card.shake li:nth-child(16) {left: 0%; z-index: 5 }
    .row-card.shake li:nth-child(1) {left: 4%; z-index: 6 }
    .row-card.shake li:nth-child(2) {left: 8%; z-index: 7 }
    .row-card.shake li:nth-child(11) {left: 12%; z-index: 8 }
    .row-card.shake li:nth-child(18) {left: 0%; z-index: 9 }
    .row-card.shake li:nth-child(20) {left: 4%; z-index: 10 }
    .row-card.shake li:nth-child(3) {left: 8%;  z-index: 11 }
    .row-card.shake li:nth-child(12) {left: 12%; z-index: 12 }
    .row-card.shake li:nth-child(9) {left: 0%; z-index: 13 }
    .row-card.shake li:nth-child(17) {left: 4%; z-index: 14 }
    .row-card.shake li:nth-child(15) {left: 8%; z-index: 15}
    .row-card.shake li:nth-child(4) {left: 12%; z-index: 16 }
    .row-card.shake li:nth-child(10) {left: 0%; z-index: 17 }
    .row-card.shake li:nth-child(13) {left: 4%; z-index: 18 }
    .row-card.shake li:nth-child(19) {left: 8%; z-index: 19 }
    .row-card.shake li:nth-child(6) {left: 12%; z-index: 20 }
    .row-card.shake li:nth-child(7) {left: 0%; z-index: 21 }
    .row-card.shake li:nth-child(14) {left: 4%; z-index: 22 }

    .row-card li.cut-li {
        left: 42.5%!important;
        position: absolute;
        z-index: 1;
        -webkit-transition: .5s ease 0s;
        -moz-transition: .5s ease 0s;
        -ms-transition: .5s ease 0s;
        transition: .5s ease 0s;
    }

    .row-card .hidden-card.rotate-in {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
        -webkit-transition: .5s ease 0s;
        -moz-transition: .5s ease 0s;
        -ms-transition: .5s ease 0s;
        transition: .5s ease 0s;
    }

    .row-card .back-card.rotate{
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        transform: rotateY(90deg);
        -webkit-transition: .5s ease 0s;
        -moz-transition: .5s ease 0s;
        -ms-transition: .5s ease 0s;
        transition: .5s ease 0s;
    }


/*
*  end - Tirada Marsella
*/
/*
*   Tarot del Amor
*/

    .bg-amor-stp1{
        background-image: url('https://tarotbrujo.com/tarot/resultados/cartas/el-tarot-del-amor/bg-11.jpg');
    }
    .bg-amor-stp2{
        background-image: url('https://tarotbrujo.com/tarot/resultados/cartas/el-tarot-del-amor/bg-11.jpg');
    }
    .bg-amor-stp3{
        background-image: url('https://tarotbrujo.com/tarot/resultados/cartas/el-tarot-del-amor/bg-11.jpg');
    }
    .bg-amor-res{
        background-image: url('https://tarotbrujo.com/tarot/resultados/cartas/el-tarot-del-amor/bg-11.jpg');
    }

    ul.amor-container {
        width: 120px;
        height: 310px;
        margin: 0 auto 30px;
        position: relative;
        padding: 0;
        list-style-type: none;
    }

    ul.amor-container li {
        max-width: 100%;
        max-height: 100%;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
        border-radius: 10px;
        transform-origin: 50% 180% 0px;
        transition: 500ms ease-out 0ms;
    }

    ul.amor-container li.love {
        max-width: 120px;
        max-height: 100%;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
        overflow: hidden;
        border-radius: 10px;
        transform-origin: 50% 180% 0px;
        transition: 500ms ease-out 0ms;
    }

    ul.amor-container li img {
        max-width: 100%;
    }
    ul.amor-container li.love:nth-child(1){
        z-index: 1019;
        transform: translate(0px) rotate(62deg);
    }
    ul.amor-container li.love:nth-child(2){
        z-index: 1018;
        transform: translate(0px) rotate(56deg);
    }
    ul.amor-container li.love:nth-child(3){
        z-index: 1017;
        transform: translate(0px) rotate(50deg);
    }
    ul.amor-container li.love:nth-child(4){
        z-index: 1016;
        transform: translate(0px) rotate(44.1176deg);
    }
    ul.amor-container li.love:nth-child(5){
        z-index: 1015;
        transform: translate(0px) rotate(38.2353deg);
    }
    ul.amor-container li.love:nth-child(6){
        z-index: 1014;
        transform: translate(0px) rotate(32.3529deg);
    }
    ul.amor-container li.love:nth-child(7){
        z-index: 1013;
        transform: translate(0px) rotate(26.4706deg);
    }
    ul.amor-container li.love:nth-child(8){
        z-index: 1012;
        transform: translate(0px) rotate(20.5882deg);
    }
    ul.amor-container li.love:nth-child(9){
        z-index: 1011;
        transform: translate(0px) rotate(14.7059deg);
    }
    ul.amor-container li.love:nth-child(10){
        z-index: 1010;
        transform: translate(0px) rotate(8.82353deg);
    }
    ul.amor-container li.love:nth-child(11){
        z-index: 1009;
        transform: translate(0px) rotate(2.94118deg);
    }
    ul.amor-container li.love:nth-child(12){
        z-index: 1008;
        transform: translate(0px) rotate(-2.94118deg);
    }
    ul.amor-container li.love:nth-child(13){
        z-index: 1007;
        transform: translate(0px) rotate(-8.82353deg);
    }
    ul.amor-container li.love:nth-child(14){
        z-index: 1006;
        transform: translate(0px) rotate(-14.7059deg);
    }
    ul.amor-container li.love:nth-child(15){
        z-index: 1005;
        transform: translate(0px) rotate(-20.5882deg);
    }
    ul.amor-container li.love:nth-child(16){
        z-index: 1004;
        transform: translate(0px) rotate(-26.4706deg);
    }
    ul.amor-container li.love:nth-child(17){
        z-index: 1003;
        transform: translate(0px) rotate(-32.3529deg);
    }
    ul.amor-container li.love:nth-child(18){
        z-index: 1002;
        transform: translate(0px) rotate(-38.2353deg);
    }
    ul.amor-container li.love:nth-child(19){
        z-index: 1001;
        transform: translate(0px) rotate(-44.1176deg);
    }
    ul.amor-container li.love:nth-child(20){
        z-index: 1000;
        transform: translate(0px) rotate(-50deg);
    }
    ul.amor-container li.love:nth-child(21){
        z-index: 999;
        transform: translate(0px) rotate(-56deg);
    }
    ul.amor-container li.love:nth-child(22){
        z-index: 998;
        transform: translate(0px) rotate(-62deg);
    }

    .amor-loading img{
        position: absolute;
    }
    .amor-loading img:nth-child(1){
        top: 0;
        left: 40%;
    }
    .amor-loading img:nth-child(2){
        top: 40%;
        left: 0;
    }
    .amor-loading img:nth-child(3){
        top: 40%;
        right: 0;
    }
    .amor-loading img:nth-child(4){
        bottom: 0;
        left: 40%;
    }
/*
*   end - Tarot del Amor
*/

/*
*   Tarot si - no
*/
    .bg-sino-stp1{
        background-image: url('../img/bg-si-no-1.jpg');
    }
    .bg-sino-res{
        background-image: url('../img/bg-si-no-2.jpg');
    }

    ul.sino-container {
        width: 120px;
        height: 310px;
        margin: 0 auto 30px;
        position: relative;
        padding: 0;
        list-style-type: none;
    }

    ul.sino-container li {
        max-width: 100%;
        max-height: 100%;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
        border-radius: 10px;
        transform-origin: 50% 180% 0px;
        transition: 500ms ease-out 0ms;
    }

    ul.sino-container li.sn {
        max-width: 120px;
        max-height: 100%;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
        overflow: hidden;
        border-radius: 10px;
        transform-origin: 50% 180% 0px;
        transition: 500ms ease-out 0ms;
    }

    ul.sino-container li img {
        max-width: 100%;
    }

    ul.sino-container li.sn:nth-child(1){
        z-index: 1019;
        transform: translate(0px) rotate(62deg);
    }
    ul.sino-container li.sn:nth-child(2){
        z-index: 1018;
        transform: translate(0px) rotate(56deg);
    }
    ul.sino-container li.sn:nth-child(3){
        z-index: 1017;
        transform: translate(0px) rotate(50deg);
    }
    ul.sino-container li.sn:nth-child(4){
        z-index: 1016;
        transform: translate(0px) rotate(44.1176deg);
    }
    ul.sino-container li.sn:nth-child(5){
        z-index: 1015;
        transform: translate(0px) rotate(38.2353deg);
    }
    ul.sino-container li.sn:nth-child(6){
        z-index: 1014;
        transform: translate(0px) rotate(32.3529deg);
    }
    ul.sino-container li.sn:nth-child(7){
        z-index: 1013;
        transform: translate(0px) rotate(26.4706deg);
    }
    ul.sino-container li.sn:nth-child(8){
        z-index: 1012;
        transform: translate(0px) rotate(20.5882deg);
    }
    ul.sino-container li.sn:nth-child(9){
        z-index: 1011;
        transform: translate(0px) rotate(14.7059deg);
    }
    ul.sino-container li.sn:nth-child(10){
        z-index: 1010;
        transform: translate(0px) rotate(8.82353deg);
    }
    ul.sino-container li.sn:nth-child(11){
        z-index: 1009;
        transform: translate(0px) rotate(2.94118deg);
    }
    ul.sino-container li.sn:nth-child(12){
        z-index: 1008;
        transform: translate(0px) rotate(-2.94118deg);
    }
    ul.sino-container li.sn:nth-child(13){
        z-index: 1007;
        transform: translate(0px) rotate(-8.82353deg);
    }
    ul.sino-container li.sn:nth-child(14){
        z-index: 1006;
        transform: translate(0px) rotate(-14.7059deg);
    }
    ul.sino-container li.sn:nth-child(15){
        z-index: 1005;
        transform: translate(0px) rotate(-20.5882deg);
    }
    ul.sino-container li.sn:nth-child(16){
        z-index: 1004;
        transform: translate(0px) rotate(-26.4706deg);
    }
    ul.sino-container li.sn:nth-child(17){
        z-index: 1003;
        transform: translate(0px) rotate(-32.3529deg);
    }
    ul.sino-container li.sn:nth-child(18){
        z-index: 1002;
        transform: translate(0px) rotate(-38.2353deg);
    }
    ul.sino-container li.sn:nth-child(19){
        z-index: 1001;
        transform: translate(0px) rotate(-44.1176deg);
    }
    ul.sino-container li.sn:nth-child(20){
        z-index: 1000;
        transform: translate(0px) rotate(-50deg);
    }
    ul.sino-container li.sn:nth-child(21){
        z-index: 999;
        transform: translate(0px) rotate(-56deg);
    }
    ul.sino-container li.sn:nth-child(22){
        z-index: 998;
        transform: translate(0px) rotate(-62deg);
    }

    .bar{
        width: 100%;
        transition: 500ms ease-out 0ms;
    }

    .base{
        width: 100%;
    }

    .wood{
        background: url('../img/wood.jpg') #867556;
        margin: 1rem 0;
        padding: .5rem .9rem;
        color: #fff;
        font-weight: bold;
    }

    .barcard{
        position: absolute;
        width: 6rem;
        bottom: 59%;
        transition: 500ms ease-out 0ms;
    }

/*
*   end - Tarot si - no
*/


/*
* Tarot gitano
*/

    .bg-gitano-stp1{
        background-image: url('https://tarotbrujo.com/tarot/resultados//cartas/el-tarot-gitano/bg-12.jpg');
    }

    .bg-gitano-stp2{
        background-image: url('https://tarotbrujo.com/tarot/resultados//cartas/el-tarot-gitano/bg-12.jpg');
    }

    .bg-gitano-res{
        background-image: url('https://tarotbrujo.com/tarot/resultados//cartas/el-tarot-gitano/bg-12.jpg');
    }

    ul.gitano-container {
        width: 150px;
        height: 310px;
        padding: 0;
        list-style-type: none;
    }

    .gitano-container li {
        box-shadow: 0px 12px 19px -7px rgba(113, 108, 108, 0.3);
        left: 0%;
        z-index: 20; 
        position: absolute; 
        list-style: none;
        border-radius: 10%;
        overflow: hidden;
        cursor: pointer;
        transition: .3s cubic-bezier(.55,.09,.68,.53) 0ms;
        width: 150px;
    }

    .gitano-container li:hover {
        box-shadow: 0px 12px 19px -7px rgba(149, 144, 144, 0.3);
        transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
    }

    .gitano-container img {
        max-width: 100%; 
        top: 0;
        width: 100%;
        position: relative;
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,0);
        -moz-box-shadow: 0 0 5px rgba(0,0,0,0);
        -ms-box-shadow: 0 0 5px rgba(0,0,0,0);
        box-shadow: 0 0 5px rgba(0,0,0,0);
        -webkit-transition: .5s ease 0s;
        -moz-transition: .5s ease 0s;
        -ms-transition: .5s ease 0s;
        transition: .5s ease 0s;
    }

    .gitano-item.low {
        bottom: -260px !important;
      }

    .gitano-container li.gitano-item {
        left: 0%;
        transition: 500ms ease-out 0ms;
    }

    .gitano-container li.shuffle{left: 10%; }

    .gitano-container li.gitano-item:nth-child(1) {left: 0%; }
    .gitano-container li.gitano-item:nth-child(2) {left: 4.4%; }
    .gitano-container li.gitano-item:nth-child(3) {left: 8.8%; }
    .gitano-container li.gitano-item:nth-child(4) {left: 13.2%; }
    .gitano-container li.gitano-item:nth-child(5) {left: 18.7%; }
    .gitano-container li.gitano-item:nth-child(6) {left: 24.7%; }
    .gitano-container li.gitano-item:nth-child(7) {left: 29.7%; }
    .gitano-container li.gitano-item:nth-child(8) {left: 34.1%; }
    .gitano-container li.gitano-item:nth-child(9) {left: 38.5%; }
    .gitano-container li.gitano-item:nth-child(10) {left: 42.9%; }
    .gitano-container li.gitano-item:nth-child(11) {left: 47.3%; }
    .gitano-container li.gitano-item:nth-child(12) {left: 51.7%; }
    .gitano-container li.gitano-item:nth-child(13) {left: 56.1%; }
    .gitano-container li.gitano-item:nth-child(14) {left: 60.5%; }
    .gitano-container li.gitano-item:nth-child(15) {left: 64.9%; }
    .gitano-container li.gitano-item:nth-child(16) {left: 69.3%; }
    .gitano-container li.gitano-item:nth-child(17) {left: 73.7%; }
    .gitano-container li.gitano-item:nth-child(18) {left: 78.1%; }
    .gitano-container li.gitano-item:nth-child(19) {left: 82.5%; }

/*
* end - Tarot gitano
*/
/*
*   Tarot Oraculo
*/
    .bg-oraculo-stp1{
        background-image: url('https://tarotbrujo.com/tarot/resultados/cartas/el-tarot-de-marsella/bg-10.jpg');
    }

    .bg-oraculo-stp2{
        background-image: url('https://tarotbrujo.com/tarot/resultados/cartas/el-tarot-de-marsella/bg-10.jpg');
    }

    .bg-oraculo-stp3{
        background-image: url('https://tarotbrujo.com/tarot/resultados/cartas/el-tarot-de-marsella/bg-10.jpg');
    }

    .bg-oraculo-stp4{
        background-image: url('https://tarotbrujo.com/tarot/resultados/cartas/el-tarot-de-marsella/bg-10.jpg');
    }

    .bg-oraculo-res{
        background-image: url('https://tarotbrujo.com/tarot/resultados/cartas/el-tarot-de-marsella/bg-10.jpg');
    }

    .oraculo-card-text{
        background-color: #e5e5e5;
        color: #343a40;
        font-size: 1.5rem;
        text-align: center;
        top: 40%;
        z-index: 10;
        position: absolute;
    }

    ul.oraculo-container {
        width: 150px;
        height: 310px;
        margin: 0 auto 30px;
        position: relative;
        padding: 0;
        list-style-type: none;
    }
    ul.oraculo-container li {
        width: 150px;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
        border-radius: 10px;
        transition: 500ms ease-out 0ms;
    }
    ul.oraculo-container li.oi {
        max-width: 150px;
        max-height: 100%;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
        overflow: hidden;
        border-radius: 10px;
        transform-origin: 50% 120% 0px;
        transition: 500ms ease-out 0ms;
    }

    ul.oraculo-container li.oi:nth-child(1){
        z-index: 1056; 
        transform: translate(0px) rotate(0deg);
    }
    ul.oraculo-container li.oi:nth-child(2){
        z-index: 1055; 
        transform: translate(0px) rotate(6.42deg);
    }
    ul.oraculo-container li.oi:nth-child(3){
        z-index: 1054; 
        transform: translate(0px) rotate(12.84deg);
    }
    ul.oraculo-container li.oi:nth-child(4){
        z-index: 1053; 
        transform: translate(0px) rotate(19.26deg);
    }
    ul.oraculo-container li.oi:nth-child(5){
        z-index: 1052; 
        transform: translate(0px) rotate(25.68deg);
    }
    ul.oraculo-container li.oi:nth-child(6){
        z-index: 1051; 
        transform: translate(0px) rotate(32.1deg);
    }
    ul.oraculo-container li.oi:nth-child(7){
        z-index: 1050; 
        transform: translate(0px) rotate(38.52deg);
    }
    ul.oraculo-container li.oi:nth-child(8){
        z-index: 1049; 
        transform: translate(0px) rotate(44.94deg);
    }
    ul.oraculo-container li.oi:nth-child(9){
        z-index: 1048; 
        transform: translate(0px) rotate(51.36deg);
    }
    ul.oraculo-container li.oi:nth-child(10){
        z-index: 1047; 
        transform: translate(0px) rotate(57.78deg);
    }
    ul.oraculo-container li.oi:nth-child(11){
        z-index: 1046; 
        transform: translate(0px) rotate(64.2deg);
    }
    ul.oraculo-container li.oi:nth-child(12){
        z-index: 1045; 
        transform: translate(0px) rotate(70.62deg);
    }
    ul.oraculo-container li.oi:nth-child(13){
        z-index: 1044; 
        transform: translate(0px) rotate(77.04deg);
    }
    ul.oraculo-container li.oi:nth-child(14){
        z-index: 1043; 
        transform: translate(0px) rotate(82.46deg);
    }
    ul.oraculo-container li.oi:nth-child(15){
        z-index: 1042; 
        transform: translate(0px) rotate(89.88deg);
    }
    ul.oraculo-container li.oi:nth-child(16){
        z-index: 1041; 
        transform: translate(0px) rotate(96.3deg);
    }
    ul.oraculo-container li.oi:nth-child(17){
        z-index: 1040; 
        transform: translate(0px) rotate(102.72deg);
    }
    ul.oraculo-container li.oi:nth-child(18){
        z-index: 1039; 
        transform: translate(0px) rotate(109.14deg);
    }
    ul.oraculo-container li.oi:nth-child(19){
        z-index: 1038; 
        transform: translate(0px) rotate(115.56deg);
    }
    ul.oraculo-container li.oi:nth-child(20){
        z-index: 1037; 
        transform: translate(0px) rotate(121.98deg);
    }
    ul.oraculo-container li.oi:nth-child(21){
        z-index: 1036; 
        transform: translate(0px) rotate(128.4deg);
    }
    ul.oraculo-container li.oi:nth-child(22){
        z-index: 1035; 
        transform: translate(0px) rotate(134.82deg);
    }
    ul.oraculo-container li.oi:nth-child(23){
        z-index: 1034; 
        transform: translate(0px) rotate(141.24deg);
    }
    ul.oraculo-container li.oi:nth-child(24){
        z-index: 1033; 
        transform: translate(0px) rotate(147.66deg);
    }
    ul.oraculo-container li.oi:nth-child(25){
        z-index: 1032; 
        transform: translate(0px) rotate(154.08deg);
    }
    ul.oraculo-container li.oi:nth-child(26){
        z-index: 1031; 
        transform: translate(0px) rotate(160.5deg);
    }
    ul.oraculo-container li.oi:nth-child(27){
        z-index: 1030; 
        transform: translate(0px) rotate(166.92deg);
    }
    ul.oraculo-container li.oi:nth-child(28){
        z-index: 1029; 
        transform: translate(0px) rotate(173.34deg);
    }
    ul.oraculo-container li.oi:nth-child(29){
        z-index: 1028; 
        transform: translate(0px) rotate(179.76deg);
    }
    ul.oraculo-container li.oi:nth-child(30){
        z-index: 1027; 
        transform: translate(0px) rotate(186.18deg);
    }
    ul.oraculo-container li.oi:nth-child(31){
        z-index: 1026; 
        transform: translate(0px) rotate(192.6deg);
    }
    ul.oraculo-container li.oi:nth-child(32){
        z-index: 1025; 
        transform: translate(0px) rotate(199.02deg);
    }
    ul.oraculo-container li.oi:nth-child(33){
        z-index: 1024; 
        transform: translate(0px) rotate(205.44deg);
    }
    ul.oraculo-container li.oi:nth-child(34){
        z-index: 1023; 
        transform: translate(0px) rotate(211.86deg);
    }
    ul.oraculo-container li.oi:nth-child(35){
        z-index: 1022; 
        transform: translate(0px) rotate(218.28deg);
    }
    ul.oraculo-container li.oi:nth-child(36){
        z-index: 1021; 
        transform: translate(0px) rotate(224.7deg);
    }
    ul.oraculo-container li.oi:nth-child(37){
        z-index: 1020; 
        transform: translate(0px) rotate(231.12deg);
    }
    ul.oraculo-container li.oi:nth-child(38){
        z-index: 1019; 
        transform: translate(0px) rotate(237.54deg);
    }
    ul.oraculo-container li.oi:nth-child(39){
        z-index: 1018; 
        transform: translate(0px) rotate(243.96deg);
    }
    ul.oraculo-container li.oi:nth-child(40){
        z-index: 1017; 
        transform: translate(0px) rotate(250.38deg);
    }
    ul.oraculo-container li.oi:nth-child(41){
        z-index: 1016; 
        transform: translate(0px) rotate(256.8deg);
    }
    ul.oraculo-container li.oi:nth-child(42){
        z-index: 1015; 
        transform: translate(0px) rotate(263.22deg);
    }
    ul.oraculo-container li.oi:nth-child(43){
        z-index: 1014; 
        transform: translate(0px) rotate(269.64deg);
    }
    ul.oraculo-container li.oi:nth-child(44){
        z-index: 1013; 
        transform: translate(0px) rotate(276.06deg);
    }
    ul.oraculo-container li.oi:nth-child(45){
        z-index: 1012; 
        transform: translate(0px) rotate(282.48deg);
    }
    ul.oraculo-container li.oi:nth-child(46){
        z-index: 1011; 
        transform: translate(0px) rotate(288.9deg);
    }
    ul.oraculo-container li.oi:nth-child(47){
        z-index: 1010; 
        transform: translate(0px) rotate(295.32deg);
    }
    ul.oraculo-container li.oi:nth-child(48){
        z-index: 1009; 
        transform: translate(0px) rotate(301.74deg);
    }
    ul.oraculo-container li.oi:nth-child(49){
        z-index: 1008; 
        transform: translate(0px) rotate(308.16deg);
    }
    ul.oraculo-container li.oi:nth-child(50){
        z-index: 1007; 
        transform: translate(0px) rotate(314.58deg);
    }
    ul.oraculo-container li.oi:nth-child(51){
        z-index: 1006; 
        transform: translate(0px) rotate(321deg);
    }
    ul.oraculo-container li.oi:nth-child(52){
        z-index: 1005; 
        transform: translate(0px) rotate(327.42deg);
    }
    ul.oraculo-container li.oi:nth-child(53){
        z-index: 1004; 
        transform: translate(0px) rotate(333.84deg);
    }
    ul.oraculo-container li.oi:nth-child(54){
        z-index: 1003; 
        transform: translate(0px) rotate(340.26deg);
    }
    ul.oraculo-container li.oi:nth-child(55){
        z-index: 1002; 
        transform: translate(0px) rotate(346.68deg);
    }
    ul.oraculo-container li.oi:nth-child(56){
        z-index: 1001; 
        transform: translate(0px) rotate(353.1deg);
    }
/*
*   end - Tarot Oraculo
*/

/*
*   Tarot 3 - cartas
*/
    .bg-3cartas-res{
        background-image: url('https://tarotbrujo.com/tarot/resultados/cartas/el-tarot-de-marsella/bg-10.jpg');
    }

/*
*   end - Tarot 3 - cartas
*/

/*
*  Runas - vikingas
*/
    .bg-runas-res{
        background-image: url('https://tarotbrujo.com/tarot/resultados//cartas/runas-vikingas/bg-18.jpg');
    }
    .runas-card ul {
        margin: 0 auto;
        min-height: 220px;
        width: 100%;
    }

    .runas-card-text{
        background-color: #e5e5e5;
        color: #343a40;
        font-size: 1rem;
        text-align: center;
        top: 40%;
        z-index: 10;
        position: absolute;
    }

    .runas-card li {
        box-shadow: 0px 12px 19px -7px rgba(113, 108, 108, 0.3);
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
        z-index: 20; 
        position: absolute; 
        -webkit-transition: .3s ease 0s;
        -moz-transition: .3s ease 0s;
        -ms-transition: .3s ease 0s;
        transition: .3s ease 0s;
        list-style: none;
        border-radius: 10%;
        overflow: hidden;
        cursor: pointer;
    }

    .runas-card li:hover {
        box-shadow: 0px 12px 19px -7px rgba(149, 144, 144, 0.3);
        transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
    }

    .runas-card img {
        max-width: 100%; 
        top: 0;
        width: 100%;
        position: relative;
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,0);
        -moz-box-shadow: 0 0 5px rgba(0,0,0,0);
        -ms-box-shadow: 0 0 5px rgba(0,0,0,0);
        box-shadow: 0 0 5px rgba(0,0,0,0);
        -webkit-transition: .5s ease 0s;
        -moz-transition: .5s ease 0s;
        -ms-transition: .5s ease 0s;
        transition: .5s ease 0s;
    }

    .runas-card li.cut-li {
        left: 42.5%!important;
        position: absolute;
        z-index: 1;
        -webkit-transition: .5s ease 0s;
        -moz-transition: .5s ease 0s;
        -ms-transition: .5s ease 0s;
        transition: .5s ease 0s;
    }

    .runas-card .hidden-card.rotate-in {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
        -webkit-transition: .5s ease 0s;
        -moz-transition: .5s ease 0s;
        -ms-transition: .5s ease 0s;
        transition: .5s ease 0s;
    }

    .runas-card .back-card.rotate{
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        transform: rotateY(90deg);
        -webkit-transition: .5s ease 0s;
        -moz-transition: .5s ease 0s;
        -ms-transition: .5s ease 0s;
        transition: .5s ease 0s;
    }

/*
*  end - Runas - vikingas
*/

/*
*   Tarot - dinero
*/
    .bg-money-res{
        background-image: url('https://tarotbrujo.com/tarot/resultados/cartas/el-tarot-del-dinero/bg-16.jpg');
    }

    .money-card-text{
        background-color: #e5e5e5;
        color: #343a40;
        text-align: center;
        font-size: 1rem;
        top: 40%;
        z-index: 50;
        position: absolute;
    }

/*
*   end - Tarot - dinero
*/
/*
*   Tarot - destino
*/
    .bg-destino-res{
        background-image: url('https://tarotbrujo.com/tarot/resultados/cartas/el-tarot-de-marsella/bg-10.jpg');
    }

    .money-card-text{
        background-color: #e5e5e5;
        color: #343a40;
        text-align: center;
        top: 40%;
        z-index: 50;
        position: absolute;
    }

/*
*   end - Tarot - destino
*/

/*
*    Tarot - Egipcio
*/

    .bg-egipcio-stp1{
        background-image: url('https://tarotbrujo.com/tarot/resultados/cartas/el-tarot-egipcio/bg-17.jpg');
    }

    .bg-egipcio-stp2{
        background-image: url('https://tarotbrujo.com/tarot/resultados/cartas/el-tarot-egipcio/bg-17.jpg');
    }

    .bg-egipcio-res{
        background-image: url('https://tarotbrujo.com/tarot/resultados/cartas/el-tarot-egipcio/bg-17.jpg');
    }

    .egipcio-simbol{
        top: 15%;
        z-index: 10;
        position: absolute;
    }

    .egipcio-title-result{
        text-align: center;
        font-size: 1.5rem;
        color: #e5e5e5;
        font-weight: bolder;
    }

    ul.egipcio-container {
        width: 150px;
        height: 310px;
        margin: 0 auto 30px;
        position: relative;
        padding: 0;
        list-style-type: none;
    }

    ul.egipcio-container li {
        width: 150px;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
        border-radius: 10px;
        transition: 500ms ease-out 0ms;
    }
    ul.egipcio-container li.ei {
        max-width: 150px;
        max-height: 100%;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
        overflow: hidden;
        border-radius: 10px;
        transform-origin: 50% 150%;
        transition: 500ms ease-out 0ms;
    }
/*
*   end - Tarot - Egipcio
*/

/*
*    Tarot - Angel
*/

    .bg-angel-stp1{
        background-image: url('https://tarotbrujo.com/tarot/resultados/cartas/el-tarot-de-marsella/bg-10.jpg');
    }

    .bg-angel-stp2{
        background-image: url('https://tarotbrujo.com/tarot/resultados/cartas/el-tarot-de-marsella/bg-10.jpg');
    }

    .bg-angel-res{
        background-image: url('https://tarotbrujo.com/tarot/resultados/cartas/el-tarot-de-marsella/bg-10.jpg');
    }

    .arbol-vida{
        bottom: 0;
        z-index: 0;
        position: absolute;
    }
    .arbol-vida img{
        display:block;
        margin:auto;
        height: 45rem;
    }

    .angel-title-result{
        text-align: center;
        font-size: 1.5rem;
        color: #e5e5e5;
        font-weight: bolder;
    }

    ul.angel-container {
        width: 150px;
        height: 310px;
        margin: 0 auto 30px;
        position: relative;
        padding: 0;
        list-style-type: none;
    }

    ul.angel-container li {
        width: 150px;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
        border-radius: 10px;
        transition: 500ms ease-out 0ms;
    }
    ul.angel-container li.ai {
        max-width: 100%;
        max-height: 100%;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
        overflow: hidden;
        border-radius: 10px;
        transform-origin: 50% 200%;
        transition: 500ms ease-out 0ms;
    }


    ul.arbol-item-container {
        width: 200px;
        height: 310px;
        margin: 0 auto 30px;
        position: relative;
        padding: 0;
        list-style-type: none;
    }

    ul.arbol-item-container li {
        width: 50%;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
        overflow: hidden;
        border-radius: 10px;
        transform-origin: 50% 200%;
        transition: 500ms ease-out 0ms;
    }

    ul.arbol-item-container li:nth-child(1){
        z-index: 1056; 
        transform: translate(0px) rotate(-45deg);
    }
    ul.arbol-item-container li:nth-child(2){
        z-index: 1055; 
        transform: translate(0px) rotate(-30deg);
    }
    ul.arbol-item-container li:nth-child(3){
        z-index: 1054; 
        transform: translate(0px) rotate(-15deg);
    }
    ul.arbol-item-container li:nth-child(4){
        z-index: 1053; 
        transform: translate(0px) rotate(15deg);
    }
    ul.arbol-item-container li:nth-child(5){
        z-index: 1052; 
        transform: translate(0px) rotate(30deg);
    }
    ul.arbol-item-container li:nth-child(6){
        z-index: 1051; 
        transform: translate(0px) rotate(45deg);
    }

/*
*   end - Tarot - angel
*/

    .site-header {
        background-color: rgba(0, 0, 0, .85);
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
    }
    .site-header a {
        color: #999;
        transition: ease-in-out color .15s;
    }
    .site-header a:hover {
        color: #fff;
        text-decoration: none;
    }

/*
* Dummy devices (replace them with your own or something else entirely!)
*/

    .product-device {
        position: absolute;
        right: 10%;
        bottom: -30%;
        width: 300px;
        height: 540px;
        background-color: #333;
        border-radius: 21px;
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    .product-device::before {
        position: absolute;
        top: 10%;
        right: 10px;
        bottom: 10%;
        left: 10px;
        content: "";
        background-color: rgba(255, 255, 255, .1);
        border-radius: 5px;
    }

    .product-device-2 {
        top: -25%;
        right: auto;
        bottom: 0;
        left: 5%;
        background-color: #e5e5e5;
    }


    /*
    * Extra utilities
    */

    .flex-equal > * {
        -ms-flex: 1;
        flex: 1;
    }
    @media (min-width: 768px) {
        .flex-md-equal > * {
            -ms-flex: 1;
            flex: 1;
        }
    }

    .overflow-hidden { overflow: hidden; }

/*
*   Media queries
*/
    @media (max-width: 767px) {
        /* generales*/
        .low {
            bottom: -50px !important;
        }
        /* tirada - amor */
        ul.amor-container{
            transform: scale(.4);
        }

         /* tirada - si no */
        ul.sino-container{
            transform: scale(.6);
        }

        /* tirada - runas */
        .runas-container{
            transform: scale(.9);
        }

        /* tirada - gitano */
        .gitano-item.low {
            bottom: 0px !important;
        }

        .gitano-container li {
            width: 100px;
        }

        /* marsella */
        .row-card li.ready {
            width: 70px;
        }
    }
    .adslot_1 { 
		margin: 0 auto;
		width: 336px; 
		height: 280px; 
	}
	@media screen and (min-width: 620px) and (max-width: 989px) { 	
		.adslot_1 { 
			margin: 0 auto;
			width: 620px; 
			height: 280px; 
		} 
	}
	@media (min-width:989px){ 	        	
		.adslot_1 { 
			width: 990px; 
			height: 280px; 
		} 
	}
ul#onlybuttons, ul#onlybuttonsblack, ul#onlybuttonswhite {

    text-align: center;

    margin: 20px auto;

	padding: 0;

}

ul#onlybuttons li, ul#onlybuttonsblack li, ul#onlybuttonswhite li {

    margin-bottom: 20px;

}

ul#onlybuttons li a, ul#onlybuttonsblack li a, ul#onlybuttonswhite li a {

    display: block;

    transition: none;

    height: 40px;

    width: 98%;

    font-size: 18px;

    margin-left: 1%;

    border-radius: 25px;

    padding-bottom: 3px;

    padding-top: 7px;

    color: #fff;

	background-image: linear-gradient( #b9aa8e, #f2e6ce);

	box-shadow: -1px -1px 1px #f2e6ce, -1px -1px 2px 1px #000, 0 3px 3px rgba(0, 0, 0, .2), 0 2px 5px rgba(0, 0, 0, .5);

	text-shadow: 0px  -1px 0px rgba(0,0,0,.5);

}

ul#onlybuttons li a:hover, ul#onlybuttonsblack li a:hover, ul#onlybuttonswhite li a:hover {

    box-shadow: -1px -1px 1px #f2e6ce, -1px -1px 2px 1px #000, 0 3px 3px rgba(0, 0, 0, .2), 0 2px 5px rgba(0, 0, 0, .5);

	background-image: linear-gradient( #b9aa8e, #f2e6ce);

	

	-webkit-transform: translate(0, 4px);

	-moz-transform: translate(0, 4px);

	transform: translate(0, 4px);

}

ul#onlybuttonsblack li a{

	background-image: linear-gradient(#000 0%, #666 100%);

	box-shadow: 0px 1px 0px #bbb, 0px 6px 0px #666, 0px 8px 2px #000, 0px 3px 7px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);

}

ul#onlybuttonsblack li a:hover {

    box-shadow: -1px -1px 1px #aaa, -1px -1px 2px 1px #000, 0 3px 3px rgba(0, 0, 0, .2), 0 2px 5px rgba(0, 0, 0, .5);

	background-image: linear-gradient( #222, #999);

}

ul#onlybuttonswhite li a {

    color: #9b907c;

	background-image: linear-gradient(#ddd 0%, #f9f9f9 100%);

	box-shadow: 0px 1px 0px #f2e6ce, 0px 6px 0px #aaa, 0px 8px 2px #000, 0px 3px 7px rgba(0,0,0,.2), inset 0px 1px 0px rgba(255,255,255,.25), inset 0px 0px 3px rgba(255,255,255,.3);

}

ul#onlybuttonswhite li a:hover {

    box-shadow: -1px -1px 1px #fff, -1px -1px 2px 1px #000, 0 3px 3px rgba(0, 0, 0, .2), 0 2px 5px rgba(0, 0, 0, .5);

	background-image: linear-gradient( #eee, #fff);

}

	@media (min-width:620px) {

		ul#onlybuttons, ul#onlybuttonsblack, ul#onlybuttonswhite { width: 100%; }

		ul#onlybuttons li, ul#onlybuttonsblack li, ul#onlybuttonswhite li {

			width: 49%;

			display: inline-block;

		}

		ul#onlybuttons li:nth-child(odd), ul#onlybuttonsblack li:nth-child(odd), ul#onlybuttonswhite li:nth-child(odd) { margin-right: 1%; }

	}
ul#onlybuttons li a {
    overflow: hidden;
    -webkit-box-sizing: border-box
}        
ul#onlybuttons {
    text-align: center;
    margin: 20px auto;
    list-style: none !important
}

ul#onlybuttons li {
    margin-bottom: 15px;
	list-style: none !important
}

ul#onlybuttons li a {
    display: block;
    transition: none;
    height: 40px;
    width: 98%;
    font-size: 18px;
     background-image: linear-gradient(#206001, #6cba45);
    border-radius: 3px;
    padding-bottom: 5px;
    color: #fff;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .45);
    box-shadow: 1px 1px 1px #f2e6ce, 1px 1px 0 2px #000, 0 5px 1px rgba(0, 0, 0, .2), 0 1px 7px rgba(0, 0, 0, .5);
    margin-left: 1%;
    list-style: none !important;
}


ul#onlybuttons li a:hover {
    text-shadow: 0 -2px 2px rgba(0, 0, 0, .45);
    background-image: linear-gradient(#206001, #6cba45);
    box-shadow: -1px -1px 1px #6cba45, -1px -1px 0 2px #000, 0 5px 1px rgba(0, 0, 0, .2), 0 1px 7px rgba(0, 0, 0, .5)
}

@media (min-width:620px) {
    ul#onlybuttons {
        width: 100%
    }
    ul#onlybuttons li {
        width: 49%;
        display: inline-block
    }
    ul#onlybuttons li:nth-child(odd) {
        margin-right: 1%
    }
}