.material-row-long {
display: inline-flex;
flex-wrap: wrap;
width: 100%;
}
.material-row-2,
.material-row-3 {
display: flex;
width: 100%;
justify-content: space-between;
flex-wrap: wrap;
}
.material-row-2-short {
display: inline-flex;
flex-wrap: wrap;
width: 30%;
justify-content: space-between;
}
.material-row-long-2 {
display: inline-flex;
flex-wrap: wrap;
width: 100%;
justify-content: space-between;
}
.material-row-long-2 .material-group:first-child {
width: 65%;
}
.material-row-long-2 .material-group:nth-child(2) {
width: calc(35% - 20px);
}
.material-group{
position:relative;
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 25px; 
}
.material-row-2 .material-group:first-child { }
.material-row-3 .material-group:first-child,
.material-row-3 .material-group:nth-child(2) {
margin-right: 20px;
}
.material-group>label.__material-label{
padding: 5px 0.2em;
position:absolute;
left:1em;
background: linear-gradient(180deg, #fff, #FAFAFA);
} 
label.__material-label{
font-size: 13px;
color: #515151;
font-weight: 400;
transition: 0.1s linear;
padding: 0 10px;
line-height: 11px;
}
.material-group>input, .material-group>select{
height: 50px;
outline:none;
border-radius: 5px;
border: solid 1px #D1D1D1;
}
.material-group input, .material-group select {
width: 100%;
}
.material-group input[type=number] {
-moz-appearance: textfield;
}
.material-group input[type=number]::-webkit-outer-spin-button,
.material-group input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
}
select.material-input {
-webkit-appearance: none;
background-image: url(//phoneansweringservices.com.au/staging/wp-content/themes/thirteennumbersaustralia/nav3/images/plans/select-arrow-down.svg) !important;
background-repeat: no-repeat !important;
background-position: center right 10px;
}
.material-input {
background: #FAFAFA;
width: 90%;
padding: 0px 20px;
}
.material-group>textarea{
width: 100%;
height: 80px;
outline:none;
border-radius: 5px;
border: solid 1px #D1D1D1;
padding:20px;  
}  
.material-group.__material-focus-in>label.__material-label {
top: -10px;
z-index: 1; 
}
.material-group.__material-focus-out>label.__material-label {
top: 17px;
z-index: 0;
pointer-events: none;
background: #FAFAFA;
width: 55%;
}
.material-group.__material-focus-out label.label-industry {
background: #fff;
width: 85%;  
}
.material-group.__material-focus-out label.label-select-state,
.material-group.__material-focus-out label.label-birthdate {
background: #fafafa;
width: 50%;   
}
.material-error-label, .material-error-email-label  {
visibility: hidden;
height: 0;
position: absolute;
left: 0; 
top: 56px;
left: 10px;
font-size: 11px;
font-weight: normal;
color: #b31b1b;
}
.__is_empty .material-error-label, .__is_emailblank .material-error-email-label{
visibility: visible;
}
.__is_empty input.material-input, .__is_empty select.material-input, .__is_emailblank input.material-input {
border: 2px solid #b31b1b;
}
.material-group.__is_empty.__material-focus-in>.__material-label {
color: #b31b1b;
}
input[type=number] {
-moz-appearance: textfield;
}
.full-input {
width: 100%;
}
.half-input {
width: calc(100% / 2 - 15px);
}
.third-input {
width: calc(100% / 3 - 20px);
}
.material-group.customform-input-long { width: calc(67% - 10px);
display: flex;
}
.custom-30-input {
width: calc(30% - 20px);
display: flex;
}
.custom-40-input {
width: calc(40% - 20px);
display: flex;
}
.select-custom-justify {
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: flex-start;
}
.industry-type-parent, .post-code-margin {
margin-right: 27px;
} .flex-row {
flex-wrap: wrap;
}
.width-100 {
width: 100%;
}
body {
background: #F5FDFD;
}
p.contact-sub {
color: #515151;
font-size: 16px;
font-weight: 400;
text-align: center;
width: 520px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.form-div {
background: #fff;
padding: 30px;
border: 1px solid #EAEAEA;
border-radius: 10px;
box-shadow: 0px 3px 10px #0000001A;
}
a.submit {
background: transparent linear-gradient(270deg, #004E64 0%, #004E64 50%, #303030 100%) 0% 0% no-repeat padding-box;
height: 50px;
width: 240px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 25px;
text-decoration: none;
cursor: pointer;
color: #fff;
margin-right: auto;
margin-left: auto;
}
.form-headline {
color: #515151;
font-size: 22px;
font-weight: 600;
}
.high-label {
font-size: 18px;
font-weight: 500;
color: #303030;
margin-bottom: 10px;
text-decoration: none;
}
.mid-label {
font-size: 16px;
color: #242424;
font-weight: 500;
text-decoration: none;
}
.low-label {
color: #515151;
font-size: 13px;
font-weight: 400;
margin-bottom: 5px;
text-decoration: none;
}
p.contact-info {
color: #004E64;
font-size: 22px;
font-weight: 600;
text-align: left; }
.international-section {
display: flex;
justify-content: space-between;
}
.international-sub {
display: flex;
width: calc(100% / 2 - 20px);
}
.international-section {
margin-bottom: 30px;
}
.postal-section {
margin-bottom: 30px;
}
textarea {
resize: none;
}
.phone-label::before {
content: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/pages/contact-us/phone-icon.png);
}
.phone-label, .postal-label, .office-label {
display: flex;
}
.postal-label::before {
content: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/pages/contact-us/address-icon.png);
}
.phone-label::before, .postal-label::before, .office-label::before {
margin-right: 5px;
}
.office-label::before {
content: url(//phoneansweringservices.com.au/staging/wp-content/themes/pas/pasv2/images/pages/contact-us/office-address.png);
}
.low-label, .mid-label {
margin-left: 20px;
}
.contact-wrapper {
width: 750px;
margin-left: auto;
margin-right: auto;
}
.contact-wrapper .global-header {
text-align: center;
}
.contact-number-section {
margin-top: 80px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.number-section {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 550px;
margin-left: auto;
margin-right: auto;
}
.phone-section, .office-section {
display: flex;
width: calc(100% / 2 - 50px);
}
.flex-hold-contact-1, .flex-hold-contact-2, .flex-hold-contact-3 {
display: flex;
}
.flex-hold-contact-2 .flex-hold {
display: flex; }
.flex-hold-contact-3 .flex-hold {
display: flex;
}
.flex-hold-contact-1 {
width: 17%;
}
.flex-hold-contact-2 {
width: 41%;
justify-content: center;
}
.flex-hold-contact-3 {
width: 42%;
}
@media only screen and (max-width: 820px) {
.contact-reverse {
flex-direction: column-reverse;
}
h2.global-header, h1.global-header {
text-align: left;
}
p.contact-sub {
text-align: left;
}
p.contact-info {
text-align: left;
}
p.high-label {
text-align: left;
}
p.low-label {
text-align: left;
}
p.mid-label {
text-align: left;
}
.international-section {
flex-wrap: wrap;
align-content: space-between;
height: 120px;
}
.international-sub {
width: 100%;
}
.form-div {
margin-top: 50px;
}
.postal-section {
float: left;
}
.office-section {
float: right;
}
.flex-hold-contact-1, .flex-hold-contact-2, .flex-hold-contact-3 {
width: 100%;
text-align: left;
justify-content: flex-start;
}
.flex-hold-contact-2 .flex-hold {
display: block;
}
.flex-hold-contact-3 .flex-hold {
display: block;
}
.flex-hold-contact-3 {
margin-top: 30px;
}
.low-label, .mid-label {
margin-left: 30px;
}
p.contact-info {
margin-bottom: 20px;
}
.contact-wrapper, p.contact-sub {
width: 100%;
}
}
@media only screen and (max-width: 600px) {
.material-group {
width: 100%;
}
.international-section {
flex-wrap: wrap;
}
.international-sub {
width: 100%;
justify-content: flex-start;
}
.postal-section, .office-section {
float: none;
}
h2.global-header, h1.global-header {
font-size: 25px;
}
a.submit {
margin-left: auto;
margin-right: auto;
width: 100%;
}
.contact-number-section {
margin-top: 40px;
}
}