@font-face{font-family:'my_fontregular';src:url('../fonts/mapastro.woff2') format('woff2'),url('../fonts/mapastro.woff') format('woff'),url('../fonts/mapastro.ttf') format('ttf');font-weight:normal;font-style:normal;}
:root,[data-theme=light]{--textsoft:#dfd9d1;--white:#ffffff;--lightwhite:#ececec;--gold:#d7b572;--dark:#110e20;--halfdark:#6b7280;--darkblue:#00154b;--blue:#4052b5;--purblue:#4f46e5;--green:#009688;--lightgreen:#00AA95;--darkpurple:#2e124a;--gray:#b9b9b9;--grayblue:#f1f5f9;--lightred:#f75c76;--orange:#f39012;--opengreen:#11b878;--trwhite:rgba(255,255,255,.15);--darkshadow:rgba(0,0,0,.2);--lightshadow:rgba(0,0,0,.05);--bs-black:#000;--bs-white:#fff;--bs-primary:#5479f6;--bs-primary-hover:#496bde;--bs-secondary:#8561f9;--bs-success:#2dcb73;--bs-info:#4ab0c1;--bs-warning:#f6b749;--bs-danger:#ff6c6c;--bs-light:#eff2f7;--bs-dark:#06283D;--bs-link-color-rgb:37,37,37;--bs-link-hover-color-rgb:37,37,37;--iconblue:#00154b;}
[data-theme=dark]{--white:#ffffff;--lightwhite:#ececec;--dark:#252525;--halfdark:#6b7280;--darkblue:#00154b;--blue:#4052b5;--purblue:#4f46e5;--green:#009688;--lightgreen:#00AA95;--darkpurple:#2e124a;--gray:#b9b9b9;--grayblue:#f1f5f9;--lightred:#f75c76;--orange:#f39012;--opengreen:#11b878;--trwhite:rgba(255,255,255,.75);--darkshadow:rgba(0,0,0,.2);--lightshadow:rgba(0,0,0,.05);--bs-black:#000;--bs-white:#fff;--bs-primary:#5479f6;--bs-primary-hover:#496bde;--bs-secondary:#8561f9;--bs-success:#2dcb73;--bs-info:#4ab0c1;--bs-warning:#f6b749;--bs-danger:#ff6c6c;--bs-light:#eff2f7;--bs-dark:#06283D;--bs-link-color-rgb:37,37,37;--bs-link-hover-color-rgb:37,37,37;--iconblue:#00154b;}
html{line-height:1.15;-webkit-text-size-adjust:100%;cursor:default;}
*,:after,:before{box-sizing:border-box}
*:focus-visible{outline:1px solid var(--trwhite);}
body{margin:0;font-family:'Fira Sans',sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:var(--textsoft);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:url(../images/wide2.jpg) top center no-repeat var(--dark);background-size:100%;}
h1,h2,h3,h4,h5,h6{margin-block-start:.5rem;margin-block-end:1rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit;font-family:"Marcellus",serif;color:var(--gold);}
h1{font-size:2.5rem}
h2{font-size:2rem}
h3{font-size:1.75rem}
h4{font-size:1.5rem}
h5{font-size:1.25rem}
h6{font-size:1rem}
p{margin-block-start:0;margin-block-end:.9rem}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em;white-space:pre-wrap}
a{background-color:transparent;text-decoration:none;display:inline-block;color:var(--textsoft);transition:.25s;}
a:active,a:hover{color:var(--white)}
a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}
a:not([href]):not([tabindex]):focus{outline:0}
abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none;height:unset;max-width:100%}
details{display:block}
summary{display:list-item}
figcaption{font-size:16px;color:#333;line-height:1.4;font-style:italic;font-weight:400}
[hidden],template{display:none}
@media print{*,:after,:before{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
pre{white-space:pre-wrap!important}
blockquote,pre{-moz-column-break-inside:avoid;break-inside:avoid;border:1px solid #ccc}
thead{display:table-header-group}
img,tr{-moz-column-break-inside:avoid;break-inside:avoid}
h2,h3,p{orphans:3;widows:3}
h2,h3{-moz-column-break-after:avoid;break-after:avoid}
}
label{display:inline-block;line-height:1;vertical-align:middle}
button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}
input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],input[type=time],select,textarea{width:100%;border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s}
input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}
button,input{overflow:visible}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{width:auto;-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
[type=button],[type=submit],button{display:inline-block;font-weight:400;color:var(--gold);text-align:center;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid var(--gold);padding:.5rem 1rem;font-size:1rem;border-radius:3px;transition:all .3s}
[type=button]:focus,[type=submit]:focus,button:focus{outline:5px auto -webkit-focus-ring-color}
[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{color:#fff;background-color:var(--gold);text-decoration:none}
[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto;resize:none}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
select{display:block}
table{background-color:transparent;width:100%;margin-block-end:15px;font-size:.9em;border-spacing:0;border-collapse:collapse}
table td,table th{padding:15px;line-height:1.5;vertical-align:top;border:1px solid hsla(0,0%,50.2%,.5019607843)}
table th{font-weight:700}
table tfoot th,table thead th{font-size:1em}
table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-block-start:1px solid hsla(0,0%,50.2%,.5019607843)}
table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50.2%,.0705882353)}
table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50.2%,.1019607843)}
table tbody+tbody{border-block-start:2px solid hsla(0,0%,50.2%,.5019607843)}
@media (max-width:767px){table table{font-size:.8em}
table table td,table table th{padding:7px;line-height:1.3}
table table th{font-weight:400}
}
dd,dl,dt,li,ol,ul{margin-block-start:0;margin-block-end:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;list-style:none;padding:0;}
.lgfont{font-family:'my_fontregular';}
.lgfont.title{font-size:5rem;}
.cinzel{font-family:"Cinzel",serif;}
.el-1{display:block!important;display:-webkit-box!important;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.el-2{display:block!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.el-3{display:block!important;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.el-4{display:block!important;display:-webkit-box!important;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.el-5{display:block!important;display:-webkit-box!important;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.el-6{display:block!important;display:-webkit-box!important;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.el-7{display:block!important;display:-webkit-box!important;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.1);background-color:#F5F5F5;}
::-webkit-scrollbar{width:6px;background-color:#fff;height:6px;}
::-webkit-scrollbar-thumb{background-color:var(--gold);}
.circle-cursor{position:fixed;left:0;top:0;pointer-events:none;-webkit-border-radius:50%;border-radius:50%;}
.circle-cursor-inner{margin-left:-3px;margin-top:-3px;width:6px;height:6px;z-index:10000001;background-color:var(--gold);}
.circle-cursor-inner.cursor-link-hover{margin-left:-7px;margin-top:-7px;width:14px;height:14px;background-color:var(--gold);opacity:.5;}
.circle-cursor-outer{margin-left:-15px;margin-top:-15px;width:30px;height:30px;border:1px solid var(--gold);-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10000000;transition:.2s;}
@media screen and (max-width:1024px){.circle-cursor{display:none;}
}
.circle-cursor-outer.cursor-link-hover{width:30px;height:30px;margin-left:-15px;margin-top:-15px;opacity:.8;}
.pagination a{background:none;border:1px solid var(--trwhite);color:var(--textsoft);}
.pagination a:hover{background:var(--gold);color:var(--dark);box-shadow:none;border-color:var(--gold);}
.pagination li:first-child a,.pagination li:last-child a{border-radius:0!important;}
.dotbtn{background:none;outline:1px dashed var(--gold);border-radius:0.3rem;color:var(--gold);padding:0.5rem 1rem;}
.dotbtn.active{color:var(--textsoft);}
.fs-13{font-size:13px;}
/* Menü bar */
.stickymenu{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--trwhite);}
.menubar{display:flex;gap:1rem;width:100%;margin:0 auto;padding:0.5rem;border-radius:1rem;max-width:max-content;overflow:auto;}
/* .menubar::-webkit-scrollbar-track{display:none;}
.menubar::-webkit-scrollbar-thumb{display:none;}
*/
.menubar::-webkit-scrollbar{width:2px;background-color:#fff;height:3px;}
.menubar .menuitem{width:85px;height:85px;text-align:center;border:1px dashed var(--gold);border-radius:1rem;padding:0.5rem;transition:.3s;flex-shrink:0;}
.menubar .menuitem:hover{border-radius:1.5rem;}
.menubar .menuitem small{display:block;line-height:normal;font-size:13px;margin:5px 0 0;}
/* 22.01.25 */
.text-gold{color:var(--gold);}
.disabledcontent{position:relative;user-select:none;}
.disabledcontent .contain-box{filter:blur(5px);position:relative;}
.disabledcontent .locked{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);}
.loader{font-size:4rem;}
grbtn{display:inline-block;font-weight:400;color:var(--gold);text-align:center;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid var(--gold);padding:.5rem 1rem;font-size:1rem;border-radius:3px;transition:all .3s}
/* 22.01.25 */
/* === site style === */
 /* header style */
header,.scrolled-header{padding:1rem;}
header,header .menu,.scrolled-header,.scrolled-header .menu{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;}
header .menu,.scrolled-header .menu{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;position:relative;z-index:1500;}
header .menu ul,.scrolled-header .menu ul{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;}
header .menu ul a,.scrolled-header .menu ul a{background:linear-gradient(transparent calc(100% - 1px),var(--textsoft) 1px);background-size:0 100%;background-position:0 100%;background-repeat:no-repeat;color:var(--textsoft);padding:.5rem 0}
header .menu ul a:hover,.scrolled-header .menu ul a:hover{background-size:100% 100%;}
header .menu .overlay{position:fixed;width:100%;height:100%;backdrop-filter:blur(12px);top:0;left:0;z-index:1099;opacity:0;visibility:hidden;transition:.3s;}
@media(min-width:1299px){.menu .hassub{position:relative;-webkit-backdrop-filter:blur(12px);}
.menu .hassub ul{position:absolute;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);gap:unset;border:1px solid var(--trwhite);top:120%;width:260px;border-radius:.2rem;padding:.5rem;opacity:0;visibility:hidden;transition:.3s;background:var(--dark);}
.menu .hassub ul li{display:block;width:100%;}
.menu .hassub ul li a{display:block;padding:.5rem 1rem;}
.menu .hassub:hover ul{display:block;visibility:visible;opacity:1;top:100%;}
}
header .user,.scrolled-header .user{display:flex;gap:1rem;}
header .user a,.scrolled-header .user a,.searchbutton{border:1px dashed #fff;padding:.3rem .7rem;border-radius:1rem;color:var(--textsoft);}
.spaceCanvas{width:100%;height:100%;position:absolute;z-index:-1;top:0;left:0;object-fit:cover;mix-blend-mode:screen;}
.scrolled-header{position:fixed;width:100%;top:-50%;backdrop-filter:blur(12px);border-bottom:1px solid var(--trwhite);z-index:1025;visibility:hidden;opacity:0;transition:.8s;background:var(--darkshadow);-webkit-backdrop-filter:blur(12px);}
.scrolled-header.scrolled{top:0;visibility:visible;opacity:1}
.mainmenu .social{display:none;}
.mainmenu{position:relative;z-index:2;}
.searchmenu{position:relative;}
.searchbox{position:absolute;padding:1rem;right:0;top:120%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--trwhite);width:300px;border-radius:1rem;box-shadow:var(--bs-box-shadow-lg);background:rgba(0,0,0,.2);display:none;}
.scrolled-header .searchbox{top:200%;background:rgba(0,0,0,0.8);}
.searchbox input,.searchbox input:focus,.mobilesearch input,.mobilesearch input:focus{background:none;border:1px solid var(--trwhite);color:var(--white);box-shadow:none;border-radius:0.5rem;}
.searchbox input::placeholder{color:var(--trwhite);}
.searchbox button{background:var(--gold);color:var(--dark);border-radius:0.5rem;}
.searchbox button i:before{font-weight:900!important;}
.mobilesearch{box-shadow:var(--bs-box-shadow-lg);background:rgba(0,0,0,.2);margin-top:1rem;display:none;}
.mobilesearch input{}
@media(max-width:992px){.spaceCanvas{display:none;}
}
/* main head */
.main{padding:1rem 0 3rem;}
.main h1{font-size:2.5rem;line-height:1.1;font-family:'Fira Sans';text-transform:uppercase;font-weight:300;}
.main span{font-size:3rem;color:var(--gold);text-transform:capitalize;}
.main .gb-control{width:5%;}
/* blog zone */
.blogzone{padding:3rem 0;}
.blogzone a{color:var(--textsoft);}
.blogzone .list{padding:2rem;border:1px solid var(--trwhite);height:100%;}
.blogzone .imager{width:100%;height:160px;}
.blogzone .imager img{width:100%;height:100%;object-fit:cover;}
.blogzone h3{font-size:1.5rem;}
.blogzone .showcase{padding:4rem;border:1px solid var(--trwhite);height:94vh;top:2rem;}
.blogzone .showcase .imagebox{width:100%;height:480px;}
.blogzone .showcase .imagebox img{width:100%;height:100%;object-fit:cover;}
.blogzone .showcase h2{margin:2rem 0;}
.blogzone .showcase .readmore{width:max-content;}
.blogzone .readmore{background:linear-gradient(transparent calc(100% - 1px),var(--gold) 1px);background-size:0 100%;background-position:10% 100%;background-repeat:no-repeat;font-weight:600;}
.blogzone .readmore:hover{background-size:100% 100%;}
.blogzone .readmore i{transition:.3s;display:inline-block;font-style:normal;}
.blogzone .readmore:hover i{transform:rotate(-45deg);color:var(--gold);}
.blog-column{column-count:2;column-gap:0;border:1px solid var(--trwhite);column-rule:1px solid var(--trwhite);}
.blog-column .item{break-inside:avoid-column;}
/* zodiacs */
.main .zodiacs{border:1px solid var(--gold);border-radius:2rem;}
.zodiacs{margin:0 0 3rem;background:url(../images/zodiacbg.png) bottom center no-repeat;padding:3rem 0;background-size:contain;}
.zodiacs .big-title{font-size:6rem;line-height:1;margin:0;}
.zodiacs .item{text-align:center;border:1px solid var(--trwhite);padding:2rem 1rem 1rem;position:relative;transition:.3s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);height:100%;}
.zodiacs .item:hover{border:1px solid var(--gold);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);}
.zodiacs .item .icon{position:absolute;top:0%;left:50%;transform:translate(-50%,-50%);}
.zodiacs .item span{display:block;}
.zodiacs .item .zodiac-name{font-family:'Berkshire Swash',serif;color:var(--gold);font-size:1.5rem;margin:0 0 .5rem;}
.zodiacs .item .zodiac-date{font-family:"Marcellus",serif;color:var(--textsoft);font-size:1rem;}
.zodiacs .nav-tabs{margin:0 0 1rem;justify-content:center;border:0;gap:2rem;}
.zodiacs .nav-tabs button{/*font-family:"Marcellus",serif;*/
border:0;font-size:1.4rem;border-radius:1rem;}
.zodiacs .nav-tabs button:hover{background:none;outline:1px dashed var(--gold);border-radius:.3rem;color:var(--textsoft);}
.zodiacs .nav-tabs button.active{background:none;outline:1px dashed var(--gold);border-radius:.3rem;color:var(--textsoft);}
/* natal chart */
.natalchart{background:url(../images/wide2-dark.jpg) top center no-repeat fixed var(--dark);padding:4rem 0;position:relative;}
.natalchart .big-title{font-size:6rem;}
.natalchart h2.small-title{font-size:2.4rem;font-family:"Berkshire Swash",serif;}
.natalchart h3{color:var(--textsoft);}
/* extras */
.extproduct{border:1px dashed var(--gold);}
/* .extproduct.tarot{display:flex;align-items:center;}
*/
/* .extproduct.tarot .content{max-width:220px;}
*/
.extproduct.tarot .content,.extproduct.tarot .tarotimages{position:relative;}
/* .extproduct.tarot .tarotimages{display:flex;align-items:flex-end;justify-content:flex-end;overflow:hidden;margin-left:auto;padding:5px;}
.extproduct.tarot .tarotimages img{position:relative;bottom:0;}
.extproduct.tarot .tarotimages img.item1{transform:rotate(-15deg) scale(.85);z-index:1;left:15%;}
.extproduct.tarot .tarotimages img.item2{left:5%;z-index:2;}
.extproduct.tarot .tarotimages img.item3{left:-5%;z-index:1;transform:rotate(15deg) scale(85%);}
*/
@media(max-width:575px){.extproduct.tarot .tarotimages img.item1,.extproduct.tarot .tarotimages img.item3{display:none;}
.extproduct.tarot .tarotimages img{right:1rem;left:unset!important;}
}
/* astrologists */
.astrologists{padding:4rem 0;}
.astrologists .item{border:1px solid var(--trwhite);padding:2rem;}
.astrologists .big-title{font-size:6rem;line-height:1;margin:0;}
.astrologists .imagebox{width:220px;height:220px;border-radius:50%;overflow:hidden;margin:0 auto;}
.astrologists .imagebox img{width:100%;height:100%;object-fit:cover;object-position:center;}
.astrologists h3{margin:1rem 0 .5rem;}
.astrologists p{margin:0;font-size:.875rem;}
.astrologists .seemore i{transition:.3s;display:inline-block;font-size:1.4rem;vertical-align:middle;}
.astrologists .seemore:hover i{color:var(--gold);transform:translateX(5px);}
.astrologists .seemore{background:linear-gradient(transparent calc(100% - 1px),var(--gold) 1px);background-size:0 100%;background-position:0% 100%;background-repeat:no-repeat;font-weight:600;}
.astrologists .seemore:hover{background-size:100% 100%;}
/* download app */
.downloadapp{position:relative;padding:3rem 0;}
.downloadapp .phonebox{display:flex;align-items:flex-start;width:max-content;cursor:pointer;max-width:100%;margin:0 auto;}
.downloadapp .phonebox .part{position:relative;}
.downloadapp .phonebox .part > img{position:relative;z-index:3;}
.downloadapp .phonebox .backimage{position:absolute;top:2%;left:4%;width:91%;height:98%;border-radius:36px;overflow:hidden;display:flex;flex-wrap:wrap;}
.downloadapp .phonebox .backimage img{transition:4s;}
.downloadapp .phonebox:hover .backimage img{transform:translateY(-84%);transition:16s;}
.downloadapp .phonebox .footer{position:absolute;left:0;bottom:5px;}
@media(max-width:768px){.downloadapp h2,.downloadapp h3{font-size:1.7rem!important;}
}
/* footer */
footer{border-top:1px solid var(--trwhite);padding:2rem 1rem;}
footer .finborder{border-bottom:1px solid var(--trwhite);margin:0 0 1rem;padding:0 0 1rem 0;}
footer .social{display:flex;flex-wrap:wrap;gap:1rem;}
footer .social a{font-size:1.8rem;color:var(--textsoft);}
footer .social a:hover{color:var(--gold);}
footer .footmenu{-moz-column-count:2;-moz-column-gap:20px;-webkit-column-count:2;-webkit-column-gap:20px;column-count:2;column-gap:20px;}
footer .footmenu a{font-size:15px;font-weight:500;}
footer .footmenu a:hover{color:var(--gold);}
footer .copyright{font-size:.875rem;}
/* responsive */
.mainmenu .user{display:none;}
.mobilebtn,.closemenu{display:none;}
@media(max-width:1499px){header .menu ul,.scrolled-header .menu ul{gap:0.8rem;}
}
@media(max-width:1299px){.scrolled-header .menu{display:none;}
.mobilebtn{display:inline-block;}
.mobilesearch{display:block;}
header .menu .mainmenu{position:fixed;top:0;left:-100%;height:100%;padding:3rem 2rem 2rem;background:var(--dark);align-items:center;display:block!important;z-index:1100;border-right:1px solid var(--trwhite);max-width:320px;width:100%;transition:.3s;}
header .menu.opened .mainmenu{left:0;}
header .menu.opened .overlay{opacity:1;visibility:visible;}
header .menu ul{display:block;}
header .menu ul li{width:100%;}
header .menu ul li a{display:block;}
.menu .hassub ul{position:relative;border:0;display:none;}
.mainmenu .social{display:flex;gap:1rem;margin:1rem 0 0;flex-wrap:wrap;border-bottom:1px solid var(--trwhite);border-top:1px solid var(--trwhite);padding:1rem 0;}
.mainmenu .social .title{width:100%;font-weight:600;}
.closemenu{display:block;position:absolute;top:1rem;right:1rem;font-size:1.2rem;width:38px;height:38px;text-align:center;line-height:38px;}
.mainmenu .user{display:block;}
.mainmenu .user a{display:block;margin:1rem 0 0;width:100%;}
.menu .hassub:hover ul{display:none;visibility:unset;opacity:unset;top:unset;transition:unset;}
.menu .mainmenu .user{display:none;}
.blogzone .showcase{height:auto;padding:3rem;}
.astrologists .imagebox{width:160px;height:160px;}
.astrologists .item{padding:1rem;height:100%;}
.footmenu{margin:0 0 1rem;}
body{background-size:auto;}
}
@media(max-width:768px){.menu .user{display:none;}
.menu .mainmenu .user{display:block;}
.main h1{font-size:3rem;}
.main span{font-size:6rem;}
.logo{max-width:240px;}
header{flex-wrap:unset;}
.scrolled-header{flex-wrap:unset;}
.blogzone .showcase{height:auto;padding:1rem;}
.blog-column{display:none;}
.blogzone .showcase h2{font-size:1.5rem;}
.zodiacs .nav-tabs{gap:1rem;}
.astrologists,.natalchart,.zodiacs{padding:2rem 0;}
.zodiacs{margin:0 0 1rem;}
.natalchart .big-title{font-size:4rem;}
.downloadapp .phonebox{margin:0 auto 1rem;}
.footmenu{text-align:center;}
.blogzone .showcase .imagebox{height:280px;}
}
@media(max-width:575px){.main h1{font-size:2rem;}
.main span{font-size:4rem}
.main{padding:2rem 0 0;}
.lgfont.title{font-size:4rem;}
h3.fs-4,h3{font-size:0.875rem!important;}
.zodiacs .nav-tabs button{font-size:1.2rem;}
.zodiacs .nav-tabs{margin:0 0 2rem;}
.zodiacs img{max-width:90px;width:100%;}
.natalchart img{max-width:80%;}
.downloadapp{padding:3rem 0 0;}
.downloadapp a{max-width:160px;}
.zodiacs{margin:0;}
.zodiacs .item .zodiac-name{font-size:1.1rem;}
.zodiacs .item .zodiac-date{font-size:0.7rem;}
.astrologists .imagebox{max-width:90px;max-height:90px;}
.blogzone{padding:1rem 0;}
.downloadapp .logo{max-width:260px;}
.zodiacs .item{padding:1rem 0.3rem 0.6rem;}
}
@media(max-width:375px){.zodiacs .item .zodiac-date{font-size:0.6rem;}
.zodiacs .col-4{padding:0 5px;}
}
@media(max-width:360px){.zodiacs .item{padding:1rem .5rem;}
.zodiacs .item .zodiac-date{font-size:.55rem;}
footer .social{margin:0 auto;}
footer .logo{max-width:100%;}
footer .logo img{margin:0 auto;}
.zodiacs .nav-tabs button{font-size:1.2rem;}
}
/* Inner pages */
.breadcrumb{padding:0 0 1rem 0;}
.breadcrumb h1{font-size:5rem;}
.breadcrumb ul{font-size:.8rem;}
.breadcrumb ul li{flex-shrink:0;}
.innerpage .zodiacs{background:none;}
@media(max-width:1299px){.breadcrumb h1{font-size:4rem;}
}
@media(max-width:768px){.breadcrumb h1{font-size:2.5rem;}
.breadcrumb ul{overflow:auto;-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,1) 15%);mask-image:linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,1) 15%);padding-right:2rem;}
.breadcrumb ul::-webkit-scrollbar{display:none;}
/* .breadcrumb ul:after{content:"";background:#fff;position:absolute;right:0;width:45px;height:45px;}
*/
}
/* zodiac detail */
.innerpage .zodiacs{padding:2rem 0;}
.innerpage .zodiacs .nav-tabs{margin:0 0 2rem;}
.zodiac-detail .detail{border:1px solid var(--trwhite);font-size:1rem;}
.zodiac-detail .zodiac-name{font-size:3rem;}
.gbcarousel.zodiacs{padding:0;background:none;}
.gbcarousel.zodiacs .gb-inner{margin:0;}
.gbcarousel.zodiacs .gb-dots span{background-color:var(--textsoft);width:16px;height:16px;}
.gbcarousel.zodiacs .gb-dots span.active{background-color:var(--gold);width:16px;height:16px;}
.gbcarousel.zodiacs button{background:none;}
/* astrologers */
.astrologers .item{padding:1rem;border:1px solid var(--trwhite);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.astrologers .imagebox{width:100px;height:100px;overflow:hidden;margin:0 auto;}
.astrologers .imagebox img{width:100%;height:100%;object-fit:cover;}
.astrologers .rating{padding:.5rem 0;}
.astrologers .name{text-align:center;padding:0 0 .5rem;}
.astrologers .action{display:flex;gap:1rem;text-align:center;justify-content:center;}
.astrologers .action img{vertical-align:text-bottom;}
.astrologers .action > div{border:1px solid var(--trwhite);padding:.5rem;width:50%;}
.astrologers .action > div > span{display:block;font-size:.825rem;}
.astrologers .action a{margin:.5rem 0 0;border:1px dashed var(--gold);color:var(--gold);display:inline-block;padding:.25rem .75rem;display:block;font-size:.725rem;}
.astrologers .action a:hover{color:var(--textsoft);border-radius:.5rem;}
@media(max-width:1399px){.astrologers .action{font-size:.8rem;}
.astrologers .action a{font-size:.7rem;}
}
@media(max-width:575px){.astrologers .imagebox{height:360px;}
}
@media(max-width:375px){.astrologers .imagebox{height:300px;}
}
.rekpop{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--trwhite);padding:3rem;background:rgba(0,0,0,0.6);text-align:center;;max-width:600px;z-index:1111;display:none;}
.rekpop h1{font-size:6rem;letter-spacing:0;line-height:1.1;font-family:my_fontregular;}
.rekpop span{font-size:5rem;color:var(--white);}
.rekoverlay{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1099;opacity:.85;transition:.3s;background:var(--dark);display:none;}
.rekpop .closebtn,.rekpop .closebtn:hover{position:absolute;top:15px;right:15px;border:0!important;background:none;}
@media(max-width:1299px){.rekpop h1{font-size:3rem;}
.rekpop span{font-size:3rem;}
}
/* blog page */
.blogpage{padding:3rem 0;}
.blogpage a{color:var(--textsoft);}
.blogpage .list{padding:2rem;border-top:1px solid var(--trwhite);position:relative;}
.blogpage .showcase{padding:4rem;border:1px solid var(--trwhite);height:94vh;top:2rem;}
.blogpage .showcase .imagebox{width:100%;height:480px;}
.blogpage .showcase .imagebox img{width:100%;height:100%;object-fit:cover;}
.blogpage .showcase h2{margin:2rem 0;}
.blogpage .showcase .readmore{width:max-content;}
.blogpage .readmore{background:linear-gradient(transparent calc(100% - 1px),var(--gold) 1px);background-size:0 100%;background-position:10% 100%;background-repeat:no-repeat;font-weight:600;}
.blogpage .readmore:hover{background-size:100% 100%;}
.blogpage .readmore i{transition:.3s;display:inline-block;font-style:normal;}
.blogpage .readmore:hover i{transform:rotate(-45deg);color:var(--gold);}
.blogpage .blog-column{column-count:4;column-gap:0;border:1px solid var(--trwhite);column-rule:1px solid var(--trwhite);}
.blogpage .blog-column .item{break-inside:avoid-column;}
@media(max-width:768px){.blogpage .list{padding:1rem;}
}
/* blog detail */
.blogdetail .item{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid var(--trwhite);padding:2rem;}
.latestblogs{padding:1rem!important;}
.latestblogs li a{display:flex;gap:0.5rem;align-items:center;padding:.3rem;font-size:.875rem;}
.latestblogs li:not(:last-child){border-bottom:1px solid var(--trwhite);}
.latestblogs li .imgbox{width:50px;height:50px;flex-shrink:0;}
.latestblogs li .imgbox img{width:100%;height:100%;object-fit:cover;}
.blogdetail .sticky-top{top:7.5rem;}
.blogdetail .tags{display:flex;gap:.75rem;flex-wrap:wrap;}
.blogdetail .tags h4{width:100%;}
.blogdetail .tags a{padding:.5rem;border:1px solid var(--trwhite);font-size:.875rem;letter-spacing:1px;}
.blogdetail .tags a:hover{border-color:var(--gold);}
.sharebox{border-top:1px solid var(--trwhite);padding:1rem 0 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;}
.sharebox .shareitems{display:flex;flex-wrap:wrap;gap:0.3rem;align-items:center;}
.sharebox .shareitems a{padding:0.3rem;}
@media(max-width:1299px){.blogpage .blog-column{display:block;column-count:3;}
}
@media(max-width:992px){.blogpage .blog-column{display:block;column-count:2;}
}
@media(max-width:768px){.blogdetail .item{padding:1rem;}
.blogpage .blog-column{display:block;column-count:2;}
}
@media(max-width:757px){.blogpage .blog-column{display:block;column-count:1;}
}
/* blank pages */
.blankpage .item{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid var(--trwhite);padding:2rem;}
@media(max-width:768px){.blankpage .item{padding:1rem;}
}
/* cookie policy */
.cookiepolicy .content{position:fixed;background:rgba(0,0,0,.5);width:100%;bottom:0;z-index:50;padding:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;gap:1rem;align-items:center;flex-wrap:wrap;}
.cookiemodal .form-group{padding:1rem;border:1px solid var(--darkshadow);margin-bottom:1rem;border-radius:0.5rem;}
.cookiemodal .form-group input{vertical-align:text-top;}
.cookiemodal .form-group.disabled{pointer-events:none;filter:grayscale(1);}
.cookiemodal small{display:block;margin:.5rem 0 0}
.cookiemodal .footer{display:flex;justify-content:space-between;align-items:center;}
.cookiemodal .footer span{font-size:.875rem;}
/* search */
.searchresult .list{padding:2rem;border:1px solid var(--trwhite);position:relative;margin:0 0 1rem;display:flex;gap:1rem;flex-wrap:wrap;align-items:center;}
.searchresult .list img{max-width:150px;}
/* products */
.products .zodiacs .item{padding:1rem;}
.products .button{margin:.5rem 0 0;border:1px dashed var(--gold);color:var(--gold);display:inline-block;padding:.25rem .75rem;display:block;font-size:.875rem;transition:.3s!important;}
.products .button:hover{color:var(--textsoft);border-radius:.5rem;}
.product-detail .fotorama__thumb-border{border-color:var(--gold);}
.product-detail h2{font-size:5rem;line-height:1;}
.product-detail h3{font-size:1.5rem;line-height:1;}
.product-detail .price{font-size:3rem;line-height:1;font-weight:600;color:var(--gold);}
.product-detail .price del{font-size:1.5rem;line-height:1;text-decoration:line-through;color:var(--gray);font-weight:400;}
.products .imager{width:100%;height:200px;}
.products .imager img{width:100%;height:100%;object-fit:cover;}
.qtybox{display:flex;gap:0.4rem;}
.qtybox input{background:var(--dark);border:1px solid var(--gold);border-radius:0;color:var(--gold);max-width:60px;padding:.4rem;text-align:center;}
.qtybox span{padding:0.2rem 0.6rem;border:1px dashed var(--gold);color:var(--gold);transition:.3s;}
.qtybox span:hover{color:var(--lightwhite);background:var(--gold);}
.qtybox span i{vertical-align:sub;position:relative;top:2px;}
.qtybox input[type="number"]::-webkit-inner-spin-button,.qtybox input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
.qtybox .buynow{margin-left:1rem;}
@media(max-width:380px){.qtybox{flex-wrap:wrap;}
.qtybox .buynow{margin:0;}
}
/* Natal Form 22.01.25 */
.formbox{border:1px solid var(--trwhite);padding:2rem;border-radius:1rem;backdrop-filter:blur(6px);}
.formbox .form-group{position:relative;}
.formbox .form-group i{position:absolute;right:10px;color:var(--gold);font-size:1.6rem;cursor:pointer;top:69%;transform:translateY(-50%);}
.formbox .form-control{border-radius:0.5rem;background:none;color:var(--textsoft);background:rgba(0,0,0,.1);border-color:var(--trwhite);}
.formbox .form-control::placeholder{color:var(--textsoft);}
.formbox .form-control:focus{box-shadow:none;border-color:var(--gold);box-shadow:0 8px 18px rgba(0,0,0,.3);}
.formbox button:focus-visible{outline:1px solid var(--gold);}
.exampledata{column-count:3;border-bottom:1px solid var(--trwhite);padding:0 0 1rem;}
.form-select{background:rgba(0,0,0,.1);color:var(--textsoft);border:1px solid var(--trwhite);border-radius:0.5rem;padding:.5rem 1rem;}
.formbox .form-select:focus{box-shadow:none;border-color:var(--gold);box-shadow:0 8px 18px rgba(0,0,0,.3);}
.form-select option{background:var(--dark)!important;color:#fff;}
input[type="date"]::-webkit-calendar-picker-indicator,input[type="time"]::-webkit-calendar-picker-indicator{background:transparent;bottom:0;color:transparent;cursor:pointer;height:auto;left:0;position:absolute;right:0;top:0;width:auto;}
.birthcheck input{width:15px;height:15px;}
.birthcheck span{vertical-align:sub;font-size:.825rem;}
.form-check-input{background-color:transparent;}
.form-check-input:checked{background-color:#d7b572;border-color:#d7b572;}
.form-check-input:focus{border-color:#d7b572;outline:0;box-shadow:0 0 0 .25rem #d7b57240;}
/* Natal Form 22.01.25 */
/* 17.07.2025 popupstoremodal */
.popupstore{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);}
.popupstore .modal-body{outline:2px solid #ffffff40;}
.popupstore .btn-close{position:absolute;right:1rem;top:1rem;filter:brightness(0) invert(1) opacity(1);}
.popupstore .mobile{display:none;}
.mobiler{display:block;}
@media(max-width:992px){.popupstore .web{display:none;}
.popupstore .mobile{display:block;width:100%;}
}