@charset "utf-8";

#div_dialog_options_container {
	/*display: none;*/
	height: 0%;
	left: 0;
	overflow: auto;
	position: fixed;
	top: 0;
	width: 100%;
	background-color: rgba(109, 110, 113, 0.95);
	border: none;
	z-index: 2;
	transition: all 0.3s ease-in-out;
}

#div_options_container {
	margin: auto;
	max-width: 1440px;
	padding: 18px 30px;
	position: relative;
	width: 100%;
	background-color: #FFFFFF;
}

#div_dialog_options_container h2 {
	margin: 0px auto;
	font-family: 'Titillium Web', sans-serif;
	font-size: 46px;
	font-weight: bold;
	text-align: center;
	cursor: default;
}

#div_options_container h3 {
	margin: 0 auto 22px;
}

.div_dialog_close {
	align-content: center;
	display: flex;
	justify-content: center;
	height: 50px;
	position: absolute;
	right: 14px;
	top: 14px;
	width: 50px;
	border: #000000 solid 2px;
	border-radius: 25px;
	z-index: 5;
	cursor: pointer;
}

.div_dialog_close p {
	margin-top: -17px;
	color: #000000;
	font-family: 'Titillium Web', sans-serif;
	font-size: 46px;
	font-weight: bold;
	cursor: pointer;
}

#div_options_content {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.div_option {
	padding: 0 5px;
	margin: 3px;
	max-width: 454px;
	width: 100%;
	border: #6D6E71 solid 1px;
	cursor: pointer;
}

.div_option:hover .div_option_price {
	background-color: #961E5B
}

.div_option h3 {
	margin: 21px 0;
	color: #6D6E71;
	font-family: 'Roboto', sans-serif;
	font-size: 27px;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s ease;
}

.div_option:hover .div_option h3 {
	color: #961E5B
}

.div_option p {
	margin: 9px 0;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	cursor: pointer;
}

.div_option ul {
	margin: 0;
	padding-inline-start: 20px;
}

.div_option li {
	padding: 6px 0;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 300;
	cursor: pointer;
}

.div_option_price {
	align-items: center;
	display: flex;
	justify-content: center;
	height: 71px;
	margin: 18px auto;
	width: 118px;
	background-color: #6D6E71;
	border-radius: 30px;
	color: #FFFFFF;
	font-family: 'Titillium Web', sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s ease;
}

#div_options_container > p {
	margin: 18px 0 0;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight: 300;
	text-align: center;
	cursor: default;
}

main {
	margin-top: 200px;
	z-index: 0;
	transition: all 0.3s ease;
}

section {
	padding: 35px 0;
}

@media all and (min-width: 607px) and (max-width: 1496px) {
	
	section {
		padding: 35px 28px;
	}
	
}

@media all and (max-width: 606px) {
	
	section {
		padding: 0px 28px 35px;
	}
	
}

#section_1 {
	margin: 0 auto;
	max-width: 1372px;
	width: 100%;
}

#div_section-1_content {
	max-width: 1372px;
}

#div_section-1_content h2 {
	margin: 24px 0;
	color: #6D6E71;
}

p.p_application-heading {
	margin: 0px auto;
	color: #961E5B;
	text-align: center;
}

#div_section-1_content h1,
#div_section-1_content h2,
p.p_application-heading {
	margin: 20px auto;
	max-width: 1032px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	cursor: default;
}

@media all and (min-width: 1146px) and (max-width: 1496px) {
	
	#div_section-1_content h1,
	#div_section-1_content h2,
	p.p_application-heading {
		font-size: 44px;
	}
	
}

@media all and (min-width: 607px) and (max-width: 1145px) {
	
	#div_section-1_content h1,
	#div_section-1_content h2 {
		font-size: 48px;
		text-align: center;
	}
	
}

@media all and (min-width: 380px) and (max-width: 606px) {
	
	#div_section-1_content h1,
	#div_section-1_content h2 {
		font-size: 44px;
		line-height: 54px;
		text-align: center;
	}
	
}

@media all and (max-width: 379px) {
	
	#div_section-1_content h1,
	#div_section-1_content h2 {
		font-size: 34px;
		text-align: center;
	}
	
}

@media all and (min-width: 735px) and (max-width: 1145px) {
	
	p.p_application-heading {
		font-size: 28px;
	}
	
}

@media all and (min-width: 430px) and (max-width: 734px) {
	
	p.p_application-heading {
		font-size: 16px;
	}
	
}

#div_section-1_content > p {
	margin: 16px auto;
	max-width: 908px;
	font-family: 'Roboto', sans-serif;
	font-size: 21px;
	font-weight: 400;
	cursor: default;
}

#div_application-process {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin: 12px auto;
	max-width: 1372px;
}

#div_application-process > img {
	height: 56px;
	margin: 0 27px;
	max-width: 28px;
	width: 100%;
	transition: all 0.3s ease;
}

@media all and (min-width: 430px) and (max-width: 966px) {
	
	#div_application-process > img {
		height: 28px;
		margin: 0;
		max-width: 14px;
	}
	
}

@media all and (max-width: 429px) {
	
	#div_application-process {
		flex-direction: column;
	}
	
	p.p_application-heading {
		font-size: 34px;
	}
	
	#div_application-process > img {
		height: 28px;
		margin: 5px 0;
		max-width: 14px;
		transform: rotate(90deg);
	}
	
}

.div_application-process_step {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 270px;
	max-width: 280px;
	padding: 12px 0px;
	width: 100%;
	border: #6D6E71 solid 1px;
	text-align: center;
}

@media all and (max-width: 966px) {
	
	.div_application-process_step {
		max-width: 200px;
	}
	
}

@media all and (max-width: 606px) {
	
	.div_application-process_step {
		min-height: 230px;
	}
	
}

p.p_application-step {
	margin: 6px auto;
	max-width: 224px;
	padding: 0 1px;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	font-weight: 300;
	text-align: center;
	cursor: default;
}

@media all and (max-width: 1152px) {
	
	p.p_application-step {
		font-size: 16px;
	}
	
}

@media all and (min-width: 430px) and (max-width: 966px) {
	
	.div_application-process_step > img {
		zoom: 50%;
	}
	
}

.p_application-step img {
	margin: 6px auto 12px;
}

#button_start {
	height: 71px;
	left: 50%;
	margin: 35px auto 0 -114px;
	position: relative;
	width: 228px;
	background-color: #961E5B;
	border: none;
	border-radius: 30px;
	color: #FFFFFF;
	font-family: 'Titillium Web', sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s ease;
}

#button_start:hover {
	box-shadow: inset 0 1px 5px #FFFFFF;
}

form {
	display: none;
	margin: 0 auto;
	max-width: 1440px;
	min-height: 71vh;
	padding: 35px;
	width: 100%;
	background-color: #FFFFFF;
}

#div_progress_container {
	align-items: center;
	display: none;
	height: 30px;
	margin: 0 auto;
	max-width: 1372px;
	position: sticky;
	top: 0;
	width: 100%;
	background-color: #6D6E71;
	border-radius: 7px;
	box-shadow: inset 0 3px 6px #000000;
}

#div_progress-value {
	align-items: center;
	display: flex;
	height: 30px;
	width: 134px;
	background-color: #000000;
	border-radius: 7px 0 0 7px;
}

#div_progress-value p {
	margin: 0;
	padding: 5px;
	color: #FFFFFF;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	cursor: default;
}

#div_progress-bar {
	height: 30px;
	width: 3%;
	background-color: #961E5B;
	border-radius: 0 7px 7px 0;
	transform: all 0.3s ease;
}

.section_form {
	display: none;
	margin: 0 auto;
	width: 100%;
}

form section h2 {
	margin: 30px auto;
	max-width: 752px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 49px;
	font-weight: 700;
	text-align: center;
	cursor: default;
}

.div_questions_container,
.div_child {
	margin: 24px auto;
	width: 100%;
}

#section_screen-out .div_questions_container,
#section_3 .div_questions_container,
#section_4 .div_questions_container,
#section_5 .div_questions_container,
#div_married_container,
#div_court-matters-existing_container,
.div_child,
#section_9 .div_questions_container,
#section_10 .div_questions_container,
#section_11 .div_questions_container,
#div_super-funds {
	display: flex;
	flex-wrap: wrap;
	column-gap: 14px;
}

#section_2 .div_questions_container {
	max-width: 584px;
}

#section_2a .div_questions_container {
	max-width: 755px;
}

#section_screen-out .div_questions_container,
#section_3 .div_questions_container,
#section_4 .div_questions_container,
#section_6 .div_questions_container,
.div_child {
	max-width: 918px;
}

#section_5 .div_questions_container {
	max-width: 704px;
}

#section_7 .div_questions_container {
	max-width: 978px;
}

#section_8 .div_questions_container {
	max-width: 1344px;
}

#section_9 .div_questions_container {
	max-width: 880px;
}

#section_10 .div_questions_container {
	max-width: 1048px;
}

#section_11 .div_questions_container {
	max-width: 798px;
}

#section_12 .div_questions_container {
	max-width: 905px;
}

.div_questions_container_col {
	display: flex;
	flex-direction: column;
}

#div_home-address_container {
	flex-direction: row;
	flex-wrap: wrap;
	column-gap: 12px;
}

.p_form_description {
	margin: 0 auto;
	max-width: 428px;
	font-family: 'Roboto', sans-serif;
	font-size: 23px;
	font-weight: 300;
	line-height: 32px;
	text-align: center;
	cursor: default;
}

.p_instruction {
	margin: 1px 0;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 300;
	cursor: default;
}

#span_options {
	text-decoration: underline;
	cursor: pointer;
}

label {
	display: inline-block;
	margin: 24px 0 1px;
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	font-weight: 400;
	cursor: default;
}

.label_radio {
	align-items: baseline;
	display: grid;
	margin: 5px 0px;
	font-size: 23px;
	grid-template-columns: 28px auto;
	cursor: pointer;
}

.label_radio:hover {
	color: #961E5B;
}

.label_checkbox {
	display: inline;
	margin: 0px 0 1px;
	font-size: 19px;
	cursor: pointer;
}

select {
	/*height: 39px;*/
	margin-top: 19px;
	/*min-width: 310px;
	border: #6D6E71 solid 1px;*/
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	/*font-weight: 300;*/
	cursor: pointer;
}
/*
@media all and (max-width: 670px) {
	
	select {
		height: auto;
		min-width: inherit;
		border: default;
		font-family: default;
		font-size: default;
		font-weight: default;
	}
	
}
*/
input:not([type='file']):not([type='radio']):not([type='checkbox']) {
	height: 39px;
	margin-top: 17px;
	border: #6D6E71 solid 1px;
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	font-weight: 300;
}

input[type='date'] {
	width: 184px;
}

input[type='file'] {
	height: 39px;
	margin-top: 19px;
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	font-weight: 300;
}

input[type='number'] {
	width: 50px;
}

input[type='checkbox'] {
	cursor: pointer;
}

input[type='radio'] {
	height: 18px;
	margin: 0px 10px 0px 0px;
	width: 18px;
	cursor: pointer;
}

input:disabled {
	background-color: rgba(109, 110, 113, 0.5);
}

.input_full-size {
	width: 918px;
}

@media (max-width: 982px) {
	
	.input_full-size {
		max-width: 100%;
		width: 100%;
	}
	
}

.input_half-size {
	width: 438px;
}

@media (max-width: 494px) {
	
	.input_half-size {
		max-width: 100%;
		width: 100%;
	}
	
}

.input_third-size {
	width: 298px;
}

@media (max-width: 356px) {
	
	.input_third-size {
		max-width: 100%;
		width: 100%;
	}
	
}

.p_note {
	margin: 2px 0;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: 300;
	cursor: default;
}

.div_button_container {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 248px;
	width: 100%;
	column-gap: 12px;
}

.button_back,
.button_next,
.button_submit {
	align-items: center;
	display: flex;
	justify-content: center;
	height: 71px;
	margin: 35px auto 0;
	width: 118px;
	background-color: #961E5B;
	border: none;
	border-radius: 30px;
	color: #FFFFFF!important;
	cursor: pointer;
	font-family: 'Titillium Web', sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	transform: all 0.3s ease-in-out;
}

.button_next:disabled,
.button_submit:disabled {
	background-color: rgba(109, 110, 113, 0.5);
	cursor: default;
}

.button_next:disabled:hover,
.button_submit:disabled:hover {
	box-shadow: none;
}

.button_back:hover,
.button_next:hover,
.button_submit:hover {
	box-shadow: inset 0 1px 5px #FFFFFF;
}

.button_back img {
	margin-right: 10px;
}

.button_next img {
	margin-left: 10px;
}

textarea {
	margin: 24px 0;
	min-height: 117px;
	width: 918px;
	border: #6D6E71 solid 1px;
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	font-weight: 300;
}

@media all and (min-width: 762px) and (max-width: 978px) {
	
	textarea {
		width: 700px;
	}
	
}

@media all and (min-width: 419px) and (max-width: 761px) {
	
	textarea {
		width: 310px;
	}
	
}

@media all and (min-width: 366px) and (max-width: 418px) {
	
	textarea {
		width: 306px;
	}
	
}

@media all and (max-width: 365px) {
	
	textarea {
		width: 252px;
	}
	
}

#input_address-country,
#div_partner-address_container,
#input_partner-address-country,
#div_partner-contact_container,
#div_married_container,
#div_divorced_container,
#div_not-married_container,
#div_court-matters-existing_container,
#div_children,
#div_child-1,
#div_child-1_adult,
#div_child-2,
#div_child-2_adult,
#div_child-3,
#div_child-3_adult,
#div_child-4,
#div_child-4_adult,
#div_child-5,
#div_child-5_adult,
#div_child-support,
#div_child-support-received,
#div_child-support-partner,
#div_child-support-partner-receiving,
#div_adults,
#div_adults-partner,
#p_unresolved_property,
#p_super_funds {
	display: none;
}

.span_bold {
	font-weight: bold;
}

#div_children h3 {
	margin: 0 auto;
	max-width: 918px;
	width: 100%;
	border-bottom: #6D6E71 solid 1px;
	color: #6D6E71;
	font-family: 'Roboto', sans-serif;
	font-size: 36px;
	font-weight: 700;
	text-align: center;
}