/* addon */


#content .jh-heading > h1 {
    line-height: 1em;
}



#debug {
	display:none;
}


/* global */

html {
	font-size:13px;
	height:100%;
	padding: 0;
	margin: 0;
}

body {
	padding: 0;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	/*-webkit-perspective: 600px;*/
	color:#000000;
	background-color:#fafafa;
	height:100%;

	box-sizing:border-box;
}

#wrap {
	padding-bottom:80px;
	box-sizing:border-box;
min-height:100%;
	position:relative;
}

h1,h2,h3,h4,h5 {
	font-weight:500;
	margin:0 0 8px;
	color: #ff9000;
}


#content .orange {
	color: #ff9000;
}
#content .blue {
	color: #16a0e0;
}

.-table {
	display:table;
}

.-tr {
	display:table-row;
}

.-tr.vmiddle .-td {
	vertical-align:middle;
}

.-tr.vtop .-td {
	vertical-align:top;
	
}

.-td {
	display:table-cell;
}



.-li.icon {
	padding-left:20px;
}

.-li.icon.star {
	background-image:url(/smartmedia/ostar);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:16px 16px;
}

#content .promo-viversum {
	font-size:1.2em;
	display:none!important;
}

#content .promo-viversum img {
	float:left;
	width:45%;
	margin-right:10px;
}
#content .promo-viversum h3 {
	padding-top:2px;
	color:#000000;
	font-size:24px;
	font-weight:bold;
	margin-bottom:3px;
}

#content .promo-viversum a {
	font-size:18px;
	font-weight:bold;
	color:#ba2542;
	text-decoration:none;
}


a img {
	border:none;
}

.inline {
	display:inline-block;
}

.center {
	text-align:center;
}

.clear { clear:both; }

.left {
	float:left;
}

.right {
	float:right;
}

p {
	margin:0 0 10px;
}

p.bigger, span.bigger {
	font-size:120%;
}

p.blue, span.blue, div.blue {
	color:#16a0e0;
}

p.pink, span.pink {
	color:#ff9000;
}

p.gray {
	color: #606060;
}

#overlay {

	position:fixed;
	top:0;
	left:0;
	background-color: #ffffff;
	opacity:0;
	z-index:9000;
	display:block;
	width:0px;
}

#overlay.show {
   display:block;
   opacity: 0.8;
   transition: opacity 0.2s ease-out;
   -moz-transition: opacity 0.2s ease-out;
   -webkit-transition: opacity 0.2s ease-out;
   width:100%;
}

#dialog_container {

	position:fixed;
	top:20px;
	left:0;
	z-index:10000;
	width:100%;
	display:none;
}

#dialog_container.show {
	display:block;
	-webkit-transition-duration: 200ms;
	-webkit-transform: translate(0px, -20px);
	-webkit-transition-delay: 0;
	-webkit-transition-timing-function: ease-out;

	-moz-transition-duration: 200ms;
	-moz-transform: translate(0px, -20px);
	-moz-transition-delay: 0;
	-moz-transition-timing-function: ease-out;

	transition-duration: 200ms;
	transform: translate(0px, -20px);
	transition-delay: 0;
	transition-timing-function: ease-out;
}

div.dialog {
	width:500px;
	margin: 0 auto;


	background-color:#ffffff;
	
	padding:16px;

  	box-shadow:  0px 2px 8px 1px rgba(0,0,0,0.3);

	position:relative;
	height:0px;
	opacity:0;

}
div.dialog-content {
	display:block;
}
a.dialog-close {
	position:absolute;
	right:12px;
	top:12px;
	display:inline-block;
}
a.dialog-close img {
	width:24px;
	height:auto;
}


div.dialog.show {
	opacity:1;
   transition: opacity .2s ease-in;
   -moz-transition: opacity .2s ease-in;
   -webkit-transition: opacity .2s ease-in;

	height:auto;
}

/* - ads -------------------------------------------------------------------------------------------------------------------*/

div.ad.ad338 {
	width:338px;
	height:280px;
	overflow:hidden;
}

div.ad.ad300 {
	width:300px;
	height:250px;
	overflow:hidden;
}

/* -------------------------------------------------------------------------------------------------------------------------*/
#page {
	max-width:1300px;
	margin:0 auto;
}

.page-wrap {
	max-width:1280px;
	margin:0 auto;
	
}

/* -------------------------------------------------------------------------------------------------------------------------*/
#header {
	background-color:#ffffff;
	height:130px;
	position:relative;
}

#header .headerimg {
	display:block;
	height:100px;
	/*background:url("/smartmedia/header") center top;*/
	text-align:center;
	position:relative;
}
#header .headerimg .page-wrap {
	position:relative;
}

#header .headerimg .photo {
	position:absolute;
	top:0px;
}

#header .headerimg .photo.left {
	left:0px;
	
}

#header .headerimg .photo.right {
	right:0px;
}

/* ----------- special header --------------------- */

/*
#header.header-1 {
	height:430px;
}

#header.header-1 .headerimg {
	background:url("/smartmedia/banner-easter") center top;
	height:400px;
}
#header.header-1 .headerimg .page-wrap {
	display:none;
}
*/


#header div.mobile {
	height:50px;
	background-color:#ed6d15;
	background-image:url("/smartmedia/astrologo-inv");
	background-position:70px center;
	background-repeat:no-repeat;
	background-size:184px;
	display:none;
	position:relative;
}

#header div.mobile .menubutton{
	height:50px;
	margin-left:8px;
}


/* breadcrumb */
/* -------------------------------------------------------------------------------------------------------------------------*/


ol.breadcrumb {
	margin:0;
	padding:0;
	display:inline-block;
	list-style-type:none;
}

ol.breadcrumb li {
	display:inline-block;
}

ol.breadcrumb li i {
	font-style:normal;
}


#breadcrumb {
	line-height:32px;
	padding-left:18px;
	color:#909090;
	font-weight:400;
	width:1280px;
	margin:0 auto;
}
#breadcrumb a {
	color:#909090;
	text-decoration:none;
}

#breadcrumb a:hover {
	text-decoration:underline;
}

/* -------------------------------------------------------------------------------------------------------------------------*/
#main {
	
}


#content_left {
	width:230px;
	float:left;
	position:relative;
}

/* -------------------------------------------------------------------------------------------------------------------------*/
#nav {

	background-color:#fff3de;
	padding-top:7px;

	
}

#nav .nav-fixed {
	height:540px;
	position:relative;
}

#nav .head {
	height:26px;
}

#nav .menu {
	padding-bottom:20px;
}


#nav .head h3 {
	margin-left:14px;
	color:#ffa726;
	margin-top:2px;
	display:inline-block;
	font-size:1.38rem;
	text-transform: uppercase;
	font-weight:500;
}

#nav .menu ul {
	list-style-type: none;
	padding:0;
	margin:0;

}

#nav .menu ul li a, #nav .menu ul li a:visited {
	font-size:1.15rem;
	display:block;
	padding:4px 0 5px 21px;
	color:#636567;
	font-weight:400;
	text-decoration:none;
	
}

#nav .menu ul li a:hover, #nav .menu ul li.active a {
	padding-left:18px;
	background-image:none;
	background-color:#ffffff;
	border-left: solid 3px #16a0e0;
	color:#16a0e0;
}



#ads-left {
	background-color:#ffd9a8;
	margin-top:20px;
	padding:10px;
	color:#636567;
	margin-bottom:20px;
}


#ads-left .ads-title {
	text-align:center;
	margin-bottom:8px;
	font-weight:400;
	font-size:10px;
	
}

#ads-left .ads-left-ad {
	clear:both;
	margin-bottom:8px;
	background-color:rgba(255,255,255,0.4);
	height:48px;
	padding:4px;
	display:table;
}

#ads-left .ads-left-ad img {
	float:left;
	margin-right:8px;
}

#ads-left .ads-left-text {
	font-size:12px;
	display:table-cell;
	vertical-align:middle;
	height:48px;
	width:145px;
}

#ads-left a.ads-left-ad {
	text-decoration:none;
	color:#636567;
}


#ads-left a.ads-left-ad:hover {
	color:#16a0e0;
	background-color:#ffffff;
}



/* -------------------------------------------------------------------------------------------------------------------------*/


#ads-right {
	width:300px;
	box-sizing:border-box;
	overflow:hidden;
	float:right;
}

#banner_right {
	width:300px;
	background-color:#ffffff;
	margin-top:24px;
	box-sizing:border-box;
	overflow:hidden;
}

#banner_right_2 {
	width:155px;
	background-color:#ffffff;
	margin-top:24px;
	box-sizing:border-box;
	overflow:hidden;
}

#content a.deal {
  clear:both;
  display:block;
  color:#202020;
}

#content a.deal img {
  float:left;
  max-width:432px;
  margin-right:20px;
}

#content a.deal h3 {

}


/* -------------------------------------------------------------------------------------------------------------------------*/

#content {
  box-sizing:border-box;
  float:left;
 /* max-width:644px;*/
  /*width:68%;*/
  width:768px;
  padding:12px 12px 18px;
  background-position:top right;
  background-repeat:no-repeat;
  /*margin:0 160px 0 215px;*/
  line-height:1.6em;

}


.star-left {
	font-size:14px;
	font-weight:700;
	background-image:url("/smartmedia/ostar");
	background-size:16px 16px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:20px;
	line-height:20px;
	display:inline-block;
	height:22px;
}

#content h1.blue, #content h2.blue, #content h3.blue, #content h4.blue, #content h5.blue {
	color:#16a0e0;
}

#content h1.black, #content h2.black, #content h3.black, #content h4.black, #content h5.black {
	color:#6c6e6f;
}

#content h1 {
	font-size:1.7rem;
	font-weight:600;
	color: #ff9000;
}

#content h2 {
	font-size:1.15rem;
}

#content h2,#content h3,#content h4,#content h5 {
	color:#303030;
	font-size:1.3rem;
	line-height:1.4rem;
}


/*
#content.content-1,
#content.content-7,
#content.content-131 {
  padding:0;	
   max-width:724px;
 width:70%;
}
*/



#content a, #content a:active, #content a:visited {
	color:#ff9000;
	text-decoration:none;
}

 #content a:hover {
	text-decoration:underline;
}


#content .formerror {
	color:#D00000;
	font-size:0.9rem;
	display:none;
	font-weight:bold;
}


#content .button, .button {

	font-weight:bold;
	background: #2bb5e9 none no-repeat center center;
	color:#ffffff;
	position:relative;
	display:inline-block;
	padding:5px 12px;
	border:none;
	text-decoration:none;
	-moz-border-radius: 0;
	border-radius:0;
	height:20px;
	line-height:20px;
	overflow:hidden;
	box-shadow:none;
	cursor:pointer;
}

#content a.button {
	color:#ffffff;
	font-size:1.1rem;
	font-weight:bold;
}

#content .button a, #content .button a:hover, #content .button a:active, #content .button a:visited {
	color:#ffffff;
	text-decoration:none;
}


#content a.button.finger {
	position:relative;
	overflow:visible;
}

#content a.button.finger::after {
	content:'';
	background-image:url(/fileadmin/template/images/finger.png);
	background-repeat:no-repeat;
	background-size:32px 32px;
	width:32px;
	height:32px;
	display:block;
	position:absolute;
	right:-10px;
	bottom:-10px;
}



#content input.button {
	box-sizing:content-box;
	/*height:26px;
	line-height:18px;*/
}

#content .button:hover {
	background-color:#ff9000;
}	

#content a.button:hover, a.button:hover {
	text-decoration:none;
}

#content a.button.wait, a.button.wait {

	background-image: url("/fileadmin/template/images/wait.gif");
	line-height:100px;
	background-color:#ff9000;
	cursor:default;
	opacity:0.7;
}



/* -------------------------------------------------------------------------------------------------------------------------*/


#content div.zodiac-list {
	width:100%;
	
}

#content div.zodiac-list .zodiac {
	display:inline-block;
	width:25%;
	text-align:center;
	margin-bottom:30px;
}

#content div.zodiac-list .zodiac-list-image {
	width:66%;
}

#content div.zodiac-list .zodiac-title {
	margin-top:-4px;
	font-size:1.15rem;
	color:#16a0e0;
}
#content div.zodiac-list .zodiac-range {
	color:#666666;
}

#content div.zodiac-list .zodiac:hover {
	text-decoration:none;
}

#content div.zodiac-list .zodiac:hover .zodiac-title {
	color:#ff9000;
}





#content div.zodiac-list.annual .container {
	text-align:left;
	color:inherit;
	float:left;
	width:50%;
	margin-bottom:16px;
}

#content div.zodiac-list.annual .container .zodiac-list-image {
	float:left;
	width:22%;
	margin-top:2px;
	margin-right:4px;
}
#content div.zodiac-list.annual .container .zodiac-info {
	float:left;
	width:70%;
}

#content div.zodiac-list.annual .container .zodiac-info > div {
	display:inline-block;
} 

#content div.zodiac-list.annual .container .zodiac-range {
	font-size:0.8rem
} 

#content div.zodiac-list.annual .container .decades {
	float:left;
	line-height:1.25em;
	display:inline-block;
}








#content div.zodiac-list.sex .container {
	text-align:left;
	color:inherit;
	float:left;
	width:50%;
	margin-bottom:16px;
}

#content div.zodiac-list.sex .container .zodiac-list-image {
	float:left;
	width:22%;
	margin-top:2px;
	margin-right:4px;
}
#content div.zodiac-list.sex .container .zodiac-info {
	float:left;
	width:70%;
}

#content div.zodiac-list.sex .container .zodiac-info > div {
	display:inline-block;
} 

#content div.zodiac-list.sex .container .zodiac-range {
	font-size:0.8rem
} 

#content div.zodiac-list.sex .container .gender {
	float:left;
	line-height:1.6em;
	display:inline-block;
}








#content div.zodiac-list .zodiac-list-image {
	max-width:120px;
}

#content div.zodiac-list .zodiac-title {
	margin-top:-4px;
	font-size:1.15rem;
	color:#f57c00;
}
#content div.zodiac-list .zodiac-range {
	color:#666666;
}

#content div.zodiac-list .zodiac:hover {
	text-decoration:none;
}

#content div.zodiac-list .zodiac:hover .zodiac-title {
	color:#16a0e0;
}



div.zodiac-list-flex {
	display:flex;
	flex-wrap:wrap;
	
}

div.zodiac-list-flex i, div.zodiac-list-flex a {
	display:inline-block;
	flex-grow: 1;
	margin:2px;
	padding:2px 8px;
	white-space:nowrap;
	width:150px;
	text-align:center;
}

div.zodiac-list-flex a {
	
	border:solid 1px #ffa726;
	color:#ffa726;
}

div.zodiac-list-flex i {

}


#content div.chzodiac {
	display:none;
	height:80px;
	margin-bottom:20px;
}

#ch_image {
	float:left;
	height:100%;
	margin-right:16px;
	margin-top:-3px;
}

#ch_title {
	color:#16a0e0;
	font-size:1.15rem;
	margin-bottom:8px;
}




/*
#content div.zodiac-list table {
	width:100%;
}

#content div.zodiac-list table td {
	width:25%;
}


#content div.zodiac-list .container {
	text-align:center;
	color: #8f0300;
	text-decoration:none;
	margin-bottom:24px;
	display:block;
	-webkit-perspective: 300px;
}

#content div.zodiac-list a.container img {
	-webkit-transition-duration: 150ms;
	-webkit-transform: translate3d(0,0,0);
	-webkit-transition-delay: 0;
	-webkit-transition-timing-function: ease-in-out;

	-moz-transition-duration: 150ms;
	-moz-transform: translate3d(0,0,0);
	-moz-transition-delay: 0;
	-moz-transition-timing-function: ease-in-out;


	transition-duration: 150ms;
	transform: translate3d(0,0,0);
	transition-delay: 0;
	transition-timing-function: ease-in-out;



}

#content div.zodiac-list a.container:hover img {
	-webkit-transition-duration: 150ms;
	-webkit-transform: translate3d(0,0,30px);
	-webkit-transition-delay: 0;
	-webkit-transition-timing-function: ease-in-out;

	-moz-transition-duration: 150ms;
	-moz-transform: translate3d(0,0,30px);
	-moz-transition-delay: 0;
	-moz-transition-timing-function: ease-in-out;

	transition-duration: 150ms;
	transform: translate3d(0,0,30px);
	transition-delay: 0;
	transition-timing-function: ease-in-out;
}


#content div.zodiac-list .zodiac-image {

	width:70%;
}

#content div.zodiac-list div.zodiac-title {
	margin-top:-4px;
	font-size:1.15rem;
	color:#16a0e0;
}
#content div.zodiac-list div.zodiac-range {
	color:#666666;
}

*/



#content .zodiac-image-group {
	width:125px;
}
#content .zodiac-image-group h2 {
	width:100%;
	text-align:center;
}

#content .zodiac-image-group img {
	width:100%;
}

#content .love-list-text {
	width:calc(100% - 150px);
	float:right;
	padding-top:8px;
}

#content .zodiac-image {
	margin:-3px 0;
}
#content div.birthdaylist-wrap {
	overflow:hidden;
}

#content div.birthdaylist {
	width: calc(100% + 4px);
	margin-left:-2px;
}


#content div.birthdaylist a {
	display:inline-block;
	width:12.5%;
	height:40px;
	text-align:center;
	color:#ffffff;
	font-size:1.15rem;
	background-color:#2bb5e9;
	text-decoration:none;
	line-height:40px;
	box-sizing:border-box;
	
	
	-webkit-box-shadow: inset 0px 0px 0px 2px rgba(248,248,248,1);
	-moz-box-shadow: inset 0px 0px 0px 2px rgba(248,248,248,1);
	box-shadow: inset 0px 0px 0px 2px rgba(248,248,248,1);
	
}

#content div.birthdaylist a:hover {
	background-color:#ff9000;
}


@keyframes hbar_text {
    from {color:rgba(255,255,255,0);}
    to {color:rgba(255,255,255,255);}
	
}

@keyframes hbar_icon_1 {
    from {right: 90%;}
    to {right: 76%;}
}

@keyframes hbar_icon_2 {
    from {right: 90%;}
    to {right: 56%;}
}

@keyframes hbar_icon_3 {
    from {right: 90%;}
    to {right: 37%;}
}

@keyframes hbar_icon_4 {
    from {right: 90%;}
    to {right: 19%;}
}

@keyframes hbar_icon_5 {
    from {right: 90%;}
    to {right: 0%;}
}

@keyframes hbar_1 {
    from {background-size:0 100%;}
    to {background-size:20% 100%;}
}
@keyframes hbar_2 {
    from {background-size:0 100%;}
    to {background-size:40% 100%;}
}
@keyframes hbar_3 {
    from {background-size:0 100%;}
    to {background-size:60% 100%;}
}
@keyframes hbar_4 {
    from {background-size:0 100%;}
    to {background-size:80% 100%;}
}
@keyframes hbar_5 {
    from {background-size:0 100%;}
    to {background-size:100% 100%;}
}


@keyframes hbar_monthly_icon_1 {
    from {right: 90%;}
    to {right: 76%;}
}

@keyframes hbar_monthly_icon_2 {
    from {right: 90%;}
    to {right: 70%;}
}

@keyframes hbar_monthly_icon_3 {
    from {right: 90%;}
    to {right: 61%;}
}

@keyframes hbar_monthly_icon_4 {
    from {right: 90%;}
    to {right: 52%;}
}

@keyframes hbar_monthly_icon_5 {
    from {right: 90%;}
    to {right: 43%;}
}

@keyframes hbar_monthly_icon_6 {
    from {right: 90%;}
    to {right: 35%;}
}

@keyframes hbar_monthly_icon_7 {
    from {right: 90%;}
    to {right: 27%;}
}

@keyframes hbar_monthly_icon_8 {
    from {right: 90%;}
    to {right: 18%;}
}

@keyframes hbar_monthly_icon_9 {
    from {right: 90%;}
    to {right: 9%;}
}

@keyframes hbar_monthly_icon_10 {
    from {right: 90%;}
    to {right: 0%;}
}

@keyframes hbar_monthly_1 {
    from {background-size:0 100%;}
    to {background-size:10% 100%;}
}
@keyframes hbar_monthly_2 {
    from {background-size:0 100%;}
    to {background-size:20% 100%;}
}
@keyframes hbar_monthly_3 {
    from {background-size:0 100%;}
    to {background-size:30% 100%;}
}
@keyframes hbar_monthly_4 {
    from {background-size:0 100%;}
    to {background-size:40% 100%;}
}
@keyframes hbar_monthly_5 {
    from {background-size:0 100%;}
    to {background-size:50% 100%;}
}
@keyframes hbar_monthly_6 {
    from {background-size:0 100%;}
    to {background-size:60% 100%;}
}
@keyframes hbar_monthly_7 {
    from {background-size:0 100%;}
    to {background-size:70% 100%;}
}
@keyframes hbar_monthly_8 {
    from {background-size:0 100%;}
    to {background-size:80% 100%;}
}
@keyframes hbar_monthly_9 {
    from {background-size:0 100%;}
    to {background-size:90% 100%;}
}
@keyframes hbar_monthly_10 {
    from {background-size:0 100%;}
    to {background-size:100% 100%;}
}

div.hbar {
	background-color:#dfdfdf;
	background-image:url('data:image/gif;base64,R0lGODlhAQABAIAAAACL1wAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==');
	background-repeat:no-repeat;
	width:250px;
	height:18px;
	margin:18px 0 22px;
	border-radius:3px;
	color:rgba(255,255,255,0);
	padding-left:4px;
	box-sizing:border-box;
	font-size:0.923rem;
	position:relative;
	background-size:0 100%;
	background-position:left top;
	animation-fill-mode: forwards, forwards;
	animation-timing-function: ease-in-out, ease-in-out;
	animation-duration: 1500ms, 400ms;
	animation-delay: 400ms, 1000ms;

	
}
div.hbar.v1 {
	animation-name: hbar_1, hbar_text;
}
div.hbar.v2 {
	animation-name: hbar_2, hbar_text;
}
div.hbar.v3 {
	animation-name: hbar_3, hbar_text;
}
div.hbar.v4 {
	animation-name: hbar_4, hbar_text;
}
div.hbar.v5 {
	animation-name: hbar_5, hbar_text;
}

div.hbar.v1 .hbaricon {
    animation-name: hbar_icon_1;
}
div.hbar.v2 .hbaricon {
    animation-name: hbar_icon_2;
}
div.hbar.v3 .hbaricon {
    animation-name: hbar_icon_3;
}
div.hbar.v4 .hbaricon {
    animation-name: hbar_icon_4;
}
div.hbar.v5 .hbaricon {
    animation-name: hbar_icon_5;
}



div.hbar.monthly.v1 {
	animation-name: hbar_monthly_1, hbar_text;
}
div.hbar.monthly.v2 {
	animation-name: hbar_monthly_2, hbar_text;
}
div.hbar.monthly.v3 {
	animation-name: hbar_monthly_3, hbar_text;
}
div.hbar.monthly.v4 {
	animation-name: hbar_monthly_4, hbar_text;
}
div.hbar.monthly.v5 {
	animation-name: hbar_monthly_5, hbar_text;
}
div.hbar.monthly.v6 {
	animation-name: hbar_monthly_6, hbar_text;
}
div.hbar.monthly.v7 {
	animation-name: hbar_monthly_7, hbar_text;
}
div.hbar.monthly.v8 {
	animation-name: hbar_monthly_8, hbar_text;
}
div.hbar.monthly.v9 {
	animation-name: hbar_monthly_9, hbar_text;
}
div.hbar.monthly.v10 {
	animation-name: hbar_monthly_10, hbar_text;
}

div.hbar.monthly.v1 .hbaricon {
    animation-name: hbar_monthly_icon_1;
}
div.hbar.monthly.v2 .hbaricon {
    animation-name: hbar_monthly_icon_2;
}
div.hbar.monthly.v3 .hbaricon {
    animation-name: hbar_monthly_icon_3;
}
div.hbar.monthly.v4 .hbaricon {
    animation-name: hbar_monthly_icon_4;
}
div.hbar.monthly.v5 .hbaricon {
    animation-name: hbar_monthly_icon_5;
}
div.hbar.monthly.v6 .hbaricon {
    animation-name: hbar_monthly_icon_6;
}
div.hbar.monthly.v7 .hbaricon {
    animation-name: hbar_monthly_icon_7;
}
div.hbar.monthly.v8 .hbaricon {
    animation-name: hbar_monthly_icon_8;
}
div.hbar.monthly.v9 .hbaricon {
    animation-name: hbar_monthly_icon_9;
}
div.hbar.monthly.v10 .hbaricon {
    animation-name: hbar_monthly_icon_10;
}

div.hbar .hbaricon {
	width:24px;
	height:24px;
	position:absolute;
	top:-3px;
	background-color:#ffffff;
	border-radius:5px;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:18px 18px;
	
	right:90%;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
	animation-duration: 1500ms;
	animation-delay: 400ms;
}

div.hbar.love .hbaricon {
	background-image:url("/fileadmin/template/images/icon-love.png");
}
div.hbar.career .hbaricon {
	background-image:url("/fileadmin/template/images/icon-career.png");
}
div.hbar.health .hbaricon {
	background-image:url("/fileadmin/template/images/icon-health.png");
}
div.hbar.credit .hbaricon {
	background-image:url("/fileadmin/template/images/icon-credit.png");
}
div.hbar.gamble .hbaricon {
	background-image:url("/fileadmin/template/images/icon-gamble.png");
}
div.hbar.boss .hbaricon {
	background-image:url("/fileadmin/template/images/icon-boss.png");
}
div.hbar.friends .hbaricon {
	background-image:url("/fileadmin/template/images/icon-friends.png");
}

div.hicon {
	width:32px;
	height:32px;
	background-size:64px 32px;
	display:inline-block;
	background-position: 0 0;
}

div.hicon.off {
	background-position: -32px 0;
}

div.hicon.love {
	background-image:url("/fileadmin/template/images/iconb-love.png");
}

div.hicon.career {
	background-image:url("/fileadmin/template/images/iconb-career.png");
}

div.hicon.health {
	background-image:url("/fileadmin/template/images/iconb-health.png");
}

div.hicon.credit {
	background-image:url("/fileadmin/template/images/iconb-credit.png");
}

div.hicon.gamble {
	background-image:url("/fileadmin/template/images/iconb-gamble.png");
}


img.horoscope-value {
	width:32px;
	display:inline-block;

}

img.horoscope-value.off {
	opacity:0.3;
	filter:alpha(opacity=30);
}


#content div.lucky-numbers {
	text-align:center;
}

#content .lucky-number {
	display:inline-block;
	background-color:#ff9200;
	height:36px;
	width:36px;
	border-radius:18px;
	text-align:center;
	color:#ffffff;
	font-size:1.5384rem;
	line-height:36px;
	margin:8px;
}


#content .announce {
	background-color: #fff3de;
	padding:8px;
}

#content .announce a {
	text-transform:uppercase;
}

#content .announce-blue {
	background-color: #ddeff6;
	padding:8px;
}

#content .announce-blue a {
	color: #2bb5e9;
}

#content .announce-blue a.button {
	height:16px;
	line-height:16px;
	color:#ffffff;
}



/* -------------------------------------------------------------------------------------------------------------------------*/
#footer {
	color:#6c6e6f;
	font-size:0.9rem;
	background-color:#ffffff;
	height:80px;
	width:100%;
	position:absolute;
	bottom:0;
}

#footer .footer-links {
	margin:0 0 0 225px; 
	text-align:center;
	padding-top:33px;
}

#footer .footer-links a {
	display:inline-block;
	margin:0 8px;
}

#footer img {
	float:left;
	margin-top:26px;
}

#footer a {
	font-size:1rem;
	text-decoration:none;
	color:#ff9000;
	text-transform:uppercase;
}
#footer a:hover {
	text-decoration:underline;
}

#footer .footer-break {
	display:none;
}


/* -------------------------------------------------------------------------------------------------------------------------*/
.controlgroup {
	height:34px;
	position:relative;
}


.controlgroup-error {
	color:#C00000;
	margin-top:4px;
	display:none;
}

.controllabel {
	float:left;
	width:115px;
	height:inherit;
	line-height:26px;
}

.selectcontainer {
	overflow:hidden;
	border:solid 1px #ffc05d;
	background: #fff9f1 url("/fileadmin/template/images/dropdown.png") no-repeat right center;

 	-moz-box-shadow: 	inset 1px 1px 2px 0px rgba(100,20,0,0.1);
  	-webkit-box-shadow: 	inset 1px 1px 2px 0px rgba(100,20,0,0.1);
  	box-shadow: 		inset 1px 1px 2px 0px rgba(100,20,0,0.1);

	float:left;
	margin-right:4px;

	-moz-border-radius: 0px;
	border-radius: 0px;
}

.selectcontainer select {
	margin:0;
	padding:3px;
	font-size:1.1rem;
	width:140%;
	border:none;
	background: transparent;
	
}

input {

	border:solid 1px #ffc05d;
 	-moz-box-shadow: 	inset 1px 1px 2px 0px rgba(100,20,0,0.1);
  	-webkit-box-shadow: 	inset 1px 1px 2px 0px rgba(100,20,0,0.1);
  	box-shadow: 		inset 1px 1px 2px 0px rgba(100,20,0,0.1);

	padding:3px;
	margin:0;
	font-size:1.1rem;
	background-color:#fff9f1;
	-moz-border-radius: 3px;
}

/* contact */


.contact-form input {
	width: 230px;
}

.contact-form input[type="radio"], .contact-form input[type="checkbox"] {
	width:auto;
	vertical-align:middle;
}

.input-sel > div {
	display:inline-block;
}

#contact_form .errormsg {
	display:none;
	color:#c00000;
}

.contact-form .controllabel {
	width:80px;
	display:inline-block;
	float:none;
	vertical-align:top;
}


.contact-form .controlgroup {
	height:auto;
	margin-bottom:6px;
	
}

.contact-form .selectcontainer select {
	width:110%;
}

.contact-form .topic .controllabel {
	
}

.contact-form .topic .selectcontainer {
	width:275px;
	float:none;
	display:inline-block;
}

.contact-form .gender .selectcontainer {
	width:236px;
	float:none;
	display:inline-block;
}

.contact-form .text {
	height:auto;
}
.contact-form .text .controllabel {
	float:none;
	width:auto;
}

.contact-form #text  {
	width:100%;
	height:200px;
}

.contact-form .bee {
	display:none;
}

#contact_sent {
	display:none;
}


.magischeferien-kontakt .controlgroup{
	height:30px;
	overflow:hidden;
	
}

.magischeferien-kontakt .controlgroup.text {
	height:auto;
	overflow:visible;
}


.magischeferien-kontakt .selectcontainer {
	height:24px;
}

/* subscription -------------------------------------------------------------- */

#subscription_success {
	display:none;
}

.subscription-form input, .subscription-form .selectcontainer {
	box-sizing:border-box;
}

.subscription-form input, .subscription-form .selectcontainer {
	width:173px;
	/*margin-right:0;*/
}

.subscription-form input {
	height:26px;
}

/*
.subscription-form .controlgroup.birthdate .selectcontainer {
	margin-right:4px;
}
*/



#tarot_selection > div {
	display:flex;
	justify-content: space-between;
	margin-bottom:20px;
	
}
#tarot_selection > div img {
	width:180px;
	height:254px;
	cursor:pointer;
}

div.tarotcards {
	position:relative;
	height:400px;
	text-align:center;
}
div.tarotcards .card  {
	width:114px;
	height:164px;
	/*background-image:url('tarot.jpg');
	background-size:contain;
	background-repeat: no-repeat;*/
	position:absolute;
	left:calc(48% - 57px);
	top:60px;
	display:block;
	transition: transform 300ms ease-out;
	backface-visibility: hidden;
}

div.tarotcards .cardshadow {
	width:114px;
	height:164px;
	left:calc(48% - 57px);
	top:60px;
	position:absolute;
	background-color:#000000;
	opacity:0.015;
	transition: transform 300ms ease-out; 
	backface-visibility: hidden;
}



#card-button-shuffle {
	display:inline-block;
	width:180px;
	z-index:900;
	background-color:#16a0e0;
	height:30px;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	line-height:30px;
	cursor:pointer;
	margin-top:250px;
}

#card-button-shuffle:hover {
	background-color: #ff9000;
}

/*
div.tarotcards a.card {
	background-image:url('/fileadmin/template/images/tarot.jpg');
	width:114px;
	height:164px;
	background-size:contain;
	background-repeat: no-repeat;
	position:absolute;
	transition: transform 300ms ease-out, z-index 10ms linear 200ms;
	top:180px;
	left:calc(50% - 57px);

}

div.tarotcards a.card:hover {
	box-shadow: inset 0px 0px 16px 4px rgba(210,104,204,1);
	text-decoration:none;
}

*/


div.tarotcards-index a {
	display:inline-block;
	width:50%;
	margin-bottom:10px;
}

div.tarotcards-index a p {
	margin:0;
	color:#000000;
}



div.tarotcards-index a > div.tarot-title {
	float:left;
	width:65%;
	padding-right:10px;
}



div.tarotcards-index a > div.tarot-image {
	float:left;
	width:25%;
	margin-right:8px;
}

div.tarotcards-index p.tarot-title-h {
	color:#16a0e0;
	font-size:18px;
}

div.tarotcards-index p.tarot-title-hs {
	margin-bottom:10px;
	font-size:14px;
}

div.tarotcards-index p.tarot-energy-h {
	color:#16a0e0;
	font-size:14px;
}

div.tarotcards-index a img {
	width:100%;
	
}

div.tarotcards-index a:hover p.tarot-title-h {
	color:#ff9000;
}


#content a.tarot-all {
	display:block;
	position:absolute;
	left:0;
	top:78%;
	
	width:90%;
	background-color:#16a0e0;
	color:#ffffff;
	font-weight:700;
	font-size:15px;
	line-height:30px;
	padding:4px;
	text-decoration:none;
	text-align:center;

}

#content  a.tarot-all:hover {
	background-color:#ff9000;
	
}



#group_city_exact {
	display:none;
}


#mobileoverlay {
	display:none;
	/*background:url("/fileadmin/template/images/mobileoverlay.png") repeat-y left;*/
}



table.lovelist {
	width:100%;
}

table.lovelist thead tr {
	background-color:#16a0e0;
	color:#ffffff;
}

table.lovelist thead th {
	text-align:left;
}

table.lovelist td, table.lovelist th {
	height:24px;
	line-height:10px;
	padding:0 4px;
}

table.lovelist tbody tr:nth-child(odd) {
	background-color:rgba(249,230,246,0.7);
}

table.lovelist img {
	height:16px;
}

table.lovelist th.lovelist-nname {
	width:36%;
}

table.lovelist th.lovelist-l {
	width:16%;
}
table.lovelist th.lovelist-f {
	width:16%;
}

table.lovelist th.lovelist-e {
	width:16%;
}
table.lovelist th.lovelist-detail {
	width:16%;
}

div.loverating .lovelabel {
	width:120px;
	font-weight:bold;
	font-size:1.23rem;
	color:#16a0e0;
	float:left;
	height:32px;
	line-height:35px;
}

div.loverating img.starlove {
	width:32px;
	height:auto;
}

div.lovelegend {
	font-size:11px;
}

div.lovelegend .lovelegend-ratings {
	height:16px;
	clear:both;
	
}

div.lovelegend img.starlove {
	width:16px;
}

div.lovelegend  .lovelegend-stars {
	background-image:url('/fileadmin/template/images/starlove.png');
	height:16px;
	background-size:16px 16px;
	background-repeat:repeat-x;
	float:left;
	margin-right:4px;
}

div.lovelegend  .lovelegend-stars.lovelegend-stars-1 {
	width:16px;
}
div.lovelegend  .lovelegend-stars.lovelegend-stars-2 {
	width:32px;
}
div.lovelegend  .lovelegend-stars.lovelegend-stars-3 {
	width:48px;
}

div.lovelegend .lovelegend-rating {
	height:16px;
	float:left;
	line-height:18px;
	margin-right:12px;
}

#content div.biorythm {
	display:inline-block;

}


#biocontainer {

	overflow:hidden;
	width:100%;
}

#biorythm {

	padding:10px;

	visibility:hidden;
	min-height:600px;
	-webkit-transform-origin:top left;
	-moz-transform-origin:top left;
	-ms-transform-origin:top left;
	-o-transform-origin:top left;

}

#biorythm .grid {
	display:none;
	width:421px;
	height:241px;
	overflow:hidden;
	position:relative;
	background-image:url(/fileadmin/template/images/bio-grid.png);
	background-position:center center;
	
}


#biorythm .grid .graph {

	width:0;
	height:240px;
	
	background-size:auto 240px;
	position:absolute;
	top:0px;
	left:-263px;

}

#biorythm .grid .graph.show {
	width:950px!important;
	-webkit-transition:width 3s linear;
	-moz-transition:width 3s linear;
	-ms-transition:width 3s linear;
}
	
	
#biorythm .grid .graph.body {
	background-image:url(/fileadmin/template/images/bio-body.png);
}
#biorythm .grid .graph.emo {
	background-image:url(/fileadmin/template/images/bio-emo.png);
}
#biorythm .grid .graph.mind {
	background-image:url(/fileadmin/template/images/bio-mind.png);
}


#biorythm #days {
	margin-left:-6px;
	margin-top:20px;
	width:110%;
	display:none;
}
#biorythm #days .day {
	font-family:"Lucida Console", Monaco, monospace;
	font-size:0.769rem;
	width:14px;
	display:inline-block;
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);	
	
	
}


/* -------------------  zodiac detail ---------------------------------------------------------------*/

.zodiacdetail-image {
	width:200px;
	display:inline-block;
}

.zodiacdetail-image img {
	width:125px;
}

.zodiacdetail-image h2 {
	width:125px;
	text-align:center;
}

.zodiacdetail-links {
	float:right;
	padding-right:100px;
	padding-top:20px;
	line-height:20px;
}


/* ------------------- widget dropdown --------------------------------------------------------------*/


div.widget.dropdown {
	position:relative;
	display:inline-block;
}

div.widget.dropdown .arrow {
	position:absolute;
	color:#8f0300;
	right:4px;
	top:4px;
	z-index:1200;
}

div.widget.dropdown .element {
	background-color:#ffffff;
	padding:2px;
	height:20px;
	display:block;
}

div.widget.dropdown .element.selected {
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:solid 1px #909090;
}


div.widget.dropdown a.element, div.widget.dropdown a.element:visited, div.widget.dropdown a.element:active {
	text-decoration:none;
	color:#000000!important;
}

div.widget.dropdown a.element:hover {
	background-color:#FFB060;
}


div.widget.dropdown div.list {
	position:absolute;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border:solid 1px #909090;
}

div.widget.dropdown.zodiac .element > img {
	height:20px;
	width:auto;
	margin-right:4px;
	float:left;
}
div.widget.dropdown.zodiac .element > .caption {
	float:left;
	height:20px;
	line-height:20px;
	font-size:0.8rem;
}


div.widget.dropdown.zodiac .element {
	width:140px;
}




.ad-mobile {
	display:none;
}


/* form */


.form-cg  {
	margin-bottom:8px;
}


.form-label {
	font-size:15px;
	margin-bottom:4px;
}


.form-input {
	height:23px;
	border:solid 1px #dd9acf;
	border-radius:3px;
	padding:1px 5px;
	background-color:#fff0f8;
	box-shadow: inset 1px 1px 2px 0px #e5dcc2;
	display:inline-block;
	font-size:14px;
	outline: none;
	position:relative;

	
}

.form-input input {
	border:none;
	padding:0;
	background:transparent;
	box-shadow: none;
	outline: none;
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	height:22px;
	line-height:normal;
}


.form-input .form-input-extra {
	position:absolute;
	right:3px;
	top:3px;
	font-size:13px;
	pointer-events:none;
	height:22px;
	vertical-align:top;
	line-height:22px;
	color:rgba(0,0,0,0.5);
}

.form-input .form-input-extra img {
	width: 16px;
	margin-top:2px;
	float:right;
}

.form-select {
	overflow:hidden;
	background-image: url("/fileadmin/template/images/dropdown.png");
	background-repeat:no-repeat;
	background-position:right center;

}
.form-select select {
	margin:0;
	padding:3px;
	width:calc(100% + 30px);
	border:none;
	background:transparent;
	outline: none;
	font-size:14px;
	font-family: 'Roboto', sans-serif;
}


.asc-as {
	border:solid 1px #dd9acf;
	position:absolute;
	top:25px;
	left:-1px;
	width:100%;
	border-radius:3px;
	max-height:250px;
	overflow-y:scroll;
	z-index:900;
	background-color:#ffffff;
	display:none;
}

.asc-as-li {
	padding:4px;
	cursor:pointer;
}

.asc-as-li.active:nth-child(even), .asc-as-li.active:nth-child(odd),
.asc-as-li.active:nth-child(even):hover, .asc-as-li.active:nth-child(odd):hover {
	background-color:#2bb5e9;
	color:#ffffff;
}

.asc-as-li:nth-child(even):hover, .asc-as-li:nth-child(odd):hover {
	background-color:#bde8fa;
}

.asc-as-li:nth-child(even) {
	background-color: #fff0f8;
	
}
.asc-as-li:nth-child(odd) {
	background-color: #fff;
}

.asc-as-li span {
	line-height:18px;
}

.asc-as-city {
	display:block;
	font-size:14px;
}

.asc-as-cr {
	display:block;
	font-size:12px;
	vertical-align:top;
}

.asc-as-cr img {
	width:16px;
	margin-right:6px;
	vertical-align:top;
}


.yearly-promotion {
	padding-right:165px;
	background-image:url(/fileadmin/template/images/ebauer1.png);
	background-repeat:no-repeat;
	background-position:right center;
}


.ascendant-box {
	border:1px solid;
	padding:8px;
}

.ascendant-box-good {
	background-color:rgba(22,160,224,0.1);
	border-color:#16a0e0;
}

#content .ascendant-box-good h2 {
	color:#16a0e0;
}

.ascendant-box-bad {
	background-color:rgba(255,152,0,0.1);
	border-color:#ff9000;
}
#content .ascendant-box-bad h2 {
	color:#ff9000;
}

h2.icon {
	
	padding-left:24px;
	background-position:left center;
	background-size:19px 19px;
	background-repeat:no-repeat;
}

h2.icon-love {
	background-image:url(/fileadmin/template/images/icon-love.png);
}
h2.icon-health {
	background-image:url(/fileadmin/template/images/icon-health.png);
}
h2.icon-career {
	background-image:url(/fileadmin/template/images/icon-career.png);
}


.spring-bonus-table {
	width:370px;
}



/* --------------------------- Ascendant --------------------------------------------------*/


.geolocation-control {
	font-family: 'Asap', sans-serif;
	box-sizing:border-box;
	position:relative;
	display:inline-block;
}

.geolocation-city {
	width:100%;
}

.geolocation-list {
	left:0;
	width:100%;
	
	position:absolute;
	color:#000000;
	border: solid 1px #ffc05d;
	margin-top:2px;
	max-height:400px;
	overflow-y:scroll;
	overflow-x:hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:pointer;
	z-index:900;
	display:none;
}

.geolocation-item {
	height:44px;
	padding:4px;
}
.geolocation-item:nth-child(even) {
	background-color: #ffffff
}
.geolocation-item:nth-child(odd) {
	background-color: #f0f0f0
}

.geolocation-item:hover {
	background-color:#ff5000;
	color:#ffffff;
}



.geolocation-item-city {
	font-size:14px;
	font-weight:700;
	margin-bottom:6px;
	float:left;
}

.geolocation-item-ccrgn {
	clear:both;
	
	padding-left:20px;
	background-size:16px 16px;
	background-repeat:no-repeat;
	background-position:0 0;
	font-size:12px;
	line-height:16px;
}
.geolocation-item-coords {
	float:right;
	opacity:0.5;
	font-size:11px;
	font-weight:400;
}

.geolocation-flag {
	position:absolute;
	right:-2px;
	top:4px;
	background-size:16px 16px;
	background-repeat:no-repeat;
	background-position:0 0;
	display:none;
	height:16px;
	width:16px;
}

#ascendantError {
	color:#E00000;
	padding-top:10px;
}

img.ascendant-zodiac {
	width:80px;
	margin-right:10px;
}


.-table.ascendant-promotion .-td:first-child {
	width:20px;	
}

.-table.ascendant-promotion .-td:first-child img {
	width:16px;
}

#content .ascendant-detail-wrap h2 {
	margin-bottom:5px;
}



/* Kolumne */


.column .head {
	padding-right:90px;
	padding-top:16px;
	height:80px;
	position:relative;
}

.column .head::after {
	content:'';
	position:absolute;
	display:block;
	width:80px;
	height:80px;
	background-image:url(/fileadmin/template/images/ebkolumne.jpg);
	right:0;
	top:0;
	background-size:80px;
	background-repeat:no-repeat;
	border-radius:50%;
	
}

.column .heading {
	font-size:130%;
	font-weight:bold;
}
.column .subheading {
	font-size:100%;
	color:#909090;
	font-weight:400;
	font-style:italic;

}

.column hr {
	background-color:#909090;
	border:none;
	height:1px;
	margin:3px 0;
}

.column .no {
	text-align:right;
	margin-bottom:8px;
}

.article-right {
	float:right;
	margin:0 0 10px 10px;
	border:1px solid #000000;
	
}

.article-right img {
	width:100%;
}

.image-title {
	padding:2px 0 6px;
	text-align:center;
	font-weight:bold;
}




/* --------------- promo ul -------------------------------*/


ul.promo {
	list-style-type:none;
	margin:0;
	padding:0 0 0 8px;
}

ul.promo li {
	background-image:url(/smartmedia/ostar);
	background-repeat:no-repeat;
	background-size:16px;
	background-position:left -2px;
	padding-left:20px;
	margin-bottom:11px;
	line-height:15px;
}



#content a.click {
	display:block;
	background-image:url(/fileadmin/template/images/click2.png);
	background-repeat:no-repeat;
	background-size:43px 66px;
	background-position:left center;
	padding:8px 0 5px 60px;
	min-height:66px;
	color:#000;
	text-decoration:none;
}

#content a.click:hover {
	color:#000;
	text-decoration:none;
}

ul.promo.check {
	padding:0;
}

ul.promo.check li {
	margin-bottom:5px;
	background-image:url(/smartmedia/check);
}

ul.promo.big li {
	background-size:24px;
	background-position:left 1px;
	padding-left:29px;
}
ul.promo.big li a i {
	font-style: normal;
	color:#404040;
}

/* ----- temp --------- */

/*
#header {
	height:430px;
	
}

#header .headerimg {
	background: url(/fileadmin/template/images/valentine.jpg) center top;
	height:400px;
	
	
	
}

#header .headerimg .page-wrap a {
	display:none;
}

#header .headerimg .page-wrap a.home {
	display:block;
	height:400px;
}

#header .headerimg .page-wrap a.home img {
	display:none;
}

*/
/* Birthday selector */

.horoscope-birthday-selector {
	display:table;
	justify-content: center;
	width:100%;
	margin:16px 0 24px;
}


.horoscope-birthday-selector .day {
	width:33%;
	display:table-cell;
	font-size:18px;
	color: #b0b0b0;
	border-bottom:solid 1px #d0d0d0;
	padding:8px 0;
	text-align:center;
	cursor:pointer;
}

.horoscope-birthday-selector .day.active {
	
	border:solid 1px #d0d0d0;
	border-bottom:none;
	background-color:#fff3de;
	color:#ff9000;
}

.horoscope-birthdays .day1, .horoscope-birthdays .day2 {
	display:none;
}

.dates h3 {
	display:none;
}
.dates h3.active {
	display:block;
}


/* ------ yearly ------------------- */

#content .yearly .heading h1 {
	font-size:1.1em;
	line-height:1.1em;
	font-weight:700;
	color:#000000;
}
#content .yearly .heading h2 {
	font-size:1.8em;
	line-height:1.1em;
	font-weight:700;
	color:#000000;
}

#content .yearly h4 {
	font-size:1.1em;
	line-height:1.1em;
	font-weight:700;
	color:#ff9000;
	padding:10px 0 2px;
	margin:0;
}

#content .yearly .heading {
	margin-bottom:24px;
}
	

#content .yearly h1 b {
	color:#16a0e0;
}

#content .yearly .top > img {
	float:left;
}

#content .yearly .top > div {
	float:right;
	width:325px;
	font-size:1.2em;
	line-height:1.3em;
}

#content .yearly .top > div h2 {
	background-color:#ff9000;
	color:#ffffff;
	font-weight:700;
	font-size:1.3em;
	padding:6px;
	text-align:center;
	line-height:1.1em;
	margin-bottom:10px;
}

#content .yearly .box2 {
	display:flex;
	flex-wrap: nowrap;
	justify-content:space-between;
	align-items:stretch;
}


#content .yearly .box2 .box {
	width:48%;
}



#content .yearly .box {
	border:solid 2px #ff9000;
	background-color:#fff3de;
	position:relative;
}

#content .yearly .box::before {
	position:absolute;
	left:2px;
	top:2px;
	width:19px;
	height:19px;
	font-weight:bold;
	font-family:Arial, sans-serif;
	border-radius:19px;
	border:solid 2px #000000;
	color:#ffffff;
	font-size:19px;
	line-height:21px;
	text-align:center;
}
	
	

#content .yearly .box h2 {
	
	display:block;
	padding:6px 0 6px 30px;
	background-color:#ff9000;
	color:#ffffff;
	font-weight:700;
}


#content .yearly .box.plus {
	border:solid 2px #83aa51;
	background-color:#f3ffdd;
}

#content .yearly .box.plus::before {
	content: '+';
	background-color:#3b950b;
}

#content .yearly .box.plus h2 {
	background-color:#83aa51;
}


#content .yearly .box.minus {
	border:solid 2px #ff6c39;
	background-color:#ffebd7;
}
#content .yearly .box.minus::before {
	content: '-';
	background-color:#d00000;
	line-height:18px;
}

#content .yearly .box.minus h2 {
	background-color:#ff6c39;
}


#content .yearly .box p {
	padding:2px 8px;
	font-size:1.1em;
}

#content .yearly h2{
	font-weight:700;
	color:#16a0e0;
	margin-bottom:4px;
}

#content .yearly h3{
	font-size:1.6em;
	color:#000000;
	margin-bottom:16px;
}

.app-promotion {
	padding-left:2vw;
	display:none;
}

.app-promotion.valid {
	display:none;
}



.app-promotion .eb {
	width:100%;
}



.app-promotion.desktop {
	display:block;
}

.app-promotion.desktop .h {
	font-size:28px;
	font-weight:300;
	line-height:32px;
}

.app-promotion.desktop ul {
	list-style-type: none;
	margin:30px 0;
	font-size:16px;
	font-weight:400;
	padding:0 0 0 10px;
}

.app-promotion.desktop ul li {
	height:24px;
	padding-left:24px;
	line-height:24px;
	background-image:url(/fileadmin/template/images/check-blue.png);
	background-size:16px;
	background-repeat:no-repeat;
	background-position:left center;
}

.app-promotion.desktop ul li.nolist {
	background:none;
	padding-left:0;
}

.app-promotion.desktop .links {
	margin-bottom:20px;
}

.app-promotion.desktop .links .line {
	display:inline-block;
	height:50px;
	margin-right:20px;
	vertical-align:middle;
}
.app-promotion.desktop .links .logo {
	border-radius:5px;
}

.app-promotion.desktop .links a.line {
	display:inline-block;
}

.app-promotion.desktop .links  a.line.show {
	display:inline-block;
}

.app-promotion.desktop .links a img {
	height:40px;
	border-radius:5px;
	margin-top:5px;
	
}


/* extra */

div.content-1304 div.google-auto-placed {
	display:none!important;
}



/* nx forms */

form.nx-form {
	display:block;
	box-sizing: border-box;
	
}

.nx-form-cg {
	display:block;
	width:60%;
	margin:0 auto;
	padding:2px 0;
}

.nx-form-cg > label {
	display:inline-block;
	width:30%;
}

.nx-form-cg input:-webkit-autofill, .nx-form-cg textarea:-webkit-autofill, .nx-form-cg select:-webkit-autofill, .nx-form-cg input, .nx-form-cg select {
	display:inline-block;
	width:69%;
	box-sizing: border-box;
	height:26px;
	line-height:26px;
	border:1px solid #ffc05d;
	/*-webkit-box-shadow: inset 0 0 0px 1024px #fff9f0;*/
	padding:1px 0;
	margin:0;
	background-color:#fff9f0;
	font-size:1.1em;
}

.nx-form-cg input:-webkit-autofill, .nx-form-cg input {
	padding:1px 0 1px 4px;
}

.nx-form-cg input:disabled, .nx-form-cg select:disabled {
	background-color:#f0f0f0;
	/*-webkit-box-shadow: inset 0 0 0px 1024px #f0f0f0;*/
	color:#909090!important;
	border:1px solid #c0c0c0;
}

.nx-form-cg.birthdate > div {
	width:69%;
	display:inline-block;
}

.nx-form-cg.birthdate > div > div.nl-day {
	width:25%;
	display:inline-block;
}

.nx-form-cg.birthdate > div > div.nl-month {
	width:45%;
	display:inline-block;
}

.nx-form-cg.birthdate > div > div.nl-year{
	width:30%;
	display:inline-block;
	text-align:right;
}

.nx-form-cg.birthdate select {
	width:calc(100% - 4px);
}
.nx-form-cg.birthdate > div > div.nl-year select{
	width:100%;
}

.nx-button {
	background-color:#2bb5e9;
	padding:5px 14px;
	color:#ffffff;
	font-weight:700;
	border:none;
	cursor:pointer;
}

.nx-button:hover {
	background-color:#2d9edf;
}






/* zodiac portrait */

.zodiac-portrait-mobile {
	display:none;
}

.zodiac-portrait img.zodiac-portrait-wheel {
	float:right;
	max-width:100%;
}

.zodiac-portrait img.zodiac-portrait-eb {
	float:right;
	max-width:100%;
}

.zodiac-portrait .portrait-facts {
	font-size:1em;
}

.zodiac-portrait .portrait-facts b {
	color:#009fda;
	font-size:1em;
}

.zodiac-portrait .portrait-facts img {
	max-width:100%;
}
.zodiac-portrait .portrait-facts td {
	vertical-align:top;
	padding-bottom:10px;
}

.zodiac-portrait .portrait-facts tr:first-child td:nth-child(2) {
	text-align:center;
}

#content .zodiac-portrait h3 {
	color:#ff9000;
}

.portrait-personality {
	width:100%;
}

.zodiac-portrait .portrait-personality tr td:first-child {
	padding-right:10px;
}

.portrait-bar {
	width:100%;
	border-radius:3px;
	height:19px;
	background-color:#dfdfdf;
	position:relative;
	color:#ffffff;
	font-weight:bold;
}

.portrait-bar::before {
	position:absolute;
	content:'0';
	top:0;
	bottom:0;
	left:0;
	width:0%;
	background-color:#009fda;
	border-radius:3px;
	padding-left:4px;
	text-align:left;
	box-sizing:border-box;
}

.portrait-bar.portrait-bar-1::before  {
	content:'1';
	width:10%;
}
.portrait-bar.portrait-bar-2::before  {
	content:'2';
	width:20%;
}
.portrait-bar.portrait-bar-3::before  {
	content:'3';
	width:30%;
}
.portrait-bar.portrait-bar-4::before  {
	content:'4';
	width:40%;
}
.portrait-bar.portrait-bar-5::before  {
	content:'5';
	width:50%;
}
.portrait-bar.portrait-bar-6::before  {
	content:'6';
	width:60%;
}
.portrait-bar.portrait-bar-7::before  {
	content:'7';
	width:70%;
}
.portrait-bar.portrait-bar-8::before  {
	content:'8';
	width:80%;
}
.portrait-bar.portrait-bar-9::before  {
	content:'9';
	width:90%;
}
.portrait-bar.portrait-bar-10::before  {
	content:'10';
	width:100%;
}


.yl {
	overflow:hidden;
}

.yl-fr {
	float:right;
	margin:0 0 16px 16px;
	width:336px;
	height:280px
}

.yl-c {
	margin:0 auto;
	width:640px;
	height:480px
}

.yl-scr {
	position:absolute;
	top:130px;
	left:0;
}



.famous-birthday {
	float:right;
	width:60%;
}


.show-mobile {
	display:none;
}
.show-mobile-block {
	display:none;
}

#target-video-syn-player { height: 0; position: relative; padding-bottom: 56.25%; margin: 20px 0; }
#target-video-syn-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  
/* ============================================================================================ */
/* responsive ================================================================================= */
/* ============================================================================================ */



#banner_right_160 {
	display:none;
	
}


@media screen and (max-width: 1280px) and (min-width: 1140px) {
	#ads-right {
		width:160px;
	}

	#banner_right {
		width:160px;
	}
	#banner_right_300 {
		display:none;
	}
	#banner_right_160 {
		display:block;
	}
	
	
}


@media screen and (max-width: 1140px) and (min-width: 768px) {
	
	
	.hide-tablet {
		display:none;
	}
	
	html {
		font-size:12px;
	}
	
	
	#content_left {
		width:185px;
	}
	
	
	#content {
		float:none;
		width:auto;
		overflow:hidden;
		/*margin:0 0 0 185px;*/
	}
	
	#banner_right, #banner_right_2 {
		display:none;
	}
	
	#ads-right {
		display:none;
	}
	
}
@media screen and (max-width: 859px) {
	
	.yl-c {
		margin:0 auto;
		width:336px;
		height:280px
	}
		
}

@media screen and (max-width: 767px) {
	
	.show-mobile {
		display:initial;
	}
	.show-mobile-block {
		display:block;
	}
	
	.famous-birthday {
		float:none;
		width:100%;
		margin-bottom:26px;
	}
	
	
	#content a.mlink {
		display:block;
		width:80%;

		text-align:center;
		padding:6px 4px;
		/*border:solid 1px #ff9000;
		background-color:#fff3dc;
		*/
		
		background-color:#ff9000;
		color:#ffffff;
		margin:0 auto;
	}

	.yl-fr {
		display:none;
	}
	.yl-scr {
		display:none;
	}


	.app-promotion.valid {
		display:block;
	}
	.app-promotion .h {
		font-size:10vw;
		font-weight:300;
		line-height:11vw;
	}

	.app-promotion ul {
		list-style-type: none;
		margin:7vw 0;
		font-size:4vw;
		font-weight:400;
		padding:0 0 0 2vw;
	}

	.app-promotion ul li {
		height:7vw;
		padding-left:8vw;
		line-height:7vw;
		background-image:url(/fileadmin/template/images/check-blue.png);
		background-size:3vw;
		background-repeat:no-repeat;
		background-position:left center;
	}

	.app-promotion ul li.nolist {
		background:none;
		padding-left:0;
	}

	.app-promotion .links {
		margin-bottom:15vw;
	}

	.app-promotion .links .line {
		display:inline-block;
		height:12vw;
		margin-right:2vw;
		vertical-align:middle;
	}
	.app-promotion .links .logo {
		border-radius:1.5vw;
	}

	.app-promotion .links a.line {
		display:none;
	}

	.app-promotion .links  a.line.show {
		display:inline-block;
	}

	.app-promotion .links a img {
		height:10vw;
		border-radius:1vw;
		margin-top:1vw;
		
	}

	.app-promotion.desktop .h {
		font-size:10vw;
		font-weight:300;
		line-height:11vw;
	}

	.app-promotion.desktop ul {
		list-style-type: none;
		margin:7vw 0;
		font-size:4vw;
		font-weight:400;
		padding:0 0 0 2vw;
	}

	.app-promotion.desktop ul li {
		height:7vw;
		padding-left:8vw;
		line-height:7vw;
		background-image:url(/fileadmin/template/images/check-blue.png);
		background-size:3vw;
		background-repeat:no-repeat;
		background-position:left center;
	}

	.app-promotion.desktop ul li.nolist {
		background:none;
		padding-left:0;
	}

	.app-promotion.desktop .links {
		margin-bottom:15vw;
	}

	.app-promotion.desktop .links .line {
		display:inline-block;
		height:12vw;
		margin-right:2vw;
		vertical-align:middle;
	}
	.app-promotion.desktop .links .logo {
		border-radius:1.5vw;
	}

	.app-promotion.desktop .links a.line {
		display:inline-block;
	}


	.app-promotion.desktop .links a img {
		height:10vw;
		border-radius:1vw;
		margin-top:1vw;
		
	}
	
	
	#content .yearly .textimage {
		width:140px;
		margin-bottom:10px!important;
		margin-top:0!important;
	}

/* tmp */

	#tarot_selection > div img {
		width:100px;
		height:141px
	}
		
	#main {
		overflow:hidden;
	}
	
	div.controllabel {
		height:25px;
		line-height:25px;
		font-size:14px;
	}
	
	.selectcontainer select {
		margin:0;
		padding:3px;
		font-size:16px;
		width:140%;
		border:none;
		background: transparent;
		height:25px;
		
	}

	input {

		font-size:16px;
		height:25px;
		padding:0 4px;

	}
	
	.geolocation-flag {
		background-size:18px 18px;
		height:18px;
		width:18px;
	}
	
	
	.hide-tablet, .hide-mobile {
		display:none!important;
	}
	
	.article-right {
		width:35vw;
		
		
		
	}
	.image-title {
		font-size:90%;
		padding:0px 0 3px;
	}
	
	.spring-bonus-table {
		width:100%;
	}
	
	
	.ad-mobile {
		display:block;
	}
	
	#content_left {
		width:100%;
		position:static;
	}
	
	#nav {
		display:none;
		width:75vw;
		position:absolute;
		top:0px;
		margin-top:110px;
		/*left:-100px;*/
		left: 0;
		z-index:1000;
		height: 100%;
		/*padding-bottom:134px;*/
		overflow-y:scroll;
		
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		box-sizing:border-box;
		/*border-left: 640px solid #000000;*/
		/*
		-webkit-transition: left 200ms, -webkit-box-shadow 200ms, -moz-box-shadow 200ms, box-shadow 200ms;
		-webkit-transition-timing-function: ease;	
		*/
		display:none;
	}
	
	html.shownav, html.shownav body {
		overflow:hidden;
	}
	
	html.shownav #nav {
		display:block;
		/*left:-640px;*/
		/*
		-webkit-transition: left 200ms, -webkit-box-shadow 200ms, -moz-box-shadow 200ms, box-shadow 200ms;
		-webkit-box-shadow: 640px 0px 0px 0px rgba(0,0,0,0.3);
		*/
		-moz-box-shadow: 200px 0px 0px 0px rgba(0,0,0,0.3);
		box-shadow: 200px 0px 0px 0px rgba(0,0,0,0.3);
	}
	
	body {
		padding-bottom:60px;
	}
	
	
	
	#content {
		margin:0 0 0 0;
		width:auto;
		float:none;
	}
	
	#banner_right {
		display:none;
	}
	#ads-right {
		display:none;
	}
	div.ad {
		display:none;
	}
	
	#header {
		height:50px;
	}
	
	#header .headerimg {
		height:60px;
		background-size:cover;
		padding-top:50px;
		display:none;
	}
	
	#header .headerimg .photo {
		height:60px;
	}
	
	#header .headerimg .photo.left {
		/*display:none;*/
	}
	
	
	#header .headerimg .text {
		height:48px;
		/*position:absolute;
		top:-4px;
		left:3px;*/
	}
	
	
	
	
	#header .headerimg .page-wrap a.home {
		display:block;
		height:60px;
	}
	
	
	#header div.mobile {
		display:block;
		position:fixed;
		width:100%;
		z-index:1000;
	}
	#header.header-1190 {
		height:130px;
	}
	
	#header.header-1190 .headerimg {
		height:80px;
		background-size:cover;
	}


	/* ----------- special header --------------------- */
	
	/*
	#header.header-1 {
		height:150px;
	}
	
	
	#header.header-1 .headerimg {
		background:url("/fileadmin/template/images/banner-easter.jpg") center bottom;
		height:100px;
		background-size:480px 100px;
	}
	
	*/

	#header.header-1 .page-wrap {
		display:none;
	}

	
	
	
	#breadcrumb  {
		display:none;
	}
	
	#content div.zodiac-list .zodiac {

		width:33%;
	}
	#content div.zodiac-list .zodiac-range {
		font-size:0.9rem;
	}

	#content div.birthdaylist a {
		width:25%;
		height:60px;
		line-height:60px;
		font-size:1.3rem;
		
	}
	
	
	#content .zodiac-image, .daily-bd-zodiac {
		width:65px;
		position:absolute;
		right:8px;
		top:57px;
	}
	
	


	#content div.zodiac-list.annual .container {
		float:none;
		width:100%;
		clear:both;
		height:74px;
	}
	
	#content div.zodiac-list.annual .container .zodiac-list-image {
		width:auto;
		height:100%;
		
	}

	#content div.zodiac-list.annual .container .decades {
		margin-bottom:16px;
	}
	
	#content div.zodiac-list.annual .container .decades a {
		margin-bottom:4px;
		display:inline-block;
	}
	
	
	
	
	
	
	#content div.zodiac-list.sex .container {
		float:none;
		width:100%;
		clear:both;
		height:74px;
	}
	
	#content div.zodiac-list.sex .container .zodiac-list-image {
		width:auto;
		height:100%;
		
	}

	#content div.zodiac-list.sex .container .decades {
		margin-bottom:16px;
	}
	
	#content div.zodiac-list.sex .container .decades a {
		margin-bottom:4px;
		display:inline-block;
	}
	
	#content div.zodiac-list.chinese .zodiac {

		width:50%;
	}
	
	#content .content-image {
		width:50%;
	}
	
	#footer {
		height:60px;
	}

	#footer .footer-links {
		margin:0;
		text-align:center;
		padding-top:15px;
	}

	#footer .footer-links a {
		margin:0 16px 4px 16px;
	}

	#footer img {
		display:none;
	}

	#footer a {
		font-size:1rem;
		
	}

	#footer .footer-break {
		display:initial;
	}
	
	
	#ads-left {
		display:none;
	}
	
	
	table.lovelist {
		margin: 0 -20px;
		width: calc(100% + 40px);
	}
	
	
	.yearly-promotion {
		padding-right:0;
		background:none;
	}
	
	
	.zodiac-portrait .portrait-facts img {
		display:none;
	}
	.zodiac-portrait .portrait-facts td {
		padding-bottom:10px;
	}
		
	.zodiac-portrait .portrait-facts tr:first-child td:nth-child(1) {
		width:45%;
	}
	.zodiac-portrait .portrait-facts tr:first-child td:nth-child(3) {
		width:45%;
	}
	
	.zodiac-portrait-mobile {
		display:block;
	}

	
	.zodiac-portrait img.zodiac-portrait-wheel {
		float:none;
		display:block;
		width:90%;
		margin:10px auto;
	}
	
	.zodiac-portrait img.zodiac-portrait-eb {
		max-width:40%;
	}

	.zodiac-portrait .portrait-personality tr td:first-child {
		padding-right:10px;
	}

	.zodiac-portrait .portrait-bar {
		width:100%;
		border-radius:3px;
		height:19px;
		background-color:#dfdfdf;
		position:relative;
		color:#ffffff;
		font-weight:bold;
	}

	.zodiac-portrait .portrait-bar::before {
		position:absolute;
		content:'0';
		top:0;
		bottom:0;
		left:0;
		width:0%;
		background-color:#009fda;
		border-radius:3px;
		padding-left:4px;
		text-align:left;
		box-sizing:border-box;
	}

	.zodiac-portrait .portrait-bar.portrait-bar-1::before  {
		content:'1';
		width:10%;
	}
	.zodiac-portrait .portrait-bar.portrait-bar-2::before  {
		content:'2';
		width:20%;
	}
	.zodiac-portrait .portrait-bar.portrait-bar-3::before  {
		content:'3';
		width:30%;
	}
	.zodiac-portrait .portrait-bar.portrait-bar-4::before  {
		content:'4';
		width:40%;
	}
	.zodiac-portrait .portrait-bar.portrait-bar-5::before  {
		content:'5';
		width:50%;
	}
	.zodiac-portrait .portrait-bar.portrait-bar-6::before  {
		content:'6';
		width:60%;
	}
	.zodiac-portrait .portrait-bar.portrait-bar-7::before  {
		content:'7';
		width:70%;
	}
	.zodiac-portrait .portrait-bar.portrait-bar-8::before  {
		content:'8';
		width:80%;
	}
	.zodiac-portrait .portrait-bar.portrait-bar-9::before  {
		content:'9';
		width:90%;
	}
	.zodiac-portrait .portrait-bar.portrait-bar-10::before  {
		content:'10';
		width:100%;
	}
}