/*CSS Reset*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th {font-size:1em; font-weight:normal; font-style:normal;}ul,ol {list-style:none;}fieldset,img,hr {border:none;}caption,th {text-align:left;}table {border-collapse:collapse; border-spacing:0;}td {vertical-align:top;}img.centered, .aligncenter, div.aligncenter {display: block;margin-left: auto;
margin-right: auto;}
img.alignright {margin: 0 0 2px 15px;display: inline}
img.alignleft {margin: 0 15px 2px 0;display: inline}
.alignright {float: right;}.alignleft {float: left;}
/*HTML5 block*/
header, section, footer,
aside, nav, article, figure {
	display: block;
}
figure {
	margin:0;
	padding:0;
}
/*HTML5 clearfix*/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.clear {clear:both; height:0px;}

body{
	background:#ffffff;
	font-size:16px;
	color:#252525;
	line-height:22px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
}
a {
	color:#000000;
	text-decoration:underline;
}
a:hover {
	color:#000000;
	text-decoration:none;
}
a:active {
	text-decoration:none;
	border:none;
}
.relative {
	position:relative;
}
strong, b {
	font-weight:600;
}
p {
	margin-bottom:25px !important;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Playfair Display', serif;
	color:#606060;
}
h4 {
	margin-bottom:30px;
	font-size:24px;
	font-weight:bold;
}
h5 {
	margin-bottom:30px;
	font-size:20px;
	font-weight:bold;
}


header {
	background:url(../images/headerbg.jpg) no-repeat center center;
	background-size:cover;
	padding:50px 0 80px 0;
	text-align:left;
	color:#ffffff;
	position:relative;
	overflow:hidden;
}

header .logo {
	float:left;
	opacity:0.6;
}
header hgroup {
	padding-top:100px;
}
header hgroup h1 {
	font-size:42px;
	line-height:48px;
	margin-bottom:30px;
	font-weight:600;
	text-shadow:1px 5px 5px #000000;
	color:#fbdd00;
	width:60%;	
}
header hgroup h2 {
	font-size:20px;
	line-height:24px;
	font-weight:600;
	padding:20px;
	background:rgba(0,0,0,0.4);
	border-radius:6px;
	width:70%;
	font-family: 'Roboto', sans-serif;
	color:#ffffff;
}

section.intro {
	background:url(../images/introbg.jpg) no-repeat center center;
	background-size:cover;
}
section.intro img {
	max-width:100%;
	height:auto;	
}
section.intro .introblock {
	background:#ffffff;
	border:8px solid #f1ece2;
	padding:30px;
	border-radius:20px;
	box-shadow:0px 0px 30px rgba(0,0,0,0.3);
	margin-top:-30px;
	margin-bottom:-30px;
	font-size:18px;
	line-height:22px;
}
section.intro .introtext {
	margin-bottom:20px;
}
.ctahead {
	border-top:2px solid #f2ede3;
	padding-top:40px;
	text-align:center;
}
.ctahead h3 {
	font-family: 'Roboto', sans-serif;
	font-size:36px;
	line-height:44px;
	color:#000000;
	margin-bottom:30px;
	font-weight:700;
	letter-spacing:-1px;
}

.fancylist {
	border-radius:15px;
	border:1px solid #efefef;
	border-top:10px solid #e3a500;
	padding:20px 20px 10px 20px;
	font-family: 'Playfair Display', serif;
	margin-bottom:20px;
}
.fancylist ul { margin-bottom:0px !important; list-style:none !important; margin-left:0px !important;}
.fancylist ol { margin-bottom:0px !important; list-style:none !important; margin-left:0px !important;}
.fancylist li {
	margin-bottom:10px;
	font-size:18px;
	line-height:22px;
	font-weight:300;
	padding:5px 0 5px 40px;
	background:url(../images/check-icon.png) no-repeat left top;
}

.callblock {
	text-align:left;
	margin-bottom:30px;
}
.callblock .callico {
	float:left;
	margin-right:10px;
}
.callblock .callbody {
	float:left;
}
.callblock .calltitle {
	font-size:19px;
	line-height:19px;
	font-weight:700;
	padding-top:5px;
	color:#797979;
}
.callblock .number {
	font-size:42px;
	line-height:42px;
	font-weight:700;
	float:left;
	margin-right:10px;
	color:#a33b84;
}
.locale-de-ch .callblock .number {
	font-size:24px;
	line-height:26px;
	font-weight:700;
	float:none;
	margin-right:0px;
	color:#a33b84;
}
.callblock .number a {
	text-decoration:none;
	color:#a33b84;
}
.callblock .callprice {
	font-size:14px;
	line-height:14px;
	float:left;
	width:80px;
	padding-top:10px;
}
.locale-cs-cz .callblock .callprice {
	font-size:12px;
	line-height:14px;
	float:left;
	width:100px;
	padding-top:8px;
}
.locale-de-ch .callprice {
	font-size:24px;
	line-height:26px;
	float:none;
	width:auto;
	padding-top:0px;
	color:#a33b84;
	font-weight:700;
}
.disclaimer {
	text-align:center;
}
.disclaimer .ezoinfo {
	display:inline-block;
	padding:2px 8px;
	background:#efefef;
	border-radius:10px;
	font-size:12px;
}

section.outro {
	padding:90px 0 60px;
}
section.outro h3 {
	font-size:32px;
	line-height:36px;
	color:#606060;
	font-weight:600;	
	margin-bottom:30px;
}
section.outro h4 {
	font-size:24px;
	line-height:28px;
	color:#000000;
	font-weight:600;	
}
section.outro .outrotext {
	margin-bottom:20px;
}
section.outro .ctahead h3 {
	color:#000000;
	font-size:28px;
	line-height:32px;
}
section.outro .ctahead h3 span {
	color:#e3a500;
	display:block;
}
.ctahead a {
	display:inline-block;
	font-size:34px;
	line-height:38px;
	padding:25px 30px;
	background:#a33b84;
	border-radius:8px;
	border-bottom:5px solid #812f68;
	text-decoration:none;
	font-weight:700;
	text-transform:uppercase;
	color:#ffffff;
	margin-bottom:30px;
}
.ctahead a:hover {
	margin-top:2px;
	border-bottom:3px solid #802e67;
	background:#b0408f;
}

.headline h3 {
	font-size:44px;
	line-height:48px;
	margin-bottom:30px;
	color:#4b4391;
}

section.testimonials {
	background:#5f2861 url(../images/testimonialbg.jpg) no-repeat center center;
	border-bottom:15px solid #e4a600;
	background-size:cover;
	padding:50px 0 25px 0;
	text-align:center;
}
section.testimonials article {
	background:rgba(0,0,0,0.3);
	border-radius:15px;
	padding:25px;
	text-align:left;
	color:#ffffff;
	margin-bottom:25px;
}
section.testimonials article .rating {
	color:#e4a600;
	font-size:28px;
	margin-bottom:5px;
}
section.testimonials article h1 {
	margin-bottom:20px;
	color:#ffffff;
	font-size:26px;
	line-height:30px;	
}
section.testimonials article .signature {
	font-size:20px;
	font-family: 'Playfair Display', serif;
	font-weight:600;
}
section.testimonials article .signature span {
	font-size:12px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
}

section.importantdates {
	padding:40px 0 15px 0;	
	text-align:center;	
}
section.importantdates .headline h3 {
	border-bottom:2px solid #f2ede3;
	padding-bottom:50px;
}
section.importantdates article {
	margin-top:-50px;
}
section.importantdates .datebox {
	display:inline-block;
	margin:0 auto;
	border-radius:8px;
	background:#a33b84;
	color:#ffffff;
	font-family: 'Playfair Display', serif;
	padding:10px;
	margin-bottom:15px;
}
section.importantdates .datebox .year {
	font-size:24px;
	line-height:24px;
}
section.importantdates .datebox .month {
	font-size:15px;
	line-height:16px;
	margin-bottom:5px;
}
section.importantdates .datebox .day {
	font-size:48px;
	line-height:30px;
	margin-bottom:10px;
}
section.importantdates hgroup {
	margin-bottom:15px;
}
section.importantdates hgroup h1 {
	font-size:28px;
	line-height:30px;
	margin-bottom:10px;
	font-weight:600;
}
section.importantdates hgroup h2 {
	font-size:18px;
	line-height:24px;
	color:#000000;
	margin-bottom:10px;
	font-family:'Roboto', sans-serif;
	font-weight:600;
}
section.importantdates .ctn {
	text-align:left;
	margin-bottom:25px;
}

section.garantee {
	border-top:2px solid #f2ede3;
	padding:40px 0 15px 0;
	text-align:center;
}
section.garantee .row div {
	margin-bottom:25px;
}
section.garantee img {
	max-width:100%;
	height:auto;
}

section.wouldyou {
	background:url(../images/wouldyoubg.jpg) no-repeat center center;
	background-size:cover;
	padding:50px 0;
}
section.wouldyou .ctahead {
	padding:0px !important;
	border:none !important;
}
section.wouldyou h3 {
	color:#ffffff;
}

section.endingtext {
	padding:40px 0 0 0;
}

/* FOOTER */

footer {
	background:#212121;
	padding:0 0 50px 0;
	color:#808080;
	text-align:center;
	font-size:14px;
	line-height:18px;
}
footer a {
	color:#aaaaaa;
	font-weight:400;
	text-decoration:none;
}
footer a:hover {
	color:#b9b9b9;
}
footer .logo {
	margin-bottom:40px;
	opacity:0.7;
}
footer .totop {
	display:inline-block;
	background:#212121;
	border-radius:50px;
	font-size:24px;
	padding:30px;
	color:#646464;
	margin:-30px auto 30px auto;
	box-shadow:0px 2px 0px #646464;
	cursor:pointer;
}


section.psychics {
	text-align:center;
	padding:40px 0 20px;
}
section.psychics h4 {
	position:relative;
	margin-bottom:30px;
	font-size:18px;
	font-weight:600;
}
section.psychics h4:before {
	position:absolute;
	width:100%;
	height:1px;
	background:#dfdfdf;
	content:"";
	left:0px;
	top:50%;
	z-index:64;
}
section.psychics h4 span {
	background:#ffffff;
	position:relative;
	z-index:65;
	padding:0 20px;
}
.psychicscontainer {
	padding:0 0 40px 0;
}
.psychicscontainer .ctahead {
	border:none;
}
.psychicscontainer .ctahead a {
	font-size:24px;
	line-height:24px;
	padding:18px 20px;
}

.circle {
	width:60px;
	height:60px;
	background:#a33b84;
	padding:15px;
	color:#ffffff;
	border-radius:50px;
	font-size:30px;
	margin:20px auto 10px auto;
}

.mfp-content {
	max-width:800px;
	margin:0 auto;
	padding:50px 0;
}
.mfp-content .ph {
	background:#ffffff;
	border:8px solid #f2eadb;
	border-radius:20px;
	box-shadow:0px 0px 30px rgba(0,0,0,0.3);
}
.mfp-content .ph .header {
	background:url(../images/headerbg.jpg) no-repeat center center;
	padding:20px 20px 10px 20px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	color:#ffffff;
	txt-align:center;
	
}
.mfp-content .ph .header h2 {
	font-size:36px;
	line-height:36px;
	font-weight:700;
	text-align:center;
	text-shadow:0 2px 5px #000000;	
	margin-bottom:20px;
}
.mfp-content .ph .header figure {
	border-radius:50%;
	border:6px solid rgba(255,255,255,0.5);
	width:280px;
	height:280px;
	margin:0 auto;
	box-shadow:0 0 40px #000000;
	position:relative;
	z-index:888;
}
.mfp-content .ph .header figure img {
	max-width:100%;
	height:auto;
	border-radius:50%;
}
.mfp-content .ph .header figure .status {
	position:absolute;
	padding:5px 10px;
	font-weight:600;
	right:-30px;
	top:50px;
	border-radius:5px;
}
.active .status {
	background:#03a678;
}
.mfp-content .ph .content {
	padding:0 20px 20px 20px;
}
.mfp-content .ph .content .action {
	margin-top:-40px;
	text-align:center;
	position:relative;
	z-index:999;
	margin-bottom:20px;
}
.mfp-content .ph .content .action a {
	display:inline-block;
	background:#03a678;
	padding:12px 15px;
	border:2px solid #73a698;
	color:#ffffff;
	text-decoration:none;
	border-radius:10px;
	transition:all 0.5s ease;
}
.mfp-content .ph .content .action a:hover {
	background:#02815d;
	padding:12px 20px;
}
.mfp-content .ph .content .action a .col1 {
	display:inline-block;
	padding-right:15px;
}
.mfp-content .ph .content .action a .col2 {
	display:inline-block;
	border-left:1px solid #ffffff;
	padding-left:15px;
}
.mfp-content .ph .content .action a .callme {
	font-size:18px;
	line-height:18px;
	font-weight:600;
}
.mfp-content .ph .content .action a .pnumber {
	font-size:36px;
	line-height:36px;
	font-weight:600;
}
.mfp-content .ph .content .action a .line {
	font-size:18px;
	line-height:18px;
	font-weight:600;
}
.mfp-content .ph .content .action a .mnumber {
	font-size:36px;
	line-height:36px;
	font-weight:600;
}
.mfp-content .ph .content h2 {
	font-size:32px;
	line-height:36px;
	margin-bottom:30px;
}
.mfp-content .ph .content h3 {
	font-size:28px;
	line-height:32px;
	margin-bottom:30px;
}
.mfp-content .ph .content h4 {
	font-size:24px;
	line-height:24px;
	margin-bottom:30px;
}
.mfp-content .ph .content h5 {
	font-size:20px;
	line-height:24px;
	margin-bottom:30px;
}
.callmobile {
	display:none;
	padding:10px;
	margin:10px 0;
	background:#03a678;
	color:#ffffff;
	text-align:center;
	font-size:22px !important;
	line-height:22px !important;
	font-weight:700 !important;
	text-decoration:none;
	border-radius:6px;
}
.datablocks .callmobile {
	margin:10px;
}
.callmobile:hover {
	color:#ffffff;
	background:#039668;
}


.introtext h2,
.outrotext h2,
.endingtext h2 {font-size:36px; line-height:36px; margin-bottom:20px;}
.introtext h3,
.outrotext h3,
.endingtext h3 {font-size:28px; line-height:28px; margin-bottom:20px;}
.introtext h4,
.outrotext h4,
.endingtext h4 {font-size:22px; line-height:22px; margin-bottom:20px;}
.introtext em,
.outrotext em,
.endingtext em { font-style:italic; font-weight:300;}
.introtext ol,
.outrotext ol,
.endingtext ol { margin-bottom:30px; list-style:decimal; margin-left:20px;}
.introtext ul,
.outrotext ul,
.endingtext ul { margin-bottom:30px; list-style:disc; margin-left:20px;}



@media only screen and (min-width: 993px) and (max-width: 1200px){
	
	.callblock .number {
		font-size:32px;
		line-height:32px;
		font-weight:700;
		float:none;
		margin-right:0px;
		letter-spacing:-1px;
	}
	.locale-de-ch .callblock .number {
		font-size:22px;
		line-height:24px;
		font-weight:700;
		float:none;
		margin-right:0px;
		letter-spacing:-1px;
	}
	.callblock .callprice {
		font-size:14px;
		line-height:14px;
		float:none;
		width:auto;
		padding-top:10px;
	}
	.locale-cs-cz .callblock .callprice {
		font-size:12px;
		line-height:14px;
		padding-top:4px;
	}
	.locale-de-ch .callblock .callprice {
		font-size:22px;
		line-height:24px;
		padding-top:0px;
	}	
	section.importantdates .headline h3 {
		border-bottom:none;
		padding-bottom:0px;
	}
	section.importantdates article {
		margin-top:0px;
	}	

}
@media only screen and (min-width: 769px) and (max-width: 992px){

	.locale-cs-cz .callblock .calltitle {
		font-size:16px;
		line-height:16px;
	}
	.callblock .number {
		font-size:32px;
		line-height:32px;
		font-weight:700;
		float:none;
		margin-right:0px;
		letter-spacing:-1px;
	}
	.locale-de-ch .callblock .number {
		font-size:22px;
		line-height:24px;
		font-weight:700;
		float:none;
		margin-right:0px;
		letter-spacing:0px;
	}
	.callblock .callprice {
		font-size:14px;
		line-height:14px;
		float:none;
		width:auto;
		padding-top:10px;
	}
	.locale-cs-cz .callblock .callprice {
		font-size:12px;
		line-height:14px;
		padding-top:4px;
	}	
	.locale-de-ch .callblock .callprice {
		font-size:22px;
		line-height:24px;
		padding-top:0px;
		width:200px;
	}	
	header hgroup {
		padding-top:150px;
	}
	header hgroup h1 {
		font-size:34px;
		line-height:36px;
	}
	header hgroup h2 {
		font-size:18px;
		line-height:24px;
	}
	.ctahead h3 {
		font-size:30px;
		line-height:34px;
	}
	section.outro .ctahead h3 {
		font-size:24px;
		line-height:28px;
	}
	.headline h3 {
		font-size:50px;
		line-height:54px;
	}
	section.importantdates .headline h3 {
		border-bottom:none;
		padding-bottom:0px;
	}
	section.importantdates article {
		margin-top:0px;
	}	

}

@media (max-width: 768px) {
	.callblock {
		float:none !important;
		display:inline-block;
	}
	.callblock .calltitle {
		font-size:16px;
		line-height:16px;
	}
	.callblock .number {
		font-size:32px;
		line-height:32px;
		font-weight:700;
		float:none;
		margin-right:0px;
		letter-spacing:-1px;
	}
	.locale-de-ch .callblock .number {
		font-size:20px;
		line-height:22px;
		font-weight:700;
		float:none;
		margin-right:0px;
		letter-spacing:0px;
	}
	.callblock .callprice {
		font-size:14px;
		line-height:14px;
		float:none;
		width:auto;
		padding-top:10px;
	}
	.locale-cs-cz .callblock .callprice {
		font-size:12px;
		line-height:14px;
		padding-top:4px;
	}
	.locale-de-ch .callblock .callprice {
		font-size:20px;
		line-height:22px;
		padding-top:0px;
		width:200px;
	}	
	header .logo {
		float:none;
	}
	header hgroup {
		padding-top:50px;
	}
	header hgroup h1 {
		font-size:28px;
		line-height:32px;
		width:auto;
	}
	header hgroup h2 {
		font-size:18px;
		line-height:24px;
		width:auto;
	}
	section.intro .introblock {
		border:4px solid #f2eadb;
		padding:10px;
	}
	.ctahead h3 {
		font-size:24px;
		line-height:28px;
	}
	section.outro .ctahead h3 {
		font-size:20px;
		line-height:24px;
	}		
	.headline h3 {
		font-size:38px;
		line-height:44px;
	}
	section.importantdates .headline h3 {
		border-bottom:none;
		padding-bottom:0px;
	}
	section.importantdates article {
		margin-top:0px;
	}	

}
@media (max-width: 400px) {
	.mfp-content .ph .header figure {
		width:220px;
		height:220px;
	}
	.mfp-content .ph .header figure .status {
		position:absolute;
		padding:5px 10px;
		font-weight:600;
		font-size:10px;
		right:-10px;
		top:10px;
		border-radius:5px;
	}	
	.mfp-content .ph .content .action {
		margin-top:-40px;
	}
	.mfp-content .ph .content .action a:hover {
		padding:12px 15px;
	}
	.callmobile {
		display:block;
	}
	.mfp-content .ph .content .action a .callme {
		font-size:12px;
		line-height:12px;
		font-weight:600;
	}
	.mfp-content .ph .content .action a .pnumber {
		font-size:18px;
		line-height:18px;
		font-weight:600;
	}
	.mfp-content .ph .content .action a .line {
		font-size:12px;
		line-height:12px;
		font-weight:600;
	}
	.mfp-content .ph .content .action a .mnumber {
		font-size:18px;
		line-height:18px;
		font-weight:600;
	}
	section.importantdates .headline h3 {
		border-bottom:none;
		padding-bottom:0px;
	}
	section.importantdates article {
		margin-top:0px;
	}		

}



/* JOSOK */

.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: 5; padding: 10px; font-size: 12px; line-height: 15px; text-align: center; font-weight: 600;word-wrap: break-word; pointer-events:none;}
.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; border-radius:4px;}
.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}
.cs .psychic-profile.active .psychic-info .callnow span, .psychicblock.active .psychic-info .callnow span {font-size: 14px}
.sk .psychic-profile.active .psychic-info .callnow span, .psychicblock.active .psychic-info .callnow span {font-size: 14px}
.ru .psychic-profile.active .psychic-info .callnow span, .psychicblock.active .psychic-info .callnow span {font-size: 14px}
.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: 5px; width: 110px; padding-right: 10px; z-index: 12; pointer-events:auto;}
.psychic .psychic-background {position: absolute; top: 0; right: 0; height: 100%; width: 120px; background-color: #333333; opacity: 0.5; pointer-events: none;} 

.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%}
.locale-de-ch .psychicblock .phoneblock {width: 42%}
.psychicblock .extblock {border-right: 1px solid #cccccc; float: left; height: 45px; width: 16%}
.locale-de-ch  .psychicblock .extblock {width: 19%}
.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: #333333; 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: 16px; font-weight: 600; line-height: 22px; text-decoration: none; display: block; color: #666666; text-transform: uppercase; margin-top: -2px; word-spacing: -2px}
.locale-de-ch .psychicblock .priceblock .price {font-size:15px; line-height: 15px;}
.locale-de-ch .psychicblock .priceblock .price .line {text-transform:none !important;}
.psychicblock .priceblock .price span {font-size: 12px; font-weight: 600; line-height: 22px; text-decoration: none; display: inline-block; color: #666666; text-transform: uppercase; 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 {position: absolute; left: 7px; bottom: 22px; color: #ffffff; font-size: 27px; line-height: 40px; font-weight: 400; z-index: 12; text-shadow: 2px 2px 2px black; letter-spacing: -0.5px; pointer-events: none;}
.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: 15; pointer-events: none;}
.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}

.callbutton .callnow span.busy, .psychic-profile .psychic-profileblock .psychic-info .callbutton .callnow span.busy {display: none}
.away .callbutton .callnow span:first-child, .away .psychic-profile .psychic-profileblock .psychic-info .callbutton .callnow span:first-child {display: none;}
.away .callbutton .callnow span.busy, .away .psychic-profile .psychic-profileblock .psychic-info .callbutton .callnow span.busy {display: none; font-size:10px;}
.psychicblock .shortinfo {pointer-events: none;}


@media all and (min-width: 1200px) {
.cs .psychicblock .shortinfo {font-size: 11px; line-height: 12px;}
.sk .psychicblock .shortinfo {font-size: 11px; line-height: 12px;}
.ru .psychicblock .shortinfo {font-size: 11px; line-height: 12px;}
.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: 5; 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;}
}

@media all and (min-width: 992px) and (max-width: 1199px) {
.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;}
.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: 4; 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;}
.psychicblock .shortinfo .details {text-align: center; font-weight: 700; color: yellow; font-size: 11px; line-height: 14px; display: none !important; text-decoration: none; padding-top: 0 !important}
.psychicblock .shortinfo .details i {color: yellow;font-size: 11px; line-height: 14px;}
}

@media all and (min-width: 768px) and (max-width: 991px) {
.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: 5; height: auto}
.sk .psychicblock .shortinfo {font-size: 10px; line-height: 12px;}
.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;}
}

@media all and (min-width: 701px) and (max-width: 767px) {
.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: 5; 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%) - (214px)); padding-right: 10px}
.mail-select {padding-right: 28px}
.datecell {width: 100%; padding: 4px 4px 2px 15px; float: none; clear: both; background-color: #f1d9e9; 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}
}


@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}
.sk .psychicblock .shortinfo {font-size: 11px !important; line-height: 13px !important;}
.showcase .container-fluid {height: 270px; text-align: center;}
.filters-popular {display: none}
.infoblock {clear: both}
}


@media all and (min-width: 601px) and (max-width: 700px) {
.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: 5; height: auto}
.sk .psychicblock .shortinfo {font-size: 11px !important; line-height: 13px !important;}
.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;}
}

@media all and (min-width: 401px) and (max-width: 600px) {
.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: 5; height: auto}
.sk .psychicblock .shortinfo {font-size: 11px !important; line-height: 13px !important;}
.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;}
}



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

.psychicblock .phoneblock {width: 73%; border-bottom: 1px solid #cccccc}
.sk .psychicblock .phoneblock {width: 55%}
.psychicblock .extblock {width: 27%; border-bottom: 1px solid #cccccc; border-right: 0 none}
.sk .psychicblock .extblock {width: 25%; border-right:1px solid #cccccc;}
.psychicblock .priceblock {width: 85%;}
.psychicblock .detailsblock {width: 15%}
.sk .psychicblock .detailsblock {width: 20%; border-bottom: 1px solid #cccccc; height:45px !important;}
.sk .psychicblock .detailsblock i { padding-top:7px;}
.psychicblock .psychicframe .psychic .master.yes {bottom: calc((100%) - (35px)); 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: 4; height: auto}
.sk .psychicblock .shortinfo {font-size: 10px !important; line-height: 11px !important;}
.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}
.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;}
.sk .psychicblock.active .psychic-info .callnow span {font-size: 14px;}
.psychicblock.busy .psychic-info .callnow span {font-size: 14px; line-height: 18px;}
.psychicblock.away .psychic-info .callnow span {font-size: 11px; line-height: 14px;}
}


@media all and (max-width: 300px) {
.psychicblock .shortinfo {width: 100%; position: relative; display: block; margin-top: -1px; background-color: #333333; 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}
}