html {
    font-size: 100%
}

.links_unvis {
    display: none
}

.make_unvis_vis3 {
    font-size: .9375rem;
    color: #434c5d;
    cursor: pointer;
    float: right
}

.make_unvis_vis3 span {
    border-bottom: .125rem dotted #d5d5d5
}

.button {
    position: absolute;
    bottom: 1.875rem;
    right: 1.25rem;
    cursor: pointer
}

.button div {
    float: left
}

.button a {
    line-height: 2.1875rem;
    font-size: .9375rem;
    text-decoration: none
}

.button a, .button a:hover {
    color: #fff
}

.button_left, .button_right {
    width: 2.1875rem;
    height: 2.3125rem;
    background: url(../images/orange_button_left.png)
}

.button_content {
    height: 2.3125rem;
    background: url(../images/orange_button_content.png) repeat-x
}

.button_right {
    background: url(../images/orange_button_right.png)
}

#interactive_block_taro {
    margin-bottom: .3125rem
}

#inter_block3 {
    position: relative;
    padding-bottom: 4.6875rem
}

#inter_block4 {
    z-index: 100
}

#inter_block4 select {
    left: 0
}

.inter_block2_content {
    padding: .9375rem 1.25rem
}

.inter_block2_content .selectbox {
    margin-bottom: 1.875rem
}

.inter_block2_content .select, .interactive_block_right #auto {
    width: 100%
}

.inter_block3_content {
    padding-left: 1.25rem;
    padding-right: .9375rem;
    padding-top: .9375rem
}

.inter_block3_content .selectbox {
    margin-bottom: 1.25rem
}

.first_time {
    margin-bottom: 1.875rem
}

.first_time a {
    color: #1b073c
}

.start_taro {
    color: #fff
}

.taro_online {
    display: flex;
    flex-direction: column;
    width: 100%;
}

#setup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#setup img {
    max-width: 100%;
    height: auto;
    display: block
}

.inter_header {
    min-height: 2.8125rem;
    padding-left: 1.25rem;
    background: url(../images/inter_header_back.png);
    font-size: 1.0625rem;
    color: #fff;
    line-height: 1.2;
    padding-top: .75rem;
    padding-bottom: .5rem
}

.form_divi {
    padding-top: 2.1875rem;
    text-align: center
}

.form_divi img {
    margin-left: auto;
    margin-right: auto
}

.card_place_num, .card_place_num_active {
    width: 1.625rem;
    height: 1.5625rem;
    background: url(../images/card_place_num_back.png);
    line-height: 1.5625rem;
    text-align: center;
    font-size: .9375rem;
    color: #000;
    position: absolute
}

.card_place_num {
    top: 50%;
    margin-top: -.75rem;
    left: 50%;
    margin-left: -.8125rem
}

.card_place_num_active {
    top: 0;
    right: 0
}

#interactive_block_taro2 {
    position: relative
}

#interactive_block_taro2 div#inter_block1 {
    padding-top: 1.25rem;
    padding-left: 4.375rem
}

.interactive_block_left {
    padding: .625rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr .0625rem 1fr .0625rem 1fr .0625rem 1fr .0625rem 1fr .0625rem 1fr .0625rem 1fr .0625rem 1fr .0625rem 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-rows: 1fr .3125rem 1fr .3125rem 1fr .3125rem 1fr .3125rem 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    gap: .3125rem .0625rem;
    grid-template-areas: 'position-0-0 position-0-1 position-0-2 position-0-3 position-0-4 position-0-5 position-0-6 position-0-7 position-0-8' 'position-1-0 position-1-1 position-1-2 position-1-3 position-1-4 position-1-5 position-1-6 position-1-7 position-1-8' 'position-2-0 position-2-1 position-2-2 position-2-3 position-2-4 position-2-5 position-2-6 position-2-7 position-2-8' 'position-3-0 position-3-1 position-3-2 position-3-3 position-3-4 position-3-5 position-3-6 position-3-7 position-3-8' 'position-4-0 position-4-1 position-4-2 position-4-3 position-4-4 position-4-5 position-4-6 position-4-7 position-4-8'
}

.position-0-0 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: position-0-0
}

.position-0-1, .position-0-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: position-0-1
}

.position-0-2 {
    -ms-grid-column: 5;
    grid-area: position-0-2
}

.position-0-3, .position-0-4 {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    grid-area: position-0-3
}

.position-0-4 {
    -ms-grid-column: 9;
    grid-area: position-0-4
}

.position-0-5, .position-0-6 {
    -ms-grid-row: 1;
    -ms-grid-column: 11;
    grid-area: position-0-5
}

.position-0-6 {
    -ms-grid-column: 13;
    grid-area: position-0-6
}

.position-0-7, .position-0-8 {
    -ms-grid-row: 1;
    -ms-grid-column: 15;
    grid-area: position-0-7
}

.position-0-8 {
    -ms-grid-column: 17;
    grid-area: position-0-8
}

.position-1-0 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: position-1-0
}

.position-1-1, .position-1-2 {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: position-1-1
}

.position-1-2 {
    -ms-grid-column: 5;
    grid-area: position-1-2
}

.position-1-3, .position-1-4 {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
    grid-area: position-1-3
}

.position-1-4 {
    -ms-grid-column: 9;
    grid-area: position-1-4
}

.position-1-5, .position-1-6 {
    -ms-grid-row: 3;
    -ms-grid-column: 11;
    grid-area: position-1-5
}

.position-1-6 {
    -ms-grid-column: 13;
    grid-area: position-1-6
}

.position-1-7, .position-1-8 {
    -ms-grid-row: 3;
    -ms-grid-column: 15;
    grid-area: position-1-7
}

.position-1-8 {
    -ms-grid-column: 17;
    grid-area: position-1-8
}

.position-2-0 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    grid-area: position-2-0
}

.position-2-1, .position-2-2 {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    grid-area: position-2-1
}

.position-2-2 {
    -ms-grid-column: 5;
    grid-area: position-2-2
}

.position-2-3, .position-2-4 {
    -ms-grid-row: 5;
    -ms-grid-column: 7;
    grid-area: position-2-3
}

.position-2-4 {
    -ms-grid-column: 9;
    grid-area: position-2-4
}

.position-2-5, .position-2-6 {
    -ms-grid-row: 5;
    -ms-grid-column: 11;
    grid-area: position-2-5
}

.position-2-6 {
    -ms-grid-column: 13;
    grid-area: position-2-6
}

.position-2-7, .position-2-8 {
    -ms-grid-row: 5;
    -ms-grid-column: 15;
    grid-area: position-2-7
}

.position-2-8 {
    -ms-grid-column: 17;
    grid-area: position-2-8
}

.position-3-0 {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    grid-area: position-3-0
}

.position-3-1, .position-3-2 {
    -ms-grid-row: 7;
    -ms-grid-column: 3;
    grid-area: position-3-1
}

.position-3-2 {
    -ms-grid-column: 5;
    grid-area: position-3-2
}

.position-3-3, .position-3-4 {
    -ms-grid-row: 7;
    -ms-grid-column: 7;
    grid-area: position-3-3
}

.position-3-4 {
    -ms-grid-column: 9;
    grid-area: position-3-4
}

.position-3-5, .position-3-6 {
    -ms-grid-row: 7;
    -ms-grid-column: 11;
    grid-area: position-3-5
}

.position-3-6 {
    -ms-grid-column: 13;
    grid-area: position-3-6
}

.position-3-7, .position-3-8 {
    -ms-grid-row: 7;
    -ms-grid-column: 15;
    grid-area: position-3-7
}

.position-3-8 {
    -ms-grid-column: 17;
    grid-area: position-3-8
}

.position-4-0 {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
    grid-area: position-4-0
}

.position-4-1, .position-4-2 {
    -ms-grid-row: 9;
    -ms-grid-column: 3;
    grid-area: position-4-1
}

.position-4-2 {
    -ms-grid-column: 5;
    grid-area: position-4-2
}

.position-4-3, .position-4-4 {
    -ms-grid-row: 9;
    -ms-grid-column: 7;
    grid-area: position-4-3
}

.position-4-4 {
    -ms-grid-column: 9;
    grid-area: position-4-4
}

.position-4-5, .position-4-6 {
    -ms-grid-row: 9;
    -ms-grid-column: 11;
    grid-area: position-4-5
}

.position-4-6 {
    -ms-grid-column: 13;
    grid-area: position-4-6
}

.position-4-7, .position-4-8 {
    -ms-grid-row: 9;
    -ms-grid-column: 15;
    grid-area: position-4-7
}

.position-4-8 {
    -ms-grid-column: 17;
    grid-area: position-4-8
}

.interactive_block_cards, .interactive_block_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.interactive_block_right {
    padding-left: .625rem;
    padding-right: .625rem;
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
    text-align: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.interactive_block_right .intuit_header {
    padding-left: 0;
    width: 100%
}

.interactive_block_cards {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: 6.5625rem;
    max-width: 16.25rem;
    margin-left: auto;
    margin-right: auto
}

.card-item {
    width: calc(100% / 3);
    z-index: 1
}

.taro-card-item {
    width: 3.6875rem;
    height: 6.5625rem;
    position: relative
}

.classic-back-card-item img, .classic-card-item img, .form_divi img, .rune-back-card-item img, .rune-card-item img, .taro-back-card-item img, .taro-card-item img {
    max-width: 100%;
    height: auto;
    display: block;
    padding: 0
}

.taro-back-card-item {
    width: 3.0625rem
}

.classic-back-card-item, .rune-back-card-item, .taro-back-card-item {
    height: .625rem;
    cursor: pointer;
    z-index: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin-left: auto;
    margin-right: auto
}

.classic-back-card-item:focus, .classic-back-card-item:hover, .rune-back-card-item:focus, .rune-back-card-item:hover, .taro-back-card-item:focus, .taro-back-card-item:hover {
    -webkit-transform: translateY(-.3125rem);
    transform: translateY(-.3125rem)
}

.classic-card-item {
    width: 4.3125rem;
    height: 6.0625rem;
    position: relative
}

.classic-back-card-item {
    width: 4.3125rem
}

#card_net > div, #classic_net > div, .rune-card-item {
    width: 3.6875rem;
    height: 6.5625rem;
    position: relative
}

.rune-back-card-item {
    width: 3.6875rem
}

#card_net > div, #classic_net > div {
    width: 35.5rem;
    margin-bottom: .3125rem
}

.card_row_item1 {
    width: 3.625rem;
    height: 6.5625rem;
    top: 0;
    position: absolute;
    left: 0
}

.card_row_item2, .card_row_item3, .card_row_item4, .card_row_item5 {
    width: 3.625rem;
    height: 6.5625rem;
    top: 0;
    position: absolute;
    left: 3.9375rem
}

.card_row_item3, .card_row_item4, .card_row_item5 {
    left: 7.875rem
}

.card_row_item4, .card_row_item5 {
    left: 11.8125rem
}

.card_row_item5 {
    left: 15.75rem
}

.card_row_item6, .card_row_item7, .card_row_item8, .card_row_item9 {
    width: 3.625rem;
    height: 6.5625rem;
    top: 0;
    position: absolute;
    left: 19.6875rem
}

.card_row_item7, .card_row_item8, .card_row_item9 {
    left: 23.625rem
}

.card_row_item8, .card_row_item9 {
    left: 27.5625rem
}

.card_row_item9 {
    left: 31.5rem
}

#interactive_block_book div#inter_block2, #interactive_block_table div#inter_block2 {
    width: 20rem;
    height: 30.3125rem
}

#interactive_block_book div#inter_block2 div.intuit_content, #interactive_block_table div#inter_block2 div.intuit_content {
    height: 25.625rem
}

#interactive_block_table img.re_divi {
    position: absolute;
    left: 3.125rem;
    top: 22.5rem
}

#interactive_block_table div#other_divi_tarot {
    position: absolute;
    left: 1.875rem;
    top: 26.25rem
}

.intuit_header, .intuit_header_book {
    margin-bottom: .625rem;
    padding-left: 1.25rem;
    height: 2.8125rem;
    font-size: 1.0625rem;
    color: #fff;
    line-height: 2.8125rem
}

.intuit_content {
    height: 31.875rem;
    border-left: .125rem dotted #68687d
}

.book_go {
    margin-left: 3.125rem;
    margin-bottom: 1.875rem;
    cursor: pointer
}

#classic_net > div {
    width: 36.5rem;
    height: 6.0625rem;
    margin-bottom: .25rem
}

.classic_row_item1 {
    width: 4.3125rem;
    height: 6.0625rem;
    top: 0;
    position: absolute;
    left: 0
}

.classic_row_item2, .classic_row_item3 {
    width: 4.3125rem;
    height: 6.0625rem;
    top: 0;
    position: absolute;
    left: 4.5625rem
}

.classic_row_item3 {
    left: 9.125rem
}

.classic_row_item4, .classic_row_item5, .classic_row_item6 {
    width: 4.3125rem;
    height: 6.0625rem;
    top: 0;
    position: absolute;
    left: 13.6875rem
}

.classic_row_item5, .classic_row_item6 {
    left: 18.25rem
}

.classic_row_item6 {
    left: 22.8125rem
}

.classic_row_item7, .classic_row_item8, .classic_row_item9 {
    width: 4.3125rem;
    height: 6.0625rem;
    top: 0;
    position: absolute;
    left: 27.375rem
}

.classic_row_item8, .classic_row_item9 {
    left: 31.9375rem
}

.classic_row_item9 {
    left: 36.5rem
}

#shirt_net {
    margin-left: 1.875rem;
    margin-top: 6.5625rem;
    margin-bottom: 1.25rem
}

#shirt_net > div {
    width: 15.625rem;
    height: 6.5625rem;
    margin-top: -5.6875rem;
    position: relative
}

.shirt1, .shirt2, .shirt3 {
    position: absolute;
    top: 0;
    cursor: pointer
}

.shirt1 {
    left: 0
}

.shirt2, .shirt3 {
    left: 5.9375rem
}

.shirt3 {
    left: 11.875rem
}

#auto, #other_divi_tarot a, .col-xs-12 h3 {
    font-size: 1rem;
    color: #fff
}

#auto span {
    border-bottom: .0625rem dashed #fff;
    cursor: pointer
}

.shirt_big {
    display: block;
    width: 6.25rem;
    height: auto
}

#other_divi_tarot, .book_text {
    position: absolute;
    left: 48.125rem;
    top: 32.5rem
}

.book_text {
    width: 28.125rem;
    padding-left: .875rem;
    top: 3.125rem;
    left: 9.375rem;
    color: #fff;
    font-size: .875rem;
    font-style: italic
}

.book_text div {
    margin-bottom: .3125rem;
    font-size: 1.0625rem;
    font-style: normal
}

.book_text span {
    margin-left: -.875rem
}

.lines_item1, .lines_net {
    width: 15.5625rem;
    position: absolute
}

.lines_net {
    height: 10.125rem;
    left: 15.1875rem;
    top: 8.125rem
}

.lines_item1 {
    height: 2rem;
    padding-top: .5rem;
    left: 0;
    top: 0
}

.lines_item2, .lines_item3, .lines_item4, .lines_item5, .lines_item6 {
    width: 15.5625rem;
    height: 2rem;
    padding-top: .5rem;
    position: absolute;
    left: 0;
    top: 2.8125rem
}

.lines_item3, .lines_item4, .lines_item5, .lines_item6 {
    top: 5.625rem
}

.lines_item4, .lines_item5, .lines_item6 {
    top: 8.4375rem
}

.lines_item5, .lines_item6 {
    top: 11.25rem
}

.lines_item6 {
    top: 14.0625rem
}

#tolk .comp_header {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.375rem;
    color: #545454;
    margin: 0 .625rem;
    text-transform: uppercase;
    font-weight: 400;
    font-stretch: condensed
}

.tolk_item {
    margin: .625rem;
    padding-bottom: 1.25rem;
    border-bottom: .0625rem dotted #afafaf
}

.tolk_item img {
    float: left
}

.tolk_content {
    margin-left: 8.75rem;
    min-height: 12.5rem
}

.tolk_content div.item_header {
    font-size: 1.125rem
}

.tolk_content div.text {
    font-size: .8125rem;
    line-height: 1.125rem
}

.tolk_content2 {
    margin-bottom: .9375rem
}

.tolk_num {
    width: 2.25rem;
    height: 2.25rem;
    background: url(../images/tolk_num_back.png) center no-repeat;
    text-align: center;
    line-height: 2.25rem;
    color: #fff;
    font-size: .9375rem;
    float: left
}

.tolk_num_text {
    min-height: 2.25rem;
    margin-left: 2.875rem;
    margin-top: .625rem;
    color: #434c5d;
    font-size: .8125rem
}

#four_zero_four {
    width: 62.5rem;
    height: 45rem;
    text-align: center;
    position: relative
}

#four_zero_four > img {
    padding-top: 3.125rem
}

.four_opis {
    text-align: left;
    position: absolute;
    left: 34.375rem;
    top: 12.5rem;
    font-size: .9375rem;
    color: #434c5d
}

.four_opis span {
    font-size: 1.25rem;
    color: #000
}

.signification {
    padding-top: .9375rem;
    font-size: .9375rem;
    color: #fff;
    cursor: pointer
}

.signification img {
    margin-left: .625rem;
    margin-right: .625rem
}

#signification {
    width: 16.875rem;
    background: #fff;
    position: absolute;
    left: 1.25rem;
    top: 6.5625rem;
    z-index: 9999;
    display: none;
    -webkit-box-shadow: 0 0 .9375rem rgba(0, 0, 0, .7);
    box-shadow: 0 0 .9375rem rgba(0, 0, 0, .7)
}

.signification_line {
    height: 1.0625rem;
    padding: 1.125rem 1.375rem .25rem
}

.signification_line span {
    font-size: .9375rem;
    font-weight: 700;
    float: left
}

.signification_line img {
    margin-bottom: -.3125rem;
    cursor: pointer;
    float: right
}

.signification_line2 {
    padding: 0 1.375rem .8125rem;
    font-size: .75rem
}

.signification_item {
    margin-bottom: .1875rem
}

.signification_item div.item_header {
    font-size: .875rem;
    font-weight: 700;
    color: #434c5d
}

.signification_item div.item_header span {
    color: #000
}

.signification_item div.item_header span.red {
    color: #ed1c24
}

.signification_item div.text {
    margin: -.375rem 0 0 .6875rem;
    font-size: .8125rem
}

.signification_content {
    width: 14.5625rem;
    margin-top: -.3125rem;
    padding-left: 1.375rem;
    padding-right: 1.375rem;
    background: #fff
}

.signification_block1 {
    padding-bottom: .4375rem;
    margin-bottom: .625rem;
    padding-top: .3125rem;
    border-bottom: .0625rem dashed #666e7b
}

.signification_block2 {
    padding-bottom: .3125rem
}

.clear {
    clear: both
}

.row {
    padding-left: .625rem;
    padding-right: .625rem
}

.col-xs-12 {
    font-size: .875rem;
    border: solid #e1ceae .0625rem;
    background-color: #f4ede1;
    margin-bottom: -.0625rem;
    padding-bottom: .625rem
}

.col-xs-12 a {
    font-size: .875rem;
    color: #06c;
    text-decoration: underline
}

.col-xs-12 a:hover {
    color: #ad0481;
    text-decoration: underline
}

.col-xs-12 h3 {
    color: #545454
}

.col-xs-12 h3, .col-xs-12 h3 a, .col-xs-12_ h3 {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 .3125rem;
    text-transform: uppercase;
    font-stretch: condensed
}

.col-xs-12 h3 a {
    color: #06c;
    text-decoration: underline
}

.col-xs-12 h3 a:hover {
    color: #ad0481
}

.col-xs-12_, .row_ {
    margin: 0 .625rem .625rem
}

.col-xs-12 h3 a, .col-xs-12_ {
    font-size: .875rem
}

.col-xs-12_ h3 {
    font-size: 1.125rem;
    color: #545454
}

.interactive_block_wrap {
    margin-bottom: 1.875rem
}

.bg-classic {
    background: url(../images/bg-classic.jpg) 0 0
}

.bg-lenorman {
    background: url(../images/bg-lenorman.jpg) 0 0
}

.bg-rune {
    background: url(../images/bg-rune.jpg) 0 0
}

.bg-taro {
    background: url(../images/bg-taro.jpg) 0 0
}

@media only screen and (min-width: 36rem) {
    #interactive_block_taro {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    #inter_block1, #inter_block2 {
        width: 50%
    }

    #inter_block3 {
        width: 100%
    }
}

@media only screen and (min-width: 48rem) {
    #inter_block1, #inter_block2, #inter_block3 {
        width: auto
    }

    #interactive_block_taro2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .interactive_block_left {
        padding: 1.25rem 4.375rem
    }

    .interactive_block_right {
        margin-left: auto;
        max-width: 18.75rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        border-left: .0625rem dashed #68687d
    }
}

@media only screen and (min-width: 62rem) {
    #inter_block1, #inter_block2, #inter_block3 {
        width: calc(100% / 3)
    }

    .inter_block2_content {
        padding-left: 1.25rem;
        border-right: .125rem dotted #68687d;
        border-left: .125rem dotted #68687d
    }
}

/*# sourceMappingURL=styles.css.map */