/**
	Stylesheet Name: Astrology Dating
	Stylsheet Author: Antony Acosta
**/

/** General **/
	/** B **/
		body {
			background: #eee;
			font-family: 'RalewayRegular';
		}

	/** I **/
		i { margin: 0 10px; }

		input[type=date] {
			border: 0;
			border-bottom: 2px solid #f0f0f0;
			margin-bottom: 15px;
			padding: 10px;
			width: 100%;
		}
			input[type=date]:focus { border-bottom: 2px solid #e29140; outline: none; }

		input[type=email] {
			border: 0;
			border-bottom: 2px solid #f0f0f0;
			margin-bottom: 15px;
			padding: 10px;
			width: 100%;
		}
			input[type=email]:focus { border-bottom: 2px solid #e29140; outline: none; }

		input[type=password] {
			border: 0;
			border-bottom: 2px solid #f0f0f0;
			margin-bottom: 15px;
			padding: 10px;
			width: 100%;
		}
			input[type=password]:focus { border-bottom: 2px solid #e29140; outline: none; }

		input[type=text] {
			border: 0;
			border-bottom: 2px solid #f0f0f0;
			margin-bottom: 15px;
			padding: 10px;
			width: 100%;
		}
			input[type=text]:focus { border-bottom: 2px solid #e29140; outline: none; }

		select {
			border: 0;
			border-bottom: 2px solid #f0f0f0;
			margin-bottom: 15px;
			padding: 10px;
			width: 100%;
		}
			select:focus { border-bottom: 2px solid #e29140; outline: none; }

/** ID **/
	/** S **/
		#SignUp {}
			#SignUp .top-margin { margin-top: 30px; }

/** Class **/
	/** A **/
		.arrow-down { color: #6d00d9 !important; }

	/** B **/
		.border-blur { box-shadow: 0px 0px 20px 0px rgba(255,255,255,0.75); }

		.bottom-margin { margin-bottom: 20px; }

		.border-style {
			border: 1px solid #eee;
			box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
		}

		.burger-menu-nav {
			list-style: none;
			margin-left: -40px;
			margin-top: 20px;
		}
			.burger-menu-nav li a {
				background: rgba(255,255,255,0.1);
				color: #fff;
				display: block;
				margin-bottom: 1px;
				padding: 10px;
				width: 100%;
			}
				.burger-menu-nav li a:hover {
					background: rgba(15,63,128,1);
					color: #fff;
					text-decoration: none;
				}

	/** C **/
		.custom-container {
			font-family: 'RalewayRegular';
			font-size: 12px;
			height: 800px;
		}

		.custom-5-height { height: 5%; }
		
		.custom-90-height { height: 90%; }

		.custom-95-height { height: 95%; }

	/** E **/
		.error-box {
			background: rgba(255,0,0,1);
			border-radius: 10px;
			color: #fff;
			margin-bottom: 20px;
			padding: 10px;
		}

	/** F **/
		.f-height { height: 100%; }

		.f-padding { padding: 15px; }

		.f-width { width: 100%; }

		.fa-facebook:hover { color: #3b5998; }

		.fa-google-plus:hover { color: #dd4b39; }

		.fa-twitter:hover { color: #00aced; }

		.footer-links {
			font-family: 'RalewayRegular';
			font-size: 12px;
		}
			.footer-links span { margin: 0 10px; }


	/** H **/
		.h-links a {
			color: #fff;
			cursor: pointer;
		}

		.half-fade-black-bg { background: rgba(0,0,0,0.5); }

		.hdiw-container { margin-top: -150px; }
			.hdiw-container h1 {
				color: #fff;
				font-family: 'RalewayRegular';
				font-size: 40px;
				font-weight: bolder;
				letter-spacing: 5px;
				padding: 5px 30px;
			}

		.hdiw-content {
			background: #fff;
			border: 1px solid #ccc;
			padding: 30px;
		}
			.hdiw-content h4 {
				color: #333;
				font-family: 'RalewayRegular';
				font-size: 20px;
				font-weight: bolder;
				letter-spacing: 2px;
				margin-bottom: 20px;
			}
			.hdiw-content p {
				color: #595959;
				font-family: 'RalewayRegular';
				font-size: 16px;
				margin-bottom: 20px;
			}
			.hdiw-content span {
				color: #a9a9a9;
				font-family: 'RalewayRegular';
				font-size: 14px;
			}

		.hdiw-content-2 {
			background: #fff;
			border: 1px solid #ccc;
		}

		.hdiw-content-text {
			color: #a9a9a9;
			font-size: 18px;
			line-height: 30px;
		}

		.hdiw-cpad { padding: 30px; }

		.hdiw-header {
			background: url('../images/hdiw-bg.png');
			background-size: cover;
			height: 400px;
		}

		.hdiw-number {
			color: #333;
			font-size: 80px;
			font-weight: bolder;
			margin-top: -30px;
		}

		.hdiw-right-separator { border-right: 1px solid #eee; }

		.hdiw-step {
			color: #333;
			font-size: 20px;
		}

		.hdiw-title {
			color: #333;
			font-size: 40px;
			letter-spacing: 5px;
		}

	/** L **/
		.login-bg {
			background: url('../images/login-bg.png') center center no-repeat;
			background-size: cover;
		}

		.login-btn {
			background: #6d00d9;
			border: 0;
			border-radius: 2px;
			color: #fff;
			padding: 3px 20px 2px 20px;
		}
			.login-btn:hover { background: #337ab7; }

		.login-btn-2 {
			background: #0059b2;
			border: 0;
			border-radius: 50px;
			color: #fff;
			font-size: 16px;
			padding: 10px 40px;
		}

		.login-form {
			font-family: 'RalewayRegular';
			margin-top: 100px;
		}
			.login-form div div div {
				font-family: 'RalewayRegular';
				font-size: 12px;
				margin-top: 30px;
			}

		.login-form-title {
			color: #7040ff;
			font-size: 30px;
		}

		.login-left {
			color: #fff;
			font-family: 'RalewaySemibold';
			font-size: 50px;
		}
			.login-left p { letter-spacing: 5px; }
			.login-left span {
				background: #6d00d9;
				border-radius: 50px;
				padding: 5px;
			}

	/** M **/
		.m-header {
			background: url('../images/match-bg.png');
			background-size: cover;
		}

		.match-img-1 {
			border-radius: 50%;
			height: 150px;
			left: 44%;
			position: absolute;
			top: 100px;
			width: 150px;
		}

		.match-random {
			color: #fff;
			font-size: 25px;
			height: 400px;
			position: relative;
		}

		.match-random-text {
			font-weight: bold;
		}

		.mp-about-zodiac { margin-top: 20px; }
			.mp-about-zodiac div .desc { margin: 10px 0; }
			.mp-about-zodiac div .title {
				font-size: 16px;
				font-weight: bolder;
				letter-spacing: 3px;
			}

		.mp-body { margin-top: -150px; }

		.mp-copyright {
			background: #aaa;
			color: #fff;
			font-size: 12px;
			margin-top: 20px;
		}

		.mp-daily-horoscope {
			background: #5c26ff;
			color: #fff;
			margin-top: 80px;
		}
			.mp-daily-horoscope div div .content {
				font-size: 18px;
				margin-top: 20px;
			}

			.mp-daily-horoscope div div div .title {
				font-family: 'RalewaySemibold';
				font-size: 16px;
				font-weight: bolder;
				letter-spacing: 2px;
			}

			.mp-daily-horoscope div div div .date {
				font-size: 16px;
				font-style: italic;
				letter-spacing: 2px;
			}

		.mp-header {
			height: 400px;
			position: relative;
		}

		.mp-image { position: absolute; z-index: -1; }

		.mp-menu {
			background: rgba(0,0,0,0.5);
			border-radius: 50px;
			font-size: 16px;
			padding: 10px;
		}
			.mp-menu a {
				color: #fff;
				margin: 0 10px;
			}
				.mp-menu a:hover { color: #0f3f80; }

		.mp-meta { color: #a0a0a0; }
			.mp-meta span {
				color: #666;
				font-family: 'RalewaySemibold';
			}

		.mp-name {
			color: #fff;
			font-family: 'RalewayRegular';
			font-size: 40px;
			font-weight: bolder;
			letter-spacing: 5px;
		}

		.mp-recent-matches { margin-top: 20px; }
			.mp-recent-matches div .title {
				font-size: 16px;
				font-weight: bolder;
				letter-spacing: 3px;
			}
			.mp-recent-matches div .images { margin-top: 20px; }
				.mp-recent-matches div .link {
					margin-top: 20px;
				}
					.mp-recent-matches div div a {
						font-size: 10px;
						font-style: italic;
					}
						.mp-recent-matches div div div img {
							border-radius: 50%;
							height: 200px;
							margin-bottom: 10px;
						}

		.mp-subname {
			color: #fff;
			font-size: 25px;
			font-weight: 400;
			letter-spacing: 5px;
		}

	/** R **/
		.r-margin { margin: 0 !important; }

		.remove-bottom-padding { padding-bottom: 0; }

		.remove-padding { padding: 0; }

		.row { margin: 0; }

	/** S **/
		.social-medias { font-size: 25px; }
			.social-medias a { color: #73ffff; }

		.success-msg {
			background: #00ff00;
			border-radius: 10px;
			color: #000;
			margin-bottom: 20px;
			padding: 10px;
		}


	/** V **/
		.vbottom {
			align-items: flex-end;
			display: flex;
		}

		.vcenter {
			align-items: center;
		    display: flex;
   		}

   	/** W **/
   		.white-bg { background: #fff; }

   	/** Z **/
   		.z-text { color: #797979; }

   		.z-title {
   			font-family: 'RalewaySemibold';
   			font-size: 16px;
   		}

   		.z-title-2 {
   			font-family: 'RalewayRegular';
   			font-size: 16px;
   		}

/** @ **/
	@font-face {
	    font-family: 'RalewaySemibold';
	    src: url('../fonts/raleway-semibold-webfont.woff');
	}

	@font-face {
	    font-family: 'RalewayRegular';
	    src: url('../fonts/raleway-regular-webfont.woff');
	}