/*!
 * Login page
 */
@import url('https://fonts.googleapis.com/css?family=Montserrat+Alternates');
/*font-family: 'Montserrat Alternates', sans-serif;*/

html { 
  
}
/* html {  */
  /* background: url(../images/main-bg.svg) no-repeat center center fixed;  */
  /* -webkit-background-size: cover; */
  /* -moz-background-size: cover; */
  /* -o-background-size: cover; */
  /* background-size: cover; */
  /* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/main-bg.svg', sizingMethod='scale'); */
/* -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/main-bg.svg', sizingMethod='scale')"; */
/* } */
#lbg{
    
  background: url(../images/bg.svg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg.svg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg.svg', sizingMethod='scale')";
}

body {
  margin: 0;
  padding:0;
  font-family: 'Montserrat Alternates', sans-serif;
  overflow:hidden;
}
.no-float {
	float:none; 
	margin-left:auto; 
	margin-right:auto;
	}
.padd-bt { padding-bottom:20px;}

/*================================= logo */
.logo {
	margin-left:auto; 
	margin-right:auto; 
	text-align:center; 
	margin-top:3%;
	}
.logo img { 
	margin-right:auto;
	 margin-left:auto;
	 }
/*================================= baloons */
.ballons { 
	margin-left:auto; 
	margin-right:auto; 
	text-align:center;
	}
.ballons img { 
	display:inline-block;
	}
	
.ballons img:nth-child(1) { margin-left: -90px;}
.ballons img:nth-child(2) { margin-bottom: -300px;}
.ballons img:nth-child(3) { margin-right: -65px;}

.ballons2 { margin-top: -350px;}
.ballons2 img:nth-child(1) {     
	margin-left: -115px;
    z-index: -1;
	}
.ballons2 img:nth-child(2) {    
	margin-right: -140px;
    margin-top: -70px;
	z-index: -1;
	}
/*================================= login  */
.login-bg { 
	background-color:#FCE885;
	padding: 30px 30px;
    border-radius: 10px;
	margin-top: -120px;
	z-index:1;	
	}
	
.login-form { 
	border:3px dashed #e05629; 
	text-align:center; 
	overflow:auto; 
	border-radius: 10px;   
	padding: 20px;
	}

.flogin-hdn {}

.flogin-hdn h1 { 
	border-bottom:3px dashed #e05629; 
	padding-bottom:30px;
	font-size: 3.6em;
	margin-bottom:30px;
	color:#5B2D20;
	font-weight: normal;
	}

.stars { 
	margin-left:auto; 
	margin-right:auto;
	margin-top:15px;
	margin-bottom:15px;
	}


	
.login-bg{	
	-webkit-box-shadow: 0px 5px 1px 0px rgba(0,0,0,0.22);
	-moz-box-shadow: 0px 5px 1px 0px rgba(0,0,0,0.22);
	box-shadow: 0px 5px 1px 0px rgba(0,0,0,0.22);}
	
.login-form .form-horizontal input{    
	height: 50px;
    background-color: #45AA40;
    color: #fff;
    letter-spacing: 1px;
	font-size:1.3em;
	margin: 12px 0px
	}
	
.login-form .form-horizontal input::-webkit-input-placeholder {
   color: #fff;
}

.login-form .form-horizontal input:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

.login-form .form-horizontal input::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

.login-form .form-horizontal input:-ms-input-placeholder {  
   color: #fff;  
}

.login-form .form-horizontal button { z-index:5;}

.btn-dgreen {
	/*background-color: #36863F;*/
    color: #fff;
    width: 150px;
    height: auto;
    font-size: 1.3em;
    padding: 10px 0px;
    margin: 15px 0px 20px;
	z-index:5;
	}
	
/*.btn-dgreen:hover { background-color:#ED8D19; color:#fff;} */

.bottom-bg {     
    background-color: #FCE885;
    height: 100px;
    /*border-radius: 100%;*/
	-webkit-border-radius:9999px;
    margin-top: -50px;
    z-index: -1;
	}

/*================================= baby & Squrell */
.squ-baby {
	/*margin-top: -180px;*/
    z-index: 1;
	}
	
.squrell {}

.baby {
	margin-top: -80px;
    margin-right: 120px;}
	
.login-form .form-horizontal button:last-child { margin-left:15px;}
	.login-form .form-horizontal button:first-child { margin-right:15px;}
	
/*================================= Media queries */	

@media (min-width: 280px) { 
	/*.ballons2 img:nth-child(2) {
	display:none;
	}	
	.ballons2 img:nth-child(1) {
	display:none;
	}*/
	.ballons img:nth-child(3), .ballons img:nth-child(1) {
    margin-right: 0px;
	margin-left:0px
	}
	.baby {
    margin-top: 60px;
    margin-right: -10px;
    width: 150px;
	}
	.squrell {
    width: 60px;
    margin-top: 80px;
	}
	.ballons img, .ballons2 img { width: 60px;}
	
	.login-bg {
	padding: 20px 10px;
    border-radius: 10px;
    margin-top: -60px;
	}
	.flogin-hdn h1 {
    border-bottom: 2px dashed #e05629;
    padding-bottom: 20px;
    font-size: 2.5em;
    margin-bottom: 10px;
	}
	.login-form {
    border: 2px dashed #e05629;
    padding: 5px;
	}
	

}

@media (min-width: 480px) { 
	.ballons img, .ballons2 img { width: 90px;}
	.baby {
    margin-top: -0px;
        margin-right: 0px;
    width: 250px;
	}
	.squrell {
    width: 120px;
    margin-top: 40px;
	}
	.ballons2 img:nth-child(2) {
    /*margin-right: -110px;
    margin-top: -0px;*/
	/*display:none;*/
	}	
	.ballons2 img:nth-child(1) {
    /*margin-left: -45px;*/
	/*display:none;*/
	}
	.ballons img:nth-child(1) {
    margin-left: -20px;
	}
	.login-bg {
    padding: 30px 30px;
    border-radius: 10px;
    margin-top: -120px;
	}
	.flogin-hdn h1 {
    border-bottom: 3px dashed #e05629;
    padding-bottom: 30px;
    font-size: 3.6em;
    margin-bottom: 30px;
    color: #5B2D20;
    font-weight: normal;
	}
	.login-form {
    border: 3px dashed #e05629;
    text-align: center;
    overflow: auto;
    border-radius: 10px;
    padding: 20px;
	}
	
	 
}

@media (min-width: 768px) {
	.baby {
        margin-right: 20px;
	}
	.ballons2 img:nth-child(2) {
    margin-right: -10px;
	/*display:inherit;*/
	}
	.ballons2 img:nth-child(1) {
    margin-left: -5px;
	/*display:inherit;*/
	}
	.ballons img:nth-child(3) {
    margin-right: -10px;
	}
	.ballons img:nth-child(1) {
    margin-left: -20px;
	}
	.ballons img, .ballons2 img { width: auto;}
	.squrell {
    width: auto;
    margin-top: -170px;
	}
	.baby {
	margin-top: -80px;
    }
	
 }

@media (min-width: 992px)  { 
	.baby {
    margin-right: 80px;
	}
	.ballons2 img:nth-child(2) {
    margin-right: -150px;
	}
	.ballons2 img:nth-child(1) {
    margin-left: -150px;
	}
}

@media (min-width: 1200px) { 
	.baby {
    margin-right: 150px;
    margin-top: -240px;
    width: 320px;
	}
	.ballons2 img:nth-child(2) {
    margin-right: -110px;
	}
	.ballons2 img:nth-child(1) {
    margin-left: -120px;
	}
}

@media (max-height: 920px) {
	.ballons img, .ballons2 img {
   		width: 80px;
	}
	.login-bg {
		padding: 20px 20px;
		border-radius: 10px;
		margin-top: -120px;
	}
	.ballons img:nth-child(2) {
   		margin-bottom: -200px;
	}
	.login-form {
    padding: 0px;
	}
	.stars {
    margin-top: 10px;
    margin-bottom: 10px;
	}
	.flogin-hdn h1 {
    padding-bottom: 15px;
    font-size: 3em;
    margin-bottom: 15px;    
    margin-top: 0px;
	}
	.login-bg .form-horizontal .form-group { margin-bottom:0px;}
	.baby {
    width: 250px;
	margin-top: -180px;
	}
	.squrell {
    width: 120px;
    margin-top: -170px;
	}
}


@media (max-height: 662px) {
	.ballons img, .ballons2 img { width: 60px;}
	.login-bg {
		padding: 15px 15px;
		border-radius: 10px;
		margin-top: 0px;
	}
	.login-form {
		border: 2px dashed #e05629;
		padding: 2px;
	}
	.stars {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 50px;
	}
	.logo img {
    width: 250px;
	}
	.flogin-hdn h1 {
		border-bottom: 2px dashed #e05629;
		padding-bottom: 10px;
		font-size: 2.2em;
		margin-bottom: 10px;
		margin-top: 0;
	}
	.login-form .form-horizontal input {
		height: 45px;
		font-size: 1em;
		margin: 5px 0px;
	}
	.btn-dgreen  {
		font-size: 1em;
		margin: 5px;
	}
	.bottom-bg {
		background-color: #FCE885;
		height: 50px;
		/*border-radius: 100%;*/
		margin-top: -35px;
		z-index: -1;
	}
	.baby {
    margin-top: -150px;
    width: 200px;
    position: relative;
    z-index: 1;
	}
	.squrell {
		margin-top: -90px;
		width: 90px;
	}
	.login-bg .form-horizontal .form-group { margin-bottom:8px;}
	.ballons2 img:nth-child(1) {
		margin-left: 40px;
		margin-top: 90px;
	}
	.ballons img:nth-child(1) {  margin-left: -5px; }
	.ballons img:nth-child(3) {
		margin-right: 5px;
		margin-top: 0px;
	}
	.ballons img:nth-child(2) {  margin-bottom: 10px; }
	.ballons2 img:nth-child(2) {
		margin-right: 40px;
		margin-top: 70px;
	}
}
	
@media (max-height: 661px) {
	.login-bg { margin-top:10px;}
	.login-form .form-horizontal button {
		 font-size:1em;
		 margin-top: 10px;	
	}
	 .login-form {border-width: 1px;}
	.login-form .form-horizontal input {
		height: 40px;
		font-size: 1em;
		margin: 10px 0px -10px;
	}
	.login-form .form-horizontal button:last-child { margin: 5px 0px;}
	.login-form .form-horizontal button:first-child { margin:5px 0px;}
	.flogin-hdn h1 {
		margin-top: 0px;
		margin-bottom: 0px;
		padding-bottom: 5px;
		font-size: 2em;
		border-width: 1px;
	}
	.stars {
		margin-top: 0px;
		margin-bottom: 0px;
		width: 50px;
	}
	.login-bg .form-horizontal .form-group { margin-bottom:10px;}
	.ballons img, .ballons2 img, .baby, .squrell { display:none;}
}
@media (min-height: 921px) {
	.baby {
    margin-top: -240px;margin-right: 80px;	}
}

	
/* for hover effect ofr buttons */
.btn-dgreen {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.btn-dgreen:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #36863F;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn-dgreen:hover, .btn-dgreen:focus, .btn-dgreen:active {
  color: white;
}
.btn-dgreen:hover:before, .btn-dgreen:focus:before, .btn-dgreen:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}


/*============================================animate */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
  -webkit-animation-delay:.5s;
  -moz-animation-delay:.5s;
  -o-animation-delay:.5s;
  animation-delay:.5s;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
/*================================================================================*/
/*================================================================================*/
/*===============================	User Registration page	======================*/				
/*================================================================================*/

.register-bg {
	/*background-color:rgba(252,232,133,  0.8);*/
	overflow:auto;
}
/* .register-bg .form-group { overflow:auto;} */

.mrg-register { margin-top:8%;}
/* @media (min-width: 280px) {.mrg-register { margin-top:0%;}} */
@media (min-height: 1200px) {.mrg-register { margin-top:10%;}}
@media (max-height: 992px){.mrg-register { margin-top:10%;}}
@media (max-height: 768px) {.mrg-register { margin-top:0%;}}
@media (max-height: 480px){.mrg-register { margin-top:0%;}}



/* @media (max-height: 600px)  {.btn-res { font-size: 0.7em;} } */