@charset "utf-8";

/* CSS Document */



@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700);

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400italic);



body {

	margin:0;

	padding:0;

	font-family: 'Lato', sans-serif;

	color:#282828;

}

body {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.wrapper {

		

}



.section {

	

}



.inner {

	max-width:955px;

	margin:0 auto;	

	padding-bottom: 70px;

	position: relative;

    z-index: 1;
}



.section1 {

	background: url("images/Tarot Banner-3.jpg") center top;
    background-size: cover;
    background-repeat: no-repeat;
	
}



.logo {
	margin: 0 auto;
    padding: 20px 0;
    background-color: #fff;
}



.logo h1 {

	margin:0;

	padding:0;
	
	text-align: center;

}



.section1 h2{

	font-size:42px;

	font-weight:700;

	color:#ffffff;

	text-align:center;

	margin:0;
    margin-top: 30px;
    margin-bottom: 20px;
	padding:5px 0 0;

	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.35);
	
	font-family: "Raleway", sans-serif;

}



.section1 h3{

	font-size:19px;

	font-weight:400;

	color:#ffffff;

	text-align:center;

	margin:0;

	padding:10px;

	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.35);

}

.section1 .box {

	padding: 0 30px 0px;

}

.section1 .cards {



}

.section1 .button {

    background: #67cd90;
	
	transition: 200ms ease;

    border: 0 none;

	border-radius: 5px;

    color: #fff;

    cursor: pointer;

    display: block;

    margin: 0 auto;

    padding: 20px 0 23px;

    text-align: center;

    text-decoration: none;

    width: 337px;

    font-size: 20px;

}



.section1 .button:hover {

	background: #43a26a;

}



.section2 {

	background:url("images/section2.jpg") center bottom no-repeat;
	padding: 0 0 50px;
}



.section2 h3{

	font-size:21px;
	
	line-height: 30px;

	font-weight:300;

	text-align:center;

	margin:0;

	padding:50px 0 0;
	
	font-family: "Raleway", sans-serif;
}



.section2 h2{

	font-size:32px;

	font-weight:700;

	text-align:center;

	color:#0d1a5a;

	margin:0;

	padding:0 0 20px;
	
	font-family: "Raleway", sans-serif;
}



.section2 .box{

	padding:30px 0;
	display: flex;
}



.section2 .box .column1{

	margin:0 85px 0 0;
	color:#290f65;
	font-size:15px;

}

.section2 .box .column1 p{

	font-size:15px;

}

.section2 .box .column1 .imageholder > img {
    display: block;
    margin: 0 auto;
	margin-bottom: 30px;
    width: 60%;
}

.section2 .box strong {
}


.section2 .box .column2 p{

	color: #4d4d4d;
    font-size: 14px;
    line-height: 23px;
    font-family: "Poppins", sans-serif;
	font-weight: 300;
}


.section2 .box .column1 {
    float: left;
    padding: 0 0 0 50px;
    max-width: 50%;
}

.section2 .box .column2 {
	float: left;
    padding: 0 50px 0 0;
    max-width: 50%;
}



.clear {

	clear:both;

}



.section2 .arrow {

	width:75px;

	margin:0 auto;

	padding:0 0 40px;

}



.section2 .button {

    background: #67cd90;

    border: 0 none;

	border-radius: 5px;

    color: #fff;

    cursor: pointer;

    display: block;

    margin: 0 auto;

    padding:21px 0 23px;

    text-align: center;

    text-decoration: none;

    max-width: 380px;

    font-size: 20px;

	transition: 200ms ease;
}



.section2 .button:hover {

	background: #43a26a;

}



.section3 {

	background:url("images/section3.jpg") center top;

	height:679px;

	

}



.section3 h3{

	font-size:32px;

	font-weight:300;

	text-align:center;

	color:#ffffff;

	margin:0;

	padding:60px 0 0;

}



.section3 h2{

	font-size:37px;

	font-weight:700;

	text-align:center;

	color:#ffffff;

	margin:0;

	padding:0 0 20px;

}



.section3 p{

	font-size:12px;

	font-weight:300;

	text-align:center;

	color:#ffffff;

	margin:0;

	padding:20px 0 0;

	font-family: 'Open Sans', sans-serif;

}



.section3 .box ul.cards {

	list-style:none;

	margin:30px auto 60px;

	padding:0;

	display: table;

}



.section3 .box ul.cards li{

	float:left;

	width:98px;

	margin: 0 10px;

}



.section3 .button {

    background: url("images/button3.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);

    border: 0 none;

    color: #0d1a5a;

    cursor: pointer;

    display: block;

    margin: 0 auto;

    padding:24px 0 21px;

    text-align: center;

    text-decoration: none;

    width: 381px;

    font-size: 19px;

}



.section3 .button:hover {

	background-position:0 0;

}





.section4 {

	background:#ffffff;

	height:444px;

	

}



.section4 h3{

	font-size:32px;

	font-weight:300;

	text-align:center;

	margin:0;

	padding:50px 0 0;

}



.section4 h2{

	font-size:37px;

	font-weight:700;

	text-align:center;

	color:#0d1a5a;

	margin:0;

	padding:0 0 20px;

}

.section4 .box {

	padding:30px 0 0;

}



.section4 .box > img {

    float: left;

    margin: 0 30px 0 0;

}



.section4 .box p {

	font-family: 'Open Sans', sans-serif;

	font-size:12px;

	font-weight:300;

}



.section5 {

	background:#f5f5f5;

	border-top:1px solid #f9f9f9;

}



.section5 .inner {

    padding: 0 0 50px;

}



.section5 h3{

	font-size:32px;

	font-weight:300;

	text-align:center;

	margin:0;

	padding:50px 0 0;

}



.section5 h2{

	font-size:37px;

	font-weight:700;

	text-align:center;

	color:#0d1a5a;

	margin:0;

	padding:0 0 20px;

}



.section5 .box {

	padding:74px 0 70px;

}

.section5 .box .boxsmall {

	float:left;

	width:252px;

	margin:0 90px 0 0;

}



.section5 .box .boxsmall.last {

	margin:0;

}





.section5 .box .boxsmall h2{

	font-family: 'Open Sans', sans-serif;

	font-size:12px;

	font-weight:300;	

	color:#ffffff;

	background:url("images/image7.png") no-repeat;

	width:252;

	padding:10px 0 16px 15px;

}

.section5 .box .boxsmall img{

	float:left;

	margin:10px 10px 15px 0;

}

.section5 .box .boxsmall p{

	ont-family: 'Open Sans', sans-serif;

	font-size:14px;

	font-weight:300;

	font-style:italic;

}



.section5 .button {

    background: url("images/button4.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);

    border: 0 none;

    color: #0d1a5a;

    cursor: pointer;

    display: block;

    margin: 0 auto;

    padding:20px 0 21px;

    text-align: center;

    text-decoration: none;

    width: 380px;

    font-size: 22px;

}



.section5 .button:hover {

	background-position:0 0;

}



.section6 {
    background: url("images/mountain-2.jpg") center top;
	background-size: cover;
    padding: 0px 0 0px;
}



.section6 h3{

	font-size:32px;

	font-weight:300;

	text-align:center;

	color:#ffffff;

	margin:0;

	padding:40px 0 0;
	
	font-family: "Raleway", sans-serif;

}



.section6 h2{

	font-size:37px;

	font-weight:700;

	text-align:center;

	color:#ffffff;

	margin:0;

	padding:0 0 20px;
	
	font-family: "Raleway", sans-serif;
	
}



.section6 p{

	font-size:12px;

	font-weight:300;

	color:#ffffff;

	margin:0 auto;

	padding:10px 0;

	width:710px;

	font-family: 'Open Sans', sans-serif;

}



.section6 .button {

    background: #67cd90;
	
	transition: 200ms ease;

    border: 0 none;

	border-radius: 5px;

    color: #fff;

    cursor: pointer;

    display: block;

    margin: 70px auto 0;

    padding:20px 0 21px;

    text-align: center;

    text-decoration: none;

    max-width: 380px;

    font-size: 22px;

}



.section6 .button:hover {

	background: #43a26a;

}



.section7 {
    background-image: url("images/astro-footer.jpg");
    height: 316px;
    position: relative;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.section7:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
}

.section7 > .inner {
    padding-bottom: 40px;
}

.section7 p{

	font-size:10px;

	font-weight:400;

	color:#ffffff;

	margin:0 auto;

	padding:10px 0;

	text-align:center;

	width:735px;

}



.section7 p.top{

	font-size:12px;

	font-weight:400;

	padding:70px 0 20px;

	max-width:340px;

	line-height: 20px;

}



.section7 a {

	color:#ffffff;

	text-decoration:none;

}





/*tarot*/



.position_stock_left {

    left: 17px;

    position: absolute;

    top: -138px;

    transform: rotate(78deg);

}

.position_stock_right {

    left: 612px;

    position: absolute;

    top: -138px;

    transform: rotate(-78deg);

}

.p1 {

    left: 30px;

    position: absolute;

    top: -102px;

    transform: rotate(66deg);

}

.p2 {

    left: 50px;

    position: absolute;

    top: -63px;

    transform: rotate(54deg);

}

.p3 {

    left: 87px;

    position: absolute;

    top: -20px;

    transform: rotate(42deg);

}

.p4 {

    left: 132px;

    position: absolute;

    top: 16px;

    transform: rotate(34deg);

}

.p5 {

    left: 176px;

    position: absolute;

    top: 40px;

    transform: rotate(24deg);

}

.p6 {

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);

    left: 315px;

    position: absolute;

    top: 70px;

    transform: scale(1.2);

}

.p6:hover {

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);

    cursor: pointer;

    transform: scale(1.3);

}

.p7 {

    left: 453px;

    position: absolute;

    top: 42px;

    transform: rotate(-24deg);

}

.p8 {

    left: 497px;

    position: absolute;

    top: 16px;

    transform: rotate(-34deg);

}

.p9 {

    left: 542px;

    position: absolute;

    top: -20px;

    transform: rotate(-42deg);

}

.p10 {

    left: 577px;

    position: absolute;

    top: -63px;

    transform: rotate(-54deg);

}

.p11 {

    left: 597px;

    position: absolute;

    top: -102px;

    transform: rotate(-66deg);

}

#container_tarot img {

   

    height: 150px;

    transition: all 0.6s ease 0s;

}

#zone_prev {

    color: red;

    display: block;

    height: 262px;

    left: -18px;

    position: absolute;

    top: 0;

    width: 302px;

    z-index: 300;

}

#zone_next {

    color: red;

    display: block;

    height: 261px;

    left: 426px;

    position: absolute;

    top: 0;

    width: 304px;

    z-index: 300;

}

#slot div {

    border-radius: 10px;

    float: left;

    height: 186px;

    margin-right: 40px;

    width: 100px;

}

#clear {

    clear: both;

}

#slot {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    height: 150px;

    padding-bottom: 40px;

    padding-top: 62px;

    width: 1024px;

}

#axe {

    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);

    border-radius: 400px;

    display: none;

    height: 500px;

    left: 282px;

    position: absolute;

    top: 650px;

    width: 500px;

    z-index: -90;

}

#container_tarot {
   background: url(images/wood-table.jpg) repeat scroll left top transparent;
    background-size: 100%;
    border: 10px solid #3354a5;
    border-radius: 15px;
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 98%;
    z-index: 0;
}

#front_card_helper {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    display: block;

    font-weight: bold;

    height: 40px;

    left: 308px;

    opacity: 0.6;

    position: absolute;

    text-align: center;

    top: 0;

    transition: all 0.6s ease 0s;

    width: 100px;

}

#front_card_helper #arrow {

    border: medium none;

    height: 40px;

}

#zone_chatbox {

    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);

    bottom: 0;

    color: #3a2650;

    display: none;

    height: 50%;

    position: absolute;

    width: 100%;

    z-index: 3000;

}

#zone_chatbox h4 {

    background: none repeat scroll 0 0 rgba(58, 38, 80, 1);

    border-bottom: 1px solid #3a2650;

    box-shadow: 0 1px 3px black;

    color: white;

    margin: 0;

    padding: 7px;

    text-align: center;

}

#chatbox {

    padding: 10px;

}

div#chatbox {

    font-size: 100%;

    height: 32%;

    overflow: auto;

    width: 98%;

}

div#input {

    border-top: 1px solid #3a2650;

    padding: 10px;

}

div#info {

    border-bottom: 1px solid silver;

    border-left: 1px solid silver;

    border-right: 1px solid silver;

    color: #555555;

    font-size: 100%;

    height: 12px;

    padding: 10px;

    width: 100%;

}

form#input_sex {

    display: none;

}

form#input_message {

    display: none;

}

form#input_date {

    display: none;

}

a#card {

    display: none;

}

div#chat {

    float: left;

    width: 550px;

}

div#game {

    float: right;

    width: 550px;

}

.fr {

    float: right;

}

.seperator {

    clear: both;

    height: 20px;

}

#btn_submit_sex, #btn_submit_message, #btn_submit_date {

    background: none repeat scroll 0 0 #3a2650;

    border: medium none;

    border-radius: 10px;

    color: white;

    cursor: pointer;

    font-size: 100%;

    padding: 4px;

    transition: all 0.6s ease 0s;

}

#btn_submit_sex:hover, #btn_submit_message:hover, #btn_submit_date:hover {

    background: none repeat scroll 0 0 #3a2650;

    border: medium none;

    border-radius: 10px;

    color: white;

    cursor: pointer;

    padding: 4px;

    transform: scale(1.05);

}

#card_container {

    display: none;

    position: absolute;

    top: 0;

}

#user_message {

    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);

}

#information_draft p {

    background: linear-gradient(to bottom, #a175e4 0%, #38206d 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);

    border-radius: 70px;

    box-shadow: 1px 1px 4px black;

}

#wrapper {

    overflow: hidden;

}

#zone_prev, #zone_next {

    background-image: url("images/empty.png");

}



/*ebs*/



.section6 .box {

	max-width: 100%;
	
    border: 1px solid #ecf0f1;
	
    border-radius: 10px;
	
    background: #ffffff;
	
    display: flex;
	
    height: calc(100% - 60px);
	
    flex-direction: column;
	
    padding: 35px 35px 20px 35px;

}




.section6 .box h2 {

	color:#040116;

	font-size:20px;

	font-weight:400;

	text-align:left;

	padding: 20px 10px 0 0;
	
	font-family:"Poppins", Sans-serif; 

}



.section6 .box p {

	color:#4d4d4d;
	
	font-size:14px;
	
	line-height: 2em;
	
	text-align: left;

	width: auto;
	
	font-family:"Poppins", Sans-serif; 
	
	font-weight: 300;

}



.section6 ul li .box a {

	text-align:center;

	display:block;

	background: #67cd90;

	transition: 200ms ease;

	padding:10px 20px;

	width:100px;

	color:#ffffff;

	text-decoration:none;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;


}

.section6 ul li .box a:hover {
	background: #43a26a;
}

.section6 ul {

    margin: 0;

    padding: 0;

	list-style:none;
	
	display: flex;
	
    align-content: stretch;
	
	padding-left: 25px;
	
    padding-right: 25px;
}



.section6 ul li {

	float:left;

	margin:0 23px 0 0;

	list-style:none;

}



.section6 ul li.last{

	margin:0;

}





body {

    color: #282828;

    font-family: "Lato",sans-serif;

    margin: 0;

    padding: 0;

}

.buttonbox {

    z-index: 1000;
    position: absolute;
    left: 0;
    right: 0;
    max-width: 955px;
    margin: -150px 0 0;

}

.bubble {
    padding: 20px 50px;
}

.bubble .imageholder {
    float: left;
	margin: 0 20px 0 0;
}

.bubble .bubblebox {
	background:url("images/bubblebackground.png") no-repeat;
	float:left;
	width:713px;
	height:81px;
	margin:30px 0 0;
}

.bubble .bubblebox .bubbleboxcontent {
    color: #260f64;
    font-size: 16px;
    line-height: 26px;
    padding: 14px 7px 10px 47px;
	font-family: "Poppins", sans-serif;
}

.blueboxcontent td {
    padding: 0 0 10px;
    vertical-align: top;
	font-family: "Poppins", sans-serif;
}

.blueboxcontent td.tdleft {
    padding: 0 10px 10px 0 !important;
	font-family: "Poppins", Sans-serif;
    text-align: left;
}

.blueboxcontent {
    background: none repeat scroll 0 0 #eceff1;
    border: 1px solid #dedede;
    border-radius: 15px;
    padding: 20px;
	box-shadow: 1px 1px 2px #000000;
}


.tymain {
    background: none repeat scroll 0 0 #ffffff;
    margin: 0 auto;
    padding: 30px 0;
	border-radius: 10px;
}

.tymaincontenttop {
    
    height: auto;
    margin: 0 auto;
    max-width: 831px;
}

.tymain .tymaincontenttop h1 {
    color: #350134;
    font-family: "PT Serif",serif;
    font-size: 45px;
    font-weight: normal;
    margin: 0;
    padding: 80px 0 0;
    text-align: center;
}
.tymain .tymaincontenttop h1 span {
    color: #f1c345;
}


.tymaincontentmiddle {
    
    margin: 0 auto;
    padding: 210px 0 0;
    max-width: 831px;
}
#tymaincontent1 > img {
    max-width: 100%;
}
#tymaincontent1 {
    margin-top: -80px;
	padding: 0 50px;
}


.stickynotes {
    background: url("images/stickynotes.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 392px;
    margin: 0 auto;
    padding: 70px 0 160px;
    max-width: 450px;
}
.stickynotes > p {
    padding: 0 90px;
	line-height: 32px;
}


.tymaincontentbottom {
    
    height: 203px;
    margin: -200px auto 0;
    max-width: 847px;
}


.tymaincontenttop .box .column1 {
    float: left;
    margin: 0 20px 0 0;
	 width: 111px;
}

.tymaincontenttop .box .column2 {
    float: left;
    margin: 30px 0 0;
	max-width: 599px;
}

.tymaincontenttop .box .column2 > p {
    font-size: 20px;
}
.tymaincontenttop .box {
    padding: 50px 50px 0;
}

.tymaincontenttop ul {
    display: table;
    list-style: outside none none;
    margin: 0 auto;
    padding: 0;
}

.tymaincontenttop ul li {
    color: #282828;
    float: left;
    margin: 0 20px;
    text-align: center;
    width: 130px;
}

h4 {
    margin: 0;
}

.section6 .box > img {
    max-width: 100%;
}
@media only screen and (max-width:768px) {
.theform {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cbd3d5;
    border-radius: 10px;
    margin: 40px auto;
    padding: 10px !important;
    text-align: center;
    width: 296px !important;
}
	.section1 ul.thecards li {
    color: #ffffff;
    float: left;
    margin: 0 15px;
    text-align: center;
    width: 75px;
}
.section1 ul.thecards li img {
    width: 75px;
}

.theform p input {
        background: #ecf0f1 none repeat scroll 0 0;
    border: 1px solid #cbd3d5;
    border-radius: 10px;
    color: #282828;
    font-size: 18px;
    font-weight: 400;
    padding: 10px !important;
    width: 260px !important;

}
.theform p input.submit {
    background-color: #67cd90;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 20px !important;
    font-weight: bold;
    margin: 0 auto;
    padding: 15px 0 12px !important;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 296px !important;
}
.theform p input.submit:hover {
    background-position: 0 0 !important;
}
#agree {
    float: left;
    margin: 5px 5px 100px 0;
    width: 20px !important;
}
.theform p.agree {
    margin: 0 auto;
    text-align: left;
    width: 280px !important;
}

.agree > input {
    margin: 5px 5px 100px 0;
}
	.section1 h2 {
		font-size:20px !important;
	}
	.logo img {
		width: 145px;
		margin: 0 auto;
		display: block;
	}
	.inner,.logo {
		margin:0 auto
	}
	#clear,.clear,.seperator {
		clear:both
	}
	.section1 .button,.section2 .button,.section3 .button {
		border:0;
		cursor:pointer;
		text-decoration:none
	}
	.section3 p,.section4 .box p,.section5 .box .boxsmall h2,.section6 p {
		font-family:'Open Sans',sans-serif
	}
	#taptext,.p1,.p10,.p11,.p2,.p3,.p5,.p6,.p7,.p8,.p9,.position_stock_left,.position_stock_right {
		position:absolute
	}
	.section6 ul,.section6 ul li,.tymaincontenttop ul {
		list-style:none
	}
	.section6 ul {
		flex-direction: column;
	}
	body {
		color:#282828
	}
	.section1 h2,.section1 h3,.section1 h4 {
		color:#fff;
		text-shadow:0 1px 0 rgba(0,0,0,.35);
		text-align:center
	}
	.inner {
		max-width: 90%
	}
	.section1 {
		padding-bottom: 100px;
	}
	.logo {
		padding:20px 0;
		margin-bottom: 20px;
	}
	.logo h1 {
		margin:0;
		padding:0
	}
	.section1 h2 {
		font-size:42px;
		font-weight:700;
		margin:0;
		padding:5px 0 0
	}
	.section1 h3 {
		font-size:19px;
		font-weight:400;
		margin:0;
		padding:10px
	}
	.section1 .box {
		padding:0;
	}
	#taptext {
		display:block;
		color:#fdfefd;
		font-size:16px;
		font-weight:700;
		margin:-443px 0 0;
		text-align:center;
		width:320px;
		z-index:1000
	}
	.section1 .button {
		display:block;
		margin:0 auto;
		padding:12px 0 14px;
		text-align:center;
		max-width:280px;
		font-size:20px;
		background-size:280px 102px
	}
	.section2 h2,.section2 h3 {
		text-align:center;
		margin:0
	}
	
	.section2 {
		background:url(images/section2.jpg) center bottom no-repeat;
		padding:0 0 50px
	}
	.section2 h3 {
		font-size:18px;
		line-height: 26px;
		font-weight:300;
		padding:30px 0 0
	}
	.section2 h2 {
		font-size:20px;
		line-height: 28px;
		font-weight:700;
		color:#0d1a5a;
		padding:0 0 20px
	}
	.section2 .box {
		flex-direction: column;
		padding:30px 0
	}
	.section2 .box .column1 p {
		font-size:15px
	}
	.section2 .box .column1 .imageholder>img {
		    display: block;
			margin: 0 auto;
			max-width: 240px;
			margin-bottom: 30px;
	}
	.section2 .box .column2 p {
		color:#4d4d4d;
		font-size:14px
	}
	.section2 .box .column2 {
		padding:50px 0 0;
		max-width:325px
	}
	.section2 .arrow {
		width:75px;
		margin:0 auto;
		padding:0 0 40px
	}
	.section2 .button {
		display:block;
		margin:0 auto;
		padding:19px 0;
		text-align:center;
		max-width:85%;
		font-size:16px;
		background-size:320px 116px
	}
	.section3 h2,.section3 h3,.section3 p {
		text-align:center;
		color:#fff;
		margin:0
	}
	.section3 {
		background:url(images/section3.jpg) center top;
		height:679px
	}
	.section3 h3 {
		font-size:32px;
		font-weight:300;
		padding:60px 0 0
	}
	.section3 h2 {
		font-size:37px;
		font-weight:700;
		padding:0 0 20px
	}
	.section3 p {
		font-size:12px;
		font-weight:300;
		padding:20px 0 0
	}
	.section3 .box ul.cards {
		list-style:none;
		margin:30px auto 60px;
		padding:0;
		display:table
	}
	.section3 .box ul.cards li {
		float:left;
		width:98px;
		margin:0 10px
	}
	.section3 .button {
		background:url(images/button3.png) center bottom no-repeat rgba(0,0,0,0);
		color:#0d1a5a;
		display:block;
		margin:0 auto;
		padding:24px 0 21px;
		text-align:center;
		width:381px;
		font-size:19px
	}
	.section4 h2,.section4 h3 {
		text-align:center;
		margin:0
	}
	.section3 .button:hover {
		background-position:0 0
	}
	.section4 {
		background:#fff;
		height:444px
	}
	.section4 h3 {
		font-size:32px;
		font-weight:300;
		padding:50px 0 0
	}
	.section4 h2 {
		font-size:37px;
		font-weight:700;
		color:#0d1a5a;
		padding:0 0 20px
	}
	.section4 .box {
		padding:30px 0 0
	}
	.section4 .box>img {
		float:left;
		margin:0 30px 0 0
	}
	.section5 h2,.section5 h3 {
		text-align:center;
		margin:0
	}
	.section4 .box p {
		font-size:12px;
		font-weight:300
	}
	.section5 {
		background:#f5f5f5;
		border-top:1px solid #f9f9f9
	}
	.section5 .button,.section6 .button {
		border:0;
		display:block;
		cursor:pointer;
		text-decoration:none
	}
	.section5 .inner {
		padding:0 0 50px
	}
	.section5 h3 {
		font-size:32px;
		font-weight:300;
		padding:50px 0 0
	}
	.section5 h2 {
		font-size:37px;
		font-weight:700;
		color:#0d1a5a;
		padding:0 0 20px
	}
	.section5 .box {
		padding:74px 0 70px
	}
	.section5 .box .boxsmall {
		float:left;
		width:252px;
		margin:0 90px 0 0
	}
	.section5 .box .boxsmall.last {
		margin:0
	}
	.section5 .box .boxsmall h2 {
		font-size:12px;
		font-weight:300;
		color:#fff;
		background:url(images/image7.png) no-repeat;
		width:252;
		padding:10px 0 16px 15px
	}
	.section5 .box .boxsmall img {
		float:left;
		margin:10px 10px 15px 0
	}
	.section5 .box .boxsmall p {
		font-family:'Open Sans',sans-serif;
		font-size:14px;
		font-weight:300;
		font-style:italic
	}
	.section5 .button {
		background:url(images/button4.png) center bottom no-repeat rgba(0,0,0,0);
		color:#0d1a5a;
		margin:0 auto;
		padding:20px 0 21px;
		text-align:center;
		width:380px;
		font-size:22px
	}
	.section6 h2,.section6 h3 {
		margin:0;
		color:#fff;
		text-align:center
	}
	.section5 .button:hover {
		background-position:0 0
	}
	.section6 {
		background:url("images/nebulosas-spacio2.jpg") center top;
		padding:1px 0 30px
	}
	.section6 h3 {
		font-size:18px;
		line-height: 26px;
		font-weight:300;
		padding:40px 0 0
	}
	.section6 h2 {
		font-size:20px;
		line-height: 28px;
		font-weight:700;
		padding:0 0 20px
	}
	.section6 p {
		font-size:12px;
		font-weight:300;
		color:#fff;
		margin:0 auto;
		padding:10px 0;
		width:710px
	}
	.section6 .button {
		margin:40px auto 0;
		padding:19px 0;
		text-align:center;
		max-width:85%;
		font-size:16px;
		background-size:320px 116px
	}
	div#chat,div#game {
		width:550px
	}

	.section7 {
		background-image: url("images/astro-footer.jpg");
		height: auto;
		position: relative;
		background-position: top center;
		background-size: cover;
		background-repeat: no-repeat;
		padding: 50px 0;
	}
	
	.section7:before {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, 0.8);
	}
	
	.section7 > .inner {
		padding-bottom: 0px;
		position: relative;
	
	}
	#front_card_helper,#slot {
		background:rgba(0,0,0,0)
	}
	.section7 p {
		color:#fff;
		font-size:10px;
		font-weight:400;
		margin:0 auto;
		padding:10px 0;
		text-align:center;
		width:100%;
	}
	#chatbox,.section7 a,div#info,div#input {
		padding:10px
	}
	.section7 p.top {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    padding: 0;
}
	.section7 a {
		color:#fff;
		display:block;
		font-size:18px;
		text-decoration:none
	}
	#zone_next,#zone_prev {
		color:red;
		z-index:300;
		display:block
	}
	#axe,#card_container,a#card,form#input_date,form#input_message,form#input_sex {
		display:none
	}
	.position_stock_left {
		left:17px;
		top:-138px;
		transform:rotate(78deg)
	}
	.position_stock_right {
		left:612px;
		top:-138px;
		transform:rotate(-78deg)
	}
	.p1 {
		left:30px;
		top:-102px;
		transform:rotate(66deg)
	}
	.p2 {
		left:50px;
		top:-63px;
		transform:rotate(54deg)
	}
	.p3 {
		left:87px;
		top:-20px;
		transform:rotate(42deg)
	}
	.p4 {
		left:132px;
		position:absolute;
		top:16px;
		transform:rotate(34deg)
	}
	.p5 {
		left:176px;
		top:40px;
		transform:rotate(24deg)
	}
	.p6 {
		box-shadow:0 2px 10px rgba(0,0,0,.5);
		left:315px;
		top:70px;
		transform:scale(1.2)
	}
	.p6:hover {
		box-shadow:0 2px 10px rgba(0,0,0,.6);
		cursor:pointer;
		transform:scale(1.3)
	}
	.p7 {
		left:453px;
		top:42px;
		transform:rotate(-24deg)
	}
	.p8 {
		left:497px;
		top:16px;
		transform:rotate(-34deg)
	}
	.p9 {
		left:542px;
		top:-20px;
		transform:rotate(-42deg)
	}
	.p10 {
		left:577px;
		top:-63px;
		transform:rotate(-54deg)
	}
	.p11 {
		left:597px;
		top:-102px;
		transform:rotate(-66deg)
	}
	#card_container,#container_tarot,#front_card_helper,#zone_next,#zone_prev {
		top:0;
		position:absolute
	}
	#container_tarot img {
		height:150px;
		transition:all .6s ease 0s
	}
	#zone_prev {
		height:262px;
		left:-18px;
		width:302px
	}
	#zone_next {
		height:261px;
		left:426px;
		width:304px
	}
	#slot div {
		border-radius:10px;
		float:left;
		height:140px;
		margin-right:40px;
		width:75px
	}
	#slot {
		height:150px;
		padding-bottom:40px;
		padding-top:62px;
		width:1024px
	}
	#axe {
		background:rgba(255,255,255,.5);
		border-radius:400px;
		height:500px;
		left:282px;
		position:absolute;
		top:650px;
		width:500px;
		z-index:-90
	}
	#container_tarot {
		background:url(images/background_small_revert.jpg) left top no-repeat;
		border:2px solid #3354a5;
		border-radius:15px;
		display:block;
		left:0;
		position: relative;
		overflow: hidden;
		margin-right: auto;
		margin-left: auto;
		max-width: 320px;
		z-index:0
	}
	#front_card_helper {
		display:block;
		font-weight:700;
		height:40px;
		left:308px;
		opacity:.6;
		text-align:center;
		transition:all .6s ease 0s;
		width:100px
	}
	#front_card_helper #arrow {
		border:none;
		height:40px
	}
	#zone_chatbox {
		background:rgba(255,255,255,.8);
		bottom:0;
		color:#3a2650;
		display:none;
		height:50%;
		position:absolute;
		width:100%;
		z-index:3000
	}
	#zone_chatbox h4 {
		background:rgba(58,38,80,1);
		border-bottom:1px solid #3a2650;
		box-shadow:0 1px 3px #000;
		color:#fff;
		margin:0;
		padding:7px;
		text-align:center
	}
	div#chatbox {
		font-size:100%;
		height:32%;
		overflow:auto;
		width:98%
	}
	div#input {
		border-top:1px solid #3a2650
	}
	div#info {
		border-bottom:1px solid silver;
		border-left:1px solid silver;
		border-right:1px solid silver;
		color:#555;
		font-size:100%;
		height:12px;
		width:100%
	}
	div#chat {
		float:left
	}
	.fr,div#game {
		float:right
	}
	.seperator {
		height:20px
	}
	#btn_submit_date,#btn_submit_message,#btn_submit_sex {
		background:#3a2650;
		border:none;
		border-radius:10px;
		color:#fff;
		cursor:pointer;
		font-size:100%;
		padding:4px;
		transition:all .6s ease 0s
	}
	#btn_submit_date:hover,#btn_submit_message:hover,#btn_submit_sex:hover {
		background:#3a2650;
		border:none;
		border-radius:10px;
		color:#fff;
		cursor:pointer;
		padding:4px;
		transform:scale(1.05)
	}
	#user_message {
		background:rgba(255,255,255,.6)
	}
	#information_draft p {
		background:linear-gradient(to bottom,#a175e4 0,#38206d 100%) rgba(0,0,0,0);
		border-radius:70px;
		box-shadow:1px 1px 4px #000
	}
	#wrapper {
		overflow:hidden
	}
	#zone_next,#zone_prev {
		background-image:url(images/empty.png)
	}
	.section6 .box {
		background:#fff;
		border:1px solid #ecf0f1;
		border-radius:10px;
		margin:10px auto;
		max-width:294px
	}
	.section6 .box h2 {
		color:#4d4d4d;
		font-size:20px;
		font-weight:400;
		text-align:left;
		padding: 20px 10px 10px 0;
		font-family: "Poppins", Sans-serif;
	}
	.section6 .box p {
		color:#4d4d4d;
		font-size:14px;
		line-height: 2em;
		padding:0 0px;
		margin:0 0 20px;
		width:100%;
		text-align: left;
		font-family: "Poppins", sans-serif;
	}
	.section6 ul li .box a {
		color:#fff;
		display:block;
		font-size:18px;
		padding:10px;
		text-align:center;
		text-decoration:none
	}
	.section6 ul,body {
		margin:0;
		padding:0
	}
	.section6 ul li.last {
		margin:0
	}
	body {
		font-family:Lato,sans-serif
	}
	.buttonbox {
		z-index:1000;
		position:relative;
		max-width:320px;
		margin:-150px 0 0
	}
	.bubble {
		padding:20px 30px
	}
	.bubble .imageholder,.bubble .imageholder>img {
		display:block;
		margin:0 auto;
		float:none;
	}
	.bubble .bubblebox {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #1e3f75;
    margin: 30px 0 0;
    width: 100%;
    height: auto;
}
	.bubble .bubblebox .bubbleboxcontent {
		color:#260f64;
		font-size:14px;
		line-height:23px;
		padding:10px;
		text-align:center
	}
	.section2 .box .column1 {
    float: none;
    padding: 0;
    max-width: 90%;
    margin: auto;
}
.section2 .box .column2 {
    padding: 30px 0 0;
    max-width: 90%;
    float: none;
    margin: 0 auto;
}
.section6 ul li {
    float: none;
    margin: 0 auto 30px;
    list-style: none;
}
	.blueboxcontent td {
		padding:0 0 10px;
		vertical-align:top
	}
	.blueboxcontent td.tdleft {
		padding:0 10px 10px 0!important;
		font-family: "Poppins", Sans-serif;

	}
	.blueboxcontent {
		background:#eceff1;
		border:1px solid #dedede;
		border-radius:15px;
		padding:20px;
		box-shadow:1px 1px 2px #000
	}
	.tymain {
		background:#fff;
		margin:21px 0 0;
		padding:30px 0;
		border-radius:10px
	}
	.tymaincontenttop {
		margin:0 auto
	}
	.tymain .tymaincontenttop h1 {
		color:#350134;
		font-family:"PT Serif",serif;
		font-size:45px;
		font-weight:400;
		margin:0;
		padding:80px 0 0;
		text-align:center
	}
	.tymain .tymaincontenttop h1 span {
		color:#f1c345
	}
	.tymaincontentmiddle {
		margin:0 auto;
		padding:210px 0 0
	}
	#tymaincontent1 {
		margin-top:-80px;
		padding:0 50px
	}
	#tymaincontent1 > img {
		margin-top: 10px!important;
	}
	.stickynotes {
		background: url(images/stickynotes.jpg) -20px 1px no-repeat rgba(0,0,0,0);
		height: auto;
		margin: 0 auto;
		padding: 85px 25px 109px;
		background-size: 76vw 100%;
	}
	.stickynotes>p {
		line-height:32px;
		padding:0 30px
	}
	.tymaincontentbottom {
		margin:-55px auto 0
	}
	.tymaincontenttop .box .column1 {
		margin:0 auto;
		width:111px
	}
	.tymaincontenttop .box .column2 {
		margin:10px 0 0
	}
	.tymaincontenttop .box .column2>p {
		font-size:20px
	}
	.tymaincontenttop .box {
		padding:0 45px
	}
	.tymaincontenttop ul {
		display:table;
		margin:0 auto;
		padding:0
	}
	.tymaincontenttop ul li {
		color:#282828;
		float:left;
		margin:0 20px;
		text-align:center;
		width:130px
	}
	h4 {
		margin:0
	}
	#redarrow {
		display:none !important;
	}
}

/* Custom CSS - June 19, 2019 */

/* For Desktop */
.section6 > .inner, .section2 > .inner {
	max-width: 1220px
}

.logo h1 img {
	max-height: 60px;
}
.section6 .box p:nth-child(2n) {
    margin: 0;
}

/* For Mobile */
@media only screen and (max-width:768px) {
	.section6 > .inner, .section2 > .inner {
		max-width: 90%
	}
}

@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-ExtraBold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-ExtraBoldItalic.otf') format('opentype');
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-ExtraLightItalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-SemiBoldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-ThinItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-ExtraBold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-ExtraBoldItalic.otf') format('opentype');
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-ExtraLightItalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-SemiBoldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-ThinItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
}