body {
	margin: 0px;
	padding: 0px;
    background: #fff;
}
p {
    font-size: 16px;
    line-height: 25px;
	text-align: justify;
}
/* customizable snowflake styling */
.snowflake {
    color: #fff;
    font-size: 1em;
    font-family: Arial;
    text-shadow: 0 0 1px #000;
}
 @-webkit-keyframes snowflakes-fall {
0% {
top:-10%
}
100% {
top:100%
}
}
@-webkit-keyframes snowflakes-shake {
0% {
-webkit-transform:translateX(0px);
transform:translateX(0px)
}
50% {
-webkit-transform:translateX(80px);
transform:translateX(80px);
opacity: 1;	
}

100% {
-webkit-transform:translateX(0px);
transform:translateX(0px);
opacity: 0;	
}
}
@keyframes snowflakes-fall {
0% {
top:-10%
}
	
100% {
top:100%;
opacity: 0.5;	
}
}
@keyframes snowflakes-shake {
0% {
transform:translateX(0px) rotateX(0deg);
}
50% {
transform:translateX(80px) rotateY(50deg);
}
100% {
transform:translateX(0px);
display: none;	
}
}

.snowflake {
    position: absolute;
    top: -50%;
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    -webkit-animation-name: snowflakes-fall, snowflakes-shake;
    -webkit-animation-duration: 10s, 3s;
    -webkit-animation-timing-function: linear, ease-in-out;
    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-play-state: running, running;
    animation-name: snowflakes-fall, snowflakes-shake;
    animation-duration: 10s, 3s;
    animation-timing-function: linear, ease-in-out;
    animation-iteration-count: infinite, infinite;
    animation-play-state: running, running
}
.snowflake:nth-of-type(0) {
    left: 20%;
    -webkit-animation-delay: 0s, 0s;
    animation-delay: 0s, 0s
}
.snowflake:nth-of-type(1) {
    left: 25%;
    -webkit-animation-delay: 1s, 1s;
    animation-delay: 1s, 1s
}
.snowflake:nth-of-type(2) {
    left: 25%;
    -webkit-animation-delay: 6s, .5s;
    animation-delay: 6s, .5s
}
.snowflake:nth-of-type(3) {
    left: 30%;
    -webkit-animation-delay: 4s, 2s;
    animation-delay: 4s, 2s
}
.snowflake:nth-of-type(4) {
    left: 40%;
    -webkit-animation-delay: 2s, 2s;
    animation-delay: 2s, 2s
}
.snowflake:nth-of-type(5) {
    left: 45%;
    -webkit-animation-delay: 8s, 3s;
    animation-delay: 8s, 3s
}
.snowflake:nth-of-type(6) {
    left: 50%;
    -webkit-animation-delay: 6s, 2s;
    animation-delay: 6s, 2s
}
.snowflake:nth-of-type(7) {
    left: 55%;
    -webkit-animation-delay: 2.5s, 1s;
    animation-delay: 2.5s, 1s
}
.snowflake:nth-of-type(8) {
    left: 60%;
    -webkit-animation-delay: 1s, 0s;
    animation-delay: 1s, 0s
}
.snowflake:nth-of-type(9) {
    left: 78%;
    -webkit-animation-delay: 3s, 1.5s;
    animation-delay: 3s, 1.5s
}
.snowflake:nth-of-type(10) {
    left: 44%;
    -webkit-animation-delay: 4s, 1s;
    animation-delay: 4s, 1.5s
}	
.snowflake:nth-of-type(11) {
    left: 75%;
    -webkit-animation-delay: 6s, 1.5s;
    animation-delay: 6s, 1.5s
}	
.snowflake:nth-of-type(12) {
    left:64%;
    -webkit-animation-delay: 7s, 1.5s;
    animation-delay: 7s, 1.5s
}
.snowflake:nth-of-type(13) {
    left:30%;
    -webkit-animation-delay: 5s, 1.5s;
    animation-delay: 5s, 1.5s
}
.snowflake:nth-of-type(14) {
    left:15%;
    -webkit-animation-delay: 7s, 1.5s;
    animation-delay: 7s, 1.5s
}
.snowflake:nth-of-type(15) {
    left:22%;
    -webkit-animation-delay: 8s, 1.5s;
    animation-delay: 8s, 1.5s
}	
		
/* Demo Purpose Only*/
.demo {
    font-family: 'Raleway', sans-serif;
    color: #fff;
    display: block;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
}
.demo a {
    font-family: 'Raleway', sans-serif;
    color: #000;
}
	.swami-neelkanth{
		position: absolute;
		top: 15vh;
		left: 0px;
		right: 0px;
		margin: 0 auto;
	}	
.animatin-area {
    height: 100vh;
    overflow: hidden;
    position: relative;
    background: url(../images/bg.jpg);
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.photos img {
	width: 100%;
	overflow: hidden;
}
.heading {
    text-align: center;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -25vh;
    z-index: 9;
}
.container {
    position: relative;
}
.menu {
    background: #ffa61b;
    border-top: solid 5px #ffd28c;
    border-bottom: solid 5px #ffd28c;
    text-align: center;
    position: sticky;
    top: 0px;
    z-index: 999;
}
.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    width: 590px;
    margin: 0 auto;
    text-align: center;
}	
	.nav li a{
		color: #fff;
	}	
/*.navbar-center {
    width: 600px;
    margin: 0 auto;
}*/
.navbar a {
    color: #fff;
    padding: 0px 50px;
    text-shadow: 1px 1px 1px #c37f13;
	font-size: 20px;
}
.navbar a:hover {
    color: #f9ff00;
}
.navbar-nav .nav-link {
    padding: 0px 15px !important;
	text-align: left;
}
.navbar a:hover{
	text-decoration: none;
}
.navbar-toggler i {
    color: #fff;
}
.navbar-toggler:focus {
    border: none;
	box-shadow: none;
	outline: none;
}
.dropdown-menu {
    color: #fff;
    background-color: #ffa61b;
	border: none;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #ffa61b;
}
.grey-bg{
	
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 1%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
.box-bg{
	background: #fff;
}

/*====================Scroller==========================*/

#wrapper {
  margin: 0 auto;
}

.newstape {
  color: #000;
  height: 250px;
  overflow: hidden;
}

.newstape-content {
  position: relative;
}

.newstape-drag { cursor: ns-resize; }
li.news-block {
    list-style:none;
    margin-bottom:20px;
    line-height:35px;
    background:#fffaf2;
    padding:10px;
    margin-left:0px;
}
.neelkant_bg{
	background: url(../images/bg-swamineelkanth.png);
	background-position: center center;
	background-repeat: no-repeat;
}
.photos{
	width: 100%;
	height: auto;
	border: solid 1px #ccc;
}
a, a:hover {
    color: #ff9c01;
    text-decoration: none;
}
footer i{
	color: #ff9c01 !important;
	font-size: 22px !important;
}
.footer {
    background: url(../images/footer-bg.png);
    background-position: top;
    background-repeat: no-repeat;
    min-height: 0;
    margin-top: 50px;
    padding-top: 45px;
}
footer  h2, footer  p{
	color: #fff;
	text-align: center;
}
.footer-bottom{
	background: #161616;
	padding-bottom: 10px;
}
.npad{
	padding: 0px !important;
}
.navbar {
    width: 100% !important;
}
.kalam{
    position: absolute;
    top: 10px;
    opacity: 0.8;
    right: 20vw;
}
/*====================Scroller==========================*/
@media (max-width:1400px) {
    .swami-neelkanth {
        top: 3vh;
    }
    .heading {
    top: -16vh;
    }
}
@media (max-width:767px){
.snowflake img {
    width: 42px !important;
}	
.kalam{
   right: 1vw;
}
.swami-neelkanth {
    max-width: 320px;
}
 li.nav-item {
    border-bottom: solid 1px rgba(255, 255, 255, 0.23);
    padding: 9px 0px;
}
.heading {
    top: -16vh;
}	
.navbar {
    width: 100% !important;
}
.snowflake img {
    width: 42px !important;
}

.navbar a {
    padding: 0px !important;
}	
}

.website-logo {
    display: inline-block;
    position: absolute;
    z-index: 1000;
    top: 50px;
    left: 50px;
    right: initial;
    bottom: initial;
}
.form-holder {
    margin-left: 45vw;
}
.form-holder .form-content {
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px;
    min-height: 100vh;
}		
.img-holder {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 45vw;
    min-height: 100vh;
    min-height: 100vh;
    overflow: hidden;
    background-color: #000000;
    padding: 60px;
    text-align: center;
    z-index: 999;
}
.img-holder .bg {
    position: absolute;
    opacity: 0.9;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(/client/images/swami-neelkanth.png);
	background-size: 50%;
    background-repeat: no-repeat;
	background-color: #ffa61b;
    background-position: center;
    z-index: -1;
}

.form-content .page-links {
    margin-bottom: 34px;
}
.form-content .page-links a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #ff9c01;
    font-weight: 300;
    font-size: 15px;
    margin-right: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.form-content form {
    margin-bottom: 58px;
}
.form-content .form-items {
    min-width: 400px;
    text-align: left;
}
.form-content .page-links a.active:after {
    background-color: #ff9c01;
}	
.form-content .page-links a:after {
    background-color: #ccc;
}		
.form-content .page-links a:hover:after, .form-content .page-links a:focus:after {
    background-color: #ff9c01;
}	
		
.form-content .page-links a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -10px;
    background-color: #ccc;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}		
.form-content .form-button .ibtn {
    border-radius: 6px;
    border-radius: 0;
    padding: 6px 28px;
    background-color: #fff;
    color: #ff9c01;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    margin-right: 10px;
    outline: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.16);
	border: solid 1px #ff9c01;
}		
.form-items .form-control {
    margin-bottom: 15px;
    border-radius: 0;
}		
		
.form-content {
    margin-left: 8vw;
}		
.logo a {
    color: #fff;
}	
@media(max-width:1024px){
	.form-holder{
		margin-left: 0px;
	}
	.img-holder{
		display: none;
	}
	.form-content .form-items {
    max-width: 400px;
    text-align: left;
}
}