@font-face {
    font-family: 'PoalimBeta5Bold';
    src: url('PoalimBeta5-Bold.otf');
}

@font-face {
    font-family: 'PoalimBeta5Regular';
    src: url('PoalimBeta5-Regular.otf');
}

@font-face {
    font-family: 'PoalimBeta5Light';
    src: url('PoalimBeta5-Light.otf');
}

body {
	margin: 0;
	width: 100%;
	height: 100%;
}	

html {
  position: relative;
  min-height: 100%;
	width: 100%;
	height: 100%;
}

#main-wrapper{
	width: 2708px;
	position:fixed;
}

.run-form-content {   
	width: 2708px;
	height: 4000px;
	position: relative;
}

#content-welcome {
	background-image: url('WelcomePortrait.jpg');
	background-repeat: no-repeat;
}

#content-success {
	background-image: url('reg_successPortrait.jpg');
	background-repeat: no-repeat;
	display: none;
}


#content-page1 {
	background-image: url('Page1Portrait.jpg');
	background-repeat: no-repeat;
	display: none;
}

#content-page2 {
	background-image: url('Page2Portrait.jpg');
	background-repeat: no-repeat;
	display: none;
}


#btn-enter {
	position: absolute;
	left: 886px;
	top: 3232px;
	border: 0;
	width: 1000px;
	background-color: transparent;
}
#btn-enter > img {
	width: 100%;
}

.input-field {
	position: absolute;
	width: 1285px;
	height: 160px;
	border: 0;
	border-radius: 44px;
	font-size: 4.3rem;
	padding: 1px 70px;

}

.input-field::placeholder {
	opacity: 0.67;
	font-family: PoalimBeta5Regular;
	padding: 0px;
}

.input-checkbox {
	position: absolute;
	border-radius: 32px;
	width: 100px;
	height: 100px;
}

#page1_firstname {
	top: 478px;
	left: 907px;
}

#page1_lastname {
	top: 687px;
	left: 907px;
}

#page1_id {
	top: 900px;
	left: 907px;
}

#page1_age {
	top: 1110px;
	left: 907px;
}

#page1_works_in_bank {
	top: 1632px;
	left: 2206px;
}
	
#page1_spouse_of_a_bank_employee {
	top: 1817px;
	left: 2203px;
}

#page1_child_over_18 {
	top: 2002px;
	left: 2203px;
}

#page1_phone {
	top: 2567px;
	left: 910px;
	text-align: right;
}

#page1_name_of_bank_employee {
	top: 1787px;
	left: 352px;
	text-align: right;
	width: 800px;
}

#page1_email {
	top: 2906px;
	left: 910px;
	text-align: right;
}

#page1_unit_number {
	width: 734px;
	top: 3249px;
	left: 1459px;
	text-align: right;
}

#btn-back1 {
	position: absolute;
	left: 2049px;
	top: 3547px;
	border: 0;
	width: 340px;
	height: 340px;
	background-color: transparent;
}

#btn-back1 > img {
	width: 100%;
}

#btn-next1 {
	position: absolute;
	left: 300px;
	top: 3547px;
	width: 340px;
	height: 340px;
	border: 0;
	background-color: transparent;
}


#btn-next1 > img {
	width: 100%;
}


#btn-back2 {
	position: absolute;
	left: 2049px;
	top: 3547px;
	border: 0;
	width: 340px;
	height: 340px;
	background-color: transparent;
}

#btn-next2-normal {
	position: absolute;
	left: 300px;
	top: 3547px;
	width: 340px;
	height: 340px;
	border: 0;
	background-color: transparent;
}

#btn-next2-send {
position: absolute;
    left: 278px;
    top: 3534px;
    width: 750px;
    border: 0;
    background-color: transparent;
}


#btn-back2 > img {
	width: 100%;
}

#btn-next2-normal > img {
	width: 100%;
}

#btn-next2-send > img {
	width: 100%;
}

#btn-next3 {
position: absolute;
    left: 278px;
    top: 3534px;
    width: 750px;
    border: 0;
    background-color: transparent;
}

#btn-next3 > img {
	width: 100%;
}

#btn-back3 {
	position: absolute;
	left: 2049px;
	top: 3547px;
	border: 0;
	width: 340px;
	height: 340px;
	background-color: transparent;
}

#btn-back3 > img {
	width: 100%;
}

#page2_distance_0_5 {
	top: 441px;
	left: 2205px;
}

#page2_distance_2_5 {
	top: 625px;
	left: 2204px;
}

#page2_distance_5_0 {
	top: 810px;
	left: 2205px;
}

#page2_distance_7_5 {
	top: 998px;
	left: 2204px;
}

#page2_size_s {
	top: 1506px;
	left: 2205px;
}

#page2_size_m {
	top: 1690px;
	left: 2204px;
}

#page2_size_l {
	top: 1874px;
	left: 2204px;
}

#page2_size_xl {
	top: 2061px;
	left: 2204px;
}

#page2_size_xxl {
	top: 2250px;
	left: 2204px;
}

#page2_size_xxxl {
	top: 2438px;
	left: 2204px;
}

#btn-toc {
	position: absolute;
    left: 981px;
    top: 2709px;
    border: 0;
    background-color: transparent;
    width: 510px;
    height: 200px;
}

#btn-toc > img {
	width: 100%;
}

#btn-health {
	position: absolute;
	left: 916px;
	top: 2883px;
    border: 0;
    background-color: transparent;
    width: 510px;
    height: 200px;
}

#btn-health > img {
	width: 100%;
}

#btn-health-confirm {
	position: absolute;
	left: 1587px;
	top: 814px;
	border: 0;
	background-color: transparent;
}


.overlay_darken{
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #00000055;
	left: 0;
	top:0;
	z-index: 10;
}


#toc_popup {
	overflow: scroll;
	height: 90%;
	width: 90%;
	left: 5%;
	top: 5%;
	position: relative;
	direction: rtl;
	background-color: white;
}

#toc_popup > img {
	width: 100%;
	max-width: 1232px;
}

#toc_popup button {
	background-color: transparent;
	border: 0;
	position: relative;
	margin: 0 auto;
	right: 50%;
	transform: translate(50%, 0);
	width: 30%;
	min-width: 270px;
}

#toc_popup button > img {
	width: 100%;
}




#health_popup {
	overflow: scroll;
	height: 90%;
	width: 92%;
	left: 2%;
	top: 5%;
	position: relative;
	direction: rtl;
	background-color: white;
	padding: 2%;
}


#health_popup button {
	background-color: transparent;
	border: 0;
	position: relative;
	margin: 0 auto;
	right: 50%;
	transform: translate(50%, 0);
	width: 30%;
	min-width: 270px;
	max-width: 450px;
}

#health_popup button > img {
	width: 100%;
}

.health-input {
	display: block;
	right: 15px;
	width: 100px;
	height: 43px;
	border-radius: 30px;
	font-size: 1.35rem;
	padding: 1px 25px 1px 1px;
	font-family: PoalimBeta5Regular;
	margin-bottom: 1.5rem;
    margin-top: 0.25rem;
}

#healt_input_read_and_approve_rgulations{
	position: relative;
	display: block;
}

#content-page3 {
	background-image: url('Page3Portrait_empty.jpg');
	background-repeat: no-repeat;
	display: none;
}

#page3_controls {
	direction: rtl;
}

#page3_btn_any_children {
	width: 506px;
    height: 92px;
    position: absolute;
    left: 1818px;
    top: 493px;
    border: 0;	
	background-color: #ffffff01;
}

#page3_children_number {
    top: 772px;
    height: 135px;
    right: 1020px;
    width: 301px;
	font-size: 3.4rem;
	position: absolute;
}

#page3_approve_children_health_normal {

	
		background-color: transparent;
	border: 0;
	position: absolute;
	right: 391px;
	top: 3287px;
}


#page3_approve_children_health_normal > img {
	width: 100%;
}

#page3_btn_accept_responsibility {
	background-color: transparent;
    border: 0;
    position: absolute;
    right: 1604px;
    width: 509px;
    top: 2869px;
}

#page3_btn_accept_responsibility > img {
	width: 100%;
}

#page3_approve_children_health_normal_confirm > img {
	width: 100%;
}

#page3_approve_children_health_normal_confirm{
	background-color: transparent;
    border: 0;
    position: absolute;
    right: 1450px;
    top: 3375px;
    width: 509px;
}

.page3-child-row {

}

.input-child-data {
	right: 98px;
	height: 135px;
	border-radius: 44px;
	font-size: 3.4rem;
	padding: 1px 70px 1px 1px;
	border: 0;
	margin: 0 20px 40px 5px;
	font-family: PoalimBeta5Regular;
}

.input-child-data::placeholder {
	opacity: 0.5;
	font-family: PoalimBeta5Regular;
}

#page3_child_rows {
	position: absolute;
	right: 380px;
	top: 979px;
}