.wrapper {

}
.welcome {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.info {
	position: relative;
	width: 50%;
	height: 100vh;
	padding:50px 60px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: column;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b75bc+0,003056+100 */
	background: linear-gradient(135deg,  rgba(27,117,188,1) 0%,rgba(0,48,86,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.logo {

}
.logo img {
	height: 90px;
}
.benefits {

}
.benefit {
	margin:0 0 40px 0;
}
.benefit:last-child {
	margin:0;
}
.benefit_icon {

}
.benefit_icon svg {
	width: 32px;
	height: 32px;
	fill:#4AB1E4;
}
.benefit_title {
	margin:12px 0 0 0;
	font-family: "FIRAGO-SEMIBOLD";
	font-size: 18px;
	color:#fff;
}
.benefit_desc {
	margin:12px 0 0 0;
	color: #fff;
	opacity: 0.5;
}
.footer {
	
}
.form {
	width: 50%;
	height: 100vh;
	padding:50px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: #fff;
}
.form_content {
	width: 400px;
}
.form_content.register {
	max-width: 100%;
	width: 600px;
}
.form_title {
	font-family: "FIRAGO-EXTRABOLD";
	font-size: 24px;
	color: #003056;
}
.form_error {
	margin:30px 0 0 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding:12px 22px;
	border-radius: 12px;
	background: #D8315B;
	color: #fff;
}
.form_error svg {
	margin:0 12px 0 0;
}
.form_success {
	margin:30px 0 0 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding:12px 22px;
	border-radius: 12px;
	background: #007C01;
	color: #fff;
}
.form_success svg {
	margin:0 12px 0 0;
}
.form_items {
	margin:40px 0 0 0;
}
.form_items_split {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin:0 0 16px 0;
}
.form_item {
	margin:0 0 16px 0;
}
.form_item:last-child {
	margin:0;
}
.form_items_split .form_item {
	margin:0;
	width: calc(50% - 12px);
}
.form_item_title {
	color: #003056;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 15px;
}
.form_item_title a {
	color: #1B75BC;
	font-size: 15px;
}
.form_item_title a:hover {
	color: #003056;
}
.form_item_field {
	margin:8px 0 0 0;
}
.form_item_field input {
	width: 100%;
	height: 50px;
	border:none;
	outline: none;
	background: #E5EAEE;
	border-radius: 12px;
	font-family: "FIRAGO-SEMIBOLD";
	color: #003056;
	font-size: 16px;
	padding:0 20px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
.form_submit {
	margin:28px 0 0 0;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #003056;
	font-family: "FIRAGO-EXTRABOLD";
	color:#fff;
	border-radius: 12px;
	cursor: pointer;
}
.form_submit:hover {
	background: #1B75BC;
}
.form_addon {
	margin:30px 0 0 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
}
.form_addon.hidden {
	visibility: hidden;
}
.form_addon div {
	color: #003056;
	font-size: 15px;
}
.form_addon a {
	margin:5px 0 0 0;
	color: #1B75BC;
}
.form_addon a:hover {
	color: #003056;
}
.success {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.success_icon {

}
.success_icon svg {
	width: 80px;
	height: 80px;
	fill:#4AB1E4;
}
.success_title {
	margin:50px 0 0 0;
	font-family: "FIRAGO-SEMIBOLD";
	font-size: 21px;
	color: #003056;
	text-align: center;
}
.success_desc {
	text-align: center;
	color:#003056;
	margin:30px 0 0 0;
}
.success a {
	margin:50px 0 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	border-radius: 50px;
	background: #003056;
	padding:0 35px;
	color: #fff;
	font-family: "FIRAGO-EXTRABOLD";
}
.success a:hover {
	background: #1B75BC;
}

/* LANG SWITCHER */

.lang_switcher {
    position: absolute;
    right:60px;
    top:75px;
    display: inline-block;
}
.lang_switcher_btn {
    background-color: #E5EAEE;
    color: #003056;
    font-family: "FIRAGO-EXTRABOLD";
    font-feature-settings: "case" on;
    text-transform: uppercase;
    font-size: 16px;
    width:85px;
    height: 45px;
    border-radius: 45px;
    cursor: pointer;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0 0 0 30px;
}
.lang_switcher_btn .icon {
    font-size: 12px;
    margin:-2px 0 0 6px;
}
.lang_switcher_btn:hover {
	background: #cfd7dd;
}

.lang_switcher_dropdown {
    display: none;
    position: absolute;
    background-color: #fff;
    width:85px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-radius: 12px;
    overflow: hidden;
    margin:12px 0 0 0;
    right:0;
}

.lang_switcher_dropdown a {
    padding: 10px 18px;
    text-decoration: none;
    display: block;
    color: #003056;
    font-family: "FIRAGO-EXTRABOLD";
    font-feature-settings: "case" on;
    text-transform: uppercase;
    font-size: 16px;
}

.lang_switcher_dropdown a:hover {
    background-color: #E5EAEE;
}

/* END OF LANG SWITCHER */