@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');


.csu_form_block_main * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.csu_form_block_main *:before, .csu_form_block_main *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.csu_form_block_main, .csu_form_block_main input {
	font-family: "Inter", sans-serif;
}

.csu_form_block_main {
	overflow-y: auto;
    visibility: hidden;
}

.csu_overlay {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.csu_form_top_border {
	margin: 18px 0 0 0;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	height: 2px;
}

.csu_form_top_border div {
	float: left;
	width: 20%;
	height: 2px;
}

.csu_form_top_border div:nth-of-type(odd) {
	background: #30cdfa;
}

.csu_form_top_border div:nth-of-type(even) {
	background: #17b0cf;
}

.csu_form_block {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}

.csu_form_block_body {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: rgb(18, 18, 18);
    padding: 40px 46px 48px 46px;
    border: 2px solid rgb(33, 33, 33);
    width: 360px;
    height: 588px;
    box-sizing: border-box;
    border-radius: 12px;
}

.csu_form_block_title {
    color: #fff;
    text-align: center;
    font-family: 'Inter', sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 32px;
}

.csu_form_block_description {
	font-size: 14px;
	color: #666;
	padding: 0 20px;
	line-height: 16px;
}

.csu_form_input_name {
	color: rgb(192, 192, 199);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 8px;
    display: block;
}

.csu_form_block_body_form {
}

.csu_form_block_body_form input[type="text"], .csu_form_block_body_form input[type="password"] {
	width: 100%;
    background-color: rgb(18, 18, 18) !important;
    color: #fff !important;
    border: 2px solid rgb(41, 41, 41);
    border-radius: 12px;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    box-sizing: border-box;
    height: 54px;
    padding: 14px 24px 16px 24px;
    -webkit-appearance: none;
    caret-color: #fff;
}

.csu_form_block_body_form input[type="text"]::placeholder {
  color: rgb(128, 128, 128) !important;
    -webkit-text-fill-color: rgb(128, 128, 128)!important;
}

.csu_form_block_body_form input[type="password"]::placeholder {
  color: rgb(128, 128, 128) !important;
  -webkit-text-fill-color: rgb(128, 128, 128)!important;
}

.csu_form_block_body_form input[type="text"],
.csu_form_block_body_form input[type="text"]:hover,
.csu_form_block_body_form input[type="text"]:active {
  border: 2px solid rgb(41, 41, 41) !important;
  outline: none !important;
  -webkit-box-shadow: 0 0 0 1000px rgb(18, 18, 18) inset !important;
  box-shadow: 0 0 0 1000px rgb(18, 18, 18) inset !important;
  border-radius: 12px !important;
  -webkit-text-fill-color: #fff !important;
  background-clip: content-box !important;
}

.csu_form_block_body_form input[type="password"],
.csu_form_block_body_form input[type="password"]:hover,
.csu_form_block_body_form input[type="password"]:active {
  border: 2px solid rgb(41, 41, 41) !important;
  outline: none !important;
  -webkit-box-shadow: 0 0 0 1000px rgb(18, 18, 18) inset !important;
  box-shadow: 0 0 0 1000px rgb(18, 18, 18) inset !important;
  border-radius: 12px !important;
  background-clip: content-box !important;
      -webkit-text-fill-color: #fff !important;
}

.csu_form_block_body_form input[type="password"]:focus {
  border: 2px solid rgb(51, 51, 51) !important;
  outline: none !important;

}

.csu_form_block_body_form input[type="text"]:focus {
  border: 2px solid rgb(51, 51, 51) !important;
  outline: none !important;

}

.csu_politic {
     position: static;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 20px;
    padding: 10px 0 0 0;
    text-align: center;
	margin-top: 14px;
}

.csu_politic_a {

}

.input-group2 {
    width: 100%;
    margin-bottom: 24px;
    position: relative;
}

a.csu_politic_a {
    text-decoration: none;
    color: rgb(65, 135, 45);
}

#csu_form_sing_up {
    width: 100%;
    height: 54px;
    border: none;
    font-weight: 600;
    border-radius: 12px;
    background-color: #fff;
    cursor: pointer;
    font-size: 16px;
    padding: 14px 24px;
    margin-top: 16px;
    color: #000000;
}

input[name="csu_form_checkbox"] {
	display: none;
}

label[for="csu_form_checkbox"] span {
	border-radius: 99px;
	border: 1px solid #ccc;
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: top;
	margin: 2px 10px 0 0;
	box-shadow: 0 4px 8px rgba(0, 0, 0, .05);
}

label[for="csu_form_checkbox"] {
	margin: 0;
	font-size: 14px;
	color: #1e293b;
	padding: 18px 0 5px 0;
	display: block;
	line-height: normal;
	cursor: pointer;
}

input[name="csu_form_checkbox"]:checked + label span:before {
	background: #30cdfa;
	width: 8px;
	height: 8px;
	display: block;
	content: "";
	margin: 3px 0 0 3px;
	border-radius: 99px;
}

.csu_form_block_main.csu_show_form {
    visibility: visible !important;
}

.csu_form_block_main.csu_show_form .csu_form_block {
	opacity: 1;
	-webkit-transform: rotate(0deg) translate(0, 0);
	transform: rotate(0deg) translate(0, 0);
}

.csu_form_close {
	background: url("../img/close.svg") no-repeat center center;
	position: absolute;
    right: 6.4%;
    top: 3.7%;
    cursor: pointer;
    width: 14px;
    height: 14px;
}


.csu_form_close:hover {
      opacity: 0.8;
}

.csu_red_alert {
	border: 1px solid #f21248;
	display: block;
	border-radius: 6px;
	font-size: 12px;
	padding: 6px 10px;
	background: rgba(249, 38, 89, 0.05);
	margin: 16px 0 0 0;
}

.csu_green_alert {
	border: 1px solid #6c9806;
	display: block;
	border-radius: 6px;
	font-size: 12px;
	padding: 6px 10px;
	background: rgba(108, 152, 6, 0.05);
	margin: 16px 0 0 0;
}

.csu_wait {
	position: absolute;
	z-index: 999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 6px;
	display: none;
}