@charset "utf-8";
.header-info div:nth-child(1) .fee {max-width: 100%; width: 285px;}
.header-info div:nth-child(3) .fee {max-width: 100%; width: 238px;}
.body1 div:nth-child(1) .fee {max-width: 100%; width: 285px;}
.body1 div:nth-child(3) .fee {max-width: 100%; width: 238px;}
.body9 div:nth-child(1) .fee {max-width: 100%; width: 285px;}
.body9 div:nth-child(3) .fee {max-width: 100%; width: 238px;}

.psychicblock .psychicframe .psychic .psychic-name {line-height: 30px; bottom: 25px}

.preheader .txt {margin-bottom: -1px}
.preheader .phonenumber, .body1 .phonenumber, .body9 .phonenumber {font-size: 18px; line-height: 24px}
.header-info .fee {font-size: 18px; line-height: 24px; color: #fdb913; padding: 0}
.header-info .creditcard, .header-info .callnow, .body1 .creditcard, .body1 .callnow, .body9 .creditcard, .body9 .callnow {float: none}
.header-info .callnow {min-width: 285px}
.header-info .creditcard {min-width: 230px}

.header-info .phoneholder .fee {padding: 0 0 0 7px; margin-top: -4px; float: none}
.body1 .phoneholder .fee, .body9 .phoneholder .fee {padding: 0 0 0 7px; margin-top: -4px; float: none}
.body1 .fee, .body9 .fee {font-size: 18px; line-height: 24px; color: #a53b86;}
.header-info {padding-top: 12px}
.header-info .separator, .body1 .separator, .body9 .separator {height: 56px}
.preheader .phone-icon {padding-right: 8px}
.body1 .separator, .body9 .separator {margin: 0 20px 0 15px}

.psychicblock.active .psychicframe .priceblock .group .price, .psychicblock.active .psychicframe .priceblock .group .price span, .psychicblock.active .priceblock .line, .psychic-profile.active .psychic-profileblock .priceblock .line, .psychic-profile.active .psychic-profileblock .priceblock .price, .psychic-profile.active .psychic-profileblock .priceblock .price span {color: #03a678; font-weight: 700}
.psychicblock.busy .psychicframe .priceblock .group .price, .psychicblock.busy .psychicframe .priceblock .group .price span, .psychicblock.busy .priceblock .line, .psychic-profile.busy .psychic-profileblock .priceblock .line, .psychic-profile.busy .psychic-profileblock .priceblock .price, .psychic-profile.busy .psychic-profileblock .priceblock .price span {color: #e65b42; font-weight: 700}
.psychicblock.away .psychicframe .priceblock .group .price, .psychicblock.away .psychicframe .priceblock .group .price span, .psychicblock.away .priceblock .line, .psychic-profile.away .psychic-profileblock .priceblock .line, .psychic-profile.away .psychic-profileblock .priceblock .price, .psychic-profile.away .psychic-profileblock .priceblock .price span {color: #a8a9ad; font-weight: 700}

.psychic-profile.busy .psychic-info .callnow span, .psychicblock.busy .psychic-info .callnow span {font-size: 12px; line-height: 15px;}
.psychic-profile.busy .psychic-info .callnow, .psychicblock.busy .psychic-info .callnow {font-size: 12px; line-height: 15px; padding: 10px 0}

.psychicblock .detailsblock, .psychicblock .priceblock .label {display: none !important}
.psychic-profileblock .psychic-info .priceblock .price, .psychic-profileblock .psychic-info .priceblock .price span, .psychic-profileblock .psychic-info .priceblock .line {font-size: 20px; font-weight: 700; line-height: 26px; text-decoration: none;}
.psychic-profileblock .psychic-info .priceblock .price, .psychic-profileblock .psychic-info .priceblock .line {display: inline-block; margin-bottom: -5px}
.psychicblock .phoneblock {width: 42%}
.psychicblock .priceblock {border-right: 0 none; width: 34%}
.psychicblock .extblock {width: 24%}
.psychicblock .priceblock .price, .psychicblock .phonenumber, .psychicblock .number {letter-spacing: -0.3px}
.psychicblock .priceblock .price span {font-size: 16px;}
.priceblock .line {display: block; font-size: 16px; font-weight: 700; margin-top: -3px}
.psychicblock .priceblock .price {margin-top: -4px}
.whitebody .left-sidebar .sidebar-module .psychicblock .phoneblock {width: 40%}
.whitebody .left-sidebar .sidebar-module .psychicblock .extblock {width: 26%}    
.withsidebar .psychicblock .phoneblock {width: 40%}
.withsidebar .psychicblock .priceblock {width: 34%}
.withsidebar .psychicblock .extblock {width: 26%}

.psychic-profile .psychic-profileblock .psychic-info .extblock .label, .psychic-profile .psychic-profileblock .psychic-info .extblock .number {display: inline-block}
.psychic-profile .psychic-profileblock .psychic-info .priceblock {padding-left: 10px; padding-right: 10px}

.priceblock .price .line {text-transform: none}
.mppFtFtProfile .whitebody .psychic-profile .priceblock .price .line {display: block}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .offer h6 {margin-bottom: 0; padding-bottom: 0}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .offer .info {color: #a33b84; font-size: 32px; font-weight: 700; line-height: 40px;}

div#horoscope3.moduleheader {display: none}

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

}


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

}

@media all and (min-width: 992px) {
.info-wrapper span {display: block}
}

@media all and (min-width: 992px) and (max-width: 1199px) {
.header-info .fee {clear: none; display: block;margin-top: 0;max-width: 100%;padding: 0 0 0 50px; width: 300px}
.whitebody .left-sidebar .sidebar-module .psychicblock .phoneblock {width: 60%}
.whitebody .left-sidebar .sidebar-module .psychicblock .extblock {width: 40%}
.whitebody .left-sidebar .sidebar-module .psychicblock .priceblock {width: 100%}
.whitebody .left-sidebar .sidebar-module .psychicblock .priceblock .price, .whitebody .left-sidebar .sidebar-module .psychicblock .priceblock .line, .withsidebar .psychicblock .priceblock .price, .withsidebar .psychicblock .priceblock .line {display: inline-block}
.whitebody .left-sidebar .sidebar-module .psychicblock .priceblock .line, .withsidebar .psychicblock .priceblock .line {padding-left: 5px}
.withsidebar .psychicblock .phoneblock {width: 58%}
.withsidebar .psychicblock .priceblock {width: 100%}
.withsidebar .psychicblock .extblock {width: 42%}

.withsidebar .psychicblock.busy .psychic-info .callnow {padding: 5px 0;}
.withsidebar .psychicblock.away .psychic-info .callnow {padding: 8px 0;}

}

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

}

@media all and (min-width: 768px) and (max-width: 991px) {
.header-info .separator {margin: 0 18px 0 10px}

.withsidebar .psychicblock .phoneblock {width: 64%; border-bottom: 1px solid #cccccc}
.withsidebar .psychicblock .priceblock {width: 100%; height: 29px}
.withsidebar .psychicblock .extblock {width: 36%; border-bottom: 1px solid #cccccc; border-right: 0 none}
.withsidebar .psychicblock .priceblock .price, .withsidebar .psychicblock .priceblock .line {display: inline-block}
.withsidebar .psychicblock .priceblock .line {padding-left: 5px}


}

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

}

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

}


@media all and (min-width: 701px) and (max-width: 767px) {
.body1 .phoneholder .fee, .body9 .phoneholder .fee {display: inline-block; padding-left: 54px}
.body1 .phone-icon, .body1 .card-icon, .body9 .phone-icon, .body9 .card-icon {margin-bottom: -15px}
.header-info .separator {margin: 0 18px 0 10px}
}


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

}


@media all and (min-width: 601px) and (max-width: 700px) {
.preheader .phoneholder {padding: 0}
.header-info .phoneholder a {display: inline}
.header-info .phoneholder .fee {padding: 0 0 0 45px; margin-top: -5px; display: inline-block; clear: none} 
.preheader .phone-icon, .preheader .card-icon {width: 45px; padding-right: 5px}
.body1 .phoneholder .fee, .body9 .phoneholder .fee {display: inline-block; padding-left: 54px}
.body1 .phone-icon, .body1 .card-icon, .body9 .phone-icon, .body9 .card-icon {margin-bottom: -15px}
.body1 .separator, .body9 .separator {margin: 0 12px 0 8px}
.header-info .separator {margin: 0 15px 0 6px}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .offer .info {font-size: 30px; line-height: 38px}
}


@media all and (max-width: 600px) {
.preheader .phonenumber, .body1 .phonenumber, .body9 .phonenumber {font-weight: 700}     
}

@media all and (min-width: 401px) and (max-width: 600px) {
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .offer .info {font-size: 26px; line-height: 32px}
}


@media all and (min-width: 491px) and (max-width: 600px) {
.preheader .phone-icon, .preheader .card-icon, .body1 .phone-icon, .body1 .card-icon, .body9 .phone-icon, .body9 .card-icon {display: none}
.header-info .callnow, .header-info .creditcard {min-width: 100px}
.phoneblock .header-info .phoneholder .fee {padding: 0; text-align: center; margin-top: -5px}
.header-info div:nth-child(1) .fee {max-width: 100%; width: 235px}
.header-info div:nth-child(3) .fee {max-width: 100%; width: 195px;}
.header-info .phoneholder a {display: block; text-align: center; width: 100%; margin-top: -3px}   
.phoneblock .header-info .phoneholder .txt {text-align: center}
.body1 .phoneholder, .body9 .phoneholder {float: left; padding: 0}
.body1 .separator, .body9 .separator {display: block; margin: 0 10px 0 5px}
.body1 .callblock, .body9 .callblock {width: auto}
.body1 .callblock .phoneholder:nth-child(1) .fee, .body9 .callblock .phoneholder:nth-child(1) .fee {width: 240px; padding: 0; text-align: center;}
.body1 .callblock .phoneholder:nth-child(3) .fee, .body9 .callblock .phoneholder:nth-child(3) .fee {width: 184px; padding: 0; text-align: center;}
.preheader .phoneholder, .body1 .phoneholder, .body9 .phoneholder {text-align: center}
}

@media all and (min-width: 320px) and (max-width: 490px) {
.header-info {width: 100%; text-align: center; display: block; padding-top: 10px}
.preheader .phone-icon, .preheader .card-icon {display: block}
.header-info .phoneholder {float: none; display: inline-block; margin: 0 auto}
.preheader .phoneholder {margin: 0 auto; display: inline-block; float: none}
.header-info .separator {height: 4px; width: 190px; margin: 7px auto 10px auto; display: block; float: none; max-width: 100%}
.phoneblock .header-info .phoneholder a {padding: 0; text-align: left; margin-top: -4px; display: block;}
.phoneblock .header-info .phoneholder .fee {text-align: left; padding-left: 47px;}
.phoneblock .header-info .phoneholder:nth-child(1) .clear {display: none}
.body1 .phone-icon, .body1 .card-icon, .body9 .phone-icon, .body9 .card-icon {margin-bottom: -15px}
.body1 .phoneholder .fee, .body9 .phoneholder .fee {display: inline-block; padding-left: 48px}
.body1 .separator, .body9 .separator {height: 4px; width: 235px; margin: -10px auto 10px auto; display: block; float: none; max-width: 100%}
.body1 .phone-icon, .body1 .card-icon, .body9 .phone-icon, .body9 .card-icon {padding-right: 5px; width: 48px}

.preheader .phonenumber, .body1 .phonenumber, .body9 .phonenumber {text-align: left}



}

@media all and (max-width: 400px) {
.psychicblock .phoneblock {width: 65%}
.psychicblock .priceblock {border-right: 0 none; width: 100%}
.psychicblock .extblock {width: 35%}
.psychicblock .priceblock .line {padding-left: 5px; display: inline-block;}

.withsidebar .psychicblock .phoneblock {width: 61%; border-bottom: 1px solid #cccccc}
.withsidebar .psychicblock .priceblock {width: 100%; height: 29px}
.withsidebar .psychicblock .extblock {width: 39%; border-bottom: 1px solid #cccccc; border-right: 0 none}
.withsidebar .psychicblock .priceblock .price, .withsidebar .psychicblock .priceblock .line {display: inline-block}
.withsidebar .psychicblock .priceblock .line {padding-left: 5px}

.psychic-profileblock .psychic-info .priceblock {height: auto !important}
.whitebody .withsidebar .psychicblock .psychicframe .psychic .psychic-name, .psychicblock .psychicframe .psychic .psychic-name {width: calc((90%) - (115px))}

.withsidebar .psychicblock.busy .psychic-info .callnow {padding: 7px 0;}
.withsidebar .psychicblock.away .psychic-info .callnow {padding: 7px 0;}
}


@media all and (min-width: 301px) and (max-width: 400px) {
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .offer .info {font-size: 24px; line-height: 30px}
}


@media all and (max-width: 320px) {
.preheader .phone-icon, .preheader .card-icon, .body1 .phone-icon, .body1 .card-icon, .body9 .phone-icon, .body9 .card-icon {display: none}
.header-info .separator {height: 4px; width: 190px; margin: 5px auto 12px auto; display: block; float: none; max-width: 100%}
.header-info {padding-top: 15px}
.header-info .phoneholder .txt, .header-info .phoneholder a {display: block; text-align: center}
.header-info .callnow {min-width: 20px; width: 100%; text-align: center}
.preheader .phoneholder, .phoneblock .header-info .phoneholder .callnow a {display: block; width: 100%; text-align: center}
.phoneblock .header-info .phoneholder a {margin-top: -4px; text-align: center}
.phoneblock .header-info .phoneholder .fee {display: block; text-align: center; padding: 0; width: 100%; clear: both}
.preheader .infoblock .info-wrapper {margin-top: 6px}
.body1 .phoneholder, .body9 .phoneholder {display: block; text-align: center}
.body1 .phoneholder .fee, .body9 .phoneholder .fee {padding: 0; text-align: center; display: block; width: 100%}
.body1 div:nth-child(3) .fee, .body9 div:nth-child(3) .fee {width: 100%}
.body1 .separator, .body9 .separator {height: 4px; width: 235px; margin: 10px auto 10px auto; display: block; float: none; max-width: 100%}



}

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

}

@media all and (max-width: 300px) {
.whitebody .horoscopes h1.astrotitle {float: none}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .offer .info {font-size: 20px; line-height: 26px}
}

@media all and (max-width: 265px) {
.psychicblock .phoneblock .phonecircle {display: none !important}
.psychicblock .phoneblock {width: 60%; padding-left: 8px}
.psychicblock .extblock {width: 40%}
.psychicblock .priceblock .price, .psychicblock .phonenumber, .psychicblock .number, .priceblock .line {letter-spacing: -0.4px}

.withsidebar .psychicblock .phoneblock {width: 57%;}
.withsidebar .psychicblock .extblock {width: 43%;}
}