@charset "utf-8";

.psychic-profile.away .psychic-info .callnow span, .psychicblock.away .psychic-info .callnow span {letter-spacing: -0.5px}
.psychic-profile.busy .psychic-info .callnow span, .psychicblock.busy .psychic-info .callnow span {font-size: 13px; line-height: 20px}
.psychicblock.busy .psychicframe .psychic .psychic-info .callbutton a.callnow {font-size: 13px; line-height: 20px}
.psychicblock .psychicframe .psychic .psychic-name {width: calc((100%) - (130px)); line-height: 30px; padding-bottom: 5px;}
.footer .container .horifooter .pad.small p {color: #ffffff; font-size: 12px; line-height: 18px}
.psychicblock.away .psychicframe .priceblock .price, .psychicblock.away .psychicframe .priceblock .price span {color: #a8a9ad}
.header-info .phoneholder:nth-child(3) .fee {padding-left: 0; margin-left: -25px}
.body1 .phoneholder:nth-child(3) .fee, .body9 .phoneholder:nth-child(3) .fee {padding-left: 0; margin-left: -25px}
.psychicblock .priceblock, .whitebody .psychic-profileblock .priceblock {display: none !important}
.psychicblock .phoneblock {width: 66.8%}
.whitebody .left-sidebar .sidebar-module .psychicblock .phoneblock, .withsidebar .psychicblock .phoneblock {width: 65.8%}
.psychicblock .extblock {width: 19.2%; border-right: 1px solid #cccccc}
.whitebody .left-sidebar .sidebar-module .psychicblock .extblock, .withsidebar .psychicblock .extblock {width: 20.2%; border-right: 1px solid #cccccc}
.psychicblock .detailsblock {width: 14%; height: 45px}
.whitebody .left-sidebar .sidebar-module .psychicblock .detailsblock {width: 14%; height: 45px}
.psychicframe div.detailsblock .detailsarrow .arrow, .whitebody .left-sidebar .sidebar-module .psychicframe div.detailsblock .detailsarrow .arrow, .withsidebar .psychicframe div.detailsblock .detailsarrow .arrow {padding-top: 15px}
.whitebody .left-sidebar .sidebar-module .priceblock, .whitebody .left-sidebar .sidebar-module .psychicframe div.detailsblock .detailsarrow .arrow, .whitebody .left-sidebar .sidebar-module .psychicblock .detailsblock, .withsidebar .priceblock, .withsidebar .psychicframe div.detailsblock .detailsarrow .arrow, .withsidebar .psychicblock .detailsblock {height: 45px}
.whitebody .left-sidebar .sidebar-module .psychicblock .phoneblock, .psychicblock .extblock, .whitebody .left-sidebar .sidebar-module .psychicblock .extblock, .withsidebar .psychicblock .extblock, .withsidebar .psychicblock .phoneblock {border-bottom: 0 none}
.mppMemberCenterMemberCenterMyAccount .withsidebar .psychicblock .phoneblock {width: 66.8%}
.mppMemberCenterMemberCenterMyAccount .withsidebar .psychicblock .extblock {width: 20.2%}
.mppMemberCenterMemberCenterMyAccount .withsidebar .psychicblock .detailsblock {width: 13%}

/* 2025-03-01 pricing */
.offers .row{display:flex;align-content: center;align-items:stretch;flex-flow: row wrap;flex-wrap: wrap;}
.offers .smallpack .packouter .packcontent .min{font-size: 18px;}
.offers .packouter {height: 100%;box-sizing:border-box;padding-bottom: 55px;min-height:auto !important;margin-bottom: 0px;}
.offers .smallpack .packouter .buttonblock,.offers .pack .packouter .buttonblock{width: 100%;left: 0px;box-sizing: border-box;padding: 0px 35px;position:absolute;bottom: 20px;max-width:none;margin-bottom: 0px;}
.offers .pack .buttonblock .button{max-width:170px; margin:auto}

.package-wrapper .row{display:flex;align-content: center;align-items:stretch;flex-flow: row wrap;flex-wrap: wrap;}
.package-wrapper .smallpack .packouter .packcontent .min{font-size: 18px;}
.package-wrapper .packouter {height: 100%;box-sizing:border-box;padding-bottom: 55px;min-height:auto !important;margin-bottom: 0px;}
.package-wrapper .smallpack .packouter .buttonblock,.package-wrapper .pack .packouter .buttonblock{width: 100%;left: 0px;box-sizing: border-box;padding: 0px 35px;position:absolute;bottom: 20px;max-width:none;margin-bottom: 0px;}
.package-wrapper .pack .buttonblock .button{max-width:170px; margin:auto}

.smallpack .packouter .packtitle {margin-bottom: 0; font-size: 12px}
.smallpack .packouter.first-time-offer .price {background-color: gold}
.smallpack .packouter.first-time-offer .packcontent {padding-top: 26px; padding-bottom: 26px}

.has-bonus-minute .packcontent {padding: 20px 0}
.has-bonus-minute .bonus {font-size: 15px;}
.has-bonus-minute .packcontent .num {font-size: 26px;}

@media all and (min-width: 1200px) {

/* 2025-03-01 pricing */
.has-bonus-minute .packcontent {padding: 20px 0}
.has-bonus-minute .packcontent .min {display: inline}
.has-bonus-minute .packcontent .num {font-size: 30px;}
}


@media all and (max-width: 1199px) {

}

@media all and (min-width: 992px) {

}

@media all and (min-width: 992px) and (max-width: 1199px) {
.psychicblock .psychicframe .psychic .psychic-name {line-height: 25px;} 
.header-info .phoneholder:nth-child(3) .fee {margin-left: 0; padding-left: 48px}

.psychicblock .phoneblock {width: 73.8%}
.psychicblock .extblock {width: 15.2%;}
.psychicblock .detailsblock {width: 11%;}

.whitebody .left-sidebar .sidebar-module .psychicblock .phoneblock, .withsidebar .psychicblock .phoneblock {width: 57.8%}
.whitebody .left-sidebar .sidebar-module .psychicblock .extblock, .withsidebar .psychicblock .extblock {width: 26%;}
.whitebody .left-sidebar .sidebar-module .psychicblock .detailsblock, .withsidebar .psychicblock .detailsblock {width: 16.2%;}

.mppMemberCenterMemberCenterMyAccount .withsidebar .psychicblock .phoneblock {width: 59.2%}
.mppMemberCenterMemberCenterMyAccount .withsidebar .psychicblock .extblock {width: 25%}
.mppMemberCenterMemberCenterMyAccount .withsidebar .psychicblock .detailsblock {width: 15.8%}

.whitebody .withsidebar .psychicblock.busy .psychic-info .callnow, .whitebody .left-sidebar  .sidebar-module .psychicblock.busy .psychic-info .callnow {padding: 4px 0;}
.whitebody .withsidebar .psychicblock.away .psychic-info .callnow, .whitebody .left-sidebar  .sidebar-module .psychicblock.away .psychic-info .callnow {padding: 8px 0;}

/* 2025-03-01 pricing */
.smallpack .packcontent {padding: 27px 0;}
.has-bonus-minute .packcontent {padding: 15px 0}
}

@media all and (max-width: 991px) {
/* 2025-03-01 pricing */
.container{width: 100%}
.offers .pack, .offers .smallpack {margin-bottom: 4px;}
.package-wrapper .pack, .package-wrapper .smallpack {margin-bottom: 4px;}
}

@media all and (min-width: 768px) and (max-width: 991px) {
.psychicblock .psychicframe .psychic .psychic-name {line-height: 25px;}
.psychicblock .phoneblock {width: 65.5%}
.psychicblock .extblock {width: 20.5%;}
.psychicblock .detailsblock {width: 14%;}

.whitebody .left-sidebar .sidebar-module .psychicblock .phoneblock, .withsidebar .psychicblock .phoneblock {width: 63.8%}
.whitebody .left-sidebar .sidebar-module .psychicblock .extblock, .withsidebar .psychicblock .extblock {width: 21%;}
.whitebody .left-sidebar .sidebar-module .psychicblock .detailsblock, .withsidebar .psychicblock .detailsblock {width: 14.2%;}

.mppMemberCenterMemberCenterMyAccount .withsidebar .psychicblock .phoneblock {width: 65.3%}
.mppMemberCenterMemberCenterMyAccount .withsidebar .psychicblock .extblock {width: 20%}
.mppMemberCenterMemberCenterMyAccount .withsidebar .psychicblock .detailsblock {width: 14.7%}
}

@media all and (min-width: 768px) {

}

@media all and (max-width: 767px) {

}


@media all and (min-width: 701px) and (max-width: 767px) {
 .body1 .phoneholder:nth-child(3) .fee, .body9 .phoneholder:nth-child(3) .fee {margin-left: 0; padding-left: 56px} 
}


@media all and (max-width: 700px) {

}


@media all and (min-width: 601px) and (max-width: 700px) {
.header-info .phoneholder:nth-child(3) .fee {margin-left: 0; padding-left: 54px}
.header-info .separator {margin: 0 5px}
.body1 .phoneholder:nth-child(3) .fee, .body9 .phoneholder:nth-child(3) .fee {margin-left: 0; padding-left: 56px} 
}


@media all and (max-width: 600px) {

.body1 .separator, .body9 .separator {display: block; float: none; height: 4px; margin: -10px auto 8px auto; width: 270px; max-width: 100%}







}

@media all and (min-width: 401px) and (max-width: 600px) {
.header-info .phoneholder:nth-child(3) .fee {margin-left: 0; padding-left: 48px}
.body1 .phoneholder:nth-child(3) .fee, .body9 .phoneholder:nth-child(3) .fee {margin-left: 0; padding-left: 56px} 

}

@media all and (min-width: 401px) and (max-width: 520px) {
.header-info .phoneholder .phone-icon, .header-info .phoneholder .card-icon {display: none}
.phoneblock .header-info .phoneholder .txt, .phoneblock .header-info .phoneholder a, .phoneblock .header-info .phoneholder .fee {text-align: center}
.phoneblock .header-info .phoneholder .fee {margin-left: 0; padding-left: 0; text-align: center}
}


@media all and (min-width: 491px) and (max-width: 600px) {

}

@media all and (min-width: 320px) and (max-width: 490px) {

}

@media all and (min-width: 381px) and (max-width: 430px) {
.header-info .phoneholder .txt span {display: none}
}

@media all and (min-width: 341px) and (max-width: 400px) {
.body1 .fee, .body1 .phoneholder:nth-child(3) .fee {margin-left: 0; padding-left: 50px; text-align: left} 
.body9 .phoneholder:nth-child(3) .fee {margin-left: 0; padding-left: 56px; text-align: left} 
}

@media all and (min-width: 340px) and (max-width: 380px) {


}

@media all and (max-width: 400px) {
.phoneblock .header-info .phoneholder .txt, .phoneblock .header-info .phoneholder a, .phoneblock .header-info .phoneholder .fee {text-align: center}   
.phoneblock .header-info .phoneholder .fee {margin-left: 0; padding-left: 0; text-align: center}
.header-info {display: inline-block; width: auto}
.preheader .header-info .phoneholder:nth-child(3) {margin: 0 auto}

.psychicblock .phoneblock, .psychicblock .extblock {border-bottom: 0 none}
.withsidebar .psychicblock.busy .psychic-info .callnow {padding: 4px 0;}
.withsidebar .psychicblock.away .psychic-info .callnow, .psychicblock.away .psychic-info .callnow {padding: 7px 0;}
}


@media all and (max-width: 380px) {
.header-info .phoneholder .phone-icon, .header-info .phoneholder .card-icon {display: block}
.header-info .separator {height: 4px; width: 230px; margin: 8px auto 8px auto; display: block; float: none; max-width: 100%}
.phoneblock .header-info .phoneholder, .header-info .creditcard, .header-info .callnow {float: none; width: 100%; display: block; text-align: left}
.phoneblock .header-info .phoneholder .txt, .phoneblock .header-info .phoneholder a, .phoneblock .header-info .phoneholder .fee, .preheader .phonenumber {text-align: left}
.phoneblock .header-info .phoneholder .fee {margin-left: 0; padding-left: 48px;}
 .header-info .phoneholder .txt span {display: none}

}

@media all and (min-width: 341px) {

}

@media all and (max-width: 340px) {
.body1 .phoneholder .phone-icon, .body1 .phoneholder .card-icon, .body9 .phoneholder .phone-icon, .body9 .phoneholder .card-icon {display: none}
.body1 .txt, .body9 .txt {text-align: center}
.body1 .fee, .body9 .fee {text-align: center; padding: 0; width: 100%}
.body1 .creditcard, .body9 .creditcard {float: none; width: 100%; text-align: center}
.body1 .phoneholder .fee, .body1 .fee, .body1 .phoneholder:nth-child(3) .fee, .body9 .phoneholder .fee, .body1 .fee, .body9 .phoneholder:nth-child(3) .fee {margin-left: 0; padding: 0; text-align: center; width: 100%}
  
}

@media all and (max-width: 300px) {
.header-info .phoneholder .phone-icon, .header-info .phoneholder .card-icon {display: none}
.phoneblock .header-info .phoneholder .txt, .phoneblock .header-info .phoneholder a, .phoneblock .header-info .phoneholder .fee {text-align: center}
.phoneblock .header-info .phoneholder .fee {margin-left: 0; padding-left: 0; text-align: center; width: 100%}
.body1 .txt span, .body9 .txt span {display: none}
}

@media all and (max-width: 280px) {
 .psychicblock .detailsblock, .whitebody .withsidebar .psychicframe .detailsblock {display: none}
 .psychicblock .phoneblock, .whitebody .withsidebar .psychicblock .phoneblock, .mppMemberCenterMemberCenterMyAccount .withsidebar .psychicblock .phoneblock {width: 75%}
.psychicblock .extblock,  .whitebody .withsidebar .psychicblock .extblock, .mppMemberCenterMemberCenterMyAccount .withsidebar .psychicblock .extblock {width: 25%; border-right: 0px none}
}