/* CSS Document */
.blue_bg,
.gold_bg {
	position:fixed;
	left:0;
	top:0;
	height:100vh;
	width:55%;
	z-index:1;
}

.blue_bg {
	background:#002949;
}

.gold_bg {
	background:#AE8F47;
}

.registration .header .left_content {
	width:calc(55% - 20px);
}

.registration .header .left_content .menu li a {
	text-shadow: 
        -1px -1px 0px #002949,
         0px -1px 0px #002949,
         1px -1px 0px #002949,
        -1px  0px 0px #002949,
         1px  0px 0px #002949,
        -1px  1px 0px #002949,
         0px  1px 0px #002949,
         1px  1px 0px #002949;
}

.registration.gold .header .left_content .menu li a {
	text-shadow: 
        -1px -1px 0px #AE8F47,
         0px -1px 0px #AE8F47,
         1px -1px 0px #AE8F47,
        -1px  0px 0px #AE8F47,
         1px  0px 0px #AE8F47,
        -1px  1px 0px #AE8F47,
         0px  1px 0px #AE8F47,
         1px  1px 0px #AE8F47;
}

.registration .header .right_content ul li a {
	opacity:0.3;
	color:#000000;
}

.registration .header .right_content ul li a.active {
	opacity:1;
}

.registration .header .right_content ul li a.login {
	background-image:url('/design/icon_login_black.svg');
}

.registration .header .right_content ul li a.registration {
	background-image:url('/design/icon_registration_black.svg');
}

.registration .content {
	display:block;
	color:#ffffff;
	text-align:left;
}

.registration .content .half_content {
	display:table;
	height:100%;
	min-height: calc(100vh - 160px);
}

.registration .content .half_inner {
	display:table-cell;
	vertical-align:middle;
	height:calc(100% - 30px);
	min-height:400px;
	padding-bottom:30px;
}

.registration .content .left_content {
	float:left;
	width:55%;
}

.registration .content .left_content h1 {
	font-weight:800;
	font-size:76px;
	padding-bottom:30px;
}

.registration .content .left_content p {
	font-weight:300;
	font-size:28px;
	width:90%;
}

.registration .content .right_content {
	float:right;
	width:45%;
	text-align:center;
}

.for_form {
	max-width:400px;
	width:100%;
	margin:auto;
	text-align:left;
}

.form_row {
	margin-bottom:30px;
}

.form_row.small_padding {
	margin-bottom:10px;
}

.for_form .form_item {
	border:1px solid #000000;
	border-radius:4px;
	position:relative;
}

.for_form .form_item.v_err {
	border-color:#ff0000;
}

.for_form .form_item.before_small_width {
	width:calc(100% - 120px);
	float:left;
}

.for_form .form_item.small_width {
	width:100px;
	float:right;
}

.for_form .form_item.h_width {
	width:calc(50% - 10px);
}

.for_form .form_item.h_width.left {
	float:left;
}

.for_form .form_item.h_width.right {
	float:right;
}

.for_form .form_item .input_text {
	display:block;
	width:calc(100% - 40px);
	background:transparent;
	padding-left:20px;
	padding-right:20px;
	font-family: 'Poppins', sans-serif;
	font-size:13px;
	height:58px;
	line-height:58px;
}

.for_form .form_item.v_err .input_text {
	color:#ff0000;
}

.for_form .form_item .input_text::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder { /* WebKit browsers */
    color:#C4C4C4;
    font-size:14px;
}
.for_form .form_item .input_text:-moz-placeholder,
.textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:#C4C4C4;
    font-size:14px;
}
.for_form .form_item .input_text::-moz-placeholder,
.textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:#C4C4C4;
    font-size:14px;
}
.for_form .form_item .input_text:-ms-input-placeholder,
.textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:#C4C4C4;
    font-size:14px;
}

.for_form .form_item .label {
	position:absolute;
	background:#ffffff;
	font-size:13px;
	color:#000000;
	padding-left:7px;
	padding-right:7px;
	line-height:15px;
	top:-8px;
	left:10px;
	opacity:0;
}

.for_form .form_item .label.bg_gray {
	background:#f7f7f7;
}

.for_form .form_item.v_err .label {
	color:#FF0000;
}

.for_form .form_item.checkbox {
	border:0;
}

.for_form .form_item.checkbox input {
	-webkit-appearance: none;
	border:1px solid #000000;
	border-radius:4px;
	width:22px;
	height:22px;
	float:left;
	margin-right:10px;
}

.for_form .form_item.checkbox.err_info .icon {	
	border-radius:4px;
	width:22px;
	height:22px;
	float:left;
	margin-right:10px;
	border:1px solid #ff0000;
	background:url('/design/error_cross.svg') center center no-repeat;
	background-size:8px;	
}

.for_form .form_item.checkbox.ok_info .icon {
	width:26px;
	height:26px;
	border-radius:14px;
	background:#57AD39 url('/design/ok_check.svg') center center no-repeat;
	background-size:12px auto;
	float:left;
	margin-right:8px;
}

.for_form .form_item.checkbox.v_err input {
	border-color:#ff0000;
}

.for_form .form_item.checkbox input:checked {
	background:url('/design/checked.svg') center center no-repeat;
	background-size:10.5px auto;
}

.for_form .form_item.checkbox .for_label {
	display:block;
	float:left;
	width:calc(100% - 34px);
	height:100%;
	color:#000000;
	font-size:12px;
	line-height:16px;
	padding-top:4px;
	padding-bottom:4px;
}

.for_form .form_item.checkbox.err_info .for_label {
	color:#ff0000;
	font-size:13px;
}

.for_form .form_item.checkbox.ok_info .for_label {
	color:#57AD39;
	font-size:13px;
}

.for_form .form_item.checkbox.v_err .for_label {
	color:#ff0000;
}

.for_form .form_item.checkbox .for_label a {
	color:#000000;
}

.for_form .form_item.checkbox.v_err .for_label a {
	color:#ff0000;
}

.for_form .form_item.checkbox .for_label strong {
	font-weight:700;
	font-size:14px;
}

.for_form .button {
	display:inline-block;
	height:60px;
	line-height:60px;
	font-weight:900;
	border-radius:4px;
	padding-left:50px;
	padding-right:50px;
	text-decoration: none;
	font-size:18px;
	font-family: 'Poppins', sans-serif;
	box-shadow: 0px 16px 40px rgba(1, 53, 235, 0.08);
	cursor:pointer;
}

.for_form input.button {
	-webkit-appearance: none;
}

.for_form .button.gray {
	background:#DEDEDE;	
	color:#000000;
}

.for_form .button.blue {
	background:#002949;	
	color:#AE8F48;
}

.for_form .button.blue_white {
	background:#002949;	
	color:#ffffff;
}

.for_form .button.gold {
	background:#AE8F47;	
	color:#ffffff;
}

.for_form .info {
	font-size:18px;
	color:#000000;
	padding-bottom:20px;
}

.for_form .info a {
	text-decoration: none;
	color:#000000;
	font-weight:800;
}

.registration .content .right_content .for_form .points .point {
	width:38px;
	height:38px;
	border:1px solid #ffffff;
	border-radius:20px;
	position:relative;
	float:left;
	margin-right:10px;
}

.registration .content .right_content .for_form .points .point:before {
	content:'';
	background:#adadad;
	width:18px;
	height:18px;
	border-radius:12px;
	position:absolute;
	left:10px;
	top:10px;
}

.registration .content .right_content .for_form .points .point.active {
	border-color:#000000;
}

.registration .content .right_content .for_form .points .point.clickable {
	cursor:pointer;
}

.registration .content .right_content .for_form .points .point.active:before {
	width:24px;
	height:24px;
	left:7px;
	top:7px;
}
