/**
	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=number] {
			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; }

		textarea {
			border-radius: 10px;
			margin-bottom: 15px;
			padding: 10px;
			height: 100px;
			width: 100%;
		}

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

/** Class **/
	/** A **/
		.accordion-heading {
			border-bottom: 1px solid #ccc;
			padding: 10px;
		}

		.accordion-inner {
			background: #e5e5e5;
			padding: 15px;
		}
			.accordion-inner .row { padding: 5px; }

		.accordion-group {
			background: #fff;
			margin-bottom: 5px;
		}

		.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 **/
		.edit-tab { margin-top: 80px; }

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

		.ep-title {
			color: #6d00d9;
			font-size: 18px;
		}

	/** 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-1 {
			color: #ccc;
			font-family: 'RalewayBold';
			font-size: 18px;
			right: 250px;
			text-align: center;
			top: 100px;
			position: absolute;
		}
			.m-1 div {
				color: #fff;
				font-family: 'RalewayMedium';
				font-size: 14px;
				margin-top: -5px;
			}
			.m-1 img {
				border: 3px solid #fff;
				border-radius: 50%;
				height: 180px;
				width: 180px;			
			}

		.m-2 {
			color: #ccc;
			font-family: 'RalewayBold';
			font-size: 18px;
			right: -50px;
			text-align: center;
			top: 250px;
			position: absolute;
		}
			.m-2 div {
				color: #fff;
				font-family: 'RalewayMedium';
				font-size: 14px;
				margin-top: -5px;
			}
			.m-2 img {
				border: 3px solid #fff;
				border-radius: 50%;
				height: 100px;
				width: 100px;			
			}

		.m-3 {
			color: #ccc;
			font-family: 'RalewayBold';
			font-size: 18px;
			right: 170px;
			text-align: center;
			top: 400px;
			position: absolute;
		}
			.m-3 div {
				color: #fff;
				font-family: 'RalewayMedium';
				font-size: 14px;
				margin-top: -5px;
			}
			.m-3 img {
				border: 3px solid #fff;
				border-radius: 50%;
				height: 140px;
				width: 140px;			
			}

		.m-4 {
			color: #ccc;
			font-family: 'RalewayBold';
			font-size: 18px;
			left: 280px;
			text-align: center;
			top: 180px;
			position: absolute;
		}
			.m-4 div {
				color: #fff;
				font-family: 'RalewayMedium';
				font-size: 14px;
				margin-top: -5px;
			}
			.m-4 img {
				border: 3px solid #fff;
				border-radius: 50%;
				height: 160px;
				width: 160px;			
			}

		.m-5 {
			color: #ccc;
			font-family: 'RalewayBold';
			font-size: 18px;
			left: 10px;
			text-align: center;
			top: 180px;
			position: absolute;
		}
			.m-5 div {
				color: #fff;
				font-family: 'RalewayMedium';
				font-size: 14px;
				margin-top: -5px;
			}
			.m-5 img {
				border: 3px solid #fff;
				border-radius: 50%;
				height: 80px;
				width: 80px;			
			}

		.m-6 {
			color: #ccc;
			font-family: 'RalewayBold';
			font-size: 18px;
			left: 150px;
			text-align: center;
			top: 400px;
			position: absolute;
		}
			.m-6 div {
				color: #fff;
				font-family: 'RalewayMedium';
				font-size: 14px;
				margin-top: -5px;
			}
			.m-6 img {
				border: 3px solid #fff;
				border-radius: 50%;
				height: 140px;
				width: 140px;			
			}

		.m-l-me { position: relative; }
			.m-l-me .mlme-1 {
				position: absolute;
				text-align: center;
				top: -150px;
				width: 100%;
			}
				.m-l-me .mlme-1 img {
					border: 10px solid #fff;
					border-radius: 50%;
					height: 250px;
					width: 250px
				}

		.m-footer {
			background: url('../images/match-lower.png') bottom;
			background-size: cover;
			color: #fff;
		}

		.m-footer-img-l {
			left: -150px;
			top: 300px;
			position: absolute;
		}

		.m-footer-img-r {
			right: -150px;
			top: 300px;
			position: absolute;
		}

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

		.m-lines {
			position: absolute;
			text-align: center;
			top: 150px;
			width: 100%;
		}

		.m-me {
			position: absolute;
			text-align: center;
			top: 250px;
			width: 100%;
		}

		.m-or {
			color: #fff;
			font-size: 16px;
			position: absolute;
			text-align: center;
			top: 600px;
			width: 100%;
		}
			.m-or div:nth-child(1) { letter-spacing: 3px; }
			.m-or div:nth-child(2) {
				font-family: 'RalewayBold';
				letter-spacing: 3px;
				margin-top: 10px;
			}
			.m-or div:nth-child(3) { margin-top: 10px; }

		.m-rate {
			margin-left: 30px;
			margin-top: -100px;
		}
			.m-rate span {
				color: #000;
				font-family: 'RalewaySemibold';
				font-size: 12px;
				letter-spacing: 3px;
			}

		.m-rate-1 {
			border: 2px solid #ccc;
			border-radius: 50px;
			margin-top: 10px;
			padding: 2px;
			position: relative;
		}

		.m-rate-2 {
			background: #5c26ff;
			border-radius: 50px;
			color: #fff;
			font-family: 'RalewaySemibold';
			font-size: 16px;
			font-style: italic;
			letter-spacing: 5px;
			padding: 5px 5px 5px 20px;
		}

		.m-single {
			background: #fff;
			border-radius: 50px;
		}
			.m-single div:nth-child(2) div { color: #000; }
				.m-single div:nth-child(2) div div {
					font-family: 'RalewayMedium';
					font-size: 20px;
					margin-top: -10px;
				}
				.m-single div:nth-child(2) div .mp-interests { margin-top: 50px; }
					.m-single div:nth-child(2) div .mp-interests div { margin-top: 1px; }
				.m-single div:nth-child(2) div h2 {
					font-family: 'RalewayBold';
					font-size: 40px;
				}				
				.m-single div:nth-child(2) div p {
					font-size: 16px;
					margin-top: 50px;
				}

		.m-single-left img { border-radius: 50px 0 0 50px; }
		.m-single-left a {
			bottom: 20px;
			left: 20px;
			position: absolute;
		}

		.m-single-top {
			font-family: 'RalewayMedium';
			font-size: 10px;
			letter-spacing: 3px;
			margin-bottom: 10px;
			text-align: center;
			text-transform: uppercase;
		}

		.m-vp { z-index: 1; }

		.m-ypm {
			color: #fff;
			font-family: 'RalewayBold';
			font-size: 25px;
			letter-spacing: 3px;
			margin-top: 20px;
		}

		.match-img-1 {
			border: 5px solid #fff;
			border-radius: 50%;
			height: 200px;
			width: 200px;
		}

		.match-random { position: relative; }

		.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-copyright div div {
				float: left;
				margin: 0 10px 10px 0;
			}

		.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-interests { color: #337ab7; }
			.mp-interests div {
				border: 1px solid #337ab7;
				border-radius: 50px;
				float: left;
				margin: 0 5px 5px 0;
				padding: 5px 10px;
			}

		.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 h5 {
				background: #337ab7;
				border-radius: 10px;
				color: #fff;
				margin: 0;
				margin-top: 10px;
				padding: 5px;
			}
			.mp-meta div {
				background: #eee;
				color: #999;
				font-family: 'RalewaySemibold';
				margin: auto;
				width: 90%;
			}

		.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;
		}

		.success-text { color: #337ab7; }


	/** 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: 'RalewayBold';
	    src: url('../fonts/Raleway-Bold.ttf');
	}

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

	@font-face {
	    font-family: 'RalewayMedium';
	    src: url('../fonts/Raleway-Medium.ttf');
	}

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