﻿.sign_wrapper {
	width: 408px;
	margin: 0 auto;
	position: relative;
	text-align: center;
    padding-top: 50px;
}

	.sign_wrapper #aDefault {
		display: inline-block;
		margin: 34px 0;
	}

.sign_container {
	border: 1px solid #b1b1b3;
	border-radius: 8px;
}

.sign_form {
	padding: 20px 46px;
}

	.sign_form h2 {
		font-size: 22px;
		font-weight: normal;
	}

	.sign_form .sign-form__header {
		border-bottom: 1px solid #b1b1b3;
	}

		.sign_form h2.title {
			border-bottom: 1px solid #b1b1b3;
			padding-bottom: 20px;
		}

		.sign_form .sign-form__header .title {
			border-bottom: none;
		}

	.sign_form .sbuttons {
		padding: 22px 0 6px;
		position: relative;
	}

		.sign_form .sbuttons a {
			display: block;
			color: #fff;
			border-radius: 4px;
			margin-bottom: 15px;
			text-decoration: none;
			font-size: 16px;
			padding: 12px;
			cursor: pointer;
		}

.sbuttons a.linkedin-btn {
	background-color: #0077b5;
}

.sbuttons a.linkedin-btn:hover {
    background-color: #006FA8;
}

.sbuttons a.facebook-btn {
	background: #3b5998;
}

.sbuttons a.facebook-btn:hover {
    background-color: #36528C;
}

.sbuttons a.google-btn {
    background-color: #db4437;
}

.sbuttons a.google-btn:hover {
    background-color: #CF4034;
}

.sbuttons .line {
	height: 1px;
	background: #b1b1b3;
	position: absolute;
	width: 100%;
	bottom: -9px;
}

.sign_form .or-line {
	font-size: 14px;
	background: #fff;
	padding: 0 28px;
	display: inline-block;
	position: relative;
	margin-bottom: 21px;
}

.sign_form .field-group {
	position: relative;
	display: block;
	margin-bottom: 17px;
}

	.sign_form .field-group input {
		border: 1px solid #b1b1b3;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-radius: 4px;
		font-size: 14px;
		padding: 10px 14px;
        height: 42px;
        box-shadow: none;
	}

     .sign_form .field-group input::-webkit-input-placeholder {
        font-size: 14px;
        font-style: normal;
        color: #b1b1b3;
    }

    .sign_form .field-group input:-moz-placeholder {
        font-size: 14px;
        font-style: normal;
        color: #b1b1b3;
    }

    .sign_form .field-group input::-moz-placeholder {
        font-size: 14px;
        font-style: normal;
        color: #b1b1b3;
    }

    .sign_form .field-group input:-ms-input-placeholder {
        font-size: 14px;
        font-style: normal;
        color: #b1b1b3;
    }

		.sign_form .field-group input:focus {
			border: 1px solid #1c7ebc;
		}

.sign_form .field-group .field-validation-valid {
    position: absolute;
    color: red;
    left: 0;
    bottom: -15px;
}

	.sign_form .field-group .field-validation-error, .sign_form .field-group .valid-field {
		position: absolute;
		left: 0;
        bottom: -15px;
        color: red;
        font-size: 12px;
	}

		.sign_form .field-group .field-validation-error span {
			color: red;
		}

.sign_form input[type=submit], .sign_form input[type=button] {
	font-size: 16px;
	color: #fff;
	background: #1c7ebc;
	width: 100%;
	height: 42px;
	border-radius: 4px;
	cursor: pointer;
}

.sign_form input[type=submit].on-load {
    pointer-events: none;
}

	.sign_form input[type=submit]:hover, .sign_form input[type=button]:hover {
		background: #1a74ad;
	}

.sign_container .link {
	color: #1c7ebc;
	border-bottom: 1px solid #b1b1b3;
	text-decoration: none;
}

	.sign_container .link:hover {
		border-bottom: 1px solid #1c7ebc;
	}

.sign_form .agreement {
	margin-top: 15px;
	text-align: left;
	line-height: 15px;
    font-size: 12px;
}

.sign_wrapper .bottom-block {
	border-top: 1px solid #b1b1b3;
	padding: 30px 46px;
}


	.sign_wrapper .bottom-block span, .sign_wrapper .bottom-block a {
		font-size: 14px;
	}

	.sign_wrapper .bottom-block a {
		margin-left: 12px;
	}

.sign_container .gray_text {
	color: #b1b1b3;
}

.sign_form .forget_pass {
	font-size: 14px;
	float: left;
	margin-bottom: 30px;
}

.sign_form .remember_me {
	position: relative;
	clear: both;
	text-align: left;
	margin-bottom: 15px;
}

	.sign_form .remember_me input[type=checkbox] {
		display: none;
	}

	.sign_form .remember_me label .checkbox {
		cursor: pointer;
		position: absolute;
		width: 14px;
		height: 14px;
		top: 0;
		border: 1px solid #b1b1b3;
        min-width: 0;
        min-height: 0;
	}

		.sign_form .remember_me label .checkbox:after {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter: alpha(opacity=0);
			opacity: 0;
			content: '';
			position: absolute;
			width: 7px;
			height: 3px;
			background: transparent;
			top: 3px;
			left: 2px;
			border: 3px solid #333;
			border-top: none;
			border-right: none;
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}

		.sign_form .remember_me label:hover .checkbox::after {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
			filter: alpha(opacity=30);
			opacity: 0.5;
		}

	.sign_form .remember_me input[type=checkbox]:checked + label .checkbox:after {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	}

	.sign_form .remember_me span {
		margin-left: 20px;
		font-size: 14px;
        vertical-align: top;
	}

.text-left {
	text-align: left;
}

.sign_form h2.text-left {
	padding-top: 18px;
}

.sign_form .user_mail {
	font-size: 16px;
	padding-top: 12px;
}

.sign_form .bottom_text {
	font-size: 14px;
	padding: 44px 0 15px;
}

input[type=submit].on-load {
	color: transparent;
	background: #1c7ebc url(/css/images/images_new/preloader_blue.GIF) no-repeat 50% 50%;
	pointer-events: none;
}

.new-email_page .logo {
	display: block;
	width: 130px;
	margin: 60px auto 0;
}

.new-email_page .sign_wrapper {
	max-width: 408px;
	width: auto;
	padding-top: 20px;
}

.new-email_page .sign_wrapper.tnx h2 {
	font-size: 26px;
	text-align: center;
}

.new-email_page .sign_wrapper.tnx p {
	font-size: 18px;
	margin-top: 17px;
}

.new-email_page .logo img {
	width: 130px
}

.new-email_page .new-email_title {
	font-size: 18px;
	margin-bottom: 17px;
}

@media only screen and (max-width: 700px) {
	.new-email_page .sign_container {
		border: 0;
	}

	.new-email_page .sign_form {
		padding: 20px 20px;
	}
}
