/* 12 Cung tools */
.horoscrope{margin:auto;max-width:1200px;padding:15px 4px;background:url(../images/bg2.jpg);background-size:cover!important;z-index:-500;font-size:11px!important}.horoscrope_box{margin:auto;max-width:500px;width:100%;position:relative;text-align:center}.horoscrope_box .imgHandler{width:100%;height:auto;padding:0!important;margin:0!important}.horoscrope_box .selectArea{position:absolute;z-index:1;cursor:pointer}.horoscrope_result{text-align:center;padding:5px;line-height:2}.horoscrope .horo-image{text-align:center}.horoscrope .horo-image img{height:150px}.horo-result{margin:15px 0 10px;color:#fff;font-size:10px;background:#11111161;padding:5px;border-radius:5px;min-height:300px}.horo-comp{color:#fff;font-size:10px;background:#11111161;padding:5px;border-radius:5px}.horo-percent{text-align:center;position:relative;color:#fff;padding-bottom:5px}.horo-percent strong{position:absolute;top:30px;left:0;width:100%;text-align:center;line-height:40px;font-size:30px}.horo-percent strong i{font-style:normal;font-size:.6em;font-weight:400}.horo-percent-text{text-align:center;font-size:14px;color:#fff;padding-bottom:20px}#tongquan canvas{width:125px!important;height:125px!important}.content-container.carousel-container{margin:100px auto 0}.content-container.active{opacity:1!important}.signs-carousel{margin:0 auto}.signs-carousel>div{text-align:center}.sign-container{position:relative;width:95%;max-width:350px;margin:60px auto 0;text-align:center}.sign-container:before{content:"";display:block;padding-top:100%}.sign-container:after{position:absolute;content:' ';top:94%;left:0;height:20%;width:100%;background:url(../images/sign-shadow.png) center no-repeat;background-size:contain;opacity:.7;z-index:-1}.sign-container .sign-bg{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;background:url(../images/sign-mandala-bg.png) center no-repeat;background-size:cover;-webkit-animation:60s linear infinite spin;animation:60s linear infinite spin}.sign-container .sign-image{position:absolute;width:90%;height:90%;top:50%;left:50%;margin:0;margin-top:-45%;margin-left:-45%;border-radius:50%;border:2px solid #fff;box-shadow:0 0 9px 4px rgba(255,255,255,.8);background-size:cover!important;animation-duration:2s}.sign-container .sign-title{position:absolute;top:-55px;left:0;width:100%;font-size:26px;font-weight:400;font-family:Raleway,sans-serif;color:#f7d51a;background:rgba(0,0,0,.1);text-shadow:4px 2px 8px #333}.sign-lifepath{background:url(../images/signs/1-min.png) center no-repeat}.sign-birthday{background:url(../images/signs/2-min.png) center no-repeat}.sign-expression{background:url(../images/signs/3-min.png) center no-repeat}.sign-soulurge{background:url(../images/signs/4-min.png) center no-repeat}.sign-personality{background:url(../images/signs/5-min.png) center no-repeat}.sign-passion{background:url(../images/signs/6-min.png) center no-repeat}.sign-rational{background:url(../images/signs/7-min.png) center no-repeat}.sign-karmic{background:url(../images/signs/8-min.png) center no-repeat}.sign-planes{background:url(../images/signs/9-min.png) center no-repeat}.sign-balance{background:url(../images/signs/10-min.png) center no-repeat}.sign-challenge{background:url(../images/signs/11-min.png) center no-repeat}.sign-pinnacles{background:url(../images/signs/12-min.png) center no-repeat}.horo-planet{margin:0;padding:0;height:400px;width:400px;position:relative;margin-left:calc((100% - 400px)/ 2)}.horo-planet-object{border-radius:50%;position:absolute;margin:auto;top:0;left:0;right:0;bottom:0}#m-orbit,.horo-planet-p-orbit{border:.8px solid #d3d3d3;opacity:.5;background:0 0}#belt{height:194px;width:194px;animation:50s linear infinite spin;margin-top:100px}@keyframes spin{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#m-orbit{height:16px;width:16px}#moon,.horo-planet-planet{z-index:1}#sun{height:24px;width:24px}#moon{height:2px;width:2px;background-color:#fff}#mercury{height:4px;width:4px}#venus{height:6px;width:6px}#earth{height:8px;width:8px}#mars{height:7px;width:7px}#jupiter{height:24px;width:24px}#saturn{height:24px;width:24px;border-radius:0}#uranus{height:10px;width:10px}#neptune{height:8px;width:8px}

.bandosao-row>* {
                flex-shrink: 0;
                width: 100%;
                max-width: 100%;
                padding-right: calc(var(--bs-gutter-x) * .5);
                padding-left: calc(var(--bs-gutter-x) * .5);
                margin-top: var(--bs-gutter-y);
                box-sizing: border-box
            }
.bandosao-row {
                --bs-gutter-x: 1.5rem;
                --bs-gutter-y: 0;
                display: flex;
                flex-wrap: wrap;
                margin-top: calc(-1 * var(--bs-gutter-y));
                margin-right: calc(-.5 * var(--bs-gutter-x));
                margin-left: calc(-.5 * var(--bs-gutter-x))
            }
.bandosao-col-6 {
                flex: 0 0 auto;
                width: 50%
            }
.bandosao-col-12 {
                flex: 0 0 auto;
                width: 100%
            }
.bandosao-col-4 {
                flex: 0 0 auto;
                width: 33.33333333%
            }
.bandosao-form-control {
                display: block!important;
                width: 100%!important;
                padding: .375rem .75rem!important;
                font-size: 1rem!important;
                font-weight: 400!important;
                line-height: 1.5!important;
                color: #212529!important;
                background-color: #fff!important;
                background-clip: padding-box!important;
                border: 1px solid #ced4da!important;
                -webkit-appearance: none!important;
                -moz-appearance: none!important;
                appearance: none!important;
                border-radius: .25rem!important;
                transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out!important
            }
form#formRDR button.button_form_custom i.fas.fa-search:before {
                content: ""
            }
form#formRDR button.button_form_custom {
                font-size: 17px;
                line-height: 1.6
            }
form#formRDR button.button_form_custom i.fas.fa-search:before {
                content: "";
                background-image: url(../images/seach.svg);
                width: 24px;
                height: 24px;
                display: inline-flex;
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
                position: relative;
                top: 2px
            }
form#formRDR button.button_form_custom {
                    font-size: 15px
                }
form#formRDR button.button_form_custom i.fas.fa-search:before {
                    width: 20px;
                    height: 20px
                }
.horo-detail {
                margin: 15px 0 10px;
                color: #fff;
                font-size: 13px;
                background: #11111161;
                padding: 5px;
                border-radius: 5px;
                min-height: 300px
            }
.horo-detail-result {
                text-align: left!important;
                margin: 15px 0 10px;
                color: #222;
                font-size: 13px;
                background: #fffbfb;
                padding: 5px;
                border-radius: 5px;
                min-height: 300px
            }
.horo-detail-result p {
                color: #222!important
            }
.hrct-planet {
                margin: 0;
                padding: 0;
                height: 400px;
                width: 400px;
                position: relative;
                margin-left: calc((100% - 400px)/ 2)
            }
.hrct-planet-object {
                border-radius: 50%;
                position: absolute;
                margin: auto;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0
            }
#hrct-m-orbit,.hrct-planet-p-orbit {
                border: .8px solid #d3d3d3;
                opacity: .5;
                background: 0 0
            }
#hrct-belt {
                height: 194px;
                width: 194px;
                animation: 50s linear infinite spin;
                margin-top: 100px
            }
#hrct-m-orbit {
                height: 16px;
                width: 16px
            }
#hrct-moon,.hrct-planet-planet {
                z-index: 1
            }
#hrct-sun {
                height: 24px;
                width: 24px
            }
#hrct-moon {
                height: 2px;
                width: 2px;
                background-color: #fff
            }
#hrct-mercury {
                height: 4px;
                width: 4px
            }
#hrct-venus {
                height: 6px;
                width: 6px
            }
#hrct-earth {
                height: 8px;
                width: 8px
            }
#hrct-mars {
                height: 7px;
                width: 7px
            }
#hrct-jupiter {
                height: 24px;
                width: 24px
            }
#hrct-saturn {
                height: 24px;
                width: 24px;
                border-radius: 0
            }
#hrct-uranus {
                height: 10px;
                width: 10px
            }
#hrct-neptune {
                height: 8px;
                width: 8px
            }
.horo-row>* {
                flex-shrink: 0;
                width: 100%;
                max-width: 100%;
                padding-right: calc(var(--bs-gutter-x) * .5);
                padding-left: calc(var(--bs-gutter-x) * .5);
                margin-top: var(--bs-gutter-y);
                box-sizing: border-box
            }
.horo-row {
                --bs-gutter-x: 1.5rem;
                --bs-gutter-y: 0;
                display: flex;
                flex-wrap: wrap;
                margin-top: calc(-1 * var(--bs-gutter-y));
                margin-right: calc(-.5 * var(--bs-gutter-x));
                margin-left: calc(-.5 * var(--bs-gutter-x))
            }
.horo-col-6 {
                flex: 0 0 auto;
                width: 50%
            }
.horo-col-12 {
                flex: 0 0 auto;
                width: 100%
            }
.horo-col-4 {
                flex: 0 0 auto;
                width: 33.33333333%
            }
.horo-col-8 {
                flex: 0 0 auto;
                width: 66.66666666%
            }
.horo-form-control {
                display: block!important;
                width: 100%!important;
                padding: .375rem .75rem!important;
                font-size: 1rem!important;
                font-weight: 400!important;
                line-height: 1.5!important;
                color: #212529!important;
                background-color: #fff!important;
                background-clip: padding-box!important;
                border: 1px solid #ced4da!important;
                -webkit-appearance: none!important;
                -moz-appearance: none!important;
                appearance: none!important;
                border-radius: .25rem!important;
                transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out!important
            }
.horoscrope {
                margin: auto;
                max-width: 1200px;
                padding: 15px 4px;
                background: url(../images/bg2.jpg);
                background-size: cover!important;
                z-index: -500;
                font-size: 11px!important
            }
.horoscrope_box {
                margin: auto;
                max-width: 500px;
                width: 100%;
                position: relative;
                text-align: center
            }
.horoscrope_box .imgHandler {
                width: 100%;
                height: auto;
                padding: 0!important;
                margin: 0!important
            }
.horoscrope_box .selectArea {
                position: absolute;
                z-index: 1;
                cursor: pointer
            }
.horoscrope_result {
                text-align: center;
                padding: 5px;
                line-height: 2
            }
.horoscrope .horo-image {
                text-align: center
            }
.horoscrope .horo-image img {
                height: 150px
            }
.horo-result {
                margin: 15px 0 10px;
                color: #fff;
                font-size: 10px;
                background: #11111161;
                padding: 5px;
                border-radius: 5px;
                min-height: 300px
            }
.horo-comp {
                color: #fff;
                font-size: 10px;
                background: #11111161;
                padding: 5px;
                border-radius: 5px
            }
.horo-percent {
                text-align: center;
                position: relative;
                color: #fff;
                padding-bottom: 5px
            }
.horo-percent strong {
                position: absolute;
                top: 30px;
                left: 0;
                width: 100%;
                text-align: center;
                line-height: 40px;
                font-size: 30px
            }
.horo-percent strong i {
                font-style: normal;
                font-size: .6em;
                font-weight: 400
            }
.horo-percent-text {
                text-align: center;
                font-size: 14px;
                color: #fff;
                padding-bottom: 20px
            }
.horo-planet {
                margin: 0;
                padding: 0;
                height: 400px;
                width: 400px;
                position: relative;
                margin-left: calc((100% - 400px)/ 2)
            }
.horo-planet-object {
                border-radius: 50%;
                position: absolute;
                margin: auto;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0
            }
#m-orbit,.horo-planet-p-orbit {
                border: .8px solid #d3d3d3;
                opacity: .5;
                background: 0 0
            }
#moon,.horo-planet-planet {
                z-index: 1
            }