@charset "utf-8";
@import "phone-code-flag-f16.css";

* { margin: 0px; padding: 0px; box-sizing: border-box; color: #252525; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 20px}
a {color:#a33b84;}
.hide, iframe {display: none}
.grecaptcha-logo iframe {display: initial}
.tv-livestream-wrapper iframe {display: initial}
.tv-livestream-wrapper {z-index: 10000; position: fixed; width: 400px; height: 225px; bottom: 78px; right: 2px; border: none;}
.left-sidebar iframe, section iframe {display: block !important; margin: 20px 0}
.left-sidebar iframe {width: 100%}
.horclr, .articlesep {clear: both; height: 0; margin: 0; padding: 0; display: none}
.clr, .clear, .clearfix {clear: both; height: 0; margin: 0; padding: 0}
body  {background-color: #fff;font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 20px}
.logoblock {position: relative; z-index: 22}
.logoblock a img {width: 130px; height: auto; max-width: 100%; display: block}
.logo-wrapper {overflow: hidden;}
.info-wrapper {font-weight: 700; font-size: 10px; line-height: 14px; text-align: center; background-color: #a33b84; color: #ffffff; text-transform: uppercase; padding: 12px 10px;width: 70%; float: right; position: relative; z-index: 2}
.info-wrapper span {font-weight: 700; font-size: 10px; line-height: 14px; color: #ffffff !important; text-transform: uppercase;}
.desktop-logo {position: absolute; z-index: 22; padding: 21px 0 21px 0; display: block; line-height: 25px}
.info-wrapper a {font-size: 10px; line-height: 14px; color: #ffffff; text-decoration: none; display: inline-block; padding: 5px 10px; margin: -5px -10px; position: relative; z-index: 3}   
.info-wrapper a:hover {color: #fbd99b;}  
.preheader {background: url(../images/headerbg.jpg) no-repeat center center; position: relative; z-index: 0; background-color: #6f4494} 
.preheader .circle {position: absolute; top: -139px; left: -96px; overflow: hidden; width: 350px; height: 245px}
.preheader .circle img  {width: 350px; height: 350px; opacity: 0.25; position: absolute; left: 0; top: 0}
.preheader .txt {color: #ffffff; text-transform: uppercase; font-size: 12px; line-height: 16px; font-weight: 700; display: block}
.preheader .txt span {color: #ffffff; text-transform: uppercase; font-size: 12px; line-height: 16px; font-weight: 700}
.preheader .phonenumber {color: #fdb913;font-size: 28px; line-height: 30px; font-weight: 700; text-decoration: none;}
.preheader .phonenumber:hover {color: #ffe174}
.preheader a {text-decoration: none}
.preheader .calltable, .preheader .calltable tr, .preheader .calltable td, .preheader .creditcardtable, .preheader .creditcardtable tr, .preheader .creditcardtable td  {vertical-align: bottom; text-align: left}
.preheader .callblock, .preheader .creditcardblock {padding-top: 20px;}
.preheader .phone-icon img, .preheader .card-icon img {width: 100%; height: auto; margin-top: 3px}
.preheader .phone-icon, .preheader .card-icon {width: 48px; padding-right: 10px; float: left}
.header-info .fee {color: #ffffff; font-size: 10px; line-height: 14px; font-weight: 700; padding-left: 10px; float: left; display: block; max-width: 80px; padding-top: 16px; min-height: 12px}
.preheader .phoneholder {float: left; text-align: left}
.header-info {padding-top: 18px; float: right}
.header-info .creditcard, .header-info .callnow {float: left}
.header-info .separator {height: 30px; background: #ffffff; width: 4px; float: left; opacity: 0.5; margin: 0 20px 0 8px; height: 44px}
.mobile-menu-wrapper {padding-top: 15px; float: right}
.infoblock {position: relative; z-index: 23}
.articles.full .grid {padding-top: 15px}

.header {background-color: #f1d9e9; position: relative; z-index: 60; border-bottom: 4px solid #d06eb3}
.mainmenu {list-style: outside none none; margin: 0 !important; padding: 0 !important; position: relative; z-index: 11}
.mainmenu li {list-style: outside none none; position: relative; display: block; float: left}
.mainmenu li a {font-weight: 700; text-transform: uppercase; text-decoration: none; display: block; float: left; padding: 15px 20px; font-size: 14px; position: relative}
.mainmenu li:hover a {background-color: #f7eaf3;}
.mainmenu li a:hover {background-color: #f7eaf3; color: #a33b84}
.mainmenu li a:focus, .mainmenu li a:visited {color: #a33b84}
.mainmenu li.active a {background-color: #d06eb3; color: #ffffff}
.mainmenu .child .active a {background-color: #d06eb3 !important; color: #ffffff !important}
.mainmenu .active a:hover {background-color: #d06eb3; color: #ffffff}
.mainmenu li.haschild ul.child li a {color: #a33b84; background-color: #ffffff;border-bottom: 1px solid #f1d9e9}
.mainmenu li.haschild ul.child li a:hover {background-color: #d06eb3; color: #ffffff}
.mainmenu li.haschild ul.child li.last a {border-bottom: 0 none}
.mainmenu .featured {margin-right: -30px}
.mainmenu .featured a {background-color: #f08d28; color: #ffffff !important}
.mainmenu .featured a:hover, .horoscope .submitbutton button:hover, .newsletter .submitbutton button:hover  {background-color: #f9b710;}
.mobile-menu-wrapper a {float: right; display: block; width: 45px; height: 45px; background-color: #d06eb3; line-height: 45px; text-align: center; margin-bottom: -4px}
.mobile-menu-wrapper a i {color: #ffffff; font-size: 28px; line-height: 45px;}
.mobile-menu-wrapper {position: relative; z-index: 33}
.mobile-menu-wrapper a:hover {background-color: #e49dcc}
.header-info {position: relative; z-index: 34}

.buttons-wrapper {width: 70%; float: right}
.buttons-wrapper {
a.login {display: block; width: 100%; background-color: #d06eb3; height: 50px; text-align: center}
a.search {display: block; width: 100%; background-color: #d06eb3;height: 50px; text-align: center}
a:hover {background-color: #e49dcc}
.login i {color: #ffffff !important; font-size: 31px; line-height: 50px; height: 50px; text-decoration: none;}
.search i {color: #ffffff !important; font-size: 25px; line-height: 50px; height: 50px; text-decoration: none;}
}
.buttons-wrapper-v2 { float: right; display:flex; justify-content: flex-end;}
.buttons-wrapper-v2 {
a.login {display: block; width: 100%; background-color: #d06eb3; height: 50px; text-align: center; white-space: nowrap; font-weight: bold; color:#fff; line-height: 50px; padding: 0 10px; text-transform: uppercase; text-decoration: none;}
a.register {display: block; width: 100%; background-color: transparent; height: 50px; text-align: center; white-space: nowrap; font-weight: bold; line-height: 50px; padding: 0 10px; text-transform: uppercase; text-decoration: none;}
a.search {display: block; width: 100%; background-color: #e49dcc;height: 50px; text-align: center;  padding: 0 10px;}
a:hover {background-color: #e280c5}
a.search:hover {background-color: #fab3e2}
a.register:hover {background-color: #fff}
.login i {color: #ffffff !important; font-size: 22px; line-height: 50px; height: 50px; text-decoration: none; float: left; margin-right: 10px}
.search i {color: #ffffff !important; font-size: 25px; line-height: 50px; height: 50px; text-decoration: none;}
}

.showcase {border-bottom: 4px solid #d06eb3; border-top: 4px solid #d06eb3; position: relative; z-index: -2; text-align: center; background-color: #28144e;}
.showcase .container-fluid {height: 270px; text-align: center;}
.showcase.empty {border-bottom: none !important}
.backgroundrow {display: none;position: absolute; width: 100%; bottom: 0; background-color: #a33b84; height: 24px;  z-index: 22}
.preheader .horizontal-separator {height: 4px; background-color: #d06eb3; width: 100%; clear: both; margin: 0 0 -5px 0; display: none}

.body1 {padding: 0}
.body1 .normaltitle {text-transform: uppercase; text-align: center; font-weight: 400; font-size: 36px; line-height: 46px; color: #4b4391; padding-top: 10px}
.body1 .phone-icon img, .body1 .card-icon img  {width: 100%; height: auto}
.body1 .phone-icon, .body1 .card-icon {width: 55px; padding-right: 10px; float: left}
.body1 .phonenumber {color: #a53b86;font-size: 28px; line-height: 30px; font-weight: 700; text-decoration: none;}
.body1 .phonenumber:hover, .body4 .text-center .title:hover, .body4 .text-center .readmore:hover, .body9 .phonenumber:hover, .zodiacblocks .zodiac a:hover {color: #de89c8;}
.body1 a {text-decoration: none}
.body1 .creditcard, .body1 .callnow {float: left}
.body1 .txt {color: #252525; text-transform: uppercase; font-size: 12px; line-height: 16px; font-weight: 700; display: block}
.body1 .txt span, .body9 .txt span {font-size: 12px; line-height: 16px} 
.body1 .fee {color: #252525; font-size: 10px; line-height: 14px; font-weight: 700; padding-left: 10px; float: left; display: block; max-width: 80px; padding-top: 16px}
.body1 .separator {height: 48px; background: #a53b86; width: 4px; float: left; opacity: 0.5; margin: 0 20px 0 8px;}
.body1 .phoneholder {float: left; text-align: left}
.body1 .callblock {display: inline-block; margin-bottom: 25px}
.mainpage .articles.full .container .normaltitle {padding-left: 10px; padding-right: 10px}

.psychicblock {padding-top: 15px; padding-bottom: 15px; position: relative}
.psychicblock .psychicframe {border: 1px solid #cccccc; position: relative}
.psychicblock .psychic {position: relative}
.psychic img {width: 100%; height: auto; display: block}
.psychic .psychic-info {position: absolute; top: 0; right: 0; height: 100%; color: #ffffff; width: 120px; z-index: 30; padding: 10px; font-size: 12px; line-height: 15px; text-align: center; font-weight: 600;word-wrap: break-word}
.psychic .psychic-info .infotext {height: 100%; color: #ffffff; font-size: 12px; line-height: 15px; text-align: center; font-weight: 600;word-wrap: break-word}
.psychic .psychic-info .details {text-align: center; font-weight: 600; color: yellow;font-size: 12px; line-height: 15px; padding-top: 5px; display: block; text-decoration: none}
.psychic .psychic-info .details i {color: yellow;font-size: 12px; line-height: 15px;}
.psychic-profile.active .psychic-info .callnow, .psychicblock.active .psychic-info .callnow {height: 36px; width: 100%; text-decoration: none; display: block; padding: 7px 4px; text-align: center; font-weight: 800; color: #ffffff;font-size: 18px; line-height: 22px; text-transform: uppercase}
.psychic-profile.busy .psychic-info .callnow, .psychicblock.busy .psychic-info .callnow {height: 36px; width: 100%; text-decoration: none; display: block; padding: 8px 4px; text-align: center; font-weight: 800; color: #ffffff;font-size: 16px; line-height: 20px; text-transform: uppercase}
.psychic-profile.away .psychic-info .callnow, .psychicblock.away .psychic-info .callnow {height: 36px; width: 100%; text-decoration: none; display: block; padding: 11px 0px; text-align: center; font-weight: 800; color: #ffffff;font-size: 12px; line-height: 15px; text-transform: uppercase; letter-spacing: -0.2px}
.psychic-profile.active .psychic-info .callnow span, .psychicblock.active .psychic-info .callnow span {font-size: 18px;color: #ffffff}
.psychic-profile.busy .psychic-info .callnow span, .psychicblock.busy .psychic-info .callnow span {font-size: 16px;color: #ffffff}
.psychic-profile.away .psychic-info .callnow span, .psychicblock.away .psychic-info .callnow span {font-size: 12px;color: #ffffff}
.psychic-profile.away .psychic-info .callnow span {color: #ffffff; display: block; width: 100%; margin-top: -2px}
.active .callnow, .active .phone {background-color: #03a678; } 
.psychic .callbutton .callnow span {color: #ffffff; font-weight: 800; letter-spacing: -0.2px; line-height: 15px; text-align: center; text-decoration : none; text-transform: uppercase;}
 
.active .callnow:hover, .pack .buttonblock .button:hover, .smallpack .buttonblock .button:hover {background-color: #79d7a8; }   
.psychic-profile.active .phonenumber, .psychicblock.active .phonenumber, .active .arrow i {color: #03a678; }
.psychic-profile.active .phonenumber:hover, .psychicblock.active .phonenumber:hover, .active .arrow i:hover {color: #79d7a8; }
.busy .callnow, .busy .phone {background-color: #e65b42; } 
.busy .callnow:hover {background-color: #f2897b; }  
.psychic-profile.busy .phonenumber, .psychicblock.busy .phonenumber, .busy .arrow i {color: #e65b42; }
.psychic-profile.busy .phonenumber:hover, .psychicblock.busy .phonenumber:hover, .busy .arrow i:hover {color: #f2897b; }
.away .callnow, .away .phone {background-color: #a8a9ad; }
.away .callnow:hover {background-color: #cccccc; }
.psychic-profile.away .phonenumber, .psychicblock.away .phonenumber, .away .arrow i {color: #a8a9ad; }
.psychic-profile.away .phonenumber:hover, .psychicblock.away .phonenumber:hover, .away .arrow i:hover {color: #cccccc; }
.psychic .psychic-info .callbutton {position: absolute; bottom: 10px; right: 0; width: 110px; padding-right: 10px; z-index: 12}
.psychic .psychic-background {position: absolute; top: 0; right: 0; height: 100%; width: 120px; background-color: #252525; opacity: 0.5} 

.psychicblock .phoneblock .phonecircle .phone {display: block; border-radius: 50%; width: 28px; height: 28px; font-size: 18px; color: #ffffff; text-align: center; line-height: 28px;}
.psychicblock .phoneblock .phonecircle {padding: 9px 4px 0 5px; display: inline-block; float: left}
.psychicblock .phoneblock {border-right: 1px solid #cccccc; float: left; height: 45px; width: 45%}
.psychicblock .extblock {border-right: 1px solid #cccccc; float: left; height: 45px; width: 16%}
.psychicblock .priceblock {border-right: 1px solid #cccccc; float: left; height: 45px; width: 32%}
.psychicblock .detailsblock {float: left; height: 45px; width: 7%; position: relative; z-index: 20; display: block}
.psychicblock .phoneblock .phonecircle .phone i {color: #ffffff}
.psychicblock .phoneblock .label, .priceblock .label, .extblock .label {color: #252525; font-size: 11px; font-weight: 600; line-height: 14px; padding: 0 !important; display: block; text-align: left}
.psychicblock .phonenumber {font-size: 16px; font-weight: 700; line-height: 22px; text-decoration: none; display: block}
.psychicblock .number {margin-top: -2px; display: block; text-align: left}
.psychicblock .phoneblock .group, .psychicblock .extblock .group {float: left; padding-top: 7px}
.psychicblock .priceblock .price {font-size: 14px; line-height: 22px; text-decoration: none; display: block; color: #666666;  margin-top: -2px; word-spacing: -2px}
.psychicblock .priceblock .price span {font-size: 12px; font-weight: 600; line-height: 22px; text-decoration: none; display: inline-block; color: #666666; word-spacing: -2px}
.psychicblock .priceblock .group, .psychicblock .extblock .group {padding-left: 8px; padding-top: 7px}
.psychicblock .priceblock {float: left}


.psychicframe div.detailsblock .detailsarrow .arrow i {font-size: 18px;}
.psychicframe div.detailsblock .detailsarrow .arrow {text-align: center; display: block; width: 100%; height: 45px; padding-top: 15px}
.psychicblock .psychicframe .psychic .master.yes {position: absolute; left: -8px; bottom: 62px; color: #ffffff; font-size: 14px; line-height: 20px; font-weight: 800; background-color: #c663a6; z-index: 10; text-transform: uppercase; padding: 3px 8px; display: inline-block;}
.psychicblock .psychicframe .psychic .master.no {display: none !important}
.psychicblock .psychicframe .psychic .psychic-name {width: calc(100% - 130px);position: absolute; left: 7px; bottom: 22px; color: #ffffff; font-size: 27px; line-height: 40px; font-weight: 400; z-index: 33; text-shadow: 2px 2px 2px black; letter-spacing: -0.5px}
.whitebody .withsidebar .psychicframe .psychic .psychic-name {font-size: 26px}
.psychicblock .psychic .psychic-stars {position: absolute; left: 8px; bottom: 6px; font-size: 14px; line-height: 18px; color: yellow; z-index: 33}
.psychicblock .psychic .psychic-stars i, .psychic-profileblock .psychic-info .psychic-stars i {font-size: 14px; line-height: 18px; color: yellow; margin-right: 2px}
.psychic-profileblock .psychic-info .psychic-stars {padding: 1px 0; background-color: #d06eb3; display: block; width: 100%; margin-bottom: 4px}
.elite {background: #aa8f2e;background: -moz-radial-gradient(center, ellipse cover, #aa8f2e 1%, #c4ac56 100%);background: -webkit-radial-gradient(center, ellipse cover, #aa8f2e 1%,#c4ac56 100%);background: radial-gradient(ellipse at center, #aa8f2e 1%,#c4ac56 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa8f2e', endColorstr='#c4ac56',GradientType=1 );}

.freequestion {background-color: #150c27; text-align: center; background-image: url(../images/free-question.jpg); background-size: auto; background-repeat: no-repeat; background-position: center top;}
.whitebody .left-sidebar .sidebar-module .freequestion {background-color: #150c27; text-align: center; background-image: url(../images/free-question-sb.jpg); background-size: auto; background-repeat: no-repeat; background-position: center top;}
.morepsychics {width: 100%; padding: 40px 0; text-align: center}
.morearticles, .backtohome {width: 100%; padding: 20px 0 60px 0; text-align: center}
.morepsychics .morebutton, .morearticles .morebutton, .backtohomebutton {margin: 0 auto;}
.morepsychics .morebutton a, .morearticles .morebutton a, .backtohomebutton a {padding: 15px 25px; font-size: 16px; line-height: 22px; display: inline-block; background-color: #a33b84; color: #ffffff; font-weight: 600; text-transform: uppercase; text-decoration: none }
.morepsychics .morebutton a:hover, .morearticles .morebutton a:hover, .freequestion .submitbutton button:hover, .circleicon:hover, .form-wrapper  .submitbutton button:hover, .backtohomebutton a:hover {background-color: #d981c1}
.freequestion .pictureblock img {width: 100%; height: auto; margin-top: 20px}
.freequestion .titleblock img {width: 100%; height: auto; margin-top: 45px}
.freequestion .chkboxes .chbholder a.tip span, .horoscope .chkboxes .chbholder a.tip span, .newsletter .chkboxes .chbholder a.tip span {display: none; font-size: 12px; line-height: 16px;}
.freequestion .formelement, .horoscope .formelement, .newsletter .formelement {width: 100%; margin-bottom: 8px; font-size: 12px; line-height: 16px; padding: 4px 6px}
.newsletter .name input, .newsletter .selectcategory select, .newsletter .email, .newsletter .year, .newsletter .month, .newsletter .day {height: 30px}
.horoscope .name input, .horoscope .selectcategory select, .horoscope .email, .horoscope .year, .horoscope .month, .horoscope .day, .freequestion .name input, .freequestion .selectcategory select, .freequestion .email, .freequestion .year, .freequestion .month, .freequestion .day, .horoscope .month, .horoscope .day {height: 30px}
.freequestion textarea {min-height: 60px}
.questionbg {padding: 15px; background-color: #f1d9e9; border: 1px solid #272b72}
.freequestion .chkboxes, .horoscope .chkboxes, .newsletter .chkboxes {padding: 15px 0; text-align: left}
.freequestion .chkboxes input, .horoscope .chkboxes input, .newsletter .chkboxes input {float: left; margin: 2px 10px 2px 0}
.freequestion .chkboxes .chbholder, .freequestion .chkboxes .chbholder a {font-size: 12px; line-height: 16px; font-weight: 600; cursor: pointer; text-decoration: none; position: relative}
.horoscope .chkboxes .chbholder, .horoscope .chkboxes .chbholder a, .newsletter .chkboxes .chbholder, .newsletter .chkboxes .chbholder a {font-size: 12px; line-height: 16px; font-weight: 600; cursor: pointer; text-decoration: none; color: #58ab5f}
.horoscope .chkboxes .chbholder a:hover, .newsletter .chkboxes .chbholder a:hover {color: #f2e6f2}
.freequestion .chkboxes .chbholder a:hover {color: #252525}
.horoscope .chkboxes .chbholder, .newsletter .chkboxes .chbholder {color: #ffffff; position: relative}
.horoscope .monthblock, .freequestion .monthblock, .newsletter .monthblock {padding: 0 !important}
.form-wrapper .submitbutton {padding: 20px 0 0 0}
.freequestion .submitbutton button, .form-wrapper .submitbutton .button {border: 0 !important; padding: 10px 20px; font-size: 14px; line-height: 18px; display: inline-block;background-color: #a33b84;color: #ffffff; font-weight: 600; text-transform: uppercase; text-decoration: none; max-width: 100%;}
.horoscope .submitbutton button, .newsletter .submitbutton button {border: 0 !important; padding: 10px 20px; font-size: 14px; line-height: 18px; display: inline-block;background-color: #f08d28;color: #ffffff; font-weight: 600; text-transform: uppercase; text-decoration: none; max-width: 100%;}
.creditcardblock .submitbutton .button {border: 0 !important; padding: 10px 20px; font-size: 14px; line-height: 18px; display: inline-block;background-color: #f08d28;color: #ffffff; font-weight: 600; text-transform: uppercase; text-decoration: none; max-width: 100%;}
.registerblock .submitbutton .button {border: 0 !important; padding: 10px 20px; font-size: 14px; line-height: 18px; display: inline-block;background-color: #f08d28;color: #ffffff; font-weight: 600; text-transform: uppercase; text-decoration: none; max-width: 100%;}

.freequestion .selectcategory {width: 50%; float: left; padding-left: 15px; padding-right: 7px}
.freequestion .name {width: 50%; float: right; padding-right: 15px; padding-left: 7px}
.freequestion .bgouter {display: table; width: 100%; height: 100%}
.freequestion .titleblock {width: 45%; float: left; padding: 40px 20px 20px 20px}
.freequestion .pictureblock {width: 50%; float: left; margin-bottom: -200px}

.body4 {position: relative; background-color: #ffffff; padding: 50px 0 30px 0;}
.body4 .normaltitle, .horoscope .normaltitle, .newsletter .normaltitle {text-transform: uppercase; text-align: center; font-weight: 400; font-size: 36px; line-height: 46px; color: #4b4391; padding-bottom: 15px}
.circleicon {display: block; border-radius: 50%; background-color: #a33b84; color: #ffffff; width: 60px; height: 60px; margin: 0 auto; line-height: 60px; text-align: center; text-decoration: none}

.circleicon:hover {background-color: #a33b84 !important;}
.phonecircle .phone:hover {}


.circleicon i {color: #ffffff; font-size: 30px; line-height: 60px;}
.body4 .text-center .title {text-decoration: none; text-transform: uppercase; font-weight: 700; padding-top: 10px; padding-bottom: 20px; display: block; font-size: 16px }
.body4 .text-center .readmore {font-weight: 800; display: block; padding-top: 5px; text-decoration: none;}
.body4 .text-center .explain {font-size: 14px; line-height: 22px}
.body4 .text-center {padding-bottom: 40px}

.offers {position: relative; background-color: #ce6ead; padding: 50px 0; z-index: 5}
.offers .normaltitle {text-transform: uppercase; text-align: center; font-weight: 600; font-size: 36px; line-height: 46px; color: #ffffff; padding-bottom: 20px}
.packouter {border: 4px solid #a33b84; border-radius: 15px; padding: 15px; background-color: #f2e6f2; margin-bottom: 30px}
.packtitle {text-transform: uppercase; text-align: center; color: #ffffff;background-color: #a33b84; border-radius: 10px 10px 0 0; margin: -19px -19px 15px -19px; padding: 6px 0 5px 0; font-weight: 700; font-size: 15px; line-height: 22px}
.pack .packcontent {text-align: center; line-height: 35px; padding-bottom: 10px}
.packcontent .num {font-size: 36px; font-weight: 700; color: #a33b84}
.packcontent .min {font-size: 28px; font-weight: 700; color: #a33b84}
.packcontent .bonus {font-size: 22px; line-height: 26px; display: inline-block; color: #f2e6f2; background-color: #a33b84; border-radius: 5px; padding: 4px 8px; font-weight: 700; margin-left: 6px }
.pack .packouter .price {padding: 6px 0; border-top: 2px solid #a33b84; border-bottom: 2px solid #a33b84; text-align: center; font-size: 18px; line-height: 24px; font-weight: 700; color: #a33b84; margin-bottom: 10px}
.smallpack .packouter .price {margin-top: 5px; padding: 6px 0; border-top: 2px solid #a33b84; border-bottom: 2px solid #a33b84; text-align: center; font-size: 16px; line-height: 22px; font-weight: 700; color: #a33b84; margin-bottom: 20px; display: block}
.smallpack .packcontent {padding: 15px 0; text-transform: uppercase; line-height: 24px; text-align: center}
.smallpack .packouter .packcontent .min {font-size: 22px}
.packouter .description {font-size: 12px; line-height: 16px; font-weight: 600; padding-bottom: 10px}
.pack .packouter .buttonblock {text-align: center; width: 100%; max-width: 170px; margin: 0 auto}
.pack .buttonblock .button { display: block; padding: 10px 25px; background-color: #03a678; color: #ffffff; font-weight: 700; text-transform: uppercase; font-size: 14px; line-height: 20px; text-decoration: none}
.smallpack .packouter .buttonblock {text-align: center; width: 130px; max-width: 100%; margin: 0 auto 5px auto}
.smallpack .buttonblock .button { display: block; padding: 8px 0px; background-color: #00a678; color: #ffffff; font-weight: 700; text-transform: uppercase; font-size: 12px; line-height: 18px; text-decoration: none}

section div.container {position: relative}
section.horoscope {position: relative; background-color: #ffffff; padding: 50px 0 20px 0;}
section.horoscope p, section.newsletter p {font-size: 14px; line-height: 22px}
section.horoscope .col-xs-12  {margin-bottom: 50px}
.horoscopeouter {position:relative;padding: 15px; border-radius: 16px; background-position: top center;background: #4aa63c; background: -moz-linear-gradient(top, #4aa63c 0%,#369526 33%,#14521b 76%,#106019 100%); background: -webkit-linear-gradient(top, #4aa63c 0%,#369526 33%,#14521b 76%,#106019 100%); background: linear-gradient(to bottom, #4aa63c 0%,#369526 33%,#14521b 76%,#106019 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4aa63c', endColorstr='#106019',GradientType=0 );}
.horoscopeouter:before{-webkit-animation: zoomin 1s infinite; animation: zoomin 1s infinite; position:absolute; content:'@'; text-align: center; color:#ffffff; font-size: 40px; font-weight: bold; background-color: #5d4585; border: 8px solid #ffffff; width: 65px; height: 65px; line-height: 45px; border-radius: 60px; box-sizing: border-box; left:-8px; top: -8px;}
.article-outer {padding: 15px;}
.page .articleblock {border: 1px solid #cccccc; margin-bottom: 0 !important}

@-webkit-keyframes zoomin { 0% { -webkit-transform: scale(1); -transform: scale(1); } 50% { -webkit-transform: scale(1.3) rotate(45deg); transform: scale(1.3) rotate(45deg);  } }}  

.horoscopebg {padding: 15px; background-color: #23591b; border-radius: 10px; border: 2px solid #ffffff}
.horoscopebg .submitbutton {text-align: center}
.creditcardblock .signup .submitbutton, .registerblock .submitbutton {text-align: center; padding: 10px 10px 20px 10px}
.zodiacblocks {float: left;width: 16.6%; padding-bottom: 10px}
.zodiacblocks .zodiac {text-align: center; font-weight: 800;}
.zodiacblocks .zodiac a {text-decoration: none; line-height: 16px}
.horoscope .zodiacblocks .zodiac a span {font-weight: 600; display: block; font-size: 12px; line-height: 16px; padding: 0 5px;}
.horoscope .zodiacblocks .zodiac a:hover span {color: #de89c8}
.zodiacimg img {width: 100%; height: auto}

.zodiac .zodiacimg {padding: 15px}
.horoscopeouter .title1 {color: #fbbb13; text-align: center; text-transform: uppercase; font-weight: 800; font-size: 32px; line-height: 38px; padding-top: 4px; text-shadow: 1px 1px 4px #000000}
.horoscopeouter .title2 {color: #ffffff; text-align: center; text-transform: uppercase; font-weight: 800; font-size: 22px; line-height: 28px; text-shadow: 1px 1px 4px #000000}
.horoscopeouter .title3 {color: #ffffff; text-align: center; font-weight: 600; font-size: 14px; line-height: 20px; padding-bottom: 15px; text-shadow: 1px 1px 4px #000000; padding-top: 7px}

section.articles {position: relative; background-color: #e6e7e9; padding: 50px 0;}
.articleblock { width: 100%; background-color: #ffffff; box-shadow: 0 2px 3px rgba(0,0,0, .1); -webkit-box-shadow: 0 2px 3px rgba(0,0,0, .1); -moz-box-shadow: 0 2px 3px rgba(0,0,0, .1); padding: 15px; margin-bottom: 30px; text-align: left}
.articleimage img {width: 100%; height: auto;}
.articleblock .articleimage {margin: 15px -15px}
.smallcategory .categorytitle, .tags a {text-transform: uppercase; color: #bbbbbb; font-weight: 600; font-size: 12px; line-height: 16px; text-decoration: none}
.smallcategory {color: #bbbbbb}
.smallcategory .categorytitle:hover, .smallcategory i:hover, .tags .tag:hover {color: #999999}
.smallcategory i, .tags i {margin-right: 4px; color: #bbbbbb; font-size: 14px}
.tags {color: #bbbbbb; font-size: 14px; display: block;}
.articleblock .articletitle {padding-top: 15px}
.articleblock .articletitle a {font-size: 18px; line-height: 24px; font-weight: 600; color: #a33b84; text-decoration: none}    
.articleblock .articletitle a:hover {color: #d06eb3}
.articleblock .readmore {background-color: #f08d28; border: 0 none !important; color: #ffffff; display: inline-block; font-size: 12px; font-weight: 600; line-height: 16px; max-width: 100%; padding: 8px 16px; text-decoration: none; text-transform: uppercase;}
.articleblock .readmore:hover {background-color: #f9b710}
.articleblock .readmoreblock {padding-top: 15px}
.articleblock .readmore i {color: #ffffff}
.articles .normaltitle {text-transform: uppercase; text-align: center; font-weight: 400; font-size: 36px; line-height: 46px; color: #4b4391; padding: 10px 10px 20px 10px}
.articletext {font-size: 18px; line-height: 26px}
.articleblock .readmoreblock .readmore i {margin-left: 4px}

.body9 {padding: 70px 0}
.body9 .normaltitle {text-transform: uppercase; text-align: center; font-weight: 400; font-size: 36px; line-height: 46px; color: #4b4391; padding-bottom: 20px}
.body9 .phone-icon img, .body9 .card-icon img, .body9 .stampblock img  {width: 100%; height: auto}
.body9 .phone-icon, .body9 .card-icon {width: 55px; padding-right: 10px; float: left}
.body9 .phonenumber {color: #a53b86;font-size: 28px; line-height: 30px; font-weight: 700; text-decoration: none;}
.body9 a {text-decoration: none}
.body9 .creditcard, .body9 .callnow {float: left}
.body9 .txt {color: #252525; text-transform: uppercase; font-size: 12px; line-height: 16px; font-weight: 700; display: block}
.body9 .fee {color: #252525; font-size: 10px; line-height: 14px; font-weight: 700; padding-left: 10px; float: left; display: block; max-width: 80px; padding-top: 16px}
.body9 .separator {height: 48px; background: #a53b86; width: 4px; float: left; opacity: 0.5; margin: 0 20px 0 8px;}
.body9 .phoneholder {float: left; text-align: left}
.body9 .callblock {display: inline-block; margin: 10px auto}
.body9 .stampblock {display: block; width: 100%; max-width: 200px; position: absolute; top: -95px; left: -30px}

section.footer {background-color: #4b4391; background-color: #1e105f;  padding: 70px 0 30px 0; color: #ffffff; text-shadow: 1px 1px 4px #000000}
.footer h3 {color: #ffffff; font-weight: 700; font-size: 22px; line-height: 30px; border-bottom: 2px solid #fae2f0; padding-bottom: 3px; margin-bottom: 12px}
.footer h3 a {color: #ffffff; font-weight: 700; font-size: 22px; line-height: 30px;}
.footer a {color: #ffffff; text-decoration:  none; font-weight: 600; font-size: 14px; line-height: 18px; display: block; padding: 4px 0}
.footer ul, footer li {list-style: outside none none}
.footer .logo img {max-width: 100%; width: 120px}
.footer .logo {padding-bottom: 20px}
.footer .copyright {font-weight: 700; color: #ffffff; font-size: 12px; line-height: 20px; padding: 30px 0 0 0; text-transform: uppercase}
.footer .selectorframe a, .footer .selectorframe a span {color: #ffffff; text-decoration: none}
.footer .selectorframe a:hover, .footer .selectorframe a:hover span {color: #e6a0d5;}
.footer .selectorframe a {padding: 8px 15px}
.footer .selectorframe {border: 2px solid #ffffff; border-radius: 8px; display: inline-block;}
.footer .languages {text-align: left; margin-bottom: 20px}
.footer .payments {text-align: right; margin-bottom: 20px}
.footer .payments .card img {width: auto; height: 35px;}
.footer .payments .card {float: left; padding-right: 15px}
.footer .padding {padding: 30px 0 50px 0}
.footer .selectorframe img {margin-left: 10px}
.footer a:hover {color: #e6a0d5}
.payments .inner {display: inline-block}
.mobile-menu-status.off .mobile-menu-overlay {display: none; transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
.mobile-menu-status.on .mobile-menu-overlay {display: block; transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}

.mobile-menublokk {position: relative; margin: 10px 15px 15px 15px; background-color: #441641; transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out; z-index: 10;}
.mobile-menublokk ul, .mobile-menublokk li {list-style: outside none none;}
.mobile-menublokk a {color: #ffffff; display: block; padding: 10px; font-weight: 600; text-decoration: none; text-transform: uppercase; font-size: 14px; line-height: 18px}
.mobile-menublokk a:hover {background-color: #6c3661; color: #ffffff}
.mobile-menu-status.off .mobile-menu-outer {left: -240px; position: absolute; z-index: 62; transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out; width: 240px; height: 100%;}
.mobile-menu-status.on .mobile-menu-outer {left: 0; position: absolute; z-index: 62; transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out; width: 240px; height: 100%; overflow-y: auto}
.mobile-menu-status.off .mobile-menu-sidebar {left: -240px;top: 0; bottom: 0; background-color: #441641; position: fixed; z-index: 60; transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out; width: 240px; height: 100%;}
.mobile-menu-status.on .mobile-menu-sidebar {left: 0; top: 0; bottom: 0; background-color: #441641; position: fixed; z-index: 60; transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;width: 240px; height: 100%;overflow-y: auto}
.mobile-menu-overlay {position: fixed; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.5; z-index: 55;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
.on .mobile-menublokk {display: block}
.off .mobile-menublokk {display: none}
.mobile-menublokk li ul li a {padding-left: 40px; text-transform: none !important; background-color: transparent}
.mobile-menublokk .mobile-menu li.active ul.child li a {background-color: transparent}
.mobile-menublokk .mobile-menu li.active a, .mobile-menu li.haschild.active ul.child li.active a {background-color: #6c3661; color: #ffffff}
.minihide1 {margin-right: 4px}

.mobile-menu-status.on .mobile-menu li.active .child li a {background-color: transparent}
.mobile-menu-status.on .mobile-menu li.active .child li a:hover {background-color: #6c3661}
.mobile-search {margin: 15px 15px 0 15px}
.mobile-search input {border: 1px solid #70336a; padding: 10px 45px 10px 10px; background-color: #441641; color: #ffffff; width: 100%; font-weight: 600; text-decoration: none }  
.mobile-search input:focus, .mobile-search input:hover { background-color: #70336a; }
.mobile-search ::-webkit-input-placeholder {color: #ffffff;}
.mobile-search ::-moz-placeholder {color: #ffffff;}
.mobile-search :-ms-input-placeholder {color: #ffffff;}
.mobile-search :-moz-placeholder {color: #ffffff;}  
.mobile-search input:focus {color: #ffffff;}
.mobile-search .mobile-searchbutton {position: absolute; top: 16px; right: 18px; text-decoration: none; padding: 10px; display: block}
.mobile-search .mobile-searchbutton i {color: #a893a6; font-size: 18px}
.mobile-menu li.separator {height: 10px;}
.mobile-login a {background-color: #a33b84; color: #ffffff; display: block; padding: 10px; font-weight: 600; text-decoration: none; text-transform: uppercase; font-size: 14px; line-height: 18px}
.mobile-register a {background-color: #a33b84;color: #ffffff}
.mobile-login a:hover, .mobile-register a:hover {background-color: #d06eb3;} 
.mobile-menu li.mobile-login, .mobile-menu li.mobile-register {padding-top: 10px}

.body.fixed {overflow-y: hidden}

.mainmenu .haschild a {padding-right: 40px}
.mainmenu .haschild a:after { content: ""; font-family: FontAwesome; position:absolute; font-size: 20px; top: 14px; right: 18px }
.mainmenu .haschild li a:after {display: none}
.menu-wrapper .mainmenu .haschild .child .haschild a:after {display: block !important; content: "";font-size: 20px; top: 14px; right: 20px }

.mainmenu .haschild ul.child {position: absolute; top: 50px; left: 0; display: none; list-style: outside none none; z-index: 22; background-color: #ffffff; width: 230px; border: 2px solid #d06eb3}
.mainmenu .haschild ul.child li { float: left; display: block; width: 100%}
.mainmenu .haschild ul.child li a { width: 100%; display: block; text-transform: none; font-weight: 600;}

.menu-wrapper .mainmenu .haschild .child .haschild .child {position: absolute; top: 0; left: 226px; display: none; list-style: outside none none; z-index: 22; background-color: #ffffff; width: 251px}
.menu-wrapper .mainmenu .haschild .child .haschild .child li a:after {display: none !important}
.menu-wrapper .mainmenu .haschild .child .haschild .child li { float: left; display: block; width: 100%}
.menu-wrapper .mainmenu .haschild .child .haschild .child li a { width: 100%; display: block }

.mainmenu .haschild:hover ul.child, .menu-wrapper .mainmenu .haschild .child .haschild:hover .child {display: block}

.buttons-wrapper {
.login-desktop {display: none; position: absolute; top: 50px; right: 0; list-style: outside none none; z-index: 60; background-color: #ffffff; width: 230px; border: 2px solid #d06eb3}
.login-desktop li {display: block; width: 100%}
.login-desktop li a {display: block; width: 100%; font-weight: 600; font-size: 14px; padding: 15px 20px; position: relative;text-decoration: none; text-transform: uppercase; border-bottom: 1px solid #f1d9e9}
.login-button:hover ul {display: block !important} 
.login-desktop li.last a {border-bottom: 0 none;}
.login-button {position: relative; display: block; float: left; height: 50px; margin-right: 3%; text-align: left; width: 47%;}
.search-button {position: relative; display: block; float: left; height: 50px; margin-left: 3%; text-align: center; width: 47%;}
.login-button .login-desktop li a:hover {background-color: #d06eb3; color: #ffffff}
.login-desktop.hide {display: none}
.login-desktop.show {display: block}
.search-button .search-desktop {background-color: #d06eb3; position: absolute; right: 0; top: 53px; z-index: 60; width: 264px; padding: 2px}
.search-button .search-desktop .desktop-searchbutton {position: absolute; right: 2px; top: 2px; padding: 10px 17px; font-size: 22px}
.search-button .search-desktop input {padding: 12px 52px 11px 12px; width: 100%; font-size: 14px; line-height: 20px; border: 0 !important}
.search-button .search-desktop .desktop-searchbutton:hover {background-color: #f7eaf3}
.search-button .search-desktop .desktop-searchbutton i {color: #a33b84}   
}
.buttons-wrapper-v2 {
.login-desktop {display: none; position: absolute; top: 50px; right: 0; list-style: outside none none; z-index: 60; background-color: #ffffff; width: 230px; border: 2px solid #d06eb3}
.login-desktop li {display: block; width: 100%}
.login-desktop li a {display: block; width: 100%; font-weight: 600; font-size: 14px; padding: 15px 20px; position: relative;text-decoration: none; text-transform: uppercase; border-bottom: 1px solid #f1d9e9}
.login-button:hover ul {display: block !important} 
.login-desktop li.last a {border-bottom: 0 none;}
.login-button {position: relative; display: inline-block; height: 50px; margin-right: 0%; text-align: left;}
.search-button {position: relative; display: inline-block; height: 50px; margin-left: 0%; text-align: center;}
.login-button .login-desktop li a:hover {background-color: #d06eb3; color: #ffffff}
.login-desktop.hide {display: none}
.login-desktop.show {display: block}
.search-button .search-desktop {background-color: #d06eb3; position: absolute; right: 0; top: 53px; z-index: 60; width: 264px; padding: 2px}
.search-button .search-desktop .desktop-searchbutton {position: absolute; right: 2px; top: 2px; padding: 10px 17px; font-size: 22px}
.search-button .search-desktop input {padding: 12px 52px 11px 12px; width: 100%; font-size: 14px; line-height: 20px; border: 0 !important}
.search-button .search-desktop .desktop-searchbutton:hover {background-color: #f7eaf3}
.search-button .search-desktop .desktop-searchbutton i {color: #a33b84}   
}

.mainmenu .haschild li.first, .login-desktop li.first {border-top: 3px solid #d06eb3}
.mainmenu .haschild li li.first {border-top: none !important}

.carousel-fade { 
.carousel-inner {
.item { transition-property: opacity; }
.item, .active.left, .active.right { opacity: 0; }
.active, .next.left, .prev.right { opacity: 1; }
.next, .prev, .active.left, .active.right { left: 0; transform: translate3d(0, 0, 0);  } } 
.carousel-control { z-index: 2; }
}
  
.whitebody .carousel.slide.carousel-fade {margin-bottom: 15px}                                                           
.showcase .carousel-inner, .showcase .carousel-inner .item {height: 270px;}
.showcase .carousel-inner .item a {width: 100%; height: 270px;}
.carousel-control.left, .carousel-control.right {background-image: none !important; font-size: 50px;}
.showcase .carousel-control.left, .showcase .carousel-control.right {line-height: 250px}
.carousel-indicators {bottom: 10px}

.breadcrumbs-block {position: relative; border-top: 5px solid #d06eb3; z-index: 1}
.breadcrumbs {background-color: #ffffff; padding: 5px 15px; font-weight: 400; color: #555555; position: relative; z-index: 4;}
.breadcrumbs a {text-decoration: none; cursor: pointer; color: #a33b84; font-weight: 600}
.breadcrumbs a:hover {color: #e49dcc }
.breadcrumbs-block .bg { position: absolute; width: 100%; top: 0; left: 0; height: 280px; z-index: 1; background: #ffffff;  background: -webkit-linear-gradient(bottom,rgba(74,49,120,0),rgba(74,49,120,1));background: -o-linear-gradient(top,rgba(74,49,120,0),rgba(74,49,120,1)); background: -moz-linear-gradient(top,rgba(74,49,120,0),rgba(74,49,120,1)); background: linear-gradient(to top,rgba(74,49,120,0),rgba(74,49,120,1)); background-repeat: no-repeat }

section.page {position: relative; z-index: 50; padding-top: 15px; padding-bottom: 50px}
section.emailreadings {position: relative; z-index: 50; padding-top: 15px;}
.page .carousel-inner, .page .carousel-inner .item {height: 190px;}
.page .carousel-inner .item a {width: 100%; height: 190px; display: block}
.page .carousel-control.left, .page .carousel-control.right {line-height: 180px}
.zodiac-signs .title {text-align: center; text-transform: uppercase; color: #ffffff; font-size: 16px; line-height: 20px; font-weight: 700; background-color: #582c83; padding: 10px}
.zodiac-signs {background-color: #ffffff; padding-bottom: 5px}

.zodiac-signs .signblocks a {text-align: center; text-decoration: none; display: block; padding: 0}
.zodiac-signs .signblocks img {margin: 12px auto 0 auto; width: auto; height: 50px}
.zodiac-signs .fire {background-color: #f08d27;}
.zodiac-signs .earth {background-color: #00a678;}
.zodiac-signs .air {background-color: #c663a6;}
.zodiac-signs .water {background-color: #4b4291;}
.zodiac-signs .signblocks ul, .zodiac-signs .signblocks li {padding: 0; margin: 0;}
.zodiac-signs .signblocks p {background-color: rgba(255, 255, 255, 0.5); display: block; font-size: 12px; line-height: 12px; margin-bottom: 0; margin-top: 10px; padding: 7px 0 3px 0; font-weight: 700; color: #591a86}
.zodiac-signs .signblocks span {font-size: 10px; font-weight: 600;color: #591a86; display: block;}
.zodiac-signs .signblocks .sort-fire {padding-top: 6px; text-align: center; font-weight: 700; font-size: 14px; line-height: 20px; text-transform: uppercase; color: #f08d27}
.zodiac-signs .signblocks .sort-earth {padding-top: 6px; text-align: center; font-weight: 700; font-size: 14px; line-height: 20px; text-transform: uppercase; color: #00a678}
.zodiac-signs .signblocks .sort-air {padding-top: 6px; text-align: center; font-weight: 700; font-size: 14px; line-height: 20px; text-transform: uppercase; color: #c663a6}
.zodiac-signs .signblocks .sort-water {padding-top: 6px; text-align: center; font-weight: 700; font-size: 14px; line-height: 20px; text-transform: uppercase; color: #4b4291}

.moduleheader {color: #252525; display: block; width: 100%; padding: 15px 20px 15px 20px; text-align: left; font-size: 16px; line-height: 24px; font-weight: 600; background-color: #e3d6e8; margin-bottom: 15px; min-height: 54px}
.moduleheader a {color: #252525; text-align: left; font-size: 16px; line-height: 24px; font-weight: 600; text-decoration: none}
.moduleheader.button {padding-right: 100px}
.moduleheader.open, .moduleheader.closed {cursor: pointer; padding: 15px 45px 15px 20px}
.moduleheader.open:after { content: ""; font-family: FontAwesome; position:absolute; font-size: 22px; margin-top: 0; right: 20px; line-height: 24px; color: #a33b84; font-weight: 700 }
.moduleheader.closed:after { content: ""; font-family: FontAwesome; position:absolute; font-size: 22px; margin-top: 0; right: 20px; line-height: 26px; color: #a33b84; font-weight: 700 }
.whitebody .moduleheader.open:after, .whitebody .moduleheader.closed:after {right: 35px}

.horoscope-content, .articles-content {position: relative;}
.horoscope-content .horoscope-details, .psychic-profile .psychic-details {padding: 0 20px 25px 20px; font-size: 14px; line-height: 22px;}
.horoscope-content .horoscope-details .row {margin-left: -30px; margin-right: -30px}
.horoscope-details.closed, .psychic-details.closed {display: none}
.horoscope-content .horoscope-details .date {font-size: 16px; line-height: 22px; font-weight: 600; padding-bottom: 15px; color: #444444}
.horoscope-content .horoscope-details .date span {font-size: 16px; line-height: 22px; font-weight: 700; color: #4b4291; padding-bottom: 15px}
.horoscope-content .horoscope-details span.lighter {color: #c663a6}
.horoscope-content .astroimg img, .horoscope-content .astroblokk img {width: 80px; height: auto; max-width: 100%;}
.horoscope-content .textblock {width: 100%; font-size: 14px; line-height: 22px;}
.horoscope-content .titleblock {font-size: 22px; line-height: 26px; color: #4b4291; font-weight: 700; padding-top: 20px}
.horoscope-content .info {padding-top: 20px; font-size: 14px; line-height: 22px;}
.horoscope-content .titleblock span {display: block; font-size: 14px; color: #4b4291; font-weight: 700; padding-top: 5px }
.horoscope-details .numbers {color: #c2933a;font-size: 30px; line-height: 34px; font-family: Times, Times New Roman, verdana, tahoma, arial, sans-serif; font-weight: bold; margin-top: -10px}
.mppMemberCenterMemberCenterOneMessage .page  .content-item .content-title .fl h2 {font-size: 24px; color: #4b4391; font-weight: 600}

.zodiac-signs .signblocks ul li:hover {z-index: 222;}
.pairings .textblock .smalltitle, .lunarsign .textblock .smalltitle, .horoscope-content .energy .smalltitle, .lunarphase .textblock .smalltitle {font-size: 14px; line-height: 22px; font-weight: 700; color: #4b4291}
.pairings .textblock .bigtitle, .lunarsign .textblock .bigtitle, .lunarphase .textblock .bigtitle {font-size: 24px; line-height: 30px; font-weight: 700; color: #c663a6}
.horoscope-content .energy .ratings {font-size: 16px; line-height: 34px; font-weight: 400; color: #252525}
.horoscope-content .energy .ratings i.fa {font-size: 30px; line-height: 34px; margin-left: 5px}
.horoscope-content .energy .ratings .fa-heart {color: #ed008c}
.horoscope-content .energy .ratings .fa-usd {color: #02a578}
.horoscope-content .energy .ratings .fa-thumbs-up {color: #612c84}
.horoscope-content .energy .ratings .fa-star {color: #70cdf6}
.pairings .imgblock img, .lunarsign .imgblock img, .lunarphase .imgblock img  {width: 100%; height: auto}
.pairings .imgblock, .lunarsign .imgblock, .lunarphase .imgblock {width: 60px; float: left; margin-right: 15px; padding-bottom: 20px}

.horoscope-content .chooser .choose, .articles-content .chooser .choose {text-transform: uppercase; text-decoration: none; color: #ffffff; text-align: center; padding: 10px; font-size: 12px; line-height: 20px; background-color: #f08d28; cursor: pointer; }
.horoscope-content .chooser .choose:hover, .articles-content .chooser .choose:hover {background-color: #f9b710 }
.horoscope-content .chooser, .articles-content .chooser {position: absolute; right: 15px; top: 17px; display: none}
.overlay {background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 333;}
.overlay.off {display: none}
.overlay.on {display: block}
.scrollup {width: 100%; display: block; padding: 30px; text-align: center; background-color: #000000; text-decoration: none; margin-bottom: -30px}
.scrollup:hover {background-color: #13001c}
.scrollup i {font-size: 30px; line-height: 40px; color: #ffffff}
.totop { }

.body2 {padding-bottom: 50px; clear: both}
.page .freequestion {border-radius: 15px; overflow: hidden}
.sidebar-banner {width: 100%}
.sidebar-banner img {width: 100%; height: auto}
.categorylist, .whitemodule {background-color: #ffffff; position: relative;}
.categorylist ul, .categorylist li, .account ul, .account li {list-style: outside none none; position: relative}
.categorylist li a {color: #a33b84; text-decoration: none; display: block; padding: 11px 80px 10px 20px; position: relative;border-bottom: 2px solid #e3d6e8; font-weight: 600;}
.account li a {color: #a33b84; text-decoration: none; display: block; padding: 11px 20px 10px 20px; position: relative;border-bottom: 2px solid #e3d6e8; font-weight: 600;}
.categorylist li a:hover, .account li a:hover {background-color: #f7eaf3}
.categorylist .listouter, .account .listouter {margin-top: -15px}
.categorylist li span {position: absolute; right: 20px; top: 11px; display: inline-block}
.categorylist-status {display: none}

.latest-articles .latest-img img {width: 100%; height: auto}
.latest-articles .latest-img {float: left; margin: 10px 15px 10px 0; width: 90px;}
.latest-articles {padding: 10px 0; border-bottom: 2px solid #e3d6e8;}
.latest-inner {margin-top: -15px}
.latest-articles .latest-date {color: #999999; font-size: 12px; line-height: 22px; display: block; font-weight: 600}
.latest-articles .latest-title {padding-top: 5px; display: block;}
.latest-articles .latest-title a {font-size: 14px; line-height: 20px; font-weight: 800; text-decoration: none; color: #a33b84}
.latest-text {float: left; width: calc((90%) - (115px))}
.latest-articles .latest-title a:hover {color: #d06eb3}

.articles-content .article .title h1 {font-size: 44px; line-height: 64px; font-weight: 700; color: #252525; display: inline; margin-bottom: 10px; margin-top: 15px; border-bottom: 4px solid #a33b84;}
.articles-content .article .title {padding-bottom: 15px}
.articles-content .article h2 {font-size: 28px; line-height: 36px; font-weight: 700; margin: 30px 0 20px 0; color: #252525; border-left: 6px solid #e4d7e8; padding-left: 20px}
.articles-content .article .article-content p, .articles-content .article .article-content strong {font-size: 18px; line-height: 26px;}
.articles-content .article .article-content p.lead {font-size: 18px; line-height: 26px; color: #555555; font-weight: bold}
.articles-content .article .article-content h3 {text-align: left; font-size: 26px; line-height: 32px; font-weight: 700; color: #252525; margin-top: 30px; margin-bottom: 15px; border-left: 6px solid #e4d7e8; padding-left: 20px}
.articles-content .article .article-content h3 strong {font-size: 26px; line-height: 32px;}
.articles-content .article .article-content h4 {text-align: left; font-size: 22px; line-height: 28px; font-weight: 700; color: #252525; margin-top: 30px; margin-bottom: 15px; border-left: 6px solid #e4d7e8; padding-left: 20px}
.articles-content .article .article-content h4 strong {font-size: 22px; line-height: 28px;}
.articles-content .article .article-content {padding-top: 30px; padding-bottom: 20px; font-size: 18px; line-height: 26px}
.article .article-content p.facebook a {font-size: 16px; line-height: 24px; font-weight: 700; text-decoration: none; color: #a33b84}
.article .article-content p.facebook a:hover {color: #d06eb3}
.article-image img {width: 100%; height: auto}
.article-image {width: 40%; float: left; margin-right: 15px; margin-bottom: 10px}
.articles-content .article .article-content img  {max-width: 100% !important; height: auto !important; margin-top: 20px; margin-bottom: 20px}
.articles-content .article .article-content .article-image {display: none}
.articles-content .article .article-content a {text-decoration: none; color: #a33b84}
.articles-content .article .article-content a:hover {color: #de89c8;}

.filters-popular .container.color {background-color: #d06eb3; text-align: center; width: 100%}
.filters-popular .inner ul, .filters .popular ul li {list-style: outside none none; margin: 0; padding: 0}
.filters-popular .inner li a {color: #ffffff; text-decoration: none; text-transform: uppercase; font-weight: 700; padding: 8px 12px; display: block; font-size: 12px; line-height: 20px}
.filters-popular .inner li {display: inline-block;}
.filters-popular .inner li a:hover {background-color: #f1d9e9; color: #a33b84 }

.filters-topbar {border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc}
.elrejt {display: none}
.mutat {display: block}
.josok {padding: 20px 0 70px 0}
.mester-josok {padding: 20px 0 60px 0}

.sidebar .item-content .filter-item .input-wrapper input {display: none !important}
.after2, .after3, .after4 { clear: both; display: none; height: 10px; width: 100%; }
.after4 { clear: both; display: none; height: 0; width: 100%;}
.filterbuttons {margin: 0 auto;max-width: 350px;padding-top: 20px;}
.filterbuttons .clearfilter .button-clear {background-color: #cccccc; color: #252525; display: block;font-size: 15px;font-weight: 700; margin: 18px 0; padding: 0; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%;}
.filterbuttons .clearfilter .button-clear:hover {background-color: #fff; }
.filterbuttons .doneblock .button-done { background-color: #f8008d; color: #fff; display: block;font-size: 20px;font-weight: bold;margin: 18px 0 0; padding: 0;text-align: center; text-decoration: none;text-transform: uppercase;width: 100%;}
.filterbuttons .doneblock .button-done:hover {background-color: #f934a4;}
.resultouter .resulttitle { color: #fff; display: table-cell; font-size: 18px; font-weight: bold; height: 81px; max-width: 190px; padding-left: 15px; text-transform: uppercase; vertical-align: middle; width: 80%; word-wrap: break-word;}
.resultouter .resultnum {color: #fff; display: table-cell; font-size: 26px; font-weight: bold; height: 81px; padding-left: 6px; padding-right: 15px; text-align: right; vertical-align: middle;}
.resultouter {background-color: #a33b84;border-radius: 10px; display: table !important;width: 100%; }
.filterbuttons .clearfilter .button-clear, .filterbuttons .doneblock .button-done {height: 52px;line-height: 52px;}
.resultouter, .resultouter .resultnum, .resultouter .resulttitle {line-height: 25px;min-height: 81px;}
.resultblock {max-width: 100%;width: 100%;}

.filters-topbar {text-align: center;}
.filters-topbar .stat {display: inline-block;}
.filters-topbar .stat a {font-size: 14px; font-weight: bold;line-height: 22px;text-decoration: none;}
.filters-topbar .last a {border-bottom: 0 none !important;}
.filters-topbar .separator {padding: 0 10px;}
.filters-topbar .tools {line-height: 25px;width: 100%;text-align: center;padding: 10px}
.filters-topbar .mobile-tools {line-height: 25px;padding: 10px 3px 4px 3px;}
.mobile-filter {display: none;margin-bottom: 15px; width: 100%}
.filters-topbar .tools .available a {color: #03a678; text-transform: uppercase}
.filters-topbar .tools .available a:hover {color: #79d9a8;}
.filters-topbar .tools .available span {color: #252525; padding-left: 1px; padding-right: 1px}
.filters-topbar .tools .available i {color: #03a678;}
.stat.available, .stat.logined, .stat.email {padding: 5px 0}
.filters-topbar .tools .logined a {color: #e65b42; text-transform: uppercase}
.filters-topbar .tools .logined a:hover {color: #f2897b;}
.filters-topbar .tools .logined span {color: #252525; padding-left: 1px; padding-right: 1px}
.filters-topbar .tools .logined i {color: #e65b42;}
.filters-topbar .tools .email a {color: #f08d28; text-transform: uppercase}
.filters-topbar .tools .email a:hover {color: #f8c463;}
.filters-topbar .tools .email span {color: #252525; padding-left: 1px; padding-right: 1px}
.filters-topbar .tools .email i {color: #f08d28;}
.tools .details {border: 1px solid #cccccc; margin-left: 20px; position: relative}
.tools .details a {padding: 6px 45px 6px 15px; display: block; color: #a33b84}
.tools .details.closed a:before { content: ""; font-family: FontAwesome; position:absolute; font-size: 22px; margin-top: 0; right: 15px; line-height: 22px; color: #a33b84; font-weight: 700 }
.tools .details.open a:before { content: ""; font-family: FontAwesome; position:absolute; font-size: 22px; margin-top: 0; right: 15px; line-height: 20px; color: #a33b84; font-weight: 700 }
.mobile-filter .leftblock {float: left;font-weight: bold;padding-bottom: 10px;width: 105px;}
.mobile-filter .rightblock {background-color: #4b4391;color: #fff;float: left;min-height: 350px; overflow: hidden;padding-bottom: 1px;width: calc(100% - 105px);}
.mobile-filter .leftblock li {float: auto; width: 100%;}
.mobile-filter .leftblock li a {border: 0 none;border-radius: 0;cursor: pointer;display: block;font-size: 13px;line-height: 30px;margin: 0;padding: 12px 4px 11px 8px;text-decoration: none;text-transform: capitalize;}
.mobile-filter .leftblock li a:hover {background-color: #dbd7fe;border: 0 none;border-radius: 0;line-height: 30px;padding: 12px 4px 11px 8px; color: #a33b84}
.mobile-filter .nav-tabs > li.active > a, .mobile-filter .nav-tabs > li.active > a:focus, .mobile-filter .nav-tabs > li.active > a:hover, .mobile-filter .leftblock li:active {border: 0 none;}
.mobile-filter .rightblock .input-wrapper label {color: #fff;}
.mobile-filter .rightblock.tab-content h4 {padding: 3px 10px 0 15px;}
.mobile-filter .rightblock.tab-content h4 span {color: #fff;font-size: 19px;font-weight: bold;line-height: 30px;text-transform: capitalize;}
.mobile-filter .button-rightblock .button-done {background-color: #f8008d; color: #fff; cursor: pointer; display: block; float: left; font-size: 20px; font-weight: bold; line-height: 40px; margin: 6px 0; padding: 10px; text-align: center; text-decoration: none; text-transform: uppercase; width: calc(100% - 105px);}
.mobile-filter .button-leftblock .button-clear { background-color: #ccc; color: #252525; cursor: pointer; display: block; float: left; font-size: 14px; font-weight: bold; line-height: 20px; margin: 6px 0; padding: 10px; text-align: center; text-decoration: none; text-transform: uppercase; width: 105px;}
.mobile-filter label {font-size: 13px !important; padding: 8px 5px 8px 35px !important;}
.mobile-filter label::before, .mobile-filter label::after { top: 7px !important; }
.mobilefilter-buttons {width: 100%;}
.tooltiplink {cursor: pointer;}
.mobile-filter .leftblock a, .mobile-filter .leftblock a:hover, .mobile-filter .leftblock a:focus, .mobile-filter .leftblock a:active {outline: medium none !important;outline-offset: 0 !important;}
.mobile-filter .button-leftblock .button-clear:hover {background-color: #ddd;}
.mobilefilter-buttons .button-rightblock .button-done:hover {background-color: #f934a4;}
.mobile-filter .calculation {background-color: #4b4391;border-radius: 10px;clear: both;color: #fff;font-size: 30px;margin: 32px auto 12px;min-height: 80px;padding-bottom: 6px;position: relative;text-align: center;width: 90px;word-wrap: break-word;}
.mobile-filter .calculation .result {color: #fff;font-size: 32px;padding-top: 5px; width: 100%;line-height: 50px}
.mobile-filter .calculation .results {color: #fff;font-size: 13px;line-height: 16px;margin-top: -3px; padding: 0 4px; text-transform: uppercase;width: 100%;}
.mobile-filter .tablist .active a {background-color: #4b4391;color: #fff;padding-bottom: 11px;}
.mobile-filter .leftblock .active a:hover, .mobile-filter .leftblock .active a:focus {background-color: #4b4391 !important;color: #fff !important; padding: 12px 4px 11px 8px;}
.mobile-filter div.leftblock .nav-tabs li {border-right: 2px solid #fff;}
.mobile-filter .nav-tabs {border-bottom: 0 none !important;}
.filters-topbar .mobile-tools {display: none;}
.mobile-tools {display: inline-block;margin: 0 auto;}
.mobile-tools .available {background-color: #98cb4a;}
.mobile-tools .logined {background-color: #cd201f;}
.mobile-tools .email {background-color: #f76d3c;}
.mobile-tools .details {background-color: #3b244f;}
.mobile-tools .stat {border-radius: 5px;display: block;float: left;}
.mobile-tools .stat a {display: block;height: 32px;line-height: 32px;padding: 0 10px;}
.mobile-tools .stat span {color: #fff;font-size: 16px;font-weight: bold;padding-top: 2px;}
.mobile-tools .stat img {height: auto;margin-right: 5px;}
.mobile-tools .available, .mobile-tools .logined, .mobile-tools .email {margin-right: 6px;}
.mobile-tools .available img, .mobile-tools .logined img {margin-top: -4px;width: 18px;}
.mobile-tools .email img {margin-top: -3px;width: 21px;}
.mobile-tools .details img {margin-top: -2px; width: 17px;}
.detailsfilter .mobile-filter .css-checkbox {display:  none !important}
.mobile-filter .rightblock .input-wrapper label, .sidebar .sidebar-item-wrapper .filter-item .input-wrapper label {background-color: #4b4391;color: #ffffff;cursor: pointer;display: block;font-weight: 400; line-height: 16px; margin-bottom: 0;padding: 10px 10px 10px 40px; position: relative;vertical-align: middle; word-wrap: break-word;}
.mobile-filter .rightblock .input-wrapper label:hover, .sidebar .sidebar-item-wrapper .filter-item .input-wrapper label:hover {background-color: #746eb0;}

.mobile-filter .rightblock .input-wrapper label::before, .sidebar .sidebar-item-wrapper .filter-item .input-wrapper label::before {background: rgba(0, 0, 0, 0) url("../images/circle.png") no-repeat scroll center center / 14px 14px;border: 2px solid #aaaaaa;border-radius: 50%;content: "";height: 18px;left: 10px;position: absolute;top: 10px;width: 18px;}
.mobile-filter .rightblock .input-wrapper input[type="checkbox"]:checked + label::after, .sidebar .sidebar-item-wrapper .filter-item .input-wrapper input[type="checkbox"]:checked + label::after {background: rgba(0, 0, 0, 0) url("../images/checked.png") no-repeat scroll center center / 18px 18px;border: medium none !important;border-radius: 0; content: ""; height: 18px; left: 10px; position: absolute;top: 10px;width: 18px;}
.rightblock .input-wrapper .separator, .sidebar .filter-item .input-wrapper .separator {background: white none repeat scroll 0 0;height: 1px;width: 100%;}
.rightblock .input-wrapper input, item.content .sidebar .sidebar-item-wrapper .filter-item .input-wrapper input[type="checkbox"] {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #bdc3c7; box-shadow: none; display: inline-block; height: 20px; margin: 0 10px 0 0;vertical-align: middle;width: 20px; }
.navbar-default {background-color: #ede6fb; border-bottom: 1px solid #cccccc}

.sidebar-item-wrapper .filter-item { margin-bottom: 30px;}
.sidebar-item-wrapper .filter-item > h4 {margin: 0 0 10px;position: relative;z-index: 0;}
.sidebar-item-wrapper .filter-item > h4 span {font-size: 20px;font-weight: 700;margin: 0;padding: 0 10px 0 11px;text-transform: capitalize;}
.sidebar-module {margin-bottom: 40px}
.dropdown-filters {padding-top: 30px}

.whitebody {background-color: #ffffff; padding: 15px}
.psychic-profile .psychic-image img {width: 100%; height: auto}
.psychic-profile .psychic-image {width: 60%; float: left; overflow: hidden; position: relative}
.psychic-profile .psychic-info {width: 40%; float: left; text-align: center}
.psychic-profileblock {border: 4px solid #d06eb3; position: relative; margin-bottom: 15px}
.psychic-profileblock .master.yes {display: block !important; position: absolute; left: -2px; top: -2px; color: #ffffff; font-size: 14px; line-height: 20px; font-weight: 800; background-color: #c663a6; z-index: 60; text-transform: uppercase; padding: 3px 8px}
.psychic-profileblock .master.no, .psychic-profileblock .master {display: none}
.psychic-profileblock .psychic-info {position: relative}
.psychic-profileblock .psychic-info .psychic-name h1 {margin: 0; font-size: 24px; line-height: 30px; font-weight: 400; padding: 8px 5px}
.psychic-profile .introtext h2 {font-size: 16px; font-weight: 600; line-height: 24px; padding-bottom: 10px; border-bottom: 2px solid #f1d9e9; margin-bottom: 10px; margin-top: 0}
.psychic-profile .psychic-details .detailsblokk .textblock p, .psychic-profile .psychic-details .reviews .text {font-size: 14px; line-height: 22px; font-weight: 400}
.psychic-profile .psychic-info .group {text-align: center; padding-top: 2px}
.psychic-profile .psychic-info .group .label {color: #252525; text-align: center; font-size: 12px; font-weight: 600; line-height: 20px; padding: 0}
.psychic-profile .psychic-info .phonenumber {text-decoration: none; font-weight: 700; font-size: 20px; line-height: 26px}
.psychic-profile .psychic-info .callbutton  { text-align: center; display: inline-block; margin: 0 auto; min-width: 100px; margin: 7px 0 10px 0}
.psychic-profile .psychic-info .price {font-size: 14px; font-weight: 700; line-height: 22px; text-decoration: none; display: block; color: #666666; text-transform: uppercase; margin-top: -4px}
.psychic-profile .psychic-info .price span {font-size: 12px; font-weight: 700; line-height: 22px; text-decoration: none; display: inline-block; color: #666666; text-transform: uppercase}
.psychic-profile .psychic-info .number {margin-top: -6px}
.psychic-profile .psychic-details a {text-decoration: none;}
.psychic-profile .psychic-details a:hover {color: #de89c8;}

.psychic-details .reviews .onecomment .commenttext-wide .title {float: left; padding-right: 15px;}
.psychic-details .reviews .item-content {padding-bottom: 10px; border-bottom: 1px solid #f1d9e9; margin-bottom: 10px}
.psychic-details .reviews .onecomment .commenttext-wide .date {float: left; color: #777777; font-size: 12px; line-height: 22px}
.psychic-details .reviews .onecomment .commenttext-wide .text {clear: both}
.psychic-details .reviews .onecomment {position: relative}
.psychic-details .reviews .onecomment .rating-stars {position: absolute; right: 0; top: 0; font-size: 14px; line-height: 22px; color: yellow; z-index: 40}
.psychic-details .reviews .onecomment .rating-stars i {font-size: 14px; line-height: 22px; color: #fbbb13; margin-right: 2px}
section.articles.full .morearticles {padding-top: 10px}

.mainmenu .featured.active a {background-color: #f9b710}
.creditcardblock .form-control.col-4, .creditcardblock .form-control.col-6, .creditcardblock .form-control.col-12 { float: none; padding: 0 15px; margin: 0 1% 10px 1%; width: 100% }
.creditcardblock .creditcard-infotext ul, .creditcardblock .creditcard-infotext li, .registerblock .register-infotext ul, .registerblock .register-infotext li {list-style: outside none none;}
.creditcardblock .banner  {padding: 10px; background: url(../images/creditcard-bg.jpg) center center; margin-bottom: 25px;}
.creditcardblock .labeltext, .registerblock .labeltext {text-align: center; padding: 20px 10px 10px 10px; font-weight: 600}
.creditcardblock .formouter, .registerblock .formouter {background-color: #f1d9e9; padding: 20px 15px}
.mppMemberCenterMemberCenterRegister .whitebody .creditcardblock .formouter {padding-bottom: 15px}
.creditcardblock a, .creditcardblock a:visited, .registerblock a, .registerblock a:visited, .warningmessage a {text-decoration: none; font-weight: 700; color: #a33b84}
.creditcardblock a:hover, .registerblock a:hover, .warningmessage a:hover {text-decoration: none; color: #d06eb3}
.creditcardblock, .registerblock {padding-bottom: 50px;}
.creditcardblock .criterion, .registerblock .criterion {padding: 20px 15px 0 15px; text-align: center}

.creditcardblock .existing, .registerblock .existing {padding-top: 15px; text-align: center; border-top: 2px solid #d06eb3}
.creditcardblock .existing a, .registerblock .existing a {text-transform: uppercase}
.creditcardblock a:hover, .registerblock a:hover {color: #de89c8}
.creditcardblock button:hover {background-color: #f9b710 !important;}
.registerblock button:hover {background-color: #f9b710 !important;}
.creditcardblock .reason {font-size: 16px; line-height: 24px; font-weight: 600; margin-bottom: 10px}
.creditcardblock .signup-text ul li {font-size: 16px; line-height: 22px; padding: 8px 0 8px 20px}
.creditcardblock .signup-text ul li:before { content: ""; font-family: FontAwesome; position:absolute; font-size: 24px; margin-top: 0; left: 0; line-height: 22px; color: #03a678; font-weight: 700 }
.creditcardblock .creditcard-infotext {padding-left: 0 !important; padding-bottom: 15px}
.creditcardblock .registernow {font-weight: 600; font-size: 20px; line-height: 30px; margin-bottom: 15px}
.creditcardblock .registernow span {color: #03a678; font-weight: 700; font-size: 22px; line-height: 30px}
.creditcardblock .banner h1 {font-size: 47px; line-height: 60px; text-align: center; color: #ffffff; font-weight: 600; margin: 0 !important; text-shadow: 1px 1px 4px ThreeDDarkShadow}
.creditcardblock .banner h2 {font-size: 26px; line-height: 32px; text-transform: uppercase; text-align: center; color: #ffffff; font-weight: 600; margin: 0 !important; padding: 10px }
.creditcardblock .cta {background-color: #a33b84; margin: 10px -10px -10px -10px;}
.categorylist .buttonouter {text-align: center; padding: 15px 0 30px 0}
.categorylist .buttonouter .categorycancel {background-color: #aaaaaa; color: #ffffff;cursor: pointer;font-size: 12px;line-height: 20px;padding: 10px 15px;text-align: center;text-decoration: none;text-transform: uppercase;}
.categorylist .buttonouter .categorycancel:hover {background-color: #cccccc}
.packouter:hover::before {display: none;background: #00a678 none repeat scroll 0 0; border-radius: 40px; color: #fff; content: ""; font-family: "Fontawesome"; font-size: 30px; height: 40px; line-height: 40px; position: absolute; right: 0px; text-align: center;top: -15px; width: 40px; }
.search-separator {padding-top: 30px; width: 100%;}
.pagination-block {width: 100%; text-align: center; padding: 30px 0 80px 0}  
.pagination a i {font-size: 22px; color: #a33b84; margin-top: 3px}
.pagination li a, .pagination li span {border: 1px solid #f7eaf3; background-color: #f1d9e9; padding: 10px; height: 49px; min-width: 49px; text-align: center; line-height: 28px}
.pagination .active a, .pagination .active a:focus, .pagination .active a:hover, .pagination .active span, .pagination .active span:focus, .pagination .active span:hover {background-color: #d06eb3; border-color: #f7eaf3}   
.pagination li a {color: #a33b84; font-weight: 600; font-size: 16px}
.pagination li a:hover {color: #a33b84; background-color: #f7eaf3;border: 1px solid #f7eaf3}
.pagination li.pag-inactive {display: none}
.pagination li.pag-active span {background-color: #d06eb3; font-weight: 600; font-size: 16px; color: #ffffff}
.registerblock .form-control.col-3, .registerblock .form-control.col-4, .registerblock .form-control.col-6, .registerblock .form-control.col-9, .registerblock .form-control.col-12 { float: none; padding: 0 15px; margin: 0 1% 10px 1%; width: 100% }
.registerblock input {margin-right: 10px}
.creditcardblock .note, .creditcardblock .agreeterms {padding: 0 10px}
.registerblock .note {font-size: 14px; line-height: 20px; padding-left: 10px; padding-bottom: 20px; clear: both; display: none }
.note.visible {display: block !important}
.note.error {display: block !important; color: #CC0000}
input.error {border: 1px solid #e65b42;}
.reason span {font-weight: 700; color: #03a678}
.register-infotext { }
.register-infotext p, .register-infotext strong, .register-infotext a, .register-infotext span {font-size: 16px; line-height: 24px; margin-bottom: 15px}
.registerblock .banner h2, .pagetitle h1 {padding-top: 0; margin-top: 0; color: #4b4391; font-weight: 600; font-size: 28px; line-height: 34px; text-transform: uppercase; text-align: center}
.packages-offers h2 {padding-top: 0; margin-top: 0; font-weight: 400; font-size: 34px; line-height: 40px; text-transform: uppercase; text-align: center}
.registerblock .banner, .pagetitle {border-bottom: 3px solid #d06eb3; padding: 10px 0; margin-bottom: 30px}
.packages-offers {padding: 10px 0; margin-bottom: 20px}
.checkboxes {padding-top: 10px}
p.existing {margin-bottom: 0}      
.registerblock a.popup, .creditcardblock a.popup {padding-left: 4px}
.accountinfo .outer {padding: 0 15px 20px 15px; border-bottom: 2px solid #e3d6e8; line-height: 22px}
.creditcardblock .submitbutton {text-align: center}
.form-control { height: 42px; padding: 10px 12px; }
.form-control option { padding: 10px; }
.telephone-info a span, .horoscope .tip span, .newsletter .tip span {display: none; position: absolute; z-index: 555; padding: 15px; background-color: #a33b84; width: calc((100%) - (95px)); color: #ffffff; border: 1px solid #ffffff;}
.freequestion .tip span {display: none; position: absolute; z-index: 555; padding: 15px; background-color: #a33b84; width: calc((100%) - (53px)); color: #ffffff; border: 1px solid #ffffff; bottom: 0;}
.telephone-info a:hover span, .tip:hover span {display: block !important;}
.creditcardblock .form-wrapper div[class*="col"], .registerblock .form-wrapper div[class*="col"] {padding: 0 5px}
.illustration img {width: 340px; height: auto; margin: 20px auto 30px auto; max-width: 80%; opacity: 0.3}
.mppMemberCenterMemberCenterLogin .illustration img {opacity: 0.2}
.illustration {text-align: center}
.registerblock .register-infotext {margin-bottom: 30px}
.creditcardblock .checkbox, .registerblock .checkbox {margin-top: 0}
.accountinfo .button a { color: #ffffff; display: block; font-size: 20px; font-weight: 800; line-height: 26px; padding: 8px 20px; text-align: center; text-decoration: none;text-transform:uppercase; width: 100%; background-color: #03a678;}
.accountinfo .button a:hover {background-color: #79d7a8}    
.accountinfo .button {margin: 0 auto; text-align: center; display: inline-block}
.accountinfo .buttonouter {width: 100%; text-align: center; padding: 15px 0 0 0}
.accountinfo .upload {display: none; font-size: 14px; line-height: 22px}
.accountinfo .upload a {font-weight: 700; text-decoration: none}
.accountinfo .upload a:hover {color: #de89c8}  
.accountinfo .name, .accountinfo .dear {font-weight: 600}
.accountinfo .youraccount {padding: 12px 10px 0 10px; border: 3px solid #03a678; text-align: center; margin: 15px auto; border-radius: 10px; max-width: 500px }
.accountinfo .youraccount .info {display: block; text-align: center; font-size: 16px; line-height: 24px; font-weight: 700; margin-top: 0; padding-top: 0}
.accountinfo .youraccount p {line-height: 60px; text-align: center; margin-bottom: -8px}
.accountinfo .youraccount p .min {font-size: 40px; font-weight: 700; color: #03a678 }
.accountinfo .youraccount p .minute {font-size: 24px; font-weight: 700; color: #03a678 }
.exhausted p .minute, .exhausted p .min {color: #a53b86 !important}
.exhausted .youraccount {border: 3px solid #a53b86 !important}
.exhausted .call {display: none !important}
.exhausted .upload {display: block !important} 
.accountinfo .phone {font-weight: 700; font-size: 18px; text-decoration: none}
.accountinfo .phone:hover {color: #de89c8} 
.packages-info {font-size: 16px; line-height: 26px; text-align: center; margin: 10px 0 70px 0}
.packages-offers h2 {margin: 20px 0}
.onair .pictureouter {position: relative}
.onair {padding-bottom: 20px; margin-bottom: 10px; border-bottom: 3px solid #f1d9e9; margin-top: 10px }
.onair .psychicimage, .onair .ezologo img {width: 100%; height: auto}
.onair .channellogo img {height: 100%; width: auto}
.onair .channellogo {position: absolute; right: 10px; top: 10px; height: 40px; width: auto; background-color: #ffffff}
.onair .ezologo {position: absolute; left: 0; bottom: 0; height: auto; width: 90px; background-color: #c663a6; padding: 5px}
.onair .border { border: 3px solid #e49dcc; padding: 10px 10px 5px 10px }
.onair .name {text-align: center; padding-top: 2px}
.onair .name a {font-size: 20px; line-height: 26px; font-weight: 700; color: #a33b84; text-decoration: none}
.onair .name a:hover {color: #d981c1}
.onair .availability {padding-top: 5px; font-size: 16px; line-height: 24px; text-align: center}
.onair .availability i {font-size: 16px; margin-right: 6px}
.onair .availability a {font-size: 16px; line-height: 24px; text-decoration: none; font-weight: 600; text-transform: uppercase}
.active .availability a, .active .availability i {color: #03a678}
.active .availability a:hover {color: #79d7a8}
.busy .availability a, .busy .availability i {color: #e65b42}    
.busy .availability a:hover {color: #f2897b}   
.away .availability a, .away .availability i {color: #a8a9ad}    
.away .availability a:hover {color: #cccccc}  
.onair .date {font-size: 18px; line-height: 26px; color: #4b4391; font-weight: 700;}
.onair .time {font-size: 16px; line-height: 26px; font-weight: 700}
.onair .channel {font-size: 16px; line-height: 26px; font-weight: 800; display: inline-block; padding: 3px 6px; background-color: #c663a6; color: #ffffff; margin: 5px 0 10px 0}
.onair .remaining i {font-size: 22px; color: #c663a6; margin-right: 5px; float: left}
.onair .remaining span {font-size: 16px; padding-bottom: 2px; float: left; display: block;}
.navbuttons {width: 100%; padding: 10px 0 50px 0}
.button-previous, .button-next {display: block; padding: 10px 20px; background-color: #f08d28; color: #ffffff; font-weight: 700; text-decoration: none; font-size: 16px; line-height: 24px; margin: 8px 0}
.navbuttons i {color: #ffffff; font-size: 20px}
.button-previous {float: left}
.button-previous i {margin-right: 5px}
.button-next {float: right}
.button-next i {margin-left: 5px}
.button-previous:hover, .button-next:hover, .button-previous:focus, .button-next:focus  {color: #ffffff; text-decoration: none; background-color: #f9b710 }
.mailfortune ul, .mailfortune li {list-style: outside none none; line-height: 24px; font-size: 16px}
.mailfortune li, .numbertitle {padding: 5px 0 5px 40px; text-indent: -42px}
.mailfortune .stepnum, .numbertitle .stepnum {text-indent: 0; display: inline-block;  border-radius: 50%; width: 32px; height: 32px; background-color: #d06eb3; text-align: center; font-weight: 700; font-size: 20px; color: #ffffff; margin: 0 10px -20px 0; line-height: 30px}
.mailfortune .fortunelead {font-size: 16px; line-height: 24px; padding-bottom: 15px}
.mailfortune .fortunelead h2 {font-size: 22px; line-height: 28px; font-weight: 600; margin: 0; padding-bottom: 15px; color: #252525}
.laptopgirl {margin: -60px -15px -20px 0}
.laptopgirl img {width: 100%; height: auto;}
.emailjoslas {border-bottom: 3px solid #d06eb3; padding-bottom: 20px; margin-bottom: 10px}
.left-sidebar .emailchoose {background-color: #03a678; font-size: 16px; font-weight: 800; text-align: center; color: #ffffff; text-decoration: none; text-transform: uppercase; padding: 8px 10px 6px 10px; display: block; width: 100%;}
.emailchoose a {background-color: #03a678; font-size: 16px; font-weight: 800; text-align: center; color: #ffffff; text-decoration: none; text-transform: uppercase; padding: 8px 10px 6px 10px; display: block; width: 100%;}
.emailchoose a:hover {background-color: #79d7a8}
.choosepackageboxes ul, .choosepackageboxes ul li {list-style: outside none none; font-size: 14px; line-height: 22px; position: relative}
.choosepackageboxes {padding: 15px; border: 3px solid #d06eb3; margin-bottom: 30px; position: relative }
.choosepackageboxes h3 {text-transform: uppercase; font-weight: 600; font-size: 20px; line-height: 28px; text-align: center; margin: 0 10px 15px 10px}
.choosepackageboxes h3 span {text-transform: uppercase; font-weight: 700; font-size: 20px; line-height: 28px; color: #a33b84; display: inline-block; padding-left: 8px}
.choosepackageboxes li:before {content:""; font-family: FontAwesome; font-size: 22px; color: #03a678; position: absolute; left: 0}
.choosepackageboxes li {padding-left: 30px; padding-bottom: 10px}
.choosepackageboxes .buttonholder .submit {display: inline-block; max-width: 100%; background-color: #03a678; font-size: 16px; font-weight: 800; text-align: center; color: #ffffff; text-decoration: none; text-transform: uppercase; padding: 7px 16px; line-height: 24px}
.choosepackageboxes .buttonholder .submit:hover {background-color: #79d7a8;}
.emailselectboxes {padding-bottom: 40px; margin-top: 15px}
.choosepackageboxes .demo {text-align: center; margin: 20px 10px 0 10px}
.choosepackageboxes .demo a {font-weight: 700; text-decoration: none;}
.choosepackageboxes .demo a:hover {color: #d981c1}
.choosepackageboxes.selected {background-color: #f7eaf3}
.choosepackageboxes.selected::before {background: #00a678 none repeat scroll 0 0; border-radius: 40px; color: #fff; content: ""; font-family: "Fontawesome"; font-size: 30px; height: 40px; line-height: 40px; position: absolute; right: -15px; text-align: center;top: -15px; width: 40px; }   
.psychicblock.selected {position: relative}
.psychicblock.selected::before {background: #00a678 none repeat scroll 0 0; border-radius: 40px; color: #fff; content: ""; font-family: "Fontawesome"; font-size: 30px; height: 40px; line-height: 40px; position: absolute; right: -7px; text-align: center;top: 0; width: 40px; z-index: 30 }
.left-sidebar .psychicblock.selected::before {right: -22px; top: 0;}
.mailfortune.title {padding-left: 30px; padding-top: 10px}
.mailfortune.title ul li, .numbertitle {font-size: 22px; line-height: 28px; color: #252525; font-weight: 600}
.numbertitle {margin: 20px 0}
.form .info p {font-size: 14px; line-height: 22px}
.myselection {text-align: center; font-size: 16px; line-height: 28px}
.myselection .changereadingtype  {margin-top: 20px; display: inline-block; max-width: 100%; background-color: #a33b84; font-size: 16px; font-weight: 700; text-align: center; color: #ffffff; text-decoration: none; text-transform: uppercase; padding: 7px 16px; line-height: 24px}
.myselection .changereadingtype:hover {background-color: #d981c1;color: #ffffff;text-decoration: none;}
.myselection .selectedreading {font-size: 16px; line-height: 26px; }
.myselection .selectedtype {font-size: 20px; line-height: 30px; font-weight: 700; color: #03a678}
.myselection .selectedprice {font-weight: 700;}
.warningmessage, .warningmessage a {font-size: 16px; line-height: 24px; margin-top: -10px; padding-bottom: 20px}
.warningmessage, #errormsgbox {border: 4px solid #fdb913; padding: 15px; text-align: center; margin-bottom: 20px; letter-spacing: -0.2px; background-color: #fdb913}
.warningmessage a {text-transform: uppercase}
#def_error_title {color: #cc0000; font-size: 16px; font-weight: 700; line-height: 22px}
#errormsgholder {padding-top: 10px; font-size: 14px; font-weight: 600; line-height: 22px}
.question .inner textarea, .contact-us .inner textarea {font-size: 14px; line-height: 22px; padding: 10px; width: 500px; max-width: 100%; margin: 5px 0; overflow: hidden; border: 1px solid #cccccc; resize: none; min-height: 155px}
.question .inner .charleft, .contact-us .charleft {font-size: 12px; line-height: 18px; font-weight: 600}
.birth select, .birthtime select, .country select {border: 1px solid #cccccc; margin-right: 10px; padding: 5px 10px}
.birth option, .birthtime option, .country option {padding: 5px 10px}
.note {padding-top: 5px; padding-bottom: 10px}
.gender label {padding:4px 20px 0px 2px; font-weight: 400}
.form .askaquestion .label {color: #252525; font-weight: 600; padding: 20px 0 5px 0; font-size: 14px; line-height: 24px; display: inline-block}
.askaquestion {padding-top: 10px}
.askaquestion .city {font-size: 14px; padding: 10px; border: 1px solid #cccccc; width: 340px;  max-width: 100%}
.askaquestion .submit, .contact-us .submit  {background-color: #a33b84; color: #ffffff; display: inline-block; font-size: 16px; font-weight: 600; line-height: 22px; padding: 15px 25px; text-decoration: none; text-transform: uppercase;}
.askaquestion .submit:hover, .contact-us .submit:hover {background-color: #d981c1;}
.askaquestion .buttonouter {padding: 25px 0 50px 0;}
.askaquestion select {width: auto; margin-bottom: 10px; display: inline-block}
.note {display: none;}
.tableheader .hidden-xs {font-weight: 700; padding: 10px}
.even .col-sm-3, .odd .col-sm-3 {padding: 10px; display: table-cell; height: 100%; vertical-align: center}
.even .col-sm-3 {background-color: #f7eaf3;border-right: 2px solid #ffffff}
.odd .col-sm-3 {background-color: #ffffff;}
.whitebody .myactionstable .odd .psychic, .whitebody .myactionstable .odd .calldate, .whitebody .myactionstable .odd .calltime, .whitebody .myactionstable .odd .successful {border-right: 2px solid #f7eaf3}
.even, .odd {display: table-row; width: 100%; height: 100%; vertical-align: center}
.myactionstable {display: table; width: 100%; height: 100%; vertical-align: center; font-size: 14px; line-height: 22px}
.myactionstable .minutes {text-align: center;}
.myactionstable .price {text-align: center; min-width: 10px; min-height: 20px}
.myactionstable .action {text-align: center;}
.myactionstable div {min-width: 10px; min-height: 20px}
.myactionstable .clr {min-width: 0 !important; min-height: 0 !important}
.htmlcontent {font-size: 14px; line-height: 22px}
.htmlcontent p {margin-top: 10px; margin-bottom: 20px}
.htmlcontent h3 a {font-size: 18px; line-height: 24px; font-weight: 700; text-decoration: none; color: #a33b84 !important; padding-left: 10px}
.htmlcontent h3 {font-size: 14px; line-height: 24px; font-weight: 700; text-indent: -11px; padding-left: 22px}
.htmlcontent h3 a:hover {color: #de89c8 !important}
.htmlcontent h3 i {font-size: 16px; color: #d06eb3;}
.mppCMSCMScontentPage.cms-terms_and_conditions .wpZone.wpZoneVrt div.wpControlBox.content-item.crop .item-content .htmlcontent h3 a {margin-top: -27px; margin-bottom: 25px; padding-left: 25px; display: block; text-decoration: none !important}

.psychiccircle img {height: 100%; width: auto; margin-left: -25px}
.psychiccircle {overflow: hidden; border: 3px solid #d06eb3; border-radius: 50%; width: 80px; height: 80px; text-align: center}
.testimonial {position: relative; margin-bottom: 20px}
.testimonial .nameouter, .testimonial .pictureouter {float: left}
.testimonial .nameouter {max-width: calc((100%) - (90px))}
.testimonial .pictureouter {position: relative; z-index: 15; margin-bottom: -10px}
.testimonial .nameouter {position: relative; z-index: 12; padding: 12px 0 0 10px}
.testimonial .name a {font-size: 20px; line-height: 26px; text-decoration: none; font-weight: 700; color: #252525}
.testimonial .name {height: 30px; overflow: hidden}
.testimonial .ext {background-color: #d06eb3; padding: 3px 15px 0 50px; margin-left: -50px; border-radius: 0 8px 0 0; display: inline-block}
.testimonial .ext a {font-size: 14px; line-height: 22px; text-decoration: none; font-weight: 700; color: #ffffff}
.testimonial .textframe {border: 3px solid #d06eb3; padding: 15px 15px 13px 15px; border-radius: 0 8px 8px 8px; margin-top: -3px; margin-left: 10px;}
.testimonial p.quote {margin: 0; font-style: italic; font-size: 14px; line-height: 22px}
.testimonial p.author {margin: 0; text-align: right; font-weight: 700}
.personal-details h2 {margin: 0 0 20px 0; padding: 25px 0 5px 0; font-size: 20px; line-height: 28px; color: #252525; font-weight: 600; border-bottom: 3px solid #e3d6e8; text-transform: uppercase}
.telephone-info {position: relative; z-index: 22}                                                                                                           
.telephone-info a, .creditcardpart a {color: #a33b84; font-weight: 700; text-decoration: none}
.sendpin a:hover {color: #de89c8;}
.mailfolder a:hover,  .mailfolder a:hover:before {background-color: #f6e7f1}
.toppadding {padding-top: 20px}
.creditcardpart, .addresspart {padding-top: 10px; clear: both}
.billingaddresspart.closed, .creditcardpart.closed, .creditcardpart a.popup1 span {display: none}
.creditcardpart a.popup1 span {max-width: calc((100%) - (30px)); width: 400px; padding: 20px; background-color: #ffffff; position: absolute; z-index: 100; border: 2px solid #c663a6; font-weight: 400; margin: 0 auto}
.creditcardpart a.popup1:hover span {display: block;}
.creditcardpart a.popup1 span img {display: block; width: 100%; height: auto; margin-bottom: 20px}
.csc-cvv {max-width: 100%; width: 150px}
.expiry {width: auto; margin-bottom: 10px; display: inline-block; margin-right: 10px}
.cardtype {padding: 20px 0 10px 0}
.cardtype .inputholder label {font-weight: 400; padding-right: 30px; cursor: pointer}
.cardnumber input {display: inline-block; width: 20%;min-width: 60px; margin-bottom: 10px; text-align: center}
.cardnumber .numberseparator {display: inline-block; width: 3%; text-align: center; margin-bottom: 10px; }
.formpadding {padding-top: 10px}
.cardnumber {width: 450px; max-width: 100%}
.myphonenumber {width: 350px; max-width: 100%}
.mailfolders {margin-top: 15px; text-align: center; position: relative; z-index: 5; margin: 0 auto; display: inline-block}
.mailfolder {font-size: 14px; line-height: 22px; display: block; float: left; background-color: #ffffff; margin-bottom: -5px}
.mailfolder a {font-size: 14px; line-height: 22px; text-decoration: none; display: block; padding: 10px; color: #252525}
.mailfolder a span {color: #252525; text-decoration: none; padding-left: 5px;}
.mailfolder .messages:before { content: ""; font-family: FontAwesome; font-size: 24px; margin-top: 0; margin-right: 10px; line-height: 26px; color: #d06eb3; }
.mailfolder .new:before { content: ""; font-family: FontAwesome; font-size: 24px; margin-top: 0; margin-right: 10px; line-height: 26px; color: #ffffff !important; font-weight: normal; background-color: transparent !important}
.mailfolder .new {background-color: #f08d28; color: #ffffff; font-weight: 700}
.mailfolder .new:hover {background-color: #f9b710; color: #ffffff}

.mailfolder .drafts:before { content: ""; font-family: FontAwesome; font-size: 24px; margin-top: 0; margin-right: 10px; line-height: 26px; color: #d06eb3; }
.mailfolder .sent:before { content: ""; font-family: FontAwesome; font-size: 24px; margin-top: 0; margin-right: 10px; line-height: 26px; color: #d06eb3; }
.mailfolder .trash:before { content: ""; font-family: FontAwesome; font-size: 24px; margin-top: 0; margin-right: 10px; line-height: 26px; color: #d06eb3; }
.emailsframe {text-align: left; font-size: 14px; line-height: 18px}
.mppMemberCenterMemberCenterMyMessages .page .whitebody div.col-xs-12.col-sm-12.col-md-8.col-md-push-4 {text-align: center}
.mpmCMS.mppCMSCMScontentPage.cms-terms_and_conditions .whitebody .wpZone.wpZoneVrt .wpControlBox.content-item.crop .item-content .htmlcontent p {display: none}

.message-outer {position: relative; border-left: 2px solid #f1d9e9; border-right: 2px solid #f1d9e9}
.message {position: relative;}
.message .chckboxcell {float: left; position: relative; padding: 11px 14px 6px 14px; min-height: 62px;border-top: 2px solid #f1d9e9;}
.message .titlecell {float: left; position: relative; padding: 11px 15px 6px 15px; min-height: 62px;border-top: 2px solid #f1d9e9;}
.message .picturecell, .message .pictureblock {float: left;position: relative; padding: 10px 5px 4px 15px; min-height: 62px; border-top: 2px solid #f1d9e9;}
.message .namecell, .message .nameblock {float: left;position: relative; padding: 8px 15px 2px 5px; min-height: 62px}
.message .psychicimg img, .myactionstable .circle img {height: 42px; width: auto; margin-left: -14px}
.message .circle, .myactionstable .circle  {border-radius: 50%; width: 42px; height: 42px; overflow: hidden;}
.message .psychic { }
.message a {font-size: 14px; line-height: 18px; text-decoration: none; color: #252525;}
.titlecell a:hover, .datecell a:hover {color: #de89c8}
.mailblockheader {background-color: #d06eb3; padding: 0 10px; margin: -2px 0; color: #ffffff; position: relative; z-index: 10; min-height: 37px}
.amailheader {background-color: #d06eb3; padding: 0 10px; margin: -2px; color: #ffffff; position: relative; z-index: 10; min-height: 37px; text-align: center}
.mailblockheader a, .amailheader a {display: block; padding: 4px 15px 6px 15px; text-decoration: none; color: #ffffff; font-weight: 700}
.mailblockheader a:hover, .amailheader a:hover, .mailblockheader label:hover, .mail-delete a:hover:before, .mail-write a:hover:before, .mail-new a:hover:before {color: #f1d9e9}
.mailblockheader label, .amailheader label {color: #ffffff; font-weight: 700; cursor: pointer}
.mail-delete, .mail-write, .mail-new {display: inline-block;}
.psychic .nameblock a, .namecell a, .message .nameblock a {color: #252525; font-weight: 700; text-decoration: none}
.titlecell a {color: #a33b84; font-weight: 600}
.datecell a {color: #a33b84}
.namecell, .titlecell, .message .nameblock {border-right: 2px solid #f1d9e9; padding: 11px 10px 6px 10px}
.mail-select {display: block; padding: 9px 12px 0px 7px; float: left; margin-bottom: -10px; position: relative; z-index: 50}
.chckboxcell {border-right: 2px solid #f1d9e9;}
.emailsframe .chckboxcell label {margin-top: 10px; margin-bottom: -5px; cursor: pointer}
.datecell {width: 208px; padding: 11px 4px 7px 15px; min-height: 62px;float: left; position: relative;border-top: 2px solid #f1d9e9;}
.picturecell, .message .pictureblock {width: 62px}
.chckboxcell {width: 52px}
.namecell, .message .nameblock {width: 160px;border-top: 2px solid #f1d9e9;}
.titlecell {width: calc((100%) - (482px))}
.last .datecell {margin-bottom: 0}
.article-date {color: #bbbbbb; padding-left: 15px; position: relative; text-transform: uppercase; font-size: 12px; line-height: 16px; font-weight: 600; display: inline-block; margin-left: 9px}
.article-date::before {content: "|"; position: absolute; top: 0; left: 0;}  

.emailsframe input {display: none;}
.emailsframe input + label {background-color: #fafafa;border: 1px solid #f1d9e9;padding: 9px;display: inline-block;position: relative;}
.emailsframe .chckboxcell input + label {background-color: #fafafa;border: 2px solid #f1d9e9;padding: 9px;display: inline-block;position: relative;}
.emailsframe input + label:active, .emailsframe input:checked + label:active {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.emailsframe input:checked + label {background-color: #ffffff;border: 1px solid #f1d9e9;box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);color: #d06eb3;}
.emailsframe input:checked + label:after {content: "";font-family: FontAwesome;font-size: 14px;position: absolute;top: 0px;left: 2px;color: #d06eb3;}
.mail-delete a:before { content: ""; font-family: FontAwesome; font-size: 22px; margin-top: 0; margin-right: 10px; line-height: 26px; color: #ffffff; font-weight: 400}
.mail-write a:before { content: ""; font-family: FontAwesome; font-size: 22px; margin-top: 0; margin-right: 10px; line-height: 26px; color: #ffffff; font-weight: 400}
.mail-new a:before { content: ""; font-family: FontAwesome; font-size: 22px; margin-top: 0; margin-right: 10px; line-height: 26px; color: #ffffff; font-weight: 400}
.mailfolders .active {background-color: #f1d9e9}
.deletemail {float: left; position: relative; padding: 9px 15px 8px 15px; color: #ffffff; cursor: pointer; margin-right: -10px; z-index: 60; margin-bottom: -10px;}
.deletemail span {color: #ffffff; font-weight: 700}
.amailframe .message {border-bottom: 0 none !important}
.emailsframe .message-content {font-size: 14px; line-height: 22px; padding: 15px; border-top: 2px solid #f1d9e9}
.emailsframe .message-content p {font-size: 14px; line-height: 22px;}
.amailframe .message .datecell {margin-bottom: 0 !important}
.signup-illustration {width: 100%; text-align: center}
.signup-illustration img {width: 70%; height: auto; margin: 50px auto 0  auto; opacity: 0.2}
.myactionstable .psychic .pictureblock {float: left; padding-right: 10px;}
.myactionstable .psychic .nameblock {float: left; display: block; width: 70px; max-width: 100%; padding-top: 1px}
.myactionstable .tableheader {display: table-row;}
.myactionstable .tableheader div {display: table-cell; height: 100%; padding-bottom: 10px}
.myactionstable .tablepadding {display: table; height: 8px}
.myactionstable .even .col-sm-2, .myactionstable .even .col-sm-4 {background-color: #f7eaf3; display: table-cell; height: 100%; padding: 12px 10px 4px 10px; border-right: 2px solid #ffffff}
.myactionstable .odd .col-sm-2, .myactionstable .odd .col-sm-4 {background-color: #ffffff; display: table-cell; height: 100%; padding: 12px 10px 4px 10px; border-right: 2px solid #ffffff}
.myactionstable .hidden-xs {padding: 10px 10px 0 10px}
.myactionstable .write a {font-weight: 700; text-decoration: none}
.myactionstable .write a:hover {color: #de89c8}
.myactionstable .successful, .myactionstable .calltime {text-align: center}
.myactionstable .tableheader .hidden-xs {min-height: 10px !important}
.signup-wrapper .form-group .checkbox {position: relative; z-index: 20}

.cardtype .smallcardtype img {height: auto; margin: -5px 2px 0 2px; width: 55px;}
.smallcardtype {display: inline-block; padding: 5px 0;}
.existing-card img {width: 58px; height: auto; margin: 0 5px 5px 0}
.existing-card {padding-bottom: 10px}
.telephone-info .sendpin {margin-bottom: 15px}
.notyet {padding: 15px 0 30px 0; text-align: center}
.notyet .line1 {font-size: 16px; line-height: 24px; padding-bottom: 10px}
.notyet .line2 {font-size: 16px; line-height: 24px; padding-bottom: 10px; font-weight: 700; color: #a53b86}
.notyet .line3 {font-size: 18px; line-height: 26px; padding-bottom: 10px; font-weight: 700; color: #c663a6}
.loginstatus {float: right; display: inline-block; padding: 0 0 0 40px}
.mppMemberCenterMemberCenterMyTopUp .breadcrumbs-block .bg {background: #ffffff !important;}
.mppMemberCenterMemberCenterMyTopUp .paymentdetails1 .cardsel, .mppMemberCenterMemberCenterMyTopUp .paymentdetails1 .paymentdetails {padding-bottom: 20px; padding-top: 20px}
.mppMemberCenterMemberCenterMyTopUp .paystep .reviewdata a, .mppMemberCenterMemberCenterMyTopUp .paymentdetails1 a {font-weight: 700; text-decoration: none;}
.mppMemberCenterMemberCenterMyTopUp .paystep .reviewdata a:hover, .mppMemberCenterMemberCenterMyTopUp .paymentdetails1 a:hover {color: #e49dcc}
.mppMemberCenterMemberCenterMyTopUp .paymentdetails1 .cardsel label {margin-right: 20px}
.mppMemberCenterMemberCenterMyTopUp .paymentdetails1 h2, .mppMemberCenterMemberCenterMyTopUp .paymentdetails1 h3, .mppMemberCenterMemberCenterMyTopUp .paystep .reviewdata h2 {text-transform: uppercase; padding: 10px 0; font-size: 24px; line-height: 30px; border-bottom: 4px solid #f1d9e9; margin-bottom: 30px; font-weight: 600}
.mppMemberCenterMemberCenterMyTopUp .btn-wrapper {max-width: 100%; margin: 40px auto;}
.mppMemberCenterMemberCenterMyTopUp .btn-wrapper a {font-size: 16px; padding: 15px 25px; font-weight: 700; background-color: #00a678; color: #ffffff; text-decoration: none}
.mppMemberCenterMemberCenterMyTopUp .btn-wrapper a:hover {background-color: #79d7a8 }
.mppMemberCenterMemberCenterMyTopUp .paymentdetails1 .col-xs-3 {width: 80px; padding-bottom: 10px; padding-right: 0}
.mppMemberCenterMemberCenterMyTopUp .paymentdetails1 .col-xs-3 .form-control {padding: 10px 0 10px 12px}
.mppMemberCenterMemberCenterMyTopUp .offers-inner .subscription-wrapper .content-item .paystep .reviewdata .blocks .form-horizontal .row {margin: 0 !important}
.mppMemberCenterMemberCenterMyTopUp .page .slide .paymentdetails1 .blocks {padding: 0}
.registerbutton {width: 100%; text-align: center; padding: 10px 0 20px 0}
.registerbutton .button {display: inline-block; margin: 0 auto; padding: 10px 25px; background-color: #03a678; text-decoration: none; color: #ffffff !important; text-transform: uppercase;}
.registerbutton .button:hover {background-color: #79d7a8}
.left-sidebar .sidebar-module .psychics {margin-top: -15px}
.cardimage.mc{width: 50px; height: 32px; float:left; margin-top: 5px;background:url('../images/mastercard.png') no-repeat; background-size: contain}
.cardimage.visa{width: 70px; height: 32px; float:left; margin-top: 10px;background:url('../images/visa.png') no-repeat; background-size: contain}

.blogview .articleblog {border-bottom: 1px solid #cccccc; margin-bottom: 20px; padding-bottom: 15px}
.blogview .articleblog .articletitle {padding: 5px 0 15px 0}
.blogview .articleblog .articletitle a {font-size: 34px; line-height: 42px; font-weight: 600; color: #a33b84; text-decoration: none}    
.blogview .articleblog .articletitle a:hover {color: #d06eb3}
.blogview .articleblog .readmore {background-color: #f08d28; border: 0 none !important; color: #ffffff; display: inline-block; font-size: 12px; font-weight: 600; line-height: 16px; max-width: 100%; padding: 8px 16px; text-decoration: none; text-transform: uppercase;}
.blogview .articleblog .readmore:hover {background-color: #f9b710}
.blogview .articleblog .readmoreblock {padding-top: 15px; padding-bottom: 15px}
.blogview .articleblog .readmore i {color: #ffffff}
.blogview .articleblog .readmoreblock .readmore i {margin-left: 4px}
.blogview .articleblog .articleimage img {width: 100%; height: auto; border: 0; margin: 5px 0 15px 0}
.left-sidebar .psychicblock {padding-bottom: 0; margin: 0 auto; max-width: 100%;}
.mpmArticle .left-sidebar .psychicblock {padding-bottom: 15px}
.psychic-details .detailsblokk .textblock {line-height: 22px}
.horifooter {text-align: center; padding: 15px 10px}
.footer .highlight {font-weight: 700;}
.horifooter a {display: inline-block; font-weight: 700}
.horifooter .highlight .item-content, .horifooter .small .item-content, .horifooter .pad .item-content {color: #ffffff}
.horifooter .pad.small {font-size: 12px; line-height: 18px; color: #ffffff}
.horifooter .pad.small a {font-size: 12px; line-height: 18px; color: #ffffff}

.emailreading.errormessage {font-weight: 700; font-size: 16px; line-height: 24px; border: 4px solid #fdb913; padding: 15px; text-align: center; margin: 10px 0}
.errors {padding: 0 15px}
.emailselectboxes .errormessage {margin-top: 0 !important; margin-bottom: 40px}
.errors a {margin-bottom: 10px; height: 10px; display: block}

.countries { padding: 0 15px }
.countrylist {max-width: 100%; border: 2px solid #ffffff; padding: 20px; border-radius: 8px; margin-bottom: 20px; background-color: #a53b86}
.countrylist a {display: block; float: left; width: 25%; padding: 10px}
.countrylist a img {margin-right: 8px}
.countrylist a span {display: inline-block; color: #fae2f0; padding-left: 8px}
.countrylist a.selected {background-color: #7b2c64 !important}
.countrylist a:hover {background-color: #8c3574}
.left-sidebar .psychicframe .psychic .psychic-name {font-size: 26px}

.back-to-top {background-color: #f08d28; bottom: 5px; color: #ffffff !important; display: none; font-size: 18px; font-weight: 600; margin: 0; padding: 5px 10px 6px 10px; position: fixed; right: 5px; text-decoration: none !important; text-transform: uppercase; width: auto; z-index: 100}  
.back-to-top i {color: #ffffff; font-size: 22px; font-weight: bold; margin-right: 2px}
.back-to-top:hover {background-color: #f9b710}

.contact-us .write-us {padding-top: 10px; padding-bottom: 10px; font-size: 14px; line-height: 22px}
.contact-us .form-group .label {color: #252525; display: inline-block; font-size: 14px; font-weight: 600;line-height: 24px;padding: 20px 0 5px;}
.contact-us .form-group .help-block, .newsletter .help-block {display: none}
.contact-us .has-error .help-block, .newsletter .has-error .help-block {display: block !important}
.newsletter .help-block {color: #cc0000}
.contact-us .buttonouter {padding: 30px 0 20px 15px}
.freequestion .error input, .freequestion input.error, .freequestion textarea.error {border: 1px solid #cc0000}
.freequestion .error select {border: 1px solid #cc0000;}
.freequestion .chkboxes {position: relative}
.freequestion .checkbox {width: 14px; height: 14px; position: relative; z-index: 2}
.freequestion .chkboxes .error:after  {border: 1px solid #cc0000;content: " ";display: block;height: 17px;left: -2px;position: absolute;top: 0;width: 17px;}
.horoscopeouter .error input, .horoscopeouter input.error {border: 2px solid #cc0000}
.horoscopeouter .error select {border: 2px solid #cc0000;}
.horoscopeouter .chkboxes {position: relative}
.horoscopeouter .checkbox {width: 14px; height: 14px; position: relative; z-index: 2}
.horoscopeouter .chkboxes .error:after  {border: 2px solid #cc0000;content: " ";display: block;height: 17px;left: -2px;position: absolute;top: 0;width: 17px;}

.onair .psychicblock {padding-bottom: 0;}
.onair .col-lg-7 {padding-top: 15px}
.no-participant .onair-inner .col-lg-5 {display: none}
.no-participant .onair-inner .col-lg-7 {width: 100%; left: 0}

.landinghead.inside .lpheader h1, .landinghead.inside .lpheader h1 span {margin-top: 0; font-weight: 400; text-transform: uppercase;}
.landinghead.inside .lpheader h2, .landinghead.inside .lpheader h2 span {font-weight: 700; color: #a33b84; padding-bottom: 10px; font-size: 25px; line-height: 32px}
.landinghead.inside {background-size: cover}
.landinghead.inside .textarea {padding: 20px 0}
.landinghead.inside .lpheader {padding: 15px}
.landinghead.inside .lpheader p, .landinghead.inside .lpheader p span {font-size: 16px; line-height: 24px;}
.landinghead.inside .lpheader strong {font-size: 16px; line-height: 24px; color: #a33b84}
.landinghead.inside .lpheader .text {width: 70%; font-size: 16px; line-height: 24px;}
.phoneContent {text-align: center}
.phoneContent h3, .phoneContent h3 span {font-weight: 600; font-size: 22px; line-height: 28px; text-align: center; margin-top: 30px}
.phoneContent h1, .phoneContent h1 span {margin-top: 10px; text-align: center; margin-bottom: 0; font-weight: 700; color: #a33b84; font-size: 38px; line-height: 44px}
.phoneContent h1 a {font-weight: 800; font-size: 38px; line-height: 44px; text-align: center; color: #a33b84; text-decoration: none}
.phoneContent div {font-size: 12px; color: #555555; padding-bottom: 20px}

.horoscope .successmessage, .newsletter .successmessage {color: #ffffff !important; font-weight: 700; padding-bottom: 10px}
.freequestion .successmessage {font-size: 14px; line-height: 22px}
.freequestion .successmessage h3 {margin-top: 15px; margin-bottom: 20px; font-weight: 700; color: #a33b84}
.freequestion .successmessage h3 a {font-weight: 700; color: #a33b84; text-decoration: none}
.freequestion .successmessage h3 a:hover {color: #d981c1;}

.mobile-menu li.featured a {background-color: #f08d28; color: #ffffff}
.mobile-menu li.featured a:hover {background-color: #ea6e1a; color: #ffffff}
.tooltip {display: inline-block; opacity: 1; margin-left: 4px; position: relative}
.tooltipster-sidetip .tooltipster-box {background: #a33b84; border: 2px solid #ffffff; width: 500px; max-width: 100%}
.tooltipster-sidetip .tooltipster-content {color: white;line-height: 18px;padding: 15px;font-size: 12px}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {border-bottom-color: #a33b84;}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {border-left-color: #a33b84;}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {border-right-color: #a33b84;}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {border-top-color: #a33b84;}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {border-bottom-color: #ffffff;}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {border-left-color: #ffffff;}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {border-right-color: #ffffff;}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {border-top-color: #ffffff;}

.whitebody .htmlcontent, .whitebody .htmlcontent p {font-size: 14px; line-height: 22px}
.landingpage.wide .whitebody .wpZone.wpZoneVrt {float: none !important; width: 100% !important}
.creditcardblock .creditcard-infotext .register-infotext .warningmessage {margin-top: 20px}
.mppArticleArticleDetail .whitebody .articles-content .chooser {display: none}
.mppArticleArticleDetail .whitebody .articles-content .moduleheader.button {padding-right: 15px}

.carousel .item a {background-repeat: no-repeat; background-position: center center;}
.mobile-menu-outer .mobile-menublokk .mobile-menu li a {border-bottom: 1px solid #70336a}

.mppMemberCenterMemberCenterEmailReadingSample .body-wrapper {padding: 15px}
.mppMemberCenterMemberCenterEmailReadingSample p {font-size: 14px; line-height: 22px}
.mppMemberCenterMemberCenterEmailReadingSample .pt10 h1  { color: #4b4391; font-size: 20px; font-weight: 700; line-height: 26px; margin: 0; padding-bottom: 12px;}
.mppMemberCenterMemberCenterEmailReadingSample #header-simplebg  {display: none}
.mppMemberCenterMemberCenterEmailReadingSample .cols.fl h1.headingtype7  {color: #252525; font-size: 24px; font-weight: 600; line-height: 32px; padding-top: 15px}
.mppMemberCenterMemberCenterEmailReadingSample .cols.fl p.normal {font-weight: 600; font-size: 16px; line-height: 22px}
.mppMemberCenterMemberCenterEmailReadingSample .cols.fl h2.headingtype7 {background-color: #d06eb3; padding: 0 10px 5px 10px; line-height: 22px}
.mppMemberCenterMemberCenterEmailReadingSample .cols.fl h2.headingtype7 span {color: #ffffff; font-weight: 700; font-size: 16px;}

.cms-job .whitebody .htmlcontent h2 {color: #252525; font-size: 26px; font-weight: 600; line-height: 32px; margin: 0; text-transform: uppercase; padding-top: 10px}
.cms-job .whitebody .htmlcontent hr {color: #f1d9e9; height: 1px; border: 1px solid #f1d9e9; background-color: #f1d9e9}
.cms-job .whitebody .htmlcontent h3 {color: #4b4391; font-size: 22px; font-weight: 700; line-height: 32px; margin: 0; text-transform: uppercase; text-indent: 0; padding-left: 0}
.cms-job .whitebody .htmlcontent ul, .cms-job .whitebody .htmlcontent ul li {list-style: outside none none; padding-top: 2px; padding-bottom: 2px}
.cms-job .whitebody .htmlcontent ul li:before {content: ""; font-family: FontAwesome; font-size: 13px; margin-right: 5px; color: #d06eb3}
.cms-job .whitebody .htmlcontent a {font-weight: 700}
.cms-job .whitebody .htmlcontent, .cms-job .whitebody .htmlcontent p; .cms-job .whitebody .htmlcontent ul li {font-size: 14px; line-height: 22px}

.cms-landing-fortuneteller .lpheader .textarea {padding: 10px 5px 0 5px}
.cms-landing-fortuneteller .lpheader .textarea .text p strong {color: #ffffff}
.cms-landing-fortuneteller .lpheader h1 {padding-top: 20px}
.cms-landing-esotericism .landinghead .lpheader .textarea {padding: 20px 15% 0 10px}
.cms-landing-esotericism .htmlcontent .phoneContent h3, .cms-landing-reading-love-v1 .htmlcontent .phoneContent h3 span, .cms-landing-reading-love-v1 .htmlcontent .phoneContent h3 { font-size: 22px; font-weight: 600; line-height: 28px; margin-top: 30px; text-align: center;}
.cms-landing-esotericism .htmlcontent .phoneContent h1 strong, .cms-landing-reading-love-v1 .htmlcontent .phoneContent h1 span strong, .cms-landing-reading-love-v1 .htmlcontent .phoneContent h1, .cms-landing-reading-love-v1 .htmlcontent .phoneContent h1 span { color: #a33b84; font-size: 38px; font-weight: 700; line-height: 44px; margin-bottom: 0; margin-top: 10px; text-align: center;}
.cms-landing-esotericism .htmlcontent .phoneContent h4, .cms-landing-reading-love-v1 .htmlcontent .phoneContent h4, .cms-landing-reading-love-v1 .htmlcontent .phoneContent h4 span {color: #555555; font-size: 12px; padding-bottom: 20px; line-height: 16px}
.cms-landing-reading-love-v1 .lpheader .textarea h1 span, .cms-landing-reading-love-v1 .lpheader .textarea h1 { font-weight: 400; margin-top: 0; text-transform: uppercase; font-size: 32px; color: #252525}
.cms-landing-reading-love-v1 .lpheader .textarea h2 span, .cms-landing-reading-love-v1 .lpheader .textarea h2 {color: #a33b84; font-size: 25px; font-weight: 700; line-height: 32px; padding-bottom: 10px;}
.item .banner-wide {display: block}
.item .banner-narrow {display: none}
.htmlcontent h1 {color: #a33b84;font-size: 36px;font-weight: 600; margin-bottom: 20px;margin-top: 10px;}
.htmlcontent h2 {margin-bottom: 30px;border-bottom: 2px solid #d06eb3;color: #4b4391;font-size: 28px;line-height: 34px;font-weight: 600;margin-top: 10px;padding-bottom: 15px;text-transform: uppercase;}
.htmlcontent h3 {color: #d06eb3;font-size: 24px;font-weight: 700; margin-bottom: 20px;margin-top: 10px;}
.htmlcontent, .htmlcontent p {font-size: 14px; line-height: 22px}
.htmlcontent a {color: #a33b84; font-weight: 700; text-decoration: none}
.htmlcontent a:hover {color: #e49dcc; font-weight: 700}

.embed-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;width: 100%; margin-top: 20px}
.embed-container iframe, .embed-container object, .embed-container embed {position: absolute;top: -20px;left: 0;width: 100%!important;height: 100%!important;}
.whitebody .buttonouter .submit {background-color: #a33b84;color: #ffffff; display: inline-block; font-size: 16px;font-weight: 600;line-height: 22px;padding: 15px 25px; text-decoration: none; text-transform: uppercase; margin: 0 10px 10px 0}
.whitebody .buttonouter .submit:hover {background-color: #d981c1; color: #ffffff}
.mppMemberCenterMemberCenterOneMessage .whitebody .askaquestion .submit:nth-child(2) {background-color: #03a678 !important}
.mppMemberCenterMemberCenterOneMessage .whitebody .askaquestion .submit:nth-child(2):hover {background-color: #79d7a8 !important}

.mppMemberCenterMemberCenterOneMessage .whitebody .content-item .buttonouter {padding: 30px 0}
.mppMemberCenterMemberCenterOneMessage .whitebody .form .label {color: #252525; font-size: 14px; line-height: 22px; font-weight: 600; padding-top: 15px !important; padding-left: 0 !important}
.mppMemberCenterMemberCenterOneMessage .whitebody .form .birth, .mppMemberCenterMemberCenterOneMessage .whitebody .form .gender, .mppMemberCenterMemberCenterOneMessage .whitebody .form .country, .mppMemberCenterMemberCenterOneMessage .whitebody .form .place {padding-top: 15px;}

.mppMemberCenterMemberCenterOneMessage .whitebody .askaquestion .buttonouter {text-align: left;}
.mppMemberCenterMemberCenterOneMessage .whitebody .askaquestion .buttonouter .submit {text-align: left; margin: 0 10px 10px 0} 

.mppMemberCenterMemberCenterMyTopUpSuccess .paymentEndBox h2 {margin-top: 5px;font-size: 26px; line-height: 30px; font-weight: 700; color: #4b4391}
.mppMemberCenterMemberCenterMyTopUpSuccess .paymentEndBox h3 {font-size: 18px; line-height: 26px}
.mppMemberCenterMemberCenterMyTopUpSuccess .paymentEndBox h3 b {color: #03a678; font-size: 18px; line-height: 26px; font-weight: 700; display: inline-block}
.mppMemberCenterMemberCenterMyTopUpSuccess .paymentEndBox h3 strong {font-size: 18px; line-height: 26px; font-weight: 700; color: #4b4391}
.mppMemberCenterMemberCenterMyTopUpSuccess .paymentEndBox a.submit {background-color: #a33b84;color: #ffffff;display: inline-block;font-size: 16px;font-weight: 600;line-height: 22px;padding: 15px 25px;text-decoration: none;text-transform: uppercase;margin-top: 15px}
.mppMemberCenterMemberCenterMyTopUpSuccess .paymentEndBox a.submit:hover {background-color: #d06eb3}
.callbutton .callnow span.busy, .psychic-profile .psychic-profileblock .psychic-info .callbutton .callnow span.busy {display: none}

.mppMemberCenterMemberCenterMyTopUp .fancybox-skin {width: 100%; max-width: 240px}
#securityhelp {width: 90%; max-width: 240px;}
#securityhelp img {margin-bottom: 10px}
.page .whitebody .carousel.slide .carousel-inner .item a {background-position: center center;background-repeat: no-repeat;}
.mainpage .showcase .carousel.slide .carousel-inner .item a {background-position: center center;background-repeat: no-repeat;}
.hvr-shutter-out-vertical::before {background-color: #79d7a8}

.mppMemberCenterMemberCenterSimpleTopUp select.error {border: 1px solid #e65b42;}
.mppMemberCenterMemberCenterSimpleTopUp .breadcrumbs-block .bg {background: #ffffff !important;}
.mppMemberCenterMemberCenterSimpleTopUp .warningmessage {background-color: transparent; margin-top: 10px; margin-bottom: 10px; font-weight: bold}
.mppMemberCenterMemberCenterSimpleTopUp .paymentdetails1 {padding-bottom: 20px; padding-top: 20px}
.mppMemberCenterMemberCenterSimpleTopUp .paymentdetails1 a {font-weight: 700; text-decoration: none;}
.mppMemberCenterMemberCenterSimpleTopUp .paymentdetails1 a:hover {color: #e49dcc}
.mppMemberCenterMemberCenterSimpleTopUp .paymentdetails1 h2 {text-transform: uppercase; padding: 10px 0; font-size: 24px; line-height: 30px; border-bottom: 4px solid #f1d9e9; margin-bottom: 30px; font-weight: 600}
.mppMemberCenterMemberCenterSimpleTopUp .paymentdetails1 .col-xs-3 {width: 80px; padding-bottom: 10px; padding-right: 0}
.mppMemberCenterMemberCenterSimpleTopUp .paymentdetails1 .col-xs-3 .form-control {padding: 10px 0 10px 12px}
.mppMemberCenterMemberCenterSimpleTopUp .offers-inner .content-item .paymentdetails .form-horizontal .row {margin: 0 !important}
.mppMemberCenterMemberCenterSimpleTopUp .btn-wrapper {max-width: 100%; margin: 40px auto;}
.mppMemberCenterMemberCenterSimpleTopUp .btn-wrapper a {font-size: 16px; padding: 15px 25px; font-weight: 700; background-color: #00a678; color: #ffffff; text-decoration: none}
.mppMemberCenterMemberCenterSimpleTopUp .btn-wrapper a:hover {background-color: #79d7a8 }
.mppMemberCenterMemberCenterSimpleTopUp .paymentEndBox h2 {margin-top: 5px;font-size: 26px; line-height: 30px; font-weight: 700; color: #4b4391}
.mppMemberCenterMemberCenterSimpleTopUp .paymentEndBox h3 {font-size: 18px; line-height: 26px}
.mppMemberCenterMemberCenterSimpleTopUp .paymentEndBox h3 b {color: #03a678; font-size: 18px; line-height: 26px; font-weight: 700; display: inline-block}
.mppMemberCenterMemberCenterSimpleTopUp .paymentEndBox h3 strong {font-size: 18px; line-height: 26px; font-weight: 700; color: #4b4391}
.mppMemberCenterMemberCenterSimpleTopUp .paymentEndBox a.submit {background-color: #a33b84;color: #ffffff;display: inline-block;font-size: 16px;font-weight: 600;line-height: 22px;padding: 15px 25px;text-decoration: none;text-transform: uppercase;margin-top: 15px}
.mppMemberCenterMemberCenterSimpleTopUp .paymentEndBox a.submit:hover {background-color: #d06eb3}

.mppCMSCMScontentPage .page.landingpage .whitebody .smslanding .slide1 {min-height: 570px; background-size: cover}
.mppCMSCMScontentPage .page.landingpage .whitebody .smslanding .smsheader {position: relative; margin-top: -15px;}
.mppCMSCMScontentPage .page.landingpage .whitebody .smslanding h1 strong {font-size: 50px}
.mppCMSCMScontentPage .page.landingpage .whitebody .smslanding .slide1 .testimonial .text {line-height: 24px}
.mppCMSCMScontentPage .page.landingpage .whitebody .smslanding .slide2 .row {margin-right: 0}
.mppCMSCMScontentPage .page.landingpage .whitebody .smslanding .slide2 .row div:nth-child(3), .mppCMSCMScontentPage .page.landingpage .whitebody .smslanding .slide4 strong, .mppCMSCMScontentPage .landingpage .whitebody .smslanding .slide4 .sample  {color: #ffffff}
.mppCMSCMScontentPage .page.landingpage .whitebody .smslanding .slide2 strong {color: #ffffff; padding: 5px 0}
.mppCMSCMScontentPage .page.landingpage .whitebody .smslanding .slide2 .row div:nth-child(2) {padding-top: 20px; background-position: 25px 15px}
.mppCMSCMScontentPage .page.landingpage .whitebody .smslanding .slide4 ul, .mppCMSCMScontentPage .page.landingpage .whitebody .smslanding .slide4 ul li, .mppCMSCMScontentPage .page.landingpage .whitebody .smslanding .slide6 .faq ul, .mppCMSCMScontentPage .page.landingpage .whitebody .smslanding .slide6 .faq ul li, .mppCMSCMScontentPage .page.landingpage .whitebody .smslanding .slide4 ul li {list-style: outside none}

.whitebody .horoscopes h1.astrotitle {color: #9696a4; display: block;float: left;font-size: 30px;line-height: 38px;margin-bottom: 0;padding-right: 15px;font-weight: 400; letter-spacing: -1px; margin-top: 1px; padding-top: 0}
.whitebody .horoscopes p {font-size: 14px; line-height: 22px;}
.whitebody .horoscopes {padding-bottom: 10px;}
.zodiac-signs .signblocks .hvr-pop {transform: none}
.page .whitebody .horoscope-content .module .zodiac-signs {padding-bottom: 35px}
.whitebody .horoscope-content .module .zodiac-signs .signblocks .hvr-pop img {max-width: 100%}
.priceblock .line {display: none}
.write-review .textblock {font-size: 14px; line-height: 22px; padding: 0 20px 25px 20px}
.write-review .review-image {overflow: hidden; border: 3px solid #d06eb3; border-radius: 50%; width: 120px; height: 120px; text-align: center}
.write-review .review-image img {height: 100%; width: auto; margin-left: -35%}    
.write-review .rate-psychic {padding-right: 15px}       
.write-review .rate-psychic .star {display: inline-block; cursor: pointer; text-align: center; height: 35px;}
.write-review .rate-psychic .star:before {content: ""; font-family: FontAwesome; font-size: 22px; color: #fbbb13; margin-right: 5px}
.write-review .rate-psychic .star:hover:before, .write-review .rate-psychic .star.selected:before, .write-review .rate-psychic .star.selected .star:before {content: "";}

.rating {border: none;float: left; margin-left: -3px; margin-bottom: -3px}
.rating > input { display: none; } 
.rating > label:before {margin: 3px;font-size: 22px;font-family: FontAwesome;display: inline-block;content: "";font-weight: 400}
.rating > label {float: right; cursor: pointer;color: #fbbb13}
.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #fbbb13; } /* hover previous stars in list */
.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #fbbb13;  } 
.rating label:hover:before, .rating > input:checked ~ label:before, .rating:not(:checked) > label:hover ~ label:before {content: "";} 

.write-review .psychic-name {font-size: 24px; line-height: 28px; font-weight: 400}
.write-review .label {color: #252525}
.write-review textarea {min-height: 200px;}
.write-review .buttonouter {padding: 20px 15px;}
.video-outer {position: absolute; z-index: 3; width: 100%; top: 0; opacity: 0; overflow: hidden; transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
.psychic-image img {position: relative; z-index: 2}
.hidden-video-container {position: relative;padding-bottom: 30%;padding-top: 35%;height: 0;}
.hidden-video-container video, .cover-hidden-video-container video {position: absolute;top: 0;	left: 0;min-width: 100%;height: 100%;}
video::-webkit-media-controls {display:none !important;}
.cover-video-outer {position: absolute; z-index: -1; width: 100%; top: 0; opacity: 0; overflow: hidden; transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
.cover-hidden-video-container {position: relative;padding-bottom: 29.3%;padding-top: 29.3%;height: 0;}
.videointro { background-color: #01A525; opacity: 1; color: #ffffff; position: absolute; top: 10px; left: 10px; z-index: 60; text-align: center; border-radius: 4px;}
.videointro a {color: #ffffff; text-decoration: none; display: block; padding: 6px 12px 6px 12px; font-size: 12px; line-height: 14px; font-weight: bold; text-transform: uppercase;}
.videointro a i {color: #ffffff; font-size: 14px !important; padding-right: 8px; float:left;}
.videointro:hover {background-color: #000000; transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;}
.videointro span {text-transform: uppercase; display: block; color: #ffffff}
.ftvideo .videointro {display: none}
.hasvideo .videointro {display: block !important}

.review-header {padding-bottom: 30px; display: table; width: 100%}
.review-header .inner {display: table-row}
.psychic-review-image {display: table-cell; width: 140px}
.psychic-name-stars {display: table-cell; vertical-align: bottom; text-align: left}
.psychic-name-stars .rate-psychic .help-block, .write-review .form-group .help-block {display: none}
.write-review .form-group.has-error .help-block {display: block}
.psychic-name-stars .rate-psychic.has-error .help-block {color: #ffffff; border-radius: 4px; background-color: #a94442; display: inline-block !important; padding: 4px 10px; font-weight: 600; font-size: 14px; line-height: 20px; margin-top: 0; margin-bottom: 5px}
.psychic-name-stars .rate-psychic .info {border-radius: 4px; display: inline-block; padding: 4px 10px; font-weight: 600; border: 1px solid #cccccc; font-size: 14px; line-height: 20px}
.psychic-name-stars .rate-psychic.has-error .info {display: none}
.mppFtFtProfile .pagination-block {padding: 0 0 50px 0}
.toanchor {padding: 0 0 30px 20px}
.toanchor a, .toanchor a span {font-weight: 600; cursor: pointer; text-decoration: none;color: #a33b84}
.toanchor a span {display: inline-block;}
.toanchor a i {color: #a33b84; font-size: 17px; margin-right: 10px; display: inline-block;}
.toanchor a:hover, .toanchor a:hover i, .toanchor a:hover span {color: #de89c8;}
.playmeblock {padding: 20px 10px 15px 0; margin-top: -5px}

.mppMemberCenterMemberCenterRegister .form-wrapper .buttonholder.backtoreg, .mppMemberCenterMemberCenterLogin .form-wrapper .buttonholder.backtoreg {float: left; padding: 10px 5px 5px 0;}
.mppMemberCenterMemberCenterRegister .form-wrapper .buttonholder.forgotpass, .mppMemberCenterMemberCenterLogin .form-wrapper .buttonholder.forgotpass {float: right; padding: 10px 0 5px 5px;}


.mppMemberCenterMemberCenterForgetPassword .whitebody .col-xs-12.col-sm-12.col-md-8.col-md-push-4, .mpmMemberCenter.mppMemberCenterMemberCenterResetPW .whitebody .col-xs-12.col-sm-12.col-md-8.col-md-push-4, .mppMemberCenterMemberCenterForgetPasswordSent .page .whitebody .col-xs-12.col-sm-12.col-md-8.col-md-push-4 {left: 0 !important; width: 100% !important}
.mppMemberCenterMemberCenterForgetPassword .whitebody .content-item .content-title h2, .mppMemberCenterMemberCenterResetPW .page .whitebody .content-item h1, .mppMemberCenterMemberCenterForgetPasswordSent .whitebody .content-item .content-title h2 {color: #4b4391; font-size: 28px;font-weight: 600; line-height: 34px; margin-top: 0; padding-top: 0; text-transform: uppercase;}
.mppMemberCenterMemberCenterResetPW .page .whitebody .content-item h2 {font-size: 18px; line-height: 26px; padding-bottom: 10px}
.mppMemberCenterMemberCenterForgetPassword .whitebody .item-content .item-head-shadow .form .row, .mppMemberCenterMemberCenterResetPW .page .whitebody .content-item .form .row {margin: 0 !important}
.mppMemberCenterMemberCenterForgetPassword .whitebody .form .row .inputholder input, .mpmMemberCenter.mppMemberCenterMemberCenterResetPW .whitebody .form .row .inputholder input {width: 300px; max-width: 100%;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;color: #555;display: block;font-size: 14px;height: 42px;line-height: 1.42857;padding: 10px 12px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
.mppMemberCenterMemberCenterForgetPassword .whitebody .form .row .inputholder input.error, .mpmMemberCenter.mppMemberCenterMemberCenterResetPW .whitebody .form .row .inputholder input.error {border-color: #e65b42}
.mppMemberCenterMemberCenterForgetPassword .whitebody .form .submit, .mpmMemberCenter.mppMemberCenterMemberCenterResetPW .whitebody .form .submit {margin-top: -15px; background-color: #a33b84;color: #ffffff;display: inline-block; font-size: 16px; font-weight: 600; line-height: 22px; padding: 15px 25px; text-decoration: none; text-transform: uppercase;}
.mppMemberCenterMemberCenterForgetPassword .whitebody .form .submit:hover, .mpmMemberCenter.mppMemberCenterMemberCenterResetPW .whitebody .form .submit:hover {background-color: #d981c1}
.mppMemberCenterMemberCenterForgetPassword .whitebody .inputholder .note, .mpmMemberCenter.mppMemberCenterMemberCenterResetPW .whitebody .inputholder .note {color: #e65b42}
.mppMemberCenterMemberCenterForgetPassword .breadcrumbs, .mpmMemberCenter.mppMemberCenterMemberCenterResetPW .breadcrumbs {display: none}
.mppMemberCenterMemberCenterForgetPassword .whitebody .item-content .item-head-shadow, .mppMemberCenterMemberCenterForgetPasswordSent .whitebody .content-item .item-content .item-head-shadow {font-size: 16px; line-height: 24px}
.mppMemberCenterMemberCenterForgetPassword .page .whitebody {padding: 20px}

.functionstoggle {display: block; cursor: pointer; float: right; width: 40px; height: 40px; margin-bottom: -10px; padding: 8px 5px 0 0; text-align: right; position: relative; z-index: 5}
.deletemail {display: block}
.functionstoggle i {color: #ffffff; font-size: 22px; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit}

.mailblockheader .functions .markunread:before {color: #a33b84; content: ""; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 22px; position: absolute; left: 15px;}
.mailblockheader .functions .markread:before {color: #a33b84; content: ""; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 22px; position: absolute; left: 15px;}
.mailblockheader .functions .movetotrash:before {color: #a33b84; content: ""; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 22px; position: absolute; left: 15px;}
.unread .chckboxcell, .unread .pictureblock, .unread .nameblock, .unread .titlecell, .unread .datecell {background-color: #f6e7f1}
.emailsframe .framepadding {border-bottom: 2px solid #f1d9e9}

.mppMemberCenterMemberCenterResetPW .page .whitebody .label, .mppMemberCenterMemberCenterForgetPassword .page .whitebody .label {color: #252525; display: block; text-align: left; padding: 5px 0 5px 10px}
.mppMemberCenterMemberCenterResetPW .inputholder, .mppMemberCenterMemberCenterForgetPassword .inputholder {padding-bottom: 15px}
.mppMemberCenterMemberCenterForgetPassword .page .whitebody .item-head-shadow .form {padding-top: 15px}
.mppMemberCenterMemberCenterResetPW .note.error, .mppMemberCenterMemberCenterForgetPassword .note.error {padding-left: 10px}

/* JOS BANNER */
.ftbanner {margin-top:60px;}
.ftbanner .container {position:relative;}
.ftbanner {background-position:center center; background-repeat:no-repeat;background-size:cover;border-top:1px solid #ebdfb4;box-shadow:inset 0px 1px 1px #ffffff; text-align:center;}
.ftbanner .ftimg {display:inline-block; margin-top:-60px; margin-left:-50px;}
.ftbanner .fttexts {display:inline-block;padding-top:40px;margin-left:-20px; vertical-align:top;}
.ftbanner .headline {font-size:30px;color:#37765c;text-align:left;line-height:32px;text-transform:uppercase;font-weight:900;letter-spacing:-2px;margin-bottom:8px;}
.ftbanner .ftmsgcta {float:left;}
.ftbanner .msg {float:left; text-align:left;}
.ftbanner .msg .inner {font-size:16px;line-height:20px;padding:13px 15px 18px 15px;border-radius:20px;background: -moz-linear-gradient(left, rgba(253,249,217,0.8) 0%, rgba(253,249,217,0) 100%);background: -webkit-linear-gradient(left, rgba(253,249,217,0.8) 0%,rgba(253,249,217,0) 100%);background: linear-gradient(to right, rgba(253,249,217,0.8) 0%,rgba(253,249,217,0) 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf9d9', endColorstr='#00fdf9d9',GradientType=1 );}
.ftbanner .msg .inner strong {display:block;font-size:16px;line-height:20px;}
.ftbanner .cta {float:left; padding-top:10px; text-align:left;}
.ftbanner .cta a {display:inline-block;border-radius:10px;background:#f07900;box-shadow:2px 2px 0px #bc5c00;color:#ffffff;text-shadow:0px 0px 5px rgba(0,0,0,0.4);font-size:20px;font-weight:700;padding:14px 10px;text-decoration:nonel;}
.ftbanner .cta a:hover {text-decoration:none;background:#ff8100;}

/*SOCIAL SHARE */
.articles-share {overflow:hidden;}
.social-share {display: inline-block; float: right}
.social-share a {margin: 0px 5px 20px 0px; width: 40px; height: 40px; display: block; float:right; line-height: 40px; text-align: center; color: #fff !important; font-size: 14px; font-weight: bold; text-transform: uppercase; text-decoration:none; box-sizing:border-box;}
.social-title {font-weight:900;}
.social-share a:hover {background-color: #777777}
.social-share a {background-color: #aaaaaa; }
.social-share a i {padding-right: 10px; line-height: 40px; color:#ffffff !important; font-size: 20px}
.social-share a i {padding:0px;}
.social-share a span {color:#ffffff !important; margin-left:10px;}

/*JOS AJANLO CIKKOLDALRA*/

.ft_dedicatory {margin-bottom:30px;	overflow:hidden;}
.ft_dedicatory figure {float:left;	width:200px; overflow:hidden;}
.ft_dedicatory figure img {transform:translateX(-70px); height:200px !important; width:343px;}
.ft_dedicatory .outer {overflow:hidden; padding:15px 0;}
.ft_dedicatory .inner {background: #f0f0f0; background: -moz-linear-gradient(top, #f0f0f0 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #f0f0f0 0%,#ffffff 100%); background: linear-gradient(to bottom, #f0f0f0 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 );}
.ft_dedicatory .tdata {padding:10px 15px; background:url(../images/quote-icon.png) no-repeat 95% center;}
.ft_dedicatory h3 {margin:0 0 10px 0; font-size:18px; line-height:20px; font-weight:600;}
.ft_dedicatory .ttxt {font-style:italic; margin-bottom:10px;}
.ft_dedicatory .tname {font-weight:600;display:inline-block;}
.ft_dedicatory .tdate {font-weight:100; font-size:12px; display:inline-block; margin-left:10px; padding-left:10px; border-left:1px solid #cfcfcf;}
.ft_dedicatory .ftdata {border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; vertical-align:top;}
.ft_dedicatory .ftname {padding:10px 10px 10px 15px; text-transform:uppercase; display:inline-block;}
.ft_dedicatory .ftname a {font-size:18px; text-decoration:none;font-weight:600;}
.ft_dedicatory .ftname a:hover {color:#d06eb3;}
.ft_dedicatory .ftline {padding:11px 10px; font-size:14px; font-weight:300;	 text-transform:uppercase; display:inline-block; border-left:1px solid #e9e9e9;}
.ft_dedicatory .ftstatus {padding:10px 0px; text-transform:uppercase; display:inline-block;}
.ft_dedicatory .ftstatus span {font-size:10px; font-weight:400; display:none; padding:1px 5px; color:#ffffff; margin-top:-2px;}
.ft_dedicatory.online .ftstatus span.online {display:block; background:#2db90d;}
.ft_dedicatory .ftmore {padding:10px; display:inline-block;}
.ft_dedicatory .ftmore a:hover {color:#d06eb3;text-decoration:none;}



.dropdownmenu {list-style: outside none none; margin: 0 !important; padding: 0 !important; z-index: 11;}
.dropdownmenu li {list-style: outside none none; display: block; float: left}
.dropdownmenu li li {float: none; color: #252525}
.dropdownmenu li a {font-weight: 700; text-transform: uppercase; text-decoration: none; display: block; float: left; padding: 15px 13px; font-size: 14px; position: relative;}
.dropdownmenu li li a {font-weight: 300; text-transform: none; text-decoration: none; display: block; padding: 8px 20px; font-size: 14px; position: relative; color: #252525; width: 100%; border-bottom: 1px solid #e9dce5}
.dropdownmenu li li a:hover {background-color: #ffffff; color: #a33b84 !important}
.dropdownmenu li:hover a {background-color: #ffffff;}
.dropdownmenu li.last a {border-bottom: none !important}
.dropdownmenu li a:focus, .dropdownmenu li a:visited {color: #a33b84}
.dropdownmenu li li a:focus, .dropdownmenu li li a:visited {color: #252525}
.dropdownmenu li.active a {background-color: #d06eb3; color: #ffffff}
.dropdownmenu .featured a {background-color: #f08d28; color: #ffffff !important}
.dropdownmenu .featured a:hover {background-color: #f9b710;}
.dropdownblock {display: none; border-bottom: 4px solid #d06eb3;position: absolute; z-index: 100; width: 100%; left: 0; background-color: #ffffff; padding-top: 10px; padding-bottom: 15px; top: 50px; -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);}
.headerdrop {background-color: #f1d9e9; position: relative;}
.headerdrop .container, .headerdrop .hidden-xs {position: unset}
.headerdrop>.container>.row{display: flex; justify-content: space-between;}
.headerdrop>.container>.row .col-lg-8{width: auto!important; flex:1 1 auto!important; padding-right: 0;	}
.headerdrop>.container>.row .col-lg-4{width: auto!important; padding-left: 0;}
.headerdrop>.container>.row .col-lg-4 .buttons-wrapper-v2 .clear{display:none;}
.ftthemonth {width: 100%; height: 160px; margin-top: 14px}
.dropdownmenu .haschild a {padding-right: 30px}
.dropdownmenu .haschild a:after { content: ""; font-family: FontAwesome; position:absolute; font-size: 20px; top: 14px; right: 5px }
.dropdownmenu .haschild li a:after {display: none}
.dropdownmenu li:hover .dropdownblock, .dropdownblock:hover {display: block}
.dropdownblock .container {position: relative;}
.body-wrapper {position: relative; z-index: 0}
.dropdownblock span.free {display: inline-block; color: #ffffff; font-weight: 700; font-size: 10px; background-color: #a33b84; text-transform: uppercase; line-height: 12px; padding: 2px 3px; margin-left: 6px}
.selectstarsign {width: 100%; height: 160px; margin-top: 8px}
.selectstarsign .title {text-align: center; width: 100%; font-size: 14px; font-weight: 600; color: #252525; height: 27px}
.dropdownmenu .starblocks a.sign {text-transform: none; padding-right: 0; padding-left: 0; float: none; display: block; text-align: center; font-size: 12px; font-weight: 700; color: #ffffff; cursor: pointer; padding-top: 45px; background-repeat: no-repeat; background-position: center 9px}
.dropdownmenu .starblocks a.sign:after {display: none}
.starblocks .aries {background-image: url(../images/new/sign-aries-f.png)}
.starblocks .taurus {background-image: url(../images/new/sign-taurus-f.png)}
.starblocks .gemini {background-image: url(../images/new/sign-gemini-f.png)}
.starblocks .cancer {background-image: url(../images/new/sign-cancer-f.png)}
.starblocks .leo {background-image: url(../images/new/sign-leo-f.png)}
.starblocks .virgo {background-image: url(../images/new/sign-virgo-f.png)}
.starblocks .libra {background-image: url(../images/new/sign-libra-f.png)}
.starblocks .scorpio {background-image: url(../images/new/sign-scorpio-f.png)}
.starblocks .sagittarius {background-image: url(../images/new/sign-sagittarius-f.png)}
.starblocks .capricorn {background-image: url(../images/new/sign-capricorn-f.png)}
.starblocks .aquarius {background-image: url(../images/new/sign-aquarius-f.png)}
.starblocks .pisces {background-image: url(../images/new/sign-pisces-f.png)}

.selectstarsign .starblocks .signsbg {border: 1px solid #ffffff; width: 16.6666%; height: 69px; float: left;background: rgb(163,59,132); background: -moz-linear-gradient(top, rgb(163,59,132) 0%, rgb(205,110,172) 100%); background: -webkit-linear-gradient(top, rgb(163,59,132) 0%,rgb(205,110,172) 100%); background: linear-gradient(to bottom, rgb(163,59,132) 0%,rgb(205,110,172) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a33b84', endColorstr='#cd6eac',GradientType=0 ); }
.selectstarsign .starblocks .signsbg a {background-color: transparent !important}
.selectstarsign .starblocks .signsbg:hover, .starblocks .signsbg:hover, .starblocks .signsbg.selected {background: rgb(200,104,167); background: -moz-linear-gradient(top, rgb(200,104,167) 0%, rgb(239,186,222) 100%); background: -webkit-linear-gradient(top, rgb(200,104,167) 0%,rgb(239,186,222) 100%); background: linear-gradient(to bottom, rgb(200,104,167) 0%,rgb(239,186,222) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c868a7', endColorstr='#efbade',GradientType=0 ); }
.dropdownblock .ftthemonth {background-image: url(../images/new/ftofthebg.jpg); background-position: center center; cursor: pointer; background-repeat: no-repeat; background-size: cover}
.dropdownblock .ftthemonth .ftimage img {height: 100%; width: auto; margin-left: -32%}
.dropdownblock .ftthemonth .ftimage {border-radius: 50%; width: 130px; height: 130px; border: 4px solid #ffffff; overflow: hidden; margin: 10px auto -24px auto}
.dropdownblock .ftthemonth .left {width: 55%; float: left; text-align: center}
.dropdownblock .ftthemonth .right {width: 45%; float: left; text-align: center; margin-left: -20px}
.dropdownblock .ftthemonth .left .stamp .stampname {text-align: center; min-width: 140px; display: inline-block; color: #ffffff; font-weight: 700; font-size: 16px; line-height: 20px; text-transform: uppercase; position: relative; z-index: 30}
.dropdownblock .ftthemonth .left .stamp .stampname span {padding: 4px 10px; background-color: #f1d9e9; display: block; position: relative; z-index: 10; color: #a33b84; font-size: 16px; line-height: 20px}
.dropdownblock .ftthemonth .left .stamp .stampname:before {border-color: #d4aec7 #d4aec7 #d4aec7 transparent; border-style: solid;border-width: 15px 12px; content: " "; height: 0; left: -24px; position: absolute; top: 5px; width: 45px; z-index: 0;}
.dropdownblock .ftthemonth .left .stamp .stampname:after {border-color: #d4aec7 transparent #d4aec7 #d4aec7; border-style: solid;border-width: 15px 12px; content: " "; height: 0; right: -24px; position: absolute; top: 5px; width: 45px; z-index: 0;}
.dropdownmenu li a:hover {color: #a33b84}
.dropdownblock .ftthemonth .right .josbadge {display: inline-block; margin: 15px auto 0 auto; max-width: 100%}
.dropdownblock .ftthemonth .right .josbadge .branchleft {background: rgba(0, 0, 0, 0) url("../images/new/aww-left.png") no-repeat scroll left center; padding-left: 50px;}
.dropdownblock .ftthemonth .right .josbadge .branchright {background: rgba(0, 0, 0, 0) url("../images/new/aww-right.png") no-repeat scroll right center; padding-right: 50px; margin-right: -20px}
.dropdownblock .ftthemonth .right .josbadge .title {display: block; font-size: 18px; line-height: 22px; color: #ffffff; font-weight: 600; padding-top: 36px; min-height: 128px; margin-bottom: -20px}
.dropdownblock .ftthemonth .right .josbadge .title span {display: block; font-size: 24px; line-height: 26px; color: #ffcd4f; text-transform: uppercase; font-weight: 900; padding-top: 4px}
.notfound-error {text-align: center; padding: 40px 20px 20px 20px}
.notfound-img {width: 300px; height: auto; max-width: 100%}
.notfound-text {font-size: 18px; line-height: 24px; text-align: center; font-weight: bold}

.category .container-fluid {margin-bottom: 10px; padding: 50px 0 10px 0;}
.category .body1 .callblock {margin-bottom: 10px}
.category h1.title {color: #4b4391; font-size: 36px;font-weight: 400;line-height: 46px;padding-top: 0;text-align: center;text-transform: uppercase; margin-top: 0}
.categoryblock {margin-bottom: -20px}
.categorydesc h2 {font-size: 22px; line-height: 26px; font-weight: bold; display: block; color: #252525; margin-top: 15px; padding-bottom: 10px}
.categorydesc p, .categorydesc i, .categorydesc b, .categorydesc strong, .categorydesc em {font-size: 16px; line-height: 24px; color: #252525}
.categorydesc p {display: block}
.categorydetails .textpadding {padding: 60px 15px}
.categorydetails .textpadding ul {list-style: outside none; padding: 15px 0; position: relative}
.categorydetails .textpadding li {list-style: outside none; padding:  0 15px 5px 15px; position: relative}
.categorydetails .textpadding li:before {content: ""; font-family: FontAwesome; top: -1px; left: 0px; position:absolute; color: #25408f; font-size: 12px}
.categorydetails .textpadding h3 {font-size: 16px; line-height: 24px; font-weight: bold; padding-bottom: 5px}
.categorydetails .textpadding p, .categorydetails .textpadding i, .categorydetails .textpadding b, .categorydetails .textpadding strong, .categorydetails .textpadding em {font-size: 14px; line-height: 22px}
.categorydetails .textpadding a {font-size: 14px; line-height: 22px; text-decoration: none}
.categorydesc a {font-size: 16px; line-height: 24px; color: #a33b84; text-decoration: none}
.categorydetails .textpadding p a:hover, .categorydesc a:hover {color: #de89c8}
.insert {padding-top: 15px !important; padding-bottom: 50px !important; clear: both}
.mppFtFtcategory .body9 {padding-top: 0}
.ftcat {text-align: center; font-size: 22px; line-height: 26px; margin-bottom: 0; font-weight: bold;}

.josok .testimonials {clear: both; margin: 60px 0 40px 0; background: #5f2861 url("../images/testimonialbg.jpg") no-repeat scroll center center / cover; padding: 50px 0 25px; text-align: center;}
.josok .testimonials article {background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;color: #ffffff;margin-bottom: 25px;padding: 25px;text-align: left;}
.josok .testimonials article .stars i {color: #e4a600;font-size: 28px;margin-bottom: 5px;}
.josok .testimonials article p, .josok .testimonials strong, .josok .testimonials em, .josok .testimonials b, .josok .testimonials i {color: #ffffff; font-size: 14px; line-height: 22px}
.josok .testimonials article a {text-decoration: none; color: #e4a600; font-size: 14px; line-height: 22px; font-weight: bold}
.josok .testimonials article .signature {color: #ffffff;}
.josok .testimonials article .signature span {color: #ffffff; font-style: italic}
.josok .testimonials .normaltitle {color: #ffffff;font-size: 36px;font-weight: 400;line-height: 46px;padding-bottom: 20px;text-align: center;text-transform: uppercase;}
.josok .testimonials article h4 {font-size: 22px; line-height: 26px; color: #ffffff}
section.newsletter {padding: 70px 0 !important; background: #c8c5da; background: -moz-linear-gradient(top, #c8c5da 0%, #edecef 100%); background: -webkit-linear-gradient(top, #c8c5da 0%,#edecef 100%); background: linear-gradient(to bottom, #c8c5da 0%,#edecef 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c5da', endColorstr='#edecef',GradientType=0 );}

.newsletter h2, .newsletter .headings {text-align: right !important;}
.newsletter h2 {margin-top: 4px}
.newsletter .headings {font-size: 18px;line-height: 22px; padding-bottom: 40px}
.newsletter input, .newsletter select {border: medium none !important;font-size: 14px !important;height: auto !important;padding: 15px !important;}
.newsletter .chkboxes .chbholder {color: #000000; position: relative;}
.newsletter .chkboxes .chbholder a {color: #a33b84;}
.newsletter .chkboxes .chbholder a:hover {color: #84306b;}
.newsletter .dateofbirth {padding: 20px 0 5px 0; font-size: 14px; line-height: 22px; font-weight: normal}
.other h4 {position: relative; padding: 0 15px 15px 15px; font-size: 18px; line-height: 24px; text-align: center; margin-top: 0}
.other h4:before {background: #dfdfdf none repeat scroll 0 0; content: ""; height: 1px; left: 0; position: absolute; top: 35%; width: 100%; z-index: 20}
.other h4 span {background: #ffffff; position: relative; z-index: 30; font-size: 18px; line-height: 24px; font-weight: bold; display: inline-block}
.other {padding-bottom: 15px}
.newsletter .error input, .newsletter input.error, .newsletter .error select, .newsletter .error input.checkbox {outline: 2px solid #cc0000 !important;}

.tarot-iskola-content .block {width: 19.6%} 
.tarot-iskola-content .padding {padding-top: 20px}
.tarot-iskola-content .block img {margin-top: 0 !important}

.tarot-iskola {background: url(http://hu.ezo.tv/template/wp/images/2018mar20/tarotbg.jpg); background-size: cover !important; padding: 70px 0 90px 0; position: relative}
.tarot-iskola .padding {width: 100%;}
.tarot-iskola .block {width: calc(10% - 4px); padding: 0 4px}
.tarot-iskola img {width: 100%; height: auto; margin-bottom: 30px}
.tarot-iskola h3 {color: #ffffff; font-size: 36px; font-weight: 900;line-height: 46px; padding: 0 10px 10px 10px; text-align: center; text-transform: uppercase; position: relative; z-index: 2}
.tarot-iskola h4 {color: #ffffff; font-size: 20px; font-weight: 600; line-height: 30px; text-align: center; padding: 0 10px 40px 10px;position: relative; z-index: 2}
.tarot-iskola h4 a{color: #ffffff; font-size: 20px; font-weight: 600; line-height: 30px; text-decoration: underline}
.tarot-iskola h4 a:hover {color: #d981c1;}
.tarot-iskola .ovrlay {background-color: transparent; background-image: linear-gradient(180deg, #0c0105 40%, #8e1d5d 72%); opacity: 0.6; transition: background 0.3s ease 0s, border-radius 0.3s ease 0s, opacity 0.3s ease 0s; z-index: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.featured-themes {position: relative; padding: 70px 0 90px 0;}
.featured-themes, .featured-themes .grouptitle span {background-color: #ffffff}
.featured-themes .links ul, .featured-themes .links ul li {list-style: outside none none}
.featured-themes .links {display: block; margin: 0 auto; text-align: left; width: 270px; max-width: 100%}
.featured-themes .grouptitle {position: relative; z-index: 2; text-align: center; font-weight: 700; font-size: 24px; line-height: 30px; padding: 15px 15px 15px 15px; margin-top: 25px}
.featured-themes .grouptitle::before {background: #f1d9e9 none repeat scroll 0 0; content: ""; height: 4px; left: 0; position: absolute; top: 50%; width: 100%; z-index: 2; }
.featured-themes .grouptitle span {word-break: break-word;text-align: center; font-weight: 700; font-size: 24px; line-height: 30px; display: inline-block; position: relative; z-index: 3; padding: 5px 15px}
.featured-themes .block {text-align: center; padding: 0 30px}
.featured-themes .links a {display: block; padding: 5px 0; text-decoration: none; font-weight: 700}
.featured-themes .links a:hover, .featured-themes .links a:active, .featured-themes .links a:focus {color: #d06eb3}
.whitebody .featured-themes {padding: 0 0 40px 0}
.whitebody .featured-themes .padding {margin-top: -20px}
.whitebody .featured-themes .block {padding: 0 15px}

p.categoryinfo, p.ezoinfo {color: #888888}
h5.categoryinfo , h5.ezoinfo {font-weight: 700; font-size: 18px !important; line-height: 26px !important; color: #888888; margin-top: 0}
.categoryinfo a, .ezoinfo a {font-size: 18px !important; line-height: 26px !important; color: #a33b84; font-weight: 600; text-decoration: none}
.categoryinfo a:hover, .ezoinfo a:hover {color: #d06eb3}
.articles-share .social-title {float: left; padding-bottom: 10px; color: #555555}
.infoline-first {height: 1px; background-color: #e3d6e8; color: #e3d6e8; margin-top: 50px; margin-bottom: 30px}
.infoline {height: 1px; background-color: #e3d6e8; color: #e3d6e8; margin-top: 30px; margin-bottom: 30px}
p.ezoinfo {margin-bottom: 20px}

.ccoffer {position: relative; padding: 60px 0 80px 0; background: url(http://hu.ezo.tv/template/wp/images/2018mar20/ccbg.jpg); background-size: 400px 400px; background-repeat: repeat;}  
.ccoffer .ovrlay {background-color: transparent; background-image: linear-gradient(180deg, #003a7d 40%, #236ac1 72%); opacity: 0.8; transition: background 0.3s ease 0s, border-radius 0.3s ease 0s, opacity 0.3s ease 0s; z-index: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.ccoffer .box {background-color: #ffffff; padding: 15px 15px 25px 15px; text-align: center; min-height: 295px}
.ccoffer .circleblock {position: absolute; z-index: 1; text-align: center; width: calc(100% - 30px); top: -40px}
.ccoffer .circle {background-color: #ffffff; border-radius: 50%; width: 80px; height: 80px; margin: 0 auto; position: relative}
.ccoffer .cover {background-color: #ffffff; width: 100%; height: 50px; position: absolute; top: 42px}  
.ccoffer .offer {position: relative; z-index: 2; min-height: 50px; display: inline-block; margin: 0 auto}
.ccoffer .circle, .ccoffer .box {border: 0px solid #a33b84}
.offerouter.card .circle:before {content: ""; font-family: FontAwesome; top: 29px; left: 22px; position:absolute; color: #25408f; font-size: 34px}
.offerouter.phone .circle:before {content: ""; font-family: FontAwesome; top: 28px; left: 27px; position:absolute; color: #25408f; font-size: 34px}
.ccoffer .title {text-align: center; padding-bottom: 70px}
.ccoffer .title h3 {text-align: center; color: #ffffff; font-size: 36px; line-height: 46px; font-weight: 400; text-transform: uppercase; padding-bottom: 10px}
.ccoffer .title h4 {text-align: center; color: #ffffff; font-size: 20px; line-height: 30px; font-weight: 600;}
.ccoffer .title .kiemel {color: #ffffff; display: inline-block; font-weight: 900; font-size: 18px}
.ccoffer .title .forint {color: #ffffff; display: inline-block; font-weight: 900; font-size: 24px}
.ccoffer .mode {text-align: center; text-transform: uppercase; font-size: 22px; padding: 20px 0 0 0; font-weight: 400; line-height: 28px}
.ccoffer .infotext {text-align: center; font-size: 14px; line-height: 20px; padding-top: 20px}
.ccoffer .offerouter.card {width: 420px; max-width: 100%; margin: 0 auto; position: relative}
.ccoffer .offerouter.phone {width: 280px; max-width: 100%; margin: 0 auto; position: relative}
.ccoffer .offerouter.card .first {display: inline-block; width: 90px; text-align: left}
.ccoffer .offerouter.card .second {display: inline-block; padding-right: 10px; text-align: left;}
.ccoffer .offerouter.card .third {display: inline-block; padding: 8px 8px 3px 7px; background-color: #258f41; color: #ffffff; text-align: left}
.ccoffer .offerouter.phone .first {text-align: center; padding: 20px 0 10px 0}
.ccoffer .offerouter.phone .second {text-align: center;}
.ccoffer .offerouter.phone .third {display: inline-block; margin: 10px auto 0 auto; padding: 8px 8px 3px 7px; background-color: #25408f; color: #111111; text-align: left}
.ccoffer .offerouter.phone .third .time, .ccoffer .offerouter.phone .third .min {color: #ffffff}
.ccoffer .offerrow .subs {font-weight: 700;}
.ccoffer .offerouter .second .time {font-weight: 900; font-size: 28px;color: #25408f}
.ccoffer .offerouter .second .min {font-weight: 700;color: #25408f}
.ccoffer .offerouter .third .time {font-weight: 900; font-size: 28px; color: #ffffff}
.ccoffer .offerouter .third .min {font-weight: 700; color: #ffffff}
.ccoffer .line {height: 2px; margin: 16px auto 10px auto; width: 100%; background-color: #25408f; opacity: 0.4}
.ccoffer .mainprice {color: #25408f; font-size: 34px; line-height: 40px; font-weight: 700; text-align: center; padding-bottom: 15px}
.ccoffer .iwantthis {width: 100%; text-align: center; padding-top: 20px}
.ccoffer .iwantthis .orderbutton {display: inline-block; cursor: pointer; padding-top: 20px}
.ccoffer .iwantthis .orderbutton .button-order {line-height: 22px; font-size: 16px; background-color: #f08d28; display: block; padding: 20px 30px; color: #ffffff; font-weight: 700; text-decoration: none}
.ccoffer .iwantthis .orderbutton .button-order:hover {background-color: #f9b710}
.ccoffer .iwantthis .orderbutton .button-order span {line-height: 26px; font-size: 20px; display: inline-block; color: #ffffff; font-weight: 700; text-decoration: none}
.ccoffer .anchor {position: absolute; width: 0; height: 0; padding: 0; margin: 0; text-decoration: 0; top: 0;}
.ccoffer .iwantthis .orderbutton i {vertical-align: text-bottom; display: inline-block; font-size: 26px; color: #ffffff; margin-left: 5px;}
.cms-privacy_policy .whitebody .htmlcontent ul {list-style: none; position: relative; margin-left: 15px; margin-bottom: 25px; line-height: 22px}
.cms-privacy_policy .whitebody .htmlcontent ul li {padding-left: 15px; position: relative; line-height: 22px}
.cms-privacy_policy .whitebody .htmlcontent li:before {content: "\f054";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit; color: #4b4391;font-size: 12px;position: absolute; top: 0; left: 0;}
.psychicblock .shortinfo {position: absolute; z-index: 31}
.psychicblock .shortinfo .details {position: relative; z-index: 32}
.mppArticleArticleByCategory .carousel {display: none !important}
.mppArticleArticleByCategory #articles { color: #634d8a; border-bottom: 1px solid #cccccc; display: block; width: 100%; padding: 6px 90px 10px 35px; text-align: left; font-size: 26px; line-height: 30px; font-weight: 600; margin-bottom: 15px; background-color: #ffffff; position: relative; text-transform: uppercase}
.mppArticleArticleByCategory #articles h1 {color: #634d8a; margin: 0; padding: 0; font-size: 26px; line-height: 30px; font-weight: 600; position: relative; text-transform: uppercase}
.mppArticleArticleByCategory #articles:before {content: "\f07c";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: none; color: #634d8a;font-size: 25px;position: absolute; top: 8px; left: 0;}
.mppArticleArticleByCategory .articles-content .chooser {top: 8px; right: 0px}
.articleinfo {color: #bbbbbb; font-size: 12px; text-transform: uppercase; line-height: 20px; font-weight: 600}
.articleinfo i {margin-right: 4px; color: #bbbbbb; font-size: 14px}
.articleinfo a {text-decoration: none; color: #bbbbbb; font-size: 12px; line-height: 20px; display: inline-block}
.articleinfo a:hover {color: #999999}
.articleinfo .categorytitle.first, .articleinfo .article-date, .articleinfo .tag.first {padding-left: 20px; position: relative}
.articleinfo .categorytitle.first:before {content: "\f07b";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: none; color: #bbbbbb;font-size: 14px;position: absolute; top: 0; left: 0;}
.articleinfo .tag.first:before {content: "\f02c";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: none; color: #bbbbbb;font-size: 14px;position: absolute; top: 0; left: 0;}
.articleinfo .article-date:before {content: "\f073";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: none; color: #bbbbbb;font-size: 14px;position: absolute; top: -2px; left: 0;}
.articleinfo .article-date, .articleinfo .tag.first {margin-left: 10px;}
.relatedblock {margin: 30px 0 30px 0; background-color: #cccccc}
.relatedblock a {text-decoration: none}
.relatedblock img {width: 100%; height: auto; margin: 0 !important}
.horline {width: 100%; height: 2px; margin: 15px 0; display: block; background-color: #f1d9e9 }

.infoblokk .signurls a {display: block; text-decoration: none; font-weight: bold; font-size: 14px;line-height: 22px; padding: 2px 0}
.infoblokk .signurls a:hover, .infoblokk .signurls a:active, .infoblokk .signurls a:focus {color: #d06eb3;}

.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .psychicframe .extblock {border-bottom: 0 none; width: auto; border-right: 0 none}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .psychicframe {border: 0 none}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .psychicblock .psychicframe .psychic .psychic-name  {bottom: 0; left: 0; padding: 3px 8px 4px 8px; width: auto; max-width: 100%; font-size: 18px; line-height: 22px; text-shadow: none; font-weight: 600}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .psychicblock.active .psychicframe .psychic .psychic-name {background-color: #03a678}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .psychicblock.busy .psychicframe .psychic .psychic-name {background-color: #e65b42}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .psychicblock.away .psychicframe .psychic .psychic-name {background-color: #a8a9ad}

.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .psychicblock .priceblock .group, .mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .psychicblock .extblock .group {background-color: #f1d9e9; padding: 3px 9px 3px 9px}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .psychicblock .priceblock .group, .mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .psychicblock .extblock .group .label {display: inline-block}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .psychicblock .priceblock .group, .mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .psychicblock .extblock .group .number {display: inline-block}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .psychicblock .priceblock .group, .mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .psychicblock .extblock .group .number a {color: #333333; font-size: 18px; padding-top: 4px}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .psychicblock .priceblock .group, .mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .psychicblock .extblock .group .number a:hover {color: #a33b84}

.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .offer {padding-top: 20px; color: #444444; text-align: left}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .offer .intro {padding: 0 50px 10px 20px; border-left: 6px solid #e4d7e8; margin-left: 15px}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .offer .info {font-size: 12px; line-height: 18px; color: #444444}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .offer .info span {font-size: 12px; line-height: 18px; color: #444444; display: inline-block}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .offer h6 a {font-weight: 700; text-decoration: none; color: #a33b84; font-size: 32px; line-height: 40px; display: inline-block}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .offer h6 {margin-top: 0; padding-top: 0}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .offer h6 a:hover {color: #d06eb3}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .offer h5 {font-size: 32px; line-height: 40px; font-weight: 700; margin-bottom: 0; padding-bottom: 0}
.mppArticleArticleDetail .whitebody .articles-content .article ul {list-style: none outside none; font-size: 18px; line-height: 26px; margin: 30px 0 25px 27px;}
.mppArticleArticleDetail .whitebody .articles-content .article ul li {list-style: none outside none; padding-left: 20px; position: relative; font-size: 18px; line-height: 26px}
.mppArticleArticleDetail .whitebody .articles-content .article ul li:before {position: absolute; left: 0; top: 0; content: "–"; font-size: 18px; line-height: 26px}

/* New Article category landing pages */
.TopicLanding .section-overlay {display:none !important;}

.TopicLanding * { font-size:16px; line-height:24px;}
.TopicLanding strong, .TopicLanding b {font-weight: bold;}
.TopicLanding a {font-family: inherit;font-size: inherit;text-decoration: underline; color: #a53b86;}
.TopicLanding a:hover {color: #de89c8;}
.TopicLanding p, .TopicLanding li  {margin: 0 0 20px 0;}
.TopicLanding h1, .TopicLanding h2, .TopicLanding h3, .TopicLanding h4, .TopicLanding li, .TopicLanding blockquote {font-family: 'Lora', serif;color: #524b4b;text-align: left;font-weight: bold; }
.TopicLanding .head h1 {font-size: 42px; line-height: 50px;margin: 60px 0 30px 0;width: 60%; padding-left: 0px; text-transform: uppercase;}
.TopicLanding h2 {font-size: 36px;line-height: 48px; }
.TopicLanding h3 {font-size: 36px;line-height: 48px; text-align: inherit;}
.TopicLanding h4 {font-size: 30px;line-height: 38px;text-align: center;}
.TopicLanding section h2, .TopicLanding section h3:not(.normaltitle), .TopicLanding section h4  {padding: 0px 0 20px 0;margin-top: 10px;}
.TopicLanding ul {list-style: none;padding: 0 0 0 30px;width: 90%;}
.TopicLanding li {list-style: none;position: relative;color: #7b7b7b;font-size: 18px;line-height: 26px;font-style: italic;  font-weight: normal;margin-left: 40px;}
.TopicLanding li:before {font-style: normal;}
.TopicLanding blockquote {border-left: 5px solid #bbb6e3;color: #7b7b7b;    font-size: 18px;line-height: 26px;  	font-weight: normal; font-style: italic;}
.TopicLanding a.jegyvasarlas {background-color: #fe6e1f;cursor: pointer;display: inline-block;font-size: 22px;line-height: 30px;padding: 20px 40px;text-decoration: none;margin-top: 20px;}
.TopicLanding a.jegyvasarlas:hover {color: inherit;}
.TopicLanding .head .hgroup {margin-bottom: 90px;}
.TopicLanding .head {background-size:cover !important;}
.TopicLanding .head * {color: #ffffff;font-size: 18px;line-height: 26px;}
.TopicLanding .head p {width: 70%;}
.TopicLanding .intro, .TopicLanding .topic-content1, .TopicLanding .topic-content2, .TopicLanding .cta-top-block, .TopicLanding .why-choose-this, .TopicLanding .cta-middle-block, .TopicLanding .pro-vs-contra, .TopicLanding .highlite-with-quote, .TopicLanding .cta-bottom-block, .TopicLanding .testimonials, .TopicLanding .psychics_rollup_callus {margin-bottom: 50px;}
.TopicLanding .topic-content2 {margin-bottom: 80px;}
.TopicLanding .intro .introblock { background: #ffffff none repeat scroll 0 0;border-radius: 10px;box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);margin-top: -30px;padding: 15px 30px 15px 30px;}
.TopicLanding .cta-top-block {position: relative; background-size: cover !important; padding: 100px 0;}
.TopicLanding .cta-top-block h2 {font-size: 50px; line-height: 60px;}
.TopicLanding .cta-top-block *, .TopicLanding .cta-middle-block * {color: #ffffff;}
.TopicLanding .cta-top-block .arrow {position: absolute; z-index: 100; width: 180px; height: auto; top: -70px; left: 58%;}
.TopicLanding .cta-top-block .arrow img {width: 100%; height: auto;}
.TopicLanding p.bigger {color: #7b7b7b;font-size: 20px; line-height: 28px; text-align: center; font-style: italic; padding-bottom: 15px;width: 800px;max-width: 100%;margin: auto;}
.TopicLanding .cta-middle-block {background-size: cover !important; padding: 60px 0; text-align: center; position: relative;}
.TopicLanding .cta-middle-block .presented {text-transform: uppercase; letter-spacing: 1px;}
.TopicLanding .cta-middle-block .date {margin-bottom: 40px;}
.TopicLanding .pro-vs-contra ul {margin-top: 40px;}
.TopicLanding .why-choose-this ul {margin-top: 20px;}
.TopicLanding .why-choose-this ul li, .TopicLanding .pro-vs-contra ul li {color: #7b7b7b;margin-bottom: 50px;}
.TopicLanding ul li::before, .TopicLanding section.intro .introblock .introtext .fancylist ul li::before {content:"\f046"; font-family: FontAwesome; font-size: 25px; position: absolute; color: #03a678; margin-left: -40px; top: 4px;}
.TopicLanding .pro-vs-contra h4 {font-family: inherit;}
.TopicLanding .pro-vs-contra .left li::before {font-size: 50px; margin-left: -60px; margin-top: 12px;}
.TopicLanding .pro-vs-contra .right li::before {content:"\f00d"; font-size: 50px;color: #e65b42; margin-left: -55px; margin-top: 7px;}
.TopicLanding .pro-vs-contra .quot {padding-top: 50px; clear: both}
.TopicLanding .highlite-with-quote .blockquote {display: block; width: 100%; padding: 10px 10px 10px 15px; }
.TopicLanding .highlite-with-quote .blockquote p {color: #ffffff;font-size: 20px; line-height: 28px; z-index: 5; position: relative; margin: 0; padding: 0;font-style: italic;}
.TopicLanding .highlite-with-quote .spr {height: 70px}
.TopicLanding .why-choose-this img {width: 430px;max-width: 100%;margin-top: 30px; margin-bottom: 50px; height: auto;}
.TopicLanding .highlite-with-quote img {max-width: 100%}
.TopicLanding .testimonials .testimonial {border: 6px solid #f1d9e9; padding: 18px; }
.TopicLanding .testimonials .nameblock {float: left; padding-left: 15px}
.TopicLanding .testimonials .nameblock p.name {letter-spacing: 1px; font-size: 20px; margin: 0; padding: 0}
.TopicLanding .testimonials .author {width: 50px; height: 50px; float: left; margin-bottom: 15px}
.TopicLanding .testimonials .created {color: #7b7b7b;font-weight: 400;letter-spacing: 1px;font-size: 13px;line-height: 18px;margin-top: 0px;}

/* tarot */
.tarot .TopicLanding .highlite-with-quote h3 {color: #946045 !important;} 
.tarot .TopicLanding .highlite-with-quote .blockquote {background-color: #946045;}
.tarot .TopicLanding .head {background: url("../images/tarot-head.jpg") no-repeat center center;}
.tarot .TopicLanding .cta-top-block {background: url("../images/tarot-top.jpg") no-repeat center center;}
.tarot .TopicLanding .cta-middle-block {background: url("../images/tarot-middle.jpg") no-repeat center center;}

/* penzugyek */
.penzugyek .TopicLanding .highlite-with-quote h3 {color: #411a00   !important;} 
.penzugyek .TopicLanding .highlite-with-quote .blockquote {background-color: #411a00  ;}
.penzugyek .TopicLanding .head {background: url("../images/penzugyek-head.jpg") no-repeat center center;}
.penzugyek .TopicLanding .cta-top-block {background: url("../images/penzugyek-top.jpg") no-repeat center center;}
.penzugyek .TopicLanding .cta-middle-block {background: url("../images/penzugyek-middle.jpg") no-repeat center center;}

/* asztrologia */
.asztrologia .TopicLanding .highlite-with-quote h3 {color: #263258 !important;} 
.asztrologia .TopicLanding .highlite-with-quote .blockquote {background-color: #263258;}
.asztrologia .TopicLanding .head {background: url("../images/asztrologia-head.jpg") no-repeat center center;}
.asztrologia .TopicLanding .cta-top-block {background: url("../images/asztrologia-top.jpg") no-repeat center center;}
.asztrologia .TopicLanding .cta-middle-block {background: url("../images/asztrologia-middle.jpg") no-repeat center center;}

/* szerelem */
.szerelem .TopicLanding .highlite-with-quote h3 {color: #9c2124 !important;} 
.szerelem .TopicLanding .highlite-with-quote .blockquote {background-color: #9c2124;}
.szerelem .TopicLanding .head {background: url("../images/szerelem-head.jpg") no-repeat center center;}
.szerelem .TopicLanding .cta-top-block {background: url("../images/szerelem-top.jpg") no-repeat center center;}
.szerelem .TopicLanding .cta-middle-block {background: url("../images/szerelem-middle.jpg") no-repeat center center;}

/* boszorkany */
.boszorkany .TopicLanding .highlite-with-quote h3 {color: #633714 !important;} 
.boszorkany .TopicLanding .highlite-with-quote .blockquote {background-color: #633714;}
.boszorkany .TopicLanding .head {background: url("../images/boszorkany-head.jpg") no-repeat center center;}
.boszorkany .TopicLanding .cta-top-block {background: url("../images/boszorkany-top.jpg") no-repeat center center;}
.boszorkany .TopicLanding .cta-middle-block {background: url("../images/boszorkany-middle.jpg") no-repeat center center;}

/* sorselemzes */
.sorselemzes .TopicLanding .highlite-with-quote h3 {color: #351d38 !important;} 
.sorselemzes .TopicLanding .highlite-with-quote .blockquote {background-color: #351d38;}
.sorselemzes .TopicLanding .head {background: url("../images/sorselemzes-head.jpg") no-repeat center center;}
.sorselemzes .TopicLanding .cta-top-block {background: url("../images/sorselemzes-top.jpg") no-repeat center center;}
.sorselemzes .TopicLanding .cta-middle-block {background: url("../images/sorselemzes-middle.jpg") no-repeat center center;}

/* ciganykartya */
.ciganykartya .TopicLanding .highlite-with-quote h3 {color: #483201 !important;} 
.ciganykartya .TopicLanding .highlite-with-quote .blockquote {background-color: #483201;}
.ciganykartya .TopicLanding .head {background: url("../images/ciganykartya-head.jpg") no-repeat center center;}
.ciganykartya .TopicLanding .cta-top-block {background: url("../images/ciganykartya-top.jpg") no-repeat center center;}
.ciganykartya .TopicLanding .cta-middle-block {background: url("../images/ciganykartya-middle.jpg") no-repeat center center;}

/* kartyajoslas */
.kartyajoslas .TopicLanding .highlite-with-quote h3 {color: #4c2c17 !important;} 
.kartyajoslas .TopicLanding .highlite-with-quote .blockquote {background-color: #4c2c17;}
.kartyajoslas .TopicLanding .head {background: url("../images/kartyajoslas-head.jpg") no-repeat center center;}
.kartyajoslas .TopicLanding .cta-top-block {background: url("../images/kartyajoslas-top.jpg") no-repeat center center;}
.kartyajoslas .TopicLanding .cta-middle-block {background: url("../images/kartyajoslas-middle.jpg") no-repeat center center;}

/* szammisztika */
.szammisztika .TopicLanding .highlite-with-quote h3 {color: #105696 !important;} 
.szammisztika .TopicLanding .highlite-with-quote .blockquote {background-color: #105696;}
.szammisztika .TopicLanding .head {background: url("../images/szammisztika-head.jpg") no-repeat center center;}
.szammisztika .TopicLanding .cta-top-block {background: url("../images/szammisztika-top.jpg") no-repeat center center;}
.szammisztika .TopicLanding .cta-middle-block {background: url("../images/szammisztika-middle.jpg") no-repeat center center;}

/* alomfejtes */
.alomfejtes .TopicLanding .highlite-with-quote h3 {color: #351d38 !important;} 
.alomfejtes .TopicLanding .highlite-with-quote .blockquote {background-color: #351d38;}
.alomfejtes .TopicLanding .head {background: url("../images/alomfejtes-head.jpg") no-repeat center center;}
.alomfejtes .TopicLanding .cta-top-block {background: url("../images/alomfejtes-top.jpg") no-repeat center center;}
.alomfejtes .TopicLanding .cta-middle-block {background: url("../images/alomfejtes-middle.jpg") no-repeat center center;}


.footer .newsletter{background: rgba(0,0,0,0.3); border-radius:10px; padding: 20px; text-align:center; margin: 15px;}
.footer .newsletter *{color: #fff;}
.footer .newsletter a{display:inline;}
.footer .newsletter>strong{display:block; padding-bottom: 15px; font-weight: normal;}
.newsletter .formblock {display:inline-block;margin:0 5px 10px 5px;  box-sizing: border-box;}
.newsletter .formblock input[type=text],.newsletter .formblock input[type=email] {color:#000; min-width: 270px; box-sizing: border-box; background:#f6f6f6;border:1px solid #e9e9e9;padding:10px !important;font-size:20px;font-weight:300;transition:all 0.5s ease;box-sizing:border-box;border-radius:0px;}
.newsletter .formblock input[type=text]:focus,.newsletter .formblock input[type=email]:focus {box-shadow:0 0 15px rgba(0,0,0,0.2);border:1px solid #e0e0e0;}
.newsletter .formblock input[type=text].error,.newsletter .formblock input[type=email].error,.newsletter .formblock.error input[type=text],.newsletter .formblock.error input[type=email] {	border:1px solid #bb787d;}
.newsletter .formblock input[type=text].error:focus,.newsletter .formblock input[type=email].error:focus,.newsletter .formblock.error input[type=text]:focus,.newsletter .formblock.error input[type=email]:focus {	box-shadow:0 0 15px rgba(0,0,0,0.2);border:1px solid #bb787d;}
.newsletter .formblock button[type=submit] {background:#59c89a;border:none; min-width: 160px;font-weight: bold;	padding:10px;font-size:16px;font-weight:600;text-transform:uppercase;color:#ffffff;transition:all 0.5s ease;box-sizing:border-box;border-radius:0px;}
.newsletter .formblock button[type=submit]:hover {background:#50b38a;}
.newsletter .formblock.error input[type=checkbox] {	outline:1px solid #e05962;}
.newsletter .formblock label {font-size:14px;font-weight:300;}
.newsletter .formblock label .tooltip {  position: relative !important; display: inline !important; font-family: inherit !important;  font-size: auto !important; line-height: 16px !important; filter: alpha(opacity=1) !important; opacity: 1 !important;color:#dc5465 !important;}
.newsletter .formrow.checks .formblock{width: auto !important; max-width: none !important;}
.footer .newsletter .emaa-msg.emaa-error{background: #e05962; padding: 10px;}

/*notification*/
.notification {background: #f98500; padding: 10px; color: #ffffff;}
.notification .container {color: #ffffff; text-align: center;}
.notification .container a {background: #ffffff; display: inline-block; padding: 0 10px; border-radius: 5px; color: #f98500; text-decoration: none;}
.notification .container a:hover {background: #f0f0f0;}

@media screen and (max-width: 768px) {
	.TopicLanding .intro, .TopicLanding .topic-content1, .TopicLanding .topic-content2, .TopicLanding .cta-top-block, .TopicLanding .why-choose-this, .TopicLanding .cta-middle-block, .TopicLanding .pro-vs-contra, .TopicLanding .highlite-with-quote, .TopicLanding .cta-bottom-block, .TopicLanding .testimonials, .TopicLanding .psychics_rollup_callus {margin-bottom: 30px;}
	.TopicLanding li, .TopicLanding p.bigger, .TopicLanding .head *, .TopicLanding .highlite-with-quote .blockquote p {font-size: 16px; line-height: 24px;}
	.TopicLanding .head h1 {font-size: 30px; line-height: 38px;}
	.TopicLanding h2, .TopicLanding h3, .TopicLanding h4 {	font-size: 22px;line-height: 30px;}
	.TopicLanding .head p  {width: 100%;padding-left: 10px;}
	.TopicLanding .head h1 {width: 100%;margin: 40px 0 30px 0;padding-left: 10px;}
	.TopicLanding .cta-top-block h2 {font-size: 26px;line-height: 34px;}
	.TopicLanding .why-choose-this ul li, .TopicLanding .pro-vs-contra ul li {margin-bottom: 30px;}
	.TopicLanding .why-choose-this .col-sm-6 {text-align: center;}
	.TopicLanding a.jegyvasarlas {font-size: 16px;line-height: 24px;padding: 10px 20px;}
	.TopicLanding ul {padding: 0px 20px 0px 20px;width: 100%;}
	.TopicLanding .pro-vs-contra ul {margin-top: inherit;}
	.TopicLanding .testimonials .testimonial {border: 5px solid #f1d9e9;padding: 8px;margin: 0 -5px 15px -5px;width: calc(100% + 15px);}
	.TopicLanding .testimonials .testimonial p {font-size: 13px;line-height: 17px;margin-bottom: 0;letter-spacing: -0.6px;}
	.TopicLanding .testimonials .nameblock {width: calc(100% - 52px); padding-bottom: 5px;margin-left: -5px;}
	.TopicLanding .testimonials .nameblock p.name {font-size: 14px;line-height: 18px;font-weight: bold; height:auto;}
	.TopicLanding .cta-top-block .arrow {width: 100px; top: -40px; }
	.TopicLanding .highlite-with-quote img, .TopicLanding .why-choose-this .col-sm-6 img {max-width: 60% !important;}
	.TopicLanding .intro .introblock { padding: 20px 20px 20px 20px; }
	.TopicLanding .highlite-with-quote .text-right {text-align:left;}
	.TopicLanding .col-xs-12 { padding-left:25px; padding-right:25px;}
	.TopicLanding .intro .col-xs-12 { padding-left:15px; padding-right:15px;}


}



@media all and (min-width: 1200px) {
.smallpack .packcontent {padding: 27px 0}
.packouter {min-height: 252px}
 .smallpack .packcontent .min {display: block}
 .body9 {padding-bottom: 70px}
 .page .freequestion .pictureblock {width: 49%; float: left; margin: -5px -20px -20px 0px; }
.page .freequestion .titleblock {width: 65%; float: left; margin: -48px -30px -25px -10px}
.psychicblock .shortinfo {height: 100%; color: #ffffff; font-size: 12px; line-height: 15px; text-align: center; font-weight: 600;word-wrap: break-word; position: absolute; top: 0; right: 0; width: 120px; padding: 10px; z-index: 30; height: auto}
.psychicblock .shortinfo .details {text-align: center; font-weight: 600; color: yellow;font-size: 12px; line-height: 15px; padding-top: 5px; display: block; text-decoration: none;}
.psychicblock .shortinfo .details i {color: yellow;font-size: 12px; line-height: 15px;}
.functionstoggle {display: none}
.infoblokk .signurls.first {padding-left: 15px}
}
                                    

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


}

@media all and (min-width: 992px) {
.mobile-menu-status, .mobile-menublokk, .mobile-menu-overlay {display: none !important}                                   
.page .questionbg {border-radius: 15px; margin: 10px;}    
.overlay {display: none !important}
.footer {margin-bottom: -30px}
.info-wrapper {min-height: 80px}
}

@media all and (min-width: 992px) and (max-width: 1199px) {
.buttons-wrapper, .info-wrapper {width: 88%; float: right}
.header-info {padding-top: 10px}                                                                                                                                                                                                              
.header-info .fee {width: 230px; max-width: 100%; padding: 0 0 0 50px; margin-top: 0; display: block; clear: both}
.header-info .separator {height: 60px; margin: 0 20px}
.freequestion .titleblock {width: 38%; float: left; padding: 20px 0 0 0}
.freequestion .titleblock img {margin-top: 100px}
.freequestion .pictureblock {width: 62%; float: left; padding-top: 32px}
.smallpack .packcontent {padding: 34px 0}
.packouter {min-height: 268px}
.zodiacblocks {float: left;width: 25%;}
.body9 .stampblock { top: -82px; left: -30px }
.body9 .callblock { margin-right: -50px;}

.withsidebar .psychicblock .phoneblock {width: 73%; border-bottom: 1px solid #cccccc}
.withsidebar .psychicblock .extblock {width: 27%; border-bottom: 1px solid #cccccc; border-right: 0 none}
.withsidebar .psychicblock .priceblock {width: 86%;}
.withsidebar .psychicblock .detailsblock {width: 14%}

.psychicblock .shortinfo .details {text-align: center; font-weight: 700; color: yellow; font-size: 11px; line-height: 14px; display: inline-block !important; text-decoration: none; padding-top: 0 !important}
.psychicblock .shortinfo .details i {color: yellow;font-size: 11px; line-height: 14px;}
.withsidebar .psychic .psychic-info .callnow {font-size: 16px; line-height: 22px; padding: 4px 10px}

.withsidebar .psychicblock .priceblock .label {float: left; margin-right: 4px; margin-top: 2px}
.withsidebar .psychicblock .price {margin-top: -4px}
.withsidebar .priceblock, .withsidebar .psychicframe div.detailsblock .detailsarrow .arrow, .withsidebar .psychicblock .detailsblock {height: 29px}
.withsidebar .psychicframe div.detailsblock .detailsarrow .arrow {padding-top: 6px}

.withsidebar .psychicblock.active .psychic-info .callnow {height: 28px; padding: 4px 0; font-size: 16px; line-height: 20px;}
.withsidebar .psychicblock.busy .psychic-info .callnow {height: 28px; padding: 6px 0; font-size: 14px; line-height: 18px;}
.withsidebar .psychicblock.away .psychic-info .callnow {height: 31px; padding: 2px 0; font-size: 11px; line-height: 14px;}

.page .freequestion .pictureblock {width: 100%; float: none; margin: -5px 0 -185px 0;}
.page .freequestion .titleblock {width: 80%; float: none; margin: 0 auto}
.page .grid-item {width: 50%}
.full .grid-item {width: 33.33%}
.resultouter .resulttitle {max-width: 150px;width: 75px;}
.psychicblock .shortinfo {height: 100%; color: #ffffff; font-size: 12px; line-height: 15px; text-align: center; font-weight: 600;word-wrap: break-word; position: absolute; top: 0; right: 0; width: 120px; padding: 10px; z-index: 30; height: auto}
.psychicblock .shortinfo .details {text-align: center; font-weight: 600; color: yellow;font-size: 12px; line-height: 15px; padding-top: 5px; display: block; text-decoration: none}
.psychicblock .shortinfo .details i {color: yellow;font-size: 12px; line-height: 15px;}

.psychic-profile .psychic-image img {width: 125%; margin-left: -40px}
.page .item {background-position: center center;}
.laptopgirl {margin: -53px -10px -20px -30px}
.titlecell {border-right: 0 none; width: calc((100%) - (274px)); padding-right: 10px}
.datecell {width: 100%; padding: 4px 4px 2px 15px; float: none; clear: both; background-color: #ffffff; min-height: 10px; font-size: 12px; margin-bottom: 20px}

.whitebody .left-sidebar .sidebar-module .psychicblock .phoneblock {width: 73%; border-bottom: 1px solid #cccccc}
.whitebody .left-sidebar .sidebar-module .psychicblock .extblock {width: 27%; border-bottom: 1px solid #cccccc; border-right: 0 none}
.whitebody .left-sidebar .sidebar-module .psychicblock .priceblock {width: 86%;}
.whitebody .left-sidebar .sidebar-module .psychicblock .detailsblock {width: 14%}
.psychicblock .shortinfo .details {text-align: center; font-weight: 700; color: yellow; font-size: 11px; line-height: 14px; text-decoration: none; padding-top: 0 !important}
.psychicblock .shortinfo .details i {color: yellow;font-size: 11px; line-height: 14px;}
.whitebody .left-sidebar .sidebar-module .psychic .psychic-info .callnow {font-size: 16px; line-height: 22px; padding: 4px 10px}

.whitebody .left-sidebar .sidebar-module .psychicblock .priceblock .label {float: left; margin-right: 4px; margin-top: 2px}
.whitebody .left-sidebar .sidebar-module .psychicblock .price {margin-top: -4px}
.whitebody .left-sidebar .sidebar-module .priceblock, .whitebody .left-sidebar .sidebar-module .psychicframe div.detailsblock .detailsarrow .arrow, .whitebody .left-sidebar .sidebar-module .psychicblock .detailsblock {height: 29px}
.whitebody .left-sidebar .sidebar-module .psychicframe div.detailsblock .detailsarrow .arrow {padding-top: 6px}
.whitebody .withsidebar .psychicblock .psychicframe .psychic .psychic-name, .psychicblock .psychicframe .psychic .psychic-name {font-size: 24px; line-height: 26px; bottom: 25px}
.psychicblock .psychicframe .psychic .master.yes {bottom: 62px; font-size: 12px}

.whitebody .left-sidebar .sidebar-module .psychicblock.active .psychic-info .callnow {height: 28px; padding: 4px 0; font-size: 16px; line-height: 20px;}
.whitebody .left-sidebar .sidebar-module .psychicblock.busy .psychic-info .callnow {height: 28px; padding: 6px 0; font-size: 14px; line-height: 18px;}
.whitebody .left-sidebar .sidebar-module .psychicblock.away .psychic-info .callnow {height: 31px; padding: 2px 0; font-size: 11px; line-height: 14px;}
.countrylist a {width: 33.3%}
.articles.full .grid .grid-item:nth-child(4) {display: none}
.withsidebar .psychicblock.busy .psychic-info .callnow {padding: 5px 0;}
.withsidebar .psychicblock.away .psychic-info .callnow {padding: 8px 0;}
.message-outer {border-left: 0 none; border-right: 0 none}
.chckboxcell {border-left: 2px solid #f1d9e9}
.titlecell {border-right: 2px solid #f1d9e9}
.datecell {border: 2px solid #f1d9e9}
.emailsframe .framepadding {border-bottom: 0 none; padding-top: 20px}
.mppMemberCenterMemberCenterMyMessages .page .whitebody .col-xs-12.col-sm-12.col-md-8.col-md-push-4 a {color: #a33b84; font-weight: 700}

.mailfolders {text-align: left; position: absolute; z-index: 10; margin: 0 auto; display: block; right: 15px; top: 102px; background-color: #ffffff; border: 2px solid #d06eb3; box-shadow: 5px 5px 5px #ccc;}
.mailfolder {font-size: 14px; line-height: 22px; display: block; float: none; margin-bottom: 0; width: 100%; border-bottom: 1px solid #f1d9e9}
.mailfolder a {font-size: 14px; line-height: 22px; text-decoration: none; display: block; padding: 10px 30px 10px 25px; width: 100%;}
.mailfolder a span {color: #252525; text-decoration: none; padding-left: 5px}
.mailfolders.be {display: block !important}
.mailfolders.ki {display: none !important}

/* JOS BANNER */
.ftbanner .fttexts {padding-top:15px;margin-left:0px;}
.ftbanner .headline {width:auto; text-align:left; margin-bottom:8px;}
.ftbanner .msg {float:none; text-align:left;}
.ftbanner .msg .inner {padding:8px 15px 8px 15px;}	
.ftbanner .cta {float:none; padding-top:10px;}
.ftbanner .cta a {display:inline-block;padding:10px 10px;}   
.left-sidebar .sidebar-module .rendezveny {text-align: center}
.left-sidebar .sidebar-module .rendezveny img {max-width: 100%}
.left-sidebar .sidebar-module .rendezveny a {display: block; margin: auto}

/*JOS AJANLO CIKKOLDALRA*/
.ft_dedicatory .ftmore {padding:0px 15px; display:block;}
.ft_dedicatory .ftdata {border-bottom:none;}
.ft_dedicatory .outer {overflow:hidden;padding:0px 0;}
.ft_dedicatory .ftname {padding:5px 10px 5px 15px;}
.ft_dedicatory .ftline {padding:6px 10px 5px;}
.ft_dedicatory .ftstatus {padding:5px 0px; text-transform:uppercase; display:inline-block;}

.dropdownblock .ftthemonth .right .josbadge .branchleft {padding-left: 40px}
.dropdownblock .ftthemonth .right .josbadge .branchright {padding-right: 40px}
.dropdownblock .ftthemonth .right .josbadge .title span {font-size: 22px; line-height: 26px; padding-top: 2px}
.dropdownblock .ftthemonth .right .josbadge .title {font-size: 16px; line-height: 20px; padding-top: 38px}

.hidden-video-container {padding-bottom: 38%;padding-top: 38%;}
.hidden-video-container video {margin-left: -60px}
.cover-hidden-video-container {padding-bottom: 29.3%;padding-top: 29.3%;}
.cover-hidden-video-container video {margin-left: -10px}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .psychicblock .psychicframe .psychic .psychic-name {font-size: 16px}
}

@media all and (max-width: 991px) {
.logoblock a img {width: 110px}
.preheader .circle img {height: 300px; width: 300px; top: 23px; left: 15px}
 .preheader .infoblock .info-wrapper {padding: 5px 0; margin-top: 10px; width: auto !important; float: none; min-height: 24px}
 .backgroundrow {display: block;}
 .preheader .horizontal-separator {display: block}
 .pack .packouter .buttonblock {padding: 5px 0}
 .pack .packcontent {padding: 5px 0 10px 0}
 .body9 .stampblock {position: relative; text-align: center; top: auto; left: auto; margin: 10px auto}
.mainmenu {position: absolute; z-index: 55}
.mainmenu, .menu-wrapper {width: 100%}
.mainmenu {background-color: #f1d9e9;}
 .mainmenu li a {float: none;}
 .header {z-index: 30}
.horoscope-content .chooser, .totop, .articles-content .chooser, .psychic-profile .chooser {display: block}
.zodiacs, .categories {display: none}
.page .questionbg {border-radius: 15px; margin: 10px;}
.categorylist-status.on {display: block; position: relative; z-index: 100; padding: 15px; margin-bottom: -12000px}
 .showcase.empty {display: none !important}
.breadcrumbs-block {border-top: 0 none}
.zodiacs.mobile {display: block !important; position: fixed; top: 15px; left: 0; width: 100%; height: 100%; z-index: 444}
.categories.mobile {display: block !important; position: absolute; top: 15px; left: 0; width: 100%; z-index: 444}
.col-md-pull-8.left-sidebar {padding-top: 30px}
.signup-illustration {display: none}
.left-sidebar .sidebar-module .psychics {margin-top: 0}
.mppCMSCMScontentPage .landinghead.inside .lpheader .text {width: 100%}
.page .whitebody .carousel, .sidebar-module.psychics {display: none}
.freequestion .chkboxes .chbholder, .horoscope .chkboxes .chbholder, .newsletter .chkboxes .chbholder {display: block; padding: 5px 0; margin: 5px 0;}
.freequestion .chkboxes .chbholder a, .horoscope .chkboxes .chbholder a, .newsletter .chkboxes .chbholder a {display: inline-block; padding: 5px; margin: -5px 0;}
.horifooter a {padding: 5px; display: inline-block; margin: 3px;}
.mppMemberCenterMemberCenterForgetPassword section.page, .mppMemberCenterMemberCenterForgetPasswordSent section.page, .mppMemberCenterMemberCenterResetPW section.page {padding-bottom: 0}
.preheader .circle {height: 270px}
}

@media all and (min-width: 768px) and (max-width: 991px) {
.showcase .container-fluid {height: 270px; text-align: center;}
.freequestion .titleblock {width: 100%; padding: 40px 30px 30px 30px}
.freequestion .titleblock img {margin-top: 44px}
.freequestion .pictureblock {display: none;}
.zodiacblocks {float: left;width: 33.3%;}
.articleclear {clear: both; height:0; margin: 0; padding: 0}

.after2, .after4 {display: block;}
.psychicblock .shortinfo {height: 100%; color: #ffffff; font-size: 12px; line-height: 15px; text-align: center; font-weight: 600;word-wrap: break-word; position: absolute; top: 0; right: 0; width: 120px; padding: 10px; z-index: 30; height: auto}
.psychicblock .shortinfo .details {text-align: center; font-weight: 600; color: yellow;font-size: 12px; line-height: 15px; padding-top: 5px; display: block; text-decoration: none}
.psychicblock .shortinfo .details i {color: yellow;font-size: 12px; line-height: 15px;}
.psychic-profile .psychic-image img {width: 108%; margin-left: -20px}
.creditcardblock .banner h1 {font-size: 48px; line-height: 56px;}
.creditcardblock .banner h2 {font-size: 24px; line-height: 30px;}
.countrylist a {width: 50%}
.psychicblock .psychicframe .psychic .psychic-name {font-size: 23px; bottom: 20px}
.psychicblock .psychicframe .psychic .master.yes {bottom: 60px}
.whitebody .withsidebar .psychic .psychic-name  {font-size: 23px !important}
.page .freequestion {overflow: visible}
.header-info {padding-top: 10px; float: none; display: inline-block; margin: 0 auto}
.preheader .infoblock .info-wrapper {margin-top: -15px}
.preheader .phoneblock {text-align: center}
.articlesep {display: block}
.functionstoggle {display: none}

/* JOS BANNER */
.ftbanner .headline {text-align:center; margin-bottom:8px;}
.ftbanner .ftimg {margin-left:0px;}
.ftbanner .fttexts {padding-top:15px;margin-left:0px;}
.ftbanner .ftmsgcta {float:none; text-align:center;}
.ftbanner .msg {float:none; text-align:center;}
.ftbanner .msg .inner {font-size:16px;line-height:20px;padding:6px 15px 10px 15px;} 
.ftbanner .msg .inner A {font-size:16px;line-height:20px;}            
.ftbanner .cta {float:none; text-align:center;margin-bottom:25px;}
.ftbanner .cta a {display:inline-block;padding:14px 10px;}    

.hidden-video-container {padding-bottom: 32%;padding-top: 32%;}
.hidden-video-container video {margin-left: -30px}
.cover-hidden-video-container {padding-bottom: 29.3%;padding-top: 29.3%;}
.cover-hidden-video-container video {margin-left: -7px}
.categorybg {background-position: 62% top}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .psychicblock .psychicframe .psychic .psychic-name {font-size: 18px !important}
.infoblokk .signurls.first {padding-left: 15px}
}

@media all and (min-width: 768px) {
.mobile-filter.mutat {display: none !important;}
section.freequestion .container .questionbg {margin: 20px 0}
.myactionstable .col-sm-2, .myactionstable .col-sm-4, .myactionstable .col-sm-3 {min-height: 60px}
.no-participant .onair-inner .date, .no-participant .onair-inner .time, .no-participant .onair-inner .channel, .no-participant .onair-inner .remaining  {display: inline-block; margin-right: 20px}
.no-participant .col-lg-7 .clear {display: none}
.other h4 span {padding: 0 20px}
}

@media all and (max-width: 767px) {
.freequestion .col-lg-4 .questionbg {margin-bottom: 15px}
 .carousel-indicators {display: none !important} 
 .page .carousel {margin: -15px -15px 0 -15px}
 .mppCMSCMScontentPage .page.landingpage .whitebody .smslanding .slide6 .col2 .textblock {border: 2px solid #c663a9; margin-bottom: 40px; border: 3px solid #c663a9}
 .content .navbar.navbar-default {display: none;}
.mobile-filter {display: block;}
.desktop-filter {display: none !important;}
nav.navbar.navbar-default.desktopfilter.mutat {display: none !important;}
.mobile-filter.elrejt {display: none !important;}
.onair-inner {width: 550px; max-width: 100%; margin: 0 auto}
.onair .date,  .onair .time, .onair .channel, .onair .remaining {float: left; display: block; margin-right: 20px}
.onair .remaining, .onair .border {margin-top: 10px}

.even .col-sm-3, .odd .col-sm-3, .even .col-sm-2, .odd .col-sm-2, .even .col-sm-4, .odd .col-sm-4 {height: auto; text-align: left; padding: 0; background: transparent; display: block; border-right: none}
.even, .odd {padding: 10px; display: block}
.myactionstable {display: block}
.even {background-color: #f7eaf3}
.even .hidden-lg, .odd .hidden-lg {text-align: right; font-weight: 600; padding-left: 0 !important}
.myactionstable .col-sm-2, .myactionstable .col-sm-4 {padding: 0 !important; border-right: 0 !important}
.myactionstable .col-xs-6.col-sm-3 {border-right: 0 !important}

.datecell {margin-bottom: 0 !important}
.emailsframe {border-left: 0 none; border-right: 0 none; border-bottom: 0 none;}
.message-outer {padding-top: 20px}
.message {border-left: 2px solid #f1d9e9; border-right: 2px solid #f1d9e9; border-bottom: 2px solid #f1d9e9;}
.whitebody .myactionstable .odd .psychic, .whitebody .myactionstable .odd .calldate, .whitebody .myactionstable .odd .calltime, .whitebody .myactionstable .odd .successful {border-right: 0px solid #ffffff}

.message-outer {border-left: 0 none; border-right: 0 none}
.datecell {border-top: 2px solid #f1d9e9}
.emailsframe .framepadding {border-bottom: 0 none;}

/* JOS BANNER */                                                     
.ftbanner .ftimg {margin-top:-60px; text-align:center;margin-left:0px;}
.ftbanner .ftimg img {max-width:80%; height:auto;}
.ftbanner .fttexts {padding-top:5px;margin-left:0px;}
.ftbanner .headline {width:auto; float:none; text-align:center; margin-bottom:0px;}
.ftbanner .ftmsgcta {float:none; text-align:center;}
.ftbanner .msg {float:none; text-align:center;}
.ftbanner .msg .inner {padding:5px 0; background:none;}    
.ftbanner .cta {float:none; text-align:center;margin-bottom:25px;}
.ftbanner .cta a {display:inline-block;padding:14px 10px;}

.social-share a span {display:none;}
.categorybg {background-position: 62% top}
.newsletter h2, .newsletter .headings, .newsletter .submitbutton {text-align: center !important}
.other h4:before {display: none}
.other h4 span {display: inline}
.other {padding-bottom: 0}
}


@media all and (min-width: 701px) and (max-width: 767px) {
.showcase .container-fluid {height: 270px; text-align: center;}
.body1 .fee {width: 230px; max-width: 100%; padding: 0 0 0 55px; margin-top: 0; display: block; clear: both}
.body1 .separator {height: 60px; margin: 0 20px}
.body9 .fee {width: 230px; max-width: 100%; padding: 0 0 0 55px; margin-top: 0; display: block; clear: both}
.body9 .separator {height: 60px; margin: 0 20px}
.psychicblock {float: none; max-width: 100%; width: 550px; margin: 0 auto}
.mppArticleArticleDetail .whitebody .withsidebar .psychicblock {width: 450px;}
.freequestion .titleblock {padding: 40px 20px 20px 20px}
.freequestion .titleblock img {margin-top: 45px}
.freequestion .pictureblock {margin-bottom: -10px}
.footer .respsep2 {clear: both}   

.grid-item, .article .grid-item {width: 50% !important}
.psychicblock .shortinfo {height: 100%; color: #ffffff; font-size: 12px; line-height: 15px; text-align: center; font-weight: 600;word-wrap: break-word; position: absolute; top: 0; right: 0; width: 120px; padding: 10px; z-index: 30; height: auto}
.psychicblock .shortinfo .details {text-align: center; font-weight: 600; color: yellow;font-size: 12px; line-height: 15px; padding-top: 5px; display: block; text-decoration: none}
.psychicblock .shortinfo .details i {color: yellow;font-size: 12px; line-height: 15px;}

.psychic-profile .psychic-image {width: 55%;}
.psychic-profile .psychic-info {width: 45%;}
.psychic-profile .psychic-image img {width: 145%; margin-left: -65px}
.creditcardblock .banner h1 {font-size: 42px; line-height: 52px;}
.creditcardblock .banner h2 {font-size: 22px; line-height: 30px;}
.titlecell {border-right: 0 none; width: calc((100%) - (274px)); padding-right: 10px}
.datecell {width: 100%; padding: 4px 4px 2px 15px; float: none; clear: both; min-height: 10px; font-size: 12px; margin-bottom: 20px}
.mailblockheader {text-align: center;}
.countrylist a {width: 50%}
.header-info .fee {max-width: 75px}
.header-info {padding-top: 10px; float: none; display: inline-block; margin: 0 auto}
.preheader .infoblock .info-wrapper {margin-top: -15px}
.preheader .phoneblock {text-align: center}
.articlesep {display: block}

.mailfolders {text-align: left; position: absolute; z-index: 10; margin: 0 auto; display: block; right: 15px; top: 102px; background-color: #ffffff; border: 2px solid #d06eb3; box-shadow: 5px 5px 5px #ccc;}
.mailfolder {font-size: 14px; line-height: 22px; display: block; float: none; margin-bottom: 0; width: 100%; border-bottom: 1px solid #f1d9e9}
.mailfolder a {font-size: 14px; line-height: 22px; text-decoration: none; display: block; padding: 10px 30px 10px 25px; width: 100%;}
.mailfolder a span {color: #252525; text-decoration: none; padding-left: 5px}
.mailfolders.be {display: block !important}
.mailfolders.ki {display: none !important}

/*JOS AJANLO CIKKOLDALRA*/
.ft_dedicatory .ftmore {padding:0px 15px; display:block;}
.ft_dedicatory .ftdata {border-bottom:none;}
.ft_dedicatory .outer {overflow:hidden; padding:0px 0;}
.ft_dedicatory .ftname {padding:5px 10px 5px 15px;}
.ft_dedicatory .ftline {padding:6px 10px 5px;}
.ft_dedicatory .ftstatus {padding:5px 0px; text-transform:uppercase; display:inline-block;}

.hidden-video-container {padding-bottom: 43%;padding-top: 43%;}
.hidden-video-container video {margin-left: -100px}
.cover-hidden-video-container {padding-bottom: 29.3%;padding-top: 29.3%;}
.cover-hidden-video-container video {margin-left: -10px}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .psychicblock {float: left; width: 33.33%}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .psychicblock .psychicframe .psychic .psychic-name {font-size: 17px !important}
.infoblokk .signurls.first {padding-left: 15px}
}


@media all and (max-width: 700px) {
.preheader .infoblock .info-wrapper {margin: -8px -15px 0 -15px; padding: 6px 10px}
.header-info .fee {max-width: 100%; padding: 0 0 0 50px; margin-top: 0; display: block; clear: both}
.showcase .container-fluid {height: 270px; text-align: center;}
.filters-popular {display: none}
.infoblock {clear: both}
.freequestion {background-image: url(../images/free-question-sb.jpg);}

.mailfolders {text-align: left; position: absolute; z-index: 15; margin: 0 auto; display: block; right: 15px; top: 102px; background-color: #ffffff; border: 2px solid #d06eb3; box-shadow: 5px 5px 5px #ccc;}
.mailfolder {font-size: 14px; line-height: 22px; display: block; float: none; margin-bottom: 0; width: 100%; border-bottom: 1px solid #f1d9e9}
.mailfolder a {font-size: 14px; line-height: 22px; text-decoration: none; display: block; padding: 10px 30px 10px 25px; width: 100%;}
.mailfolder a span {color: #252525; text-decoration: none; padding-left: 5px}
.mailfolders.be {display: block !important}
.mailfolders.ki {display: none !important}

}

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

 }

@media all and (min-width: 601px) and (max-width: 700px) {
.preheader .phoneholder {padding-right: 10px; padding-left: 10px}
.preheader .circle img {opacity: 0.2}
.body1 .fee {width: 230px; max-width: 100%; padding: 0 0 0 55px; margin-top: 0; display: block; clear: both}
.body1 .separator {height: 60px; margin: 0 20px}
.body9 .fee {width: 230px; max-width: 100%; padding: 0 0 0 55px; margin-top: 0; display: block; clear: both}
.body9 .separator {height: 60px; margin: 0 20px}
.psychicblock {float: none; max-width: 100%; width: 550px; margin: 0 auto}
.freequestion .titleblock {width: 50%; padding: 10px}
.freequestion .titleblock img {margin-top: 45px}
.freequestion .pictureblock {width: 50%; margin-bottom: -10px}
.zodiacblocks {float: left;width: 25%;}
.footer .respsep2 {clear: both}
.grid-item, .article .grid-item {width: 50% !important}
.psychicblock .shortinfo {height: 100%; color: #ffffff; font-size: 12px; line-height: 15px; text-align: center; font-weight: 600;word-wrap: break-word; position: absolute; top: 0; right: 0; width: 120px; padding: 10px; z-index: 30; height: auto}
.psychicblock .shortinfo .details {text-align: center; font-weight: 600; color: yellow;font-size: 12px; line-height: 15px; padding-top: 5px; display: block; text-decoration: none}
.psychicblock .shortinfo .details i {color: yellow;font-size: 12px; line-height: 15px;}

.psychic-profile .psychic-image {width: 55%;}
.psychic-profile .psychic-info {width: 45%;}
.psychic-profile .psychic-image img {width: 155%; margin-left: -25%}
.creditcardblock .banner h1 {font-size: 38px; line-height: 46px;}
.creditcardblock .banner h2 {font-size: 20px; line-height: 26px;}
.titlecell {border-right: 0 none; width: calc((100%) - (274px)); padding-right: 10px}
.datecell {width: 100%; padding: 4px 4px 2px 15px; float: none; clear: both; min-height: 10px; font-size: 12px; margin-bottom: 20px}
.mailblockheader {text-align: center;}
.countrylist a {width: 50%}
.header-info {padding-top: 10px; float: none; display: inline-block; margin: 0 auto}
.preheader .infoblock .info-wrapper {margin-top: -15px}
.preheader .phoneblock {text-align: center}
.header-info .separator {height: 48px; margin: 0 10px}
.header-info .phoneholder .txt, .header-info .phoneholder a, .header-info .phoneholder .fee {display: block}
.header-info .phoneholder a {margin: -5px 0 -5px 0}
.preheader .phone-icon, .preheader .card-icon {width: 53px; margin-bottom: -15px}
.header-info .fee {padding-left: 54px}
.articlesep {display: block}

/*JOS AJANLO CIKKOLDALRA*/
.ft_dedicatory .ftmore {padding:0px 15px; display:block;}
.ft_dedicatory .ftdata {border-bottom:none;}
.ft_dedicatory .outer {overflow:hidden; padding:0px 0;}
.ft_dedicatory .ftname {padding:5px 10px 5px 15px; display:block;}
.ft_dedicatory .ftline {padding:0px 15px 5px; border:none;}
.ft_dedicatory .ftstatus {padding:0px 0px; text-transform:uppercase; display:inline-block;}	

.hidden-video-container {padding-bottom: 46%;padding-top: 46%;}
.hidden-video-container video {margin-left: -140px}
.cover-hidden-video-container {padding-bottom: 29.3%;padding-top: 29.3%;}
.cover-hidden-video-container video {margin-left: -10px}
.blogview .articleblog .articletitle a {font-size:32px; line-height: 38px}

.articles-content .article .title h1 {font-size: 42px; line-height: 62px;}
.articles-content .article h2 {font-size: 26px; line-height: 34px;}
.articles-content .article .article-content h3, .articles-content .article .article-content h4 {font-size: 20px; line-height: 26px;}
.mppArticleArticleByCategory #articles, .mppArticleArticleByCategory #articles h1 {font-size: 24px}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .psychicblock {float: left; width: 33.33%}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .offer h5 {font-size: 30px; line-height: 38px;}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .psychicblock .psychicframe .psychic .psychic-name {font-size: 14px}

}

@media all and (max-width: 640px) {
.item .banner-wide {display: none}
.item .banner-narrow {display: block}

}

@media all and (max-width: 600px) {
.body1 .separator {display: none}
.body1 .phoneholder {float: none; margin: 0 auto; display: inline-block;}
.body1 .callblock {float: none; width: 100%; text-align: center; margin-bottom: 0}
.body1 .fee {max-width: 100%; padding: 0 0 0 55px; margin-top: 0; display: block; clear: both}
.body1 .normaltitle {margin-bottom: 20px !important}
.body9 .separator {display: none}
.body9 .phoneholder {float: none; margin: 0 auto; display: inline-block;}
.body9 .callblock {float: none; width: 100%; text-align: center}
.body9 .fee {max-width: 100%; padding: 0 0 0 55px; margin-top: 0; display: block; clear: both}
.body9 .normaltitle {margin-bottom: 0px !important}
.body9 .stampblock {margin-top: -20px; margin-bottom: -10px}
.footer .languages {text-align: center !important}
.footer .payments, .footer .languages {width: 100%; float: none !important; text-align: center}
.article-image {width: 100%; float: none; margin-right: 0; margin-bottom: 15px}
.articles-content .article .title h1 {font-size: 20px; line-height: 26px; margin-top: 0}
.articles-content .article .article-content {padding-top: 15px; padding-bottom: 20px}
.whitebody {margin: -15px -15px 0 -15px !important}
 .psychic-profile .psychic-info .callbutton {margin-bottom: 15px; margin-top: 17px}
.psychic-profile .psychic-image {width: 100%; float: none}
.psychic-profile .psychic-info {width: 100%; float: none}
.psychic-profile .psychic-image img {width: 100%; height: auto}
.mailfortune.title {padding-left: 15px}
.titlecell {border-right: 0 none; width: 100%; padding-right: 10px; float: none;clear: both; border-top: 2px solid #f1d9e9}
.datecell {width: 100%; padding: 4px 4px 2px 15px; float: none; clear: both; min-height: 10px; font-size: 12px; margin-bottom: 20px}
.namecell, .message .nameblock {width: calc((100%) - (114px)); border-right: 0 none !important}
.mailblockheader {text-align: center;}
.countrylist a {width: 100%; text-align: center;}
.phoneblock {text-align: center}
.body2 {margin-top: -20px}
.message .titlecell {float: none; position: relative; padding: 9px 15px 9px 15px; min-height: 30px;}
.mppCMSCMScontentPage.cms-terms_and_conditions .whitebody .wpZone.wpZoneVrt div.wpControlBox.content-item.crop .htmlcontent h2 {font-size: 24px; line-height: 28px}

/*JOS AJANLO CIKKOLDALRA*/
.ft_dedicatory figure {float:none; width:100%; overflow:none;}
.ft_dedicatory figure img {transform:none; height:auto !important; width:100% !important;}
.ft_dedicatory .tdata {padding:10px 10px; background:url(images/quote-icon.png) no-repeat 95% center;}
.ft_dedicatory .ftmore {padding:0px 10px; display:block;}
.ft_dedicatory .ftdata {border-bottom:none;}
.ft_dedicatory .outer {overflow:hidden; padding:0px 0;}
.ft_dedicatory .ftname {padding:15px 10px 5px 10px; display:block;}
.ft_dedicatory .ftline {padding:0px 5px 5px 10px; border:none;}
.ft_dedicatory .ftstatus {padding:0px 0px; text-transform:uppercase; display:inline-block;}	

.hidden-video-container {padding-bottom: 30%;padding-top: 30%;}
.hidden-video-container video {margin-left: 0}
.cover-hidden-video-container {padding-bottom: 29.3%;padding-top: 29.3%;}
.cover-hidden-video-container video {margin-left: -10px}

.category .container-fluid .categorytext, .category .container-fluid .categorytext .categorydesc, .category .container-fluid .categorytext h1.title {text-align: center}

}

@media all and (min-width: 401px) and (max-width: 600px) {
.preheader .phoneholder {padding-right: 10px; padding-left: 10px}
.body1 .phoneholder {padding-right: 30px; padding-left: 30px} 
.body9 .phoneholder {padding-right: 30px; padding-left: 30px} 
.preheader .circle img {opacity: 0.18}
.freequestion .titleblock {width: 45%; padding: 10px}
.freequestion .titleblock img {margin-top: 50px}
.freequestion .pictureblock {width: 55%; margin-bottom: -10px}
.zodiacblocks {float: left;width: 25%;}
.footer .respsep2 {clear: both}
.horoscope-content .horoscope-details .astroimg {width: 40%}
.horoscope-content .horoscope-details .textblokk {width: 60%; float: left}
.horoscope-content .horoscope-details .infoblokk {width: 100%; float: none}
.horoscope-content .horoscope-details .astroblokk {width: 100%; float: none; text-align: center; padding-bottom: 15px}
.horoscope-content .detailsblokk {width: 100%; float: none;}
.horclr {display: block}
.grid-item, .article .grid-item {width: 100% !important}
.psychicblock .shortinfo {height: 100%; color: #ffffff; font-size: 12px; line-height: 15px; text-align: center; font-weight: 600;word-wrap: break-word; position: absolute; top: 0; right: 0; width: 120px; padding: 10px; z-index: 30; height: auto}
.psychicblock .shortinfo .details {text-align: center; font-weight: 600; color: yellow;font-size: 12px; line-height: 15px; padding-top: 5px; display: block; text-decoration: none}
.psychicblock .shortinfo .details i {color: yellow;font-size: 12px; line-height: 15px;}
.creditcardblock .banner h1 {font-size: 34px; line-height: 42px;}
.creditcardblock .banner h2 {font-size: 18px; line-height: 24px;}
.registerblock .banner h2 {font-size: 28px; line-height: 32px;}
.preheader .infoblock .info-wrapper {margin-top: -15px}
.preheader .phoneblock {text-align: center}
.phoneblock .header-info .phoneholder .txt {width: 100%; padding: 0; text-align: left;}
.phoneblock .header-info .phoneholder .fee  {width: 100%; padding: 0 0 0 50px; text-align: left; display: block; margin-top: -7px}
.header-info .separator {height: 45px; margin: 0 10px}
.preheader .phoneholder {padding: 0}
.preheader .phonenumber {font-size: 20px; font-weight: 800}
.header-info .phoneholder .txt, .header-info .phoneholder a, .header-info .phoneholder .fee {display: block; text-align: left}
.header-info a {margin: -7px 0 0 0}
.header-info {float: none; margin: 0 auto; padding-top: 10px; display: inline-block}
.preheader .phone-icon, .preheader .card-icon {margin-bottom: -15px}
.mppMemberCenterMemberCenterForgetPasswordSent section.page, .mppMemberCenterMemberCenterResetPW section.page {padding-top: 30px}
.blogview .articleblog .articletitle a {font-size:28px; line-height: 36px}
.articles-content .article .title h1 {font-size: 38px; line-height: 58px;}
.articles-content .article h2 {font-size: 24px; line-height: 32px;}
.articles-content .article .article-content h3, .articles-content .article .article-content h4 {font-size: 18px; line-height: 24px;}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .psychicblock {float: left; width: 50%}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .offer h5 {font-size: 26px; line-height: 32px;}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .offer h6 a {font-size: 26px; line-height: 32px;}
}

@media all and (min-width: 501px) and (max-width: 600px) {
.mppArticleArticleByCategory #articles, .mppArticleArticleByCategory #articles h1 {font-size: 20px}
}

@media all and (min-width: 401px) and (max-width: 500px) {
.preheader .phone-icon, .preheader .card-icon {display: none}
.phoneblock .header-info .phoneholder .fee {padding: 0; text-align: center}
.preheader .phoneholder, .header-info .phoneholder .txt, .header-info .phoneholder a, .header-info .phoneholder .fee {text-align: center}
.mppMemberCenterMemberCenterLogin .form-wrapper .buttonholder.forgotpass, .mppMemberCenterMemberCenterLogin .form-wrapper .buttonholder.backtoreg, .mppMemberCenterMemberCenterRegister .form-wrapper .buttonholder.forgotpass, .mppMemberCenterMemberCenterRegister .form-wrapper .buttonholder.backtoreg {float: none; width: 100%; text-align: center; padding: 5px}
.mppArticleArticleByCategory #articles, .mppArticleArticleByCategory #articles h1 {font-size: 18px; line-height: 26px}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .psychicblock .psychicframe .psychic .psychic-name {font-size: 16px}
}


@media all and (min-width: 351px) and (max-width: 400px) {
.preheader .phone-icon, .preheader .card-icon {display: none}
.header-info .phoneholder .txt span {display: none}
.preheader .infoblock .info-wrapper {margin-top: -15px}
.phoneblock .header-info .phoneholder .fee, .preheader .phonenumber, .header-info .phoneholder .txt {padding: 0; text-align: center; display: block; width: 100%}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .psychicblock {float: left; width: 50%}   
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .psychicblock.active .psychicframe .psychic .psychic-name {font-size: 13px; font-weight: bold}
}

@media all and (min-width: 300px) and (max-width: 519px) {

 } 

@media all and (min-width: 300px) and (max-width: 400px) {
.phoneblock .header-info .phoneholder .fee {padding: 0; text-align: center}
.preheader .phoneholder, .header-info .phoneholder .txt, .header-info .phoneholder a, .header-info .phoneholder .fee {text-align: center}
.blogview .articleblog .articletitle a {font-size:24px; line-height: 30px}
.articles-content .article .title h1 {font-size: 30px; line-height: 46px;}
.articles-content .article h2 {font-size: 22px; line-height: 28px;}
.articles-content .article .article-content h3, .articles-content .article .article-content h4 {font-size: 18px; line-height: 24px;}
.mppArticleArticleByCategory #articles, .mppArticleArticleByCategory #articles h1 {font-size: 16px; line-height: 22px}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .offer h5 {font-size: 24px; line-height: 30px;}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .offer h6 a {font-size: 24px; line-height: 30px;}
}

@media all and (min-width: 401px) {
.creditcardblock .form-control.col-3, .registerblock .form-control.col-3 {float: left; width: 28%;}
.creditcardblock .form-control.col-6, .registerblock .form-control.col-6 {float: left; width: 48%;}
.creditcardblock .form-control.col-9, .registerblock .form-control.col-9 {float: left; width: 68%;}
.creditcardblock .form-control.col-12, .registerblock .form-control.col-12 {float: left; width: 98%;}
.psychic-profileblock .videointro a {padding: 10px 22px 10px 22px;}
.psychic-profileblock .videointro a i {color: #ffffff; font-size: 30px}
.psychic-profileblock .videointro {bottom: 10px; left: 10px; top: auto;}
}


@media all and (max-width: 400px) {
.header-info .fee {max-width: 100%; padding: 0 0 0 50px; margin-top: 0; display: block; clear: both}
.preheader .circle img {opacity: 0}

.psychicblock .phoneblock {width: 73%; border-bottom: 1px solid #cccccc}
.psychicblock .extblock {width: 27%; border-bottom: 1px solid #cccccc; border-right: 0 none}
.psychicblock .priceblock {width: 85%;}
.psychicblock .detailsblock {width: 15%}
.whitebody .withsidebar .psychicblock .psychicframe .psychic .psychic-name, .psychicblock .psychicframe .psychic .psychic-name {font-size: 24px; line-height: 26px; bottom: 25px}
.psychicblock .psychicframe .psychic .master.yes {bottom: 55px; font-size: 12px}
.psychicblock .shortinfo {height: 100%; color: #ffffff; font-size: 12px; line-height: 14px; text-align: center; font-weight: 600;word-wrap: break-word; position: absolute; top: 0; right: 0; width: 120px; padding: 10px 5px; z-index: 30; height: auto}
.psychicblock .shortinfo .details {text-align: center; font-weight: 700; color: yellow; font-size: 11px; line-height: 14px; display: inline-block; text-decoration: none;}
.psychicblock .shortinfo .details i {color: yellow;font-size: 11px; line-height: 14px;}
.psychic .psychic-info .callnow {font-size: 16px; line-height: 22px; padding: 4px 10px}

.psychicblock .priceblock .label {float: left; margin-right: 4px; margin-top: 2px; display: block}
.psychicblock .price {margin-top: -4px !important; display: block; float: left}
.priceblock, .psychicframe div.detailsblock .detailsarrow .arrow, .psychicblock .detailsblock {height: 29px !important}
.psychicframe div.detailsblock .detailsarrow .arrow {padding-top: 6px; text-decoration: none}
.whitebody .psychicblock .psychicframe .shortinfo a.details {display: none}
.psychicblock .psychic .psychic-stars i, .psychic-profileblock .psychic-info .psychic-stars i {font-size: 12px}

.left-sidebar .psychicblock.selected .psychic .psychic-stars {bottom: 5px !important}
.left-sidebar .psychicblock.selected .psychic .psychic-name {bottom: 20px !important}


.psychicblock.active .psychic-info .callnow {height: 28px; padding: 4px 0; font-size: 16px; line-height: 20px;}
.psychicblock.busy .psychic-info .callnow {height: 28px; padding: 5px 0; font-size: 14px; line-height: 18px;}
.psychicblock.away .psychic-info .callnow {height: 28px; padding: 8px 0; font-size: 11px; line-height: 14px;}
.psychicblock.active .psychic-info .callnow span {font-size: 16px; line-height: 20px;}
.psychicblock.busy .psychic-info .callnow span {font-size: 14px; line-height: 18px;}
.psychicblock.away .psychic-info .callnow span {font-size: 11px; line-height: 14px;}

.body1 .phone-icon, .body1 .card-icon {width: 50px}
.body1 .phonenumber {font-size: 28px; line-height: 30px} 
.body1 .fee {padding: 0 0 0 50px; margin-top: -2px; display: block}
.body1 .txt {font-size: 12px; line-height: 16px}  
.body9 .phone-icon, .body1 .card-icon {width: 50px}
.body9 .phonenumber {font-size: 28px; line-height: 30px} 
.body9 .fee {padding: 0 0 0 50px; margin-top: -2px; display: block}
.body9 .txt {font-size: 12px; line-height: 16px}
.body1 .normaltitle, .body4 .normaltitle, .offers .normaltitle, .horoscope .normaltitle, .articles .normaltitle, .body9 .normaltitle, .josok .testimonials .normaltitle, .newsletter .normaltitle {font-size: 28px; line-height: 34px}
.josok .testimonials {margin: 30px 0 20px 0;}

.ftcat {font-size: 18px; line-height: 24px; margin-top: 0;}
.freequestion .pictureblock, .freequestion .titleblock, .body9 .normaltitle {width: 100%; float: none}
.freequestion .titleblock {width: 100%; padding: 10px; float: none}
.freequestion .titleblock img {margin-top: 45px}
.freequestion .pictureblock {width: 100%; margin-bottom: -145px; float: none; padding: 20px}
.freequestion .pictureblock img {margin-top: 0}
.offers .smallpack {width: 100% !important;}
.zodiacblocks {float: left;width: 33.3%;}
.footer .respsep2 {clear: both; height: 0; margin: 0; width: 100%}
.footer .selectorframe {margin: 0 auto}
.footer .menublock {width: 50%; float: left}
.footer .languages {text-align: center !important}
.footer .payments, .footer .languages {width: 100%; float: none; text-align: center}
.footer .copyright {padding-top: 40px}

.horoscope-content .horoscope-details .astroimg {width: 40%}
.horoscope-content .horoscope-details .textblokk {width: 60%; float: left}
.horoscope-content .horoscope-details .infoblokk {width: 100%; float: none}
.horoscope-content .horoscope-details .astroblokk {width: 100%; float: none; text-align: center; padding-bottom: 15px}
.horoscope-content .detailsblokk {width: 100%; float: none;}
.horclr {display: block}
.grid-item, .article .grid-item {width: 100% !important}
.filters-topbar .mobile-tools { display: inline-block !important; }
.filters-topbar .tools { display: none !important; }
.stat.available, .stat.logined, .stat.email {padding: 0}
.psychic-details .reviews .onecomment .rating-stars {position: relative; width: 100%; display: block; top: auto; float:  none}
.creditcardblock .banner h1 {font-size: 28px; line-height: 32px;}
.creditcardblock .banner h2 {font-size: 16px; line-height: 22px;}
.registerblock .banner h2 {font-size: 24px; line-height: 32px;}
.packages-offers h2 {margin: 10px 0 0 0; font-size: 24px; line-height: 32px; padding: 0 10px}
.smallpack, .pack {float: none; width: 100%}
.askaquestion .buttonouter, .form-wrapper .submitbutton {text-align: center}
.mailfolder {width: 100%; float: none}
.myactionstable .hidden-sm  {clear: both}
.horoscope .tip span, .newsletter .tip span {left: 10px; width: calc((100%) - (20px)); border-left: 0 none; border-right: 0 none}

.header-info .separator {height: 45px; margin: 0 10px}
.preheader .phoneholder {padding: 0}
.preheader .phonenumber {font-size: 20px; font-weight: 800}
.header-info .phoneholder .txt, .header-info .phoneholder a, .header-info .phoneholder .fee {display: block; text-align: left}
.header-info a {margin: -7px 0}
.header-info {float: none; margin: 0 auto; padding-top: 10px; display: inline-block}
.preheader .phone-icon, .preheader .card-icon {margin-bottom: -15px}
.preheader .infoblock .info-wrapper {padding: 5px 10px}
.astrotitle {display: block; float: none}

.review-header {display: block; width: 100%; text-align: center; padding-bottom: 15px}
.review-header .review-image {display: inline-block; margin: 0 auto}
.review-header .inner {display: block; text-align: center}
.psychic-review-image {display: block; width: 100%; text-align: center}
.psychic-name-stars {display: block; text-align: center}
.psychic-name-stars .rate-psychic.has-error .help-block, .psychic-name-stars .rate-psychic span.info {display: inline-block; margin: -5px auto 0 auto; width: 70%}
.write-review .rate-psychic {padding-right: 0; text-align: center}
.rating {margin: 0 auto -0px auto; display: inline-block; float: none;}
.mppMemberCenterMemberCenterLogin .form-wrapper .buttonholder.forgotpass, .mppMemberCenterMemberCenterLogin .form-wrapper .buttonholder.backtoreg, .mppMemberCenterMemberCenterRegister .form-wrapper .buttonholder.forgotpass, .mppMemberCenterMemberCenterRegister .form-wrapper .buttonholder.backtoreg {float: none; width: 100%; text-align: center; padding: 5px}
.mppMemberCenterMemberCenterForgetPasswordSent section.page, .mppMemberCenterMemberCenterResetPW section.page {padding-top: 30px}
.videointro a, .videointro span, .videointro {font-size: 12px; line-height: 14px; letter-spacing: -1px;}
.psychic-profileblock .videointro {bottom: 0; left: 0; top: auto;}
.category .container-fluid .categorytext h1.title {font-size: 28px; line-height: 34px}
.category .container-fluid {padding: 35px 0 0px 0}
.preheader .circle {display: none}
.categorydesc h2, .categorydesc p, .categorydesc a, .categorydesc i, .categorydesc b, .categorydesc strong, .categorydesc em {font-size: 14px; line-height: 22px}
section.category {margin-bottom: -20px}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .offer .intro {padding-right: 10px}
}

@media all and (max-width: 350px) {
.header-info .separator {height: 2px; width: 100%; margin: -15px auto 0 auto}
.preheader .phoneholder {margin: -5px auto 0 auto; display: inline-block; float: none}
.phoneblock .header-info .phoneholder .fee {padding-left: 48px}
.header-info {width: 100%; text-align: center; display: block; padding-top: 15px}
.preheader .infoblock .info-wrapper {margin-top: -12px}
.newsletter h2 {font-size: 24px !important; line-height: 32px !important}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .psychicblock {float: none; width: 280px; max-width: 100%; margin: auto;}
.articles-content .article .article-content h3, .articles-content .article .article-content h3 strong, .articles-content .article .article-content h4, .articles-content .article .article-content h4 strong {font-size: 20px; line-height: 26px}

}

@media all and (max-width: 340px) {
.minihide1 {display: none !important}
.freequestion .selectcategory {width: 100%; padding-right: 15px}
.freequestion .name {width: 100%; padding-left: 15px}
.freequestion .pictureblock {margin-bottom: -124px !important;}
.footer .menublock {width: 100%; float: none; text-align: center}
.footer .logo {padding-bottom: 40px}
.psychicblock.selected::before {left: 0; top: 0;}
.left-sidebar .psychicblock.selected::before {left: -17px !important; top: 0;}
.footer .wpZone .content-item .menublock ul li {float: left; padding-right: 10px}

.footer .menublock ul li {float: left; padding-right: 10px}
.footer .menublock {clear: both; padding-top: 5px; text-align: center}
.footer .respsep, .footer .respsep2 {display: none}
}

@media all and (min-width: 341px) {
.creditcardblock .form-control.col-4, .registerblock .form-control.col-4 {float: left; width: 31.333%;}
}

@media all and (max-width: 300px) {
.minihide2 {display: none !important}
.body1 .container .text-center {float: none; padding: 0 !important}
.body9 .container .text-center {float: none; padding: 0 !important}
.phoneblock {padding: 0; margin: 0 auto;}
.zodiacblocks {float: left;width: 50% !important; }
.horoscope-content .chooser .choose, .articles-content .chooser .choose {font-size: 10px; padding: 10px 4px}
.moduleheader {font-size: 14px}
.onair .ezologo {width: 70px; padding: 2px}
.onair .channellogo {height: 25px}
.mobile-tools .stat a {padding: 0 3px !important}

.psychicblock .shortinfo {width: 100%; position: relative; display: block; margin-top: -1px; background-color: #252525; font-weight: 700; font-size: 11px; line-height: 14px; padding: 6px; color: #ffffff; text-align: left}
.psychic .psychic-background {display: none}
.psychicblock .psychicframe .psychic .psychic-name {font-size: 20px !important; line-height: 22px !important}
.whitebody .horoscope-content .module .zodiac-signs .signblocks span {display: none}
.other .text-center {padding-left: 0 !important; padding-right: 0 !important}
.blogview .articleblog .articletitle a {font-size:22px; line-height: 26px}
.articles-content .article .title h1 {font-size: 22px; line-height: 34px; border-bottom: 3px solid #a33b84}
.articles-content .article h2 {font-size: 20px; line-height: 26px;}
.articles-content .article .article-content h3, .articles-content .article .article-content h4 {font-size: 16px; line-height: 24px;}
.articles-content .article .article-content p.lead, .articles-content .article .article-content p, .articles-content .article .article-content strong, .articles-content .article .article-content {font-size: 16px !important; line-height: 24px !important}
.mppArticleArticleByCategory #articles {font-size: 14px; line-height: 20px; padding-left: 30px}
.mppArticleArticleByCategory #articles h1 {font-size: 14px; line-height: 20px}
.mppArticleArticleByCategory #articles:before {font-size: 20px}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .offer h5 {font-size: 20px; line-height: 26px;}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .offer h6 a {font-size: 20px; line-height: 26px;}
.mppArticleArticleDetail .whitebody .col-md-push-4 .withsidebar .psychicblock .psychicframe .psychic .psychic-name {font-size: 17px !important}
.mppArticleArticleDetail .whitebody .articles-content .article ul {margin-left: 0}

}

@media all and (min-width: 1450px) {
.tarot-iskola .row {margin-left: -140px; margin-right: -140px}
}

@media all and (min-width: 992px) and (max-width: 1199px) {
.tarot-iskola .block {width: 16.3%}
}

@media all and (min-width: 550px) and (max-width: 1199px) {
.tarot-iskola-content .block {width: 24.4%}
}

@media all and (min-width: 768px) and (max-width: 991px) {
.featured-themes .grouptitle span, .featured-themes .grouptitle {font-size: 18px; line-height: 24px}
.tarot-iskola .block {width: 19.5%}
}


@media all and (max-width: 767px) {
.ccoffer .col-sm-5 {padding-top: 80px}
.featured-themes .block {padding: 0 15px}
.tarot-iskola .padding {padding-left: 10px;}
}

@media all and (min-width: 550px) and (max-width: 767px) {
.tarot-iskola .block {width: 24.1%}
}

@media all and (max-width: 419px) {
.ccoffer .offerouter.card .first {display: block; width: 100%; text-align: center; padding-bottom: 5px}
}

@media all and (max-width: 400px) {
.ccoffer .title h3, .tarot-iskola h3 {font-size: 28px; line-height: 34px}
.ccoffer .title h4, .ccoffer .title .kiemel, .tarot-iskola h4 {font-size: 16px; line-height: 24px}
}

@media all and (min-width: 380px) and (max-width: 549px) {
.tarot-iskola-content .block {width: 32%}
.tarot-iskola .block {width: 32%}
}


@media all and (max-width: 379px) {
.tarot-iskola-content .block {width: 100%; text-align: center}
.tarot-iskola-content .block img {width: 180px; margin: 0 auto 30px auto; max-width: 100%}
.tarot-iskola .block {width: 100%; text-align: center}
.tarot-iskola .block img {width: 180px; margin: 0 auto 30px auto; max-width: 100%}
}

@media all and (max-width: 319px) {
.ccoffer .offerouter.card .second {display: block; width: 100%; text-align: center; padding-bottom: 5px}
.featured-themes .grouptitle span, .featured-themes .grouptitle {font-size: 20px; line-height: 26px}
}

@media all and (max-width: 259px) {
.ccoffer .title h3 {font-size: 24px; line-height: 32px}
.featured-themes .grouptitle span, .featured-themes .grouptitle {font-size: 18px; line-height: 24px}
}