/* Table of Content
 ==================================================
 #Page Structure
 */
@font-face {
    font-family: 'Metric';
    src: url('https://drop.semagroup.com.au/down/fonts/Metric-Bold.woff2') format('woff2'),
        url('https://drop.semagroup.com.au/down/fonts/Metric-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Metric';
    src: url('https://drop.semagroup.com.au/down/fonts/Metric-Bold.woff2') format('woff2'),
        url('https://drop.semagroup.com.au/down/fonts/Metric-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Metric';
    src: url('https://drop.semagroup.com.au/down/fonts/Metric-Regular.eot');
    src: url('https://drop.semagroup.com.au/down/fonts/Metric-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://drop.semagroup.com.au/down/fonts/Metric-Regular.woff2') format('woff2'),
        url('https://drop.semagroup.com.au/down/fonts/Metric-Regular.woff') format('woff'),
        url('https://drop.semagroup.com.au/down/fonts/Metric-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Metric';
    src: url('https://drop.semagroup.com.au/down/fonts/Metric-Regular_1.eot');
    src: url('https://drop.semagroup.com.au/down/fonts/Metric-Regular_1.eot?#iefix') format('embedded-opentype'),
        url('https://drop.semagroup.com.au/down/fonts/Metric-Regular_1.woff2') format('woff2'),
        url('https://drop.semagroup.com.au/down/fonts/Metric-Regular_1.woff') format('woff'),
        url('https://drop.semagroup.com.au/down/fonts/Metric-Regular_1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* #Page Structure
================================================== */
body { background: #fff; font-family: font-family: 'Metric', sans-serif; font-size: 16px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.main {width: 900px; margin: auto auto; }
.m_b_35{margin-bottom:35px !important;}
.p_b_55{padding-bottom:55px !important;}

/*Validation css starts*/
.form-area { float: right; width: 100%; background: #fff; padding:10px 34px; margin: 65px 0; font-family: 'Metric', sans-serif;}
.form-area h2 {color: rgb(51, 51, 51); margin-bottom: 30px;font-size: 25px;line-height: 30px; font-weight:900;}
.form-area h2 a{color:#e37222; text-decoration:underline;}
.form-area h2 a:hover{text-decoration:none;}
.form-area h3 {color: #000; margin: 20px 0px;font-size: 18px;line-height: 1.3em; font-weight:normal; float: left; width:100%;}
.form-area .name{float:left; width:100%;border-bottom: 1px solid #ededed;padding-bottom: 35px;}
.form-area label{float:left; width:100%; margin-bottom:6px; color:rgb(51, 51, 51); font-weight:900; font-size:18px;}
#login-form .inputsyle1 { float: left; width: 100%; padding: 10px 10px 6px; font-size: 18px; color: #333; border: 1px solid #ccc; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -webkit-appearance: none; box-shadow: none; background:#f9f9f9;height: 40px;}
#login-form textarea { float: left; width: 100%; padding: 10px 10px; font-size: 18px; color: #333; border: 1px solid #ccc; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -webkit-appearance: none; box-shadow: none; background:#f9f9f9; height:130px; resize:none}

#login-form .form-row { float: left; width: 100%;  margin-bottom: 15px;}
#login-form .form-col { float: left; width: 48%; }
#login-form .form-col:last-child { float: right; }
#login-form .submit-btn{ background:#e37222; border:1px solid #e37222; font-size:18px; color:#fff; padding:14px 50px 9px; cursor:pointer; float:none; margin:0 auto; display:inherit; font-weight:800;}
#login-form .submit-btn:hover{background:#e37222;}
.b_n{border:none !important;}

/*custom selectbox css starts here*/
#login-form .selectbox { font-size: 18px; height: 40px; line-height: 40px; border:1px solid #ccc; background:#f9f9f9; width:100%;border-radius: 0;
    -webkit-appearance: none ;
 -ms-appearance: none;
 appearance: none;
 -moz-appearance: none;
    border-color: #d7d8d9;
    padding-left: 5px;
    background-color: rgba(234,235,236,0.2);
    height: 40px!important;
    background-image: linear-gradient(45deg, transparent 50%, black 50%), linear-gradient(135deg, black 50%, transparent 50%);
    background-position: calc(100% - 23px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.7em) 0.9em;
    background-size: 8px 8px, 8px 8px, 8px 4em;
    background-repeat: no-repeat; color:#000; font-family:'Metric', sans-serif;}

#login-form .selectbox option{font-size:18px;}
/*custom selectbox ends starts here*/



#login-form span.error{margin-top: 7px;color: #FF0004;font-size: 18px;float:left;}

/*form validation styles goes here*/
#login-form .successmsg { color: #e37222; margin-top: 22px; display: none; font-size: 18px; line-height: 25px; float: left; width: 100%; font-weight: 700; text-align: center;}
.form-area .successmsg { color: #e37222; margin-top: 22px; font-size: 24px; line-height: 25px; float: left; width: 100%; font-weight: 700; text-align: center;}
#login-form input.error { border-color: #FF0004 !important; }
/*form validation styles ends here*/

/*Placeholder opacity cross browsers*/
input::-webkit-input-placeholder { color: #999; opacity:1;} /* WebKit browsers */
input:-moz-placeholder { color: #999; opacity:1;} /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { color: #999; opacity:1;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder { color: #999; opacity:1;} /* Internet Explorer 10+ */
textarea::-webkit-input-placeholder { color: #999; opacity:1;} /* WebKit browsers */
textarea:-moz-placeholder { color: #999; opacity:1;} /* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder { color: #999; opacity:1;} /* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder { color: #999; opacity:1;} /* Internet Explorer 10+ */
button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner {border: 0;}

/*Responsive styles goes here*/
@media all and (max-width:1200px) {
.form-area{margin: 25px 0;}
}
@media all and (max-width:900px) {
.main{width:100%;}
.form-area h2{text-align:center;}
.form-area h2 a{width:100%; display:inline-block}
}
@media all and (max-width:767px) {
.p_b_55{padding-bottom:20px !important;}
.m_b_35{margin-bottom:20px !important;}
.form-area h2{font-size: 22px;line-height: 25px;}
.form-area h2, .form-area label{font-weight: 700;font-size: 16px;}
.form-area{padding: 10px 20px;}
.form-area .name{padding-bottom: 15px;}
}
@media all and (max-width:600px) {
.form-area h2{font-size: 20px;line-height: 25px;}
.form-area h3{margin: 15px 0px;}
}
@media all and (max-width:480px) {
#login-form .form-col{width:100%;}
#login-form .form-col input, #login-form .form-row{margin-bottom:10px;font-size: 13px;}
.form-area .name{padding-bottom: 0;}
#login-form textarea{height: 100px;}
#login-form .submit-btn{font-size: 14px;font-weight: 700; padding: 10px;}
#login-form .inputsyle1{height: 35px;}
#login-form .selectbox{height: 35px !important;line-height: 35px;margin-bottom:10px;background-image: linear-gradient(45deg, transparent 50%, black 35%), linear-gradient(135deg, black 35%, transparent 50%);font-size: 16px;}
#login-form .sbToggle{top: -3px;}
.sbOptions{top: 34px!important;}
#login-form span.error{margin-top: 0px;color: #FF0004;font-size: 18px;float:left;}
.m-b-15 {margin-bottom: 0px!important;}
}

.form-col.custominput {
    position: relative;
}
.form-area input[type="radio"] {
  opacity: 0;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
}
body:not(.au-rebrand) .form-area input.call + label {
  background-color: #fff;
  display: inline-block;
  float: left;
  cursor: pointer;
  line-height: 32px;
  font-size: 18px;
  color: #e37321;
  border: #e37321 solid 2px;
  text-align: center;
  height: 55px;
  padding-top: 12px;
  font-weight: 700;
}
body:not(.au-rebrand) .form-area input.call:checked + label {
  color: #fff;
  background-color: #e37321;
}
.form-area p a {
  color: rgb(51, 51, 51);
  text-decoration: underline;
}
.m-b-25 {
  margin-bottom: 25px;
}
.m-b-15 {
  margin-bottom: 15px;
}
.m-b-10 {
 margin-bottom: 10px;
}