@font-face 
{
		font-family: Graphik;
		src: url('../../fonts/Graphik-Regular-Web.eot') format('embedded-opentype'),
		url( '../../fonts/Graphik-Regular-Web.ttf' ) format('truetype'),
		url( '../../fonts/Graphik-Regular-Web.ttf' ) format('truetype'),
		url('../../fonts/Graphik-Regular-Web.woff2') format('woff2'), 
		url('../../fonts/Graphik-Regular-Web.woff') format('woff'), 
		url('../../whitneybook.svg#Graphik-Regular-Web') format('svg'); 
} 

.login-signup-con-fluid
{
		background-color: #e9f6fa;
		padding-left:0;padding-right:0;
		background-image: url(../../images/login_page2.png);  
		background-position: center;  
	    background-size: cover;
	    /* min-width: 100%;*/
		min-height: 100%;  
} 
.login-signup
{
		/* margin-top: 70px; 
		 margin-bottom: 70px; */
		padding-left:0;
		padding-right:0;
		/*height: calc(100vh - 65px);*/
		
} 
.login-signup-page
{
	margin-top:70px; 
	margin-bottom: 70px;
}

.login-signup input:-webkit-autofill,
.login-signup  input:-webkit-autofill:hover,
.login-signup  input:-webkit-autofill:focus,
.login-signup  input:-webkit-autofill:active 
{
	transition: background-color 5000s ease-in-out 0s;
	background-color: #fff !important;
    background-clip: content-box !important;
}
.login-signup input 
{
  filter: none;
}
.login-signup   .login-box-shadow
{
		background:#fff;
		padding: 0px;
		box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
		-o-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
		-ms-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
}
.login-signup .row
{
		margin-left:-15px !important;
		margin-right:-15px !important;
} 
.login-signup-nopadd
{
		padding-left:0;
		padding-right:0;
}
.login-signup-l
{
		padding-left:0;
		padding-right:15px;
}
.login-signup-r
{
		padding-left:15px;
		padding-right:0;
} 
.login-signup  .btn,
.login-signup  h1,
.login-signup  h2,
.login-signup h3,
.login-signup h4,
.login-signup h5,
.login-signup h6 
{
		font-family:Graphik,Helvetica,helvetica,arial,sans-serif; 
}
.login-signup a.dash-anchor
{
		color: #20a7d6;
		font-size: 14px;
		cursor: pointer;
		text-decoration: none;
}

.login-signup   a.dash-anchor:hover
{
		color: #000;
		text-decoration: none;
}
.login-signup  label
{
		font-weight: normal;
		margin-bottom: 8px;
		text-align: left;
		font-size: 14px;
		color: #1C232B;
		margin-top: 0;
}
.login-signup  label span
{
		padding-left: 5px;
		color: #FF0000;
		font-weight: normal;
} 
.login-signup  .form-control
{ 
		border:1px solid rgba(128, 128, 128, 0.16862745098039217) !important;
		-webkit-box-shadow: none;
		box-shadow: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		border-radius: 0;
		font-size:14px;
		color: #39364f;
		padding: 6px 12px;
}
.login-signup  .form-control:focus, 
.new-dash-table .form-control:active 
{
		border-color: #20a7d6 !important;
		outline: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
} 
.login-signup  .err-msg 
{
		color: rgba(255, 0, 0, 0.7490196078431373);
		font-size: 12px;
		display: block;
}
.login-signup    input[type="text"], 
input[type="password"],
input[type="date"],
input[type="email"], 
input[type="time"] 
{
		height: 36px;
		border-top-width: 1px;
		border-style: solid;
}  
.login-signup .modal-size
{
		width:800px;
		margin: 50px auto;
}
.login-signup .modal-box-content
{
		border-radius:0;margin-top: -9px;border: none;
}
.login-signup   .modal-box-header
{ 
		border-bottom: none;min-height: inherit;
		padding: 0px;
} 
.login-signup  .close-box
{ 
		position: absolute;
		right: -18px;
		top: -18px;
		z-index: 999;
		color: #fff;
		opacity: .5;
		background: black;
		width: 25px;
		height: 25px;
		border-radius: 50%;
		font-weight: normal;
		text-align: center;
		border: 2px solid #fff;
}
.login-signup   .login-box
{
		background:#fff;
		padding: 0px;
		box-shadow:none;
}
.login-signup .login-box-inner
{
		padding:30px;
}
.login-signup .login-signup-body
{
		padding: 0px;
} 
.login-signup .login-signup-body-page
{
		padding: 15px 100px;
} 
 /*new css start for animated textbox*/ 
.login-signup .login-signup-body    .anim-text-lbl
 {
		position: absolute;
		top: 0;
		padding: 0 0px; 
		margin: 8px 12px; 
		-webkit-transition: top .2s ease-in-out, 
		font-size .2s ease-in-out;
		transition: top .2s ease-in-out, 
		font-size .2s ease-in-out;
		background:#fff;z-index: 99;
}
.login-signup .login-signup-body .active 
{
  top: -18px; 
} 
.login-signup .login-signup-body  .custom-fgroup
{
	margin-bottom:25px;
}  
.login-signup .login-signup-body  .forget-reset-img img.forget-qust
{
	width: 200px;max-width: 100%;
	margin-top:50px;
}

 /*new css start for animated textbox*/
.login-signup .login-signup-body  .heading-note-box
{
		margin-bottom:20px;
} 
.login-signup  .login-signup-body  .heading-note-box   p.note-p
 {
		color:#5c5c5c;
		font-size: 14px;
		margin-top: 0;
		margin-bottom: 0px; 
}
.login-signup  .login-signup-body  h3.log-sign-head
 {
		color: #1C232B;
		font-size: 21px;
		margin-top: 0;
		margin-bottom: 0px;
		text-align: center;
		font-weight: normal;
 } 
.login-signup  .btn-login
{ 
		padding: 5px 12px;
		font-size: 15px;
		font-weight: normal;
		text-transform: capitalize;
		height: auto;
		width: 100%; 
		background-color: #25a9d7;
		border: 1px solid #25a9d7;
		color: #fff;
		text-align: center;
		margin-bottom: 0px;
		overflow-wrap: break-word; 
		/* white-space: normal; */
		border-radius: 0px; 
		cursor: pointer;
		text-decoration: none; 
		margin-right: 0;
		position:relative; 
		
} 
.login-signup .btn-login:hover,
.login-signup .btn-login:focus,
.login-signup .btn-login:active 
{ 
		background-color:#4fbadf;
		border: 1px solid #4fbadf;
		outline:0;
		box-shadow: none;
		color:#fff;
} 

.login-signup .btn-login-social
{
		color: #fff; 
		margin-bottom: 15px;
		-webkit-box-shadow: 0 8px 6px -6px black;
		-moz-box-shadow: 0 8px 6px -6px black;
		box-shadow: 0 8px 6px -6px black;
		width: 80%;
}
.login-signup .btn-login-social:hover,
.login-signup .btn-login-social:focus,
.login-signup .btn-login-social:active 
{ 
		background-color: #f9f9f7;
		border: 1px solid  rgba(0, 0, 0, 0.15);
		color: #fff;`
		outline:0;  
		-webkit-box-shadow: 0 8px 6px -6px black;
		-moz-box-shadow: 0 8px 6px -6px black;
		box-shadow: 0 8px 6px -6px black;
		
}
.login-signup .btn-login-social:last-child
{ 
		margin-bottom: 0px;
}

.login-signup .btn-login-social:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: rgba(255,255,255,0.4);
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
}
.login-signup .btn-login-social:hover:after {
  width: 120%;
  background-color: rgba(255,255,255,0);
  
	-webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
	        transition: all 0.4s ease-in-out;
}

.login-signup .btn-login-social span  
{ 
	margin-right:10px;
}
.login-signup .btn-login-social span i.fa
{ 
	font-size: 15px;
    font-weight: normal;
	position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    line-height: 34px; 
    text-align: center;
    border-right: 1px solid rgba(0,0,0,0.2);
}
.login-signup .btn-login-fb
{
		border: 1px solid #32508e;
		background-color: #32508e; 
		
}
.login-signup .btn-login-fb:hover,
.login-signup .btn-login-fb:focus,
.login-signup .btn-login-fb:active 
{ 
		background-color: #627fbc;
		border: 1px solid  #627fbc; 
} 
.login-signup .btn-login-twitter
{
		border: 1px solid #55acef;
		background-color: #55acef; 
}
.login-signup .btn-login-twitter:hover,
.login-signup .btn-login-twitter:focus,
.login-signup .btn-login-twitter:active 
{ 
		background-color: #6abaf8;
		border: 1px solid  #6abaf8; 
} 
.login-signup .btn-login-google
{
		border: 1px solid #de4b3b;
		background-color: #de4b3b; 
		
}
.login-signup .btn-login-google:hover,
.login-signup .btn-login-google:focus,
.login-signup .btn-login-google:active 
{ 
		background-color: #f05f4f;
		border: 1px solid  #f05f4f; 
} 
.login-signup .btn-login-insta
{
		border: 1px solid #857566;
		background-color: #857566;  
}
.login-signup .btn-login-insta:hover,
.login-signup .btn-login-insta:focus,
.login-signup .btn-login-insta:active 
{ 
		background-color:  #9b8d80;
		border: 1px solid   #9b8d80; 
} 


/*new css */
.social-btns-box .soc-commonbtn, 
.social-btns-box  .soc-commonbtn:before, 
.social-btns-box  .soc-commonbtn .fa {
  transition: all 0.35s;
  transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}

.social-btns-box  .soc-commonbtn:before {
  top: 90%;
  left: -110%;
}
.social-btns-box  .soc-commonbtn .fa {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.social-btns-box   .soc-commonbtn.soc-facebook:before {background: #3b5998;}
.social-btns-box   .soc-commonbtn.soc-facebook .fa {color: #3b5998;}

.social-btns-box  .soc-commonbtn.soc-twitter:before {background: #3cf;}
.social-btns-box  .soc-commonbtn.soc-twitter .fa {color: #3cf;}

.social-btns-box  .soc-commonbtn.soc-google:before {background: #dc4a38;}
.social-btns-box  .soc-commonbtn.soc-google .fa {color: #dc4a38;}

.social-btns-box  .soc-commonbtn.soc-linkedin:before {background: #0077B5;}
.social-btns-box  .soc-commonbtn.soc-linkedin .fa {color: #0077B5;}
 

.social-btns-box  .soc-commonbtn:focus:before, .social-btns-box   .soc-commonbtn:hover:before {
  top: -10%;
  left: -10%;
}
.social-btns-box    .soc-commonbtn:focus .fa, .social-btns-box    .soc-commonbtn:hover .fa {
  color: #fff;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.social-btns-box  {
  font-size: 0;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.social-btns-box .soc-commonbtn {
    display: inline-block;
    background: #fff;
    width: 45px;
    height: 45px;
    line-height: 45px;
    margin-right: 15px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-radius: 30%;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
    opacity: 0.99;
	outline:0;
}
.social-btns-box .soc-commonbtn:last-child
{
    margin-right:0;
}
.social-btns-box  .soc-commonbtn:before {
  content: '';
  width: 120%;
  height: 120%;
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.social-btns-box    .soc-commonbtn .fa {
  font-size: 24px;
  vertical-align: middle;
}
/*new css*/

.login-signup   .login-signup-body .exesting-user p
{
		font-size: 14px; 
}
.login-signup   .login-signup-body a.login-sign-a
{
		color: #595959;
		font-size: 14px;
		cursor: pointer;
		text-decoration: underline;
} 
.login-signup  .login-signup-body  .new-tg-box
{
		margin-top:10px;
		margin-bottom: 10px;
}
.login-signup  .login-signup-body .col-left
{
		padding-left:0;
		padding-right:5px;
}  
.login-signup  .login-signup-body .col-right
{
		padding-left:5px;
		padding-right:0;
}
.login-signup  .login-signup-body  p.orfb
{
		font-size: 14px;  
		text-align: center; 
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 40px;
		height: 40px;
		background: #28adef;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    z-index: 99;
} 
.login-signup .login-signup-body .btn-login-fb span.span-fb
{
		margin-right:15px;
}
.login-signup .login-signup-body .btn-login-fb span.span-fb .img-icon
{
		width;:20px;
		vertical-align:middle;
}
.login-signup .login-signup-body .btn-login-fb span.span-fb i.fa
{
		color: #4267b2;
} 
.login-signup .login-signup-body .check-spam-box p.check-spam-box-p
{
		color: #5c5c5c;
		font-size: 12px;
		margin-top: 0;
		margin-bottom: 10px;
} 
.login-signup .login-signup-body   .footer-contri-box   p.contri-post  
{  
		color:#727272;
		font-size: 12px;
} 
.login-signup .login-signup-body   .footer-contri-box   p.contri-post  a.continue-post
 {  
		font-size: 12px;
		cursor:pointer; 
}
.login-signup .login-signup-body     a.back-to-login
 { 
		font-size: 14px;
		cursor: pointer;
		text-decoration: none;
} 
.login-signup .login-signup-body   .footer-contri-box   p.contri-post  a.continue-post,
.login-signup .login-signup-body .check-spam-box p.check-spam-box-p a,
.login-signup .login-signup-body a.back-to-login
 { 
		color: #25a9d7; 
		text-decoration:underline;	 
}
.login-signup .login-signup-body   .footer-contri-box   p.contri-post  a.continue-post:hover,
.login-signup .login-signup-body .check-spam-box p.check-spam-box-p a:hover,
.login-signup .login-signup-body a.back-to-login:hover
{ 
		color: #000;   
		text-decoration:underline;	 
}


 #password-strength-status 
 {
	padding: 0px 0px;
	color: #FFFFFF;
	border-radius: 4px;
	margin-top: 10px;
}

.login-signup   .medium-password {
	background-color: #FFFF00;
	border: #FFFF00 1px solid;
}

.login-signup   .medium-password-words {
	color: #999900;
	font-size: 11px
}

.login-signup   .weak-password {
	background-color: #FF0000;
	border: #FF0000 1px solid;
}

.login-signup   .weak-password-words {
	color:#FF0000; 
	font-size: 11px
}

.login-signup   .strong-password {
	background-color: #12CC1A;
	border: #0FA015 1px solid;
}

.login-signup   .strong-password-words {
	color:#008000; 
	font-size: 11px
}

 /*custom checkbox buttons start here*/
.login-signup   .customcheckbox 
{
		display: inline-block;
		position: relative;
		padding-left: 28px;
		margin-bottom: 15px;
		cursor: pointer;
		font-size: 14px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		font-weight: normal;
		margin-top: 0;
		color: #1C232B;
		text-align: left;
}
.login-signup  .customcheckbox input 
{
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
} 
.checkmarkcustom
{
		position: absolute;
		top: 4px;
		left: 0;
		height: 16px;
		width: 16px;
		background-color: #dfdddd;
} 
.login-signup  .customcheckbox:hover input ~ .checkmarkcustom 
{
		background-color: #ccc;
} 
.login-signup  .customcheckbox input:checked ~ .checkmarkcustom
{
		background-color: #25a9d7;
} 
.checkmarkcustom:after 
{
		content: "";
		position: absolute;
		display: none;
} 
.login-signup  .customcheckbox input:checked ~ .checkmarkcustom:after 
{
		display: block;
} 
.login-signup  .customcheckbox .checkmarkcustom:after
{
		left: 6px;
		top:2px;
		width: 5px;
		height: 10px;
		border: solid white;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
}		
/*custom checkbox buttons end here*/ 
 
 .login-signup    .equal-height-cols
 {
		display: flex;
		flex-wrap: wrap;  
		display: -webkit-flex;  
		-webkit-flex-wrap: wrap;
 }
.login-signup    .anim-page-mt
 {
	 margin-top:-9px;
 }
 .login-signup .login-sign-leftbox
 {
		display: flex;  
		flex-wrap: wrap; 
		display: -webkit-flex; 
		-webkit-flex-wrap: wrap;  
 } 
 .login-signup .login-sign-leftbox  .with-social-media
 {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		text-align: center;
		width: 100%;
		z-index:99;
		padding: 0px 30px;
 }
 
.login-signup .login-sign-leftbox  .with-social-media h3.social-title
 { 
		font-weight: normal;
		color: #fff;  
		text-transform: capitalize;
		margin-bottom: 30px; 
		font-weight: normal; 
		font-size: 20px; 
		margin-top: 0;
 }
.login-signup .login-sign-leftbox  .with-social-media  .social-btns-box
 {
		padding-left: 30px;
		padding-right: 30px;
 } 
.login-signup .login-sign-leftbox .login-sign-leftbox-inner
 {
		/* background: url(../../images/sign-login-bg.jpg) no-repeat center center; */
		background: url(../../images/login-signup-bg.png) no-repeat center center; 
		background-size: cover;
 }
 
.login-signup .login-sign-leftbox .login-sign-overlay 
 {
		position: relative;
		width: 100%;
		height:100%;
} 
.login-signup .login-sign-leftbox .login-sign-overlay   img 
{
		display: block;
		width: 100%;
		height:100%;
} 
.login-signup .login-sign-leftbox .login-sign-overlay::before 
 {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: 1;
		background:rgba(0, 0, 0, 0.24);
}
.login-signup .login-signup-body  .toggle 
{
  background: none;
  border: none;
  color: #337ab7;
  /*display: none;*/
  /*font-size: .9em;*/
  font-weight: 600;
  /*padding: .5em;*/
  position: absolute;
  right: 25px;
    top: 10px;
    z-index: 9; 
} 
.login-signup .login-signup-body  .toggle  .fa {
  font-size: 14px;
    color: #25a9d7;
} 


/*eyes closing css start*/

.login-signup .owl {
  margin: auto;
  width: 215px;
  height: 108px;
  background-image: url("../../images/panda2.png");
	/*background-image: url("../../images/owl-login.png");*/
  /* background-image: url("../../images/owl-login2.png"); */
  position: relative;z-index: 99;
} 
.login-signup .owl .hand {
  width: 34px;
  height: 34px;
  border-radius: 40px;
 /* background-color: #472d20; id owl image used*/
 background-color: #000000;
 transform: scaleY(0.6);
  -ms-transform:   scaleY(0.6);
	-webkit-transform:  scaleY(0.6);
	-moz-transform:  scaleY(0.6);
	-o-transform:  scaleY(0.6);
  position: absolute;
  left: 14px;
  bottom: -8px;
  transition: 0.3s ease-out;
  /* z-index: 999; */
}
 
.login-signup .owl .hand-panda{
   
  background-color: #000000; 
}
/*owl animation*/
.login-signup .owl .hand.passwordhide {
  transform: translateX(42px) translateY(-15px) scale(0.7);
	-ms-transform:  translateX(42px) translateY(-15px) scale(0.7);
	-webkit-transform:  -webkit-translateX(42px) -webkit-translateY(-15px) scale(0.7);
	-moz-transform:  translateX(42px) translateY(-15px) scale(0.7);
	-o-transform:  translateX(42px) translateY(-15px) scale(0.7); 
}
.login-signup .owl .hand.hand-r {
  left: 170px;
}
.login-signup  .owl .hand.hand-r.passwordhide {
 transform: translateX(-42px) translateY(-15px) scale(0.7);
	-ms-transform: translateX(-42px) translateY(-15px) scale(0.7);
	-webkit-transform: -webkit-translateX(-42px) -webkit-translateY(-15px) scale(0.7);
	-moz-transform: translateX(-42px) translateY(-15px) scale(0.7);
	-o-transform: translateX(-42px) translateY(-15px) scale(0.7);
}
.login-signup  .owl .arms {
  position: absolute;
  top: 58px;
  height: 41px;
  width: 100%;
  overflow: hidden;
}
.login-signup  .owl .arms .arm {
  width: 40px;
  height: 65px;
  background-image: url("../../images/owl-login-arm1.png");
  position: absolute;
  left: 20px;
  top: 40px;
  transition: 0.3s ease-out;
}
.login-signup  .owl .arms .arm.passwordhide {
  transform: translateX(40px) translateY(-40px);
  -ms-transform: translateX(40px) translateY(-40px);
	-webkit-transform: -webkit-translateX(40px) -webkit-translateY(-40px);
	-moz-transform: translateX(40px) translateY(-40px);
	-o-transform: translateX(40px) translateY(-40px);
}
.login-signup  .owl .arms .arm.arm-r {
  left: 158px;
  transform: scaleX(-1);
  -ms-transform: scaleX(-1);
	-webkit-transform:scaleX(-1);
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
}
.login-signup  .owl .arms .arm.arm-r.passwordhide {
  transform: translateX(-40px) translateY(-40px) scaleX(-1);
  -ms-transform:translateX(-40px) translateY(-40px) scaleX(-1);
	-webkit-transform:-webkit-translateX(-40px) -webkit-translateY(-40px) scaleX(-1);
	-moz-transform:translateX(-40px) translateY(-40px) scaleX(-1);
	-o-transform: translateX(-40px) translateY(-40px) scaleX(-1);
}
 
/*owl animation*/ 
 
 /*this css added for own face*/
 
.login-signup .owl-face
{ 
  background-image: url("../../images/owl-login.png");  
}
.login-signup .owl .hand-face
{
	background-color:#472d20;
}
.login-signup  .owl .arms .arm-face { 
  background-image: url("../../images/owl-login-arm.png");
 
} 
 
 /*this css added for owl face*/
 
.login-signup    .loader-login-span 
 {
	 display: inline-block;
    vertical-align: middle;margin-left: 5px;
 }
.login-signup    .loader-login
{
	 
	border-radius:50%;width:10px; height:10px;
	position:relative;
	/* animation:spinloader  2s linear infinite; */
}
/*@keyframes spinloader{
	0% { transform:rotate(0deg); }
	100% { transform:rotate(360deg); }
}*/
 .loader-login span{
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #fff;
  margin: 0px 3px;
  opacity: 0;
}

 .loader-login span:nth-child(1){
  animation: opacitychange 1s ease-in-out infinite;
}

 .loader-login  span:nth-child(2){
  animation: opacitychange 1s ease-in-out 0.33s infinite;
}

 .loader-login span:nth-child(3){
  animation: opacitychange 1s ease-in-out 0.66s infinite;
}

@keyframes opacitychange{
  0%, 100%{
    opacity: 0;
  }

  60%{
    opacity: 1;
  }
}

 /*login with gmail css*/
 .login-signup .login-signup-body   .login-with-gmail
 {
	 text-align:left;
 }
  .login-signup .login-signup-body   .login-with-gmail .login-with-gmail-box
 {
	 padding: 10px 0 50px 0;
 }
 /* .login-signup .login-signup-body   .login-with-gmail  .check-success-box
 {
	 text-align:center;
 }
  .login-signup .login-signup-body   .login-with-gmail  .check-success
 {
	 width:70px;
	 max-width:100%;
 } */
  .login-signup .login-signup-body   .login-with-gmail   .check-emailid
 {
	font-size:14px;
	padding: 6px 12px;
    border: 1px solid rgba(128, 128, 128, 0.16862745098039217) !important;
    margin-bottom: 15px;
    text-align: left;
 }
   .login-signup .login-signup-body   .login-with-gmail   .check-emailid  img
 {
	width:25px;
	margin-left:10px;vertical-align: middle;
 }
   .login-signup .login-signup-body   .login-with-gmail   h5.email-assoc
 {
	font-size: 13px;
    font-weight: bold;
    margin-bottom: 0;
	margin-top:5px;
    color: #de4b3b;
 }
 /*login with gmail css*/
 
 
 
 
@media all and (max-width: 767px)
{
	.login-signup-page 
	{
		margin-top: 70px;
		margin-bottom: 70px;
	}
 	.login-signup .modal-size
	{
		width: auto;
		margin: 10px 10px 50px 10px;
	}
	.login-signup .login-signup-body h3.log-sign-head 
	{ 
		font-size: 20px; 
	} 
	.login-signup .login-signup-body a.login-sign-a
	{ 
		font-size: 14px; 
	}
	.login-signup .login-signup-body .footer-contri-box p.contri-post
	{ 
		font-size: 12px;
	}
	.login-signup .login-signup-body .footer-contri-box p.contri-post a.continue-post 
	{ 
		font-size: 12px; 
	}
	.login-signup input[type="text"], input[type="password"], input[type="date"], input[type="email"], input[type="time"] 
	{
		height: 36px !important; 
	}
	.login-signup .login-signup-body .heading-note-box p.note-p
	{ 
		font-size: 14px; 
	}
	.login-signup   .login-signup-body .exesting-user p
	{
		font-size: 14px; 
	}
	.login-signup .login-signup-body .check-spam-box p.check-spam-box-p,
	.login-signup .login-signup-body a.login-sign-a
	{ 
		font-size: 12px; 
	}
	.login-signup .login-signup-body a.back-to-login 
	{ 
		font-size: 14px;
	}
	.login-signup .login-signup-body
	{
		/* padding: 15px 15px; */
		padding: 0;
	}
	.login-signup 
	{
		/* margin-top: 10px; */
		/* margin-bottom: 50px; */
		padding-left: 0;
		padding-right: 0;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.login-signup .login-box-inner
	{
		padding: 15px;
	}
	.login-signup .customcheckbox
	{ 
		font-size: 12px;
	}
	.login-signup .login-sign-leftbox .with-social-media
	{ 
		padding: 15px;
	} 
	.login-signup .login-sign-leftbox .with-social-media h3.social-title
	{ 
		font-size: 16px; 
		margin-top: 20px; 
	}	
	.login-signup .login-signup-body p.orfb 
	{ 
		margin-top: 0;
		z-index: 99;
	} 
	.login-signup .login-sign-leftbox .with-social-media .social-btns-box
	 {
		padding-left: 0;
		padding-right: 0;
	} 
	 .login-signup .login-sign-leftbox .login-sign-leftbox-inner
	 {
		/* background-image: none;  */
		/* background-color:#e9f6fa; */
	} 
	.login-signup .login-sign-leftbox .with-social-media 
	{
		position: relative;
		top: 0;
		left: 0;
		transform: initial;
		-moz-transform: initial;
		-webkit-transform: initial;
		-o-transform: initial;
		-ms-transform: initial;
		text-align: center;
	}  
	.login-signup .login-sign-leftbox
	{ 
		display: block; 
	}	 
	.login-signup .close-box 
	{ 
		right: 10px;
		top: 10px; 
		color: #000;
		font-size: 27px; 
		background: none; 
	}
	.login-signup .login-signup-body .forget-reset-img 
	 {
		text-align:center;
	}	
	.login-signup .login-signup-body .forget-reset-img img.forget-qust
	 {
		width: 150px; 
		margin-top: 0;  
		margin-bottom: 20px;
	}
	.login-signup .login-signup-body-page 
	{
		padding: 15px 15px;
	}
	
	.social-btns-box .soc-commonbtn 
	{ 
		width: 40px;
		height: 40px;
		line-height: 40px; 
	}
	.social-btns-box .soc-commonbtn .fa {
    font-size: 18px; 
}
	.login-signup .login-signup-body .login-with-gmail .check-emailid
	{
		font-size: 12px;
	}
	.login-signup .login-signup-body .login-with-gmail h5.email-assoc {
    font-size: 12px;
	}
	.login-signup .login-signup-body .login-with-gmail .check-emailid img
	{
			width: 18px;
			margin-left: 8px;
	}
} 
 
 

@media (max-width: 991px) and (min-width: 768px)
{
	.login-signup-page 
	{
		margin-top: 70px;
		margin-bottom: 70px;
	}
	.login-signup .login-signup-body h3.log-sign-head
	{ 
		font-size: 22px;
	}
	.login-signup .login-signup-body .heading-note-box p.note-p
	{ 
		font-size: 12px; 
	}
	.login-signup .login-signup-body a.login-sign-a 
	{ 
		font-size: 14px; 
	}
	.login-signup .login-signup-body .exesting-user p
	{
		font-size: 14px;
	}
	.login-signup .login-signup-body .footer-contri-box p.contri-post
	{ 
		font-size: 12px;
	}
	.login-signup .login-signup-body .check-spam-box p.check-spam-box-p,
	.login-signup .login-signup-body a.login-sign-a
	{ 
		font-size: 14px; 
	}
	.login-signup .login-signup-body a.back-to-login 
	{ 
		font-size: 14px;
	}
	 
	.login-signup .login-sign-leftbox .with-social-media h3.social-title 
	{ 
		font-size: 18px; 
	}
	.login-signup .login-box-inner
	{
		padding: 30px;
	}
	.login-signup .login-sign-leftbox .with-social-media .social-btns-box 
	{
		padding-left: 20px;
		padding-right: 20px;
	}
	.login-signup .modal-size
	{
		width: 90%; 
	}
	
	.login-signup .login-signup-body .forget-reset-img img.forget-qust 
	{
		width: 150px; 
		margin-top: 50px;
	}
	.login-signup .login-signup-body-page
	{
		padding: 15px 15px;
	}
	.social-btns-box .soc-commonbtn 
	{ 
		width: 40px;
		height: 40px;
		line-height: 40px; 
	}
	.social-btns-box .soc-commonbtn .fa {
    font-size: 18px; 
}
.login-signup .login-signup-body .login-with-gmail .check-emailid
	{
		font-size: 12px;
	}
	.login-signup .login-signup-body .login-with-gmail h5.email-assoc {
    font-size: 12px;
	}
}
 
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
	.login-signup .login-signup-body h3.log-sign-head
	{ 
		font-size: 22px;
	}
	.login-signup .login-signup-body .heading-note-box p.note-p
	{ 
		font-size: 14px; 
	}
	.login-signup .login-signup-body a.login-sign-a 
	{ 
		font-size: 12px; 
	}
	.login-signup .login-signup-body .exesting-user p 
	{
		font-size: 14px;
	}
	.login-signup .login-signup-body .footer-contri-box p.contri-post,
	.login-signup .login-signup-body .footer-contri-box p.contri-post a.continue-post
	{ 
		font-size: 12px;
	} 
	.login-signup .login-signup-body .check-spam-box p.check-spam-box-p,
	.login-signup .login-signup-body a.login-sign-a
	{ 
		font-size: 14px; 
	}
	.login-signup .login-signup-body a.back-to-login 
	{ 
		font-size: 14px;
	} 
	.login-signup .login-sign-leftbox .with-social-media h3.social-title
	{ 
		font-size: 20px; 
	}	
	.login-signup .login-sign-leftbox .with-social-media
	{ 
		padding: 0px 30px;
	}	
	.login-signup .login-sign-leftbox .with-social-media .social-btns-box 
	{
		padding-left: 20px;
		padding-right: 20px;
	}
	.login-signup .login-signup-body .forget-reset-img img.forget-qust
	{
		width: 200px; 
	}
	.login-signup .login-signup-body-page
	{
		padding: 15px 50px;
	}
	
}
 
 
 
.section-overlay {
    background-color: rgba(0, 0, 0, 0.26);
    position: relative;
    overflow: hidden;
    padding: 100px 0;
}
 
#password-strength-status {
    padding: 0px 0px;
    color: #FFFFFF;
    border-radius: 4px;
    margin-top: 10px;
}

.medium-password {
    background-color:   #FFA500;
    border:     #FFA500 1px solid;
}

.medium-password-words {
    color: #FFA500;
    font-size: 11px
}

.weak-password {
    background-color: #FF0000;
    border: #FF0000 1px solid;
}

.weak-password-words {
    color:#FF0000; 
    font-size: 11px
}

.strong-password {
    background-color: #12CC1A;
    border: #0FA015 1px solid;
}

.strong-password-words {
    color:#008000; 
    font-size: 11px
} 
.or-box h4{
	margin:0px;
}
#afterloginverify, #afterloginsendpage{
	display: none;
}