body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.5;
	color: #777777;
	background: url(../img/Horoscope.jpg) no-repeat center center fixed;
	background-size: cover;
	-webkit-font-smoothing: antialiased;
}
/*---------- Normal Css Start -------*/
a {
/*	color: #777777;*/
	color: #F9C825;
	text-decoration: none;
	cursor:pointer;
	-webkit-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
}
a:hover, a:focus {
/*	color: #535465;*/
	color: #F0F0F0;
	text-decoration: none;
}
a:focus {
	outline: none;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Philosopher', sans-serif;
	font-weight: 600;
	line-height: 1.1;
	color: #333333;
}
img {
	max-width: 100%;
}
input, textarea, select, button {
	outline: none;
	box-shadow:none;
}
input:focus, textarea:focus, select:focus, button:focus {
	outline: none;
	box-shadow:none;
}
/*-------------------------------------------------------------------------------*/
.slider_wrapper{
	float: left;
  width: 100%;
  position: relative;
/*	background-color:#111111;*/
	z-index:1;
/*	background-image:linear-gradient(rgba(0,0,0,0.4) , rgba(0,0,0,0.4)) , url(../img/Horoscope.jpg);*/

/*	background-image: url(../img/Horoscope.jpg);*/
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;


}
.banner_text{
	float:left;
	width:100%;
	text-align:center;
	color:#fff;
	position:relative;
  overflow: hidden;
	padding:150px 0px;
}
.bannertext_wrapper{
	float:left;
	width:100%;
}
.bannertext_wrapper h1{
	float:left;
	width:100%;
	text-transform:capitalize;
	margin:10rem 0rem 3rem 0rem;
	font-family: 'Philosopher', sans-serif;
  font-size: 60px;
	color:#ffffff;
	font-weight:400;
}

.footer_wrapper{
	float: left;
	width: 100%;
	background-color: #222222;
	position: fixed;
	bottom: 0;
	z-index: -1;
}
/* ------------------------------------------------------------------------------------------------------------------------------ */
.starfield {
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  height: 100vh;
  display: block;
  overflow: hidden;
  z-index: -1;
  pointer-events: none;
}
.starfield > * {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  background-image: -webkit-radial-gradient(2px 2px at 40px 60px, #cccccc, rgba(0, 0, 0, 0)), -webkit-radial-gradient(2px 2px at 20px 50px, #dddddd, rgba(0, 0, 0, 0)), -webkit-radial-gradient(2px 2px at 30px 100px, #eeeeee, rgba(0, 0, 0, 0)), -webkit-radial-gradient(2px 2px at 40px 60px, #ffffff, rgba(0, 0, 0, 0)), -webkit-radial-gradient(2px 2px at 110px 90px, #cccccc, rgba(0, 0, 0, 0)), -webkit-radial-gradient(2px 2px at 190px 150px, #dddddd, rgba(0, 0, 0, 0));
  background-image: radial-gradient(2px 2px at 40px 60px, #cccccc, rgba(0, 0, 0, 0)), radial-gradient(2px 2px at 20px 50px, #dddddd, rgba(0, 0, 0, 0)), radial-gradient(2px 2px at 30px 100px, #eeeeee, rgba(0, 0, 0, 0)), radial-gradient(2px 2px at 40px 60px, #ffffff, rgba(0, 0, 0, 0)), radial-gradient(2px 2px at 110px 90px, #cccccc, rgba(0, 0, 0, 0)), radial-gradient(2px 2px at 190px 150px, #dddddd, rgba(0, 0, 0, 0));
  background-repeat: repeat;
  background-size: 200px 200px;
  -webkit-animation-name: starfieldRotate;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}
.starfield > *:nth-child(1) {
  -webkit-animation-duration: 18s;
}
.starfield > *:nth-child(2) {
  -webkit-animation-duration: 22s;
}
.starfield > *:nth-child(3) {
  -webkit-animation-duration: 36s;
}
.starfield > *:nth-child(4) {
  -webkit-animation-duration: 40s;
}
@-webkit-keyframes starfieldRotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}