#signup-wrapper{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 60px;
    position: absolute;
    text-align: center;
    overflow: hidden;
}

.form-col #images{
	position: absolute;
    right: -370px;
    top: 60px;
}
#login-overlay {
	background: rgba(0,0,0,0.85);
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
}

.transition{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.scale:hover{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/*#rerequest_dialog {*/
	/*display:none;*/
	/*position:absolute;*/
	/*border-radius:5px;*/
	/*background: #FFF;*/
	/*padding:40px;*/
	/*width:600px;*/
	/*top:200px;*/
	/*box-shadow: 0px 0px 20px #888;*/
	/*z-index:15;*/
/*}*/

header {
	width: 100%;
	height: 45px;
	position: relative;
	background: #ffffff;
	border-bottom: 1px solid #92a5b4;
}

header a.logo {
	display: inline-block;
	float: left;
	margin: 10px 0 0 5%;
	text-decoration: none;
}

header a.logo img {
	cursor: pointer;
}

a.go-pro{
	position: absolute;
	right: 20px;
	top: 20px;
	padding: 10px 20px;
	background-color: #FF6009;
	color: #FFF;
	font-family: Lato, sans-serif;
	border-radius: 2px;
}
a.go-pro:hover{color:#FFF;text-decoration:none;}

header div.switch_type {
	float: right;
	margin: 12px 5% 0 0;
	font-size: 16px;
	text-decoration: underline;
	cursor: pointer;
	width: 70px;
}

header .switch_type:hover {
	text-decoration: none;
}
.form.login {
    border-radius: 2px;
    font-family: Lato, sans-serif;
    box-sizing: content-box;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* background: #FFF; */
    padding: 25px 10px;
    position: absolute;
    text-align: center;
    z-index: 10;
    width: 420px;
    overflow: hidden;
}
.form{
	border-radius: 2px;
	font-family: Lato, sans-serif;
}
.form a:hover{color:#333;text-decoration:none;}
.form .form-header{
    font-family: Lato, sans-serif;
    font-weight: bold;
    margin-bottom: 11px;
    font-size: 28px;
    letter-spacing: -0.9px;
    color: #333333;
    line-height: 110%;
    padding: 0 8px;
}
.form .form-header-subtitle{
    font-weight: normal;
    font-size: 18px;
    color: #333333;
    margin-bottom: 5px;
    padding: 0 20px;
}
.form.signup .btn.google{
	width: auto;
}
.form.signup .email-signup{
	max-height: 90px;
	overflow: hidden;
	transition: all 150ms ease-in-out;
}
.form.signup  .form-signup-close {
	position: absolute;
	top: -55px;
    right: -38px;
    font-size: 45px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
    cursor: pointer;
	z-index: 10;
	color: #FFFFFF;
}

.form.login > .form-signup-close {
    position: absolute;
    top: -5px;
    right: 10px;
    font-size: 45px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer;
    z-index: 10;
}

.form.signup .email-signup-title{
	display: inline-block;
	font-size: 17px;
	font-weight: bold;
	margin: 10px 0 0 0;
	color: #333333;
}
.form.signup .email-signup a{
	display: inline-block;
	font-size: 17px;
	font-weight: bold;
	margin: 0 0 35px 0;
	transition: color .5s ease;
}
.ico-offset {
	margin-right: 5px;
}
.form.signup .form-container{
  position: relative;
  top: -300px;
  transition: all 700ms ease-in-out;
  transition-delay: 200ms;
}
.form.signup .form-window{
  max-height: 0;
  overflow: hidden;
  transition: all 1s ease-in-out;
}
.form.signup.show-form .email-signup{opacity:0;max-height:0;}
.form.signup.show-form .form-container{top:0;}
.form.signup.show-form .form-window{max-height:580px;}

.rerequest_dialog{
	display: none;
	color: #F41717;
  margin: 0 30px 30px 30px;
}
.rerequest_dialog a{display:inline-block;margin-top:5px;}
.rerequest_dialog a:focus{text-decoration:none;}

.form .btn{
	color: #FFF;
	outline: none;
	width: 285px;
	border: 0;
	border-radius: 2px;
	line-height: 40px;
	margin: 0;
	font-family: Lato, sans-serif;
	font-size: 17px;
	font-weight: bold;
	padding: 6px 12px;
}
.form .btn img {
	float:left;
}
.form .btn.facebook,
.rerequest_dialog .btn.facebook {
	background:#3B5998;
}
.form .no-button.btn.facebook {
	background-color: transparent;
	color: #3D5B96;
}
.form .no-button.btn.facebook:hover {
	transform: none;
	color: #333;
}
.form .btn.facebook img{
	height: 21px;
	margin: 9px 0 0 15px;
}
.form .btn.google{
	padding: 0;
	width: 290px;
}
.form .btn.google img{
	/* width: 100%; */
}
.form .btn.google .b_label{margin-left:-10px;}

.or_divider {
	vertical-align:top;
	font-size:12pt;
	line-height: 36px;
	width: 100%;
	height: 35px;
	text-align: center;
	margin-top: 15px;
	display:inline-block;
	color:#999999
}

.or_divider:before, .or_divider:after {
	border-bottom:1px solid white;
	border-top:1px solid rgba(0, 0, 0, 0.1);
	width:37%;
	height:5px;
	display:inline-block;
	content:' ';
	margin-top:18px;
	margin-left:10px;
	margin-right:10px;
}
.login-page .form.signup{
	width: 404px;
	padding: 20px;
}
.login-screen .form-group{
	display: inline-block;
	margin: 12px 0;
  	position: relative;
	text-align: initial;
	width: 285px;
}
.form.login{
	background: #fff;
}
.login .btn{
	margin: 6px 0;
}
.login-screen .form-group img{
	position: absolute;
	left: 15px;
	top: 13px;
	font-size: 14px
}
.login-screen input{
	border: 0;
	border-bottom: 1px solid #9D9D9D;
	box-sizing: border-box;
	color: #333;
	font-family: Lato, sans-serif;
	font-size: 17px;
	height: 30px;
	padding: 0;
	padding-left: 8px;
	background-color: transparent;
	margin-bottom: 5px;
}

.login-screen .form-group .form-control + label[placeholder]:before{
	color: #828282;
	font-size: 17px;
}
.login-screen .form-group .form-control:focus + label[placeholder]:before, .login-screen .form-group .form-control.active + label[placeholder]:before{
	font-size: 12px;
}

#free_signup_login_page{
	margin-bottom: 25px !important;
    margin-top: 10px !important;
}

#login_button, #free_signup_login_page {
	background: #1CB7EB;
	margin: 0 0 10px 0;
}

.form sub{font-size:0.8em;color:#A0A0A0;}
.form sub a{color:#787878;text-decoration:underline!important;}
.form sub a:hover{color:#1CB7EB;}

.form .form-links{margin-bottom:15px;}
.form .form-links span:hover{color:#333 !important;text-decoration:none;}
.form .forgot_pass, .form .switch_type{
	display: inline-block;
	font-size: 15px;
	margin: 0 10px;
}
.login-now-btn {
	font-weight: 700;
	color: #00BFE8;
	cursor: pointer;
}
.error_response {
	color: #F41717;
	font-size: 13px;
	margin-bottom: 1em;
}

/*#emails_pick{*/
	/*background: #FFF;*/
	/*border-radius: 6px;*/
	/*display: none;*/
	/*font-family: Lato, sans-serif;*/
	/*font-size: 18px;*/
	/*left: 50%;*/
	/*padding: 60px 20px;*/
	/*position: absolute;*/
	/*text-align: center;*/
	/*top: 50%;*/
	/*transform: translate(-50%, -50%);*/
	/*width: 420px;*/
	/*z-index: 5;*/
/*}*/

/*#emails_pick.ie {*/
	/*height: 225px !important;*/
/*}*/

/*#emails_pick .sub_header{margin-bottom:25px;}*/

/*#emails_pick .sub_header_ie {*/
	/*font-size: 0.9em;*/
  /*color: #888888;*/
/*}*/

/*#emails_pick .email_icons{}*/

/*#emails_pick .email_icons > span, #emails_pick .email_icons > a {*/
	/*display: inline-block;*/
	/*margin: 5px 4px;*/
	/*padding: 10px;*/
	/*border-radius: 4px;*/
	/*border: 1px solid #888;*/
	/*cursor: pointer;*/
/*}*/

/*#emails_pick .email_icons.ie {*/
	/*height: 100px;*/
/*}*/

/*#emails_pick .email_icons.ie > span, #emails_pick .email_icons.ie > a {*/
	/*width: 60px;*/
	/*border: 0;*/
/*}*/

/*#emails_pick .email_icons:not(.ie) > a {*/
	/*display: none;*/
/*}*/

/*#emails_pick .email_icons > a img {*/
	/*width: 50px;*/
/*}*/

/*#emails_pick .other a{color:#00BFE8;}*/
/*#emails_pick .other a:focus, #emails_pick .other a:hover{color:#333;text-decoration:none;}*/

#waiting_overlay {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 99;
	background: rgba(0,0,0,0.7);
	display: none;
}

.please_login{cursor:pointer;}
.please_login:hover{color:#333;}

html.only-facebook-login, body.only-facebook-login, html.only-google-login, body.only-google-login {
	overflow: hidden;
}

body.only-facebook-login,  body.only-google-login{
	font-family: "Lato", sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: 300;
}

body.only-facebook-login,
body.only-facebook-login *,
body.only-google-login,
body.only-google-login *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body.only-facebook-login .wisestamp-only-facebook-login-input-group,
body.only-facebook-login .wisestamp-only-facebook-login-input-group *,
body.only-google-login .wisestamp-only-google-login-input-group,
body.only-google-login .wisestamp-only-google-login-input-group * {
	cursor: pointer;
}

body.only-facebook-login .wisestamp-only-facebook-login-input-group, body.only-google-login .wisestamp-only-google-login-input-group {
	position: relative;
	display: table;
	width: 100%;
	height: 50px;
	border: 0px none;
	padding: 0;
}

body.only-facebook-login .wisestamp-only-facebook-login-input-group{
	background-color: #3b5998;
}

body.only-google-login .wisestamp-only-google-login-input-group{
	background-color: #DD4B39;
}

body.only-facebook-login .wisestamp-only-facebook-login-input-group:hover{
	background-color: #334e87 !important;
}

body.only-google-login .wisestamp-only-google-login-input-group:hover{
	background-color: #c14836 !important;
}

body.only-facebook-login .wisestamp-only-facebook-login-input-group-addon, body.only-google-login .wisestamp-only-google-login-input-group-addon {
    border: 0px none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 46px;
    float: left;
	position: relative;
    top: 5px;
}

body.only-facebook-login .wisestamp-only-facebook-login-input-group-addon{
	padding: 6px 12px;
}

body.only-google-login .wisestamp-only-google-login-input-group-addon{
	padding: 8px 12px;
}

body.only-facebook-login .wisestamp-only-facebook-login-input-group-addon:first-child,
body.only-google-login .wisestamp-only-google-login-input-group-addon:first-child {
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
}

body.only-facebook-login .wisestamp-only-facebook-login-input-group-addon img,
body.only-google-login .wisestamp-only-google-login-input-group-addon img {
	vertical-align: middle;
	border: 0px none;
}

body.only-facebook-login .wisestamp-only-facebook-login-form-control-inner-text,
body.only-google-login .wisestamp-only-google-login-form-control-inner-text {
	position: relative;
	right: 11px;
	font-weight: 100;
}

body.only-facebook-login .wisestamp-only-facebook-login-form-control,
body.only-google-login .wisestamp-only-google-login-form-control {
	font-size: 16px;
	line-height: 1.42857143;
	color: #fff;
	border: 0px none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin: 0px;
}

body.only-facebook-login .wisestamp-only-facebook-login-input-group .wisestamp-only-facebook-login-form-control:last-child,
body.only-google-login .wisestamp-only-google-login-input-group .wisestamp-only-google-login-form-control:last-child{
	height: 50px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
	font-weight: bold;
	font-size: 15px;
	font-family: "Lato", sans-serif;
}

body.only-facebook-login .wisestamp-only-facebook-login-input-group > .wisestamp-only-facebook-login-form-control,
body.only-google-login .wisestamp-only-google-login-input-group > .wisestamp-only-google-login-form-control{
	width: 100%;
}

body.only-facebook-login .wisestamp-only-facebook-login-input-group .wisestamp-only-facebook-login-form-control,
body.only-google-login .wisestamp-only-google-login-input-group .wisestamp-only-google-login-form-control{
	position: relative;
	z-index: 2;
	padding-top: 14px;
}

.service-logo{
	display: none;
	height: auto;
	left: 50px;
	position: absolute;
	top: 50px;
	width: 170px;
}

.login-screen .parsley-errors-list{
	position: absolute;
	right: initial;
	top: initial;
}
.login-screen .parsley-errors-list li{
	color: #F41717;
	font-size: 13px;
}
.login-screen .form-control.parsley-error + label[placeholder]:before{color:#828282!important;}

@keyframes ws-spinner {
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes ws-spinner {
    to {
        -webkit-transform: rotate(360deg);
    }
}

.ws-spinner-wr-wr {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.ws-spinner-wr {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 50px;
    height: 50px;
}

.ws-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #E0E0E0;
    border-top-color: #444444;
    animation: ws-spinner 0.8s linear infinite;
    -webkit-animation: ws-spinner 0.8s linear infinite;
}

/* start signup popup (homepage) */
.form.signup.homepage {
	padding: 0;
}

.form.signup:not(.show-form) .form-header-subtitle{
	margin-bottom: 25px;
}
.example-col {
	padding: 60px 20px 40px 50px;
	background-color: #283B4D;
}
.example-col img {
	position: relative;
	left: -15px;
	top: 15px;
}
.or-section {
	position: relative;
	height: 25px;
	width: 75%;
    margin: 20px auto 10px;
	line-height: 25px;
}
.or-section span {
	display: inline-block;
	padding: 0 12px;
	background-color: #fff;
	font-family: "Lato";
	font-weight: 600;
	font-size: 17px;
	color: #828282;
}

.or-section:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	top: 12.5px;
	z-index: 1;
	left: 0;
	background-color: #BDBDBD;
}
.or-section span {
	position: relative;
	z-index: 2;
}
.form.login .form-links span{
	font-weight: 600;
	color:#1CB7EB;
	cursor: pointer;
}

.form.signup.homepage .form-col {
	padding: 30px;
	background-color: #fff;
	width: 404px;
	margin: 0 auto;
	position: relative;
	min-height: 549px;
}
.form.signup .ws-logo{
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 1;
}
.example-col.floating {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	display: flex;
    align-items: center;
}
.form.signup .learn-more{
  position: absolute;
  bottom: 15px;
  left: 15px;
  font-weight: 600;
  z-index: 2;
}
.form.signup .learn-more:hover {
  color: #ffffff;
}
.form.signup:not(.homepage){
	background: #fff;
}
.form.signup:not(.homepage) .example-col,.form.signup:not(.homepage) .ws-logo,.form.signup:not(.homepage) .learn-more{display:none;}
.form.signup:not(.homepage) .form-col{width:100%;}
/* end signup popup (homepage) */

/* start handling autofill */
.login-screen .floating-label:-webkit-autofill + label[placeholder]:before{
	font-size: 12px;
    left: 0;
    top: -15px;
}
/*.form.login:not(.homepage) .form-signup-close, .form.signup:not(.homepage) .form-signup-close {*/
	/*display: none;*/
/*}*/
.form.signup:not(.homepage) .form-col {
	margin-left: 0;
}
/* end handling autofill */


@media (max-width: 1400px) {
	div.form.signup.homepage .form-col {
		padding-top: 30px;
    	padding-bottom: 30px;
	}
}
@media (max-width: 1140px){
	.form-col #images{
		display: none;
	}
}
@media (max-width: 990px){
	 #facebook_signup_login{
		width: 240px;
	}
	.form.signup.homepage .form-col{
		width: auto;
	}
	    #signup-wrapper {
        top: 0;
        transform: translate(-50%, 0);
    }
	.form.signup .btn.google {
       width: 290px;
   }
	.form .btn.google img {
    width: 100%;
}
}

@media (max-width: 400px){
	.form.signup .form-signup-close{
		top: -9px;
		right: 3px;
		font-size: 35px;
		color: #222;
	}
}

.show-form .btn.google, .show-form .or-section, .show-form .btn.facebook, .show-form .email-signup-title{
	display: none !important;
}