/*variables are defined in Branding data extension */
                                                             

/* GENERAL */
body {
 color: #363636;
 font-size: 14px;
 line-height: 1.5;
 /*font-weight: ;*/
 margin: 0 auto;
 background-color: #f0f0f0;
 font-family: Arial;
 -webkit-font-smoothing: antialiased;
}
@media (max-width: 480px) {
 body {
  font-size: 14px;
  line-height: 1.5;
  /*font-weight: ;*/
 }
}

.layout-canvas-g {
 background-color: #f0f0f0;
}

* {
 box-sizing: border-box;
}

.text-danger {
 color: #ff0000;
}
.secondary {
 color: ;
 /*font-weight: normal;*/
}
.legal {
 color: #363636;
 font-size: 12px;
 line-height: 1;
 /*font-weight: ;*/
}
@media (max-width: 480px) {
 .legal {
  font-size: 12px;
  line-height: 1;
  /*font-weight: ;*/
 }
}


/* TYPOGRAPHY GENERAL */
h2 {
 font-family: Arial;
 font-size: 16px;
 padding: 15px 0;
 /*font-weight: ;*/
 line-height: 1.5;
 margin-top: 0;
 margin-bottom: 0;
 color: #c89905;
}
@media (max-width: 480px) {
 h2 {
  font-size: 16px;
  line-height: 1.5;
  /*font-weight:;*/
 }
}
h3 {
 font-family: Arial;
 font-size: 14px;
 line-height: 1.5;
 /*font-weight: ;*/
 color: #3C3C3B;
 padding: 15px 0;
 margin-bottom: 0;
 margin-top: 0;
}
@media (max-width: 480px) {
 h3 {
  font-size: 14px;
  line-height: 1.5;
  /*font-weight: ;*/
 }
}
label {
 font-size: 14px;
 line-height: 1.5;
 color: #363636;
 font-family: Arial;
 /*font-weight: ;*/
}
@media (max-width: 480px) {
 label {
  font-size: 14px;
  line-height: 1.5;
  /*font-weight: ;*/
 }
}
p {
 color: #363636;
 font-family: Arial;
 font-size: 14px;
 /*font-weight: ;*/
 line-height: 1.5;
 padding: 1em 0;
 margin: 0;
}
@media (max-width: 480px) {
 p {
  font-size: 14px;
  line-height: 1.5;
  /*font-weight: ;*/
 }
}
a[href]:not(.buttonstyles),
a[href]:not(.buttonstyles):active,
a[href]:not(.buttonstyles):visited,
a[href]:not(.buttonstyles):hover {
 color: ;
 font-family: Arial;
 /*font-weight: ;*/
 font-size: 14px;
 line-height: 1.5;
 text-decoration: none;
}
a[href]:not(.buttonstyles):hover {
 text-decoration: none;
 color: #3C3C3B;
}
a[href]:not(.buttonstyles):active {
 text-decoration: none;
 color: #c89905;
}
a[href]:not(.buttonstyles):visited {
 text-decoration: none;
 color: #c89905;
}
@media (max-width: 480px) {
 a[href]:not(.buttonstyles),
 a[href]:not(.buttonstyles):active,
 a[href]:not(.buttonstyles):visited,
 a[href]:not(.buttonstyles):hover {
 font-size: 14px;
 line-height: 1.5;
 /*font-weight: ;*/
 text-decoration: none;
 }
}
.legal a[href]:not(.buttonstyles) {
 font-family: Arial;
 color: #ffffff;
 font-size: 12px;
 line-height: 1;
 /*font-weight: ;*/
 text-decoration: none;
}
.legal a[href]:not(.buttonstyles):hover {
 color: ;
}
@media (max-width: 480px) {
 .legal a[href]:not(.buttonstyles) {
  font-size: 12px;
  line-height: 1;
  /*font-weight: ;*/
 }
}



/* text-alignment */
.left {
 text-align: left;
}
.center {
 text-align: center;
}
.right {
 text-align: right;
}
.justify {
 text-align: justify;
}

/* show hide enable disable */
.hide {
  display: none;
}

.show {
  display: block;
}

.enable {
  pointer-events: auto;
  opacity: 1;
  cursor: auto;
}

.disable {
  opacity: 1;
  pointer-events: none;
  cursor: default;
}

.disableDark {
  opacity: .25;
  pointer-events: none;
  cursor: default;
}

.disableMedium {
  opacity: .5;
  pointer-events: none;
  cursor: default;
}

.disableLight {
  opacity: .75;
  pointer-events: none;
  cursor: default;
}

/* HEADER */
header {
 background-color: #ffffff;
 padding: 15px 0;
}
.logo-wrapper {
 text-align: center;
}
.logo {
 max-width: 300px;
}



/* MAIN CONTENT */
.innerContent {
 background-color: #ffffff;
 text-align: ;
 margin: 0 auto;
 max-width: 1200px;
 padding: 0 ;
}
.innerContent.nopadding {
 padding: 0;
}
.innerContent.padding {
 padding: ;
}
.innerContent.paddingTopBottom {
 padding:  0;
}
@media (max-width: 480px) {
 .innerContent {
  padding: 0 ;
 }
 .innerContent.padding {
  padding: ;
 }
 .innerContent.paddingTopBottom {
  padding:  0;
 }
}

.img-mobile-image,
.img-responsive {
 width: 66%;
 display: block;
 margin: 0 auto;
}

.img-mobile-image {
 display: none;
}

@media (max-width: 766px) {
 .img-responsive {
  display: none;
 }

 .img-mobile-image {
  display: block !important;
  width: 100%;
 }
}

/* FORM */
/* form row */
.formRow {
 max-width: 90%;
 margin: 0 auto;
 display: flex;
 justify-content: space-between;
 flex-direction: row;
 color: #363636;
 font-size: 14px;
 padding-bottom: 10px;
 position: relative;
}
@media (max-width: 480px) {
 .formRow {
  font-size: 14px;
 }
}

@media (max-width: 766px) {
 .formRow {
  max-width: 100%;
  flex-direction: column;
 }
}

.formRow.notice {
 justify-content: flex-end;
 padding: 0 15px;
}

@media (max-width: 766px) {
 .formRow.notice {
  padding: 0;
 }
}

.formRow.notice p {
 margin-top: 0;
}

.formRow .field-wrapper {
 width: 50%;
 padding: 0 15px;
}

@media (max-width: 766px) {
 .formRow .field-wrapper {
  width: 100%;
  padding: 5px 0;
 }
}

.formRow .field-wrapper label,
.formRow .field-wrapper p.label {
 font-family: Arial;
 /*font-weight: ;*/
 font-size: 14px;
 line-height: 1.5;
 color: #363636;
 display: block;
 text-align:left;
}
@media (max-width: 480px) {
 .formRow .field-wrapper label,
 .formRow .field-wrapper p.label {
  /*font-weight: ;*/
  font-size: 12px;
  line-height: 1;
 }
}
.formRow .field-wrapper label.legal {
 color: ;
 /*font-weight: ;*/
 font-size: 12px;
 line-height: 1;
}
@media (max-width: 480px) {
 .formRow .field-wrapper label.legal {
  /*font-weight: ;*/
  font-size: 12px;
  line-height: 1;
 }
}
.formRow .field-wrapper label.legal a[href]:not(.buttonstyles) {
 color: #ffffff;
 font-size: 12px;
 line-height: 1;
 text-decoration: none;
 /*font-weight: ;*/
 
}
@media (max-width: 480px) {
 .formRow .field-wrapper label.legal a[href]:not(.buttonstyles) {
  /*font-weight: ;*/
  font-size: 12px;
  line-height: 1;
 }
}

.formRow .field-wrapper label.radioLabel {
  /*font-weight: normal;*/
  display: inline-block;
  padding: 0 10px;
  vertical-align: middle;
}

.formRow .field-wrapper .input {
 height: ;
 line-height: 1.5;
 padding: ;
 color: #363636;
 width: 100%;
 background-color: #ffffff;
 margin-top: 2px;
 box-shadow: none;
 outline: none;
 border: ;
 font-size: 14px;
 border-radius: ;
 /*font-weight: ;*/
 font-size: 14px;
}
@media (max-width: 480px) {
 .formRow .field-wrapper .input {
  height: ;
  line-height: 1.5;
  padding: ;
  /*font-weight: ;*/
  font-size: 14px;
 }
}

.formRow .field-wrapper .input:focus {
 border: ;
}

.formRow .field-wrapper.checkbox {
 width: 100%;
 position: relative;
}
/* custom select */
 select.input {
  display: block;
  font-size: 14px;
  font-family: Arial;
  /*font-weight: ;*/
  color: #363636;
  line-height: ;
  padding: ;
  width: 100%;
  max-width: 100%;
  margin: 0;
  border: ;
  border-radius: ;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: right .7em top 50%;
  background-size: .65em auto;
 }
 select.input::-ms-expand { /* hide arrow icon in IE browsers */
  display: none;
 }
 select.input:hover,
 select.input:focus,
 select.input:active {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
 }
 select.input:focus {
  border: ;
 }
 @media (max-width: 480px) {
  select.input {
   font-size: 14px;
   /*font-weight: ;*/
   line-height: 1.5;
   padding: ;
  }
 }
/* custom select end */

/* custom checkbox */
 .checkbox input[type="checkbox"] {
  position: absolute; /* take it out of document flow */
  opacity: 0; /* hide it */
  visibility: hidden;
 }
 /* label */
 .checkbox input[type="checkbox"] + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  padding-left: calc( + );
  font-family: Arial;
  font-size: 14px;
  line-height: 1.5;
  /*font-weight: ;*/
  color: #363636;
 }
 @media (max-width: 480px) {
  .checkbox input[type="checkbox"] + label {
   font-size: 14px;
   line-height: 1.5;
   /*font-weight: ;*/
  }
 }
 .checkbox input[type="checkbox"] + label a[href]:not(.buttonstyles) {
  font-family: Arial;
  font-size: 14px;
  line-height: 1.5;
  /*font-weight: ;*/
  color: #363636;
  text-decoration: none;
 }
 @media (max-width: 480px) {
  .checkbox input[type="checkbox"] + label a[href]:not(.buttonstyles) {
   font-size: 14px;
   line-height: 1.5;
   /*font-weight: ;*/
  }
 }
 /* box */
 .checkbox input[type="checkbox"] + label:before {
  content: '';
  display: inline-block;
  vertical-align: text-top;
  width: ;
  height: ;
  background-color: #ffffff;
  border-radius: ;
  border: ;
  position: absolute;
  left: 0;
 }
 /* box hover, active, focus */
 .checkbox input[type="checkbox"]:hover + label:before {
  cursor: pointer;
 }
 .checkbox input[type="checkbox"]:active + label:before,
 .checkbox input[type="checkbox"]:focus + label:before {
  border-color: ;
 }
 /* box disabled */
 .checkbox input[type="checkbox"]:disabled + label {
  color: ;
  cursor: auto;
 }
 .checkbox input[type="checkbox"]:disabled + label:before {
  background-color: #ffffff;
  cursor: auto;
 }
 /* checkmark */
 .checkbox input[type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
  left: 1px;
  top: 1px;
  background-image: url('');
    background-repeat: no-repeat;
    height: calc( - 1px);
    width: calc( - 1px);
 }
/* custom checkbox end */

.formRow .field-wrapper.checkbox a[href]:not(.buttonstyles) {
 text-decoration: none;
 color: #ffffff;
}

.formRow .field-wrapper.checkbox a[href]:not(.buttonstyles):hover {
 text-decoration: none;
 color: #ffffff;
}

.formRow.submit {
 padding: 30px 0;
 padding-bottom: 50px;
 text-align: center;
}

.formRow.submit button {
 margin: 0 auto;
 letter-spacing: 0;
 background-image: url('');
 background-repeat: no-repeat;
 background-position: right 0px;
 background-color: #3C3C3B;
 background-size: 60px 100%;
 border: ;
 border-radius: ;
 color: ;
 cursor: pointer;
 font-size: 16px;
 height: ;
 text-decoration: none;
 padding: ;
 line-height: 1.5;
 width: auto;
 min-width: 15%;
 text-align: center;
 outline: none;
 box-shadow: none;
 width: auto;
 /*font-weight: ;*/
 font-family: Arial;
}
.formRow.submit button.withoutIcon {
 background-image: none;
 padding: 0 30px;
}
.formRow.submit button.fullWidth {
 width: 100%;
}
.formRow.submit button:disabled {
 background-color: #f0f0f0;
}
@media (max-width: 480px) {
 .formRow.submit button {
  height: ;
  font-size: 16px;
  padding: ;
  line-height: 1.5;
  /*font-weight: ;*/
 }
}
@media (min-width: 768px) {
 .formRow.submit {
  padding: 30px 15px;
 }
}
.formRow.submit button:hover {
 background-color: #f0f0f0;
}

.formRow .field-wrapper + .popover {
 display: none;
}

.formRow .field-wrapper + .popover.right {
 margin-left: 10px;
}

.formRow .field-wrapper + .popover.top {
 margin-top: -10px;
}

.formRow .field-wrapper.invalid.invalid--popover + .popover,
.formRow.invalid.invalid--popover .checkbox + .popover {
 display: block;
 position: absolute;
 z-index: 1010;
 max-width: 276px;
 min-width: 245px;
 padding: 1px;
 text-align: left;
 background-color: #ffffff;
 border: 1px solid rgba(0, 0, 0, .2);
 border-radius: 6px;
 box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
 white-space: normal;
}

.formRow .field-wrapper.invalid.invalid--popover + .popover:nth-of-type(2) {
 left: 10%;
 top: -28px;
}

@media (max-width: 766px) {
 .formRow .field-wrapper.invalid.invalid--popover + .popover:nth-of-type(2) {
  left: 50%;
  transform: translateX(-50%);
  top: -22px;
 }
}

.formRow .field-wrapper.invalid.invalid--popover + .popover:nth-of-type(4) {
 left: 60%;
 top: -28px;
}

@media (max-width: 766px) {
 .formRow .field-wrapper.invalid.invalid--popover + .popover:nth-of-type(4) {
  top: 68px;
  left: 50%;
  transform: translateX(-50%);
 }
}

.formRow .field-wrapper.checkbox.invalid.invalid--popover + .popover,
.formRow.invalid.invalid--popover .checkbox + .popover {
 left: 28px;
 top: -6px;
}

@media (max-width: 479px) {
 .formRow .field-wrapper.checkbox.invalid.invalid--popover + .popover:nth-of-type(2),
 .formRow.invalid.invalid--popover .checkbox + .popover:nth-of-type(2) {
  left: 135px;
  top: -3px;
 }
}

@media (min-width: 480px) and (max-width: 766px) {
 .formRow .field-wrapper.checkbox.invalid.invalid--popover + .popover:nth-of-type(2),
 .formRow.invalid.invalid--popover .checkbox + .popover:nth-of-type(2) {
  left: 150px;
  top: -2px;
 }
}

.formRow .field-wrapper + .popover.right .arrow {
 top: 50%;
 left: -11px;
 margin-top: -11px;
 border-left-width: 0;
 border-right-color: rgba(0, 0, 0, .25);
}

.formRow .field-wrapper + .popover.top .arrow {
 left: 50%;
 margin-left: -11px;
 border-bottom-width: 0;
 border-top-color: rgba(0, 0, 0, .25);
 bottom: -11px;
}

.formRow .field-wrapper + .popover .arrow {
 border-width: 11px;
}

.formRow .field-wrapper + .popover .arrow,
.formRow .field-wrapper + .popover .arrow::after {
 position: absolute;
 display: block;
 width: 0;
 height: 0;
 border-color: transparent;
 border-style: solid;
}

.formRow .field-wrapper + .popover.right .arrow::after {
 content: " ";
 left: 1px;
 bottom: -10px;
 border-left-width: 0;
 border-right-color: #ffffff;
}

.formRow .field-wrapper + .popover.top .arrow::after {
 content: " ";
 bottom: 1px;
 margin-left: -10px;
 border-bottom-width: 0;
 border-top-color: #ffffff;
}

.formRow .field-wrapper + .popover .arrow::after {
 border-width: 10px;
 content: "";
}

.formRow .field-wrapper + .popover .popover-content {
 padding: 9px 14px;
}

.formRow .field-wrapper.checkbox.invalid,
.formRow .field-wrapper.invalid label,
.formRow .field-wrapper.invalid p.label {
 color: #ff0000;
}

.formRow .field-wrapper.invalid .input {
 border-color: #ff0000;
}

.formRow .field-wrapper.invalid .input:focus {
 border-color: #ff0000;
}



/* FOOTER */
.footer {
 padding: 20px 15px;
}
.footer.footer--links {
 background-color: #c89905;
 color:#ffffff;
 font-family: Arial;
 font-size: 12px;
 /*font-weight: ;*/
 line-height: 1;
}
@media (max-width: 480px) {
 .footer.footer--links {
  font-size: 12px;
   /*font-weight: ;*/
   line-height: 1;
 }
}
.footer.footer--footnote {
 background-color: #c89905;
 color: #ffffff;
  font-family: Arial;
  font-size: 12px;
  /*font-weight: ;*/
  line-height: 1;
  text-decoration: none;
}
@media (max-width: 480px) {
 .footer.footer--footnote {
  font-size: 12px;
   /*font-weight: ;*/
   line-height: 1;
 }
}
.footer .footer-content {
 max-width: ;
  margin: 0 auto;
}

.footer.footer--links a[href]:not(.buttonstyles) {
 color: #ffffff;
 text-decoration: none;
}
.footer.footer--links a[href]:not(.buttonstyles):active  {
 color: ;
}
.footer.footer--links a[href]:not(.buttonstyles):visited  {
 color: ;
}
.footer.footer--links a[href]:not(.buttonstyles):hover {
 color: ;
}
.footer.footer--footnote a[href]:not(.buttonstyles),
.footer.footer--footnote a[href]:not(.buttonstyles):active,
.footer.footer--footnote a[href]:not(.buttonstyles):visited,
.footer.footer--footnote a[href]:not(.buttonstyles):hover {
 font-size: 12px;
 line-height: 1;
}
@media (max-width: 480px) {
 .footer.footer--footnote a[href]:not(.buttonstyles),
 .footer.footer--footnote a[href]:not(.buttonstyles):active,
 .footer.footer--footnote a[href]:not(.buttonstyles):visited,
 .footer.footer--footnote a[href]:not(.buttonstyles):hover {
  font-size: 12px;
  line-height: 1;
 }
}