@import url(https://fonts.googleapis.com/css?family=Montserrat);body,html{height:100%;width:100%;margin:0;padding:0;left:0;top:0;font-size:100%; color:#000;}.center,.container{margin-left:auto;margin-right:auto}*{font-family:Montserrat,Helvetica,sans-serif;color:#333447;line-height:1.5}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.375rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{font-size:1.1rem;font-weight:200;line-height:1.8}.font-light{font-weight:300}.font-regular{font-weight:400}.font-heavy{font-weight:700}.left{text-align:left}.right{text-align:right}.center{text-align:center}.justify{text-align:justify}.container{width:90%}.row{position:relative;width:100%}.row [class^=col]{float:left;margin:.5rem 2%;min-height:.125rem}.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{width:96%}.col-1-sm{width:4.33%}.col-2-sm{width:12.66%}.col-3-sm{width:21%}.col-4-sm{width:29.33%}.col-5-sm{width:37.66%}.col-6-sm{width:46%}.col-7-sm{width:54.33%}.col-8-sm{width:62.66%}.col-9-sm{width:71%}.col-10-sm{width:79.33%}.col-11-sm{width:87.66%}.col-12-sm{width:96%}.row::after{content:"";display:table;clear:both}.hidden-sm{display:none}@media only screen and (min-width:33.75em){.container{width:80%}}@media only screen and (min-width:45em){.col-1{width:4.33%}.col-2{width:12.66%}.col-3{width:21%}.col-4{width:29.33%}.col-5{width:37.66%}.col-6{width:46%}.col-7{width:54.33%}.col-8{width:62.66%}.col-9{width:71%}.col-10{width:79.33%}.col-11{width:87.66%}.col-12{width:96%}.hidden-sm{display:block}}@media only screen and (min-width:60em){.container{width:75%;max-width:60rem}}

h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
}

p {
  font-size: 18px;
  line-height: 32px;
  font-weight: normal;
}

.logo {
  padding: 20px 0 10px;
  border-bottom: 1px solid #cbcbcb;
}

.preference {
  min-height: 80px;
  border-bottom: 1px solid #cbcbcb;
}

.left {
  float: left;
  width: 50%;
  box-sizing: border-box;
  margin-bottom: 30px;
}

.left:nth-child(2n+1) {
  border-right: 1px solid #e5e5e5;
  padding-right: 20px;
}

.left:nth-child(2n) {
  padding-left: 20px;
}

.clear {
  clear: both;
}

/* FORM */

form {
  margin: 30px 0 20px 0;
}

form input[type=text],
form input[type=email],
form textarea,
form select {
  margin: 0 0 25px 0;
  font-size: 12px;
  line-height: 16px;
  padding: 5px 10px;
  border: 1px solid #c7c7c7;
  border-radius: 5px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  background-color: #fff;
}

form input[type=text],
form input[type=email] {
  height: 35px;
}

form textarea {
  height: 90px;
}

form input[type=checkbox] {
  margin-right: 5px;
}

form select {
  height: 35px;
  /*background: transparent url("http://image.e.ccamatil.com/lib/fe8d13727c64047472/m/1/arrow_down.png") no-repeat 98% 50%;
  background-size: 20px 9px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;*/
}

form select option:first-child {
  font-weight: bold !important;
}

form h3 {
  display: block;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 4px 0;
  font-weight: bold;
}

form label {
  display: block;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 4px 0;
  font-weight: bold;
}

form p, form .error {
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  margin: 0 0 6px 0;
}

.save-button {
  margin: 0 0 40px;
  text-align: center;
}

.save-button button {
  padding: 15px 45px;
  border: none;
  border-radius: 6px;
  font-size: 0.9rem;
  background: #e51635;
  color: #fff;
  cursor: pointer;
}

/* CHECK & RADIO */

input[type='radio'],
input[type='checkbox'] {
  /*display: none;*/
  /*float: left;*/
  /*width: 18px;*/
  /*position: absolute;*/
  /*left: -9999px;*/
  overflow:hidden;
  margin:0;
  padding:0;
  border:0;
  outline:0;
  opacity:0;
}

.checkbox,
.radio {
  margin-bottom: 30px;
}

.checkbox label:not(.error),
.radio label:not(.error) {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  font-size: 12px;
  line-height: 18px;
}

.checkbox label:not(.error):before,
.radio label:not(.error):before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  position: absolute;
  left: 0;
  bottom: 1px;
}

.checkbox label:before {
  background: url('http://image.e.ccamatil.com/lib/fe8d13727c64047472/m/1/unchecked.png') no-repeat;
}

.radio label:before {
  background: url('http://image.e.ccamatil.com/lib/fe8d13727c64047472/m/1/radio_unchecked.png') no-repeat;
}

input[type=checkbox]:checked + label:before {
  background: url('http://image.e.ccamatil.com/lib/fe8d13727c64047472/m/1/checked.png') no-repeat;
}

input[type=radio]:checked + label:before {
  background: url('http://image.e.ccamatil.com/lib/fe8d13727c64047472/m/1/radio_checked.png') no-repeat;
}

/* FOOTER */

.footer {
    min-height: 300px;
    padding-top: 20px;
    background: #f6f7f8;
}

.footer-link {
  margin: 5px;
  font-size: 0.8rem;
}
.footer-link a {
  text-decoration: none;
}
.footer-copy {
  font-size: 0.88rem;
  color: #898989;
}

@media only screen and (min-width:33.75em){
  .footer-links {
    display: inline-block;
    /*margin: 2px auto;*/
    width: 45%;
  }
}
@media only screen and (min-width:45em){ 
  .save-button {
    text-align: right;
  }
  .save-button button {
    margin-right: 20px;
  }
  .footer-link {
    width: 45%;
    display: inline-block;
  }
  .tgl + .tgl-btn {
    width: 4em;
    height: 2em;
  }
}
@media only screen and (max-width:719px){
  .left,
  .right {
    width: 100%;
  }

  .left:nth-child(2n+1) {
    border-right: 0;
    padding-right: 0;
  }

  .left:nth-child(2n) {
    padding-left: 0;
  }
}

/* QANTAS BUSINESS REWARDS */

.headerqbr {
text-align: center;

}






