@charset "UTF-8";
.btn {
  text-decoration: none;
  border: none;
}
.btn.btn-medium {
  padding: 13px 20px;
}
.btn.btn-small {
  padding: 10px 20px 9px 20px;
  font-size: 18px;
  line-height: 20px;
}
.btn.disabled {
  color: #a7a7a7;
  background: #e6e6e6;
}
.btn:active {
  outline: none;
}
.btn:focus {
  outline: none;
}
.btn:active {
  outline: none;
  box-shadow: none;
}
.btn-default {
  padding: 17px 30px;
  font-size: 18px;
  line-height: 24px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  background-color: #009639;
  width: 100%;
}
@media (min-width: 768px) {
  .btn-default {
    width: auto;
  }
}
.btn-default:hover {
  color: #ffffff;
  background-color: #009639;
}
.btn-default:active {
  color: #ffffff;
  background-color: #009639;
}
.btn-default:focus {
  color: #ffffff;
  background-color: #009639;
}
.btn-default .icon-arrowright {
  margin-left: 10px;
  vertical-align: text-bottom;
}
.btn-default .icon-arrowright:before {
  font-size: 14px;
}
.btn-default .icon-arrowleft {
  margin-right: 10px;
  vertical-align: text-bottom;
}
.btn-default .icon-arrowleft:before {
  font-size: 14px;
}
.btn-default.fullwidth {
  width: 100%;
  margin-bottom: 10px;
  color: #fff;
}
.btn-primary {
  padding: 18px 30px;
  font-size: 18px;
  line-height: 24px;
  color: #78be20;
  transition: all 0.2s;
  background-color: #e6e6e6;
}
.btn-primary:hover {
  background-color: #dadada;
  color: #78be20;
}
.btn-primary.active {
  color: #ffffff;
  background: #78be20;
}
.btn-primary .icon-arrowright {
  font-size: 14px;
}
.btn-clipboard {
  background: #e6e6e6;
  padding: 9px 0px 6px 0px;
  text-align: center;
  color: #78be20;
  font-size: 18px;
  border: none;
  width: 100%;
  outline-style: none;
}
.btn-clipboard .icon-clipboard {
  margin-right: 10px;
}
.btn-reset {
  font-size: 18px;
  line-height: 24px;
  color: #5c5c5c;
  background: none;
}
.full-btn {
  background-color: #e6e6e6;
  padding: 19px 0px;
  font-size: 18px;
  color: #78be20;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  line-height: 20px;
}
.full-btn .icon-loading {
  font-size: 22px;
  margin-right: 7px;
  -webkit-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.full-btn .icon-arrowup {
  font-size: 12px;
  margin-right: 10px;
  vertical-align: middle;
}
.full-btn .icon-property {
  position: relative;
  top: -1px;
}
.full-btn:hover {
  background-color: #dadada;
  color: #78be20;
}
.full-btn.showmore {
  margin: 10px 0px 0px 0px;
}
.full-btn.showmore .icon-loading {
  -webkit-animation: 0;
  -o-animation: 0;
  animation: 0;
}
.full-btn.showmore .icon-loading:before {
  vertical-align: middle;
}
.full-btn.loading {
  margin: 10px 0px 0px 0px;
}
.biglinkbutton a.btn-default {
  color: #fff;
  word-break: break-word;
  white-space: pre-wrap;
}
.biglinkbutton.biglinkstyle2 {
  text-align: center;
  margin-bottom: 80px;
}
.biglinkbutton.biglinkstyle2 a {
  text-align: center;
  color: #fff;
  font-family: 'libre_franklin500', sans-serif;
  border-radius: 5px;
  padding: 14px 150px;
}
.biglinkbutton.biglinkstyle2 a:hover {
  color: #ffffff;
}
.biglinkbutton.biglinkstyle2 a span.icon-arrowleft {
  color: #fff;
  display: none;
}
@media (max-width: 768px) {
  .biglinkbutton.biglinkstyle2 a {
    padding: 14px 100px;
    width: auto;
  }
}
.primary-cta {
  font-family: 'libre_franklin300', sans-serif;
  font-size: 40px;
  line-height: 40px;
  color: #006341;
  text-transform: capitalize;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
@media (min-width: 768px) and (max-width: 991px) {
  .primary-cta {
    font-size: 36px;
    line-height: 40px;
  }
}
.primary-cta.long-cta {
  font-size: 28px;
  line-height: 32px;
}
.primary-cta.long-cta .icon-cta {
  font-size: 24px;
  top: 0px;
}
.primary-cta .left-icon [class*="icon-"] {
  margin: -4px 9px 0px 0px;
  float: left;
}
.primary-cta [class*="icon-"] {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  margin-left: 10px;
  position: relative;
}
.primary-cta [class*="icon-"]:before {
  font-size: 30px;
}
.primary-cta:hover [class*="icon-"] {
  margin-left: 15px;
}
.primary-cta:hover .left-icon [class*="icon-"] {
  margin-left: 0px;
}
.primary-cta:focus {
  outline: none;
  color: #006341;
}
@media (min-width: 768px) {
  .primary-cta.hidemob {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .primary-cta.showdesk {
    display: none !important;
  }
}
.secondary-cta {
  font-family: 'libre_franklin500', sans-serif;
  font-size: 20px;
  line-height: 24px;
  color: #006341;
  margin: 0px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
@media (min-width: 768px) and (max-width: 991px) {
  .secondary-cta {
    font-size: 18px;
    line-height: 22px;
  }
}
.secondary-cta span {
  vertical-align: top;
}
.secondary-cta [class*="icon-"] {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  margin-left: 10px;
}
.secondary-cta [class*="icon-"]:before {
  font-size: 24px;
  vertical-align: middle;
  margin-top: -3px;
}
.secondary-cta .icon-phone {
  margin-right: 10px;
}
.secondary-cta .icon-link {
  margin-right: 10px;
}
.secondary-cta:hover .icon-cta {
  margin-left: 15px;
}
.secondary-cta:focus {
  outline: none;
  color: #006341;
}
.secondary-cta.ctalink2 {
  margin: 0 0 0 30px;
}
.call-cta {
  font-family: 'libre_franklin500', sans-serif;
  font-size: 20px;
  color: #006341;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: block;
}
.call-cta [class^='icon-'] {
  margin-right: 10px;
}
.call-cta:focus {
  outline: none;
}
@media (min-width: 768px) {
  .call-cta.hidemob {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .call-cta.showdesk {
    display: none !important;
  }
}
.cta-summary-secondary {
  padding: 20px;
  position: relative;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .cta-summary-secondary {
    padding: 30px;
  }
}
.cta-summary-secondary .border-v-dark {
  border-right: 2px solid #dadada;
  position: absolute;
  left: 57.33%;
  height: auto;
  bottom: 30px;
  top: 30px;
}
@media (min-width: 992px) {
  .cta-summary-secondary .border-v-dark {
    left: 50%;
  }
}
@media (min-width: 1200px) {
  .cta-summary-secondary .border-v-dark {
    left: 41.999999%;
  }
}
.cta-summary-secondary .icon-personal2 {
  font-size: 60px;
  float: left;
  margin-right: 30px;
  color: #cccccc;
}
.cta-summary-secondary .icon-personal2:before {
  vertical-align: middle;
}
.cta-summary-secondary .primary-cta {
  font-size: 28px;
  line-height: 32px;
}
.cta-summary-secondary .primary-cta .icon-cta {
  top: 3px;
}
.cta-summary-secondary p {
  margin-left: 30px;
}
.mobile-cta-map .secondary-cta {
  display: block;
  font-size: 18px;
  line-height: 22px;
  vertical-align: top;
  margin-top: 3px;
  max-width: 240px;
}
.download-cta {
  font-family: 'libre_franklin500', sans-serif;
  font-size: 20px !important;
  color: #006341;
  line-height: 24px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
}
.download-cta .size {
  font-size: 12px;
  margin-left: 10px;
}
.download-cta [class^='icon-'] {
  color: #006341;
  font-size: 20px !important;
}
.download-cta [class^='icon-']:before {
  margin-right: 10px !important;
}
.download-cta:focus {
  outline: none;
}
.blockcta {
  display: block;
}
.nonecta {
  display: none;
}
.radiocalltoactioncomp {
  margin-bottom: 60px;
  position: relative;
}
.radiocalltoactioncomp.title-text {
  margin-top: 60px;
}
.radiocalltoactioncomp h2.copy-block-heading {
  margin-bottom: 50px;
  color: #006341;
}
.radiocalltoactioncomp h6 {
  color: #666666;
  font-size: 16px;
  line-height: 20px;
}
.radiocalltoactioncomp .radioSelGroup {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .radiocalltoactioncomp .radioSelGroup {
    margin-bottom: 20px;
  }
}
.radiocalltoactioncomp .radioSelGroup input[type=radio] {
  margin: 0px;
}
.radiocalltoactioncomp .radioSelGroup .jcf-radio {
  margin: 0 15px 5px 0px;
}
.radiocalltoactioncomp .radioSelGroup label {
  color: #666666;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
}
.radiocalltoactioncomp .radioSelGroup > div {
  margin-bottom: 10px;
}
.radiocalltoactioncomp .radioSelGroup > div p {
  color: #a7a7a7;
  margin-left: 28px;
}
.radiocalltoactioncomp .radioSelGroup > div:last-child label {
  margin-bottom: 0px;
}
.radiocalltoactioncomp .radioSelGroup.radioGroup-inner {
  margin-bottom: 20px;
}
.radiocalltoactioncomp #callmebackclose {
  top: -30px;
  right: 20px;
}
/* ############################################### */
.resptitletextblock.greybg {
  background: #f2f2f2;
  padding: 15px;
  margin-top: 0px;
  margin-bottom: 10px;
}
.resptitletextblock.greenlinkwitharrow {
  color: #006341;
}
.resptitletextblock .copy.greenContent h1,
.resptitletextblock .copy.greenContent h2,
.resptitletextblock .copy.greenContent h3,
.resptitletextblock .copy.greenContent p {
  color: #009639;
}
.resptitletextblock .copy.darkGreenContent h1,
.resptitletextblock .copy.darkGreenContent h2,
.resptitletextblock .copy.darkGreenContent h3,
.resptitletextblock .copy.darkGreenContent p {
  color: #006341;
}
.resptitletextblock .copy.whiteContent h1,
.resptitletextblock .copy.whiteContent h2,
.resptitletextblock .copy.whiteContent h3,
.resptitletextblock .copy.whiteContent p {
  color: #ffffff;
}
.resptitletextblock .copy.lightgreyContent h1,
.resptitletextblock .copy.lightgreyContent h2,
.resptitletextblock .copy.lightgreyContent h3,
.resptitletextblock .copy.lightgreyContent p {
  color: #666666;
  font-size: 25px;
}
@media (min-width: 768px) {
  .resptitletextblock .copy.lightgreyContent h1,
  .resptitletextblock .copy.lightgreyContent h2,
  .resptitletextblock .copy.lightgreyContent h3,
  .resptitletextblock .copy.lightgreyContent p {
    color: #666666;
  }
}
.resptitletextblock .copy.darkgreyContent h1,
.resptitletextblock .copy.darkgreyContent h2,
.resptitletextblock .copy.darkgreyContent h3,
.resptitletextblock .copy.darkgreyContent p {
  color: #2b2b2b;
}
/* download CTA for the feature pages */
.prefooter-new .container-fluid.content-row-download {
  background: #333333;
  padding: 3rem 0;
}
.prefooter-new .container-fluid.content-row-download h4 {
  font-family: 'libre_franklin500', sans-serif;
  color: #ffffff;
  font-size: 2.75rem;
}
.prefooter-new .container-fluid.content-row-download p {
  color: #ffffff;
  max-width: 500px;
  font-size: 1.5rem;
  margin: 0.6rem 0;
  line-height: 1.5;
}
/* download CTA for the calltoaction-general component ( copy of calltoaction-qa from merchantlanding stream ) */
@media (max-width: 767px) {
  .calltoaction-root.appLandheading-component {
    padding: 25px;
    height: auto;
    margin: 0px;
  }
}
.calltoaction-root.appLandheading-component .qa-p {
  text-align: right;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .calltoaction-root.appLandheading-component .qa-p {
    text-align: left;
  }
}
.calltoaction-root.appLandheading-component .qa-p .qa-phone {
  display: inline-block;
  font-size: 2rem;
  line-height: 1.14;
  color: #fff;
  padding: 10px;
  height: 100%;
}
.text-link-cta {
  padding: 3px 0px;
  font-size: 16px;
  line-height: 20px;
  color: #009639;
  white-space: pre-wrap;
  cursor: pointer;
  position: relative;
  left: 3px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.text-link-cta.light {
  color: #009639;
  /*box-shadow: 3px 0 0 @bg-white, -3px 0 0 @bg-white;*/
}
.text-link-cta.dark {
  /*background-color: @main-button-color-2;
		box-shadow: 3px 0 0 @main-button-color-2, -3px 0 0 @main-button-color-2;*/
}
.text-link-cta:hover {
  /*color: @bg-white;
		background-color: @brand-primary-4;
		box-shadow: 3px 0 0 @brand-primary-4, -3px 0 0 @brand-primary-4;*/
  text-decoration: underline;
  color: #009639;
}
.text-link-cta:focus {
  text-decoration: underline;
  color: #009639;
}
.text-link-cta.bold {
  color: #009639;
}
.text-link-cta.bold:hover {
  color: #009639;
  text-decoration: underline;
}
@media (min-width: 768px) and (max-width: 991px) {
  .text-link-cta {
    font-size: 14px;
  }
}
.icon-text-link-cta {
  display: inline-table;
}
.icon-text-link-cta .text-link-icon {
  margin-right: 10px;
  font-size: 16px;
  vertical-align: middle;
  float: left;
}
.icon-text-link-cta .text-link-icon.text-link-icon-small {
  color: #5c5c5c;
  font-size: 14px;
}
.text-link-cta-normal {
  color: #353535;
}
.text-link-cta-small {
  font-size: 14px;
  color: #5c5c5c;
}
.text-link-cta-small:hover {
  color: #009639;
  text-decoration: underline;
}
.text-link-icon-small-bold {
  color: #353535;
}
.text-link-icon-small {
  color: #5c5c5c;
  font-size: 14px;
}
a:focus {
  color: inherit;
}
.wrap_fix {
  white-space: pre;
}
.text_link_fix {
  left: -3px !important;
}
.no_results {
  font-size: 14px;
  color: #353535;
  padding: 13px 0px 0px 13px;
}
.floating {
  position: fixed;
  bottom: 0;
  left: 1%;
  width: 98%;
  z-index: 1;
}
.glowing {
  border: 1px #009639 solid;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 150, 57, 0.65);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 150, 57, 0.65);
  box-shadow: 0px 0px 5px 0px rgba(0, 150, 57, 0.65);
}
@media (min-width: 992px) {
  .no_results {
    font-size: 16px;
    padding: 13px 0px 0px 13px;
  }
}
.inline {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}
.bold {
  font-weight: bold;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.mr-0 {
  margin-right: 0px;
}
.mr-10 {
  margin-right: 10px;
}
.mr-15 {
  margin-right: 15px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-30 {
  margin-right: 30px;
}
.ml-0 {
  margin-left: 0px;
}
.ml-10 {
  margin-left: 10px;
}
.ml-20 {
  margin-left: 20px;
}
.ml-25 {
  margin-left: 25px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-15 {
  margin-top: 15px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-26 {
  margin-top: 26px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-50 {
  margin-top: 50px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-15 {
  margin-bottom: 15px;
}
.mb-18 {
  margin-bottom: 18px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-26 {
  margin-bottom: 26px;
}
.mb-30 {
  margin-bottom: 30px;
}
.m-0 {
  margin: 0px !important;
}
.mb-0 {
  margin-bottom: 0px;
}
.p-0 {
  padding: 0px !important;
}
.p-20 {
  padding: 20px;
}
.p-30 {
  padding: 30px;
}
.p-40 {
  padding: 40px;
}
hr {
  border-top: 2px solid #eeeeee;
  margin: 0px;
}
.hr-dark {
  border-top: 2px solid #dadada;
}
.border-v-dark {
  border-right: 2px solid #dadada;
}
.bg-white {
  background-color: #ffffff;
}
.lighter-bg {
  background-color: #f9f9f9;
}
.light-bg {
  background-color: #f2f2f2;
}
.dark-bg {
  background-color: #eeeeee;
}
.darker-bg {
  background-color: #e8e8e8;
}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 29, 2014 */
@font-face {
    font-family: 'libre_franklin';
    src: url('main/fonts/librefranklin/LibreFranklin-Regular.ttf');
    src: url('main/fonts/librefranklin/LibreFranklin-Regular.woff2') format('woff2'),
         url('main/fonts/librefranklin/LibreFranklin-Regular.woff') format('woff'),
         url('main/fonts/librefranklin/LibreFranklin-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'libre_franklin900';
    src: url('main/fonts/librefranklin/LibreFranklin-Black.ttf');
    src: url('main/fonts/librefranklin/LibreFranklin-Black.woff2') format('woff2'),
         url('main/fonts/librefranklin/LibreFranklin-Black.woff') format('woff'),
         url('main/fonts/librefranklin/LibreFranklin-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'libre_franklin700';
    src: url('main/fonts/librefranklin/LibreFranklin-Bold.ttf');
    src: url('main/fonts/librefranklin/LibreFranklin-Bold.woff2') format('woff2'),
         url('main/fonts/librefranklin/LibreFranklin-Bold.woff') format('woff'),
         url('main/fonts/librefranklin/LibreFranklin-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'libre_franklin500';
    src: url('main/fonts/librefranklin/LibreFranklin-Medium.ttf');
    src: url('main/fonts/librefranklin/LibreFranklin-Medium.woff2') format('woff2'),
         url('main/fonts/librefranklin/LibreFranklin-Medium.woff') format('woff'),
         url('main/fonts/librefranklin/LibreFranklin-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'libre_franklin300';
    src: url('main/fonts/librefranklin/LibreFranklin-Light.ttf');
    src: url('main/fonts/librefranklin/LibreFranklin-Light.woff2') format('woff2'),
         url('main/fonts/librefranklin/LibreFranklin-Light.woff') format('woff'),
         url('main/fonts/librefranklin/LibreFranklin-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'libre_franklin100';
    src: url('main/fonts/librefranklin/LibreFranklin-Thin.ttf');
    src: url('main/fonts/librefranklin/LibreFranklin-Thin.woff2') format('woff2'),
         url('main/fonts/librefranklin/LibreFranklin-Thin.woff') format('woff'),
         url('main/fonts/librefranklin/LibreFranklin-Thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'libre_franklin100_italic';
    src: url('main/fonts/librefranklin/LibreFranklin-ThinItalic.ttf');
    src: url('main/fonts/librefranklin/LibreFranklin-ThinItalic.woff2') format('woff2'),
         url('main/fonts/librefranklin/LibreFranklin-ThinItalic.woff') format('woff'),
         url('main/fonts/librefranklin/LibreFranklin-ThinItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'museo_sans900';
  src: url('main/fonts/museosans_900-webfont.eot');
  src: url('main/fonts/museosans_900-webfont.eot?#iefix') format('embedded-opentype'), url('main/fonts/museosans_900-webfont.woff2') format('woff2'), url('main/fonts/museosans_900-webfont.woff') format('woff'), url('main/fonts/museosans_900-webfont.ttf') format('truetype'), url('main/fonts/museosans_900-webfont.svg#museo_sans900') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'museo_sans700';
  src: url('main/fonts/museosans_700-webfont.eot');
  src: url('main/fonts/museosans_700-webfont.eot?#iefix') format('embedded-opentype'), url('main/fonts/museosans_700-webfont.woff2') format('woff2'), url('main/fonts/museosans_700-webfont.woff') format('woff'), url('main/fonts/museosans_700-webfont.ttf') format('truetype'), url('main/fonts/museosans_700-webfont.svg#museo_sans700') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'museo_sans500';
  src: url('main/fonts/museosans_500-webfont.eot');
  src: url('main/fonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'), url('main/fonts/museosans_500-webfont.woff2') format('woff2'), url('main/fonts/museosans_500-webfont.woff') format('woff'), url('main/fonts/museosans_500-webfont.ttf') format('truetype'), url('main/fonts/museosans_500-webfont.svg#museo_sans500') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'museo_sans300';
  src: url('main/fonts/museosans-300-webfont.eot');
  src: url('main/fonts/museosans-300-webfont.eot?#iefix') format('embedded-opentype'), url('main/fonts/museosans-300-webfont.woff2') format('woff2'), url('main/fonts/museosans-300-webfont.woff') format('woff'), url('main/fonts/museosans-300-webfont.ttf') format('truetype'), url('main/fonts/museosans-300-webfont.svg#museo_sans300') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'museo_sans100_italic';
  src: url('main/fonts/museosans-100italic-webfont.eot');
  src: url('main/fonts/museosans-100italic-webfont.eot?#iefix') format('embedded-opentype'), url('main/fonts/museosans-100italic-webfont.woff2') format('woff2'), url('main/fonts/museosans-100italic-webfont.woff') format('woff'), url('main/fonts/museosans-100italic-webfont.ttf') format('truetype'), url('main/fonts/museosans-100italic-webfont.svg#museo_sans100_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FFMarkWebProRegular';
  src: url('main/fonts/35470B_0_0.eot');
  src: url('main/fonts/35470B_0_0.eot?#iefix') format('embedded-opentype'), url('main/fonts/35470B_0_0.woff2') format('woff2'), url('main/fonts/35470B_0_0.woff') format('woff'), url('main/fonts/35470B_0_0.ttf') format('truetype');
}
@font-face {
  font-family: 'FFMarkWebProBold';
  src: url('main/fonts/35470B_5_0.eot');
  src: url('main/fonts/35470B_5_0.eot?#iefix') format('embedded-opentype'), url('main/fonts/35470B_5_0.woff2') format('woff2'), url('main/fonts/35470B_5_0.woff') format('woff'), url('main/fonts/35470B_5_0.ttf') format('truetype');
}
@font-face {
  font-family: 'FFMarkWebProMedium';
  src: url('main/fonts/35470B_4_0.eot');
  src: url('main/fonts/35470B_4_0.eot?#iefix') format('embedded-opentype'), url('main/fonts/35470B_4_0.woff2') format('woff2'), url('main/fonts/35470B_4_0.woff') format('woff'), url('main/fonts/35470B_4_0.ttf') format('truetype');
}
@font-face {
  font-family: 'FFMarkWebProLight';
  src: url('main/fonts/35470B_2_0.eot');
  src: url('main/fonts/35470B_2_0.eot?#iefix') format('embedded-opentype'), url('main/fonts/35470B_2_0.woff2') format('woff2'), url('main/fonts/35470B_2_0.woff') format('woff'), url('main/fonts/35470B_2_0.ttf') format('truetype');
}
@font-face {
  font-family: 'FFMarkWebProThin';
  src: url('main/fonts/35470B_1_0.eot');
  src: url('main/fonts/35470B_1_0.eot?#iefix') format('embedded-opentype'), url('main/fonts/35470B_1_0.woff2') format('woff2'), url('main/fonts/35470B_1_0.woff') format('woff'), url('main/fonts/35470B_1_0.ttf') format('truetype');
}
@font-face {
  font-family: 'FFMarkWebProItalic';
  src: url('main/fonts/35470B_3_0.eot');
  src: url('main/fonts/35470B_3_0.eot?#iefix') format('embedded-opentype'), url('main/fonts/35470B_3_0.woff2') format('woff2'), url('main/fonts/35470B_3_0.woff') format('woff'), url('main/fonts/35470B_3_0.ttf') format('truetype');
}
h1,
h2,
h3,
h4,
h5,
h7,
h6 {
  font-weight: normal;
}
h1 {
  font-family: 'libre_franklin300', sans-serif;
  color: #006341;
  font-size: 36px;
  line-height: 40px;
  margin-top: 0px;
}
@media (min-width: 992px) {
  h1 {
    font-size: 40px;
    line-height: 40px;
  }
}
h2 {
  font-family: 'libre_franklin300', sans-serif;
  color: #006341;
  font-size: 28px;
  line-height: 32px;
  margin-top: 0px;
}
@media (min-width: 768px) {
  h2 {
    font-size: 36px;
    line-height: 40px;
  }
}
h3 {
  font-family: 'libre_franklin300', sans-serif;
  color: #006341;
  line-height: 32px;
  font-size: 28px;
  margin-bottom: 16px;
  margin-top: 0px;
}
@media (min-width: 992px) {
  h3 {
    font-size: 32px;
    line-height: 36px;
  }
}
h4 {
  font-family: 'libre_franklin300', sans-serif;
  color: #006341;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 16px;
  margin-top: 0px;
}
@media (min-width: 992px) {
  h4 {
    line-height: 32px;
    font-size: 28px;
  }
}
h5 {
  font-family: 'libre_franklin500', sans-serif;
  color: #006341;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 16px;
  margin-top: 0px;
}
@media (min-width: 992px) {
  h5 {
    font-family: 'libre_franklin300', sans-serif;
    font-size: 24px;
    line-height: 28px;
  }
}
h6 {
  font-family: 'libre_franklin500', sans-serif;
  color: #353535;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 14px;
  margin-top: 0px;
}
p {
  font-family: sans-serif;
  line-height: 20px;
  font-size: 16px;
}
.p-big {
  color: #353535;
  line-height: 20px;
  font-size: 14px;
  margin: 0px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .p-big {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (min-width: 992px) {
  .p-big {
    font-size: 18px;
    line-height: 24px;
  }
}
.merchantweb-container h2 {
  font-family: 'FFMarkWebProMedium', sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 0.9;
  color: #333333;
  height: 50px;
}
.merchantweb-container h2 .inner h2 {
  font-family: 'FFMarkWebProMedium', sans-serif;
  font-size: 36px;
  line-height: 1.25;
  font-weight: 500;
}
.merchantweb-container h4 {
  font-family: 'FFMarkWebProMedium', sans-serif;
  font-weight: 500;
  line-height: 32px;
  font-size: 28px;
  color: #333333;
}
.p-big-product {
  color: #5c5c5c;
  line-height: 22px;
  font-size: 16px;
  margin: 0px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .p-big-product {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .p-big-product {
    font-size: 18px;
    line-height: 24px;
  }
}
.p-short {
  color: #353535;
  line-height: 20px;
  font-size: 16px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .p-short {
    font-size: 14px;
  }
}
.p-body {
  color: #353535;
  line-height: 24px;
  font-size: 16px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .p-body {
    font-size: 14px;
    line-height: 22px;
  }
}
.p-small {
  color: #5c5c5c;
  line-height: 20px;
  font-size: 14px;
}
.p-small strong {
  color: #353535;
  line-height: 20px;
  font-size: 14px;
}
.p-base {
  color: #353535;
  line-height: 20px;
  font-size: 16px;
}
.p-base strong {
  color: #353535;
  line-height: 20px;
  font-size: 16px;
}
.p-small-bold {
  color: #353535;
  line-height: 20px;
  font-size: 14px;
  font-weight: bold;
}
.list-group {
  list-style: none;
  padding-left: 36px;
}
.list-group .list-group-item {
  line-height: 20px;
  list-style-type: none;
  position: relative;
  margin-bottom: 20px;
  padding: 0px;
}
.list-group .list-group-item:last-child {
  margin-bottom: 0px;
}
.list-group .list-group-item:before {
  position: absolute;
  margin: 0px 0 0 -15px;
  vertical-align: middle;
  display: inline-block;
  color: #d9d9d9;
  content: '•';
  font-size: 19px;
}
.title-text {
  margin-top: 30px;
}
.title-text .copy-block-heading {
  cursor: pointer;
}
@media (min-width: 768px) {
  .title-text .copy-block-heading {
    cursor: default;
  }
}
.title-text .copy-block-heading.open .icon-plus:before {
  content: "\e822";
  font-family: "dxm-icons";
  font-style: normal;
  font-weight: normal;
  cursor: pointer;
}
.title-text .copy-block-heading.open.text-center {
  text-align: center;
}
.title-text .copy-block-heading.open.text-center .title {
  width: 100%;
}
.title-text .copy-block-heading.open.text-left {
  text-align: left;
}
.title-text .copy-block-heading.open.text-left .title {
  width: 100%;
}
.title-text .copy-block-heading .title {
  float: left;
}
.title-text .copy-block-heading .icon-plus {
  float: right;
  color: #cccccc;
  font-size: 24px;
}
.title-text .copy.greenContent p {
  color: #009639;
  font-size: 30px;
  line-height: 1.25;
  width: 882px;
}
.title-text .copy.whiteContent p {
  color: #ffffff;
  font-size: 30px;
  line-height: 1.25;
  width: 882px;
}
.title-text .copy.darkGreenContent p {
  color: #006341;
  font-size: 30px;
  line-height: 1.25;
  width: 882px;
}
.title-text .copy.lightGreyContent p {
  color: #666;
  font-size: 18px;
}
@media (min-width: 768px) {
  .title-text .copy.lightGreyContent p {
    width: 70%;
    font-size: 30px;
    line-height: 1.25;
    color: #666666;
  }
}
.title-text .copy.darkGreyContent p {
  color: #2b2b2b;
  font-size: 30px;
  line-height: 1.25;
  width: 882px;
}
.lightgreenlink h6 .title {
  font-family: 'libre_franklin500', sans-serif;
  color: #353535;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 14px;
  margin-top: 0px;
}
.lightgreenlink a {
  padding: 3px 0px;
  font-size: 16px;
  line-height: 20px;
  color: #009639;
  white-space: pre-wrap;
  cursor: pointer;
  position: relative;
  left: 3px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.lightgreenlink a:hover {
  color: #009639;
  text-decoration: underline;
}
.campaigns-h3,
h3 p {
  font-family: 'libre_franklin300', sans-serif;
  color: #006341;
  line-height: 28px;
  font-size: 24px;
  margin-bottom: 16px;
  margin-top: 0px;
}
@media (min-width: 992px) {
  .campaigns-h3,
  h3 p {
    font-size: 32px;
    line-height: 36px;
    text-align: center;
  }
}
.campaigns-h4 p {
  font-family: 'libre_franklin300', sans-serif;
  color: #006341;
  font-size: 24px;
  line-height: 28px;
}
@media (min-width: 992px) {
  .campaigns-h4 p {
    font-size: 32px;
    line-height: 36px;
  }
}
.campaigns-h5 {
  font-family: 'libre_franklin300', sans-serif;
  color: #006341;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 16px;
  margin-top: 0px;
}
@media (min-width: 992px) {
  .campaigns-h5 {
    font-family: 'libre_franklin300', sans-serif;
    font-size: 24px;
    line-height: 28px;
  }
}
.campaigns-p-body {
  color: #353535;
  line-height: 24px;
  font-size: 16px;
}
.block {
  height: 150px;
  width: 150px	;
  display: inline-block;
  margin-right: 30px;
}
.primary-1 {
  background-color: #006341;
}
.primary-2 {
  background-color: #115740;
}
.primary-3 {
  background-color: #00b388;
}
.primary-4 {
  background-color: #009639;
}
.primary-5 {
  background-color: #78be20;
}
.secondary-1 {
  background-color: #cedc00;
}
.secondary-2 {
  background-color: #00b2a9;
}
.background-1 {
  background-color: #f9f9f9;
}
.background-2 {
  background-color: #ffffff;
}
.background-3 {
  background-color: #f2f2f2;
}
.background-4 {
  background-color: #eeeeee;
}
.background-5 {
  background-color: #e8e8e8;
}
.background-6 {
  background-color: #dadada;
}
.background-7 {
  background-color: #333333;
}
.background-8 {
  background-color: #2b2b2b;
}
.background-9 {
  background-color: #212121;
}
.background-10 {
  background-color: #1d1d1d;
}
.main-text-color {
  background-color: #353535;
}
.main-text-color-1 {
  background-color: #5c5c5c;
}
.main-text-color-2 {
  background-color: #666666;
}
.main-text-color-3 {
  background-color: #cccccc;
}
.main-button-color {
  background-color: #006341;
}
.main-button-color-1 {
  background-color: #009639;
}
.main-button-color-2 {
  background-color: #e6e6e6;
}
.filter-main {
  background-color: #4d4e53;
}
.filter-main-1 {
  background-color: #33876d;
}
.filter-main-2 {
  background-color: #cedc00;
}
.filter-main-3 {
  background-color: #8fb171;
}
.filter-main-4 {
  background-color: #80a09e;
}
.filter-main-5 {
  background-color: #8d8b79;
}
.filter-main-6 {
  background-color: #7d8296;
}
.meta-data {
  margin-top: 20px;
}
.meta-data p {
  margin-bottom: 20px;
}
html {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}
body {
  background: #dadada;
  font-family: sans-serif;
  max-width: 1460px;
  overflow: hidden;
  color: #353535;
}
.skiplinks {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.skiplinks ul {
  position: absolute;
}
.skiplinks ul li a {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 100002;
  background: #ffffff;
}
.container {
  background-color: #ffffff;
  max-width: 1140px;
  margin-left: 0px;
  margin-top: 61px;
}
@media (min-width: 768px) {
  .container {
    margin-left: 90px;
    margin-top: 90px;
  }
}
@media (min-width: 1024px) {
  .container {
    margin-left: 90px;
  }
}
@media (min-width: 1025px) {
  .container {
    margin-left: 320px;
  }
}
@media (min-width: 1200px) {
  .container {
    margin-left: 320px;
  }
}
.container.content-push-toright-1024 {
  left: 230px;
}
.container.content-push-toright-1024-far {
  left: 460px;
}
.container.content-push-toright-far {
  left: 550px;
  margin-left: 0px;
}
.container.search-input-container-open {
  margin-top: 121px;
}
@media (min-width: 768px) {
  .container.search-input-container-open {
    margin-top: 180px;
  }
}
.container.alert-open {
  margin-top: 61px;
}
@media (min-width: 768px) {
  .container.alert-open {
    margin-top: 180px;
  }
}
.container .addPadding {
  padding: 0px 30px;
  font-size: 20px;
}
@media (min-width: 768px) {
  .container .addPadding {
    padding: 0px 80px;
    width: 85%;
    margin: 30px auto 0px;
  }
}
.container .generalPadding {
  padding: 0px 20px;
}
@media (min-width: 768px) {
  .container .generalPadding {
    padding: 0px 40px;
    width: 100%;
    margin: 0px;
  }
}
@media (min-width: 768px) {
  .container .addCenter {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    text-align: center;
    margin-bottom: 15px;
  }
}
.container-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.3);
  /*dim the background*/
  display: none;
}
.container-overlay.content-push-toright {
  display: block;
  left: 0;
}
.container-sidebar {
  width: auto;
  max-width: 1370px;
  margin-left: 90px;
}
.detail-container {
  width: auto;
  max-width: 1370px;
  margin-left: 0px;
}
@media (min-width: 768px) {
  .detail-container {
    margin-left: 90px;
  }
}
.detail-container.content-push-toright {
  margin-left: 0px;
  left: 320px;
}
.detail-container.content-push-toright-far {
  margin-left: 0px;
  left: 550px;
}
.full-container {
  margin-left: 0px;
  max-width: 1460px;
  width: auto;
}
.full-container.content-push-toright {
  margin-left: 0px;
  left: 320px;
}
.full-container.content-push-toright-far {
  margin-left: 0px;
  left: 550px;
}
@media (min-width: 768px) {
  .full-container {
    margin-left: 90px;
  }
}
.general-listing {
  padding: 10px;
}
@media (min-width: 992px) {
  .general-listing {
    padding: 40px;
  }
}
.general-listing .tagDiv {
  margin-bottom: 10px;
}
.general-listing .tagDiv:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1200px) {
  .container-lg-height {
    display: table;
    padding-left: 0px;
    padding-right: 0px;
  }
  .row-lg-height {
    display: table-row;
  }
  .col-lg-height {
    display: table-cell;
    float: none;
    vertical-align: top;
  }
}
@media (min-width: 768px) {
  .column-listing .row {
    margin-left: -5px;
    margin-right: -5px;
  }
  .column-listing [class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.column-listing .row-inside-accordion {
  margin-left: 5px;
  margin-right: 5px;
}
@media (min-width: 768px) {
  .column-listing .row-inside-accordion {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.column-listing .panel-group {
  margin-bottom: 0px;
}
.column-listing .tagDiv {
  margin-bottom: 0px;
}
.top-nav {
  max-width: 100%;
  background-color: #ffffff;
  font-family: 'FFMarkWebProRegular', sans-serif;
}
.top-nav h1,
.top-nav h2,
.top-nav h3,
.top-nav h4,
.top-nav h5,
.top-nav h6,
.top-nav p {
  font-family: 'FFMarkWebProRegular', sans-serif;
}
.top-nav .panel-group .panel .panel-heading,
.top-nav .panel-title {
  font-family: 'FFMarkWebProItalic', sans-serif !important;
}
.top-nav .container {
  margin-top: 144.6px;
  margin-left: 0px;
  width: 100%;
  max-width: 100%;
  margin-bottom: 50px;
}
.top-nav header {
  display: flex;
  font-family: inherit;
  max-width: 100%;
  height: auto;
  border: none;
  background: #ffffff;
}
@media (min-width: 1200px) {
  .top-nav header .visible-lg {
    display: flex !important;
  }
}
.top-nav header #main-navigation-menu {
  display: flex;
  flex-basis: 100%;
}
.top-nav header #main-navigation-menu > div {
  width: 100%;
}
.top-nav header #main-navigation-menu .navigation {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  overflow: hidden;
}
.top-nav header #main-navigation-menu .navigation .nav-item-list {
  margin-bottom: 0px;
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  white-space: nowrap;
}
.top-nav header #main-navigation-menu .navigation .nav-item-list .nav-item {
  display: flex;
  align-items: center;
  height: 80px;
  min-height: 80px;
  padding: 0 0 0 20px;
}
.top-nav header #main-navigation-menu .navigation .primary-nav {
  display: flex;
  flex-direction: row;
  /*flex: 1;*/
  padding: 0px 20px;
  justify-content: flex-start;
  background: #006341;
}
.top-nav header #main-navigation-menu .navigation .primary-nav .header-logo {
  display: flex;
  width: auto;
  align-items: center;
}
.top-nav header #main-navigation-menu .navigation .primary-nav .top-nav-bar {
  display: flex;
}
.top-nav header #main-navigation-menu .navigation .primary-nav .top-nav-bar .nav-item-list .nav-item:hover {
  color: #cedc00;
}
.top-nav header #main-navigation-menu .navigation .primary-nav .top-nav-bar .nav-item-list .nav-item .nav-menu-item-active {
  color: #cedc00;
}
.top-nav header #main-navigation-menu .navigation .secondary-nav {
  display: flex;
  flex-direction: row;
  /*flex: 1;*/
  padding: 0px 20px;
  justify-content: flex-start;
  background: #ffffff;
  border-bottom: 1.5px solid #eeeeee;
}
.top-nav header #main-navigation-menu .navigation .secondary-nav a {
  color: #006341;
}
.top-nav header #main-navigation-menu .navigation .secondary-nav .nav-bar {
  display: flex;
}
.top-nav header #main-navigation-menu .navigation .secondary-nav .nav-bar .nav-item-list {
  padding: 0px;
}
.top-nav header #main-navigation-menu .navigation .secondary-nav .nav-bar .nav-item-list .nav-item {
  height: 63.6px;
  min-height: 63.6px;
  padding: 0 10px;
}
.top-nav header #main-navigation-menu .navigation .secondary-nav .nav-bar .nav-item-list .nav-item .nav-menu-item {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  position: relative;
  height: 63.6px;
  min-height: 63.6px;
}
.top-nav header #main-navigation-menu .navigation .secondary-nav .nav-bar .nav-item-list .nav-item .nav-menu-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
  background-color: #78be20;
  transition: all .23s;
}
.top-nav header #main-navigation-menu .navigation .secondary-nav .nav-bar .nav-item-list .nav-item .nav-menu-item-active.nav-menu-item::after {
  height: 4px;
}
.top-nav header #main-navigation-menu .navigation .secondary-nav .nav-bar .nav-item-list .nav-item:hover .nav-menu-item::after {
  height: 4px;
}
.top-nav header #main-navigation-menu .navigation .secondary-nav .swiper-container {
  white-space: nowrap;
}
.top-nav header #main-navigation-menu .navigation .secondary-nav .swiper-container .slick-track {
  width: 100% !important;
}
.top-nav header #main-navigation-menu .navigation .secondary-nav .swiper-container .slick-track .swiper-wrapper.slick-slide {
  width: 100% !important;
}
.top-nav .topnav-container .small-footer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: #fff;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 99;
  border-top: 1px solid #eee;
  height: 50px;
  padding: 0 20px;
}
@media (max-width: 376px) {
  .top-nav .topnav-container .small-footer {
    padding: 0;
  }
}
.top-nav .topnav-container .small-footer .copyright {
  display: flex;
  align-items: center;
  margin-left: 20px;
  margin-right: auto;
  position: relative;
  color: #666;
  font-size: 10px;
  white-space: nowrap;
}
@media (max-width: 376px) {
  .top-nav .topnav-container .small-footer .copyright {
    font-size: 9px;
  }
}
@media (max-width: 321px) {
  .top-nav .topnav-container .small-footer .copyright {
    font-size: 8px;
  }
}
.top-nav .topnav-container .small-footer .copyright span {
  display: block;
}
.top-nav .topnav-container .small-footer .footer-links {
  display: flex;
  align-items: center;
}
.top-nav .topnav-container .small-footer .footer-links a {
  font-size: 12px;
  color: #666666;
  border-right: 1px solid #eeeeee;
  padding: 0 10px;
}
.top-nav .topnav-container .small-footer .footer-links a:last-child {
  border-right: none;
}
.topnav-container {
  /*.Compliance, Feedback{
    .title{
    width: 55%;
    @media (max-width: @screen-sm-min) {
    //padding: 0px 60px;
    width: 80%
}
    @media (max-width: @screen-xs-max) {
    width: 90%;
} 
}            
}*/
}
.topnav-container .webform {
  margin-top: 80px;
}
@media (max-width: 767px) {
  .topnav-container .webform {
    margin-top: 30px;
  }
}
.topnav-container .webform .title {
  display: flex;
  flex-direction: column;
  width: 50% !important;
}
.topnav-container .webform .title h2 {
  font-size: 28px;
  color: #666666;
}
@media (max-width: 768px) {
  .topnav-container .webform .title {
    width: 80% !important;
  }
}
@media (max-width: 767px) {
  .topnav-container .webform .title {
    width: 90% !important;
  }
}
.topnav-container .webform .title .description {
  margin: 0px;
}
.topnav-container .webform #formFields {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .topnav-container .webform #formFields .text-box,
  .topnav-container .webform #formFields .btn.btn-default {
    width: 100%;
  }
}
@media (min-width: 769px) {
  .topnav-container .webform #formFields .text-box,
  .topnav-container .webform #formFields .btn.btn-default {
    width: 325px;
  }
}
.topnav-container .webform #formFields .text-box {
  margin-bottom: 20px;
}
.topnav-container .webform #formFields .text-box textarea {
  border: 2px solid lightgray;
  outline-color: transparent;
  height: 125px;
}
.topnav-container .webform #formFields .text-box textarea:focus {
  border: 2px solid #006341;
}
.topnav-container .webform #formFields .text-box textarea.error {
  border: 2px solid red;
}
@media (max-width: 768px) {
  .topnav-container .webform #formFields .row {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .topnav-container .webform .container-fluid {
    padding: 0 10px;
  }
  .topnav-container .webform .title {
    width: 100% !important;
  }
}
.topnav-container .webform .mod.modCompliance .title h2 {
  font-size: 36px;
  color: #353535;
}
.topnav-container .webform .mod.modCompliance .title .description {
  margin: 20px auto;
  font-size: 20px;
  color: #353535;
}
@font-face {
  font-family: 'dxm-icons';
  src: url('main/fonts/dxm-icons.eot');
  src: url('main/fonts/dxm-icons.eot#iefix') format('embedded-opentype'), url('main/fonts/dxm-icons.woff') format('woff'), url('main/fonts/dxm-icons.ttf') format('truetype'), url('main/fonts/dxm-icons.svg#dxm-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'dxm-icons';
    src: url('main/less/font/dxm-icons.svg?75622259#dxm-icons') format('svg');
  }
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "dxm-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: none;
  width: 1em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: uppercase;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-aboutus:before {
  content: '\e800';
}
/* '' */
.icon-account:before {
  content: '\e801';
}
/* '' */
.icon-alert:before {
  content: '\e802';
}
/* '' */
.icon-answer:before {
  content: '\e803';
}
/* '' */
.icon-applicationdoc:before {
  content: '\e804';
}
/* '' */
.icon-arrowdown:before {
  content: '\e805';
}
/* '' */
.icon-arrowleft:before {
  content: '\e806';
}
/* '' */
.icon-arrowright:before {
  content: '\e807';
}
/* '' */
.icon-arrowup:before {
  content: '\e808';
}
/* '' */
.icon-article:before {
  content: '\e809';
}
/* '' */
.icon-bad:before {
  content: '\e80a';
}
/* '' */
.icon-business:before {
  content: '\e80b';
}
/* '' */
.icon-calculator:before {
  content: '\e80c';
}
/* '' */
.icon-calendar:before {
  content: '\e80d';
}
/* '' */
.icon-careers:before {
  content: '\e80e';
}
/* '' */
.icon-clipboard:before {
  content: '\e80f';
}
/* '' */
.icon-clock:before {
  content: '\e810';
}
/* '' */
.icon-close:before {
  content: '\e811';
}
/* '' */
.icon-corporates:before {
  content: '\e812';
}
/* '' */
.icon-cta:before {
  content: '\e813';
}
/* '' */
.icon-digitalbanking:before {
  content: '\e814';
}
/* '' */
.icon-directions:before {
  content: '\e815';
}
/* '' */
.icon-filter:before {
  content: '\e816';
}
/* '' */
.icon-good:before {
  content: '\e817';
}
/* '' */
.icon-help:before {
  content: '\e818';
}
/* '' */
.icon-help2:before {
  content: '\e819';
}
/* '' */
.icon-homeloan:before {
  content: '\e81a';
}
/* '' */
.icon-indent:before {
  content: '\e81b';
}
/* '' */
.icon-invest:before {
  content: '\e81c';
}
/* '' */
.icon-link:before {
  content: '\e81d';
}
/* '' */
.icon-loading:before {
  content: '\e81e';
}
/* '' */
.icon-locatorpin:before {
  content: '\e81f';
}
/* '' */
.icon-menu:before {
  content: '\e820';
}
/* '' */
.icon-middlemarket:before {
  content: '\e821';
}
/* '' */
.icon-minus:before {
  content: '\e822';
}
/* '' */
.icon-minus2:before {
  content: '\e823';
}
/* '' */
.icon-moreoptions:before {
  content: '\e824';
}
/* '' */
.icon-nedbankicon:before {
  content: '\e825';
}
/* '' */
.icon-nedbanklogo:before {
  content: '\e826';
}
/* '' */
.icon-news:before {
  content: '\e827';
}
/* '' */
.icon-no:before {
  content: '\e828';
}
/* '' */
.icon-ok:before {
  content: '\e829';
}
/* '' */
.icon-oldmutual:before {
  content: '\e82a';
}
/* '' */
.icon-personal:before {
  content: '\e82b';
}
/* '' */
.icon-personal2:before {
  content: '\e82c';
}
/* '' */
.icon-phone:before {
  content: '\e82d';
}
/* '' */
.icon-phone2:before {
  content: '\e82e';
}
/* '' */
.icon-phonebank:before {
  content: '\e82f';
}
/* '' */
.icon-pin:before {
  content: '\e830';
}
/* '' */
.icon-play:before {
  content: '\e831';
}
/* '' */
.icon-plus:before {
  content: '\e832';
}
/* '' */
.icon-plus2:before {
  content: '\e833';
}
/* '' */
.icon-print:before {
  content: '\e834';
}
/* '' */
.icon-privatebanking:before {
  content: '\e835';
}
/* '' */
.icon-professionals:before {
  content: '\e836';
}
/* '' */
.icon-question:before {
  content: '\e837';
}
/* '' */
.icon-quote:before {
  content: '\e838';
}
/* '' */
.icon-save:before {
  content: '\e839';
}
/* '' */
.icon-search:before {
  content: '\e83a';
}
/* '' */
.icon-search2:before {
  content: '\e83b';
}
/* '' */
.icon-seniors:before {
  content: '\e83c';
}
/* '' */
.icon-share:before {
  content: '\e83d';
}
/* '' */
.icon-slider:before {
  content: '\e83e';
}
/* '' */
.icon-startingout:before {
  content: '\e83f';
}
/* '' */
.icon-step1:before {
  content: '\e840';
}
/* '' */
.icon-step2:before {
  content: '\e841';
}
/* '' */
.icon-step3:before {
  content: '\e842';
}
/* '' */
.icon-step4:before {
  content: '\e843';
}
/* '' */
.icon-step5:before {
  content: '\e844';
}
/* '' */
.icon-step6:before {
  content: '\e845';
}
/* '' */
.icon-step7:before {
  content: '\e846';
}
/* '' */
.icon-step8:before {
  content: '\e847';
}
/* '' */
.icon-tools:before {
  content: '\e848';
}
/* '' */
.icon-vehicle:before {
  content: '\e849';
}
/* '' */
.icon-yes:before {
  content: '\e84a';
}
/* '' */
.icon-youth:before {
  content: '\e84b';
}
/* '' */
.icon-arrived:before {
  content: '\e84c';
}
/* '' */
.icon-ctaback:before {
  content: '\e84d';
}
/* '' */
.icon-straight:before {
  content: '\e84e';
}
/* '' */
.icon-turn-left:before {
  content: '\e84f';
}
/* '' */
.icon-turn-right:before {
  content: '\e850';
}
/* '' */
.icon-turn-sharp-left:before {
  content: '\e851';
}
/* '' */
.icon-turn-sharp-right:before {
  content: '\e852';
}
/* '' */
.icon-bear-left:before {
  content: '\e853';
}
/* '' */
.icon-bear-right:before {
  content: '\e854';
}
/* '' */
.icon-breadcrumb:before {
  content: '\e855';
}
/* '' */
.icon-make-left-u-turn:before {
  content: '\e856';
}
/* '' */
.icon-make-right-u-turn:before {
  content: '\e857';
}
/* '' */
.icon-no2:before {
  content: '\e858';
}
/* '' */
.icon-yes2:before {
  content: '\e859';
}
/* '' */
.icon-bath:before {
  content: '\e85a';
}
/* '' */
.icon-bed:before {
  content: '\e85b';
}
/* '' */
.icon-garage:before {
  content: '\e85c';
}
/* '' */
.icon-list-view:before {
  content: '\e85d';
}
/* '' */
.icon-lounge:before {
  content: '\e85e';
}
/* '' */
.icon-link2:before {
  content: '\e85f';
}
/* '' */
.icon-01d:before {
  content: '\e860';
}
/* '' */
.icon-01n:before {
  content: '\e861';
}
/* '' */
.icon-02d:before {
  content: '\e862';
}
/* '' */
.icon-02n:before {
  content: '\e863';
}
/* '' */
.icon-03d:before {
  content: '\e864';
}
/* '' */
.icon-03n:before {
  content: '\e865';
}
/* '' */
.icon-04d:before {
  content: '\e866';
}
/* '' */
.icon-04n:before {
  content: '\e867';
}
/* '' */
.icon-09d:before {
  content: '\e868';
}
/* '' */
.icon-09n:before {
  content: '\e869';
}
/* '' */
.icon-10d:before {
  content: '\e86a';
}
/* '' */
.icon-10n:before {
  content: '\e86b';
}
/* '' */
.icon-11d:before {
  content: '\e86c';
}
/* '' */
.icon-11n:before {
  content: '\e86d';
}
/* '' */
.icon-13d:before {
  content: '\e86e';
}
/* '' */
.icon-13n:before {
  content: '\e86f';
}
/* '' */
.icon-50d:before {
  content: '\e870';
}
/* '' */
.icon-50n:before {
  content: '\e871';
}
/* '' */
.icon-calendar-download:before {
  content: '\e872';
}
/* '' */
.icon-calendar-import:before {
  content: '\e873';
}
/* '' */
.icon-thin-arrowdown:before {
  content: '\e874';
}
/* '' */
.icon-thin-arrowup:before {
  content: '\e875';
}
/* '' */
.icon-businessproperty:before {
  content: '\e876';
}
/* '' */
.icon-financial:before {
  content: '\e877';
}
/* '' */
.icon-generalinfo:before {
  content: '\e878';
}
/* '' */
.icon-industries:before {
  content: '\e879';
}
/* '' */
.icon-insurance:before {
  content: '\e87a';
}
/* '' */
.icon-propertyfinance:before {
  content: '\e87b';
}
/* '' */
.icon-rewards:before {
  content: '\e87c';
}
/* '' */
.icon-services:before {
  content: '\e87d';
}
/* '' */
.icon-trading:before {
  content: '\e87e';
}
/* '' */
.icon-email:before {
  content: '\e87f';
}
/* '' */
.icon-sustainability:before {
  content: '\e880';
}
/* '' */
.icon-kids:before {
  content: '\e881';
}
/* '' */
.icon-nonresidentbanking:before {
  content: '\e882';
}
/* '' */
.icon-scrolldown:before {
  content: '\e883';
}
/* '' */
.icon-backtotop:before {
  content: '\e884';
}
/* '' */
.icon-property:before {
  content: '\e885';
}
/* '' */
.icon-forex:before {
  content: '\e886';
}
/* '' */
.icon-podcast:before {
  content: '\e887';
}
/* '' */
.icon-share2:before {
  content: '\e888';
}
/* '' */
.icon-sponsored:before {
  content: '\e889';
}
/* '' */
.icon-pdf:before {
  content: '\e88a';
}
/* '' */
.icon-partners:before {
  content: '\e88b';
}
/* '' */
.icon-calculator:before {
  content: '\e80c';
}
/* '' */
.icon-digitalbanking:before {
  content: '\e814';
}
/* '' */
.icon-invest:before {
  content: '\e81c';
}
/* '' */
.icon-personal2:before {
  content: '\e82c';
}
/* '' */
.icon-account:before {
  content: '\e801';
}
/* '' */
.icon-article:before {
  content: '\e809';
}
/* '' */
.icon-middlemarket:before {
  content: '\e821';
}
/* '' */
.icon-nedbankicon:before {
  content: '\e825';
}
/* '' */
.icon-privatebanking:before {
  content: '\e835';
}
/* '' */
.icon-vehicle:before {
  content: '\e849';
}
/* '' */
.icon-homeloan:before {
  content: '\e81a';
}
/* '' */
.icon-phone2:before {
  content: '\e82e';
}
/* '' */
.icon-professionals:before {
  content: '\e836';
}
/* '' */
.icon-phonebank:before {
  content: '\e82f';
}
/* '' */
.icon-startingout:before {
  content: '\e83f';
}
/* '' */
.icon-youth:before {
  content: '\e84b';
}
/* '' */
.icon-link2:before {
  content: '\e85f';
}
/* '' */
.icon-seniors:before {
  content: '\e83c';
}
/* '' */
.icon-tools:before {
  content: '\e848';
}
/* '' */
.icon-businessproperty:before {
  content: '\e876';
}
/* '' */
.icon-financial:before {
  content: '\e877';
}
/* '' */
.icon-generalinfo:before {
  content: '\e878';
}
/* '' */
.icon-industries:before {
  content: '\e879';
}
/* '' */
.icon-insurance:before {
  content: '\e87a';
}
/* '' */
.icon-propertyfinance:before {
  content: '\e87b';
}
/* '' */
.icon-rewards:before {
  content: '\e87c';
}
/* '' */
.icon-services:before {
  content: '\e87d';
}
/* '' */
.icon-trading:before {
  content: '\e87e';
}
/* '' */
.icon-businessproperty:before {
  content: '\e876';
}
/* '' */
.icon-financial:before {
  content: '\e877';
}
/* '' */
.icon-generalinfo:before {
  content: '\e878';
}
/* '' */
.icon-industries:before {
  content: '\e879';
}
/* '' */
.icon-insurance:before {
  content: '\e82c';
}
/* '' */
.icon-propertyfinance:before {
  content: '\e87b';
}
/* '' */
.icon-rewards:before {
  content: '\e87c';
}
/* '' */
.icon-services:before {
  content: '\e87d';
}
/* '' */
.icon-trading:before {
  content: '\e87e';
}
/* '' */
.icon-sustainability:before {
  content: '\e880';
}
/* '' */
.icon-kids:before {
  content: '\e881';
}
/* '' */
.icon-nonresidentbanking:before {
  content: '\e882';
}
/* '' */
.icon-forex:before {
  content: '\e886';
}
/* '' */
.icon-podcast:before {
  content: '\e887';
}
/* '' */
.icon-sponsored:before {
  content: '\e889';
}
/* '' */
.popover {
  background-color: #353535;
  box-shadow: none;
  border: none;
}
.popover.bottom {
  margin-top: 13px;
  z-index: 1;
}
.popover.bottom .arrow {
  top: -7px;
  border-bottom-color: #353535;
}
.popover.bottom .arrow:after {
  border-bottom-color: #353535;
}
.popover.top {
  margin: 0px;
}
.popover .popover-content {
  padding: 10px;
}
.popover.login-popover {
  background: #ffffff;
  width: 220px;
  padding: 0px;
  height: auto;
  top: 61px !important;
  left: 100% !important;
  margin-left: -220px;
  z-index: 10;
}
@media (min-width: 992px) {
  .popover.login-popover {
    display: none !important;
  }
}
.popover.login-popover.bottom {
  margin-top: 0px;
}
.popover.login-popover .arrow {
  display: none;
}
.popover.login-popover .popover-content {
  padding: 0px;
}
.popover.login-popover .popover-content p {
  font-size: 16px;
}
.popover.login-popover .popover-item {
  padding: 10px 20px;
  border-bottom: 1px solid #efefef;
  color: #505050;
  font-family: 'libre_franklin500', sans-serif;
}
.popover.login-popover .popover-item:focus {
  background: #e8e8e8;
  outline: none;
}
.popover.login-popover .popover-item img {
  width: 37px;
}
.popover.login-popover .popover-item p {
  margin-bottom: 0px;
  margin-top: 10px;
}
.popover.login-popover .popover-item [class^='icon-'] {
  float: right;
}
.tooltip {
  z-index: 10;
}
.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}
.tooltip.right {
  margin-left: 10px;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #009639;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #009639;
}
.tooltip.top {
  right: 0px;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #009639;
}
.tooltip.bottom .tooltip-arrow {
  border-top-color: #009639;
}
@media (max-width: 991px) {
  .tooltip.bottom {
    margin-top: 35px;
  }
}
.tooltip.up .tooltip-arrow {
  border-top-color: #009639;
}
.tooltip-inner {
  background: #009639;
  padding: 10px 13px;
  border-radius: 0px;
  font-size: 14px;
  color: #ffffff;
  line-height: 18px;
  opacity: 1;
  text-align: left;
  float: right;
  max-width: 200px;
  width: auto;
}
.pricingtable {
  margin-bottom: 10px;
}
.pricingtable .panel-group .panel .panel-collapse {
  margin: 0px;
}
.pricingtable .panel-group .panel .panel-collapse .panel-body {
  padding: 0px 20px 20px 20px;
}
@media (min-width: 992px) {
  .pricingtable .panel-group .panel .panel-collapse .panel-body {
    padding: 0px 30px 30px 30px;
  }
}
@media (max-width: 480px) {
  .pricingtable .panel-group .panel .panel-collapse .panel-body {
    width: auto;
    overflow-x: scroll;
  }
}
.pricingtable .panel-group .panel .panel-collapse.tablestyle1 .panel-body {
  background: #ffffff;
}
.pricingtable .panel-group .panel .panel-collapse.tablestyle1 .panel-body table {
  border: 1px solid #989898;
}
.pricingtable .panel-group .panel .panel-collapse.tablestyle1 .panel-body table tr td {
  padding: 5px;
  border: 1px solid #989898;
}
.pricingtable .panel-group .panel .panel-collapse.tablestyle2 .panel-body {
  background: #ffffff;
}
.pricingtable .panel-group .panel .panel-collapse.tablestyle2 .panel-body table {
  border: 1px solid #989898;
}
.pricingtable .panel-group .panel .panel-collapse.tablestyle2 .panel-body table tr td {
  padding: 5px;
  border: 1px solid #989898;
}
.pricingtable .panel-group .panel .panel-collapse.tablestyle2 .panel-body table thead tr {
  background-color: #dadada;
}
.pricingtable .panel-group .panel .panel-collapse.tablestyle2 .panel-body table tbody tr:nth-child(odd) {
  background-color: #e8e8e8;
}
.pricingtable .panel-group .panel .panel-collapse.tablestyle2 .panel-body table tbody tr:nth-child(even) {
  background-color: #dadada;
}
.pricingtable .panel-group .panel .panel-collapse.tablestyle3 .panel-body {
  background: #ffffff;
}
.pricingtable .panel-group .panel .panel-collapse.tablestyle3 .panel-body table {
  border: 0px solid #989898;
}
.pricingtable .panel-group .panel .panel-collapse.tablestyle3 .panel-body table tr td {
  padding: 30px;
  border: 0px solid #989898;
  font-family: FFMarkWebProRegular, sans-serif;
}
.pricingtable .panel-group .panel .panel-collapse.tablestyle4 .panel-body {
  background: #ffffff;
  width: 100%;
  font-size: 14px;
  margin-bottom: 0px;
}
.pricingtable .panel-group .panel .panel-collapse.tablestyle4 .panel-body thead {
  background-color: #f9f9f9;
}
.pricingtable .panel-group .panel .panel-collapse.tablestyle4 .panel-body thead tr th {
  font-size: 12px;
  padding: 9px 14px;
  color: #666666;
  background-color: transparent;
  border: transparent;
  font-weight: 900;
}
@media (min-width: 768px) {
  .pricingtable .panel-group .panel .panel-collapse.tablestyle4 .panel-body thead tr th {
    padding: 8px 20px;
  }
}
.pricingtable .panel-group .panel .panel-collapse.tablestyle4 .panel-body tbody:first-child {
  background-color: #f9f9f9;
  border: transparent;
}
.pricingtable .panel-group .panel .panel-collapse.tablestyle4 .panel-body tbody > :not(:last-child) {
  border-bottom: 1px solid #dddddd !important;
}
.pricingtable .panel-group .panel .panel-collapse.tablestyle4 .panel-body tbody tr td {
  border: transparent;
  padding: 9px 14px;
  vertical-align: top;
}
@media (min-width: 768px) {
  .pricingtable .panel-group .panel .panel-collapse.tablestyle4 .panel-body tbody tr td {
    padding: 8px 20px;
  }
}
.pricingtable .panel-title .title {
  max-width: 90%;
}
.pricingtable .panel-title .price {
  font-size: 14px;
  font-family: sans-serif;
  padding-right: 20px;
  color: #5c5c5c;
  float: left;
  position: relative;
  top: 4px;
}
@media (min-width: 768px) {
  .pricingtable .panel-title .price {
    font-size: 16px;
    top: 0px;
  }
}
.pricingtable .panel-title hr {
  border-right: 2px solid #dadada;
  height: 26px;
  margin: 0px 20px;
}
.pricingtable .table {
  margin-bottom: 20px;
}
.pricingtable.statictable .panel-group .panel .panel-heading {
  padding: 13px 20px 12px 20px;
}
@media (min-width: 768px) {
  .pricingtable.statictable .panel-group .panel .panel-heading {
    padding: 19px 20px;
  }
}
@media (min-width: 992px) {
  .pricingtable.statictable .panel-group .panel .panel-heading {
    padding: 19px 30px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
  }
}
.pricingtable.statictable .panel-group .panel .panel-collapse .panel-body {
  padding: 30px;
}
.pricingtable.statictable .panel-group .panel .panel-collapse.tablestyle1 .panel-body {
  padding: 0px;
}
.pricingtable.statictable .panel-group .panel .panel-collapse.tablestyle2 .panel-body {
  padding: 0px;
}
.table {
  border: 1px solid #ffffff;
  font-size: 14px;
  margin-bottom: 0px;
}
.table thead tr th {
  padding: 9px 14px;
  background: #cedc00;
  color: #ffffff;
  border: 1px solid #ffffff;
  vertical-align: top;
}
@media (min-width: 768px) {
  .table thead tr th {
    padding: 8px 20px;
  }
}
.table tbody tr td {
  border: 1px solid #ffffff;
  padding: 9px 14px;
  vertical-align: top;
}
@media (min-width: 768px) {
  .table tbody tr td {
    padding: 8px 20px;
  }
}
.table-striped tbody tr {
  background-color: #dadada;
}
.table-striped tbody tr::nth-child(odd) {
  background-color: #e8e8e8;
}
@-moz-document url-prefix() {
  fieldset {
    display: table-cell;
  }
}
caption {
  font-family: 'libre_franklin500', sans-serif;
  color: #353535;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 14px;
  margin-top: 0px;
  padding: 0px;
}
@media (min-width: 768px) and (max-width: 991px) {
  caption {
    font-size: 20px;
    line-height: 24px;
  }
}
.comparison-table {
  margin-bottom: 10px;
  padding: 13px 20px;
  background: #eeeeee;
}
@media (min-width: 768px) {
  .comparison-table {
    padding: 20px;
  }
}
@media (min-width: 992px) {
  .comparison-table {
    padding: 30px;
  }
}
.comparison-table td {
  border: 1px solid #ffffff;
  vertical-align: top;
}
.comparison-table thead tr th {
  padding: 15px 14px;
  vertical-align: top;
  font-size: 20px;
  line-height: 24px;
  font-family: 'libre_franklin300', sans-serif;
  color: #ffffff;
  border: 1px solid #ffffff;
  font-weight: normal;
  position: relative;
}
@media (min-width: 768px) {
  .comparison-table thead tr th {
    padding: 20px 20px 18px 20px;
  }
}
.comparison-table thead tr th.main-title {
  font-size: 20px;
  color: #006341;
  background: #ffffff;
  text-align: left;
  font-family: 'libre_franklin500', sans-serif;
  border: none;
}
@media (min-width: 768px) {
  .comparison-table thead tr th.main-title {
    text-align: right;
    font-size: 24px;
    font-family: 'libre_franklin300', sans-serif;
  }
}
.comparison-table thead tr th.main-title span {
  font-size: 14px;
  line-height: 18px;
  display: block;
  margin-top: 0px;
  font-weight: bold;
  font-family: sans-serif;
  color: #353535;
}
@media (min-width: 768px) {
  .comparison-table thead tr th.main-title span {
    font-size: 16px;
    margin-top: 6px;
  }
}
.comparison-table thead tr th .shape {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 0;
  height: 0;
  border-left: 60px solid transparent;
  border-right: 0px solid transparent;
  border-top: 60px solid #004532;
}
.comparison-table thead tr th .border {
  border-left: 1px solid #ffffff;
  position: absolute;
  height: 102%;
  top: -1px;
  right: -1px;
}
.comparison-table thead tr th p {
  position: absolute;
  top: 8px;
  right: 10px;
  font-weight: bold;
}
.comparison-table .comparison-title td {
  background: #cedc00;
  color: #ffffff;
  padding: 9px 14px;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  vertical-align: top;
}
.comparison-table .comparison-items .product {
  background: #e8e8e8;
  text-align: left;
  color: #353535;
}
.comparison-table .comparison-items.odd .product {
  background: #dadada;
}
.comparison-table .comparison-items td {
  color: #ffffff;
  font-size: 14px;
  padding: 9px 14px;
  text-align: right;
  vertical-align: top;
}
.comparison-table .footer-title {
  color: #006341;
  background: #ffffff;
  text-align: right;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  padding: 9px 14px;
  vertical-align: top;
}
@media (min-width: 768px) {
  .comparison-table .footer-title {
    padding: 20px;
    font-size: 24px;
    font-family: 'libre_franklin300', sans-serif;
    font-weight: normal;
    line-height: 28px;
  }
}
.comparison-table .price {
  font-size: 14px;
  color: #006341;
  font-weight: bold;
  padding: 9px 14px;
  text-align: right;
  vertical-align: top;
}
@media (min-width: 768px) {
  .comparison-table .price {
    font-size: 20px;
    padding: 20px;
  }
}
.comparison-table .price .secondary-cta {
  font-family: sans-serif;
  font-weight: bold;
  margin-top: 5px;
  font-size: 14px;
  line-height: 18px;
}
@media (min-width: 768px) {
  .comparison-table .price .secondary-cta {
    font-size: 20px;
    margin-top: 13px;
    font-family: 'libre_franklin500', sans-serif;
    font-weight: normal;
    line-height: 24px;
  }
}
.comparison-table .price.price1 {
  background: #eeeeee;
}
.comparison-table .price.price2 {
  background: #e8e8e8;
}
.comparison-table .price.price3 {
  background: #dadada;
}
.comparison-table .typeA {
  background: #006341;
}
@media (min-width: 768px) {
  .comparison-table .typeA {
    padding-right: 28px;
  }
}
.comparison-table .typeA div {
  position: relative;
}
.comparison-table .typeB {
  background: #009639;
}
@media (min-width: 768px) {
  .comparison-table .typeB {
    padding-right: 28px;
  }
}
.comparison-table .typeB div {
  position: relative;
}
.comparison-table .typeC {
  background: #78be20;
}
@media (min-width: 768px) and (max-width: 991px) {
  .comparison-table .typeC {
    padding-right: 28px;
  }
}
.comparison-table .typeC div {
  position: relative;
}
.comparison-table .comparison-table-mobile-hide {
  display: none;
}
.comparison-table .compare-table-heading {
  font-size: 20px;
  color: #006341;
  font-family: 'libre_franklin500', sans-serif;
}
.comparison-table .compare-table-heading .icon-plus2:before {
  font-size: 12px;
  color: #cccccc;
  margin-left: 10px;
  float: right;
  position: relative;
  top: 8px;
}
.comparison-table .compare-table-heading.open .icon-plus2:before {
  content: '\e823';
  font-family: "dxm-icons";
  font-style: normal;
  font-weight: normal;
}
@media (min-width: 768px) {
  .comparison-table .compare-table-heading {
    font-family: 'libre_franklin300', sans-serif;
  }
}
.comparison-table .comparison-table-mobile {
  margin-top: 17px;
  margin-bottom: 10px;
}
.comparison-table .comparison-table-mobile .type {
  padding: 9px 14px;
  vertical-align: top;
  font-family: sans-serif;
  color: #ffffff;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  border: 1px solid #ffffff;
}
.comparison-table .comparison-table-mobile .type .shape {
  height: 36px;
  width: 36px;
  position: absolute;
  top: -9px;
  right: -14px;
  background: #004532;
}
.comparison-table .comparison-table-mobile .type p {
  position: absolute;
  top: -1px;
  right: -1px;
  font-weight: bold;
  font-size: 14px;
}
.comparison-table .comparison-table-mobile .icon-arrowright:before {
  font-size: 10px;
  margin-left: 5px;
}
.stacktable.small-only {
  display: table;
}
@media (min-width: 768px) {
  .stacktable.small-only {
    display: none;
  }
}
.stacktable.large-only {
  display: none;
}
@media (min-width: 768px) {
  .stacktable.large-only {
    display: table;
  }
}
.stacktable .st-head-row-main {
  display: none;
}
.stacktable .st-head-row {
  color: #ffffff;
  background: #cedc00;
}
.stacktable .st-key strong {
  font-weight: normal;
}
.cq-wcm-edit .contactsComp {
  clear: both;
}
.cq-wcm-edit .contactsComp:first-child {
  margin-top: 35px;
}
.cq-wcm-edit .contactsComp [class*="col-"] {
  float: none;
}
.cq-wcm-edit .row-lg-height {
  display: table-cell;
}
.cq-wcm-edit .row-lg-height > .col-lg-height {
  width: 1200px;
  float: none !important;
}
.cq-wcm-edit .row-lg-height > .col-lg-height .detail-template {
  max-width: 1110px;
}
.cq-wcm-edit .row-lg-height > .col-lg-height.forms-sidebar-side {
  width: 260px;
  clear: none;
  bottom: 0;
  position: absolute;
  right: 0;
}
.cq-wcm-edit .row-lg-height > .col-lg-height.listing-sidebar {
  width: 260px !important;
  float: none !important;
}
.cq-wcm-edit .forms-mobile-header {
  height: 90px;
}
.cq-wcm-edit .general-item.col-sm-12 {
  float: none;
}
.cq-wcm-edit .btn-default,
.cq-wcm-edit .rightRailComp {
  float: none !important;
}
.cq-wcm-edit .cq-element-listingfilter,
.cq-wcm-edit .cq-element-contactdetailitem,
.cq-wcm-edit .cq-element-search,
.cq-wcm-edit .cq-element-ctacomp1,
.cq-wcm-edit .cq-element-ctacomp2,
.cq-wcm-edit .cq-element-faq,
.cq-wcm-edit .cq-element-teamtestimonials {
  float: left;
  width: 100%;
}
.cq-wcm-edit .cq-element-faq {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .cq-wcm-edit .cq-element-logo {
    margin: 19px 0 0 20px;
  }
}
.cq-wcm-edit .cq-element-logo .logo img {
  top: 0px;
  left: 0px;
}
.cq-wcm-edit .cq-element-forms-header_47logo {
  margin: 19px 0 0 20px;
  height: 53px;
}
.cq-wcm-edit .cq-element-forms-header_47logo .logo img {
  top: 1px;
  left: 1px;
}
.cq-wcm-edit .cq-element-forms-header_47onlineapps {
  height: 43px;
}
.cq-wcm-edit .mod form .guideContainerWrapperNode {
  width: 96%;
}
.cq-wcm-edit .titlelink .rightrail-item,
.cq-wcm-edit .timewidget .rightrail-item,
.cq-wcm-edit .weatherwidget .rightrail-item,
.cq-wcm-edit .cq-element-rightrail_47tools .rightrail-item,
.cq-wcm-edit .productcontactus .rightrail-item {
  float: none !important;
}
.wizard-nav-prev,
.wizard-nav-next,
.guideButton .submit .iconButton-icon,
.guideButton .moveNext .iconButton-icon,
.guideButton .movePrev .iconButton-icon,
.guide-tab-scroller-previous .guide-tab-scroller-next {
  background-image: none !important;
}
.jcf-select {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #ffffff;
  position: relative;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  width: 100%;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
@media (min-width: 768px) {
  .jcf-select {
    width: 220px;
    height: 36px;
  }
}
@media (max-width: 991px) {
  .jcf-select.jcf-focus {
    background: #78be20;
  }
  .jcf-select.jcf-focus .jcf-select-text {
    color: #ffffff;
  }
  .jcf-select.jcf-focus .jcf-select-opener {
    margin-top: -1px;
  }
  .jcf-select.jcf-focus .jcf-select-opener:after {
    content: '\e808';
    font-family: "dxm-icons";
    color: #ffffff;
  }
}
@media (min-width: 992px) {
  .jcf-select:hover {
    background-color: #f9f9f9;
  }
}
.jcf-select .jcf-select-text {
  padding: 9px 0px 9px 14px;
  text-align: left;
  color: #5c5c5c;
  display: block;
  float: left;
  font-size: 16px;
  margin: 0px;
  line-height: 24px;
  width: 85% !important;
  overflow: hidden;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .jcf-select .jcf-select-text {
    padding: 7px 0px 7px 14px;
  }
}
.jcf-select .jcf-select-opener {
  float: right;
  padding: 10px 14px 9px 0px;
  width: auto;
}
@media (min-width: 768px) {
  .jcf-select .jcf-select-opener {
    padding: 7px 14px 7px 0px;
  }
}
.jcf-select .jcf-select-opener:after {
  content: '\e805';
  font-family: "dxm-icons";
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: #5c5c5c;
}
.jcf-select .jcf-reset-appearance {
  background-color: #ffffff;
}
.jcf-select.jcf-drop-active {
  background: #78be20;
}
.jcf-select.jcf-drop-active .jcf-select-text {
  color: #ffffff;
}
.jcf-select.jcf-drop-active .jcf-select-opener {
  margin-top: -2px;
}
.jcf-select.jcf-drop-active .jcf-select-opener:after {
  content: '\e808';
  font-family: "dxm-icons";
  color: #ffffff;
}
.jcf-select .jcf-select-drop {
  position: absolute;
  top: 40px;
  z-index: 10;
}
@media (min-width: 768px) {
  .jcf-select .jcf-select-drop {
    top: 36px;
  }
}
.jcf-select .jcf-select-drop .jcf-select-drop-content {
  border: none;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
.jcf-select .jcf-select-drop .jcf-select-drop-content ul {
  padding: 0px;
  margin: 0px;
}
.jcf-select .jcf-select-drop .jcf-select-drop-content li {
  list-style-type: none;
  font-size: 14px;
  color: #5c5c5c;
  cursor: pointer;
  line-height: 19px;
}
.jcf-select .jcf-select-drop .jcf-select-drop-content li span {
  display: block;
  padding: 8px 12px;
}
.jcf-select .jcf-select-drop .jcf-select-drop-content li span.jcf-selected {
  color: #78be20;
  font-weight: bold;
}
.jcf-select .jcf-select-drop .jcf-select-drop-content li:before {
  content: "\e81b";
  font-family: "dxm-icons";
  font-style: normal;
  font-weight: normal;
  font-size: 4px;
  vertical-align: middle;
  margin-right: 6px;
  float: left;
  padding: 8px 0px 8px 20px;
  color: #999999;
}
.jcf-select .jcf-select-drop .jcf-select-drop-content li:hover {
  background: #eeeeee;
}
.jcf-list .jcf-list-content {
  vertical-align: top;
  display: inline-block;
  overflow: auto;
  max-height: 309px !important;
  width: 100%;
}
.jcf-select-drop .jcf-list .jcf-list-content {
  background: #ffffff;
}
.jcf-select-drop-content .jcf-list .jcf-list-content {
  max-height: 192px !important;
  padding: 0;
}
.jcf-scrollbar-vertical {
  position: absolute;
  cursor: default;
  background: rgba(0, 0, 0, 0.1);
  width: 6px;
  bottom: 0px;
  right: 3px;
  top: 0px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.jcf-scrollbar-vertical .jcf-scrollbar-handle {
  background: rgba(0, 0, 0, 0.3);
  height: 1px;
  border-radius: 4px;
  width: 6px;
  max-height: 100%;
  min-height: 40px;
}
.thankyou {
  margin-top: 60px;
  background: #f9f9f9;
}
@media (min-width: 768px) {
  .thankyou {
    margin-top: 90px;
  }
}
.thankyou > .row {
  padding: 10px;
}
.thankyou > .row.thankyou-subhead {
  padding: 17px 30px 14px 30px;
}
@media (min-width: 768px) {
  .thankyou > .row.thankyou-subhead {
    padding: 25px 40px 24px 40px;
  }
  .thankyou > .row.thankyou-subhead h5 {
    font-size: 36px;
  }
}
.thankyou .congratulations .saa-logo {
  text-align: center;
}
@media (min-width: 768px) {
  .thankyou .congratulations .saa-logo img {
    float: right;
    height: 53px;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .thankyou .congratulations .saa-logo img {
    height: 70px;
  }
}
.thankyou .congratulations h4 {
  margin-bottom: 11px;
}
.thankyou .congratulations p {
  margin: 0px;
}
@media (min-width: 768px) {
  .thankyou .congratulations p {
    margin-bottom: 15px;
  }
}
.thankyou .congratulations.saa {
  display: none;
}
.thankyou h6 {
  margin-bottom: 11px;
}
.thankyou h5 {
  color: #000000;
  font-weight: bold;
}
.thankyou hr {
  margin: 14px 0px 17px 0px;
  border-bottom-color: #dadada;
}
.thankyou .referencenumber p {
  margin: 0px;
}
.thankyou .referencenumber p span {
  color: #78be20;
}
.thankyou .referencenumber .p-l-r40 {
  padding: 0px;
}
.thankyou .referencenumber .print {
  margin-top: 2px;
}
.thankyou .referencenumber .print.pull-left {
  clear: both;
}
@media (min-width: 992px) {
  .thankyou .referencenumber .print.pull-left {
    clear: none;
  }
}
.thankyou .referencenumber .download-cta {
  margin-bottom: 22px;
}
.thankyou .referencenumber .download-cta [class^='icon-'] {
  margin-right: 0px !important;
}
.thankyou .whatsnext h6 span {
  font-size: 23px;
}
.thankyou .whatsnext .icon-locatorpin {
  color: #5c5c5c;
  font-size: 20px;
  position: relative;
  top: 2px;
}
.thankyou .whatsnext [class*="col-"]:first-child h6 {
  color: #353535;
}
.thankyou .whatsnext .download-cta {
  margin-bottom: 22px;
}
.thankyou .whatsnext .download-cta [class*="icon-"] {
  margin-right: 0px !important;
}
.thankyou .whatsnext .find {
  position: relative;
  bottom: 5px;
}
.thankyou .whatsnext .find.pull-left {
  clear: both;
}
@media (min-width: 992px) {
  .thankyou .whatsnext .find.pull-left {
    clear: none;
  }
}
.thankyou #productInfoBlock .productitem {
  display: none;
}
.thankyou .marketinginfo h6 {
  letter-spacing: -1px;
}
.thankyou .marketinginfo p {
  font-weight: bold;
}
.thankyou .marketinginfo .jcf-checkbox {
  vertical-align: middle;
  display: inline-block;
  position: relative !important;
  overflow: hidden;
  cursor: default;
  background: #d0d0d0;
  height: 16px;
  width: 16px;
  outline: none;
}
.thankyou .marketinginfo .jcf-checkbox span {
  position: relative;
  display: none;
  height: 6px;
  width: 9px;
  top: 50%;
  left: 50%;
  margin: -4px 0 0 -5px;
  border: 3px solid #006341;
  border-width: 0 0 3px 3px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.thankyou .marketinginfo .jcf-checkbox input[type="checkbox"] {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  left: 0;
  top: 0;
}
.thankyou .marketinginfo .jcf-checkbox.jcf-checked span {
  display: block;
}
.thankyou .marketinginfo label {
  color: #5c5c5c;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  margin-left: 11px;
}
@media (min-width: 768px) {
  .thankyou > .thank-you-body {
    padding: 40px;
  }
  .thankyou .referencenumber,
  .thankyou .whatsnext {
    padding: 30px;
  }
  .thankyou .referencenumber .pull-left,
  .thankyou .whatsnext .pull-left {
    margin-left: 60px;
  }
  .thankyou .referencenumber .download-cta,
  .thankyou .whatsnext .download-cta {
    margin-bottom: 22px;
  }
  .thankyou .referencenumber .download-cta [class^='icon-'],
  .thankyou .whatsnext .download-cta [class^='icon-'] {
    margin: 0px;
  }
  .thankyou .referencenumber hr,
  .thankyou .whatsnext hr {
    display: none;
  }
  .thankyou .congratulations {
    background: none;
    padding: 0px;
  }
  .thankyou .congratulations h4 {
    margin-bottom: 11px;
  }
  .thankyou .congratulations h4 {
    margin-bottom: 10px;
  }
  .thankyou .referencenumber > [class*="col-sm"]:first-child {
    border-right: 2px solid #dadada;
  }
  .thankyou .referencenumber p {
    font-size: 18px;
  }
  .thankyou .whatsnext > [class*="col-sm"]:first-child {
    border-right: 2px solid #dadada;
    padding-right: 60px;
  }
  .thankyou .whatsnext > [class*="col-sm"]:nth-child(3) {
    padding-top: 20px;
  }
  .thankyou .whatsnext p {
    max-width: 405px;
    margin: 0;
  }
  .thankyou .whatsnext .mt-20 {
    margin-top: 24px;
  }
  .thankyou .marketinginfo {
    background: none;
    margin-top: 50px;
    padding: 0px;
  }
  .thankyou .marketinginfo h6 {
    font-size: 28px;
    line-height: 40px;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .thankyou .referencenumber .download-cta,
  .thankyou .whatsnext .download-cta {
    margin-bottom: 0px;
  }
}
.thankyou .form-divider {
  display: none;
}
@media (min-width: 768px) {
  .thankyou .form-divider {
    border-color: #eeeeee;
    display: block;
    margin: 30px 0px 40px;
  }
}
.thankyou .termandconditions .termsandcons p {
  color: #5c5c5c;
  font-family: sans-serif;
  font-size: 14px;
}
.thankyou .termandconditions .termsandcons p .context {
  color: #78be20;
  cursor: pointer;
}
.thankyou .termandconditions .termsandcons p .context .icon-help {
  color: #ababab;
}
.thankyou .termandconditions .termsandcons hr {
  border-color: #dadada;
}
.thankyou .termandconditions .termsandcons > p {
  color: #353535;
}
.thankyou .termandconditions .termsandcons .btn-decline {
  font-family: sans-serif;
  font-size: 18px;
}
.thankyou .termandconditions .termsandcons .btn-decline .icon-no2 {
  font-size: 12px;
  margin-right: 10px;
  position: relative;
  bottom: 1px;
}
.thankyou .termandconditions .termsandcons .btn-accept {
  font-family: sans-serif;
  font-size: 18px;
}
.thankyou .termandconditions .termsandcons .btn-accept .icon-yes2 {
  font-size: 12px;
  margin-right: 10px;
  position: relative;
  bottom: 1px;
}
.thankyou .thank-you-body #whatsnew-default {
  display: none;
}
.thankyou .thank-you-body #dynamicContentBlock .dynamiccontentblockitem {
  display: none;
}
.thankyou .thank-you-body #dynamicContentBlock .dynamiccontentblockitem .CTA {
  background-color: #00973b;
  color: #ffffff;
  padding: 5px 15px;
  display: inline-block;
  text-align: left;
  font-weight: 500;
}
.thankyou .thank-you-body #dynamicContentBlock .dynamiccontentblockitem .listdetails {
  font-family: sans-serif;
  color: #000000;
}
.thankyou .thank-you-body #dynamicContentBlock .dynamiccontentblockitem .listdetails p,
.thankyou .thank-you-body #dynamicContentBlock .dynamiccontentblockitem .listdetails ul li {
  font-family: sans-serif;
  color: #000000;
}
.app-intro {
  margin-top: 60px;
  background: #f9f9f9;
}
@media (min-width: 768px) {
  .app-intro {
    margin-top: 90px;
  }
}
.app-intro .app-intro-head .app-intro-subhead .left-block {
  border-bottom: 2px solid #dadada;
  margin-bottom: 15px;
}
.app-intro .app-intro-head .app-intro-subhead .left-block .icon-account {
  font-size: 50px;
  color: #78be20;
  margin-right: 20px;
  line-height: 50px;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .app-intro .app-intro-head .app-intro-subhead .left-block .icon-account {
    font-size: 60px;
    line-height: 60px;
    margin-bottom: initial;
  }
}
.app-intro .app-intro-head .app-intro-subhead .left-block:before {
  float: left;
  font-size: 50px;
  color: #78be20;
  height: 50px;
  margin-bottom: 20px;
  bottom: 10px;
  position: relative;
}
@media (min-width: 768px) {
  .app-intro .app-intro-head .app-intro-subhead .left-block:before {
    margin-bottom: 10px;
    bottom: 10px;
  }
}
.app-intro .app-intro-head .app-intro-subhead .left-block .product-name {
  overflow: auto;
  padding-right: 30px;
}
.app-intro .app-intro-head .app-intro-subhead .left-block .product-name .p-small {
  margin-bottom: 0px;
}
@media (min-width: 768px) {
  .app-intro .app-intro-head .app-intro-subhead .left-block .product-name .p-small {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
  }
}
.app-intro .app-intro-head .app-intro-subhead .left-block .product-name > h5 {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .app-intro .app-intro-head .app-intro-subhead .left-block .product-name > h5 {
    margin-bottom: 0px;
  }
}
@media (min-width: 768px) {
  .app-intro .app-intro-head .app-intro-subhead .left-block {
    border-right: 2px solid #dadada;
    border-bottom: none;
    margin-bottom: 0px;
  }
}
@media (min-width: 768px) {
  .app-intro .app-intro-head .app-intro-subhead > .clearfix {
    float: left;
  }
}
.app-intro .app-intro-head .app-intro-subhead .right-block {
  margin-top: 9px;
}
.app-intro .app-intro-head .app-intro-subhead .right-block span {
  color: #a7a7a7;
  float: left;
  font-size: 20px;
  margin: 0px 10px 0px 0px;
  line-height: 20px;
  height: 26px;
}
@media (min-width: 768px) {
  .app-intro .app-intro-head .app-intro-subhead .right-block span {
    margin: 0px 15px 0px 30px;
  }
}
.app-intro .app-intro-head .app-intro-subhead .right-block .p-small {
  margin-bottom: 0px;
  overflow: auto;
}
@media (min-width: 768px) {
  .app-intro .app-intro-head .app-intro-subhead .right-block .p-small {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (min-width: 768px) {
  .app-intro .app-intro-head .app-intro-subhead .right-block {
    margin-top: 19px;
  }
}
.app-intro .app-intro-body {
  background: #f9f9f9;
  padding: 10px;
}
@media (min-width: 992px) {
  .app-intro .app-intro-body {
    padding: 40px;
  }
}
.app-intro .app-intro-body .list-group {
  padding-left: 16px;
}
.app-intro .app-intro-body .body-head {
  position: relative;
  padding: 20px 20px 0 20px;
  background: #f2f2f2;
}
.app-intro .app-intro-body .body-head h5 {
  margin-bottom: 0px;
}
@media (min-width: 768px) {
  .app-intro .app-intro-body .body-head {
    padding: 20px 20px 30px 20px;
    background: none;
  }
}
@media (min-width: 992px) {
  .app-intro .app-intro-body .body-head {
    padding: 0 0 40px 0;
  }
}
.app-intro .app-intro-body .body-head .submit-top {
  position: relative;
  top: -12px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
@media (min-width: 768px) {
  .app-intro .app-intro-body .body-head .submit-top {
    top: -15px;
  }
}
@media (min-width: 992px) {
  .app-intro .app-intro-body .body-head .submit-top {
    top: -18px;
  }
}
.app-intro .app-intro-body .body-head .submit-top a {
  position: relative;
  top: 0;
}
.app-intro .app-intro-body .body-head .submit-top.reached {
  position: absolute;
  top: 60px;
  right: 0;
  bottom: 0;
  left: -10px;
  z-index: 9;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
@media (min-width: 768px) {
  .app-intro .app-intro-body .body-head .submit-top.reached {
    top: 90px;
    right: 256px;
    left: inherit;
  }
}
@media (min-width: 992px) {
  .app-intro .app-intro-body .body-head .submit-top.reached {
    top: 90px;
    right: 260px;
    left: inherit;
  }
}
.app-intro .app-intro-body .body-head .submit-top.reached a {
  position: fixed;
  top: 60px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
@media (min-width: 768px) {
  .app-intro .app-intro-body .body-head .submit-top.reached a {
    top: 90px;
  }
}
@media (min-width: 992px) {
  .app-intro .app-intro-body .body-head .submit-top.reached a {
    top: 90px;
  }
}
.app-intro .app-intro-body .same-height {
  margin-bottom: 10px;
}
.app-intro .app-intro-body .same-height .title-text {
  display: inline;
  margin-top: 0;
}
.app-intro .app-intro-body .same-height .title-text .copy-block-heading .title {
  font-size: 20px;
}
@media (min-width: 768px) {
  .app-intro .app-intro-body .same-height {
    display: table;
    width: 100%;
  }
}
.app-intro .app-intro-body .same-height [class*='col-'] {
  padding: 20px;
}
@media (min-width: 992px) {
  .app-intro .app-intro-body .same-height [class*='col-'] {
    display: table-cell;
    padding: 30px;
  }
}
.app-intro .app-intro-body .same-height [class*='col-'] ul {
  padding-left: 15px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.app-intro .app-intro-body .same-height [class*='col-'] ul li {
  line-height: 20px;
  list-style-type: none;
  position: relative;
  padding: 0px;
  margin-bottom: 20px;
  color: #5c5c5c;
}
.app-intro .app-intro-body .same-height [class*='col-'] ul li:last-child {
  margin-bottom: 0;
}
.app-intro .app-intro-body .same-height [class*='col-'] ul li:before {
  position: absolute;
  margin: 0px 0 0 -15px;
  vertical-align: middle;
  display: inline-block;
  color: #d9d9d9;
  content: '•';
  font-size: 26px;
}
.app-intro .app-intro-body > hr {
  display: none;
}
@media (min-width: 768px) {
  .app-intro .app-intro-body > hr {
    display: block;
    margin: 30px 0px;
  }
}
@media (min-width: 992px) {
  .app-intro .app-intro-body > hr {
    margin: 40px 0px;
  }
}
.form label {
  display: block;
}
.form .text-box {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
.form input[type="text"],
.form [type="number"],
.form [type="password"],
.form [type="tel"] {
  width: 100%;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  background: #ffffff;
  border: 0px;
  height: 40px;
  line-height: 19px;
  padding: 0px 40px 0px 12px;
  color: #5c5c5c;
  font-family: sans-serif;
  border-radius: 0px;
}
@media (min-width: 768px) {
  .form input[type="text"],
  .form [type="number"],
  .form [type="password"],
  .form [type="tel"] {
    height: 36px;
  }
}
@media (min-width: 992px) {
  .form input[type="text"],
  .form [type="number"],
  .form [type="password"],
  .form [type="tel"] {
    width: 440px;
  }
  .form input[type="text"]:hover,
  .form [type="number"]:hover,
  .form [type="password"]:hover,
  .form [type="tel"]:hover {
    background-color: #f9f9f9;
    cursor: pointer;
  }
}
.form input[type="text"]:focus,
.form [type="number"]:focus,
.form [type="password"]:focus,
.form [type="tel"]:focus {
  color: #006341;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  height: 40px;
  outline-color: #78be20;
  outline-style: solid;
  outline-offset: -2px;
  outline-width: 2px;
  cursor: text;
}
@media (min-width: 768px) {
  .form input[type="text"]:focus,
  .form [type="number"]:focus,
  .form [type="password"]:focus,
  .form [type="tel"]:focus {
    height: 36px;
  }
}
.form input[type="text"]:focus:hover,
.form [type="number"]:focus:hover,
.form [type="password"]:focus:hover,
.form [type="tel"]:focus:hover {
  background: #ffffff;
  cursor: text;
}
.form input[type="text"]:last-child,
.form [type="number"]:last-child,
.form [type="password"]:last-child,
.form [type="tel"]:last-child {
  margin-bottom: 0px;
}
.form .text-box-rand input[type="text"],
.form .text-box-rand [type="number"] {
  padding: 0px 40px 0px 30px;
}
.form .text-box-rand input[type="tel"] {
  padding: 0px 40px 0px 28px;
}
.form .text-box-rand .foreign-exchange[type="text"],
.form .text-box-rand [type="number"] {
  padding: 0px 40px 0px 54px;
}
.form .rand-prefix {
  color: #a7a7a7;
  font-size: 16px;
  position: absolute;
  line-height: 41px;
  left: 12px;
  z-index: 1;
}
@media (min-width: 768px) {
  .form .rand-prefix {
    line-height: 37px;
  }
}
.form .icon-help {
  color: #a7a7a7;
  font-size: 20px;
  vertical-align: middle;
  position: absolute;
  top: 6px;
  right: 10px;
  border: none;
  padding: 0px;
  background: transparent;
}
@media (min-width: 768px) {
  .form .icon-help {
    top: 4px;
  }
}
@media (min-width: 992px) {
  .form .icon-help {
    left: 410px;
    right: auto;
  }
}
.form .icon-help:focus {
  outline: none;
}
.form .icon-help.active {
  color: #78be20;
}
.form .btn {
  margin-top: 20px;
  width: 100%;
}
@media (min-width: 992px) {
  .form .btn {
    width: 440px;
  }
}
.form .btn-reset {
  display: block;
  text-align: left;
  margin-top: 0px;
  left: 0px;
  padding: 0px;
  width: 71px;
}
.form .btn-reset:hover {
  background: none;
  box-shadow: none;
  color: #353535;
}
.form .btn-reset:focus {
  color: #353535;
}
.form .btn-reset .icon-loading {
  margin-right: 10px;
}
.form .validation-error {
  color: #d0582e;
  font-size: 14px;
  font-style: italic;
  line-height: 18px;
  position: relative;
  top: 6px;
}
@media (min-width: 992px) {
  .form .validation-error {
    position: absolute;
    left: 450px;
    top: 8px;
  }
}
.form .validation-error.validation-error-merchant {
  position: inherit;
  top: 0px;
  left: 0px;
  font-size: 16px;
}
.form .tooltip.right {
  margin-left: 20px;
}
.form .tooltip.right .tooltip-arrow {
  border-right-color: #009639;
}
.form .tooltip.left {
  margin-left: 20px;
}
.form .tooltip.left .tooltip-arrow {
  border-left-color: #009639;
}
#card-details-form .radioSelGroup.radioGroup-inner {
  margin-bottom: 20px;
}
.autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected {
  background: #e8e8e8 !important;
}
.panel-group {
  margin: 0px 0px 0px 0px;
}
.panel-group .panel {
  border-radius: 0px;
  border: none;
  box-shadow: none;
  position: relative;
  background: transparent;
}
.panel-group .panel + .panel {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .panel-group .panel {
    vertical-align: middle;
    line-height: 30px;
  }
}
.panel-group .panel .panel-heading {
  padding: 13px 20px 12px 20px;
  margin: 0px;
  cursor: pointer;
  text-align: left;
  background-color: #eeeeee;
}
@media (min-width: 768px) {
  .panel-group .panel .panel-heading {
    padding: 19px 20px;
  }
}
@media (min-width: 992px) {
  .panel-group .panel .panel-heading {
    padding: 19px 30px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
  }
}
.panel-group .panel .panel-heading:hover {
  cursor: pointer;
  background: #e8e8e8;
}
.panel-group .panel .panel-heading h5 {
  text-align: left;
  margin: 0px;
  font-family: 'libre_franklin300', sans-serif;
  float: left;
}
.panel-group .panel .panel-heading .icon-plus2:before {
  color: #cccccc;
  font-size: 12px;
  vertical-align: top;
  float: right;
  position: absolute;
  top: 20px;
  right: 20px;
}
.panel-group .panel .panel-heading .icon-plus:before {
  color: #cedc00 !important;
  font-size: 30px;
  position: absolute;
  top: 13px;
  right: 20px;
}
@media (min-width: 768px) {
  .panel-group .panel .panel-heading .icon-plus:before {
    top: 20px;
  }
}
@media (min-width: 992px) {
  .panel-group .panel .panel-heading .icon-plus:before {
    right: 30px;
  }
}
.panel-group .panel .panel-heading[aria-expanded="true"] .icon-plus2:before {
  content: "\e823";
  font-family: "dxm-icons";
  font-style: normal;
  font-weight: normal;
}
.panel-group .panel .panel-heading[aria-expanded="true"] .icon-plus:before {
  content: "\e822";
  font-family: "dxm-icons";
  font-style: normal;
  font-weight: normal;
}
.panel-group .panel .panel-heading[aria-expanded="true"]:hover {
  background-color: #eeeeee;
}
.panel-group .panel .panel-heading .panel-title {
  font-size: 20px;
  font-family: 'libre_franklin500', sans-serif;
  color: #006341;
}
@media (min-width: 768px) {
  .panel-group .panel .panel-heading .panel-title {
    font-size: 28px;
    font-family: 'libre_franklin300', sans-serif;
  }
}
.panel-group .panel .panel-heading .panel-title span {
  vertical-align: middle;
}
.panel-group .panel .panel-collapse {
  margin: 0px -5px 0px -5px;
}
.panel-group .panel .panel-collapse .contact-us-item {
  margin-top: 10px;
  margin-bottom: 0px;
}
.panel-group .panel .panel-collapse .panel-body {
  border: none;
  padding: 0px 20px 20px 20px;
  background: #eeeeee;
}
@media (min-width: 768px) {
  .panel-group .panel .panel-collapse .panel-body {
    padding: 0px 30px 20px 30px;
  }
}
.panel-group .panel:last-child {
  margin-bottom: 0px;
}
.panel .panel-heading {
  margin: 10px;
}
#socialMediaLoginButtons {
  /* Facebook */
}
@media (max-width: 767px) {
  #socialMediaLoginButtons button[type=button] {
    margin: 10px 0;
  }
}
#socialMediaLoginButtons .loginBtn {
  box-sizing: border-box;
  position: relative;
  /* width: 13em;  - apply for fixed size */
  margin: 0.2em;
  padding: 0 15px 0 10px;
  border: none;
  text-align: left;
  line-height: 34px;
  white-space: nowrap;
  border-radius: 0.2em;
  font-size: 16px;
  color: #ffffff;
  /* &:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 100%;
}*/
}
#socialMediaLoginButtons .loginBtn:focus {
  outline: none;
}
#socialMediaLoginButtons .loginBtn:active {
  box-shadow: inset 0 0 0 32px rgba(0, 0, 0, 0.1);
}
#socialMediaLoginButtons .facebook-button {
  background-color: #4C69BA;
  width: 200px;
  background-image: linear-gradient(#4c69ba, #3b55a0);
  text-shadow: 0 -1px 0 #354c8c;
  /* &:before {
  border-right: #364e92 1px solid;
  background: url('../../../content/dam/nedbank/site-assets/icon_facebook.png') 6px 6px no-repeat;
} */
}
#socialMediaLoginButtons .facebook-button:hover,
#socialMediaLoginButtons .facebook-button:focus {
  background-color: #5B7BD5;
  background-image: linear-gradient(#5b7bd5, #4864b1);
}
#socialMediaLoginButtons .google-button {
  height: 36px;
  width: 200px;
  border-width: 0;
  background: #ffffff;
  color: #737373;
  border-radius: 5px;
  white-space: nowrap;
  box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.05);
  transition-property: background-color, box-shadow;
  transition-duration: 150ms;
  transition-timing-function: ease-in-out;
  padding: 0px 8px;
}
#socialMediaLoginButtons .google-button:focus,
#socialMediaLoginButtons .google-button:hover {
  box-shadow: 1px 4px 5px 1px rgba(0, 0, 0, 0.1);
}
#socialMediaLoginButtons .google-button:active {
  background-color: #e5e5e5;
  box-shadow: none;
  transition-duration: 10ms;
}
#socialMediaLoginButtons .google-button .google-icon {
  display: inline-block;
  vertical-align: middle;
  margin: 8px 0 8px 8px;
  width: 18px;
  height: 18px;
  box-sizing: border-box;
}
#socialMediaLoginButtons .google-button .google-icon:before {
  border-right: #e8e8e8 1px solid;
}
#socialMediaLoginButtons .google-button .google-text {
  display: inline-block;
  vertical-align: middle;
}
#socialMediaLoginButtons .google-button__icon--plus {
  width: 27px;
}
#socialMediaLoginButtons .btn-linkedin {
  text-align: left;
  background: #0E76A8;
  border-radius: 0;
  color: #ffffff;
  border-width: 0px;
  border-style: solid;
  border-color: #084461;
  border-radius: 0.2em;
  border-right: #e8e8e8 1px solid;
  width: 200px;
  height: 36px;
  padding: 0px 8px;
}
#socialMediaLoginButtons .btn-linkedin:link,
#socialMediaLoginButtons .btn-linkedin:visited {
  color: #ffffff;
}
#socialMediaLoginButtons .btn-linkedin .linkedin-icon {
  display: inline-block;
  vertical-align: middle;
  margin: 0px;
  padding-right: 8px;
  box-sizing: border-box;
}
#socialMediaLoginButtons .btn-linkedin .linkedin-icon:before {
  border-right: #e8e8e8 1px solid;
}
#socialMediaLoginButtons .formHeaderBoldText {
  font-weight: bold;
}
.autocomplete-suggestions {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #FFF;
  cursor: default;
  overflow: auto;
  -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
  -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
  box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
}
.autocomplete-suggestion {
  padding: 10px;
  white-space: nowrap;
  overflow: hidden;
}
.autocomplete-no-suggestion {
  padding: 2px 5px;
}
.autocomplete-selected {
  background: #009639;
}
.autocomplete-suggestions strong {
  font-weight: bold;
  color: #000;
}
.autocomplete-group {
  padding: 2px 5px;
  font-weight: bold;
  font-size: 16px;
  color: #000;
  display: block;
  border-bottom: 1px solid #000;
}
.sie_sheriffdetails {
  overflow: hidden;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding-top: 10px;
  font-size: 11px;
  font-weight: 700;
}
.sie_sheriffdetails__text {
  color: #009639;
}
.sie_sheriffdetails > div {
  margin-bottom: 5px;
}
.siesiderail__title {
  font-weight: bold;
  color: #009639;
  text-decoration: none;
}
.siesiderail__text {
  margin-left: 26px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
/* You can add global styles to this file, and also import other style files */
.search-panel #direction-panel .Text-input-box {
  border: 2px solid #bbb;
  background-color: #fff;
  font-family: 'libre_franklin300', sans-serif;
}
.search-panel #direction-panel .direction-icon {
  width: 15%;
}
.search-panel #direction-panel #directionBox #closeDirectionPanel {
  cursor: pointer;
}
.first-section-address {
  padding: 0 1em 1em 1em;
  display: block;
}
@media only screen and (max-width: 768px) {
  .map-panel {
    width: 100%;
    display: none;
  }
  .search-panel {
    width: 100%;
  }
  .footer-area.map-footer,
  .footer-area.direction-footer {
    width: 100%;
    box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    position: fixed;
    bottom: 0;
    z-index: 9;
    padding: 20px 40px;
    text-align: center;
  }
  .footer-area.map-footer .icon-list-direction,
  .footer-area.direction-footer .icon-list-direction,
  .footer-area.map-footer .icon-toggle-direction,
  .footer-area.direction-footer .icon-toggle-direction {
    padding: 0 10px 0 0;
  }
  .display-result-box {
    overflow-y: scroll;
  }
  .first-section {
    display: none;
  }
  .Text-input-search-panel-address-mobile {
    display: block;
    padding: 0em 1em 1em 1em;
  }
  .Text-input-search-panel-address {
    display: none;
  }
  .icon-toggle {
    height: 16px;
    width: 22px;
  }
  .icon-list {
    padding: 0px 5px;
  }
  .show-expand-icon {
    display: none;
  }
  .map-direction-section {
    display: none;
  }
  .direction-panel-block {
    display: block;
  }
}
@media only screen and (min-width: 769px) {
  .render-result {
    padding: 0 !important;
  }
  .search-panel {
    width: 25%;
  }
  .map-panel {
    width: 75%;
  }
  .footer-area {
    display: none;
  }
  .display-result-box {
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .first-section {
    padding: 0em 1em 1em 1em;
    display: block;
  }
  .Text-input-search-panel-address-mobile {
    display: none;
  }
  .Text-input-search-panel-address {
    display: block;
    padding: 0em 1em 1em 1em;
  }
  .show-expand-icon {
    position: absolute;
    z-index: 9;
    left: 25%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .first-section {
    display: none;
  }
  .Text-input-search-panel-address-mobile {
    display: block;
    padding: 0em 1em 1em 1em;
  }
  .Text-input-search-panel-address {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .search-panel {
    width: 100%;
  }
  .map-panel {
    width: 100%;
    display: none;
  }
  .show-expand-icon {
    display: none;
  }
  .footer-area {
    display: block;
  }
}
.branch-locator-container {
  display: block;
  background: #f9f9f9;
}
.branch-locator-container.clearfix {
  clear: both;
  float: none;
}
.map-panel.m8 #googleMap {
  height: calc(90%);
}
.image-icon-align {
  vertical-align: text-top;
}
.store-locator-panel {
  z-index: 999;
  height: 100%;
}
.direction-panel {
  left: 415px;
  overflow: auto;
}
.text-center {
  text-align: center;
}
.active-tab {
  color: #006341;
  border-bottom: 6px solid #006341 !important;
}
input {
  outline: none;
  font-size: 1.25rem;
  background: transparent;
  height: 100%;
  padding: 15px;
  width: 100%;
}
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
}
.display-result {
  border-bottom: 1px solid #eeeeee;
}
a {
  cursor: pointer;
}
.render-result {
  padding: 1rem;
}
.render-auto-result {
  text-decoration: none;
  background: #fff;
  color: #666666;
  padding: 8px 20px;
  font-size: 14px;
  cursor: pointer;
}
.render-auto-result:hover {
  background: #e7e7e7;
}
.auto-complete-area {
  left: 0;
  max-height: 60vh;
  position: fixed;
  width: 100%;
  overflow-y: scroll;
  border: 1px solid #bbb;
}
.map-direction-section {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(-140%);
}
.map-direction-section .adp {
  font-family: 'libre_franklin500', sans-serif;
  padding: 20px;
}
.map-direction-section .adp .adp-placemark {
  font-family: 'libre_franklin500', sans-serif;
  background: transparent;
  border: 0;
  margin: 30px 0;
  font-weight: bold;
}
.map-direction-section .adp .adp-placemark .adp-text {
  padding-left: 10px;
}
.map-direction-section .adp .adp-summary,
.map-direction-section .adp .adp-directions {
  margin: 0px;
}
.map-direction-section .adp .adp-directions tbody tr td {
  padding: 30px 0;
}
.map-direction-section .adp .adp-directions tbody tr td:nth-child(2) {
  display: none;
}
.map-direction-section .adp .adp-directions tbody tr td:last-child {
  font-weight: bold;
}
.show-directions {
  color: #006341;
}
.email-highlighter {
  color: #006341;
}
#searchBoxHeight {
  padding: 1em 0.65em;
}
#searchBoxHeight .searchinput {
  position: relative;
}
#searchBoxHeight .searchinput .places-search {
  margin-bottom: 15px;
}
#searchBoxHeight .searchinput .places-search input#pac-input {
  border: 2px solid #bbb;
  padding-right: 100px;
  outline: 0;
  background: #fff;
}
#searchBoxHeight .searchinput .places-search .search-icon {
  position: absolute;
  float: right;
  top: 3px;
  right: 45px;
  height: 48px;
  padding: 0 5px;
  border: 0px solid #ccc;
  outline: none;
  background: #ffffff;
}
#searchBoxHeight .searchinput .places-search .search-icon img {
  height: 40px;
  padding-right: 2px;
  border-right: 1px solid #ccc;
}
#searchBoxHeight .searchinput .clear-button {
  position: absolute;
  float: right;
  right: 7px;
  top: 1px;
}
#searchBoxHeight .searchinput .clear-button .clear-icon {
  padding: 0 10px;
  position: relative;
  height: 48px;
  top: 3px;
  right: 3px;
  outline: none;
  border: 0px solid #ccc;
  background: #ffffff;
}
.pin_atm {
  width: 80px;
  height: 80px;
  object-fit: contain;
}
.pin_branch {
  width: 80px;
  height: 80px;
  object-fit: contain;
}
.pin_forex {
  width: 80px;
  height: 80px;
  object-fit: contain;
}
.thin-0145_arrows_play_repeat {
  width: 25.9px;
  height: 25.9px;
  vertical-align: middle;
  object-fit: contain;
}
.Get-directions {
  padding: 10px 0px;
  font-family: 'libre_franklin700', sans-serif;
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #009639;
  cursor: pointer;
}
.Nedbank-Sandown-With {
  font-family: 'libre_franklin700', sans-serif;
  padding: 0.5em 0em 0.3em 1em;
  font-size: 1.75rem;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #333333;
}
.Nedbank-Sandown-With .text-style-1 {
  font-weight: normal;
  padding: 0em 1em 0em 1em;
}
.first-section-border {
  border-bottom: 1px solid #eeeeee;
}
.Text-input {
  font-family: 'libre_franklin700', sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #666666;
}
.Text-input .text-style-1 {
  font-weight: 500;
}
.Text-input-contact {
  font-family: 'libre_franklin700', sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #009639;
  padding: 0.5em 0;
}
.Text-input-contact .s1 {
  width: 10%;
}
.Text-input-contact .s11 {
  width: 90%;
}
.Text-input-address {
  font-family: 'libre_franklin300', sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #666666;
  padding: 0.5em 0;
}
.Text-input-address .s1 {
  width: 10%;
}
.Text-input-address .s11 {
  width: 90%;
}
.gm-style .gm-style-iw {
  font-size: inherit;
}
.gm-style .gm-style-iw-c {
  border-radius: 1px !important;
}
.email-address {
  text-decoration: none;
  color: #009639;
}
.Rectangle-23 {
  height: 189px;
  background-color: #f9f9f9;
}
.Combined-Shape {
  padding: 10px 10px;
  background-color: #f9f9f9;
}
.Filter-search-result {
  font-family: 'libre_franklin700', sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.7px;
  color: #666666;
}
.button-align {
  display: inline-block;
  padding: 8px 15px;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  cursor: pointer;
  border-radius: 20px;
  margin: 0px 5px 0px 0px;
  white-space: nowrap;
  border: solid 2px #78be20;
  background-color: #ffffff;
  font-family: 'libre_franklin700', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #78be20;
  outline: none;
}
.button-align-active {
  border: solid 2px #78be20;
  background-color: #78be20;
  color: #ffffff;
}
.column-align {
  float: left;
}
.row-align {
  content: "";
  display: flex;
  clear: both;
}
.Show-list-map {
  font-family: 'libre_franklin700', sans-serif;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #009639;
}
.rotate-icon {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.clear-search {
  height: 20px;
}
.Street-view {
  padding: 15px 0px;
  font-family: 'libre_franklin700', sans-serif;
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #009639;
  cursor: pointer;
}
.Street-view-info-window {
  padding: 15px 0px 15px 5px;
}
.icons-box {
  display: flex;
  padding: 10px;
}
.thin-0145_arrows_play_repeat-copy-2 {
  width: 32px;
  height: 32px;
}
.thin-0344_iphone_mobile {
  width: 24px;
  height: 24px;
}
.Text-input-phone {
  width: 95%;
  height: 18px;
  font-family: 'libre_franklin700', sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #009639;
  padding: 5px 0px 0px 0px;
}
.Text-input-box {
  width: 100%;
  height: 18px;
  font-family: 'libre_franklin300', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  border: solid 2px #bbbbbb;
  background-color: #ffffff;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .Text-input-box {
    padding: 2px;
    height: 35px;
  }
}
.clear-button {
  text-align: right;
  width: 32px;
  height: 32px;
}
.thin-0720_user_location_position {
  width: 32px;
  height: 32px;
}
.thin-0535_navigation_location_drop_pin_map {
  width: 32px;
  height: 32px;
}
.search-icon i {
  width: 42px !important;
  height: 50px !important;
}
.custom-autocomplete__input {
  border: 1px solid #ccc;
}
.custom-autocomplete__input input {
  padding: 14px 21px !important;
  width: 85% !important;
  border: none !important;
}
.custom-autocomplete__container {
  border: 1px solid #ccc;
}
body {
  margin: 0;
  font-family: 'libre_franklin300', sans-serif;
}
input[type="search"]::-webkit-search-decoration {
  display: none !important;
}
input[type="search"]::-webkit-search-cancel-button {
  display: none !important;
}
input[type="search"]::-webkit-search-results-button {
  display: none !important;
}
input[type="search"]::-webkit-search-results-decoration {
  display: none !important;
}
.widget-scene-canvas {
  width: 100% !important;
}
.adp {
  font-family: 'libre_franklin500', sans-serif;
  width: 100%;
}
.adp table {
  font-family: 'libre_franklin500', sans-serif !important;
  width: 100%;
}
#pac-input {
  height: 55px;
  width: 100%;
}
html {
  font-family: 'libre_franklin300', sans-serif;
}
.display-result-box {
  max-height: calc(-70%);
}
/*.footer-area {
	position: absolute;
	bottom: 120px;
    height: 70px;
}*/
.branchcode {
  font-family: 'libre_franklin300', sans-serif;
  font-size: 1.4rem;
  line-height: 2.5rem;
}
.timingsBlock {
  font-family: 'libre_franklin300', sans-serif;
  font-size: 1.4rem;
  line-height: 2.5rem;
  height: 100px;
  overflow-y: auto;
}
.timingsBlock b {
  font-weight: bold;
  width: 50px;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  #direction-panel .Combined-Shape .icons-box.back-arrow {
    float: left;
    padding: 0;
    width: 15%;
    margin-right: 10px;
  }
  #direction-panel .Combined-Shape .icons-box .direction-icon {
    width: 12%;
    padding: 5px;
  }
  #direction-panel .Combined-Shape .icons-box .direction-icon img {
    width: 20px;
    height: 20px;
  }
  #direction-panel .Combined-Shape .icons-box .Text-input-box {
    border: 0 solid #bbb;
  }
  #direction-panel .Combined-Shape .icons-box.from-box,
  #direction-panel .Combined-Shape .icons-box.to-box {
    padding: 0px;
  }
  #direction-panel .Combined-Shape .directions-box {
    border: 2px solid #bbb;
    display: inline-block;
    width: 80%;
    background-color: #fff;
  }
}
.gm-style-iw-t {
  bottom: 87px!important;
}
.gm-style-iw-t .gm-style-iw.gm-style-iw-c button {
  top: 10px!important;
  right: 5px!important;
}
.gm-style-iw-t .gm-style-iw.gm-style-iw-c button img {
  width: 25px!important;
  height: 25px!important;
}
.pac-container:after {
  display: none !important;
}
.row::after {
  content: "";
  clear: both;
  display: table;
}
#onlinebankingintro .navbar {
  min-height: 60px;
  padding: 10px;
  border-bottom: 2px solid #dadada;
}
#onlinebankingintro .navbar .navbar-brand {
  padding: 20px;
}
#mainLeft {
  background-color: #ebe6e400;
  padding: 50px;
  height: 100vh;
}
#mainLeft h2 {
  margin-bottom: 60px;
  font-size: 40px;
  color: #656565;
}
#mainLeft img {
  max-width: 100%;
}
#mainLeft a {
  margin: 50px 0;
}
#mainLeft .btn {
  border-radius: 5px;
  font-weight: 600;
}
#rightTop {
  color: #ffffff;
  padding: 60px;
  padding-right: 100px;
  background-color: #006341;
  height: 60vh;
}
#rightTop .btn {
  margin-top: 30px;
  border-radius: 5px;
  background-color: #ffffff;
  color: #009639;
  font-weight: 600;
}
#rightTop h2 {
  margin-bottom: 30px;
  color: white;
}
#mainRight {
  height: 100vh;
}
#small-img {
  display: flex;
  margin: 50px 0;
}
#rightBottomLeft {
  padding: 60px;
  background-color: #cedc00;
  height: 40vh;
}
#rightBottomRight {
  padding: 60px;
  background-color: #e8e8e8;
  height: 40vh;
}
.footerline {
  border-top: 2px solid #dadada;
}
.footer-copyright {
  padding: 20px 50px;
}
.footer-copyright p {
  font-size: 12px;
}
@media only screen and (max-width: 768px) {
  .btnleftalign {
    display: block;
    text-align: center;
  }
  .btnrightalign {
    display: block;
    text-align: center;
  }
  #mainLeft {
    height: auto;
  }
  #mainLeft .btn {
    width: auto;
    text-align: center;
    font-size: 1.2rem;
    margin: 60px auto;
    padding: 10px;
    margin: 50px auto;
  }
  #mainRight {
    height: auto;
  }
  #mainRight .btn {
    width: auto;
    text-align: center;
    font-size: 1.2rem;
    margin: 60px auto;
    padding: 10px;
    margin: 50px auto;
  }
  #rightTop {
    height: auto;
  }
  #rightBottomLeft {
    height: auto;
  }
  #rightBottomRight {
    height: auto;
  }
}
.maintenance-container .container {
  margin-left: 0;
  max-width: 100%;
}
.maintenance-container .first-column {
  padding: 50px 20px 40px 20px;
}
.maintenance-container .first-column .title-first {
  font-size: 1.375rem;
  font-weight: bold;
  text-align: left;
  color: #115740;
}
.maintenance-container .first-column .title-second {
  font-size: 1.375rem;
  font-weight: normal;
  text-align: left;
  color: #115740;
  padding: 20px 0px 40px 0px;
}
.maintenance-container .first-column .title-hint {
  font-size: 1.125rem;
  font-weight: bold;
  text-align: left;
  color: #666666;
}
.maintenance-container .second-column .icon-field {
  position: relative;
  margin-bottom: 20px;
}
.maintenance-container .second-column .icon-field .icon {
  width: 280px;
  display: inline-block;
  right: 0px;
  top: 10px;
  cursor: pointer;
}
.maintenance-container .second-column .icon-field .icon.maintenance-icon {
  float: left;
  margin: 30px 0px 30px 20px;
}
@media (min-width: 375px) {
  .maintenance-container .second-column .icon-field .icon {
    width: 340px;
  }
}
@media (min-width: 768px) {
  .maintenance-container .first-column {
    padding: 100px 14% 50px 14%;
  }
  .maintenance-container .first-column .title-first {
    font-size: 1.75rem;
    line-height: 45px;
  }
  .maintenance-container .first-column .title-second {
    font-size: 1.75rem;
    line-height: 45px;
  }
  .maintenance-container .first-column .title-hint {
    font-size: 1.25rem;
    line-height: 45px;
  }
  .maintenance-container .second-column .icon-field .icon {
    width: 640px;
  }
}
@media (min-width: 1024px) {
  .maintenance-container .first-column {
    padding: 100px 14% 50px 14%;
  }
  .maintenance-container .second-column .icon-field .icon {
    width: 440px;
  }
  .maintenance-container .second-column .icon-field .icon.maintenance-icon {
    margin: 15% 0px 30px 20px;
  }
}
@media (min-width: 1440px) {
  .maintenance-container .first-column {
    padding: 6% 14% 50px 14%;
  }
  .maintenance-container .first-column .title-first {
    font-size: 1.75rem;
  }
  .maintenance-container .first-column .title-second {
    font-size: 1.75rem;
  }
  .maintenance-container .first-column .title-hint {
    font-size: 1.25rem;
  }
  .maintenance-container .second-column {
    padding-top: 1%;
  }
  .maintenance-container .second-column .icon-field .icon {
    width: 540px;
  }
  .maintenance-container .second-column .icon-field .icon.maintenance-icon {
    margin: 10% 0px 30px 20px;
  }
}
header {
  background: #006341;
  max-width: 1460px;
  width: 100%;
  border-bottom: 1px solid #003e2b;
  font-family: 'libre_franklin300', sans-serif;
  font-size: 16px;
  height: 61px;
  position: fixed;
  z-index: 90;
  top: 0px;
}
@media (min-width: 768px) {
  header {
    height: 90px;
  }
  header .header-logo {
    width: 25%;
  }
  header .header-logo .pull-left {
    width: 25%;
  }
}
header .btn {
  font-size: 16px;
}
header a {
  color: #ffffff;
}
header a:hover {
  color: #ffffff;
}
header .internet-banking-go-container {
  margin-right: 25px;
}
@media (min-width: 768px) {
  header .logo img {
    position: relative;
    top: 19px;
    left: 20px;
  }
}
header .apply-online {
  margin-top: 25px;
  display: block;
  transition: all 0.3s;
  padding: 6px 10px;
  margin-right: 0px;
  color: #ffffff;
}
@media (min-width: 1200px) {
  header .apply-online {
    padding: 6px 20px;
    margin-right: 20px;
    width: 166px;
  }
}
header .apply-online span {
  vertical-align: middle;
}
header .apply-online .icon-cta {
  font-size: 20px;
  transition: margin-left 0.2s ease-in-out;
}
@media (min-width: 992px) {
  header .apply-online .icon-cta {
    margin-left: 7px;
  }
}
header .apply-online:hover {
  background-color: #115740;
}
header .contact {
  margin-top: 25px;
  display: block;
  margin-right: 10px;
  transition: all 0.2s;
  padding: 8.5px 12px;
  color: #ffffff;
}
@media (min-width: 1200px) {
  header .contact {
    margin-right: 20px;
    padding: 8.5px 20px;
    width: 210px;
  }
}
header .contact span {
  vertical-align: middle;
}
header .contact .icon-phone {
  font-size: 16px;
}
@media (min-width: 992px) {
  header .contact .icon-phone.position-left {
    margin-right: 7px;
  }
  header .contact .icon-phone.position-right {
    margin-left: 7px;
  }
}
header .contact .highlightText {
  color: #cedc00;
}
header .contact .cntct-hdr-img {
  height: 23px;
}
header .contact:hover {
  background-color: #115740;
}
header .btn-search {
  transition: background-color 0.5s ease;
  height: 100%;
  padding: 17.5px 21px;
  font-size: 18px;
  transition: all 0.2s;
}
@media (min-width: 768px) {
  header .btn-search {
    font-size: 24px;
    padding: 27.5px 18px;
  }
}
@media (min-width: 992px) {
  header .btn-search {
    background-color: #115740;
    padding: 27.5px 33px;
  }
}
@media (min-width: 992px) {
  header .btn-search:hover {
    background-color: #004532;
  }
}
header .btn-search.active {
  background-color: #115740;
  box-shadow: none;
}
@media (min-width: 992px) {
  header .btn-search.active {
    background-color: #115740;
  }
}
header .btn-search .icon-search:before {
  vertical-align: baseline;
}
header .more-menu-container .more-menu {
  float: left;
  padding: 18px 11px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (min-width: 768px) {
  header .more-menu-container .more-menu {
    padding: 28px 18px;
  }
}
header .more-menu-container .more-menu .icon-moreoptions {
  font-size: 18px;
  color: #ffffff;
}
@media (min-width: 768px) {
  header .more-menu-container .more-menu .icon-moreoptions {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  header .more-menu-container .more-menu:hover {
    background-color: #115740;
  }
}
header .more-menu-container .more-menu.active {
  background-color: #115740;
}
@media (min-width: 992px) {
  header .more-menu-container .more-menu.active {
    background-color: #115740;
  }
}
header .more-menu-container .popover {
  background: #ffffff;
  width: 220px;
  padding: 0px;
  left: 100% !important;
  height: 100vh;
  margin-left: -220px;
}
@media (min-width: 992px) {
  header .more-menu-container .popover {
    display: none !important;
  }
}
header .more-menu-container .popover.bottom {
  margin-top: 0px;
}
header .more-menu-container .popover .arrow {
  display: none;
}
header .more-menu-container .popover .popover-content {
  padding: 0px;
}
header .more-menu-container .popover .popover-content p {
  font-size: 16px;
}
header .more-menu-container .popover .popover-item {
  padding: 10px 20px;
  border-bottom: 1px solid #efefef;
  color: #505050;
  font-family: 'libre_franklin500', sans-serif;
}
header .more-menu-container .popover .popover-item:focus {
  background: #e8e8e8;
  outline: none;
}
header .more-menu-container .popover .popover-item img {
  width: 37px;
}
header .more-menu-container .popover .popover-item .cntct-hdr-img {
  height: 23px;
  width: auto;
}
header .more-menu-container .popover .popover-item p {
  margin-bottom: 0px;
  margin-top: 7px;
  font-family: 'libre_franklin500', sans-serif;
  line-height: 20px;
}
header .more-menu-container .popover .popover-item [class^='icon-'] {
  margin-right: 13px;
}
header .more-menu-container .popover .popover-item .highlightText {
  color: #cedc00;
}
header .btn-go {
  transition: background-color 0.5s ease;
  background-color: #115740;
  padding: 8.5px 14px;
  margin-top: 25px;
  text-transform: uppercase;
  transition: all 0.2s;
}
@media (min-width: 992px) {
  header .btn-go {
    padding: 8.5px 10px;
  }
}
header .btn-go span {
  vertical-align: middle;
}
header .btn-go .icon-arrowright {
  font-size: 12px;
  margin-left: 7px;
}
header .btn-go:hover {
  background-color: #004532;
}
header .btn-dropdown {
  transition: all 0.2s;
  background-color: #115740;
  padding: 8.5px 14px;
  margin-top: 25px;
  width: 220px;
  text-align: left;
  color: #ffffff;
  height: 40px;
  margin-right: 2px;
}
header .btn-dropdown .icon-arrowdown {
  font-size: 12px;
}
header .btn-dropdown .icon-arrowdown:before {
  vertical-align: bottom;
}
header .btn-dropdown:hover {
  background-color: #004532;
}
header .dropdown.open .icon-arrowdown:before {
  content: '\e808';
}
header .dropdown-menu {
  margin: 0px;
  width: 100%;
  border: 0px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  padding: 0px;
  font-size: 14px;
  font-family: sans-serif;
}
header .dropdown-menu .icon-indent {
  font-size: 5px;
  vertical-align: middle;
  margin-right: 6px;
  line-height: 2px;
}
header .dropdown-menu li a {
  padding: 8px 20px;
  color: #666666;
}
header .dropdown-menu li a:hover {
  background: #e8e8e8;
  color: #666666;
}
.search-input-container {
  background: #f2f2f2;
  max-width: 1460px;
  width: 100%;
  float: left;
  z-index: 25;
  height: 61px;
  padding: 18px 20px;
  transition: all 0.2s;
  position: fixed;
  visibility: hidden;
}
@media (min-width: 768px) {
  .search-input-container {
    padding: 28px 40px;
    height: 90px;
  }
}
.search-input-container form {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 90%;
  vertical-align: bottom;
}
@media (min-width: 768px) {
  .search-input-container form {
    width: 94%;
    vertical-align: top;
  }
}
@media (min-width: 992px) {
  .search-input-container form {
    width: 96%;
  }
}
.search-input-container .search-hint {
  color: #c1c1c1;
  font-size: 18px;
  font-family: 'libre_franklin300', sans-serif;
  display: none;
  margin-left: 10px;
  position: relative;
  top: -3px;
}
.search-input-container .icon-search {
  font-size: 18px;
  color: #989898;
}
@media (min-width: 768px) {
  .search-input-container .icon-search {
    font-size: 24px;
  }
}
.search-input-container input {
  font-size: 20px;
  line-height: 24px;
  color: #999999;
  font-family: 'libre_franklin300', sans-serif;
  background: #f2f2f2;
  border: none;
  width: 100%;
  margin-left: 10px;
  margin-bottom: 0px;
  padding: 0px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}
@media (min-width: 768px) {
  .search-input-container input {
    font-size: 32px;
    line-height: 36px;
  }
}
.search-input-container input::-moz-placeholder {
  color: #dadada;
  opacity: 1;
}
.search-input-container input:-ms-input-placeholder {
  color: #dadada;
}
.search-input-container input::-webkit-input-placeholder {
  color: #dadada;
}
.search-input-container input:focus {
  outline: none;
}
.search-input-container ul {
  padding: 0px 0px;
  margin: 0px;
  position: absolute;
  z-index: 10;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
  width: 100%;
  top: 60px;
  left: 0px;
}
@media (min-width: 768px) {
  .search-input-container ul {
    top: 90px;
  }
}
.search-input-container ul li {
  list-style-type: none;
  background: #ffffff;
  color: #666666;
  padding: 8px 20px;
  font-size: 14px;
  cursor: pointer;
}
.search-input-container ul li:hover {
  background: #e7e7e7;
}
@media (min-width: 768px) {
  .search-input-container ul li {
    padding: 8px 40px;
  }
}
.search-input-container ul li .icon-indent {
  font-size: 5px;
  margin-right: 6px;
  line-height: 2px;
}
.search-input-container ul li .icon-indent:before {
  vertical-align: top;
  margin-top: 8px;
}
.search-input-container.search-input-container-open {
  margin-top: 61px;
  visibility: visible;
}
@media (min-width: 768px) {
  .search-input-container.search-input-container-open {
    margin-top: 90px;
  }
}
.mobile-nav-menu {
  height: 60px;
  width: 60px;
  float: left;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.mobile-nav-menu.active {
  background: #115740;
}
.mobile-nav-menu .icon-menu {
  font-size: 15px;
  color: #ffffff;
}
.mobile-nav-menu .icon-menu:before {
  padding: 22.5px 30px 22.5px 22px;
}
.links-popover-mobile .popover {
  background: #ffffff;
  width: 220px;
  padding: 0px;
  height: 100vh;
  left: 100% !important;
  margin-left: -220px;
}
@media (min-width: 992px) {
  .links-popover-mobile .popover {
    display: none !important;
  }
}
.links-popover-mobile .popover.bottom {
  margin-top: 0px;
}
.links-popover-mobile .popover .arrow {
  display: none;
}
.links-popover-mobile .popover .popover-content {
  height: 80vh;
  overflow-y: scroll;
  padding: 0px;
}
.links-popover-mobile .popover .popover-content p {
  font-size: 16px;
}
.links-popover-mobile .popover .icon-cta {
  font-size: 16px;
  vertical-align: middle;
  float: right;
  margin-right: 0px;
}
.links-popover-mobile .popover .popover-item {
  padding: 10px 20px;
  border-bottom: 1px solid #efefef;
  color: #505050;
  font-family: 'libre_franklin500', sans-serif;
}
.links-popover-mobile .popover .popover-item:focus {
  background: #e8e8e8;
  outline: none;
}
.links-popover-mobile .popover .popover-item img {
  width: 37px;
}
.links-popover-mobile .popover .popover-item p {
  margin-bottom: 0px;
  margin-top: 10px;
}
.links-popover-mobile .mobile-login {
  float: left;
  padding: 19.5px 17px;
  color: #ffffff;
}
.links-popover-mobile .mobile-login .icon-arrowright {
  font-size: 12px;
  vertical-align: middle;
  margin-left: 13px;
}
.links-popover-mobile .mobile-login.active {
  background: #115740;
}
/* General menu styles */
.nav-menu {
  width: 230px;
  height: 100%;
  position: fixed;
  background: #ffffff;
  top: 90px;
}
/* Menu starting locations */
.nav-menu1 {
  left: 0;
  z-index: 3;
}
/* Push classes applied to the body */
.nav-menu-push {
  position: relative;
  left: 0;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
/* Push classes applied to the menu */
.content-push-toright {
  left: 230px;
}
.content-push-toright-small {
  margin-left: 320px;
}
.content-push-toleft {
  left: 0px;
}
.nav-menu {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.nav {
  font-family: 'libre_franklin500', sans-serif;
  margin: 0 !important;
}
@media (min-width: 768px) {
  .nav {
    margin-top: 90px;
  }
}
.nav .nano > .nano-content {
  height: 100% !important;
}
.nav .nav-menu1 {
  background: #1d1d1d;
  text-align: center;
  text-transform: uppercase;
  width: 90px;
  z-index: 20;
}
.nav .nav-menu1.search-input-container-open {
  margin-top: 61px;
}
@media (min-width: 768px) {
  .nav .nav-menu1.search-input-container-open {
    margin-top: 90px;
  }
}
.nav .nav-menu1.alert-open {
  margin-top: 61px;
}
@media (min-width: 768px) {
  .nav .nav-menu1.alert-open {
    margin-top: 90px;
  }
}
.nav .nav-menu1 [class*="icon-"] {
  font-size: 20px;
}
.nav .nav-menu1 [class*="icon-"]:before {
  margin-right: 1px;
}
.nav .nav-menu1 [data-nav1index*="0"] li,
.nav .nav-menu1 [data-nav1index*="1"] li,
.nav .nav-menu1 [data-nav1index*="2"] li {
  color: #ffffff;
}
.nav .nav-menu1 [data-nav1index*="0"] li {
  border-top: 1px solid #1e1e1e;
}
.nav .nav-menu1 [data-nav1index*="0"] li.nav-menu-item-active {
  border-top: 1px solid #1e1e1e;
}
.nav .nav-menu1 [data-nav1index*="0"] li.nav-menu-item-selected {
  border-top: 1px solid transparent;
}
.nav .nav-menu1 ul {
  list-style: none;
}
.nav .nav-menu1 li {
  color: #999999;
  padding: 22px 0;
  border-right: 1px solid #1e1e1e;
  font-size: 12px;
  background: #2b2b2b;
  margin-bottom: 1px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.nav .nav-menu1 li:hover {
  background: #333333;
  border-right: 1px solid transparent;
}
.nav .nav-menu1 li.nav-menu-item-active {
  color: #ffffff;
  background: #404040;
}
.nav .nav-menu1 li.nav-menu-item-active [class*="icon-"]:before {
  margin-right: 0px;
}
.nav .nav-menu1 li.secondary-nav-items {
  color: #7a7a7a;
}
.nav .nav-menu1 li.nav-menu-item-selected {
  color: #353535;
  background: #ffffff;
  border-right: none;
}
.nav .nav-menu1 li:before {
  content: '';
}
.nav .nav-menu-item-first {
  padding: 30px 30px 27px 30px;
  color: #505050;
  font-size: 28px;
  font-family: 'libre_franklin300', sans-serif;
  line-height: 32px;
  white-space: nowrap;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.nav .nav-menu-item-first:after {
  font-family: dxm-icons;
  font-size: 24px;
  content: '\e813';
  margin-left: 10px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.nav .nav-menu-item-first:hover {
  background: #f2f2f2;
  color: #505050;
}
.nav .nav-menu-item-first:hover:after {
  margin-left: 15px;
}
.nav .nav-menu2 {
  width: 230px;
  left: -140px;
  z-index: 15;
}
.nav .nav-menu2.search-input-container-open {
  margin-top: 61px;
}
@media (min-width: 768px) {
  .nav .nav-menu2.search-input-container-open {
    margin-top: 90px;
  }
}
.nav .nav-menu2.alert-open {
  margin-top: 61px;
}
@media (min-width: 768px) {
  .nav .nav-menu2.alert-open {
    margin-top: 90px;
  }
}
.nav .nav-menu2.nav-menu2-open {
  left: 90px;
}
.nav .nav-menu2.nav-menu2-hidden {
  left: -140px;
}
.nav .nav-menu2 ul {
  list-style: none;
}
.nav .nav-menu2 a:last-child li {
  border-bottom: 1px solid #efefef;
}
.nav .nav-menu2 .nav-menu-item {
  font-size: 16px;
  padding: 13px 40px 11px 30px;
  border-top: 1px solid #efefef;
  color: #505050;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  line-height: 20px;
}
.nav .nav-menu2 .nav-menu-item:hover {
  background: #f2f2f2;
  color: #505050;
}
.nav .nav-menu2 .nav-menu-item:hover:after {
  font-family: dxm-icons;
  font-size: 12px;
  content: "\e807";
  position: absolute;
  top: 50%;
  right: 18px;
  margin-top: -10px;
}
.nav .nav-menu2 .nav-menu-item.nav-menu-item-selected {
  background: #f2f2f2;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #505050;
}
.nav .nav-menu2 .nav-menu-item.nav-menu-item-selected:after {
  font-family: dxm-icons;
  font-size: 12px;
  content: "\e807";
  position: absolute;
  top: 50%;
  right: 18px;
  margin-top: -10px;
}
.nav .nav-menu2 .nav-menu-item.nav-menu-item-active {
  background-color: #78be20;
  color: #ffffff;
  border-top: 1px solid #78be20;
}
.nav .nav-menu2 .nav-menu-item.nav-menu-item-active a {
  color: #ffffff;
}
.nav .nav-menu2 .nav-menu-item.nav-menu-item-active:after {
  content: "\e807";
  font-family: dxm-icons;
  font-size: 12px;
  position: absolute;
  top: 50%;
  right: 18px;
  margin-top: -10px;
}
.nav .nav-menu2 .nav-menu-item.nav-menu-item-no-children:after {
  content: "";
}
.nav .nav-menu3 {
  width: 230px;
  z-index: 11;
  background: #e8e8e8;
  font-family: 'libre_franklin500', sans-serif;
}
.nav .nav-menu3.search-input-container-open {
  margin-top: 61px;
}
@media (min-width: 768px) {
  .nav .nav-menu3.search-input-container-open {
    margin-top: 90px;
  }
}
.nav .nav-menu3.alert-open {
  margin-top: 61px;
}
@media (min-width: 768px) {
  .nav .nav-menu3.alert-open {
    margin-top: 90px;
  }
}
.nav .nav-menu3.nav-menu3-open {
  margin-left: 320px;
}
.nav .nav-menu3.nav-menu3-collapsed {
  margin-left: 90px;
}
.nav .nav-menu3.nav-menu3-hidden {
  margin-left: -140px;
}
.nav .nav-menu3 ul {
  list-style: none;
}
.nav .nav-menu3 .nav-menu3-blurb {
  color: #5c5c5c;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0px;
  margin-top: -1px;
}
.nav .nav-menu3 .nav-menu-item {
  font-size: 20px;
  line-height: 24px;
  padding: 14px 30px 13px 30px;
  border-bottom: 1px solid #dadada;
  color: #353535;
  background: #e8e8e8;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.nav .nav-menu3 .nav-menu-item:hover {
  background: #dadada;
}
.nav .nav-menu3 .nav-menu-item.nav-menu-item-active {
  background-color: #009639;
  color: #ffffff;
}
.nav .nav-menu3 .nav-menu-item.nav-menu-item-active .nav-menu3-blurb {
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
}
.nav .nav-menu3 .nav-menu-item-4 {
  background: #e8e8e8;
  list-style-type: none;
  padding: 13px 30px 11px 45px;
  color: #5c5c5c;
  font-size: 16px;
  line-height: 20px;
  position: relative;
}
.nav .nav-menu3 .nav-menu-item-4 .icon-indent:before {
  font-size: 6px;
  color: #999999;
  margin-right: 10px;
  vertical-align: middle;
  position: absolute;
  left: 30px;
  top: 18px;
}
.nav .nav-menu3 .nav-menu-item-4.nav-menu-item-active {
  background: #dadada;
  color: #5c5c5c;
}
.nav .nav-menu3 .nav-menu-item-4.nav-menu-item-active .icon-indent:before {
  color: #5c5c5c;
}
.nav-menu-mobi {
  width: 280px;
  position: absolute;
  background: #1d1d1d;
  left: -280px;
  top: 0px;
  margin-top: 61px;
  z-index: 10;
}
.nav-menu-mobi.search-input-container-open {
  margin-top: 121px;
}
.nav-menu-mobi.alert-open {
  margin-top: 61px;
}
.nav-menu-mobi ul {
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 10;
}
.nav-menu-mobi .mobile-nav-bg {
  position: fixed;
  width: 280px;
  background-color: #ffffff;
  height: 100%;
  border-left: 60px solid #1d1d1d;
}
.nano > .nano-pane {
  z-index: 20;
  background: transparent !important;
}
.nav-menu-mobi.nano {
  width: 280px;
}
.nav-menu-mobi-open {
  left: 0px;
}
.content-push-toright-mobi {
  left: 280px;
}
.nav-mobile-menu1 .nav-mobile-menu1-item {
  list-style-type: none;
  float: left;
  background: #e8e8e8;
}
.nav-mobile-menu1 .nav-mobile-menu1-item .icon-nav {
  background: #2b2b2b;
  padding: 17.5px 20px;
  float: left;
  color: #ffffff;
  font-size: 18px;
  border-right: 2px solid #1e1e1e;
  border-bottom: 1px solid #1e1e1e;
  height: 61px;
  width: 60px;
}
.nav-mobile-menu1 .nav-mobile-menu1-item .icon-nav .icon-cta {
  visibility: hidden;
}
.nav-mobile-menu1 .nav-mobile-menu1-item:first-child .icon-nav {
  border-top: 1px solid #1e1e1e;
}
.nav-mobile-menu1 .nav-mobile-menu1-item .icon-thin-arrowdown {
  float: right;
  font-size: 10px;
  color: #cccccc;
  position: absolute;
  top: 50%;
  right: 21.5px;
  margin-top: -6px;
}
.nav-mobile-menu1 .nav-mobile-menu1-item .icon-thin-arrowdown:before {
  vertical-align: middle;
}
.nav-mobile-menu1 .nav-mobile-menu1-item .icon-plus2 {
  float: right;
  font-size: 14px;
  color: #434343;
}
.nav-mobile-menu1 .nav-mobile-menu1-item.nav-menu-item-active .icon-plus2:before {
  content: "\e823";
}
.nav-mobile-menu1 .nav-mobile-menu1-item.nav-menu-item-active .icon-nav {
  background: #e8e8e8;
  padding: 17.5px 20px;
  float: left;
  color: #333333;
  font-size: 18px;
  border-right: 2px solid transparent;
  border-bottom: 1px solid transparent;
  height: 61px;
  width: 60px;
}
.nav-mobile-menu1 .nav-mobile-menu1-item.nav-menu-item-active .icon-nav .icon-cta {
  margin-top: 10px;
  visibility: visible;
}
.nav-mobile-menu1 .nav-mobile-menu1-item.nav-menu-item-active:first-child .icon-nav {
  border-top: 1px solid transparent;
}
.nav-mobile-menu1 .nav-mobile-menu1-item .nav-mobile-menu1-item-text {
  background: #ffffff;
  float: left;
  padding: 23px 21.5px 17px 21.5px;
  font-size: 14px;
  width: 220px;
  font-family: 'libre_franklin500', sans-serif;
  color: #303030;
  text-transform: uppercase;
  border-bottom: 1px solid #efefef;
}
.nav-mobile-menu2 {
  background: #e8e8e8;
  list-style-type: none;
}
.nav-mobile-menu2 .active .nav-mobile-menu2-item-text {
  background-color: #78be20;
  color: #ffffff;
}
.nav-mobile-menu2 .active .nav-mobile-menu2-item-text .icon-thin-arrowdown {
  margin-top: -7px;
  color: #ffffff;
}
.nav-mobile-menu2 .active .nav-mobile-menu2-item-text .icon-thin-arrowdown:before {
  content: "\e875";
}
.nav-mobile-menu2 .nav-mobile-menu2-item-text {
  background: #ffffff;
  float: left;
  padding: 9.5px 40px 9.5px 21.5px;
  font-size: 14px;
  width: 220px;
  font-family: 'libre_franklin500', sans-serif;
  color: #505050;
  text-transform: capitalize;
  border-bottom: 1px solid #efefef;
  position: relative;
}
.nav-mobile-menu3 {
  background: #e8e8e8;
  list-style-type: none;
}
.nav-mobile-menu3 .active .nav-mobile-menu3-item-text {
  background-color: #d9d9d9;
}
.nav-mobile-menu3 .nav-mobile-menu3-item-text {
  background: #f2f2f2;
  float: left;
  padding: 9px 21.5px 10px 37px;
  font-size: 14px;
  width: 220px;
  font-family: 'libre_franklin500', sans-serif;
  color: #505050;
  text-transform: capitalize;
  border-bottom: 1px solid #ffffff;
  position: relative;
}
.nav-mobile-menu3 .nav-mobile-menu3-item-text .icon-indent {
  font-size: 6px;
  color: #999999;
  top: 15px;
  left: 22px;
  position: absolute;
}
.nav-menu-item-4 {
  background: #e8e8e8;
  list-style-type: none;
}
.nav-menu-item-4 .active .nav-mobile-menu4-item-text {
  background-color: #d9d9d9;
}
.nav-menu-item-4 .nav-mobile-menu4-item-text {
  background: #f2f2f2;
  float: left;
  padding: 9.5px 21.5px 9.5px 53px;
  font-size: 14px;
  width: 220px;
  font-family: 'libre_franklin500', sans-serif;
  color: #505050;
  text-transform: capitalize;
  border-bottom: 1px solid #ffffff;
  position: relative;
}
.nav-menu-item-4 .nav-mobile-menu4-item-text .icon-indent {
  font-size: 6px;
  color: #999999;
  position: absolute;
  top: 16px;
  left: 38px;
}
.nano > .nano-pane {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
#nav-hint {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
}
#nav-hint .nav-hint-inner {
  position: fixed;
  top: 80px;
  left: 90px;
  width: 280px;
  background: #ffffff;
  z-index: 1;
  padding: 20px;
}
#nav-hint .nav-hint-inner .shape {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid #ffffff;
  border-bottom: 10px solid transparent;
  position: absolute;
  top: 44px;
  left: -10px;
}
#nav-hint .nav-hint-inner .icon-alert:before {
  font-size: 40px;
  color: #78be20;
  margin-right: 20px;
  position: relative;
  top: 4px;
}
#nav-hint .nav-hint-inner .icon-yes {
  font-size: 24px;
  margin-right: 10px;
}
#nav-hint .nav-hint-inner h6 {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  margin-bottom: 0px;
  color: #78be20;
}
#nav-hint .nav-hint-inner hr {
  margin: 15px 0px;
}
#nav-hint .nav-hint-inner .btn {
  width: 100%;
  padding: 13px 20px 11px 20px;
}
#nav-hint .nav-hint-inner .btn-text {
  vertical-align: text-bottom;
}
/** ############################################################################################## **/
/** initial setup **/
.nano {
  /*  position : relative;*/
  width: 100%;
  /*height   : 100%;*/
  overflow: hidden;
}
.nano > .nano-content {
  /*  position      : absolute; */
  overflow: scroll;
  overflow-x: hidden;
  height: 100%;
  /*  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;*/
}
.nano > .nano-content:focus {
  outline: none;
}
.nano > .nano-content::-webkit-scrollbar {
  display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
.nano > .nano-pane {
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  width: 8px;
  right: 4px;
  top: 4px;
  bottom: 0;
  visibility: hidden\9;
  /* Target only IE7 and IE8 with this hack */
  opacity: .01;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0, 0, 0, 0.3);
  position: relative;
  margin: 0 1px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.nano:hover > .nano-pane,
.nano-pane.active,
.nano-pane.flashed {
  visibility: visible\9;
  /* Target only IE7 and IE8 with this hack */
  opacity: 0.99;
}
/*!
* Datetimepicker for Bootstrap 3
* ! version : 4.7.14
* https://github.com/Eonasdan/bootstrap-datetimepicker/
*/
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.bootstrap-datetimepicker-widget {
  list-style: none;
  position: absolute;
  top: 40px !important;
  left: 0px !important;
  right: 0px !important;
  z-index: 10;
  border: none;
}
@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget {
    top: 36px !important;
  }
}
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget {
    left: 450px !important;
    right: 300px !important;
    top: 0px !important;
  }
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  margin: 0px;
  padding: 0px;
  width: 230px;
  box-shadow: none;
}
@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #cccccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
  border: 2px solid #dadada;
  background: #dadada;
  font-size: 14px;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center;
  font-size: 14px;
}
.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
  background: #dadada;
  color: #78be20;
  padding: 7px;
}
.bootstrap-datetimepicker-widget table th.dow {
  color: #a7a7a7;
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
  background: #dadada;
}
.bootstrap-datetimepicker-widget table td {
  border: 1px solid #dadada;
}
.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  color: blue #777777;
}
.bootstrap-datetimepicker-widget table td.day {
  background: #f2f2f2;
  line-height: 30px;
  width: 30px;
  padding: 0px;
  color: #5c5c5c;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #ffffff;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
  color: #a7a7a7;
  background: #e8e8e8;
  height: 30px;
  line-height: 30px;
  width: 30px;
  padding: 0px;
}
.bootstrap-datetimepicker-widget table td.today {
  position: relative;
  font-weight: bold;
  color: #78be20;
}
.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: 0 0 7px 7px solid transparent;
  border-bottom-color: #006341;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #78be20;
  color: #ffffff;
}
.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #ffffff;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 58px;
  height: 58px;
  line-height: 56px;
  cursor: pointer;
  background: #f2f2f2;
  border: 1px solid #dadada;
  margin: -1px;
  padding: 1px;
  color: #5c5c5c;
}
.bootstrap-datetimepicker-widget table td span:hover {
  background: #ffffff;
}
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #78be20;
  color: #ffffff;
}
.bootstrap-datetimepicker-widget table td span.old {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget .datepicker-months .table-condensed > tbody > tr > td,
.bootstrap-datetimepicker-widget .datepicker-years .table-condensed > tbody > tr > td {
  padding: 0px;
  border: none;
}
.bootstrap-datetimepicker-widget .icon-arrowleft,
.bootstrap-datetimepicker-widget .icon-arrowright {
  color: #78be20;
}
.bootstrap-datetimepicker-widget .icon-arrowleft:before,
.bootstrap-datetimepicker-widget .icon-arrowright:before {
  font-size: 12px;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.footer {
  background: #212121;
  border-top: 1px solid #171717;
  padding: 20px 30px;
  text-align: center;
  position: relative;
}
@media (min-width: 992px) {
  .footer {
    padding: 20px 40px;
    text-align: left;
  }
}
.footer p {
  text-align: right;
  margin: 0px 0 0 0;
  font-size: 12px;
  color: #666666;
  line-height: 16px;
}
@media (min-width: 768px) {
  .footer p:first-child {
    margin-top: 4px;
  }
}
.footer img {
  max-width: 100%;
}
.footer .footer-disclaimer {
  margin-top: 8px;
}
.footer .footer-disclaimer p {
  text-align: center;
}
.cookie-prompt {
  padding: 15px 10px;
  background: #333333;
  transition: max-height 0.15s ease-out;
  display: none;
  color: #ffffff;
}
.cookie-prompt .close-cookie-prompt {
  right: 0;
  border: 0;
  font-size: 16px;
  position: absolute;
  height: 100%;
  top: 0px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  text-align: center;
}
.cookie-prompt a {
  text-decoration: none;
}
.cookie-prompt a:hover {
  text-decoration: underline;
}
.cookie-prompt.close-prompt {
  max-height: 0;
  transition: max-height 0.45s ease-out, padding 0.45s ease-out;
  overflow: hidden;
  padding: 0;
  margin-top: -1px;
}
.cookie-prompt .cookieText {
  margin: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  align-self: center;
}
.cookie-prompt .cookieText img {
  margin-right: 15px;
}
.cookie-prompt .cookieText p {
  font-family: 'libre_franklin300', sans-serif;
  margin: 0;
  color: #ffffff;
}
.cookie-prompt .cookieText p a {
  text-decoration: underline;
  color: #ffffff;
}
.cookie-prompt .cookieText p a:hover {
  text-decoration: underline;
  color: #ffffff;
}
div.carousel {
  margin-top: 0;
  margin-bottom: 0;
}
.carousel-container [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .carousel-container .carousel-inner {
    background: #eeeeee;
  }
}
.carousel-container .carousel {
  margin-top: 0;
  margin-bottom: 0;
}
.item {
  position: relative;
  width: 100%;
}
.item figure {
  height: 160px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-size: cover;
  background-position-x: 50%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .item figure {
    height: 340px;
  }
}
@media (min-width: 992px) {
  .item figure {
    height: 400px;
  }
}
.item picture {
  overflow: hidden;
}
.item picture img {
  height: 160px;
  width: 100%;
  object-fit: cover;
}
@media (min-width: 768px) and (max-width: 991px) {
  .item picture img {
    height: 340px;
  }
}
@media (min-width: 992px) {
  .item picture img {
    height: 400px;
  }
}
.item .icon-cta {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (min-width: 768px) {
  .item:hover .icon-cta {
    margin-left: 15px;
  }
  .item:hover:after {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
  .item:hover figure {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
  }
}
.item:after {
  content: '\A';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.item .secondary-cta {
  color: #006341;
}
@media (min-width: 768px) {
  .item .secondary-cta {
    color: #ffffff;
    font-size: 18px;
  }
}
.item .secondary-cta:hover {
  background: none;
  padding: 0px;
  color: #006341;
}
@media (min-width: 768px) {
  .item .secondary-cta:hover {
    color: #ffffff;
  }
}
.item .secondary-cta.left-cta {
  font-size: 20px;
  color: #ffffff;
}
@media (max-width: 768px) {
  .item .secondary-cta.left-cta {
    font-size: 16px;
  }
}
.item .secondary-cta.left-cta [class*="icon-"] {
  margin-right: 10px;
  margin-left: 0px;
}
.item .secondary-cta.left-cta [class*="icon-"]:before {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  background: #78BE20;
  line-height: 36px;
  padding-left: 3px;
  font-size: 16px;
}
@media (max-width: 768px) {
  .item .secondary-cta.left-cta [class*="icon-"]:before {
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background: #78BE20;
    line-height: 24px;
    padding-left: 3px;
    font-size: 12px;
  }
}
.carousel-indicators {
  text-align: left;
  width: auto;
  bottom: 20px;
  right: 0px;
  left: 30px;
  margin: 0px;
  height: 16px;
  top: 122px;
  z-index: 2;
}
@media (min-width: 768px) {
  .carousel-indicators {
    text-align: right;
    left: 40px;
    bottom: 20px;
    top: auto;
    right: auto;
  }
}
.carousel-indicators li {
  width: 8px;
  height: 8px;
  background: #ffffff;
  border: none;
  margin: 0px 2px;
}
@media (min-width: 768px) {
  .carousel-indicators li {
    width: 14px;
    height: 14px;
  }
}
.carousel-indicators .active {
  width: 8px;
  height: 8px;
  background: #cedc00;
  margin: 0px 2px;
}
@media (min-width: 768px) {
  .carousel-indicators .active {
    width: 14px;
    height: 14px;
  }
}
.carousel-caption {
  position: relative;
  left: 0px;
  top: 0px;
  padding: 26px 20px 30px 20px;
  z-index: 1;
  text-align: left;
  text-shadow: none;
  bottom: 38px;
}
@media (min-width: 768px) {
  .carousel-caption {
    position: absolute;
    left: 30px;
    top: 30px;
    padding: 0px;
  }
}
@media (min-width: 992px) {
  .carousel-caption {
    position: absolute;
    left: 60px;
    top: 40px;
    padding: 0px;
  }
}
.carousel-caption h1 {
  border-bottom: 1px solid #231f20;
  border-top: 1px solid #231f20;
  color: #004c36;
  padding: 10px 0px 8px 0px;
  margin: 2px 0 4px 0px;
  font-family: 'libre_franklin900', sans-serif;
  text-transform: uppercase;
  max-width: 470px;
  float: left;
  font-size: 30px;
  line-height: 30px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .carousel-caption h1 {
    font-size: 32px;
    line-height: 32px;
    padding: 13px 0px;
    margin: 7px 0 10px 0px;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
  }
}
@media (min-width: 992px) {
  .carousel-caption h1 {
    font-size: 40px;
    line-height: 40px;
    padding: 15px 0px;
    margin: 7px 0 10px 0px;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
  }
}
.carousel-caption h2 {
  font-family: 'libre_franklin100_italic', sans-serif;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 30px;
  text-transform: uppercase;
  color: #231f20;
  margin: 0px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .carousel-caption h2 {
    font-size: 22px;
    line-height: 22px;
    color: #ffffff;
  }
}
@media (min-width: 992px) {
  .carousel-caption h2 {
    font-size: 30px;
    color: #ffffff;
  }
}
.carousel-caption h3 {
  font-size: 28px;
  line-height: 32px;
  margin: 0px;
  max-width: 470px;
  color: #004c36;
  font-family: 'libre_franklin700', sans-serif;
}
@media (min-width: 768px) {
  .carousel-caption h3 {
    color: #ffffff;
  }
}
@media (min-width: 992px) {
  .carousel-caption h3 {
    font-size: 32px;
    line-height: 36px;
  }
}
.carousel-caption h4 {
  margin: 0px;
  max-width: 260px;
  color: #004c36;
}
@media (min-width: 768px) {
  .carousel-caption h4 {
    color: #ffffff;
  }
}
.carousel-caption h4 .bold {
  font-family: 'libre_franklin700', sans-serif;
}
.carousel-caption p {
  margin: 15px 0!important;
  color: #353535;
}
@media (min-width: 768px) {
  .carousel-caption p {
    margin: 27px 0px 16px 0px!important;
    color: #ffffff;
    max-width: 270px;
  }
}
@media (min-width: 992px) {
  .carousel-caption p {
    max-width: 340px;
  }
}
.carousel-caption.carousel-caption-dark h1 {
  color: #004c36;
  border-bottom: 1px solid #231f20;
  border-top: 1px solid #231f20;
}
.carousel-caption.carousel-caption-dark h2 {
  color: #231f20;
}
.carousel-caption.carousel-caption-dark h3 {
  color: #004c36;
}
.carousel-caption.carousel-caption-dark h4 {
  color: #004c36;
}
.carousel-caption.carousel-caption-dark p {
  color: #353535;
}
.carousel-caption.carousel-caption-dark .secondary-cta {
  color: #006341;
}
.carousel-caption.caption-text-overlay {
  position: absolute;
  right: 0px;
  padding: 13px 15px 15px 15px;
  width: 100%;
  margin-top: 0px;
  word-wrap: normal;
  float: none;
}
@media (min-width: 768px) {
  .carousel-caption.caption-text-overlay {
    position: absolute;
  }
}
@media (max-width: 768px) {
  .carousel-caption.caption-text-overlay {
    padding: 13px 15px 15px 15px;
    width: 100%;
    margin-top: 0px;
    word-wrap: normal;
    float: none;
  }
}
.carousel-caption.caption-text-overlay h1,
.carousel-caption.caption-text-overlay h4 {
  color: #ffffff;
}
@media (min-width: 768px) {
  .carousel-caption.caption-text-overlay h1,
  .carousel-caption.caption-text-overlay h4 {
    color: #ffffff;
  }
}
.carousel-caption.caption-text-overlay h2 {
  color: #ffffff;
}
@media (min-width: 768px) {
  .carousel-caption.caption-text-overlay h2 {
    color: #ffffff;
  }
}
.carousel-caption.caption-text-overlay h3 {
  font-size: 20px;
  color: #ffffff;
}
@media (min-width: 768px) {
  .carousel-caption.caption-text-overlay h3 {
    font-size: 32px;
    color: #ffffff;
  }
}
.carousel-caption.caption-text-overlay p {
  color: #ffffff;
  font-size: 12px;
}
@media (min-width: 768px) {
  .carousel-caption.caption-text-overlay p {
    color: #ffffff;
    font-size: 16px;
  }
}
.carousel-caption.caption-text-overlay p.preTitleText {
  margin: 7px 0 7px 0;
}
@media (min-width: 768px) {
  .carousel-caption.caption-text-overlay p.preTitleText {
    margin: 20px 0px 6px 0px;
  }
}
.carousel-caption.caption-text-overlay p.bodyText {
  margin: 10px 0 15px 0;
}
@media (min-width: 768px) {
  .carousel-caption.caption-text-overlay p.bodyText {
    margin: 20px 0px 16px 0px;
  }
}
.carousel-caption.carousel-caption-buttoncta {
  position: relative;
  padding: 26px 20px 30px 20px;
  z-index: 1;
  text-align: left;
  text-shadow: none;
}
@media (min-width: 768px) {
  .carousel-caption.carousel-caption-buttoncta {
    position: absolute;
    left: 50px;
    top: 100px;
    padding: 0px;
  }
}
.carousel-caption.carousel-caption-buttoncta h1 {
  color: #ffffff;
  font-size: 40px 10;
  line-height: 1.25;
}
@media (min-width: 768px) {
  .carousel-caption.carousel-caption-buttoncta h1 {
    color: #ffffff;
  }
}
.carousel-caption.carousel-caption-buttoncta h2 {
  color: #ffffff;
}
@media (min-width: 768px) {
  .carousel-caption.carousel-caption-buttoncta h2 {
    color: #ffffff;
  }
}
.carousel-caption.carousel-caption-buttoncta h3 {
  color: #ffffff;
}
@media (min-width: 768px) {
  .carousel-caption.carousel-caption-buttoncta h3 {
    font-size: 32px;
    color: #ffffff;
  }
}
.carousel-caption.carousel-caption-buttoncta p {
  color: #ffffff;
  font-size: 22px;
  font-weight: 300;
}
@media (min-width: 768px) {
  .carousel-caption.carousel-caption-buttoncta p {
    color: #ffffff;
    font-size: 16px;
    width: 600px;
  }
}
.carousel-caption.carousel-caption-buttoncta p.preTitleText {
  margin: 7px 0 7px 0;
}
@media (min-width: 768px) {
  .carousel-caption.carousel-caption-buttoncta p.preTitleText {
    margin: 20px 0px 6px 0px;
  }
}
.carousel-caption.carousel-caption-buttoncta p.bodyText {
  margin: 10px 0 15px 0;
}
@media (min-width: 768px) {
  .carousel-caption.carousel-caption-buttoncta p.bodyText {
    margin: 20px 0px 16px 0px;
  }
}
.carousel-caption.carousel-caption-buttoncta p.buttonctatext {
  font-weight: 500;
}
.carousel-caption.carousel-caption-buttoncta .secondary-cta.a-link {
  color: #ffffff;
  font-size: 16px;
  font-family: 'FFMarkWebProLight', sans-serif;
}
.carousel-caption.carousel-caption-bigtitle {
  bottom: 100px;
  top: auto;
  left: 20%;
}
.carousel-caption.carousel-caption-bigtitle h1 {
  font-size: 60px;
  font-family: 'FFMarkWebProBold', sans-serif;
  display: flex;
  text-transform: none;
  border: 0px;
  max-width: 100%;
  float: none;
  line-height: 65px;
  margin: 0px;
  padding: 0px;
}
.carousel-caption.carousel-caption-bigtitle h2 {
  font-size: 60px;
  font-family: 'FFMarkWebProRegular', sans-serif;
  display: flex;
  text-transform: none;
  line-height: 65px;
}
.carousel-caption.carousel-caption-threelight {
  bottom: 100px;
  top: auto;
}
.carousel-caption.carousel-caption-threelight h1 {
  font-size: 60px;
  display: flex;
  font-family: 'libre_franklin500';
  text-transform: none;
  border: 0px;
  max-width: 70%;
  float: none;
  line-height: 1em;
  margin: 30px 0px;
  padding: 0px;
}
.carousel-caption.carousel-caption-threelight h2 {
  font-size: 25px;
  font-family: 'libre_franklin300';
  display: flex;
  max-width: 70%;
  text-transform: none;
  line-height: 1em;
  margin-bottom: 20px;
}
.item .secondary-cta.left-cta {
  font-size: 20px;
  color: #ffffff;
}
@media (max-width: 768px) {
  .item .secondary-cta.left-cta {
    font-size: 16px;
  }
}
.item .secondary-cta.left-cta [class*="icon-"] {
  margin-right: 10px;
  margin-left: 0px;
}
.item .secondary-cta.left-cta [class*="icon-"]:before {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  background: #78be20;
  line-height: 36px;
  padding-left: 3px;
  font-size: 16px;
}
@media (max-width: 768px) {
  .item .secondary-cta.left-cta [class*="icon-"]:before {
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background: #78be20;
    line-height: 24px;
    padding-left: 3px;
    font-size: 12px;
  }
}
.carousel-caption {
  bottom: 38px;
}
.carousel-caption.caption-text-overlay {
  position: absolute;
  right: 0px;
  padding: 13px 15px 15px 15px;
  width: 100%;
  margin-top: 0px;
  word-wrap: normal;
  float: none;
}
@media (min-width: 768px) {
  .carousel-caption.caption-text-overlay {
    position: absolute;
  }
}
@media (max-width: 768px) {
  .carousel-caption.caption-text-overlay {
    padding: 13px 15px 15px 15px;
    width: 100%;
    margin-top: 0px;
    word-wrap: normal;
    float: none;
  }
}
.carousel-caption.caption-text-overlay h1,
.carousel-caption.caption-text-overlay h4 {
  color: #ffffff;
}
@media (min-width: 768px) {
  .carousel-caption.caption-text-overlay h1,
  .carousel-caption.caption-text-overlay h4 {
    color: #ffffff;
  }
}
.carousel-caption.caption-text-overlay h2 {
  color: #ffffff;
}
@media (min-width: 768px) {
  .carousel-caption.caption-text-overlay h2 {
    color: #ffffff;
  }
}
.carousel-caption.caption-text-overlay h3 {
  font-size: 20px;
  color: #ffffff;
}
@media (min-width: 768px) {
  .carousel-caption.caption-text-overlay h3 {
    font-size: 32px;
    color: #ffffff;
  }
}
.carousel-caption.caption-text-overlay p {
  color: #ffffff;
  font-size: 12px;
}
@media (min-width: 768px) {
  .carousel-caption.caption-text-overlay p {
    color: #ffffff;
    font-size: 16px;
  }
}
.carousel-caption.caption-text-overlay p.preTitleText {
  margin: 7px 0 7px 0;
}
@media (min-width: 768px) {
  .carousel-caption.caption-text-overlay p.preTitleText {
    margin: 20px 0px 6px 0px;
  }
}
.carousel-caption.caption-text-overlay p.bodyText {
  margin: 10px 0 15px 0;
}
@media (min-width: 768px) {
  .carousel-caption.caption-text-overlay p.bodyText {
    margin: 20px 0px 16px 0px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  .item .secondary-cta.left-cta {
    margin-top: 15px;
  }
  .item .mobVideoImage {
    height: 250px;
    background-position-x: 70%;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  .item .secondary-cta.left-cta {
    margin-top: 15px;
  }
  .item .mobVideoImage {
    height: 250px;
    background-position-x: 70%;
  }
}
/* form block over carousel - 2016.09.19 */
.webForm {
  width: 284px;
  z-index: 9;
  -webkit-transition: right 0.3s ease-out;
  transition: right 0.3s ease-out;
}
@media (max-width: 768px) {
  .webForm {
    width: 100%;
    position: relative!important;
    top: inherit!important;
    left: inherit!important;
    right: inherit!important;
  }
}
@media (max-width: 992px) {
  .webForm .carouseloverlay .transBG {
    padding: 0px 15px;
  }
}
@media (max-width: 768px) {
  .webForm .carouseloverlay .transBG {
    padding: 20px;
  }
}
.webForm .innerBlock {
  min-height: 300px;
  height: auto;
}
@media (max-width: 768px) {
  .webForm .innerBlock {
    padding: 0px 10px;
    margin: 20px auto;
    min-height: inherit;
    height: auto;
  }
}
.webForm.positionRight {
  position: absolute;
  right: 60px;
  top: 36px;
}
@media (max-width: 992px) {
  .webForm.positionRight {
    top: 14px;
  }
}
.webForm.positionLeft {
  position: absolute;
  left: 60px;
  top: 36px;
}
@media (max-width: 992px) {
  .webForm.positionLeft {
    top: 14px;
  }
}
.webForm.positionCenter {
  position: absolute;
  left: 50%;
  margin-left: -125px;
  top: 36px;
}
@media (max-width: 992px) {
  .webForm.positionCenter {
    top: 14px;
  }
}
.webForm .transBG {
  background: rgba(255, 255, 255, 0.5);
  padding: 15px;
}
@media (max-width: 768px) {
  .webForm .transBG {
    background: #eeeeee;
    padding: 20px;
  }
}
.webForm .transBG .formRow .jcf-select {
  width: 254px;
}
@media (max-width: 768px) {
  .webForm .transBG .formRow .jcf-select {
    width: 100%;
  }
}
.webForm #messageBlock {
  min-height: 300px;
  display: none;
}
@media (max-width: 768px) {
  .webForm form {
    background: #eeeeee;
    padding: 20px;
  }
}
.webForm form .validation-error {
  clear: both;
  color: #d0582e;
  font-size: 14px;
  font-style: italic;
  line-height: 18px;
  padding: 0px;
  max-width: 280px;
}
.webForm form label {
  display: none;
}
.webForm header {
  position: inherit;
  max-width: inherit;
  width: 100%;
  background: transparent;
  border: none;
  height: inherit;
}
.webForm header .formRow {
  border-top: 1px solid #cccccc;
  padding: 20px 0px;
}
.webForm header .formRow:first-child {
  padding-top: 10px;
  border-top: 0px;
}
.webForm header .formRow:last-child {
  padding-bottom: 10px;
  border-bottom: 0px;
}
.webForm header .formRow .propertyfilter {
  width: 100%;
}
.webForm header .formRow .propertyfilter .filter-field {
  /*vertical-align: top;
    				display: inline-block;
    				font-size: @font-size-base;
    				padding: 0 5px;*/
  display: table;
}
.webForm header .formRow .propertyfilter .filter-field .filter-select {
  display: table-cell;
  width: 100%;
  position: relative;
}
.webForm header .formRow .propertyfilter .filter-field .filter-select.filter-selected .search {
  display: block;
  position: absolute;
  z-index: 9;
  width: 100%;
  /*height: 40px;*/
  height: 30px;
  /*margin: -48px 0 0 0;*/
  margin: 0px;
}
@media (min-width: 768px) {
  .webForm header .formRow .propertyfilter .filter-field .filter-select.filter-selected .search {
    /*height: 36px;*/
    height: 30px;
    /*margin: -42px 0 0 0;*/
    margin: 0px;
  }
}
.webForm header .formRow .propertyfilter .filter-field .filter-select .jcf-select {
  /*width: 100%; height:32px;*/
  width: 100%;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.webForm header .formRow .propertyfilter .filter-field .filter-select .search {
  /*position: absolute;*/
  display: none;
}
.webForm header .formRow .propertyfilter .filter-field .filter-select .search input[type=text] {
  height: 100%;
  width: 100%;
}
.webForm header .formRow .propertyfilter .filter-field .btn-link {
  padding: 4px 8px;
}
.webForm header .formRow .flexilink {
  display: inline-block;
  vertical-align: top;
}
.webForm header .formRow .flexilink a {
  /*display: none!important;*/
}
.webForm header .formRow .flexilink a.flexilink {
  /*display: block!important;*/
  width: 100%;
  margin: 0;
  color: #006341;
  padding: 0;
  font-size: 18px;
  font-weight: bold;
}
.webForm header .formRow .flexilink a.flexilink:hover {
  background-color: transparent;
}
.webForm header .formRow .flexilink a.flexilink .left-icon > span:first-child {
  height: auto;
  margin-right: 10px;
  margin-left: 0px;
  display: table-cell;
  float: left;
  padding: 0px;
  vertical-align: middle;
}
.webForm header .formRow .flexilink a.flexilink > div {
  display: table;
}
.webForm header .formRow .flexilink a .icon-link,
.webForm header .formRow .flexilink a .icon-cta,
.webForm header .formRow .flexilink a .icon-locatorpin,
.webForm header .formRow .flexilink a .icon-phone {
  padding: 0px 0px 0px 10px;
  display: table-cell;
  float: none;
}
.webForm header .formRow .flexilink a .cta-text {
  display: table-cell;
  margin-top: 0px;
  padding-top: 0px;
  height: auto;
  vertical-align: top;
}
.webForm header .formRow a.drop-a-text {
  color: #353535;
}
.webForm header .formRow a.drop-a-text:hover {
  color: #353535;
}
.webForm header .formRow .secondary-cta {
  color: #006341;
  display: table-cell;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .webForm header .formRow .secondary-cta {
    color: #006341;
  }
}
.webForm header .formRow .section {
  padding-bottom: 0;
}
.webForm header .formRow .section div {
  height: 45px!important;
}
.webForm header .formRow .dropdown {
  width: 100%;
  vertical-align: middle;
  display: table-cell;
  float: none!important;
}
.webForm header .formRow .icon-link {
  display: block;
  float: left;
  height: 48px;
  /*line-height: 48px;*/
}
@media (max-width: 768px) {
  .webForm header .formRow .icon-link {
    height: inherit;
    line-height: inherit;
  }
}
.webForm header .btn-link {
  padding: 4px 8px;
  text-transform: none;
  margin-top: 0px;
  color: #ffffff;
  margin-left: 5px;
  /*width: 65px;*/
  float: right;
  display: table-cell;
  background-color: #00b388;
  transition: all 0.2s;
}
.webForm header .btn-link.btn-download,
.webForm header .btn-link.btn-logon {
  width: 95px;
}
.webForm header .btn-link .icon-arrowright {
  display: none;
}
.webForm header .btn-dropdown {
  background-color: #ffffff;
  width: 100%;
  color: #a7a7a7;
  padding: 6px 8px;
  height: 35px;
  margin-top: 0px;
}
.webForm header .btn-dropdown:hover,
.webForm header .btn-dropdown:focus {
  background-color: #ffffff;
  color: #a7a7a7;
}
.webForm header .cta-summary .links {
  width: 100%;
  display: table!important;
}
.webForm header .cta-summary .configPrimInfo {
  display: none;
}
.webForm header .cta-summary .configSecInfo {
  display: none;
}
.webForm p {
  font-family: 'libre_franklin300', sans-serif;
  color: #006341;
  font-size: 20px;
  line-height: 24px;
  padding: 0;
  margin: 0 0 2px 0;
  /*letter-spacing: 0.02em;*/
}
@media (max-width: 768px) {
  .webForm p {
    color: #006341;
  }
}
.webForm .formRow {
  padding: 7px 0px;
  display: table;
  position: relative;
  width: 100%;
}
.webForm .formRow:after,
.webForm .formRow:before {
  clear: both;
  float: none;
  display: block;
}
.webForm .formRow .tableCell {
  display: table-cell;
  vertical-align: bottom;
}
.webForm .formRow .titleBlock {
  width: 65px;
}
.webForm .formRow input {
  background: #ffffff;
  width: 100%;
  height: 30px;
  padding-left: 7px;
  padding-top: 0px;
  padding-bottom: 0px;
  border: 0px solid #cccccc;
}
.webForm .formRow input.titleInput {
  width: 65px;
  margin: 0 10px 0 0;
  padding: 0px;
}
.webForm .formRow input.nameInput {
  width: 100%;
}
.webForm .formRow input::-webkit-input-placeholder {
  color: #a7a7a7;
}
.webForm .formRow input:-moz-placeholder {
  color: #a7a7a7;
}
.webForm .formRow input::-moz-placeholder {
  color: #a7a7a7;
}
.webForm .formRow input:-ms-input-placeholder {
  color: #a7a7a7;
}
.webForm .formRow input:required {
  box-shadow: none;
}
.webForm .formRow input:invalid {
  box-shadow: none;
}
.webForm .formRow .hidden-xs {
  display: table!important;
  width: 100%;
}
.webForm .formRow select {
  background: #ffffff;
  width: 100%;
  height: 30px;
  padding-left: 7px;
  border: 0px solid #cccccc;
}
.webForm .formRow select.titleInput {
  width: 65px;
  margin: 0 10px 0 0;
  padding: 0px;
}
.webForm .formRow select.nameInput {
  width: 100%;
}
.webForm .formRow .jcf-select-titleInput {
  width: 75px!important;
  margin: 0 10px 0 0;
  padding: 0px;
}
.webForm .formRow .jcf-select-titleInput .jcf-select-text {
  width: 70%!important;
}
.webForm .formRow .jcf-select {
  width: 284px;
  height: 30px;
  color: #a7a7a7;
  float: left;
}
.webForm .formRow .jcf-select.jcf-drop-active {
  color: #ffffff;
}
@media (max-width: 768px) {
  .webForm .formRow .jcf-select {
    width: 100%;
  }
}
.webForm .formRow .jcf-select .jcf-list .jcf-option.jcf-disabled {
  color: #cccccc;
  cursor: default;
  font-weight: normal;
}
.webForm .formRow .jcf-select .jcf-select-text {
  padding: 0px 0px 3px 7px;
  float: none;
  line-height: 32px;
  display: inline-block;
}
.webForm .formRow .jcf-select.error .jcf-select-text {
  line-height: 28px;
}
.webForm .formRow .jcf-select .jcf-select-opener {
  padding: 3px 7px 3px 0px;
}
.webForm .formRow .jcf-select .jcf-select-drop .jcf-select-drop-content .jcf-list-content {
  max-height: 450px!important;
}
@media (max-width: 992px) {
  .webForm .formRow .jcf-select .jcf-select-drop .jcf-select-drop-content .jcf-list-content {
    max-height: 370px!important;
  }
}
@media (max-width: 768px) {
  .webForm .formRow .jcf-select .jcf-select-drop .jcf-select-drop-content .jcf-list-content {
    max-height: 220px!important;
  }
}
.webForm .formRow .jcf-select .jcf-select-drop .jcf-select-drop-content li {
  line-height: 18px;
}
.webForm .formRow .jcf-select .jcf-select-drop .jcf-select-drop-content li:before {
  padding: 8px 0px 8px 10px;
}
.webForm .formRow .jcf-select .jcf-select-drop .jcf-select-drop-content li span {
  padding: 8px 5px 8px 20px;
}
.webForm .formRow .error {
  border: 2px solid #d0582e !important;
}
@media (max-width: 992px) and (min-width: 768px) {
  .webForm .formRow {
    padding: 4px 0px;
  }
}
.webForm .btn.btn-default {
  background: #009639;
  color: #ffffff;
  font-size: 18px;
  padding: 8px 0;
  width: 100%;
  border: 0;
  line-height: normal;
  border-radius: 0;
}
.webForm .btn.btn-default .icon-arrowright {
  margin-left: 5px;
}
.webForm .btn.btn-default .icon-arrowright:before {
  content: '\e807';
  font-family: 'dxm-icons';
  font-size: 12px;
  position: relative;
  bottom: 1px;
}
.webForm .no-border {
  border: 0;
}
.webForm #backToForm {
  line-height: 28px;
  margin-top: 15px;
}
#CQ .cq-editrollover-insert-container {
  height: 45px!important;
}

.compliancecontainer {
  width: 100%;
  padding: 0px 80px;
  margin: 55px auto;
  background-color: transparent;
}
.compliancecontainer .flexcolumn {
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .compliancecontainer {
    width: 100%;
    padding: 0px 20px;
    margin: 55px auto;
    background-color: transparent;
  }
}
.compliancecontainer .table.tablepadding {
  padding-bottom: 15px;
  padding-top: 20px;
}
.compliancecontainer .table .sectiontitle {
  margin-bottom: 30px;
  font-size: 26px;
  color: #666666;
}
.compliancecontainer .table .borderbottom {
  border-bottom: 1px solid lightgrey;
  margin-bottom: 20px;
}
.compliancecontainer .table .bordertop {
  border-top: 1px solid lightgrey;
}
.compliancecontainer .table .flexrow {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  height: 52px;
}
.compliancecontainer .table .flexrow .columntitle1,
.compliancecontainer .table .flexrow .columntitle2 {
  width: 30%;
}
.compliancecontainer .table .flexrow .columntitle1 h6,
.compliancecontainer .table .flexrow .columntitle2 h6 {
  font-size: 18px;
}
.compliancecontainer .table .flexrow .columntitle2 {
  width: 70%;
}
@media (min-width: 721px) and (max-width: 990px) {
  .compliancecontainer .table .flexrow .columntitle1 {
    width: 30%;
    padding-top: 12px;
    padding-right: 10px;
  }
  .compliancecontainer .table .flexrow .columntitle2 {
    width: 70%;
    padding-top: 12px;
    padding-right: 10px;
  }
}
@media (min-width: 991px) {
  .compliancecontainer .table .flexrow .columntitle1 {
    width: 30%;
    padding-top: 12px;
    padding-right: 10px;
  }
  .compliancecontainer .table .flexrow .columntitle2 {
    width: 70%;
    padding-top: 12px;
    padding-right: 10px;
  }
}
@media (max-width: 720px) {
  .compliancecontainer .table .flexrow .columntitle2 {
    display: none;
  }
  .compliancecontainer .table .flexrow .columntitle1 {
    width: 100% !important;
    padding-top: 12px;
    padding-right: 10px;
  }
}
.compliancecontainer .table .row-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  /*.accordion .icon-arrowdown:before {
            content: '\e805';
            color: #353535;
        }
            .accordion.active .icon-arrowdown:before {
            content: '\e808';
            color: #353535;
        }*/
}
.compliancecontainer .table .row-item .accordion {
  width: 30%;
  background: none;
  padding: 18px 18px 18px 0px;
  border-style: none;
  text-align: left;
  outline: none;
  font-size: 14px;
  transition: 0.4s;
}
.compliancecontainer .table .row-item .info {
  width: 65%;
  display: none;
  text-align: left;
  background: none;
  overflow: hidden;
  border-style: none;
  padding: 18px 18px 18px 0px;
  /*padding-bottom: 15px;
                margin-left: 20%;
                margin-top: -34px;
                margin-right: 193px;*/
}
.compliancecontainer .table .row-item .expand-collapse {
  width: 5%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 18px 18px 18px 0px;
  cursor: pointer;
}
.compliancecontainer .table .row-item .expand-collapse.disabled:before {
  color: #D7D7D7;
}
.compliancecontainer .table .row-item .expand-collapse:before {
  color: #353535;
}
@media (max-width: 768px) {
  .compliancecontainer .table .row-item {
    flex-wrap: wrap;
  }
  .compliancecontainer .table .row-item .accordion {
    order: 1;
    width: 80%;
  }
  .compliancecontainer .table .row-item .info {
    order: 3;
    width: 100%;
  }
  .compliancecontainer .table .row-item .expand-collapse {
    order: 2;
  }
}
.compliancecontainer .table .head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.compliancecontainer .table .head .tabletitle {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 10px;
}
.compliancecontainer .table .head .tabletitle h6 {
  margin-bottom: 0px;
}
.compliancecontainer .table .head .tabletitle:first-child {
  width: 30%;
}
.compliancecontainer .table .head .tabletitle:nth-child(2) {
  width: 55%;
}
.compliancecontainer .table .head .tabletitle:last-child {
  width: 15%;
}
.compliancecontainer .table .body.tablebody .showcontent {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  justify-content: flex-start;
  align-items: center;
  /*margin-left: 12px;
                margin-bottom: 32px;*/
}
.compliancecontainer .table .body.tablebody .showcontent > div {
  padding: 10px;
}
.compliancecontainer .table .body.tablebody .showcontent > div:first-child {
  width: 30%;
}
.compliancecontainer .table .body.tablebody .showcontent > div:nth-child(2) {
  width: 55%;
}
.compliancecontainer .table .body.tablebody .showcontent > div:last-child {
  width: 15%;
}
.compliancecontainer .table .body.tablebody .showcontent > div .btn {
  border-radius: 15px;
  width: 50px;
  margin: 5px;
  outline: none;
}
.compliancecontainer .table .body.tablebody .showcontent > div .btn.glyphicon.glyphicon-repeat {
  transform: scale(-1, 1);
}
.compliancecontainer .table .body.tablebody .showcontent.deleted {
  text-decoration: line-through;
}
.compliancecontainer .table .addnewitem {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid lightgrey;
  cursor: pointer;
  min-height: 50px;
  color: #009639;
}
.compliancecontainer .table .enterdata {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 32px;
}
.compliancecontainer .table .enterdata .signs {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 13%;
}
.compliancecontainer .table .enterdata .signs .checkmark,
.compliancecontainer .table .enterdata .signs .cross {
  cursor: pointer;
}
.compliancecontainer .table .enterdata .text-box1 {
  width: 30%;
  padding: 20px;
}
.compliancecontainer .table .enterdata .text-box2 {
  width: 55%;
  padding: 20px;
}
.compliancecontainer .table .enterdata .wysiwyg-editor {
  margin: 20px 0px 0px 0px;
}
.compliancecontainer .table .enterdata .wysiwyg-controls {
  display: block;
  width: 100%;
  height: 41px;
  border: 1px solid #C2CACF;
  border-bottom: none;
  border-radius: 3px 3px 0 0;
  background: #fff;
}
.compliancecontainer .table .enterdata .wysiwyg-controls a {
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: top;
  line-height: 38px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  color: #ADB5B9;
}
.compliancecontainer .table .enterdata .wysiwyg-controls [data-role="bold"] {
  font-weight: bold;
}
.compliancecontainer .table .enterdata .wysiwyg-controls [data-role="italic"] {
  font-style: italic;
}
.compliancecontainer .table .enterdata .wysiwyg-controls [data-role="underline"] {
  text-decoration: underline;
}
.compliancecontainer .table .enterdata .menu-left:before,
.compliancecontainer .table .enterdata .menu-left:after {
  margin-right: 4px;
}
.compliancecontainer .table .enterdata .menu-right:before,
.compliancecontainer .table .enterdata .menu-right:after {
  margin-left: 4px;
}
.compliancecontainer .table .enterdata .wysiwyg-content {
  max-width: 173%;
  width: 100%;
  height: 150px;
  padding: 12px;
  resize: both;
  overflow: auto;
  font-family: sans-serif;
  font-size: 12px;
  border-radius: 0 0 3px 3px;
  background: #f9f9f9;
  box-shadow: none !important;
  border: 2px solid lightgrey;
  outline: none;
}
.compliancecontainer .table .enterdata .wysiwyg-content:focus {
  border: 2px solid #006341;
}
.compliancecontainer .table .enterdata a[data-command='insertOrderedList'] {
  margin-right: 5px;
  border-radius: 0 3px 3px 0;
}
.compliancecontainer .table .enterdata a[data-command='insertUnorderedList'] {
  border-radius: 3px 0 0 3px;
}
.compliancecontainer .table .enterdata .seceditor {
  margin: 33px 120% 0px 34%;
}
.compliancecontainer .table .enterdata .seccontroler {
  width: 337px;
  margin-left: -228%;
  margin-top: -8px;
  height: 173px;
}
.compliancecontainer #submission-feedback figure img {
  width: 80px;
  height: 80px;
}
@media (max-width: 425px) {
  .compliancecontainer {
    /*.compliance-disclaimer {
        display: none !important;
    }*/
  }
  .compliancecontainer .sectiontitle {
    margin-bottom: 20px;
    font-size: 21px !important;
    text-align: center;
  }
  .compliancecontainer #complianceimage {
    display: none !important;
  }
  .compliancecontainer .info {
    width: 100%;
    order: 3;
    padding: 0 18px;
    /* display: none; */
    text-align: left;
    background: none;
    overflow: hidden;
    border-style: none;
    padding-bottom: 15px;
    margin-right: 0px;
  }
  .compliancecontainer .getinfo {
    border-top: 1px solid lightgrey;
  }
  .compliancecontainer .text-center {
    padding-bottom: 15px;
  }
  .compliancecontainer .compliancecontainer {
    width: 100%;
    padding: 0px 20px;
    margin: 55px auto;
    background-color: transparent;
  }
}
@media screen and (min-device-width: 425px) and (max-device-width: 1024px) {
  .compliancecontainer .sectiontitle {
    margin-bottom: 30px;
  }
}
@media (max-width: 375px) {
  .compliancecontainer .text-center {
    padding-bottom: 15px;
    font-size: 20px;
  }
}
.compliancecontainer #complianceimage {
  padding: 30px;
  margin: 0 auto;
}
.compliancecontainer .compliancetext {
  color: lightgray;
  font-size: 20px;
  padding: 40px;
}
.compliancecontainer .compliance-disclaimer p {
  font-size: 13px !important;
  line-height: 16px !important;
}
.compliancecontainer .noinfoarea {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding: 15px;
}
.compliancecontainer .wrap {
  display: flex;
  align-items: center;
  padding: 3px 0px 3px 478px;
  border-bottom: 1px solid lightgrey;
  font-size: 15px;
}
.compliancecontainer .icon-plus {
  padding: 5px;
}
.compliancecontainer .icon:before {
  content: '';
  display: flex;
  justify-content: center;
  align-items: center;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 1px solid #629620;
  font-size: 12px;
  color: #629620;
  margin-right: 2px;
  margin-top: 3px;
}
.compliancecontainer .submitbutton {
  margin: 17px 0px 20px 89%;
}
.compliancecontainer .submitbutton #submitdata {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  border-radius: 5px;
  padding: 10px 20px;
  font-size: 15px;
  line-height: 15px;
  min-width: 100px;
}
.compliancecontainer .checkmark:after {
  /*Add another block-level blank space*/
  content: '';
  display: block;
  /*Make it a small rectangle so the border will create an L-shape*/
  width: 10px;
  height: 18px;
  /*Add a white border on the bottom and left, creating that 'L' */
  border: solid #629620;
  border-width: 0 2px 2px 0;
  /*Rotate the L 45 degrees to turn it into a checkmark*/
  transform: rotate(45deg);
}
.compliancecontainer #textarea {
  width: 336px;
  position: relative;
  /* left: 16%; */
  /* margin-bottom: 25px; */
  /* margin-right: -26px; */
  /* margin-top: -11px; */
  height: 200px;
  transform: translate(6%, -15%);
  /* transform: translateY(13%); */
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);
  background-color: $gray;
  padding: 5px 20px 20px;
}
.compliancecontainer #textarea .controls {
  width: 100%;
  padding: 15px 0 10px;
  display: flex;
  flex-direction: row;
}
.compliancecontainer #textarea .controls button {
  flex-grow: 1;
  outline: none;
  border: none;
  background-color: $buttons;
  color: #fff;
  padding: 10px 10px;
  margin: 0 1px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3);
}
.compliancecontainer #textarea .controls button:hover {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.7);
}
.compliancecontainer #textarea .rich_text {
  background-color: #fff;
  border: none;
  width: 100%;
  min-height: 117px;
  padding: 20px;
  cursor: text;
}
.compliancecontainer .cross:after {
  content: '\2716';
  font-size: 20px;
  color: red;
  margin: 0px 0px 0px -16px;
}
.compliancecontainer .enterdatadocuments {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-left: -45px;
  margin-bottom: 32px;
}
@media (max-width: 425px) {
  .compliancecontainer .texttr1 {
    margin-top: 23px;
    width: 23%;
  }
  .compliancecontainer .showcontent {
    display: flow-root;
  }
  .compliancecontainer .texttr2 {
    margin-left: 115px;
    margin-top: -37px;
    margin-bottom: 48px;
    width: 40%;
  }
  .compliancecontainer .texttr3 {
    display: flex;
    flex-direction: column;
    width: 26%;
    float: right;
    margin: -49% -2% 0 0%;
  }
  .compliancecontainer .edititem {
    border-radius: 100px 100px 100px 100px;
    height: 32px;
    width: 53px;
    margin: 30px 0px 0px 16px;
  }
  .compliancecontainer .deleteitem {
    border-radius: 50px 50px 50px 50px;
    height: 38px;
    width: 72px;
    margin: 30px 22px 0px 10px;
  }
  .compliancecontainer .showcontent {
    margin-bottom: -22px;
  }
  .compliancecontainer .submitbutton {
    margin: 17px 0px 0px 65%;
  }
  .compliancecontainer .text-box1 {
    width: 100%;
  }
  .compliancecontainer .text-box2 {
    width: 100%;
  }
  .compliancecontainer .checkmark {
    margin: 12% 0% 0% 6%;
    cursor: pointer;
  }
  .compliancecontainer .cross {
    margin: 12% 11% 3% 0%;
    cursor: pointer;
    /* margin-left: 45px; */
  }
  .compliancecontainer .enterdata {
    flex-direction: column;
  }
}
@media (max-width: 425px) and (max-width: 425px) {
  .compliancecontainer .texttr1 {
    width: 27%;
  }
  .compliancecontainer .submitbutton {
    margin: 17px 0px 20px 66% !important;
  }
  .compliancecontainer .showcontent {
    padding: none;
  }
  .compliancecontainer .texttr2 {
    width: 36% !important;
  }
  .compliancecontainer .texttr3 {
    display: flex;
    flex-direction: column;
  }
  .compliancecontainer .edititem {
    border-radius: 50% 50% 50% 50%;
    height: 38px;
    width: 38px;
    margin: 30px 0px 0px 0px;
  }
  .compliancecontainer .deleteitem {
    border-radius: 50% 50% 50% 50%;
    height: 38px;
    width: 38px;
    margin: 30px 0px 0px 0px;
  }
  .compliancecontainer .tabletitle1 {
    width: 20%;
    padding: 15px 0 0px 0px;
    margin-left: 10px;
    margin-bottom: -26px;
  }
  .compliancecontainer .tabletitle2 {
    width: 60%;
  }
}
.compliancecontainer #activecheck {
  cursor: pointer;
}
.compliancecontainer .checkboxdiv {
  margin: 10px;
}
.compliancecontainer #adminscreen {
  width: 100%;
}
.compliancecontainer .alert {
  position: relative;
  font-size: 12px !important;
  padding: 10px 20px 10px 20px;
}
.compliancecontainer .alert.alert-danger {
  border-color: #ebccd1;
  color: #a94442;
}
.compliancecontainer .alert.alert-danger:hover {
  color: #a94442;
}
.compliancecontainer .alert .close {
  background-color: transparent;
}
.compliancecontainer .alert .close:hover {
  color: #000000;
}
.compliancecontainer .jcf-checkbox {
  vertical-align: middle;
  display: inline-block;
  position: relative !important;
  overflow: hidden;
  cursor: pointer;
  background: #d0d0d0;
  height: 16px;
  width: 16px;
  outline: none;
  transition: all 0.3s ease;
}
.compliancecontainer .jcf-checkbox.jcf-checked span {
  display: block;
}
.compliancecontainer .jcf-checkbox span {
  position: relative;
  display: none;
  height: 6px;
  width: 9px;
  top: 50%;
  left: 50%;
  margin: -4px 0 0 -5px;
  border: 3px solid #78be20;
  border-width: 0 0 3px 3px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.feature-container {
  padding: 0px 10px 0px 10px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .feature-container {
    padding: 10px 10px 0px 10px;
  }
}
@media (min-width: 992px) {
  .feature-container {
    padding: 10px 40px 0px 40px;
  }
}
.feature-container hr {
  margin: 30px 0px 15px 0px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .feature-container hr {
    margin: 30px 20px 15px 20px;
  }
}
@media (min-width: 992px) {
  .feature-container hr {
    margin: 40px 0px 15px 0px;
  }
}
.feature-container .feature-1 {
  transition: all 0.2s;
  background-color: #78be20;
  vertical-align: top;
}
.feature-container .feature-1:hover {
  background-color: #009639;
}
.feature-container .feature-1:hover .icon {
  margin-left: 15px;
}
.feature-container .feature-2 {
  transition: all 0.2s;
  background-color: #009639;
  vertical-align: top;
}
.feature-container .feature-2:hover {
  background-color: #006341;
}
.feature-container .feature-2:hover .icon {
  margin-left: 15px;
}
.feature-container .feature-3 {
  transition: all 0.2s;
  background-color: #eeeeee;
  vertical-align: top;
}
.feature-container .feature-3:hover {
  background-color: #e6e6e6;
}
.feature-container .feature-3:hover .secondary-cta {
  color: #78be20;
}
.feature-container .feature-3:hover .icon {
  color: #78be20;
  margin-left: 15px;
}
.feature-container .feature-3:hover .feature-block-image .secondary-cta {
  color: #ffffff;
}
.feature-container .feature-3:hover .feature-block-image .icon {
  color: #ffffff;
}
.feature-block {
  display: block;
  margin-bottom: 0px;
  padding: 20px;
}
.feature-block .bottomLinks {
  position: absolute;
  bottom: 15px;
}
@media (min-width: 768px) {
  .feature-block .bottomLinks {
    position: absolute;
    bottom: 15px;
    width: 100%;
  }
}
.feature-block .linkblock {
  /*display: flex;
      flex: 2;
      align-items: flex-end;
      justify-content: flex-start;*/
}
@media (max-width: 767px) {
  .feature-block .linkblock {
    display: -webkit-box;
  }
}
.feature-block .linkblock .secondary-cta {
  /*flex: 2;
        display: inline-flex !important;*/
}
.feature-block .linkblock .secondary-cta:first-child {
  /* width: 170px;*/
  /* margin-top: 80px;*/
}
@media (max-width: 767px) {
  .feature-block .linkblock .secondary-cta:first-child {
    margin-top: 10px;
  }
}
.feature-block .linkblock .secondary-cta:last-child {
  margin-left: 20px;
}
@media (max-width: 767px) {
  .feature-block .linkblock .secondary-cta:last-child {
    margin-left: 0px;
  }
}
.feature-block .linkblock .secondary-cta > a:hover {
  background-color: $white;
}
@media (min-width: 768px) {
  .feature-block {
    padding: 20px;
  }
}
@media (min-width: 992px) {
  .feature-block {
    min-height: 280px;
    padding: 30px;
  }
}
.feature-block h2 {
  font-size: 24px;
  line-height: 24px;
  color: #ffffff;
  margin-top: 0px;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .feature-block h2 {
    margin-bottom: 16px;
  }
}
.feature-block h5 {
  color: #ffffff;
  margin-top: 0px;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .feature-block h5 {
    margin-bottom: 16px;
  }
}
.feature-block h2 {
  color: #ffffff;
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 28px;
}
@media (min-width: 992px) {
  .feature-block h2 {
    margin-bottom: 16px;
  }
}
.feature-block p {
  color: #ffffff;
  margin-bottom: 16px;
}
.feature-block .secondary-cta {
  font-size: 16px;
  font-family: 'FFMarkWebProRegular', sans-serif;
  background: transparent;
  padding: 0px;
  color: #ffffff;
}
.feature-block .secondary-cta.first {
  margin-right: 20px;
}
.feature-block .secondary-cta .a {
  font-family: 'FFMarkWebProRegular', sans-serif;
  font-size: 18px;
}
.feature-block .icon {
  transition: margin-left 0.2s ease-in;
  margin-left: 10px;
}
.feature-block.twoCTAblock .text-box .secondary-cta {
  min-width: 130px;
}
.feature-block.twoCTAblock:hover .icon {
  margin-left: 10px;
}
.feature-block.twoCTAblock .secondary-cta:hover .icon {
  margin-left: 15px;
}
.feature-block-1 {
  vertical-align: top;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .feature-block-1 {
    margin-bottom: 0px;
  }
}
.feature-block-2 {
  vertical-align: top;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .feature-block-2 {
    margin-bottom: 0px;
  }
}
.feature-block-3 {
  display: block;
  vertical-align: top;
}
.feature-block-3 h5 {
  margin-top: 0px;
  color: #006341;
}
.feature-block-3 h2 {
  margin-top: 0px;
  color: #006341;
}
.feature-block-3 .secondary-cta {
  color: #006341;
}
.feature-block-3 p {
  color: #353535;
}
.feature-block-image {
  position: relative;
  z-index: 8;
  overflow: hidden;
  margin-bottom: 10px;
  min-height: 210px;
}
@media (min-width: 768px) {
  .feature-block-image {
    margin-bottom: 0px;
    min-height: 222px;
  }
}
.feature-block-image .text-box {
  position: absolute;
  bottom: 20px;
  left: 0px;
  padding: 0px 20px;
  z-index: 10;
}
@media (min-width: 992px) {
  .feature-block-image .text-box {
    padding: 0px 30px;
    bottom: 30px;
  }
}
@media (max-width: 767px) {
  .feature-block-image {
    height: auto;
    min-height: 210px;
    flex-direction: column;
  }
}
.feature-block-image .feature-img-overlay {
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.feature-block-image:hover .feature-img-overlay {
  background: rgba(0, 0, 0, 0.4);
}
.featurebox .row {
  margin-top: 6px;
}
.featurebox .hidepadding {
  margin-top: 0px !important;
}
.featurebox .hidepadding .feature-block-dynamicwidth.advnc {
  padding-right: 0px !important;
}
.featurebox .hidepadding .feature-block-dynamicwidth.advnc .feature-img-overlay {
  padding-right: 0px !important;
}
.feature-block-dynamicwidth.advnc {
  float: left;
  width: 100%;
  background-clip: content-box !important;
  padding-right: 6px;
}
.feature-block-dynamicwidth.advnc .feature-img-overlay {
  background-clip: content-box !important;
  padding-right: 6px;
}
.feature-block-dynamicwidth.advnc:last-child {
  padding-right: 0;
  background-clip: initial !important;
}
.feature-block-dynamicwidth.advnc:last-child .feature-img-overlay {
  padding-right: 0;
  background-clip: initial !important;
}
@media (max-width: 767px) {
  .feature-block-dynamicwidth.advnc {
    width: 100%!important;
  }
  .feature-block-dynamicwidth.advnc .feature-block {
    margin-bottom: 0px;
  }
}
.feature-block-dynamicwidth {
  position: relative;
  z-index: 8;
  overflow: hidden;
  min-height: 210px;
}
@media (min-width: 768px) {
  .feature-block-dynamicwidth {
    margin-bottom: 0px;
    min-height: 222px;
  }
}
.feature-block-dynamicwidth .text-box {
  position: absolute;
  bottom: 8px;
  z-index: 10;
}
.feature-block-dynamicwidth .text-box p {
  margin-bottom: 16px !important;
}
@media (min-width: 992px) {
  .feature-block-dynamicwidth .text-box {
    padding: 0px 20px;
    bottom: 30px;
    width: 470px;
  }
}
.feature-block-dynamicwidth .feature-img-overlay {
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.feature-block-dynamicwidth:hover .feature-img-overlay {
  background: rgba(0, 0, 0, 0.4);
}
.row-same-height {
  display: table;
  width: 100%;
}
.col-xs-height {
  display: block;
  float: none !important;
}
@media (min-width: 768px) {
  .col-xs-height {
    display: table-cell;
  }
}
@media (min-width: 768px) {
  .col-sm-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 992px) {
  .col-md-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .col-lg-height {
    display: table-cell;
    float: none !important;
  }
}
.landing-locator {
  padding: 0px 10px;
}
.multiplecomponent {
  display: inline-block;
  float: none;
  clear: both;
  min-height: 150px;
  padding: 0px;
  margin: 0 0 25px 0;
}
.multiplecomponent:last-child:hover .secondary-cta {
  color: $white;
}
.multiplecomponent:hover .secondary-cta {
  color: $white;
}
.multiplecomponent [class^='col-'] {
  padding: 0px;
}
.multiplecomponent.feature-container .feature-block {
  min-height: 210px;
  height: 210px;
  margin-left: 25px;
}
.multiplecomponent.feature-container .feature-block p {
  width: 80%;
}
.multiplecomponent.feature-container .feature-block .text-box p {
  width: 80%;
}
.multiplecomponent.feature-container.clearfix:after,
.multiplecomponent.feature-container.clearfix:before {
  flex-basis: 0;
  order: 1;
}
.pre-footer {
  padding: 30px;
}
@media (min-width: 992px) {
  .pre-footer {
    padding: 40px;
  }
}
.pre-footer h2 {
  font-family: 'libre_franklin500', sans-serif;
  color: #353535;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 14px;
}
.pre-footer h6 {
  margin-top: 0px;
}
.pre-footer .load-more-button {
  text-align: left;
  cursor: pointer;
}
.pre-footer .load-more-button .icon-plus {
  font-size: 24px;
  color: #a7a7a7;
}
.pre-footer .load-more-button .useful-links .p-small {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  vertical-align: text-bottom;
  margin-left: 10px;
  color: #a7a7a7;
  position: relative;
  top: 7px;
  width: 100%;
}
.pre-footer .load-more-button.load-more-button-open .icon-plus:before {
  content: "\e822";
}
.pre-footer .load-more-container {
  margin-top: 20px;
  display: none;
}
.pre-footer .load-more-container .inline .text-link-cta {
  white-space: nowrap;
  margin-right: 10px;
}
.pre-footer .feedback h2 {
  font-family: 'libre_franklin500', sans-serif;
  color: #353535;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 14px;
}
.pre-footer .feedback h6 {
  margin-top: 0px;
  margin-bottom: 10px;
  vertical-align: baseline;
}
@media (min-width: 768px) {
  .pre-footer .feedback h6 {
    margin-bottom: 6px;
  }
}
@media (min-width: 992px) {
  .pre-footer .feedback h6 {
    margin-bottom: 0px;
  }
}
.pre-footer .feedback p {
  vertical-align: text-top;
  margin-bottom: 10x;
  margin-top: 1px;
}
@media (min-width: 992px) {
  .pre-footer .feedback p {
    margin-bottom: 0px;
  }
}
.pre-footer .feedback .secondary-cta {
  vertical-align: top;
}
.pre-footer .feedback [class^='col-'] {
  width: auto;
  padding: 0px;
}
.pre-footer .feedback [class^='col-sm'] {
  margin-bottom: 0px;
}
.pre-footer .feedback h2 {
  font-family: 'libre_franklin500', sans-serif;
  color: #353535;
  font-size: 20px;
  margin-bottom: 0;
  line-height: normal;
}
.pre-footer .btn-dropdown {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #ffffff;
  padding: 7px 14px;
  width: 220px;
  text-align: left;
  color: #5c5c5c;
}
.pre-footer .btn-dropdown:hover {
  color: #5c5c5c;
  background-color: #dadada;
}
.pre-footer .btn-dropdown .icon-arrowdown {
  font-size: 12px;
}
.pre-footer .btn-dropdown .icon-arrowdown:before {
  vertical-align: bottom;
}
.pre-footer .dropdown-menu {
  width: 220px;
}
.pre-footer .dropdown-menu .icon-indent {
  font-size: 6px;
  vertical-align: middle;
  margin-right: 6px;
  line-height: 2px;
}
.pre-footer .dropdown-menu li a {
  font-size: 16px;
}
.pre-footer .branch-find-now {
  position: absolute;
}
.pre-footer .quicklinks a {
  margin-bottom: 10px;
}
.pre-footer .quicklinks a:last-child {
  margin-bottom: 0px;
}
.pre-footer .social-icons {
  margin-top: 20px;
}
@media (min-width: 992px) {
  .pre-footer .social-icons {
    margin-top: 0px;
    text-align: right;
  }
}
@media (min-width: 768px) {
  .pre-footer .important-links .mb-20:last-child {
    margin-bottom: 0px;
  }
}
.pre-footer .jcf-select {
  height: 40px;
}
.pre-footer .jcf-select .jcf-select-text {
  padding: 9px 0px 9px 14px;
}
.pre-footer .jcf-select .jcf-select-opener {
  padding: 9px 14px 9px 0px;
}
.pre-footer .jcf-select .jcf-select-drop {
  top: 40px;
}
.pre-footer .modPrefooterContactUs label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.pre-footer h2 {
  font-family: 'libre_franklin500', sans-serif;
  color: #353535;
  font-size: 20px;
  margin-bottom: 11px;
  line-height: normal;
}
/* prefooter-new styles for the feature pages */
.prefooter-new.clearfix {
  clear: both;
  float: none;
}
.prefooter-new .mobile-number-input {
  max-width: 400px;
}
.content-row-alt {
  background: #F9F9F9;
  padding: 5rem 0;
}
.content-row-alt h4 {
  font-family: 'libre_franklin900', sans-serif;
  font-size: 2.5rem;
}
.content-row-alt h4:last-of-type {
  color: #666;
  margin-bottom: 2rem;
}
.footer-sections {
  padding: 0 6rem 0 1rem;
  border-right: 2px solid #EEEEEE;
}
.footer-sections:last-of-type {
  border-right: none;
  padding: 0 1rem 0 9rem;
}
.or-circle {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: -23px;
  top: 42%;
  width: 43px;
  height: 43px;
  color: #666;
  background: #f9f9f9;
  border: 1px solid #EEEEEE;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
/*
* — Switch component overrides —
*/
.switch-field {
  margin: 3rem 0;
  display: flex;
  justify-content: space-around;
}
.switch-field .switch-input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
}
.switch-field .switch-input:checked + label {
  background-color: #009639;
  color: #fff;
  border: none;
  padding: 2px;
}
.switch-field .jcf-radio.jcf-checked + .switch-label {
  background-color: #009639;
  color: #fff;
  border: none;
  padding: 2px;
}
.switch-field .switch-label {
  display: inline-block;
  width: 50%;
  background-color: #fff;
  height: 50px;
  line-height: 50px;
  text-align: center;
  transition: background-color 0.1s ease-in-out;
  border: 2px solid #009639;
  color: #009639;
}
.switch-field .switch-label:nth-of-type(2) {
  border-right: 0;
  border-left: 0;
}
.switch-field .switch-label:first-of-type {
  border-radius: 4px 0 0 4px;
}
.switch-field .switch-label:last-of-type {
  border-radius: 0 4px 4px 0;
  border-right: 2px solid #009639;
}
.switch-field .jcf-radio {
  display: none;
}
.qr-code-img {
  max-width: 107px;
}
.indicies-container {
  padding: 25px 30px 30px 30px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .indicies-container {
    padding: 0px 30px 15px 30px;
  }
}
@media (min-width: 992px) {
  .indicies-container {
    padding: 0px 40px 34px 40px;
  }
}
@media (min-width: 768px) {
  .indicies-container [class^='col-'] {
    width: auto;
  }
}
.indicies-container .col-sm-12 {
  width: 100%;
}
@media (min-width: 992px) {
  .indicies-container .col-sm-12 {
    width: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .indicies-container span {
    font-size: 14px;
  }
}
.indicies-container .percent {
  font-size: 28px;
  line-height: 32px;
  font-family: 'libre_franklin300', sans-serif;
  margin-left: 10px;
  position: relative;
  top: 1px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .indicies-container .percent {
    font-size: 24px;
    line-height: 28px;
  }
}
.indicies-container .indicies-item {
  margin-bottom: 0px;
  position: relative;
  margin-top: 20px;
  margin-right: 0px;
}
@media (min-width: 768px) {
  .indicies-container .indicies-item {
    margin-right: 20px;
    margin-top: 0px;
  }
}
@media (min-width: 992px) {
  .indicies-container .indicies-item {
    margin-top: 5px;
  }
}
.indicies-container .indicies-item span {
  vertical-align: middle;
}
@media (min-width: 768px) and (max-width: 991px) {
  .indicies-container .indicies-item span {
    font-size: 14px;
  }
}
.indicies-container .indicies-item figure {
  margin-right: 6px;
  width: 24px;
  height: 16px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.indicies-container .indicies-item figure.usa {
  background-image: url("../../designs/nedbank/images/dollar-flag.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .indicies-container .indicies-item figure.usa {
    background-image: url("../../designs/nedbank/images/dollar-flag-retina.jpg");
    background-size: 24px 16px;
  }
}
.indicies-container .indicies-item figure.pound {
  background-image: url("../../designs/nedbank/images/pound-flag.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .indicies-container .indicies-item figure.pound {
    background-image: url("../../designs/nedbank/images/pound-flag-retina.jpg");
    background-size: 24px 16px;
  }
}
.indicies-container .indicies-item figure.euro {
  background-image: url("../../designs/nedbank/images/euro-flag.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .indicies-container .indicies-item figure.euro {
    background-image: url("../../designs/nedbank/images/euro-flag-retina.jpg");
    background-size: 24px 16px;
  }
}
.indicies-container .indicies-item figure.yen {
  background-image: url("../../designs/nedbank/images/yen-flag.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .indicies-container .indicies-item figure.yen {
    background-image: url("../../designs/nedbank/images/yen-flag-retina.jpg");
    background-size: 24px 16px;
  }
}
.indicies-container .indices-value {
  display: inline;
  margin-left: 3px;
  margin-right: 3px;
}
.alerts-container {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  max-width: 1460px;
  width: 100%;
  float: left;
  z-index: 30;
  position: fixed;
  height: 90px;
}
.alerts-container.alert-open {
  margin-top: 61px;
}
@media (min-width: 768px) {
  .alerts-container.alert-open {
    margin-top: 89px;
  }
}
.alert {
  position: absolute;
  width: 100%;
  padding: 0px;
  margin: 0px;
  border: none;
  border-radius: 0px;
  color: #ffffff;
}
.alert:hover {
  color: #ffffff;
}
@media (min-width: 768px) {
  .alert {
    font-size: 18px;
  }
}
.alert .icon-alert {
  font-size: 18px;
  padding: 17px 10px 0px 20px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  color: #ffffff;
}
@media (min-width: 768px) {
  .alert .icon-alert {
    font-size: 40px;
    padding: 16.5px 15px 16.5px 25px;
    vertical-align: middle;
  }
}
.alert .alert-text {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  width: 60%;
  margin: 20px 0px;
  font-size: 14px;
  line-height: 20px;
}
.alert .alert-text > span {
  margin-right: 10px;
}
@media (min-width: 768px) {
  .alert .alert-text > span {
    margin-right: 20px;
  }
}
@media (min-width: 480px) {
  .alert .alert-text {
    width: 70%;
  }
}
@media (min-width: 640px) {
  .alert .alert-text {
    width: 75%;
  }
}
@media (min-width: 768px) {
  .alert .alert-text {
    font-size: 16px;
    width: 74%;
    margin-right: 20px;
  }
}
@media (min-width: 992px) {
  .alert .alert-text {
    width: 80%;
  }
}
@media (min-width: 1200px) {
  .alert .alert-text {
    width: 80%;
  }
}
.alert .close {
  background-color: #416f61;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  text-shadow: none;
  font-weight: normal;
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 10;
  width: 60px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.alert .close:hover {
  color: #ffffff;
}
.alert .close .icon-close:before {
  font-size: 12px;
  position: relative;
  top: -5px;
}
@media (min-width: 768px) {
  .alert .close .icon-close:before {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .alert .close {
    width: 90px;
  }
}
.alert .secondary-cta {
  color: #ffffff;
  vertical-align: baseline;
}
.alert .secondary-cta:hover {
  color: #ffffff;
}
.alert-primary {
  z-index: 30;
  background-color: #4c8272;
}
.alert-primary .close:hover {
  background: #355b50;
}
.alert-secondary {
  background-color: #78be20;
  z-index: 20;
}
.alert-secondary .close {
  background-color: #2b6050;
}
.alert-secondary .close:hover {
  background: #244f42;
}
.alert-tertiary {
  z-index: 10;
  background-color: #009639;
}
.alert-tertiary .close {
  background-color: #15503f;
}
.alert-tertiary .close:hover {
  background: #114234;
}
.heading-component .filter-container .heading {
  color: #006341;
  font-size: 20px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  vertical-align: text-top;
  margin-bottom: 0px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .heading-component .filter-container .heading {
    color: #999999;
    vertical-align: top;
    cursor: default;
  }
}
.heading-component .filter-container .heading .icon-plus:before {
  font-size: 24px;
  color: #006341;
  margin-right: 10px;
}
.heading-component .filter-container .heading.open .icon-plus:before {
  content: "\e822";
  font-family: "dxm-icons";
  font-style: normal;
  font-weight: normal;
}
.heading-component .filter-container .heading .text {
  position: relative;
  top: -1px;
}
@media (min-width: 768px) {
  .filter-container .col-sm-2,
  .filter-container .col-md-2,
  .filter-container .col-lg-1 {
    width: auto;
  }
}
.filter-container .col-sm-10,
.filter-container .col-md-11,
.filter-container .col-lg-11 {
  margin-top: -10px;
}
.filter-container .selected-filters {
  font-size: 14px;
  color: #666666;
  margin: 11px 0px 0px 35px;
}
.filter-container .selected-filters .icon-indent:before {
  font-size: 6px;
  margin-right: 10px;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .filter-container .filter-items-grouped {
    width: 88%;
  }
}
.filter-container [class*="icon-"]:before {
  color: #999999;
}
.filter-group {
  padding: 0px 0px 0px 30px;
  margin: 15px -30px -20px -30px;
  vertical-align: baseline;
  display: none;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  background: #e6e6e6;
}
@media (min-width: 768px) {
  .filter-group {
    margin: 0px 0px -10px 20px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    display: block;
    border-top: none;
    border-bottom: none;
    padding: 0px;
    background: none;
  }
}
@media (min-width: 992px) {
  .filter-group {
    margin: 0px 0px -10px 20px;
  }
}
.filter-group .filter-group-item {
  list-style-type: none;
  font-size: 14px;
  margin-top: 10px;
  border-bottom: 1px solid #dadada;
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .filter-group .filter-group-item {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    border: none;
    margin-right: 16px;
    margin-top: 0px;
  }
}
@media (min-width: 992px) {
  .filter-group .filter-group-item {
    padding-bottom: 10px;
  }
}
.filter-group .filter-group-item:last-child {
  border-bottom: none;
}
.filter-group .filter-group-item input {
  position: absolute;
  visibility: hidden;
}
.filter-group .filter-group-item:before {
  display: none;
}
.filter-group .jcf-checked span {
  display: none;
}
.filter-group .filter-all .jcf-radio {
  height: 20px;
  width: 20px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  border-radius: 20px;
  margin-right: 10px;
  cursor: pointer;
  background: transparent;
}
.filter-group .filter-all .jcf-unchecked {
  border: 2px solid #4d4e53;
  background-image: none;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.filter-group .filter-all .jcf-unchecked:hover {
  background-color: #4d4e53;
}
@media (min-width: 1200px) {
  .filter-group .filter-all .jcf-unchecked:hover {
    border: 4px solid #4d4e53;
    background: transparent;
  }
}
.filter-group .filter-all .jcf-checked {
  background-color: #4d4e53;
}
.filter-group .filter-1 .jcf-radio {
  height: 20px;
  width: 20px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  border-radius: 20px;
  margin-right: 10px;
  cursor: pointer;
  background: transparent;
}
.filter-group .filter-1 .jcf-unchecked {
  border: 2px solid #33876d;
  background-image: none;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.filter-group .filter-1 .jcf-unchecked:hover {
  background-color: #33876d;
}
@media (min-width: 1200px) {
  .filter-group .filter-1 .jcf-unchecked:hover {
    border: 4px solid #33876d;
    background: transparent;
  }
}
.filter-group .filter-1 .jcf-checked {
  background-color: #33876d;
}
.filter-group .filter-2 .jcf-radio {
  height: 20px;
  width: 20px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  border-radius: 20px;
  margin-right: 10px;
  cursor: pointer;
  background: transparent;
}
.filter-group .filter-2 .jcf-unchecked {
  border: 2px solid #cedc00;
  background-image: none;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.filter-group .filter-2 .jcf-unchecked:hover {
  background-color: #cedc00;
}
@media (min-width: 1200px) {
  .filter-group .filter-2 .jcf-unchecked:hover {
    border: 4px solid #cedc00;
    background: transparent;
  }
}
.filter-group .filter-2 .jcf-checked {
  background-color: #cedc00;
}
.filter-group .filter-3 .jcf-radio {
  height: 20px;
  width: 20px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  border-radius: 20px;
  margin-right: 10px;
  cursor: pointer;
  background: transparent;
}
.filter-group .filter-3 .jcf-unchecked {
  border: 2px solid #8fb171;
  background-image: none;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.filter-group .filter-3 .jcf-unchecked:hover {
  background-color: #8fb171;
}
@media (min-width: 1200px) {
  .filter-group .filter-3 .jcf-unchecked:hover {
    border: 4px solid #8fb171;
    background: transparent;
  }
}
.filter-group .filter-3 .jcf-checked {
  background-color: #8fb171;
}
.filter-group .filter-4 .jcf-radio {
  height: 20px;
  width: 20px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  border-radius: 20px;
  margin-right: 10px;
  cursor: pointer;
  background: transparent;
}
.filter-group .filter-4 .jcf-unchecked {
  border: 2px solid #80a09e;
  background-image: none;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.filter-group .filter-4 .jcf-unchecked:hover {
  background-color: #80a09e;
}
@media (min-width: 1200px) {
  .filter-group .filter-4 .jcf-unchecked:hover {
    border: 4px solid #80a09e;
    background: transparent;
  }
}
.filter-group .filter-4 .jcf-checked {
  background-color: #80a09e;
}
.filter-group .filter-5 .jcf-radio {
  height: 20px;
  width: 20px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  border-radius: 20px;
  margin-right: 10px;
  cursor: pointer;
  background: transparent;
}
.filter-group .filter-5 .jcf-unchecked {
  border: 2px solid #8d8b79;
  background-image: none;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.filter-group .filter-5 .jcf-unchecked:hover {
  background-color: #8d8b79;
}
@media (min-width: 1200px) {
  .filter-group .filter-5 .jcf-unchecked:hover {
    border: 4px solid #8d8b79;
    background: transparent;
  }
}
.filter-group .filter-5 .jcf-checked {
  background-color: #8d8b79;
}
.filter-group .filter-6 .jcf-radio {
  height: 20px;
  width: 20px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  border-radius: 20px;
  margin-right: 10px;
  cursor: pointer;
  background: transparent;
}
.filter-group .filter-6 .jcf-unchecked {
  border: 2px solid #7d8296;
  background-image: none;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.filter-group .filter-6 .jcf-unchecked:hover {
  background-color: #7d8296;
}
@media (min-width: 1200px) {
  .filter-group .filter-6 .jcf-unchecked:hover {
    border: 4px solid #7d8296;
    background: transparent;
  }
}
.filter-group .filter-6 .jcf-checked {
  background-color: #7d8296;
}
.cq-wcm-design .detail-banner {
  width: 100%;
  display: block;
}
.detail-banner {
  position: relative;
  display: block;
  overflow: hidden;
  background: #f9f9f9;
}
@media (min-width: 1200px) {
  .detail-banner {
    display: table-caption;
  }
}
.detail-banner figure {
  height: 160px;
  width: 100%;
  background-size: cover;
  background-position-x: 50%;
  background-color: #e8e8e8;
}
@media (min-width: 768px) {
  .detail-banner figure {
    height: 330px;
  }
}
@media (min-width: 992px) {
  .detail-banner figure {
    height: 340px;
  }
}
.detail-banner .carousel-caption {
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .detail-banner .detail-page-banner-inner {
    height: 300px;
    width: 300px;
    background-color: #009639;
    top: 30px;
    bottom: 0px;
    z-index: 0;
    left: 30px;
    padding: 30px;
  }
}
@media (min-width: 992px) {
  .detail-banner .detail-page-banner-inner {
    top: 40px;
    left: 40px;
  }
}
.detail-banner .detail-page-banner-inner h1,
.detail-banner .detail-page-banner-inner h3 {
  font-family: 'libre_franklin300', sans-serif;
}
.detail-banner .detail-page-banner-inner h1 strong,
.detail-banner .detail-page-banner-inner h3 strong {
  font-family: 'libre_franklin700', sans-serif;
  font-weight: normal;
}
@media (min-width: 768px) {
  .detail-banner .detail-page-banner-inner h1,
  .detail-banner .detail-page-banner-inner h3 {
    width: auto;
  }
}
.detail-banner .detail-page-banner-inner h1 p,
.detail-banner .detail-page-banner-inner h3 p {
  font-size: 28px;
  line-height: 32px;
  margin: 0px;
  font-family: 'libre_franklin300', sans-serif;
}
@media (min-width: 992px) {
  .detail-banner .detail-page-banner-inner h1 p,
  .detail-banner .detail-page-banner-inner h3 p {
    font-size: 32px;
    line-height: 36px;
  }
}
.detail-banner .detail-page-banner-inner h1 p strong,
.detail-banner .detail-page-banner-inner h3 p strong {
  font-family: 'libre_franklin700', sans-serif;
  font-weight: normal;
}
@media (min-width: 768px) {
  .detail-banner .detail-page-banner-inner h1 p,
  .detail-banner .detail-page-banner-inner h3 p {
    width: auto;
  }
}
.detail-banner .detail-page-banner-inner h1 {
  text-transform: none;
  border: none;
}
.detail-template .detail-inner {
  padding: 10px;
}
@media (min-width: 992px) {
  .detail-template .detail-inner {
    padding: 40px;
  }
}
.detail-template .detail-inner .post-content-area {
  margin-top: 60px;
}
.detail-template .detail-inner .iframe {
  min-height: 350px;
}
.detail-template .detail-inner .iframe h4 {
  min-height: 25px;
}
.detail-template .mobile-product-summary {
  padding: 0px 30px 20px 30px;
}
.detail-template .mobile-product-summary .p-big {
  font-size: 16px;
  font-style: italic !important;
  margin-bottom: 15px;
  line-height: 22px;
}
.detail-template .mobile-product-summary .icon-share {
  font-size: 13px;
  color: #999999;
  vertical-align: text-top;
  margin-right: 10px;
}
.detail-template .mobile-product-summary .text-link-cta.light {
  /*background: @main-button-color-2;
			box-shadow: 3px 0 0 @main-button-color-2, -3px 0 0 @main-button-color-2;*/
}
.detail-template .mobile-product-summary .text-link-cta:hover {
  color: #009639;
  /*background-color: @brand-primary-4;
			box-shadow: 3px 0 0 @brand-primary-4, -3px 0 0 @brand-primary-4;*/
}
.detail-template #sticky.cta-summary {
  margin: 0px -10px 0px -10px;
  padding: 15px 30px;
}
.detail-template #sticky.cta-summary .primary-cta {
  margin-bottom: 0px;
}
.detail-template #sticky.stick {
  position: fixed;
  top: 61px;
  z-index: 1;
  width: 100%;
  left: 0px;
  -webkit-transition: transition-2s;
  -o-transition: transition-2s;
  transition: transition-2s;
  background: #009639;
  margin: 0px -10px 0px 0px;
  padding: 10px 30px 10px 30px;
}
.detail-template #sticky.stick.cta-summary .primary-cta {
  margin-bottom: 0px;
  font-size: 24px;
  color: #ffffff;
}
.detail-template #sticky.stick.cta-summary .primary-cta .icon-cta:before {
  color: #ffffff;
  font-size: 24px;
}
.detail-template #sticky.cta-summary {
  margin: 0px -10px 0px -10px;
  padding: 15px 30px;
}
.detail-template #sticky.cta-summary .primary-cta {
  margin-bottom: 0px;
}
.detail-template #sticky.cta-summary .call-cta.hidemob {
  display: none!important;
}
.detail-template #sticky.stick {
  position: fixed;
  top: 61px;
  z-index: 1;
  width: 100%;
  left: 0px;
  -webkit-transition: transition-2s;
  -o-transition: transition-2s;
  transition: transition-2s;
  background: #009639;
  margin: 0px -10px 0px 0px;
  padding: 10px 30px 10px 30px;
}
.detail-template #sticky.stick.cta-summary .primary-cta {
  margin-bottom: 0px;
  font-size: 24px;
  color: #ffffff;
}
.detail-template #sticky.stick.cta-summary .primary-cta .icon-cta:before {
  color: #ffffff;
  font-size: 24px;
}
.detail-template #enableSecondary.cta-summary {
  margin: -20px -10px 0px -10px;
  padding: 10px 30px 20px;
}
.detail-template #enableSecondary.cta-summary .primary-cta {
  margin-bottom: 0px;
}
.detail-template #enableSecondary.cta-summary .primary-cta.show.hidemob {
  display: none!important;
}
.detail-template #enableSecondary.cta-summary .call-cta.showdesk {
  display: none!important;
}
.detail-template #enableSecondary.cta-summary .call-cta.hidemob {
  display: block!important;
}
.detail-template #enableSecondary.nostick {
  margin-top: 160px;
}
.detail-template .terms-link {
  margin: 10px 0px 30px 20px;
}
@media (min-width: 768px) {
  .detail-template .terms-link {
    margin: 30px 0px 0px 18px;
  }
}
@media (min-width: 992px) {
  .detail-template .terms-link {
    margin: 30px 0px 0px 28px;
  }
}
.detail-template .cta-summary {
  padding: 15px 20px 15px 20px;
  position: relative;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .detail-template .cta-summary {
    padding: 20px;
    background: #f2f2f2;
    margin-bottom: 0;
  }
  .detail-template .cta-summary .links {
    position: absolute;
    top: 50%;
    left: 47%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-right: 60px;
  }
}
@media (min-width: 992px) {
  .detail-template .cta-summary {
    padding: 30px;
  }
  .detail-template .cta-summary .links {
    padding-right: 80px;
  }
}
.detail-template .cta-summary:last-child {
  margin-bottom: 0px;
}
@media (min-width: 768px) {
  .detail-template .cta-summary .col-sm-5,
  .detail-template .cta-summary .col-md-4 {
    border-right: 2px solid #dadada;
  }
}
@media (max-width: 767px) {
  .detail-template .cta-summary .primary-cta {
    font-size: 28px;
    margin-bottom: 26px;
  }
}
.detail-template .cta-summary .p-big {
  margin-left: 32px;
  margin-bottom: 20px;
  color: #353535;
  line-height: 20px;
  font-size: 14px;
  font-style: italic;
  font-family: sans-serif;
}
@media (min-width: 992px) {
  .detail-template .cta-summary .p-big {
    margin-left: 30px;
    font-size: 18px;
    line-height: 24px;
  }
}
.detail-template .cta-summary .p-big p {
  line-height: 20px;
  font-size: 14px;
}
@media (min-width: 992px) {
  .detail-template .cta-summary .p-big p {
    font-size: 18px;
    line-height: 24px;
  }
}
.detail-template .cta-summary h6 {
  color: #006341;
}
.detail-template .cta-summary .text-link-cta {
  /*background: @bg-white;
		box-shadow: 3px 0 0 @bg-white, -3px 0 0 @bg-white;*/
}
.detail-template .cta-summary .text-link-cta:hover {
  color: #009639;
  text-decoration: underline;
  /*background-color: @brand-primary-4;
			box-shadow: 3px 0 0 @brand-primary-4, -3px 0 0 @brand-primary-4;*/
}
.detail-template .cta-summary .secondary-cta {
  display: block;
}
.detail-template .cta-summary .secondary-cta:first-child,
.detail-template .cta-summary .secondary-cta:nth-child(2) {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .detail-template .cta-summary .secondary-cta {
    display: inline-block;
    margin: 10px 0px 10px 0px;
  }
  .detail-template .cta-summary .secondary-cta:first-child {
    margin: 10px 0px 10px 0px;
  }
}
.detail-template .cta-summary .secondary-cta:hover .icon-cta {
  margin-left: 10px;
}
.detail-template .cta-summary .call-cta {
  margin-top: 11px;
}
@media (min-width: 768px) {
  .detail-template .cta-summary .call-cta {
    margin-top: 5px;
    margin-left: 40px;
  }
}
@media (min-width: 992px) {
  .detail-template .cta-summary .call-cta {
    margin-top: 26px;
  }
}
.detail-template .cta-summary .download-cta {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .detail-template .cta-summary .download-cta {
    margin-top: 20px;
    margin-left: 60px;
  }
}
@media (min-width: 992px) {
  .detail-template .cta-summary .download-cta {
    margin-top: 26px;
  }
}
@media (min-width: 768px) {
  .detail-template .cta-summary.cta-summary-top .call-cta {
    margin-top: 23px;
    margin-left: 0px;
  }
}
.detail-template .cta-summary .icon-share {
  font-size: 13px;
  color: #999999;
  vertical-align: text-top;
  margin-right: 10px;
  margin-left: 30px;
}
.detail-template .cta-summary.locator-cta .nb-pin {
  margin-right: 10px;
}
.detail-template .cta-summary.locator-cta .primary-cta {
  line-height: 32px;
}
@media (min-width: 768px) {
  .detail-template .cta-summary.locator-cta .primary-cta {
    font-size: 20px;
    line-height: 24px;
    width: 250px !important;
  }
}
@media (min-width: 992px) {
  .detail-template .cta-summary.locator-cta .primary-cta {
    position: relative;
    top: 10px;
  }
}
.detail-template .cta-summary.locator-cta .primary-cta .icon-cta:before {
  font-size: 24px;
}
.detail-template .cta-summary.locator-cta .links {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .detail-template .cta-summary.locator-cta .links {
    margin-top: 0;
  }
}
.detail-template .cta-summary.locator-cta .links p {
  color: #353535;
  font-family: 'libre_franklin300', sans-serif !important;
  font-size: 16px !important;
  line-height: 22px;
}
.detail-template .cta-detail {
  padding: 15px 20px 20px 20px;
}
@media (min-width: 768px) {
  .detail-template .cta-detail {
    margin-top: 60px;
    padding: 30px;
  }
}
.detail-template .cta-detail .primary-cta {
  background: #f2f2f2;
  margin: 0px -30px 27px -30px;
  padding: 15px 30px;
}
@media (min-width: 768px) {
  .detail-template .cta-detail .primary-cta {
    background: none;
    margin: 0px;
    padding: 0px;
  }
}
@media (max-width: 767px) {
  .detail-template .product-cta-bottom .cta-summary .show {
    display: none !important;
  }
}
.detail-template .detail-content {
  padding: 30px 20px 30px 20px;
}
@media (min-width: 992px) {
  .detail-template .detail-content {
    padding: 55px 0px 0px 30px;
  }
}
@media (min-width: 992px) {
  .detail-template .detail-content.detail-content-general {
    padding: 30px 0px 0px 0px;
  }
}
.detail-template .detail-content .title-text {
  margin-top: 0px;
}
.detail-template .detail-content .copy-block {
  margin: 23px 0px;
}
@media (min-width: 768px) {
  .detail-template .detail-content .copy-block {
    margin: 30px 0px;
  }
}
@media (min-width: 992px) {
  .detail-template .detail-content .copy-block {
    margin: 55px 0px;
  }
}
.detail-template .detail-content .copy-block.copy-block-first {
  margin-bottom: 0px;
}
@media (min-width: 768px) {
  .detail-template .detail-content .copy-block.copy-block-first {
    margin: 0;
  }
}
.detail-template .detail-content .copy-block.copy-block-second {
  margin-top: 0px;
}
@media (min-width: 768px) {
  .detail-template .detail-content .copy-block.copy-block-last {
    margin: 0px 0px 0px 0px;
  }
}
@media (min-width: 992px) {
  .detail-template .detail-content .copy-block.copy-block-last {
    margin: 0px 0px 0px 0px;
  }
}
.detail-template .detail-content .copy-block.copy-block-last-mobile {
  margin-top: 0px;
}
.detail-template .detail-content .copy-block .section {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .detail-template .detail-content .copy-block .section {
    margin-bottom: 40px;
  }
}
.detail-template .detail-content .copy-block .section:last-child {
  margin: 0px;
}
@media (min-width: 992px) {
  .detail-template .detail-content .copy-block .section:last-child {
    margin-bottom: 40px;
  }
}
.detail-template .detail-content h1,
.detail-template .detail-content h2,
.detail-template .detail-content h3,
.detail-template .detail-content h4,
.detail-template .detail-content h5,
.detail-template .detail-content h6 {
  margin-bottom: 0px;
  cursor: pointer;
  position: relative;
  font-size: 24px;
  line-height: 28px;
  font-family: 'libre_franklin300', sans-serif;
  color: #006341;
}
@media (min-width: 768px) {
  .detail-template .detail-content h1,
  .detail-template .detail-content h2,
  .detail-template .detail-content h3,
  .detail-template .detail-content h4,
  .detail-template .detail-content h5,
  .detail-template .detail-content h6 {
    cursor: default;
  }
}
@media (min-width: 992px) {
  .detail-template .detail-content h1,
  .detail-template .detail-content h2,
  .detail-template .detail-content h3,
  .detail-template .detail-content h4,
  .detail-template .detail-content h5,
  .detail-template .detail-content h6 {
    font-size: 28px;
    line-height: 32px;
  }
}
.detail-template .detail-content h1 .title,
.detail-template .detail-content h2 .title,
.detail-template .detail-content h3 .title,
.detail-template .detail-content h4 .title,
.detail-template .detail-content h5 .title,
.detail-template .detail-content h6 .title {
  float: left;
  width: 80%;
}
.detail-template .detail-content h1 .icon-plus,
.detail-template .detail-content h2 .icon-plus,
.detail-template .detail-content h3 .icon-plus,
.detail-template .detail-content h4 .icon-plus,
.detail-template .detail-content h5 .icon-plus,
.detail-template .detail-content h6 .icon-plus {
  float: right;
}
.detail-template .detail-content h1 .icon-plus:before,
.detail-template .detail-content h2 .icon-plus:before,
.detail-template .detail-content h3 .icon-plus:before,
.detail-template .detail-content h4 .icon-plus:before,
.detail-template .detail-content h5 .icon-plus:before,
.detail-template .detail-content h6 .icon-plus:before {
  font-size: 24px;
  color: #cccccc;
  margin-left: 10px;
  cursor: pointer;
}
.detail-template .detail-content h1.open .icon-plus:before,
.detail-template .detail-content h2.open .icon-plus:before,
.detail-template .detail-content h3.open .icon-plus:before,
.detail-template .detail-content h4.open .icon-plus:before,
.detail-template .detail-content h5.open .icon-plus:before,
.detail-template .detail-content h6.open .icon-plus:before {
  content: "\e822";
  font-family: "dxm-icons";
  font-style: normal;
  font-weight: normal;
  cursor: pointer;
}
.detail-template .detail-content .copy {
  display: none;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .detail-template .detail-content .copy {
    display: block !important;
    margin-top: 20px;
  }
}
.detail-template .detail-content .copy.open {
  display: block;
}
.detail-template .detail-content .copy h1,
.detail-template .detail-content .copy h2,
.detail-template .detail-content .copy h3,
.detail-template .detail-content .copy h4,
.detail-template .detail-content .copy h5,
.detail-template .detail-content .copy h6 {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 21px;
}
.detail-template .detail-content .copy a {
  /*background-color: @main-button-color-2;
			box-shadow: 3px 0 0 @main-button-color-2, -3px 0 0 @main-button-color-2;*/
  color: #009639;
  padding: 3px 0px;
  line-height: 20px;
  white-space: pre-wrap;
  position: relative;
  left: 3px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.detail-template .detail-content .copy a:hover {
  text-decoration: underline;
  /*color: @bg-white;
				background-color: @brand-primary-4;
				box-shadow: 3px 0 0 @brand-primary-4, -3px 0 0 @brand-primary-4;*/
}
.detail-template .detail-content .copy img {
  width: 100%;
  height: auto;
  max-width: 500px;
  margin-bottom: 30px;
}
.detail-template .detail-content ul {
  padding-left: 15px;
  margin-top: 0px;
  margin-bottom: 26px;
}
.detail-template .detail-content ul li {
  line-height: 22px;
  list-style-type: none;
  position: relative;
  padding: 0px;
  margin-bottom: 20px;
  color: #5c5c5c;
}
.detail-template .detail-content ul li:last-child {
  margin-bottom: 0px;
}
.detail-template .detail-content ul li:before {
  position: absolute;
  margin: 0px 0 0 -15px;
  vertical-align: middle;
  display: inline-block;
  color: #d9d9d9;
  content: '•';
  font-size: 26px;
}
.detail-template .detail-content ul:last-child {
  margin-bottom: 8px;
}
.detail-template .detail-content p {
  margin-top: 0px;
  margin-bottom: 8px;
  color: #353535;
  font-size: 16px;
  line-height: 22px;
}
.detail-template .detail-content p:last-child {
  margin-bottom: 0px;
}
.detail-template .card-container {
  padding: 20px;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .detail-template .card-container {
    padding: 30px;
  }
}
.detail-template .card-container figure {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  margin-right: 17px;
  width: 127px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .detail-template .card-container figure {
    margin-right: 0px;
    margin-bottom: 15px;
  }
}
.detail-template .card-container [class^='col-'] {
  text-align: left;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .detail-template .card-container [class^='col-'] {
    margin-bottom: 0px;
  }
}
.detail-template .card-container [class^='col-']:last-child {
  margin-bottom: 0px;
}
.detail-template .card-container p {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 0px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  width: 40%;
  line-height: 18px;
}
@media (min-width: 480px) {
  .detail-template .card-container p {
    width: 63%;
  }
}
@media (min-width: 768px) {
  .detail-template .card-container p {
    width: 70%;
  }
}
@media (min-width: 992px) {
  .detail-template .card-container p {
    width: 30%;
  }
}
@media (min-width: 1200px) {
  .detail-template .card-container p {
    width: 38%;
  }
}
.detail-template .detail-inner .pullquote {
  float: none;
}
@media (min-width: 992px) {
  .detail-template .detail-inner .pullquote {
    float: none;
  }
}
.detail-template .quote,
.detail-template .pullquote {
  margin: 50px 0px 55px 0px;
}
@media (min-width: 768px) {
  .detail-template .quote,
  .detail-template .pullquote {
    margin: 50px 0px 55px 0px;
  }
}
@media (min-width: 992px) {
  .detail-template .quote,
  .detail-template .pullquote {
    margin: 10px 0 30px;
  }
}
@media (min-width: 992px) {
  .detail-template .quote,
  .detail-template .pullquote {
    float: right;
  }
}
.detail-template .quote [class*="icon-"],
.detail-template .pullquote [class*="icon-"] {
  color: #78be20;
  font-size: 60px;
  margin: 0px;
  text-align: center;
}
@media (min-width: 768px) {
  .detail-template .quote [class*="icon-"],
  .detail-template .pullquote [class*="icon-"] {
    float: left;
    margin: 0px 20px 0px 0px;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .detail-template .quote [class*="icon-"],
  .detail-template .pullquote [class*="icon-"] {
    float: none;
  }
}
.detail-template .quote .iconposleft [class*="icon-"],
.detail-template .pullquote .iconposleft [class*="icon-"] {
  float: left;
}
.detail-template .quote h5,
.detail-template .pullquote h5 {
  color: #78be20;
  font-style: italic;
  margin-top: 10px;
  text-align: center;
  margin-bottom: 0px;
  font-size: 24px;
  line-height: 28px;
  font-family: 'libre_franklin500', sans-serif;
}
@media (min-width: 768px) and (max-width: 991px) {
  .detail-template .quote h5,
  .detail-template .pullquote h5 {
    text-align: left;
    float: left;
    width: 80%;
    margin-top: 2px;
  }
}
@media (min-width: 992px) {
  .detail-template .quote h5,
  .detail-template .pullquote h5 {
    margin-top: 20px;
    text-align: left;
  }
}
.content-push-toright-mobi .detail-template #sticky.stick {
  -webkit-transition: transition-2s;
  -o-transition: transition-2s;
  transition: transition-2s;
  position: fixed;
  left: 280px;
}
.mobile-offers {
  padding: 30px;
  font-size: 14px;
  color: #666666;
  border-bottom: 1px solid #dadada;
}
.mobile-offers h6 {
  float: left;
  margin-bottom: 0px;
  color: #006341;
  cursor: pointer;
}
.mobile-offers .icon-plus:before {
  vertical-align: top;
  float: right;
  font-size: 24px;
  color: #cccccc;
  cursor: pointer;
}
.mobile-offers.open .icon-plus:before {
  content: "\e822";
  font-family: "dxm-icons";
  font-style: normal;
  font-weight: normal;
}
.mobile-offers .icon-indent {
  font-size: 6px;
  margin-right: 10px;
  vertical-align: middle;
  color: #666666;
}
.mobile-offers .icon-slider {
  font-size: 4px;
  vertical-align: middle;
  color: #cccccc;
}
.mobile-offers .icon-slider:before {
  margin-right: 10px;
}
.heading-component {
  padding: 20px 30px;
}
@media (min-width: 768px) {
  .heading-component {
    padding: 25px 30px 25px 30px;
  }
}
@media (min-width: 992px) {
  .heading-component {
    padding: 25px 40px 25px 40px;
  }
}
.heading-component .submit-top {
  position: relative;
  top: -11px;
}
.heading-component .submit-top a {
  background: none;
  color: #0079a7;
  font-size: 18px;
  text-align: left;
  width: 18%;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.heading-component .submit-top a:hover {
  color: #034d69;
  font-size: 19px;
}
.heading-component .submit-top a span {
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
}
.heading-component .hr-dark {
  margin: 20px 0px 16px 0px;
}
@media (min-width: 768px) {
  .heading-component .hr-dark {
    margin: 26px 0px 26px 0px;
  }
}
.heading-component .p-big,
.heading-component .breadcrumb-container {
  margin-top: 8px;
}
@media (min-width: 768px) {
  .heading-component .p-big,
  .heading-component .breadcrumb-container {
    margin-top: 7px;
    font-size: 18px;
    line-height: 24px;
  }
}
.heading-component h2 {
  margin-bottom: 0px;
}
.heading-component h3 {
  margin-top: 0px;
  margin-bottom: 12px;
  font-weight: bold;
}
.heading-component .heading {
  color: #999999;
  font-size: 20px;
  font-family: 'libre_franklin300', sans-serif;
}
.heading-component .icon-slider {
  font-size: 4px;
  color: #cccccc;
  vertical-align: middle;
  margin: 0px 10px;
}
.heading-component .icon-share {
  font-size: 13px;
  color: #999999;
  vertical-align: text-top;
  margin-right: 10px;
}
.heading-component .text-link-cta {
  font-size: 14px;
}
.heading-component .icon-nedbankicon {
  color: #006341;
}
.heading-component .secondary-cta {
  margin-top: 11px;
}
.heading-component-detail .p-big {
  margin-bottom: 9px;
}
.heading-component-formslisting {
  padding: 120px;
}
.property-heading-component {
  width: 100%;
}
@media (max-width: 991px) {
  .property-heading-component {
    padding: 20px 30px 0px 30px;
    margin-bottom: 0px;
    background-size: cover;
  }
}
@media (min-width: 992px) {
  .property-heading-component {
    background: url("../../designs/nedbank/images/property-landing.jpg") no-repeat;
    padding: 30px 40px 66px;
  }
}
.property-heading-component .search-heading-result h5 {
  color: #a7a7a7;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .property-heading-component .search-heading-result h5 {
    margin-bottom: 0px;
  }
}
.property-heading-component .search-heading-result h5 span {
  color: #006341;
}
.property-heading-component h5 {
  margin-bottom: 0px;
}
p.sales-description {
  display: none;
}
@media (max-width: 991px) {
  .property-heading-component-filter {
    padding-top: 20px !important;
  }
}
.property-heading-component-filter .hr-dark {
  margin: 0px 0px 19px 0px !important;
}
@media (min-width: 992px) {
  .property-heading-component-filter .hr-dark {
    margin: 30px 0px 29px 0px !important;
  }
}
.property-heading-component-filter-landing .hr-dark {
  display: block !important;
}
@media (min-width: 992px) {
  .property-heading-component-filter-landing .hr-dark {
    display: none !important;
  }
}
.property-heading-component-filter-search .hr-dark {
  display: block !important;
}
@media (min-width: 992px) {
  .property-heading-component-filter-search .hr-dark {
    display: block !important;
  }
}
.form-heading h1 {
  font-size: 55px;
  color: #000000;
}
.needs-listing {
  margin-bottom: -10px;
}
@media (min-width: 768px) {
  .needs-listing [class^='col-'] {
    padding: 0px 5px;
  }
  .needs-listing .row {
    margin-left: -5px;
    margin-right: -5px;
  }
}
.segmentblockbuilder {
  display: block;
  clear: both;
  text-align: center;
  margin-bottom: 10px;
}
.segmentblockbuilder .outerBlocks {
  padding: 0px 5px;
}
.segmentblockbuilder .segmentBlocks > a {
  width: 100%;
}
.segmentblockbuilder .segmentBlocks.centerSingleBlock {
  margin: 0 auto;
  display: block;
  float: none;
}
.segmentblockbuilder .segmentBlocks.centerTwoBlocks {
  float: none;
  display: inline-block;
}
.segmentblockbuilder .segmentBlocks .autoheight {
  height: auto;
}
.needs-listing-item {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 10px;
}
.needs-listing-item [class*="icon-"] {
  font-size: 60px;
  color: #cedc00;
  margin-bottom: 26px;
}
.needs-listing-item h5,
.needs-listing-item h2 {
  margin-bottom: 10px;
}
.needs-listing-item h2 {
  margin: 20px 0 10px;
  font-size: 24px;
  line-height: 28px;
}
.needs-listing-item .light-bg {
  padding: 40px 30px 30px 30px;
  height: 286px;
  display: inline-block;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.needs-listing-item .light-bg:hover {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: rgba(0, 0, 0, 0.5);
}
.needs-listing-item .light-bg:hover [class*="icon-"] {
  color: #ffffff;
}
.needs-listing-item .light-bg:hover h5,
.needs-listing-item .light-bg:hover p,
.needs-listing-item .light-bg:hover h2 {
  color: #ffffff;
}
.needs-listing-item .light-bg.still-not-sure {
  background: #78be20;
}
.needs-listing-item .light-bg.still-not-sure:hover {
  background: #009639;
}
.needs-listing-item .light-bg.still-not-sure .icon-personal2 {
  color: #ffffff;
}
.needs-listing-item .light-bg.still-not-sure h5,
.needs-listing-item .light-bg.still-not-sure p,
.needs-listing-item .light-bg.still-not-sure h2 {
  color: #ffffff;
}
.needs-listing-item .light-bg.still-not-sure .light-bg {
  background: #78be20;
}
.needs-listing-item .light-bg.still-not-sure .light-bg:hover {
  background: #009639;
}
.needs-listing-item .light-bg.still-not-sure .light-bg .icon-personal2 {
  color: #ffffff;
}
.needs-listing-item .light-bg.still-not-sure .light-bg h5,
.needs-listing-item .light-bg.still-not-sure .light-bg p {
  color: #ffffff;
}
.still-not-sure .light-bg {
  background: #78be20;
}
.still-not-sure .light-bg:hover {
  background: #009639;
}
.still-not-sure .light-bg .icon-personal2 {
  color: #ffffff;
}
.still-not-sure .light-bg h5,
.still-not-sure .light-bg p,
.still-not-sure .light-bg h2 {
  color: #ffffff;
}
.needs-questions-container {
  padding: 16px 20px;
  margin-bottom: 10px;
}
.needs-questions-container:last-child {
  margin-bottom: 0px;
}
@media (min-width: 768px) {
  .needs-questions-container {
    padding: 20px 20px 13px 20px;
  }
}
@media (min-width: 992px) {
  .needs-questions-container {
    padding: 30px 30px 23px 30px;
  }
}
.needs-questions-container .question {
  margin: 0px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
}
@media (min-width: 768px) {
  .needs-questions-container .question {
    font-size: 20px;
    font-family: 'libre_franklin500', sans-serif;
    font-weight: normal;
  }
}
.needs-questions-container .question .final-answer {
  color: #78be20;
  cursor: pointer;
  font-weight: normal;
  margin: 0px 5px 0px 0px;
}
@media (min-width: 768px) {
  .needs-questions-container .question .final-answer {
    font-size: 18px;
  }
}
.needs-questions-container .question .question-text {
  margin-right: 5px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}
.needs-questions-container [class*="col-"] .hr-dark {
  margin: 15px 0px;
}
@media (min-width: 768px) {
  .needs-questions-container [class*="col-"] .hr-dark {
    margin: 23px 0px;
  }
}
.needs-questions-container [class*="col-"]:last-child .hr-dark {
  border: none;
  margin: 0px;
}
.needs-questions-container .icon-help {
  color: #a7a7a7;
  font-size: 20px;
  vertical-align: middle;
  border: none;
  padding: 0px;
  background: transparent;
  margin-top: -4px;
}
.needs-questions-container .icon-help:focus {
  outline: none;
}
.needs-questions-container .icon-help.active {
  color: #78be20;
}
@media (min-width: 768px) {
  .needs-questions-container .icon-help {
    margin-top: 0px;
  }
}
.needs-questions-container .icon-help.icon-help-mobile {
  display: inline-block;
}
@media (min-width: 768px) {
  .needs-questions-container .icon-help.icon-help-mobile {
    display: none;
  }
}
.needs-questions-container .icon-help.icon-help-desktop {
  display: none;
}
@media (min-width: 768px) {
  .needs-questions-container .icon-help.icon-help-desktop {
    display: inline-block;
  }
}
.needs-questions-container .needs-answers {
  display: block;
  margin: 10px 0px 0px 0px;
  padding-bottom: 7px;
}
.needs-questions-container .btn-small {
  margin: 2px 2px 0px 0px;
}
.needs-questions-container .btn-small .icon-arrowright:before {
  vertical-align: text-top;
  margin-left: 7px;
}
.needs-results {
  background: #006341;
  padding: 26px 30px;
}
@media (min-width: 992px) {
  .needs-results {
    padding: 40px;
  }
}
.needs-results h3,
.needs-results h6 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #ffffff;
  vertical-align: middle;
  line-height: normal;
}
.needs-results h6 {
  font-family: 'libre_franklin100_italic', sans-serif;
  font-size: 24px;
  clear: both;
}
@media (min-width: 992px) {
  .needs-results h6 {
    float: left;
    clear: none;
    margin-top: 13px;
  }
}
.needs-results h3 {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  font-family: 'libre_franklin700', sans-serif;
  padding: 12px 0px;
  margin: 4px 0px 7px 0px;
  float: left;
}
@media (min-width: 992px) {
  .needs-results h3 {
    margin: 0px 10px 0px 10px;
    padding: 6px 0px;
  }
}
.needs-results .download-cta {
  color: #ffffff;
  margin-top: 32px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .needs-results .download-cta {
    margin-top: 43px;
  }
}
@media (min-width: 992px) {
  .needs-results .download-cta {
    margin-top: 12px;
    float: right;
  }
}
.needs-results .download-cta .icon-link:before {
  color: #ffffff;
}
.needs-results .download-cta .size {
  color: #cedc00;
  vertical-align: bottom;
  display: block;
  margin-left: 30px;
  line-height: 16px;
  margin-top: 2px;
}
@media (min-width: 992px) {
  .needs-results .download-cta .size {
    margin: 0px 0px 0px 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    vertical-align: baseline;
  }
}
.needs-category-list h4 {
  margin-bottom: 9px;
  margin-left: 20px;
}
@media (min-width: 992px) {
  .needs-category-list h4 {
    margin-left: 0px;
  }
}
.needs-category-list h6 {
  margin-bottom: 14px;
  margin-left: 20px;
}
@media (min-width: 992px) {
  .needs-category-list h6 {
    margin-left: 0px;
  }
}
.needs-category-list .icon-indent:before {
  font-size: 6px;
}
.needs-category-list.level1 {
  margin-top: 15px;
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  .needs-category-list.level1 {
    margin-bottom: 40px;
  }
}
.needs-category-list.level1:first-child {
  margin-top: 20px;
}
@media (min-width: 992px) {
  .needs-category-list.level1:first-child {
    margin-top: 0px;
  }
}
.needs-category-list.level1:last-child {
  margin-bottom: 0px;
}
.needs-category-list .level2 {
  margin-bottom: 25px;
}
.needs-category-list .level2:last-child {
  margin-bottom: 0px;
}
.listing-sidebar {
  display: none;
  position: relative;
}
.listing-sidebar p {
  font-size: 14px;
  margin: 11px 0px 21px 0px;
}
.listing-sidebar h6 {
  margin-top: 0px;
  color: #006341;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .listing-sidebar {
    display: none;
  }
}
@media (min-width: 1200px) {
  .listing-sidebar {
    display: table-cell;
    width: 260px;
  }
}
.listing-sidebar [class*="col-sm-12"] {
  float: none;
  padding-left: 0px;
  padding-right: 0px;
}
.listing-sidebar .icon-text-link-cta {
  margin-bottom: 15px;
}
.listing-sidebar .icon-text-link-cta:last-child {
  margin-bottom: 25px;
}
.listing-sidebar .link-text {
  margin-bottom: 15px;
  display: block;
}
.listing-sidebar .link-text:last-child {
  margin-bottom: 25px;
}
.listing-sidebar .contact-us-sidebar .text-link-icon {
  color: #5c5c5c;
  margin-right: 10px;
}
.listing-sidebar .rightrail-item {
  border-bottom: 2px solid #dadada;
  margin-bottom: 20px;
}
.listing-sidebar .row:last-child .rightrail-item:last-child {
  border: none;
}
.listing-sidebar-bottom {
  display: none;
  border-bottom: 1px solid #dadada;
  padding: 30px 30px 10px 30px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .listing-sidebar-bottom {
    display: block;
  }
  .listing-sidebar-bottom .row {
    margin-left: -20px;
    margin-right: -20px;
  }
  .listing-sidebar-bottom [class*="col-sm-6"],
  .listing-sidebar-bottom .rightrail-item {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 992px) {
  .listing-sidebar-bottom {
    padding: 40px 40px 20px 40px;
  }
}
@media (min-width: 1199px) {
  .listing-sidebar-bottom {
    display: none;
  }
}
.listing-sidebar-bottom h6 {
  color: #006341;
  margin-bottom: 11px;
}
.listing-sidebar-bottom p {
  margin: 11px 0px 21px 0px;
  font-size: 14px;
  padding-right: 20px;
}
.listing-sidebar-bottom hr {
  margin-bottom: 21px;
}
.listing-sidebar-bottom .icon-text-link-cta {
  margin-bottom: 15px;
}
.listing-sidebar-bottom .icon-text-link-cta:last-child {
  margin-bottom: 25px;
}
.listing-sidebar-bottom .contact-us-sidebar a {
  color: #5c5c5c;
}
.listing-sidebar-bottom .contact-us-sidebar .text-link-icon {
  color: #5c5c5c;
  margin-right: 10px;
}
.listing-sidebar-bottom .link-text {
  margin-bottom: 15px;
  display: block;
}
.listing-sidebar-bottom .link-text:last-child {
  margin-bottom: 25px;
}
.listing-sidebar-bottom .rightrail-item {
  border-bottom: 2px solid #dadada;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .listing-sidebar-bottom .rightrail-item {
    border: none;
    margin: 0px;
  }
}
.listing-sidebar-bottom .row:last-child .rightrail-item:last-child {
  border: none;
  margin: 0px;
}
@media (min-width: 768px) {
  .listing-sidebar-bottom .row:last-child {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.social {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 25px;
  margin-right: 6px;
  height: 25px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .social {
    margin-left: 6px;
    margin-right: 0px;
  }
  .social:first-child {
    margin-left: 0px;
  }
}
.social.fb {
  background-image: url("../../designs/nedbank/images/fb.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .social.fb {
    background-image: url("../../designs/nedbank/images/fb-retina.jpg");
    background-size: 25px 25px;
  }
}
.social.twitter {
  background-image: url("../../designs/nedbank/images/twitter.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .social.twitter {
    background-image: url("../../designs/nedbank/images/twitter-retina.jpg");
    background-size: 25px 25px;
  }
}
.social.yt {
  background-image: url("../../designs/nedbank/images/yt.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .social.yt {
    background-image: url("../../designs/nedbank/images/yt-retina.jpg");
    background-size: 25px 25px;
  }
}
.social.gplus {
  background-image: url("../../designs/nedbank/images/googleplus.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .social.gplus {
    background-image: url("../../designs/nedbank/images/googleplus-retina.jpg");
    background-size: 25px 25px;
  }
}
.social.linkedin {
  background-image: url("../../designs/nedbank/images/linkedin-small.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .social.linkedin {
    background-image: url("../../designs/nedbank/images/linkedin-retina.png");
    background-size: 25px 25px;
  }
}
.social:after {
  content: '\A';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.social:hover:after {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.share-container {
  margin-top: 12px;
}
@media (min-width: 768px) {
  .share-container {
    margin-left: 30px;
  }
}
.share-container .icon-share:before {
  color: #999999;
  font-size: 13px;
  margin-right: 10px;
}
@media (min-width: 768px) {
  .contact-details-people.row {
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: -10px;
  }
  .contact-details-people [class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.contact-details-people h6 {
  font-size: 20px;
  line-height: 24px;
  font-family: 'libre_franklin500', sans-serif;
}
@media (min-width: 768px) {
  .contact-details-people h6 {
    font-size: 20px;
    line-height: 24px;
  }
}
.contact-details-people .contact-item {
  margin-bottom: 10px;
  padding: 20px;
}
@media (min-width: 768px) {
  .contact-details-people .contact-item {
    padding: 30px;
  }
}
.contact-details-people .contact-item:hover {
  transition: all 0.2s ease-in;
  background-color: #e8e8e8;
}
.contact-details-people .contact-item hr {
  margin: 20px 0px 15px 0px;
}
.contact-details-people .contact-item span {
  color: #cccccc;
  margin: 0px 10px;
}
.contact-details-people .contact-item span:after {
  content: '•';
}
.contact-details-people .contact-item figure {
  margin-right: 20px;
  float: left;
}
.contact-details-people p {
  font-size: 14px;
}
.contact-details-people .icon-nedbankicon:before {
  vertical-align: top;
  color: #cccccc;
  font-size: 60px;
  float: left;
  margin-right: 20px;
}
.contact-us-item {
  background: #f2f2f2;
  padding: 20px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #5c5c5c;
}
@media (min-width: 768px) {
  .contact-us-item {
    padding: 30px;
    min-height: 256px;
  }
}
.contact-us-item strong {
  color: #353535;
}
.contact-us-item figure img {
  width: 60px;
  height: 60px;
  margin-right: 20px;
}
@media (min-width: 992px) {
  .contact-us-item figure img {
    margin-right: 30px;
  }
}
.contact-us-item .name {
  color: #353535;
  display: block;
}
.contact-us-item h6 {
  margin-bottom: 14px;
  color: #353535;
}
.contact-us-item .tel a {
  color: #5c5c5c;
  display: none;
}
.contact-us-item .tel .mobile-tel {
  display: inline-block;
}
.contact-us-item .time-container {
  margin-top: 12px;
}
.contact-us-item .time-container .time {
  font-style: italic;
  color: #777777;
  font-size: 14px;
}
.contact-us-item .time-container .time:first-child {
  margin-top: 18px;
}
.contact-us-item .time-container .time strong {
  color: #5c5c5c;
}
.contact-us-item .email a {
  word-wrap: break-word;
}
.contact-us-item p {
  font-size: 14px;
  margin-bottom: 0px;
}
.contact-us-item .icon-slider:before {
  font-size: 4px;
  vertical-align: middle;
  color: #cccccc;
  margin: 0px 10px;
}
.contact-us-item hr {
  margin: 20px 0px 15px 0px;
}
.contact-us-item tr {
  padding: 0px 0px 0px 0px;
  display: block;
}
.contact-us-item tr:last-child {
  padding-bottom: 0px;
}
.contact-us-item td {
  vertical-align: top;
  color: #353535;
}
.contact-us-item .icon-nedbankicon:before {
  vertical-align: top;
  color: #cccccc;
  font-size: 60px;
  float: left;
  margin-right: 20px;
}
@media (min-width: 992px) {
  .contact-us-item .icon-nedbankicon:before {
    margin-right: 30px;
  }
}
.contact-us-item .icon-phone2:before {
  vertical-align: top;
  color: #cccccc;
  font-size: 60px;
  float: left;
  margin-right: 20px;
}
@media (min-width: 992px) {
  .contact-us-item .icon-phone2:before {
    margin-right: 30px;
  }
}
.contact-us-item .icon-account:before {
  vertical-align: top;
  color: #cccccc;
  font-size: 60px;
  float: left;
  margin-right: 20px;
}
@media (min-width: 992px) {
  .contact-us-item .icon-account:before {
    margin-right: 30px;
  }
}
.contact-us-item .icon-digitalbanking:before {
  vertical-align: top;
  color: #cccccc;
  font-size: 60px;
  float: left;
  margin-right: 20px;
}
@media (min-width: 992px) {
  .contact-us-item .icon-digitalbanking:before {
    margin-right: 30px;
  }
}
.contact-us-item .icon-personal2:before {
  vertical-align: top;
  color: #cccccc;
  font-size: 60px;
  float: left;
  margin-right: 20px;
}
@media (min-width: 992px) {
  .contact-us-item .icon-personal2:before {
    margin-right: 30px;
  }
}
.contact-us-item .icon-phonebank:before {
  vertical-align: top;
  color: #cccccc;
  font-size: 60px;
  float: left;
  margin-right: 20px;
}
@media (min-width: 992px) {
  .contact-us-item .icon-phonebank:before {
    margin-right: 30px;
  }
}
.general-listing .general-item {
  padding: 20px;
}
@media (min-width: 992px) {
  .general-listing .general-item {
    padding: 30px;
  }
}
@media (min-width: 1200px) {
  .general-listing .general-item {
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
  }
}
.general-listing .general-item:hover {
  background-color: #e8e8e8;
}
.general-listing .general-item [class*="icon-"] {
  color: #cccccc;
  font-size: 50px;
}
@media (min-width: 768px) {
  .general-listing .general-item [class*="icon-"] {
    font-size: 60px;
  }
}
.general-listing .general-item [class*="icon-"]:before {
  float: left;
  margin-right: 20px;
}
@media (min-width: 768px) {
  .general-listing .general-item [class*="icon-"]:before {
    margin-right: 30px;
  }
}
.general-listing .general-item .heading-summary {
  overflow: auto;
}
.general-listing .general-item .heading-summary p {
  color: #5c5c5c;
  line-height: 24px;
  font-size: 16px;
  margin-bottom: 11px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .general-listing .general-item .heading-summary p {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (min-width: 992px) {
  .general-listing .general-item .heading-summary p {
    font-size: 18px;
    line-height: 22px;
  }
}
.general-listing .general-item .heading-summary p:last-child {
  margin-bottom: 0px;
}
.general-listing .general-item .copy {
  display: none;
}
@media (min-width: 768px) {
  .general-listing .general-item .copy {
    display: block;
    margin-left: 30px;
    min-height: 80px;
  }
}
.general-listing .general-item .copy p {
  margin: 0px 0px 20px 0px;
}
.general-listing .general-item .copy ul {
  margin: 0px 0px 0px 14px;
  padding: 0px;
}
.general-listing .general-item .copy ul li {
  line-height: 20px;
  list-style-type: none;
  position: relative;
  color: #5c5c5c;
  font-size: 14px;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .general-listing .general-item .copy ul li {
    font-size: 16px;
  }
}
.general-listing .general-item .copy ul li:last-child {
  margin-bottom: 0px;
}
.general-listing .general-item .copy ul li:before {
  position: absolute;
  margin: 0px 0 0 -15px;
  vertical-align: middle;
  display: inline-block;
  color: #d9d9d9;
  content: '•';
  font-size: 26px;
}
.general-listing .general-item .mobile-more-content {
  margin: 26px 0px 30px 0px;
}
.general-listing .general-item .secondary-cta {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .general-listing .general-item .secondary-cta {
    position: absolute;
    right: 35px;
    margin-top: 0px;
    white-space: nowrap;
  }
}
.general-listing .general-item .secondary-cta .icon-cta {
  position: absolute;
  font-size: 24px;
  color: #006341;
}
.general-listing .general-item .secondary-cta .icon-cta:before {
  float: none;
  margin-right: 0px;
}
.general-listing .general-item .secondary-cta:hover .icon-cta {
  color: #78be20;
}
.general-listing .general-item .download-cta {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .general-listing .general-item .download-cta {
    margin-top: 0px;
    float: right;
  }
}
.general-listing .general-item h6 {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media (min-width: 768px) {
  .general-listing .general-item h6 {
    margin: 0px 0px 10px 0px;
    position: relative;
    top: 0px;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.general-listing .general-item .p-big-product strong {
  color: #80a09e;
}
.general-listing .general-item .border-v-dark {
  border-right: 2px solid #dadada;
  position: absolute;
  left: 50%;
  height: auto;
  bottom: 20px;
  top: 20px;
}
@media (min-width: 992px) {
  .general-listing .general-item .border-v-dark {
    top: 30px;
    bottom: 30px;
  }
}
.general-listing .general-item .branchManagerList .branchManagerImg {
  width: 100px;
  height: 100px;
}
.general-listing .general-item .branchManagerList .branchManagerImg img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.general-listing .general-item .listItemImgPos {
  float: left;
  padding-right: 20px;
  padding-top: 5px;
}
.general-listing .general-item .listItemImgPos img {
  max-height: 160px;
}
.general-listing .validation-error {
  padding: 20px;
}
@media (min-width: 992px) {
  .general-listing .validation-error {
    padding: 0px;
  }
}
.general-listing .listing-items:last-child .general-item {
  margin-bottom: 0px;
}
.general-listing .filter-map-all [class*="icon-"] {
  color: #4d4e53;
}
.general-listing .filter-map-all .p-big-product b {
  color: #4d4e53;
}
.general-listing .filter-map-1 [class*="icon-"] {
  color: #33876d;
}
.general-listing .filter-map-1 .p-big-product b {
  color: #33876d;
}
.general-listing .filter-map-2 [class*="icon-"] {
  color: #cedc00;
}
.general-listing .filter-map-2 .p-big-product b {
  color: #cedc00;
}
.general-listing .filter-map-3 [class*="icon-"] {
  color: #8fb171;
}
.general-listing .filter-map-3 .p-big-product b {
  color: #8fb171;
}
.general-listing .filter-map-4 [class*="icon-"] {
  color: #80a09e;
}
.general-listing .filter-map-4 .p-big-product b {
  color: #80a09e;
}
.general-listing .filter-map-5 [class*="icon-"] {
  color: #8d8b79;
}
.general-listing .filter-map-5 .p-big-product b {
  color: #8d8b79;
}
.general-listing .filter-map-6 [class*="icon-"] {
  color: #7d8296;
}
.general-listing .filter-map-6 .p-big-product b {
  color: #7d8296;
}
.general-listing .icon-indent {
  font-size: 7px;
  vertical-align: middle;
  margin-right: 10px;
  position: relative;
  top: -2px;
}
.nav-tabs {
  border: none;
}
.nav-tabs li {
  padding-right: 2px;
  width: 11.11111%;
}
.nav-tabs li:before {
  content: '';
  display: none;
}
.nav-tabs li.active a {
  background: #f2f2f2;
  border: none;
  color: #009639;
  padding: 22px 24px;
  margin-top: -8px;
  text-align: center;
  height: 60px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.nav-tabs li.active a .border {
  border-bottom: 2px solid #dadada;
  width: 50%;
  position: absolute;
  bottom: -2px;
  display: block;
}
.nav-tabs li.active a:focus {
  background: #f2f2f2;
  border: none;
  color: #009639;
}
.nav-tabs li.active a:hover {
  border: none;
  background: #f2f2f2;
  color: #009639;
}
.nav-tabs li:last-child {
  padding-right: 0px;
}
.nav-tabs > li > a {
  border-radius: 0px;
  background: #e8e8e8;
  padding: 12.5px 24px;
  font-size: 14px;
  color: #009639;
  font-family: sans-serif;
  border: none;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  margin: 0px;
}
@media (min-width: 992px) {
  .nav-tabs > li > a {
    font-size: 18px;
  }
}
.nav-tabs > li > a .icon-arrowright {
  font-size: 10px;
  margin-left: 8px;
  vertical-align: middle;
}
@media (min-width: 992px) {
  .nav-tabs > li > a .icon-arrowright {
    font-size: 13px;
  }
}
.nav-tabs > li > a:hover {
  border: none;
  background: #e8e8e8;
}
.tab-content h4 {
  color: #cccccc;
  margin-bottom: 0px;
  text-transform: uppercase;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .tab-content h4 {
    margin-top: 38px;
  }
}
.tab-content h4:first-child {
  margin-top: 0px;
}
.tab-content h6 {
  margin-top: 20px;
  margin-bottom: 11px;
}
@media (min-width: 768px) {
  .tab-content h6 {
    margin-top: 31px;
  }
}
.tab-content p {
  margin-bottom: 0px;
}
.tab-content .hr-dark {
  margin: 35px 0px;
}
.general-tab-view .nav-tabs li,
.property-tab-view .nav-tabs li {
  width: 50%;
  text-align: left;
}
.general-tab-view .nav-tabs li a,
.property-tab-view .nav-tabs li a {
  text-align: left;
  padding: 11px 40px 10px 20px;
  top: 7px;
  line-height: 18px;
}
.general-tab-view .nav-tabs li a .hr-dark,
.property-tab-view .nav-tabs li a .hr-dark {
  display: none;
}
.general-tab-view .nav-tabs li a:hover,
.property-tab-view .nav-tabs li a:hover {
  background-color: #dadada;
}
@media (min-width: 992px) {
  .general-tab-view .nav-tabs li a,
  .property-tab-view .nav-tabs li a {
    padding: 17px 30px 14px 30px;
  }
}
.general-tab-view .nav-tabs li.active a,
.property-tab-view .nav-tabs li.active a {
  margin-top: 0px;
  text-align: left;
  height: auto;
  padding: 17px 40px 12px 20px;
  top: 0px;
}
.general-tab-view .nav-tabs li.active a .hr-dark,
.property-tab-view .nav-tabs li.active a .hr-dark {
  display: block;
  position: relative;
  top: 16px;
  margin: 0px;
}
@media (min-width: 992px) {
  .general-tab-view .nav-tabs li.active a,
  .property-tab-view .nav-tabs li.active a {
    padding: 21px 30px 18px 30px;
  }
}
.general-tab-view .nav-tabs li.active a:hover,
.property-tab-view .nav-tabs li.active a:hover {
  background-color: #f2f2f2;
}
.general-tab-view .nav-tabs [class*="icon-"]:before,
.property-tab-view .nav-tabs [class*="icon-"]:before {
  font-size: 15px;
}
.general-tab-view.property-tab-view .tab-pane iframe,
.property-tab-view.property-tab-view .tab-pane iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.general-tab-view.property-tab-view .nav-tabs li a,
.property-tab-view.property-tab-view .nav-tabs li a {
  padding: 12px 40px 10px 20px;
  top: 9px;
}
@media (min-width: 992px) {
  .general-tab-view.property-tab-view .nav-tabs li a,
  .property-tab-view.property-tab-view .nav-tabs li a {
    padding: 17px 30px 15px 30px;
  }
}
.general-tab-view.property-tab-view .nav-tabs li.active a,
.property-tab-view.property-tab-view .nav-tabs li.active a {
  padding: 17px 40px 15px 20px;
  top: 0px;
}
@media (min-width: 992px) {
  .general-tab-view.property-tab-view .nav-tabs li.active a,
  .property-tab-view.property-tab-view .nav-tabs li.active a {
    padding: 23px 30px 19px 30px;
  }
}
.glossary-container.tab-container {
  font-family: 'libre_franklin300', sans-serif;
  background-color: #f2f2f2;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .glossary-container.tab-container {
    margin-top: 20px;
    padding: 10px;
  }
}
@media (min-width: 768px) {
  .glossary-container.tab-container {
    padding: 20px 40px;
  }
}
.glossary-container.tab-container .everydayBank ul {
  width: 100%;
}
.glossary-container.tab-container .everydayBank ul li {
  width: 33%;
}
.glossary-container.tab-container .everydayBank ul li a {
  color: #5c5c5c;
  padding: 0px;
  height: 55px;
  background: none;
  font-family: 'libre_franklin300', sans-serif;
  display: inline-block;
  margin-top: 0px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .glossary-container.tab-container .everydayBank ul li a {
    height: 70px;
  }
}
.glossary-container.tab-container .everydayBank ul li a:hover {
  background-color: transparent;
}
.glossary-container.tab-container .everydayBank ul li a:hover .boder-bot-green {
  display: block;
  background-color: #78be20;
  height: 4px;
  border: none;
  margin: 0 auto;
}
.glossary-container.tab-container .everydayBank ul li a:focus {
  background-color: transparent;
}
.glossary-container.tab-container .everydayBank ul li a label {
  line-height: 1.5;
  font-weight: normal;
  font-size: 16px;
  cursor: pointer;
  padding-bottom: 20px;
  display: inline-block;
}
.glossary-container.tab-container .everydayBank ul li .tabTitle {
  padding-bottom: 20px;
  display: inline-block;
}
@media screen and (min-width: 769px) {
  .glossary-container.tab-container .everydayBank ul li .tabTitle {
    color: #006341;
    font-weight: bold;
  }
}
.glossary-container.tab-container .everydayBank ul .active a {
  color: #353535;
  padding: 0px;
  height: 55px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .glossary-container.tab-container .everydayBank ul .active a {
    height: 70px;
  }
}
.glossary-container.tab-container .everydayBank ul .active a .boder-bot-green {
  display: block;
  background-color: #78be20;
  height: 4px;
  border: none;
  margin: 0 auto;
}
.glossary-container.tab-container .everydayBank ul .active a:active {
  background-color: transparent;
}
.glossary-container.tab-container .everydayBank ul .active a:focus {
  background-color: transparent;
}
@media (max-width: 768px) {
  .glossary-container.tab-container .everydayBank .light-bg {
    background-color: #ffffff;
  }
}
.glossary-container.tab-container .everydayBank h4 a {
  vertical-align: middle;
  padding-left: 11px;
  font-family: 'libre_franklin500', sans-serif;
  font-size: 16px;
  color: #353535 !important;
}
@media screen and (max-width: 768px) {
  .glossary-container.tab-container .everydayBank h4 a {
    font-size: 24px;
  }
}
.glossary-container.tab-container .everydayBank .panel-default .panel-heading {
  padding: 12px 0px;
  background-color: transparent;
}
.glossary-container.tab-container .everydayBank .panel-default .panel-heading .panel-title span.glyphicon-ring {
  border: 1px solid #bbbbbb;
  color: #bbbbbb;
  float: right;
}
.glossary-container.tab-container .everydayBank .panel-default .panel-collapse .panel-body {
  background: transparent;
}
.glossary-container.tab-container .everydayBank .tab-content .tab-pane .h6 {
  color: #006341;
}
.glossary-container.tab-container .everydayBank .tab-content .resptitletextblock {
  margin-bottom: 20px;
}
.glossary-container.tab-container .everydayBank .tab-content .resptitletextblock .copy {
  margin-top: 0px;
}
.glossary-container.tab-container .everydayBank .tab-content .resptitletextblock .copy h3 {
  line-height: 32px;
}
.glossary-container.tab-container .everydayBank .tab-content .resptitletextblock .copy ul li {
  width: inherit;
  padding: 4px;
}
.glossary-container.tab-container .everydayBank .tab-content .resptitletextblock .copy ul li a {
  height: inherit;
}
.glossary-container.tab-container .everydayBank .resptitletextblock .copy-block-heading {
  text-transform: initial;
}
.glossary-container.tab-container .everydayBank .resptitletextblock .copy h1,
.glossary-container.tab-container .everydayBank .resptitletextblock .copy h2,
.glossary-container.tab-container .everydayBank .resptitletextblock .copy h3,
.glossary-container.tab-container .everydayBank .resptitletextblock .copy h4 {
  text-transform: initial;
}
.glossary-container.tab-container .everydayBank .resptitletextblock .copy ul li {
  width: inherit;
  padding: 4px;
}
.glossary-container.tab-container .everydayBank .resptitletextblock .copy ul li a {
  height: inherit;
}
.glossary-container.tab-container .faq-style ul li {
  list-style: none;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 22px;
}
@media screen and (max-width: 768px) {
  .slick-center a .boder-bot-green {
    background-color: #229954 !important;
  }
}
.locator-container {
  overflow: hidden;
}
.locator-container .locator-inner {
  padding: 10px;
}
@media (min-width: 768px) {
  .locator-container .locator-inner {
    padding: 0px;
  }
}
.locator-container .locator-search {
  padding: 20px;
  background: #f2f2f2;
  margin-bottom: 10px;
  position: relative;
}
@media (min-width: 768px) {
  .locator-container .locator-search {
    padding: 20px 30px;
    background: #ffffff;
    margin-bottom: 0px;
    -webkit-box-shadow: 5px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 0px 5px 0px rgba(0, 0, 0, 0.1);
    z-index: 4;
    border-left: 1px solid #efefef;
  }
}
@media (min-width: 992px) {
  .locator-container .locator-search {
    padding: 27px 30px;
  }
}
.locator-container .locator-search p {
  font-weight: bold;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .locator-container .locator-search p {
    font-family: 'libre_franklin500', sans-serif;
    font-size: 20px;
    font-weight: normal;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    margin-top: 8px;
  }
}
.locator-container .locator-search .jcf-select {
  margin-bottom: 22px;
}
@media (min-width: 768px) {
  .locator-container .locator-search .jcf-select {
    background-color: #e7e7e7;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    margin: 0px 30px 10px 30px;
  }
}
@media (min-width: 992px) {
  .locator-container .locator-search .jcf-select {
    margin: 0px 10px 0px 10px;
  }
  .locator-container .locator-search .jcf-select:hover {
    background: #dadada;
  }
}
@media (min-width: 1200px) {
  .locator-container .locator-search .jcf-select {
    margin: 0px 23px 0px 10px;
  }
}
@media (min-width: 768px) {
  .locator-container .locator-search .jcf-select.jcf-focus {
    background: #78be20;
  }
  .locator-container .locator-search .jcf-select.jcf-focus .jcf-select-text {
    color: #ffffff;
  }
  .locator-container .locator-search .jcf-select.jcf-focus .jcf-select-opener {
    margin-top: -1px;
  }
  .locator-container .locator-search .jcf-select.jcf-focus .jcf-select-opener:after {
    content: '\e808';
    font-family: "dxm-icons";
    color: #ffffff;
  }
}
.locator-container .locator-search .jcf-select .jcf-select-text {
  white-space: nowrap;
  width: 80%;
  overflow: hidden;
}
@media (min-width: 768px) {
  .locator-container .locator-search .jcf-select .jcf-select-text {
    width: 180px;
  }
}
.locator-container .locator-search .locator-input {
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .locator-container .locator-search .locator-input {
    width: auto;
  }
}
.locator-container .locator-search .locator-input input {
  background: #ffffff;
  border: none;
  height: 40px;
  width: 100%;
  padding: 0px 15px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  color: #006341;
  border-radius: 0px;
}
.locator-container .locator-search .locator-input input::-moz-placeholder {
  color: #5c5c5c;
  opacity: 1;
}
.locator-container .locator-search .locator-input input:-ms-input-placeholder {
  color: #5c5c5c;
}
.locator-container .locator-search .locator-input input::-webkit-input-placeholder {
  color: #5c5c5c;
}
.locator-container .locator-search .locator-input input:focus {
  outline-color: #78be20;
  outline-style: solid;
  outline-offset: -2px;
  outline-width: 2px;
}
.locator-container .locator-search .locator-input input:focus:hover {
  background: #e7e7e7;
}
@media (min-width: 768px) {
  .locator-container .locator-search .locator-input input {
    background: #e7e7e7;
    height: 36px;
  }
}
@media (min-width: 768px) {
  .locator-container .locator-search .locator-input input {
    width: 220px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    margin: 0px 30px 0px 59px;
  }
}
@media (min-width: 992px) {
  .locator-container .locator-search .locator-input input {
    margin: 0px 7px 0px 10px;
  }
  .locator-container .locator-search .locator-input input:hover {
    background: #dadada;
  }
}
@media (min-width: 1200px) {
  .locator-container .locator-search .locator-input input {
    margin: 0px 23px 0px 10px;
  }
}
.locator-container .locator-search .locator-input ul {
  padding: 0px 0px;
  margin: 0px;
  position: absolute;
  z-index: 10;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  width: 100%;
}
@media (min-width: 768px) {
  .locator-container .locator-search .locator-input ul {
    left: 59px;
    width: 220px;
  }
}
@media (min-width: 992px) {
  .locator-container .locator-search .locator-input ul {
    left: 10px;
    width: 220px;
  }
}
.locator-container .locator-search .locator-input ul li {
  list-style-type: none;
  background: #ffffff;
  color: #666666;
  padding: 8px 20px;
  font-size: 14px;
  cursor: pointer;
}
.locator-container .locator-search .locator-input ul li:hover {
  background: #e7e7e7;
}
.locator-container .locator-search .secondary-cta {
  margin-top: 6px;
  cursor: pointer;
}
.locator-container .locator-search .secondary-cta span {
  vertical-align: middle;
}
.locator-container .locator-search .secondary-cta span.icon-cta {
  vertical-align: top;
}
.locator-container .locator-search .icon-menu {
  color: #999999;
  font-size: 20px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  margin-right: 60px;
  margin-top: 5px;
  float: left;
}
@media (min-width: 768px) and (max-width: 991px) {
  .locator-container .locator-search .icon-menu {
    margin-right: 39px;
    height: 50px;
  }
}
.locator-container .btn-default {
  width: 100%;
  margin: 10px 0px 0px 0px;
}
@media (min-width: 992px) {
  .locator-container .btn-default {
    margin: 20px 0px 0px 0px;
  }
}
.locator-container .map-search-results {
  background: #f2f2f2;
  padding: 20px;
}
.locator-container .map-search-results .icon-locatorpin {
  float: left;
  margin-right: 10px;
}
.locator-container .map-search-results .icon-locatorpin:before {
  font-size: 20px;
  color: #78be20;
}
.locator-container .map-search-results .icon-directions {
  float: left;
  height: 30px;
}
.locator-container .map-search-results .icon-directions:before {
  font-size: 20px;
  color: #78be20;
}
.locator-container .map-search-results h6 {
  color: #006341;
  float: left;
  margin: 0px;
  width: auto;
}
.locator-container .map-search-results hr {
  margin: 18px 0px 0px 0px;
}
@media (min-width: 992px) {
  .locator-container .map-search-results hr {
    margin: 21px 0px 0px 0px;
  }
}
.locator-container .map-search-item {
  margin-top: 20px;
}
@media (min-width: 992px) {
  .locator-container .map-search-item {
    margin-top: 30px;
  }
}
.locator-container .map-search-item .icon-directions:before {
  font-size: 15px;
  color: #353535;
  margin-right: 10px;
}
.locator-container .map-search-item .map-search-item-copy {
  margin: 10px 0px 10px 0px;
}
.locator-container .map-search-item p {
  margin-bottom: 0px;
  font-size: 14px;
}
.locator-container .map-search-item a.email {
  display: block;
  margin-top: 10px;
}
.locator-container .map-search-item .branch-code {
  margin: 11px 0 10px 0;
}
.locator-container .map-search-item .opening-hours {
  color: #777777;
  font-style: italic;
}
.locator-container .desktop-map-container {
  position: relative;
}
.locator-container .map-search-results-closed {
  position: relative;
  left: 0px;
  z-index: 3;
  padding: 18px 20px 16px 20px;
  width: 100%;
  background: #f2f2f2;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  float: left;
  margin-bottom: 10px;
  height: 60px;
}
@media (min-width: 768px) {
  .locator-container .map-search-results-closed {
    padding: 30px 25px;
    width: 70px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 0px;
    height: auto;
  }
}
.locator-container .map-search-results-closed .icon-plus2 {
  float: right;
  margin-bottom: 0px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .locator-container .map-search-results-closed .icon-plus2 {
    text-align: center;
    margin-bottom: 30px;
    float: none;
  }
}
.locator-container .map-search-results-closed .icon-plus2:before {
  font-size: 12px;
  color: #999999;
  vertical-align: middle;
}
.locator-container .map-search-results-closed .icon-locatorpin {
  float: left;
}
@media (min-width: 768px) {
  .locator-container .map-search-results-closed .icon-locatorpin {
    text-align: left;
  }
}
.locator-container .map-search-results-closed .icon-locatorpin:before {
  font-size: 20px;
  color: #999999;
  vertical-align: middle;
}
.locator-container .map-search-results-closed .map-search-results {
  display: none;
}
.locator-container .map-search-results-closed .mobile-closed-heading {
  display: block;
  margin: 2px 0px 0px 10px;
  float: left;
  font-family: 'libre_franklin300', sans-serif;
}
@media (min-width: 768px) {
  .locator-container .map-search-results-closed .mobile-closed-heading {
    display: none;
  }
}
.locator-container .map-search-results-closed.nops {
  display: block;
}
.locator-container .map-search-results-open {
  padding: 18px 20px 20px 20px;
  overflow: hidden;
  left: 0px;
  display: block;
  height: 300px;
}
@media (min-width: 768px) {
  .locator-container .map-search-results-open {
    width: 260px;
    padding: 30px;
    overflow: visible;
  }
}
.locator-container .map-search-results-open .icon-plus2 {
  text-align: right;
  margin: 0px;
  cursor: pointer;
}
.locator-container .map-search-results-open .icon-plus2:before {
  content: "\e823";
  font-family: "dxm-icons";
  font-style: normal;
  font-weight: normal;
  color: #999999;
}
.locator-container .map-search-results-open .locatorpin-closed {
  display: none;
}
.locator-container .map-search-results-open .map-search-results {
  padding: 0px;
}
.locator-container .map-search-results-open .map-search-results.open {
  display: block;
  margin-top: -20px;
}
.locator-container .map-search-results-open .map-search-results h6 {
  width: 82%;
  font-family: 'libre_franklin300', sans-serif;
  margin: 0px;
}
.locator-container .map-search-results-open .map-search-results .icon-locatorpin:before {
  color: #78be20;
}
.locator-container .map-search-results-open .mobile-closed-heading {
  display: none;
}
.locator-container .map-search-results-open.nano .nano-content {
  height: 100% !important;
}
.locator-container .map-search-results-open-mobile.nano .nano-content,
.locator-container .map-directions-open-mobile.nano .nano-content {
  height: 100% !important;
}
.locator-container .map-directions-closed {
  position: relative;
  left: 0px;
  z-index: 2;
  padding: 18px 20px 16px 20px;
  width: 100%;
  background: #f2f2f2;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  float: left;
}
@media (min-width: 768px) {
  .locator-container .map-directions-closed {
    width: 70px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    padding: 30px 25px;
    background: #e8e8e8;
  }
}
.locator-container .map-directions-closed .icon-plus2 {
  float: right;
  margin-bottom: 0px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .locator-container .map-directions-closed .icon-plus2 {
    text-align: center;
    margin-bottom: 30px;
    float: none;
  }
}
.locator-container .map-directions-closed .icon-plus2:before {
  font-size: 12px;
  color: #999999;
  vertical-align: middle;
}
.locator-container .map-directions-closed .icon-directions {
  float: left;
}
@media (min-width: 768px) {
  .locator-container .map-directions-closed .icon-directions {
    text-align: left;
  }
}
.locator-container .map-directions-closed .icon-directions:before {
  font-size: 20px;
  color: #999999;
  vertical-align: middle;
}
.locator-container .map-directions-closed .mobile-closed-heading {
  display: block;
  margin: 2px 0px 0px 10px;
  float: left;
  font-family: 'libre_franklin300', sans-serif;
}
@media (min-width: 768px) {
  .locator-container .map-directions-closed .mobile-closed-heading {
    display: none;
  }
}
.locator-container .map-directions-closed .map-search-results-directions {
  display: none;
}
.locator-container .map-directions-closed.nops {
  display: block;
}
@media (max-width: 767px) {
  .locator-container .map-directions-closed.nops .nano-content {
    height: auto !important;
  }
}
.locator-container .map-directions-open {
  padding: 18px 20px 20px 20px;
  width: 100%;
  overflow: visible;
  display: block;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: #f2f2f2;
}
@media (min-width: 768px) {
  .locator-container .map-directions-open {
    padding: 30px;
    width: 320px;
    background: #f9f9f9;
  }
}
.locator-container .map-directions-open .icon-plus2 {
  text-align: right;
  margin: 0px;
  cursor: pointer;
}
.locator-container .map-directions-open .icon-plus2:before {
  content: "\e823";
  font-family: "dxm-icons";
  font-style: normal;
  font-weight: normal;
  color: #999999;
}
.locator-container .map-directions-open .icon-directions {
  float: left;
  margin-right: 10px;
}
.locator-container .map-directions-open .directions-closed {
  display: none;
}
.locator-container .map-directions-open .map-search-results-directions {
  padding: 0px;
}
.locator-container .map-directions-open .map-search-results-directions.open {
  display: block;
  margin-top: -20px;
}
.locator-container .map-directions-open .map-search-results-directions h6 {
  width: 83%;
  margin: 0px;
  font-family: 'libre_franklin300', sans-serif;
  float: left;
}
@media (min-width: 768px) {
  .locator-container .map-directions-open .map-search-results-directions h6 {
    margin: 0px 0px 0px 0px;
  }
}
.locator-container .map-directions-open .map-search-results-directions .icon-directions:before {
  color: #78be20;
}
.locator-container .map-directions-open .map-search-results-directions hr {
  margin: 18px 0px 20px 0px;
}
@media (min-width: 992px) {
  .locator-container .map-directions-open .map-search-results-directions hr {
    margin: 21px 0px 30px 0px;
  }
}
.locator-container .map-directions-open .map-search-results-directions .p-small {
  color: #353535;
}
.locator-container .map-directions-open .map-search-results-directions .driving-directions {
  padding-left: 56px;
  margin-bottom: 26px;
}
.locator-container .map-directions-open .map-search-results-directions .driving-directions li {
  list-style-type: decimal;
  font-size: 14px;
  color: #353535;
  position: relative;
  margin-bottom: 15px;
}
.locator-container .map-directions-open .map-search-results-directions .driving-directions [class*="icon-"] {
  position: absolute;
  left: -56px;
}
.locator-container .map-directions-open .map-search-results-directions .driving-directions [class*="icon-"]:before {
  color: #cccccc;
  font-size: 16px;
  vertical-align: sub;
}
.locator-container .map-directions-open .mobile-closed-heading {
  display: none;
}
.locator-container .map-directions-open .directions-text {
  margin: 20px 0px 0px 0px;
}
@media (min-width: 992px) {
  .locator-container .map-directions-open .directions-text {
    margin: 26px 0px 0px 0px;
  }
}
.locator-container .map-directions-open .directions-text h6 {
  float: none;
  margin-bottom: 10px;
  width: 100%;
}
@media (min-width: 992px) {
  .locator-container .map-directions-open .directions-text h6 {
    margin-bottom: 20px;
  }
}
.locator-container .map-directions-open .directions-text hr {
  margin: 18px 0px 20px 0px;
}
@media (min-width: 992px) {
  .locator-container .map-directions-open .directions-text hr {
    margin: 25px 0px 25px 0px;
  }
}
.locator-container .map-directions-open .directions-text .p-small strong {
  display: block;
}
.locator-container .map-directions-open .locations-search {
  margin-bottom: 10px;
  position: relative;
}
.locator-container .map-directions-open .locations-search .location-point {
  height: 36px;
  width: 36px;
  background: #009639;
  color: #ffffff;
  font-weight: bold;
  float: left;
  padding: 8px 12px;
  margin-right: 2px;
}
.locator-container .map-directions-open .locations-search .locator-input {
  overflow: hidden;
}
.locator-container .map-directions-open .locations-search .location-point-text {
  float: left;
  width: 100%;
  background: #e7e7e7;
  border: none;
  height: 36px;
  padding: 0px 15px;
  color: #5c5c5c;
}
.locator-container .map-directions-open .locations-search .location-point-text::-moz-placeholder {
  color: #5c5c5c;
  opacity: 1;
}
.locator-container .map-directions-open .locations-search .location-point-text:-ms-input-placeholder {
  color: #5c5c5c;
}
.locator-container .map-directions-open .locations-search .location-point-text::-webkit-input-placeholder {
  color: #5c5c5c;
}
.locator-container .map-directions-open .locations-search .location-point-text:focus {
  outline-color: #78be20;
  outline-style: solid;
  outline-offset: -2px;
  outline-width: 2px;
}
.locator-container .map-directions-open .locations-search ul {
  padding: 0px 0px;
  margin: 0px;
  z-index: 10;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  width: 100%;
  position: absolute;
  left: 38px;
  top: 37px;
}
@media (min-width: 768px) {
  .locator-container .map-directions-open .locations-search ul {
    width: 220px;
  }
}
.locator-container .map-directions-open .locations-search ul li {
  list-style-type: none;
  background: #ffffff;
  color: #666666;
  padding: 8px 20px;
  font-size: 14px;
  cursor: pointer;
}
.locator-container .map-directions-open .locations-search ul li:hover {
  background: #e7e7e7;
}
.locator-container .map-directions-open.nano .nano-content {
  height: 100% !important;
}
.locator-container .map-container {
  background: #f2f2f2;
  padding: 16px 20px;
  margin-bottom: 10px;
}
.locator-container .map-container .text {
  margin: 0px;
  font-size: 20px;
  font-family: 'libre_franklin300', sans-serif;
  color: #006341;
  vertical-align: middle;
}
.locator-container .map-container .icon-minus2 {
  cursor: pointer;
}
.locator-container .map-container .icon-minus2:before {
  font-size: 12px;
  color: #999999;
  margin-left: 10px;
  float: right;
  position: relative;
  top: 8px;
}
.locator-container .map-container .open .icon-minus2:before {
  content: "\e833";
  font-family: "dxm-icons";
  font-style: normal;
  font-weight: normal;
}
.locator-container .map-container .map {
  display: none;
  margin: 10px 0px 5px 0px;
}
.locator-container .mapContainer {
  left: 0px;
  width: 100%;
  top: 0px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  z-index: 1;
  margin: 14px 0px 7px 0px;
}
@media (min-width: 768px) {
  .locator-container .mapContainer {
    margin: 0px;
  }
}
@media (min-width: 768px) {
  .locator-container .mapContainer.result-open {
    left: 260px;
    position: absolute;
  }
  .locator-container .mapContainer.map-directions-push {
    left: 390px;
    position: absolute;
  }
  .locator-container .mapContainer.map-wide-push {
    left: 580px;
    position: absolute;
  }
  .locator-container .mapContainer.map-result-push {
    left: 70px;
    position: absolute;
  }
  .locator-container .mapContainer.map-result-push2 {
    left: 140px;
    position: absolute;
  }
  .locator-container .mapContainer.map-result-push3 {
    left: 330px;
    position: absolute;
  }
}
.locator-container .direction-popup {
  background: #ffffff;
  border: 1px solid #eeeeee;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  padding: 15px 20px 20px 20px;
  width: 210px;
  position: relative;
  margin-left: 50px;
}
@media (min-width: 992px) {
  .locator-container .direction-popup {
    width: 263px;
  }
}
.locator-container .direction-popup .icon-close {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 20px;
  cursor: pointer;
  height: 50px;
}
.locator-container .direction-popup .icon-close:before {
  color: #999999;
  font-size: 10px;
  vertical-align: top;
}
.locator-container .direction-popup .arrow {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  top: 50%;
  left: -22px;
  margin-top: -11px;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.1);
  border-left-width: 0;
  border-width: 11px;
}
.locator-container .direction-popup .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  content: "";
  border-width: 10px;
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #ffffff;
  border-left-width: 0;
}
.locator-container .direction-popup p {
  font-size: 14px;
}
.locator-container .direction-popup .direction-popup-heading {
  color: #353535;
  font-weight: bold;
  margin-bottom: 0px;
  font-size: 14px;
  display: block;
}
@media (min-width: 992px) {
  .locator-container .direction-popup .direction-popup-heading {
    margin-bottom: 10px;
  }
}
.locator-container .direction-popup .direction-popup-address {
  color: #5c5c5c;
  margin-bottom: 5px;
}
@media (min-width: 992px) {
  .locator-container .direction-popup .direction-popup-address {
    margin-bottom: 15px;
  }
}
.locator-container .deCarta-Pin-Default {
  border-radius: 0px;
  border: none;
  top: 0px;
  left: 0px;
}
.locator-container .location-pin-default {
  background-image: url("../../designs/nedbank/images/map-pin.png");
  width: 36px;
  height: 50px;
  background-color: none;
  z-index: 1000;
  cursor: pointer;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .locator-container .location-pin-default {
    background-image: url("../../designs/nedbank/images/map-pin-retina.png");
    background-size: 36px 50px;
  }
}
.locator-container .location-pin-current {
  background-image: url("../../designs/nedbank/images/current-location.png");
  width: 26px;
  height: 26px;
  background-color: none;
  z-index: 2000;
  position: relative;
  cursor: pointer;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .locator-container .location-pin-current {
    background-image: url("../../designs/nedbank/images/current-location-retina.png");
    background-size: 26px 26px;
  }
}
.locator-container .deCarta-control-zoom {
  margin: 0px;
  left: -1px;
  top: 0px;
  position: absolute;
  display: block;
}
@media (min-width: 768px) {
  .locator-container .deCarta-control-zoom {
    display: block;
    left: 29px;
    top: 38px;
  }
}
.locator-container .deCarta-control-zoomInBtn {
  width: 24px;
  height: 24px;
  background-image: url("../../designs/nedbank/images/zoom_in.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .locator-container .deCarta-control-zoomInBtn {
    background-image: url("../../designs/nedbank/images/zoom_in_retina.png");
    background-size: 24px 24px;
  }
}
.locator-container .deCarta-control-zoomPillar {
  display: none !important;
  width: 16px;
  left: 7.5px;
  background-image: url("../../designs/nedbank/images/zoom_rail.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .locator-container .deCarta-control-zoomPillar {
    background-image: url("../../designs/nedbank/images/zoom_rail_retina.png");
    background-size: 16px 10px;
  }
}
@media (min-width: 768px) {
  .locator-container .deCarta-control-zoomPillar {
    display: block !important;
  }
}
.locator-container .deCarta-control-zoomOutBtn {
  width: 24px;
  height: 24px;
  background-image: url("../../designs/nedbank/images/zoom_out.png");
  margin-top: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .locator-container .deCarta-control-zoomOutBtn {
    background-image: url("../../designs/nedbank/images/zoom_out_retina.png");
    background-size: 24px 24px;
  }
}
@media (min-width: 768px) {
  .locator-container .deCarta-control-zoomOutBtn {
    margin-top: 0px;
  }
}
.locator-container .deCarta-control-zoomCursor {
  width: 34px;
  height: 15px;
  left: -9px;
  background-image: url("../../designs/nedbank/images/zoom_handle.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .locator-container .deCarta-control-zoomCursor {
    background-image: url("../../designs/nedbank/images/zoom_handle_retina.png");
    background-size: 34px 15px;
  }
}
.locator-container .deCarta-control-pan {
  width: 52px;
  height: 52px;
  left: 0px;
  top: 0px;
  display: block;
  background-image: url("../../designs/nedbank/images/pan.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .locator-container .deCarta-control-pan {
    background-image: url("../../designs/nedbank/images/pan_retina.png");
    background-size: 52px 52px;
  }
}
@media (min-width: 768px) {
  .locator-container .deCarta-control-pan {
    left: 30px;
    top: 30px;
  }
}
.locator-container .deCarta-InfoWindow {
  position: initial;
  margin-top: -93px;
  margin-left: -15px;
  padding: 0px;
}
.locator-container .deCarta-InfoWindow:after {
  display: none;
}
.locator-container .deCarta-InfoWindow.right {
  margin-left: -15px;
}
.locator-container .deCarta-InfoWindow.top {
  margin-top: -93px;
}
.faq-container .panel-group .panel .panel-heading,
.notification-container .panel-group .panel .panel-heading,
.accordion-list .panel-group .panel .panel-heading {
  padding: 16px 20px;
}
@media (min-width: 992px) {
  .faq-container .panel-group .panel .panel-heading,
  .notification-container .panel-group .panel .panel-heading,
  .accordion-list .panel-group .panel .panel-heading {
    padding: 24px 30px 23px 30px;
  }
}
.faq-container .panel-group .panel .panel-heading .panel-title,
.notification-container .panel-group .panel .panel-heading .panel-title,
.accordion-list .panel-group .panel .panel-heading .panel-title {
  font-size: 14px;
  line-height: 22px;
  color: #353535;
  font-weight: bold;
  font-style: italic;
  vertical-align: top;
  font-family: sans-serif;
  text-align: left;
  margin-left: 0px;
  margin-right: 20px;
  padding-left: 20px;
  border-left: 2px solid #dadada;
  overflow: auto;
}
@media (min-width: 768px) {
  .faq-container .panel-group .panel .panel-heading .panel-title,
  .notification-container .panel-group .panel .panel-heading .panel-title,
  .accordion-list .panel-group .panel .panel-heading .panel-title {
    padding-right: 40px;
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .faq-container .panel-group .panel .panel-heading .panel-title,
  .notification-container .panel-group .panel .panel-heading .panel-title,
  .accordion-list .panel-group .panel .panel-heading .panel-title {
    padding-right: 80px;
  }
}
.faq-container .panel-group .panel .panel-heading .panel-title .main-title,
.notification-container .panel-group .panel .panel-heading .panel-title .main-title,
.accordion-list .panel-group .panel .panel-heading .panel-title .main-title {
  position: relative;
  top: 0px;
}
.faq-container .panel-group .panel .panel-heading .panel-title.noborder,
.notification-container .panel-group .panel .panel-heading .panel-title.noborder,
.accordion-list .panel-group .panel .panel-heading .panel-title.noborder {
  border-left: 0px solid #dadada;
  padding-left: 10px;
}
.faq-container .panel-group .panel .panel-heading .panel-title h3,
.notification-container .panel-group .panel .panel-heading .panel-title h3,
.accordion-list .panel-group .panel .panel-heading .panel-title h3 {
  font-style: normal;
  margin-bottom: 0px;
}
.faq-container .panel-group .panel .panel-heading .panel-title h6,
.notification-container .panel-group .panel .panel-heading .panel-title h6,
.accordion-list .panel-group .panel .panel-heading .panel-title h6 {
  font-size: 16px;
  font-style: normal;
  margin-bottom: 0px;
}
.faq-container .panel-group .panel .panel-heading .q:before,
.notification-container .panel-group .panel .panel-heading .q:before,
.accordion-list .panel-group .panel .panel-heading .q:before {
  font-size: 20px;
  float: left;
  color: #78be20;
  margin-right: 20px;
}
.faq-container .panel-group .panel .panel-heading .q.notification-icon:before,
.notification-container .panel-group .panel .panel-heading .q.notification-icon:before,
.accordion-list .panel-group .panel .panel-heading .q.notification-icon:before {
  font-size: 52px;
}
.faq-container .panel-group .panel .panel-heading .q .icon-plus2:before,
.notification-container .panel-group .panel .panel-heading .q .icon-plus2:before,
.accordion-list .panel-group .panel .panel-heading .q .icon-plus2:before {
  margin: 0px;
  top: 20px;
}
.faq-container .panel-group .panel .panel-collapse,
.notification-container .panel-group .panel .panel-collapse,
.accordion-list .panel-group .panel .panel-collapse {
  margin: 0px;
}
.faq-container .panel-group .panel .panel-collapse .panel-body,
.notification-container .panel-group .panel .panel-collapse .panel-body,
.accordion-list .panel-group .panel .panel-collapse .panel-body {
  padding-top: 14px;
}
@media (min-width: 768px) {
  .faq-container .panel-group .panel .panel-collapse .panel-body,
  .notification-container .panel-group .panel .panel-collapse .panel-body,
  .accordion-list .panel-group .panel .panel-collapse .panel-body {
    padding: 14px 20px 20px 20px;
  }
}
@media (min-width: 992px) {
  .faq-container .panel-group .panel .panel-collapse .panel-body,
  .notification-container .panel-group .panel .panel-collapse .panel-body,
  .accordion-list .panel-group .panel .panel-collapse .panel-body {
    padding: 14px 30px 23px 30px;
  }
}
.faq-container .panel-group .panel .panel-collapse .a,
.notification-container .panel-group .panel .panel-collapse .a,
.accordion-list .panel-group .panel .panel-collapse .a {
  font-size: 20px;
  color: #cedc00;
  padding-right: 20px;
  float: left;
  vertical-align: top;
}
.faq-container .panel-group .panel .panel-collapse .body-text,
.notification-container .panel-group .panel .panel-collapse .body-text,
.accordion-list .panel-group .panel .panel-collapse .body-text {
  padding-left: 20px;
  border-left: 2px solid #dadada;
  overflow: auto;
}
.faq-container .panel-group .panel .panel-collapse .body-text.noborder,
.notification-container .panel-group .panel .panel-collapse .body-text.noborder,
.accordion-list .panel-group .panel .panel-collapse .body-text.noborder {
  border-left: 0px solid #dadada;
  padding-left: 10px;
}
.faq-container .panel-group .panel .panel-collapse .body-text p,
.notification-container .panel-group .panel .panel-collapse .body-text p,
.accordion-list .panel-group .panel .panel-collapse .body-text p {
  font-size: 14px;
  color: #5c5c5c;
  margin-top: 5px;
}
@media (min-width: 992px) {
  .faq-container .panel-group .panel .panel-collapse .body-text p,
  .notification-container .panel-group .panel .panel-collapse .body-text p,
  .accordion-list .panel-group .panel .panel-collapse .body-text p {
    font-size: 16px;
  }
}
.faq-container .panel-group .panel .panel-collapse .body-text ul,
.notification-container .panel-group .panel .panel-collapse .body-text ul,
.accordion-list .panel-group .panel .panel-collapse .body-text ul {
  padding-left: 15px;
  margin-top: 0px;
  margin-bottom: 26px;
}
.faq-container .panel-group .panel .panel-collapse .body-text ul li,
.notification-container .panel-group .panel .panel-collapse .body-text ul li,
.accordion-list .panel-group .panel .panel-collapse .body-text ul li {
  line-height: 22px;
  list-style-type: none;
  position: relative;
  padding: 0px;
  margin-bottom: 20px;
  color: #5c5c5c;
}
.faq-container .panel-group .panel .panel-collapse .body-text ul li:last-child,
.notification-container .panel-group .panel .panel-collapse .body-text ul li:last-child,
.accordion-list .panel-group .panel .panel-collapse .body-text ul li:last-child {
  margin-bottom: 0px;
}
.faq-container .panel-group .panel .panel-collapse .body-text ul li:before,
.notification-container .panel-group .panel .panel-collapse .body-text ul li:before,
.accordion-list .panel-group .panel .panel-collapse .body-text ul li:before {
  position: absolute;
  margin: 0px 0 0 -15px;
  vertical-align: middle;
  display: inline-block;
  color: #d9d9d9;
  content: '•';
  font-size: 26px;
}
.faq-container .panel-group .panel .panel-collapse .body-text ul:last-child,
.notification-container .panel-group .panel .panel-collapse .body-text ul:last-child,
.accordion-list .panel-group .panel .panel-collapse .body-text ul:last-child {
  margin-bottom: 8px;
}
.testimonial-item {
  padding: 20px 20px 17px 20px;
}
@media (min-width: 992px) {
  .testimonial-item {
    padding: 30px;
  }
}
.testimonial-item figure {
  margin-right: 20px;
}
.testimonial-item figure img {
  width: 60px;
  height: auto;
}
@media (min-width: 992px) {
  .testimonial-item figure img {
    width: 80px;
    height: auto;
  }
}
@media (min-width: 992px) {
  .testimonial-item figure {
    margin-right: 30px;
  }
}
.testimonial-item .department {
  color: #353535;
  margin-top: 2px;
}
@media (min-width: 768px) {
  .testimonial-item .department {
    margin-top: 0px;
  }
}
.testimonial-item h6 {
  margin: 0px 0px 0px 0px;
  color: #006341;
  text-transform: capitalize;
}
.testimonial-item hr {
  margin: 20px 0px 18px 0px;
}
.testimonial-item.IsTestimonial .testimonial-copy {
  font-style: italic;
}
.testimonial-item.IsTeamMember .testimonial-copy {
  font-style: normal;
}
.testimonial-item.IsTeamMember .testimonial-copy p:first-child:before {
  content: '';
}
.testimonial-item.IsTeamMember .testimonial-copy p:last-child:after {
  content: '';
}
.testimonial-item .testimonial-copy {
  height: 62px;
  overflow: hidden;
  position: relative;
  font-style: italic;
}
@media (min-width: 768px) {
  .testimonial-item .testimonial-copy {
    margin-top: 10px;
  }
}
.testimonial-item .testimonial-copy p {
  margin-bottom: 0px;
}
.testimonial-item .testimonial-copy p:first-child:before {
  content: '“';
  display: inline-block;
  margin-top: -1px;
}
.testimonial-item .testimonial-copy p:last-child:after {
  content: '”';
  display: inline-block;
  margin-top: -1px;
}
@media (min-width: 768px) {
  .testimonial-item .testimonial-copy {
    height: 100%;
    font-size: 16px;
    margin-top: 10px;
  }
}
.testimonial-item .icon-plus2 {
  margin-top: 9px;
  text-align: center;
  cursor: pointer;
}
.testimonial-item .icon-plus2:before {
  color: #cccccc;
  font-size: 12px;
}
.testimonial-item .icon-plus2.open:before {
  content: "\e823";
  font-family: "dxm-icons";
  font-style: normal;
  font-weight: normal;
}
.testimonial-item .icon-nedbankicon:before {
  vertical-align: top;
  color: #cccccc;
  font-size: 60px;
  float: left;
}
@media (min-width: 768px) {
  .testimonial-item .icon-nedbankicon:before {
    font-size: 80px;
  }
}
.news-listing [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}
.news-listing .icon-article {
  color: #cccccc;
}
.news-listing .icon-article:before {
  font-size: 50px;
  float: left;
  vertical-align: top;
  margin-right: 20px;
}
@media (min-width: 768px) {
  .news-listing .icon-article:before {
    font-size: 60px;
  }
}
@media (min-width: 992px) {
  .news-listing .icon-article:before {
    margin-right: 30px;
  }
}
@media (min-width: 768px) {
  .news-listing figure {
    width: 180px;
  }
}
.news-listing .secondary-cta {
  margin-bottom: 7px;
  margin-top: 1px;
}
.news-listing .p-big {
  margin-bottom: 8px;
  font-size: 16px;
}
.news-listing .news-listing-image {
  transition: all 0.3s ease-out;
  padding: 20px;
  margin-bottom: 10px;
  position: relative;
}
@media (min-width: 992px) {
  .news-listing .news-listing-image {
    padding: 0px;
  }
}
.news-listing .news-listing-image:hover {
  background-color: #e8e8e8;
}
.news-listing .news-listing-image:hover .icon-cta {
  margin-left: 15px;
}
.news-listing .news-listing-image .heading-summary {
  overflow: auto;
}
@media (min-width: 992px) {
  .news-listing .news-listing-image .heading-summary {
    padding: 30px;
  }
}
.news-listing .news-listing-image .list-video {
  position: relative;
  width: 180px;
  float: left;
  height: 180px;
  overflow: hidden;
}
.news-listing .news-listing-image .list-video .video-thumbnail img {
  height: 180px;
  position: absolute;
  left: 0%;
}
.news-listing .news-listing-image .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.3);
  /*dim the background*/
}
.news-listing .news-listing-image .icon-play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  margin-top: -30px;
  margin-left: -30px;
  text-align: center;
  cursor: pointer;
  z-index: 1;
}
.news-listing .news-listing-image .icon-play:before {
  font-size: 60px;
  color: #ffffff;
  vertical-align: top;
}
.news-listing .news-list-item {
  padding: 20px;
  transition: all 0.3s ease-out;
}
.news-listing .news-list-item .news-list-copy {
  overflow: auto;
}
@media (min-width: 768px) {
  .news-listing .news-list-item .news-list-copy {
    padding: 0px;
  }
}
@media (min-width: 992px) {
  .news-listing .news-list-item {
    padding: 30px;
  }
}
.news-listing .news-list-item:hover {
  background-color: #e8e8e8;
}
.news-listing .news-list-item:hover .icon-cta {
  margin-left: 15px;
}
.news-listing .news-list-item .heading-summary {
  overflow: auto;
}
.news-archive-listing .panel-group {
  margin: 0px;
}
.news-archive-listing .panel-group .panel .panel-collapse {
  margin: 10px 0px 0px 0px;
}
.news-archive-listing .panel-group .panel .panel-collapse .panel-body {
  padding: 0px;
  background-color: transparent;
  margin-bottom: -10px;
}
@media (min-width: 992px) {
  .detail-template .detail-content .detail-copy {
    border-left: 2px solid #eeeeee;
    padding-left: 40px;
    margin-left: 0px;
  }
}
.detail-template .detail-image figure {
  overflow: hidden;
  margin-bottom: 24px;
}
.detail-template .detail-image figure img {
  max-width: 100%;
  width: 100%;
  height: auto;
  margin-bottom: 0px;
}
@media (min-width: 992px) {
  .detail-template .detail-image figure {
    height: 300px;
    margin-bottom: 0px;
  }
}
.detail-template .detail-image img {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
.detail-template .detail-image p {
  margin-bottom: 0px;
  margin-top: 15px;
}
.detail-template-news .title-text {
  margin-top: 0px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .detail-template-news .quote {
    margin: 50px 0px 50px 0px;
  }
}
.detail-template-news .news-contact-list {
  padding: 0px 0px;
}
@media (min-width: 992px) {
  .detail-template-news .news-contact-list {
    padding: 50px 0px 0px 0px;
  }
}
.detail-template-news .news-contact-list hr {
  margin: 0px 20px 30px 20px;
}
@media (min-width: 768px) {
  .detail-template-news .news-contact-list hr {
    margin-left: 5px;
    margin-right: 5px;
  }
}
.detail-template-news .news-contact-list .contact-details-people h6 {
  padding: 0px 20px;
}
@media (min-width: 768px) {
  .detail-template-news .news-contact-list .contact-details-people h6 {
    padding: 0px 25px;
  }
}
@media (min-width: 992px) {
  .detail-template-news .news-contact-list .contact-details-people h6 {
    padding: 0px 5px;
  }
}
.vidcomponent {
  padding-top: 30px;
  padding-bottom: 25px;
}
.vidcomponent .title {
  margin-bottom: 36px;
}
.vidcomponent .title h1,
.vidcomponent .title h2,
.vidcomponent .title h3,
.vidcomponent .title p {
  color: #000000;
}
.vidcomponent .title h1 {
  font-size: 60px;
}
@media (max-width: 768px) {
  .vidcomponent .title h1 {
    font-size: 30px;
  }
}
.vidcomponent.aligncenter {
  width: 980px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .vidcomponent.aligncenter {
    margin: 0px 20px;
    width: initial;
  }
}
@media (max-width: 768px) {
  .vidcomponent {
    margin: 0px 20px;
    width: initial;
  }
}
@media (max-width: 768px) {
  .vidcomponent .customvideo {
    padding: 0px;
    margin: 30px auto;
  }
  .vidcomponent .customvideo .container {
    padding: 0px;
  }
}
.detail-video {
  margin-bottom: 24px;
  position: relative;
  min-height: 180px;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .detail-video {
    margin-bottom: 55px;
    padding-top: 56.3%;
    min-height: auto;
  }
}
@media (max-width: 768px) {
  .detail-video.youtubevidcomp {
    overflow: hidden;
  }
}
.detail-video.youtubevidcomp.disptwovdos iframe {
  width: 98%;
  height: 98%;
}
.detail-video.youtubevidcomp.disptwovdos .overlay {
  height: 98%;
  width: 98%;
}
.detail-video.youtubevidcomp.disptwovdos .video-thumbnail {
  height: 98%;
  width: 98%;
}
.detail-video .video-thumbnail {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
}
.detail-video .video-thumbnail.customthumbnail img.img-responsive {
  width: 100%;
  height: 100%;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .detail-video .video-thumbnail img.img-responsive {
    height: 100%;
  }
}
.detail-video .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  /*dim the background*/
}
.detail-video .icon-play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  margin-top: -30px;
  margin-left: -30px;
  text-align: center;
  cursor: pointer;
  z-index: 1;
}
.detail-video .icon-play:before {
  font-size: 60px;
  color: #ffffff;
  vertical-align: top;
}
@media (min-width: 768px) {
  .detail-video .icon-play {
    /*top: 30px;
			left: 30px;*/
    text-align: left;
  }
}
@media (min-width: 992px) {
  .detail-video .icon-play {
    /*top: 40px;
			left: 40px;*/
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .detail-video {
    width: 100%;
    height: 360px;
  }
}
.detail-video iframe {
  width: 100%;
  height: 100%;
  top: 0px;
  position: absolute;
}
.detail-video:hover .overlay {
  background-color: rgba(0, 0, 0, 0.3);
  /*dim the background*/
}
/*
* — Custom Video —
*/
.video {
  z-index: 2;
  position: relative;
}
.customvideo {
  /*// Video controls*/
  /*// Video controls*/
  /*// Progress bar*/
}
.customvideo .title h1,
.customvideo .title h2,
.customvideo .title h3,
.customvideo .title p {
  color: #000000;
}
@media (max-width: 768px) {
  .customvideo .title h1,
  .customvideo .title h2,
  .customvideo .title h3,
  .customvideo .title p {
    text-align: left;
  }
}
.customvideo .container {
  margin: 0px;
}
.customvideo .video-wrapper {
  position: relative;
  overflow: hidden;
}
.customvideo video {
  display: block;
  width: 980px;
  margin: 0 auto;
  height: 100%;
  position: relative;
  /*left: -105px;*/
}
@media (max-width: 768px) {
  .customvideo video {
    width: 100%;
  }
}
.customvideo .video-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 150px;
  padding: 1rem;
  height: 30px;
  margin-top: 50px;
}
@media (min-width: 768px) {
  .customvideo .mobile-video {
    display: none;
  }
  .customvideo .desktop-video {
    display: block;
    width: 980px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .customvideo .mobile-video {
    display: block;
  }
  .customvideo .desktop-video {
    display: none;
  }
}
.customvideo .interval-indicator {
  background: #D8D8D8;
  width: 28px;
  height: 4px;
  border-radius: 4px;
  margin: 0 0.2rem;
  cursor: pointer;
}
.customvideo .interval-indicator-wrapper {
  display: flex;
}
.customvideo .interval-indicator-active {
  background: #78BE20;
}
.customvideo .btn {
  text-align: center;
  color: #fff;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  transition: opacity 0.175s ease-in;
}
.customvideo button:focus {
  outline: 0;
}
.customvideo .progress-bar-fill {
  width: 0;
  height: 7px;
  background-color: #78BE20;
  transition: width .35s linear;
}
.customvideo .paused {
  fill: #78BE20;
}
.customvideo .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.customvideo .customthumbnail {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.customvideo .customthumbnail img {
  width: 100%;
  height: 100%;
}
.customvideo .icon-play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  margin-top: -30px;
  margin-left: -30px;
  text-align: center;
  cursor: pointer;
  z-index: 1;
}
.customvideo .icon-play:before {
  font-size: 60px;
  color: #ffffff;
  vertical-align: top;
}
.calculator-container {
  padding: 10px;
}
@media (min-width: 992px) {
  .calculator-container {
    padding: 40px;
  }
}
.calculator-container .calculator {
  padding: 20px;
}
@media (min-width: 768px) {
  .calculator-container .calculator {
    padding: 30px;
  }
}
.calculator-container .copy p {
  margin: 0px;
  color: #a7a7a7;
  font-size: 14px;
}
.calculator-container .calculator-disclaimer {
  padding: 0px 20px 20px 20px;
}
@media (min-width: 992px) {
  .calculator-container .calculator-disclaimer {
    padding: 0px;
  }
}
.calculator-container .calculator-disclaimer .copy-block-heading {
  font-size: 20px;
  line-height: 24px;
  color: #353535;
  margin-bottom: 0px;
}
.calculator-container .calculator-disclaimer .copy {
  margin-top: 6px;
}
.calculator-container .calculator-disclaimer .title-text {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .calculator-container .calculator-disclaimer .title-text {
    margin-top: 26px;
  }
}
.calculator-container .calculator-results {
  padding: 20px;
  margin-top: 10px;
  display: none;
}
@media (min-width: 768px) {
  .calculator-container .calculator-results {
    padding: 30px;
  }
}
.calculator-container .calculator-report {
  padding: 20px;
  margin-top: 10px;
  display: none;
}
@media (min-width: 768px) {
  .calculator-container .calculator-report {
    padding: 30px;
  }
}
.calculator-container .calculator-report h4 {
  margin-bottom: 30px;
}
.calculator-container .calculator-report h6 {
  margin-bottom: 10px;
}
.calculator-container .calculator-report hr {
  margin-bottom: 30px;
}
.calculator-container .calculator-report .total {
  margin-bottom: 17px;
}
.calculator-container .calculator-report .table-margin-bottom {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .calculator-container .calculator-report .table-margin-bottom {
    margin-bottom: 37px;
  }
}
.calculator-container .calculator-report .table-current {
  margin-bottom: 30px;
}
.calculator-container .calculator-report .icon-print:before {
  color: #5c5c5c;
  margin-right: 10px;
  font-size: 19px;
  vertical-align: middle;
}
.calculator-container .hr-bottom {
  margin: 30px 20px 0px 20px;
}
@media (min-width: 992px) {
  .calculator-container .hr-bottom {
    margin: 40px 0px 30px 0px;
  }
}
.calculator-container .jcf-select {
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .calculator-container .jcf-select {
    width: 440px;
  }
}
.calculator-container .income-container,
.calculator-container .monthly-expenses {
  display: none;
  padding: 20px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .calculator-container .income-container,
  .calculator-container .monthly-expenses {
    padding: 30px;
  }
}
.calculator-container .panel-group {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .calculator-container .panel-group {
    margin-top: 40px;
  }
}
.calculator-container .panel-group .panel .panel-collapse {
  margin: 0px;
}
.calculator-container .panel-group .panel .panel-heading h5 {
  margin-right: 30px;
}
.calculator-container .panel-group .panel .panel-heading .panel-title span {
  font-size: 16px;
  float: left;
}
.calculator-container .panel-group .panel .panel-body {
  padding-top: 0px;
}
@media (min-width: 768px) {
  .calculator-container .panel-group .panel .panel-body .jcf-select .jcf-select-text,
  .calculator-container .panel-group .panel .panel-body .jcf-select .jcf-select-opener {
    padding: 5px 14px;
  }
}
.calculator-container .cta-summary {
  margin-top: 10px;
}
.calculator-container .calculatorselect .validation-error {
  height: 0px;
  position: relative;
  top: -10px;
}
@media (min-width: 992px) {
  .calculator-container .calculatorselect .validation-error {
    top: -52px;
  }
}
.pos-root {
  padding: 50px;
}
.bg-gr {
  background-color: #dadada;
}
.font-weight-bold {
  font-weight: bold;
}
.bond-root .table {
  max-width: 670px;
}
.bond-root form {
  padding: 10px;
  margin-bottom: 20px;
}
.bond-result .table tbody tr td:nth-child(2) {
  text-align: right;
}
.bond-result .table tbody tr td:nth-child(2)::before {
  content: "R ";
}
.error-container {
  padding: 10px;
}
@media (min-width: 992px) {
  .error-container {
    padding: 40px;
  }
}
.error-container .error-row-first .hr-dark {
  margin: 13px 0px 15px 0px;
}
.error-container .error-row-first h6 {
  margin-bottom: 0px;
}
.error-container .error-row {
  padding: 20px;
}
@media (min-width: 768px) {
  .error-container .error-row {
    padding: 30px;
  }
}
@media (min-width: 992px) {
  .error-container .error-row .overflow-auto {
    position: relative;
    top: -3px;
  }
}
.error-container .error-row-last {
  padding-bottom: 4px;
}
@media (min-width: 768px) {
  .error-container .error-row-last {
    padding-bottom: 5px;
  }
}
@media (min-width: 992px) {
  .error-container .error-row-last .row {
    margin: 0px -10px;
  }
  .error-container .error-row-last [class*="col-"] {
    padding: 0px 5px;
  }
}
.error-container .error-row-last h6 {
  margin-bottom: 21px;
  margin-top: 0px;
}
@media (min-width: 992px) {
  .error-container .error-row-last h6 {
    margin-bottom: 27px;
  }
}
.error-container .error-row-last p {
  margin-top: 10px;
}
.error-container .error-row-last .modTitleLinks hr {
  display: none !important;
}
.error-container .error-row-last .modTitleLinks h6 {
  font-size: 24px;
  line-height: 28px;
  font-family: 'libre_franklin300', sans-serif;
  margin-bottom: 12px;
  color: #006341;
}
@media (min-width: 992px) {
  .error-container .error-row-last .modTitleLinks h6 {
    font-size: 28px;
    line-height: 32px;
  }
}
.error-container .error-row-last .modTitleLinks p {
  margin-bottom: 25px;
}
.error-container .error-row-last .hr-dark {
  margin: 0px 0px 24px 0px;
}
.error-container .border {
  border-right: 2px solid #dadada;
  height: 60px;
  margin: 0px 30px 0px 60px;
  float: left;
}
.error-container .icon-alert:before {
  font-size: 50px;
  color: #cedc00;
  margin-right: 20px;
}
@media (min-width: 768px) {
  .error-container .icon-alert:before {
    font-size: 60px;
  }
}
.error-container h1 {
  font-size: 28px;
  line-height: 32px;
  color: #cedc00;
}
@media (min-width: 768px) {
  .error-container h1 {
    font-size: 36px;
    line-height: 40px;
    margin-top: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .error-container h1 {
    line-height: 40px;
    font-size: 40px;
  }
}
@media (min-width: 1200px) {
  .error-container h1 {
    line-height: 40px;
    font-size: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .error-container h6 {
    margin-top: 6px;
    margin-bottom: 0px;
  }
}
@media (min-width: 1200px) {
  .error-container h6 {
    margin-top: 19px;
  }
}
.error-container .hr-dark {
  margin: 20px 0px 15px 0px;
}
.error-container .visible-md p {
  font-size: 18px;
  line-height: 22px;
  font-family: sans-serif;
  margin-top: 7px;
  display: inline-block;
}
.error-container .visible-md .text-link-cta {
  font-size: 18px;
  font-family: sans-serif;
  font-weight: normal;
  padding: 0px;
}
.error-container .visible-md .heading {
  margin-bottom: 24px;
  display: block;
  margin-top: 0px;
}
.error-container .visible-md .icon-search2:before {
  vertical-align: top;
  font-size: 60px;
  margin-right: 20px;
  color: #78be20;
}
.forms-error-container {
  margin-left: 0px;
}
.forms-error-container .error-container h1 {
  font-size: 24px;
  line-height: 28px;
  color: #cedc00;
}
@media (min-width: 768px) {
  .forms-error-container .error-container h1 {
    font-size: 28px;
    line-height: 32px;
    margin-top: 2px;
  }
}
@media (min-width: 992px) {
  .forms-error-container .error-container h6 {
    margin: 0px 0px 11px 0px;
  }
}
.forms-error-container .error-container hr {
  margin: 40px 0px 30px 0px;
}
.forms-error-container .error-container .btn-default {
  width: 100%;
  margin-top: 10px;
  float: left;
}
@media (min-width: 992px) {
  .forms-error-container .error-container .btn-default {
    width: auto;
  }
}
.forms-error-container .error-container .secondary-cta {
  display: block;
}
.forms-error-container .error-container .secondary-cta:first-child {
  margin-bottom: 20px;
  margin-top: 17px;
}
@media (min-width: 992px) {
  .forms-error-container .error-container .secondary-cta {
    display: inline-block;
    margin: 10px 0px 10px 60px;
  }
  .forms-error-container .error-container .secondary-cta:first-child {
    margin: 10px 0px 10px 60px;
  }
}
.forms-error-container .error-container .secondary-cta:hover .icon-cta {
  margin-left: 10px;
}
@media (min-width: 992px) {
  .forms-error-container .error-container .links {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-right: 30px;
  }
}
@media (min-width: 992px) {
  .forms-error-container .error-container [class*="col-md"]:first-child {
    border-right: 2px solid #dadada;
    padding-right: 40px;
  }
}
.modal-open {
  padding: 0px !important;
}
.slide-modal.fade:not(.in).left .modal-dialog {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.slide-modal.fade.in .modal-dialog {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.slide-modal .modal-dialog {
  width: 95%;
  margin: 0px;
}
@media (min-width: 992px) {
  .slide-modal .modal-dialog {
    width: 902px;
  }
}
@media (min-width: 1200px) {
  .slide-modal .modal-dialog {
    width: 960px;
  }
}
.slide-modal .modal-content {
  box-shadow: none;
  border-radius: 0px;
  border: 0px;
  height: 100vh;
}
.slide-modal .modal-body {
  background: #f9f9f9;
  padding: 0px;
}
.slide-modal .modal-body > .calculator-container {
  padding: 0px;
}
.slide-modal .close {
  color: #78be20;
  position: absolute;
  z-index: 10;
  opacity: 1;
  filter: alpha(opacity=100);
  font-weight: normal;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 14px;
  right: 0px;
  width: 60px;
  height: 60px;
  text-shadow: none;
}
@media (min-width: 992px) {
  .slide-modal .close {
    background: #78be20;
    color: #ffffff;
    width: 90px;
    right: -90px;
    height: 90px;
    font-size: 18px;
  }
  .slide-modal .close:hover {
    background-color: #009639;
  }
}
.slide-modal .close:focus {
  outline: none;
}
.modal.fade {
  opacity: 1;
}
.modal.fade.in {
  opacity: 1;
}
@media print {
  body {
    font: sans-serif;
    font-size: 14px;
  }
  @page {
    margin: 0.5cm;
  }
  @page :left {
    margin: 0.5cm;
  }
  @page :right {
    margin: 0.5cm;
  }
  header,
  .calculator,
  .mobile-nav-menu,
  .cta-summary,
  .pre-footer,
  .modRightRail,
  .footer,
  .icon-print,
  .text-link-cta {
    display: none;
  }
  .heading-component {
    padding: 0px;
  }
  .calculator-container {
    padding: -30px;
  }
  .table {
    border: 1px solid #000000;
  }
  .table > thead > tr > th {
    border: 1px solid #000000;
    color: #000000;
  }
  .table > tbody > tr > td {
    border: 1px solid #000000;
  }
}
.no-results-container {
  padding: 10px;
}
@media (min-width: 992px) {
  .no-results-container {
    padding: 40px;
  }
}
.no-results-container .search_text {
  margin: 15px 0px 25px 20px;
}
@media (min-width: 992px) {
  .no-results-container .search_text {
    margin: 0px 0px 35px 0px;
  }
}
.no-results-container .search_text span {
  color: #a7a7a7;
}
.no-results-container .search_text .result-text {
  color: #006341;
}
.no-results-container h1 {
  margin-top: 0px;
  margin-bottom: 8px;
}
.no-results-container .icon-search2 {
  margin-right: 20px;
}
.no-results-container .icon-search2:before {
  font-size: 60px;
  color: #cedc00;
}
.search-results-container h5 {
  color: #a7a7a7;
  padding: 0px 20px;
  margin: 10px 0px 20px 0px;
}
@media (min-width: 992px) {
  .search-results-container h5 {
    margin: 0px 0px 32px 0px;
    padding: 0px;
  }
}
.search-results-container h5 span {
  color: #006341;
  text-transform: capitalize;
}
.search-results-container .page-numbers {
  font-size: 14px;
  color: #a7a7a7;
  margin: 10px 30px 0px 0px;
}
@media (min-width: 992px) {
  .search-results-container .page-numbers {
    margin: 3px 0px 0px 0px;
  }
}
.search-results-container .accordion-list .panel-group .panel:last-child {
  margin-bottom: 10px;
}
.merchant-help-container {
  padding: 20px;
}
@media (min-width: 768px) {
  .merchant-help-container {
    padding: 30px;
  }
}
.merchant-help-container .btn {
  margin-top: 10px;
  width: 100%;
}
@media (min-width: 992px) {
  .merchant-help-container .btn {
    width: 440px;
  }
}
.merchant-help-container .or {
  margin: 20px 0px 11px 0px;
}
@media (min-width: 768px) {
  .merchant-help-container .or {
    margin: 30px 0px 21px 0px;
  }
}
.merchant-help-container.form {
  background-color: transparent;
}
.merchant-help-container.form .simple-search-container {
  margin-top: 20px;
}
.merchant-help-container.form .simple-search-container .simple-search {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  /*align-items: center;*/
}
.merchant-help-container.form .simple-search-container .simple-search .text-box {
  width: auto;
  margin-bottom: 20px;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .merchant-help-container.form .simple-search-container .simple-search .text-box {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0px;
  }
  .merchant-help-container.form .simple-search-container .simple-search .text-box input[type="text"] {
    width: 100%;
  }
}
.merchant-help-container.form .simple-search-container .simple-search .text-box input {
  height: 45px;
  border: 2px solid #bbbbbb;
}
.merchant-help-container.form .simple-search-container .simple-search .text-box input:hover {
  background-color: transparent;
}
.merchant-help-container.form .simple-search-container .simple-search .validation-error {
  left: 0px;
  top: 50px;
}
@media (max-width: 769px) {
  .merchant-help-container.form .simple-search-container .simple-search .validation-error {
    top: 0px;
  }
}
.merchant-help-container.form .simple-search-container .simple-search .textsearchbtn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 45px;
  border-radius: 5px;
  margin-top: 0px;
  width: 150px !important;
}
@media (max-width: 767px) {
  .merchant-help-container.form .simple-search-container .simple-search .textsearchbtn {
    width: 100% !important;
  }
}
.merchant-help-container.form .simple-search-container #searchResultscontainer .accordion-list {
  margin-bottom: 10px;
  padding: 0px 10px;
}
.merchant-help-container.form .simple-search-container #searchResultscontainer .accordion-list:first-child {
  padding-top: 92.4px;
}
@media (max-width: 769px) {
  .merchant-help-container.form .simple-search-container #searchResultscontainer .accordion-list:first-child {
    margin-top: 52.4px;
    padding-top: 0px;
    /*padding-top: 52.4px;
                            margin: 0px -10px;*/
  }
}
@media (max-width: 769px) {
  .merchant-help-container.form .simple-search-container #searchResultscontainer .accordion-list {
    padding: 0px;
    margin-left: -10px;
    margin-right: -10px;
  }
}
.merchant-help-container.form .simple-search-container #searchResultscontainer .validation-error {
  padding: 92.4px 10px 0 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.glossary-container {
  padding: 10px;
}
.glossary-container .modRightRail {
  display: none;
}
@media (min-width: 768px) {
  .glossary-container {
    padding: 40px;
  }
}
.glossary-container .nav-tabs li {
  margin-bottom: -2px;
}
.glossary-container .nav-tabs li a {
  padding: 12.5px 0px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.glossary-container .nav-tabs li a:hover {
  background-color: #dadada;
}
.glossary-container .nav-tabs li.active a {
  height: 55px;
  padding: 22px 0px 10px 0px;
}
@media (min-width: 992px) {
  .glossary-container .nav-tabs li.active a {
    height: 60px;
  }
}
.glossary-container .nav-tabs li.active a .border {
  left: 25%;
}
.glossary-container .nav-tabs li.active a:hover {
  background-color: #f2f2f2;
}
.glossary-container .glossary-content {
  padding: 20px;
}
@media (min-width: 768px) {
  .glossary-container .glossary-content {
    padding: 30px;
    margin-top: 2px;
  }
}
.glossary-container .glossary-content .detail-inner {
  padding: 0px;
}
.glossary-container .glossary-content.tab-content h1,
.glossary-container .glossary-content.tab-content h2,
.glossary-container .glossary-content.tab-content h3,
.glossary-container .glossary-content.tab-content h4 {
  border-top: 2px solid #dadada;
  padding-top: 35px;
  margin-top: 35px;
  font-family: 'libre_franklin500', sans-serif;
  color: #cccccc;
  font-size: 24px;
  line-height: 28px;
}
@media (min-width: 992px) {
  .glossary-container .glossary-content.tab-content h1,
  .glossary-container .glossary-content.tab-content h2,
  .glossary-container .glossary-content.tab-content h3,
  .glossary-container .glossary-content.tab-content h4 {
    line-height: 32px;
    font-size: 28px;
  }
}
.glossary-container .glossary-content.tab-content h1:first-child,
.glossary-container .glossary-content.tab-content h2:first-child,
.glossary-container .glossary-content.tab-content h3:first-child,
.glossary-container .glossary-content.tab-content h4:first-child {
  border-top: 0px;
  margin: 0px;
  padding: 0px;
}
.glossary-container .glossary-content.tab-content .title-text {
  margin: 0px;
}
.glossary-container .glossary-content.tab-content .title-text .icon-plus:before {
  display: none;
}
.glossary-container .glossary-content.tab-content .title-text h1,
.glossary-container .glossary-content.tab-content .title-text h2,
.glossary-container .glossary-content.tab-content .title-text h3,
.glossary-container .glossary-content.tab-content .title-text h4,
.glossary-container .glossary-content.tab-content .title-text h5,
.glossary-container .glossary-content.tab-content .title-text h6 {
  color: #006341;
  font-family: 'libre_franklin300', sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  margin-top: 31px;
  margin-bottom: 11px;
  text-transform: capitalize;
}
.glossary-container .glossary-content.tab-content .title-text p {
  font-size: 14px;
}
@media (min-width: 768px) {
  .glossary-container .glossary-content.tab-content .title-text p {
    font-size: 16px;
  }
}
.glossary-container .glossary-mobile-dropdown {
  padding: 20px 20px 0px 20px;
}
.glossary-container .glossary-mobile-dropdown .hr-dark {
  visibility: hidden;
}
.weather-container .temp {
  color: #78be20;
}
.weather-container .temp h3 {
  margin-bottom: 5px;
}
.weather-container .temp [class*="icon-"]:before {
  font-size: 44px;
  margin-right: 10px;
  position: relative;
  top: -5px;
  vertical-align: top;
}
.weather-container .temp .tempMax,
.weather-container .temp .tempMin {
  vertical-align: top;
}
.weather-container .weather-container-inner {
  margin-bottom: 20px;
}
.weather-container .weathDesc {
  font-size: 14px;
  font-weight: bold;
  color: #999999;
  margin-bottom: 20px;
}
.weather-container .weather-info {
  color: #5c5c5c;
  font-size: 14px;
  margin-bottom: 10px;
}
.weather-container .weather-info:last-child {
  margin-bottom: 0px;
}
.weather-container .weather-info strong {
  color: #353535;
}
.login-form {
  padding: 30px;
}
@media (min-width: 768px) {
  .login-form {
    padding: 40px;
  }
}
.time-component {
  margin-bottom: 19px;
}
.time-component h6 {
  margin-bottom: 8px;
}
.time-component .time {
  font-family: sans-serif;
  font-size: 14px;
  color: #353535;
  font-weight: bold;
}
.forex-rates-container .tab-content {
  padding: 20px;
}
@media (min-width: 992px) {
  .forex-rates-container .tab-content {
    padding: 30px;
  }
}
.forex-rates-container .tab-content .table {
  margin-top: 24px;
}
.forex-rates-container .forex-tab-view .nav-tabs li {
  width: 50%;
  margin-bottom: 2px;
}
.forex-rates-container .forex-tab-view .nav-tabs li a {
  text-align: left;
}
.forex-rates-container .forex-tab-view .nav-tabs li.active a {
  margin-top: -10px;
  padding: 20px 24px;
  text-align: left;
}
.forex-rates-container .forex-tab-view .nav-tabs li [class*="icon-"]:before {
  font-size: 13px;
}
.flag {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 24px;
  height: 16px;
  margin-right: 10px;
  vertical-align: sub;
}
@media (min-width: 992px) {
  .flag {
    margin-right: 20px;
  }
}
.flag.AED-flag {
  background-image: url("../../designs/nedbank/images/AED-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.AED-flag {
    background-image: url("../../designs/nedbank/images/AED-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.AUD-flag {
  background-image: url("../../designs/nedbank/images/AUD-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.AUD-flag {
    background-image: url("../../designs/nedbank/images/AUD-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.BWP-flag {
  background-image: url("../../designs/nedbank/images/BWP-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.BWP-flag {
    background-image: url("../../designs/nedbank/images/BWP-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.CAD-flag {
  background-image: url("../../designs/nedbank/images/CAD-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.CAD-flag {
    background-image: url("../../designs/nedbank/images/CAD-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.CHF-flag {
  background-image: url("../../designs/nedbank/images/CHF-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.CHF-flag {
    background-image: url("../../designs/nedbank/images/CHF-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.CNY-flag {
  background-image: url("../../designs/nedbank/images/CNY-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.CNY-flag {
    background-image: url("../../designs/nedbank/images/CNY-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.CNH-flag {
  background-image: url("../../designs/nedbank/images/CNY-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.CNH-flag {
    background-image: url("../../designs/nedbank/images/CNY-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.CZK-flag {
  background-image: url("../../designs/nedbank/images/CZK-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.CZK-flag {
    background-image: url("../../designs/nedbank/images/CZK-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.DKK-flag {
  background-image: url("../../designs/nedbank/images/dkk-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.DKK-flag {
    background-image: url("../../designs/nedbank/images/dkk-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.EUR-flag {
  background-image: url("../../designs/nedbank/images/EUR-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.EUR-flag {
    background-image: url("../../designs/nedbank/images/EUR-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.GBP-flag {
  background-image: url("../../designs/nedbank/images/GBP-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.GBP-flag {
    background-image: url("../../designs/nedbank/images/GBP-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.GHS-flag {
  background-image: url("../../designs/nedbank/images/GHS-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.GHS-flag {
    background-image: url("../../designs/nedbank/images/GHS-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.HKD-flag {
  background-image: url("../../designs/nedbank/images/HKD-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.HKD-flag {
    background-image: url("../../designs/nedbank/images/HKD-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.ILS-flag {
  background-image: url("../../designs/nedbank/images/ILS-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.ILS-flag {
    background-image: url("../../designs/nedbank/images/ILS-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.INR-flag {
  background-image: url("../../designs/nedbank/images/INR-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.INR-flag {
    background-image: url("../../designs/nedbank/images/INR-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.JPY-flag {
  background-image: url("../../designs/nedbank/images/JPY-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.JPY-flag {
    background-image: url("../../designs/nedbank/images/JPY-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.KES-flag {
  background-image: url("../../designs/nedbank/images/KES-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.KES-flag {
    background-image: url("../../designs/nedbank/images/KES-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.LSL-flag {
  background-image: url("../../designs/nedbank/images/LSL-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.LSL-flag {
    background-image: url("../../designs/nedbank/images/LSL-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.MUR-flag {
  background-image: url("../../designs/nedbank/images/MUR-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.MUR-flag {
    background-image: url("../../designs/nedbank/images/MUR-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.MWK-flag {
  background-image: url("../../designs/nedbank/images/MWK-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.MWK-flag {
    background-image: url("../../designs/nedbank/images/MWK-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.MYR-flag {
  background-image: url("../../designs/nedbank/images/MYR-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.MYR-flag {
    background-image: url("../../designs/nedbank/images/MYR-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.MZN-flag {
  background-image: url("../../designs/nedbank/images/MZN-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.MZN-flag {
    background-image: url("../../designs/nedbank/images/MZN-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.NAD-flag {
  background-image: url("../../designs/nedbank/images/NAD-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.NAD-flag {
    background-image: url("../../designs/nedbank/images/NAD-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.NGN-flag {
  background-image: url("../../designs/nedbank/images/NGN-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.NGN-flag {
    background-image: url("../../designs/nedbank/images/NGN-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.NOK-flag {
  background-image: url("../../designs/nedbank/images/NOK-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.NOK-flag {
    background-image: url("../../designs/nedbank/images/NOK-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.NZD-flag {
  background-image: url("../../designs/nedbank/images/NZD-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.NZD-flag {
    background-image: url("../../designs/nedbank/images/NZD-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.SCR-flag {
  background-image: url("../../designs/nedbank/images/SCR-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.SCR-flag {
    background-image: url("../../designs/nedbank/images/SCR-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.SEK-flag {
  background-image: url("../../designs/nedbank/images/SEK-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.SEK-flag {
    background-image: url("../../designs/nedbank/images/SEK-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.SGD-flag {
  background-image: url("../../designs/nedbank/images/SGD-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.SGD-flag {
    background-image: url("../../designs/nedbank/images/SGD-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.SZL-flag {
  background-image: url("../../designs/nedbank/images/SZL-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.SZL-flag {
    background-image: url("../../designs/nedbank/images/SZL-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.THB-flag {
  background-image: url("../../designs/nedbank/images/THB-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.THB-flag {
    background-image: url("../../designs/nedbank/images/THB-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.TZS-flag {
  background-image: url("../../designs/nedbank/images/TZS-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.TZS-flag {
    background-image: url("../../designs/nedbank/images/TZS-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.UGX-flag {
  background-image: url("../../designs/nedbank/images/UGX-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.UGX-flag {
    background-image: url("../../designs/nedbank/images/UGX-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.USD-flag {
  background-image: url("../../designs/nedbank/images/USD-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.USD-flag {
    background-image: url("../../designs/nedbank/images/USD-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.XAF-flag {
  background-image: url("../../designs/nedbank/images/XAF-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.XAF-flag {
    background-image: url("../../designs/nedbank/images/XAF-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.XAU-flag {
  background-image: url("../../designs/nedbank/images/XAU-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.XAU-flag {
    background-image: url("../../designs/nedbank/images/XAU-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.XOF-flag {
  background-image: url("../../designs/nedbank/images/XOF-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.XOF-flag {
    background-image: url("../../designs/nedbank/images/XOF-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.ZMW-flag {
  background-image: url("../../designs/nedbank/images/ZMW-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.ZMW-flag {
    background-image: url("../../designs/nedbank/images/ZMW-flag-retina.png");
    background-size: 24px 16px;
  }
}
.flag.ZAR-flag {
  background-image: url("../../designs/nedbank/images/ZAR-flag.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flag.ZAR-flag {
    background-image: url("../../designs/nedbank/images/ZAR-flag-retina.png");
    background-size: 24px 16px;
  }
}
.forex-sidebar {
  font-size: 14px;
  color: #5c5c5c;
}
.forex-sidebar a {
  color: #5c5c5c;
}
.forex-sidebar h6 {
  margin-bottom: 9px;
}
.heading-component-buyers-guide .modSocialShare {
  margin-top: 15px;
}
@media (max-width: 767px) {
  .buyers-guide-template {
    margin-bottom: 0px;
  }
}
.buyers-guide-template .summary {
  padding: 20px;
}
@media (min-width: 768px) {
  .buyers-guide-template .summary {
    padding: 30px;
  }
}
.buyers-guide-template .summary p {
  font-size: 14px;
}
@media (min-width: 768px) {
  .buyers-guide-template .summary p {
    font-size: 16px;
  }
}
.buyers-guide-template .summary hr {
  margin-bottom: 20px;
}
.buyers-guide-template .summary .left p {
  font-style: italic;
}
@media (min-width: 768px) {
  .buyers-guide-template .summary h5 {
    margin-bottom: 0px;
  }
}
.buyers-guide-template .summary h5 strong {
  font-family: 'libre_franklin700', sans-serif;
}
@media (min-width: 768px) {
  .buyers-guide-template .summary .left {
    border-right: 2px solid #dadada;
    padding-right: 60px;
  }
  .buyers-guide-template .summary .right {
    padding-left: 30px;
  }
}
.buyers-guide-template .video {
  margin: 10px 0px 0px 0px;
}
.buyers-guide-template .guide-container {
  margin-top: 40px;
}
@media (min-width: 992px) {
  .buyers-guide-template .guide-container {
    margin-top: 60px;
  }
}
.buyers-guide-template .guide-container .heading {
  padding: 0px 20px;
}
@media (min-width: 992px) {
  .buyers-guide-template .guide-container .heading {
    padding: 0px;
  }
}
.buyers-guide-template .guide-container .chapter-carousel {
  padding: 20px;
  text-align: center;
  margin: auto;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .buyers-guide-template .guide-container .chapter-carousel {
    padding: 30px;
  }
}
@media (min-width: 1200px) {
  .buyers-guide-template .guide-container .chapter-carousel {
    width: 850px;
  }
}
@media (min-width: 1280px) {
  .buyers-guide-template .guide-container .chapter-carousel {
    width: 850px;
  }
}
@media (min-width: 1366px) {
  .buyers-guide-template .guide-container .chapter-carousel {
    width: 1030px;
  }
}
@media (min-width: 1600px) {
  .buyers-guide-template .guide-container .chapter-carousel {
    width: 1030px;
  }
}
.buyers-guide-template .guide-container .chapter-carousel .slick-slide {
  cursor: pointer;
  margin-top: 20px;
  padding: 0px 20px;
}
.buyers-guide-template .guide-container .chapter-carousel .slick-slide .slider-heading {
  font-size: 14px;
  color: #5c5c5c;
}
.buyers-guide-template .guide-container .chapter-carousel .slick-slide .slider-description {
  font-size: 18px;
  color: #78be20;
  font-family: 'libre_franklin500', sans-serif;
}
.buyers-guide-template .guide-container .chapter-carousel .slick-slide.slick-active-left {
  text-align: left;
}
.buyers-guide-template .guide-container .chapter-carousel .slick-slide.slick-active-right {
  text-align: right;
}
.buyers-guide-template .guide-container .chapter-carousel .slick-center {
  margin-top: 0px;
  margin-bottom: 14px;
  text-align: center;
}
.buyers-guide-template .guide-container .chapter-carousel .slick-center .slider-heading {
  font-size: 16px;
  color: #353535;
  font-weight: bold;
}
.buyers-guide-template .guide-container .chapter-carousel .slick-center .slider-description {
  font-size: 28px;
  line-height: 32px;
  color: #006341;
  font-family: 'libre_franklin300', sans-serif;
}
.buyers-guide-template .guide-container .chapter-carousel .icon-arrowleft {
  position: absolute;
  background-color: #f2f2f2;
  top: 50%;
  padding: 0px;
  left: 0px;
  color: #78be20;
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (min-width: 768px) {
  .buyers-guide-template .guide-container .chapter-carousel .icon-arrowleft:hover {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
  }
}
.buyers-guide-template .guide-container .chapter-carousel .icon-arrowright {
  position: absolute;
  background-color: #f2f2f2;
  top: 50%;
  padding: 0px;
  right: 0px;
  color: #78be20;
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (min-width: 768px) {
  .buyers-guide-template .guide-container .chapter-carousel .icon-arrowright:hover {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
  }
}
@media (min-width: 1200px) {
  .buyers-guide-template .guide-container .slider-for {
    width: 850px;
  }
}
@media (min-width: 1280px) {
  .buyers-guide-template .guide-container .slider-for {
    width: 850px;
  }
}
@media (min-width: 1366px) {
  .buyers-guide-template .guide-container .slider-for {
    width: 1030px;
  }
}
@media (min-width: 1600px) {
  .buyers-guide-template .guide-container .slider-for {
    width: 1030px;
  }
}
.buyers-guide-template .guide-container .slider-for .slick-slide {
  display: none;
  left: 0px !important;
}
.buyers-guide-template .guide-container .slider-for .slick-active {
  display: block;
}
.buyers-guide-template .guide-container .guide-cta-container {
  padding: 20px;
  margin-bottom: 2px;
}
@media (min-width: 992px) {
  .buyers-guide-template .guide-container .guide-cta-container {
    padding: 30px;
  }
}
.buyers-guide-template .guide-container .guide-cta-container .icon-text-link-cta,
.buyers-guide-template .guide-container .guide-cta-container .download-cta {
  margin-bottom: 20px;
  cursor: pointer;
  text-align: left;
}
@media (min-width: 992px) {
  .buyers-guide-template .guide-container .guide-cta-container .icon-text-link-cta,
  .buyers-guide-template .guide-container .guide-cta-container .download-cta {
    margin: 0px;
    text-align: center;
  }
}
.buyers-guide-template .guide-container .guide-cta-container .share-container {
  margin: 0px;
}
@media (min-width: 992px) {
  .buyers-guide-template .guide-container .guide-cta-container .share-container {
    text-align: right;
  }
}
.buyers-guide-template .guide-container .guide-chapter-container {
  position: relative;
}
.buyers-guide-template .guide-container .guide-chapter-container figure img {
  margin: 0 auto;
}
.buyers-guide-template .guide-container .guide-chapter-container ul {
  padding-left: 15px;
  margin-top: 0px;
  margin-bottom: 26px;
}
.buyers-guide-template .guide-container .guide-chapter-container ul li {
  line-height: 20px;
  list-style-type: none;
  position: relative;
  padding: 0px;
  margin-bottom: 20px;
  color: #5c5c5c;
}
.buyers-guide-template .guide-container .guide-chapter-container ul li:last-child {
  margin-bottom: 0px;
}
.buyers-guide-template .guide-container .guide-chapter-container ul li:before {
  position: absolute;
  margin: 0px 0 0 -15px;
  vertical-align: middle;
  display: inline-block;
  color: #d9d9d9;
  content: '•';
  font-size: 26px;
}
.buyers-guide-template .guide-container .guide-chapter-container ul:last-child {
  margin-bottom: 0px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-description {
  background: #006341;
  padding: 20px;
  color: #ffffff;
  font-style: italic;
}
@media (min-width: 992px) {
  .buyers-guide-template .guide-container .guide-chapter-container .chapter-description {
    padding: 30px;
    font-size: 18px;
  }
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-summary {
  background: #cedc00;
  padding: 20px;
  color: #ffffff;
  margin-top: 20px;
  font-size: 14px;
}
@media (min-width: 992px) {
  .buyers-guide-template .guide-container .guide-chapter-container .chapter-summary {
    padding: 30px;
  }
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-summary h6 {
  color: #ffffff;
}
.buyers-guide-template .guide-container .guide-chapter-container .column-list {
  text-align: center;
}
@media (min-width: 992px) {
  .buyers-guide-template .guide-container .guide-chapter-container .column-list {
    text-align: left;
  }
}
.buyers-guide-template .guide-container .guide-chapter-container .column-list figure img {
  margin: 0 auto;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .buyers-guide-template .guide-container .guide-chapter-container .column-list figure img {
    margin: 0px;
  }
}
.buyers-guide-template .guide-container .guide-chapter-container .guide-content {
  padding: 0px 20px 20px 20px;
  margin: 0px 0px 30px 0px;
}
@media (min-width: 768px) {
  .buyers-guide-template .guide-container .guide-chapter-container .guide-content {
    padding: 0px 30px 30px 30px;
  }
}
.buyers-guide-template .guide-container .guide-chapter-container .guide-content h5 {
  margin-bottom: 10px;
}
.buyers-guide-template .guide-container .guide-chapter-container .guide-content figure {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 40px;
}
@media (min-width: 992px) {
  .buyers-guide-template .guide-container .guide-chapter-container .guide-content figure {
    text-align: left;
  }
}
.buyers-guide-template .guide-container .guide-chapter-container .guide-content ul {
  padding: 0px 20px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter {
  padding: 20px;
  background: #f2f2f2;
}
@media (min-width: 992px) {
  .buyers-guide-template .guide-container .guide-chapter-container .chapter {
    padding: 30px;
  }
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter .bg-white {
  padding: 20px;
}
@media (min-width: 992px) {
  .buyers-guide-template .guide-container .guide-chapter-container .chapter .bg-white {
    padding: 30px;
  }
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter figure img {
  margin-bottom: 30px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter .column-list figure img {
  margin-bottom: 20px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter .tip li {
  font-size: 14px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter .tip p {
  font-size: 14px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter p {
  line-height: 24px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter h4 strong {
  font-family: 'libre_franklin700', sans-serif;
  font-weight: normal;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-intro .row {
  margin-right: -5px;
  margin-left: -5px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-intro [class*="col-"] {
  margin-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 14px;
  font-style: italic;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-intro [class*="col-"]:last-child {
  margin-bottom: 0px;
}
@media (min-width: 992px) {
  .buyers-guide-template .guide-container .guide-chapter-container .chapter-intro [class*="col-"] {
    margin-bottom: 0px;
  }
  .buyers-guide-template .guide-container .guide-chapter-container .chapter-intro [class*="col-"] .bg-white {
    min-height: 140px;
  }
}
@media (min-width: 1281px) {
  .buyers-guide-template .guide-container .guide-chapter-container .chapter-intro [class*="col-"] .bg-white {
    min-height: 120px;
  }
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-intro h4 {
  margin: 0px 0px 16px 0px;
}
@media (min-width: 768px) {
  .buyers-guide-template .guide-container .guide-chapter-container .chapter-intro h4 {
    margin: 0px 0px 26px 0px;
  }
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-intro p {
  margin: 0px 0px 25px 0px;
}
@media (min-width: 768px) {
  .buyers-guide-template .guide-container .guide-chapter-container .chapter-intro p {
    margin: 0px 0px 35px 0px;
  }
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-intro p.p-big {
  margin: 0px 0px 16px 0px;
}
@media (min-width: 768px) {
  .buyers-guide-template .guide-container .guide-chapter-container .chapter-intro p.p-big {
    margin: 0px 0px 26px 0px;
  }
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-1 figure {
  margin-bottom: 25px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-1 [class*="col-"] {
  margin-bottom: 10px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-1 .chapter-description {
  margin: 30px 0px 0px 0px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-2 .tip {
  margin-bottom: 40px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-2 .chapter-summary {
  margin-top: 40px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-2 .column-list {
  padding: 30px 20px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-2 .column-list.column-list-2 {
  padding: 10px 20px 40px 20px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-3 .chapter-description {
  margin-bottom: 40px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-3 p {
  margin-bottom: 21px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-3 .tip {
  margin: 13px 0px 30px 0px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-3 .chapter-summary {
  margin-top: 13px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-4 figure img {
  margin: 0px 0px 55px 0px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-4 .tip {
  margin: 13px 0px 0px 0px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-4 p {
  margin-bottom: 21px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-5 .column-list {
  padding: 0px 20px;
  margin-top: 40px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-5 .column-list:last-child {
  padding-bottom: 0px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-6 .column-list {
  margin-top: 55px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-6 .column-list figure img {
  margin: 0 auto;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .buyers-guide-template .guide-container .guide-chapter-container .chapter-6 .column-list figure img {
    margin: 0 auto;
  }
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-7 figure img {
  margin: 0px 0px 55px 0px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-7 p {
  margin-bottom: 21px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-8 {
  margin-bottom: -10px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-8 h6 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-8 .p-big {
  margin-bottom: 16px;
  color: #006341;
  font-family: 'libre_franklin500', sans-serif;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-8 .p-small {
  line-height: 20px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-8 li {
  font-size: 14px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-8 figure img {
  margin: 0px;
  margin-bottom: 30px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-8 .chapter-description {
  margin: 0px;
  color: #ffffff;
}
@media (min-width: 992px) {
  .buyers-guide-template .guide-container .guide-chapter-container .chapter-8 .chapter-description {
    min-height: 257px;
  }
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-8 .image {
  background: #009639;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-8 .image img {
  margin: 0 auto;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-8 .image.image-white {
  background: #ffffff;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-8 [class*="col-"] {
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .buyers-guide-template .guide-container .guide-chapter-container .chapter-8 .row {
    margin-left: -5px;
    margin-right: -5px;
  }
  .buyers-guide-template .guide-container .guide-chapter-container .chapter-8 [class*="col-md-4"] {
    padding-left: 5px;
    padding-right: 5px;
  }
  .buyers-guide-template .guide-container .guide-chapter-container .chapter-8 [class*="col-md-8"] {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-8 .bg-white {
  padding: 20px;
}
@media (min-width: 992px) {
  .buyers-guide-template .guide-container .guide-chapter-container .chapter-8 .bg-white {
    min-height: 257px;
  }
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-9 .chapter-description {
  margin-bottom: 30px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-9 p {
  margin-bottom: 21px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-9 .tip {
  margin: 13px 0px 0px 0px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-9 .chapter-summary {
  margin-top: 10px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-10 .image img {
  margin: 0 auto;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .buyers-guide-template .guide-container .guide-chapter-container .chapter-10 .image img {
    margin: 40px 0px 0px 0px;
  }
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-10 .tip {
  margin: 13px 0px 0px 0px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-11 figure img {
  margin: 0px 0px 55px 0px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-11 .column-list {
  margin-top: 55px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-11 .column-list figure img {
  margin: 0 auto;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .buyers-guide-template .guide-container .guide-chapter-container .chapter-11 .column-list figure img {
    margin: 0 auto;
  }
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-12 figure img {
  margin: 0 auto 30px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-13 figure img {
  margin: 0 auto 30px;
}
.buyers-guide-template .guide-container .guide-chapter-container .chapter-13 p {
  margin-bottom: 21px;
}
.buyers-guide-template .guide-container .guide-chapter-container .view-all .chapter {
  margin-bottom: 10px;
  width: 100% !important;
  z-index: 1 !important;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0px;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.unsupported-body {
  background: #f9f9f9;
  margin: 0 auto;
  max-width: 100%;
}
.unsupported-container {
  padding: 20px 10px;
  text-align: center;
}
@media (min-width: 992px) {
  .unsupported-container {
    padding: 30px;
  }
}
.unsupported-container .logo {
  background-image: url("../../designs/nedbank/images/nb-logo.png");
  width: 203px;
  height: 100px;
  float: right;
  margin-bottom: 30px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .unsupported-container .logo {
    background-image: url("../../designs/nedbank/images/nb-logo-retina.png");
    background-size: 203px 100px;
  }
}
.unsupported-container .row h4 {
  margin-bottom: 8px;
}
.unsupported-container .row p {
  margin-bottom: 25px;
  line-height: 20px;
  font-size: 14px;
  color: #5c5c5c;
  padding: 0px 30px;
}
@media (min-width: 992px) {
  .unsupported-container .row p {
    padding: 0px;
  }
}
.unsupported-container .row .secondary-cta {
  margin: 15px 0px 15px 0px;
  display: block;
  clear: both;
}
.unsupported-container .row .secondary-cta:last-child {
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .unsupported-container .row .secondary-cta {
    margin: 20px 0px 24px 0px;
  }
}
.unsupported-container .row-inner {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (min-width: 992px) {
  .unsupported-container .row-inner {
    width: 80%;
  }
}
.unsupported-container [class*="col-"] {
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .unsupported-container [class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.unsupported-container .browser-block {
  background: #f2f2f2;
  padding: 30px 0px 37px 0px;
  text-align: center;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.unsupported-container .browser-block .firefox {
  background-image: url("../../designs/nedbank/images/firefox.png");
  width: 100px;
  height: 100px;
  margin: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .unsupported-container .browser-block .firefox {
    background-image: url("../../designs/nedbank/images/firefox-retina.png");
    background-size: 100px 100px;
  }
}
.unsupported-container .browser-block .chrome {
  background-image: url("../../designs/nedbank/images/chrome.png");
  width: 100px;
  height: 100px;
  margin: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .unsupported-container .browser-block .chrome {
    background-image: url("../../designs/nedbank/images/chrome-retina.png");
    background-size: 100px 100px;
  }
}
.unsupported-container .browser-block .safari {
  background-image: url("../../designs/nedbank/images/safari.png");
  width: 100px;
  height: 100px;
  margin: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .unsupported-container .browser-block .safari {
    background-image: url("../../designs/nedbank/images/safari-retina.png");
    background-size: 100px 100px;
  }
}
.unsupported-container .browser-block .ie {
  background-image: url("../../designs/nedbank/images/ie.png");
  width: 100px;
  height: 100px;
  margin: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .unsupported-container .browser-block .ie {
    background-image: url("../../designs/nedbank/images/ie-retina.png");
    background-size: 100px 100px;
  }
}
.unsupported-container .browser-block:hover {
  background: #e8e8e8;
}
.unsupported-container .browser-block h6 {
  margin: 16px 0px 9px 0px;
}
.unsupported-container .browser-block p {
  font-size: 14px;
  color: #9a9a9a;
  margin-bottom: 0px;
  font-weight: bold;
}
.unsupported-container .browser-footer {
  text-align: center;
  width: 100%;
}
.unsupported-container .browser-footer .omg-logo {
  background-image: url("../../designs/nedbank/images/omg.png");
  width: 307px;
  height: 38px;
  margin: auto;
  margin-bottom: 9px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .unsupported-container .browser-footer .omg-logo {
    background-image: url("../../designs/nedbank/images/omg-retina.png");
    background-size: 307px 38px;
  }
}
.unsupported-container .browser-footer p {
  font-size: 12px;
  color: #cccccc;
  margin-bottom: 0px;
}
.ie6 .clearfix {
  clear: both;
}
.ie6 .row-inner {
  width: 80%;
}
.ie6 .col-xs-12 {
  width: 22%;
  margin: 0px 5px 0px 5px;
}
.ie7 .clearfix {
  clear: both;
}
.ie7 .row-inner {
  width: 80%;
}
.ie7 [class*="col-"] {
  width: 23%;
}
.ie8 .clearfix {
  clear: both;
}
.ie8 .row-inner {
  width: 80%;
}
.ie8 [class*="col-"] {
  width: 23%;
}
#applandpage-imgtxthead {
  background: #ffffff;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#ffffff, #dadada);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#ffffff, #dadada);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#ffffff, #dadada);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#ffffff, #dadada);
  /* Standard syntax */
  padding-bottom: 0px;
  position: relative;
}
@media (max-width: 767px) {
  #applandpage-imgtxthead {
    background: none;
    padding: 0;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  #applandpage-imgtxthead .imgheaderblock1 {
    padding: 20px 20px 0 20px;
    background: linear-gradient(#ffffff, #dadada);
    /* Standard syntax */
    display: inline-flex;
    width: 100%;
  }
}
#applandpage-imgtxthead .imgtxtheadLeft {
  width: 60%;
}
#applandpage-imgtxthead .imgtxtheadRight {
  width: 40%;
}
#applandpage-imgtxthead .imgtxthead-heading {
  font-size: 40px;
  line-height: 40px;
  color: #353535;
  font-weight: bold;
}
#applandpage-imgtxthead .imgtxthead-headingSec {
  font-weight: bold;
  color: #353535;
}
#applandpage-imgtxthead .imgtxthead-Dsc {
  color: #666666;
  margin: 20px 0 35px 0;
}
#applandpage-imgtxthead .get-link {
  margin-top: 50px;
}
#applandpage-imgtxthead .get-link h4 {
  color: #353535;
}
#applandpage-imgtxthead .get-link .get-link-Dsc {
  color: #666666;
  margin: 10px 0 20px 0;
}
#applandpage-imgtxthead .textBoxBtn {
  display: inline-flex;
}
#applandpage-imgtxthead .textBoxBtn input {
  border-color: #003e2b;
}
#applandpage-imgtxthead .text-box {
  margin-bottom: 15px;
}
.main-wrapper .imagetextheader .row {
  display: block;
}
.main-wrapper .segmentblockbuilderv2 #segBlockSet.row {
  display: block;
}
.main-wrapper .segmentblockbuilderv2 #segBlockSet.row h1.copy-block-heading {
  margin: 0 0 11px 0;
}
.main-wrapper .segmentblockbuilderv2 #segBlockSet #myCarousel.full-serviceCar .carousel-indicators {
  top: 200px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .main-wrapper .segmentblockbuilderv2 #segBlockSet .segmentBlocks .segmentBackground a[href^="tel:"] {
    all: unset!important;
    font-weight: normal;
    font-family: 'libre_franklin300', sans-serif;
    display: inline;
  }
  .main-wrapper .segmentblockbuilderv2 #segBlockSet .segmentBlocks .segmentBackground .pull-rightwid p.smalldesc {
    white-space: pre-wrap;
    line-height: initial;
    font-weight: normal;
    font-family: 'libre_franklin300', sans-serif;
  }
  .main-wrapper .segmentblockbuilderv2 #segBlockSet .segmentBlocks .segmentBackground .pull-rightwid p.smalldesc a {
    font-family: 'libre_franklin300', sans-serif;
    all: unset;
    background: #ffffff;
    display: inline;
    padding: 0px;
    border: 0px solid #900000;
    width: 100%;
    height: 10px;
    overflow: inherit;
    transition: none;
    font-size: 18px;
  }
  .main-wrapper .segmentblockbuilderv2 #segBlockSet .segmentBlocks .segmentBackground .segmentBackground {
    font-family: 'libre_franklin300', sans-serif;
    all: unset;
    background: #ffffff;
    display: inline;
    padding: 0px;
    border: 0px solid #900000;
    width: 100%;
    height: 10px;
    overflow: inherit;
    transition: none;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .main-wrapper .segmentblockbuilderv2 #segBlockSet .segmentBlocks .segmentBackground figure {
    display: initial;
    height: initial;
  }
}
.main-wrapper .segmentblockbuilderv2 #segBlockSet .segmentBlocks .segmentBackground > a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.main-wrapper .segmentblockbuilderv2 #segBlockSet .segmentBlocks .segmentBackground > a a {
  display: inline;
  width: inherit;
  height: inherit;
  all: unset;
}
.main-wrapper .segmentblockbuilderv2 #segBlockSet .segmentBlocks .segmentBackground .pull-rightwid {
  padding-left: 10px;
}
.main-wrapper .segmentblockbuilderv2 #segBlockSet .segmentBlocks .segmentBackground .pull-rightwid h2 {
  color: #009639;
}
.main-wrapper .segmentblockbuilderv2 #segBlockSet .segmentBlocks .segmentBackground .pull-rightwid h5 {
  color: #009639;
}
.main-wrapper .segmentblockbuilderv2 #segBlockSet .segmentBlocks .segmentBackground .pull-rightwid h6 {
  margin: 10px 0 0 0;
  line-height: 20px;
  font-size: 16px;
  color: #009639;
  font-family: 'libre_franklin300', sans-serif;
}
.main-wrapper .segmentblockbuilderv2 #segBlockSet .segmentBlocks .segmentBackground .pull-rightwid h6 a,
.main-wrapper .segmentblockbuilderv2 #segBlockSet .segmentBlocks .segmentBackground .pull-rightwid h6 a[href^="tel:"] {
  all: unset!important;
  font-weight: normal;
  font-family: 'libre_franklin300', sans-serif;
  display: inline;
}
.main-wrapper .segmentblockbuilderv2 #segBlockSet .segmentBlocks .segmentBackground:hover .pull-rightwid h2 {
  color: #006341;
}
.main-wrapper .segmentblockbuilderv2 #segBlockSet .segmentBlocks .segmentBackground:hover .pull-rightwid h5 {
  color: #006341;
}
.main-wrapper .segmentblockbuilderv2 #segBlockSet .segmentBlocks .segmentBackground:hover .pull-rightwid h6 {
  color: #006341;
}
@media (min-width: 991px) and (max-width: 1400px) {
  .main-wrapper .segmentblockbuilderv2 #segBlockSet {
    padding: 0px;
  }
  .main-wrapper .segmentblockbuilderv2 #segBlockSet .segmentBackground .full-serviceCarImg {
    width: 35%;
  }
  .main-wrapper .segmentblockbuilderv2 #segBlockSet .segmentBackground .full-serviceCarImg img {
    width: 90px;
  }
  .main-wrapper .segmentblockbuilderv2 #segBlockSet .segmentBackground .pull-rightwid {
    width: 65%;
  }
}
.main-wrapper .changeimageonhover .heading-component.row {
  display: block;
}
.segmentblockbuilderv2 {
  clear: both;
  float: none;
}
.segmentblockbuilderv2 #segBlockSet .needs-listing-item {
  padding: 5px;
}
#myTab2.deskTabs .tab-content .tab-pane .row {
  display: block !important;
}
#myTab2.deskTabs .tab-content .tab-pane .segmentblockbuilderv2 {
  margin-left: -25px;
}
#myTab2.deskTabs .tab-content .tab-pane .segmentblockbuilderv2 #segBlockSet {
  padding: 30px 0px;
}
#applandpage-downloadimg {
  background-color: #353535;
  display: inline-block;
  padding: 30px 20px 30px 40px;
}
#applandpage-downloadimg .downloadimgDsc {
  width: 65%;
}
#applandpage-downloadimg .downloadimgDsc h4 {
  color: #ffffff;
}
#applandpage-downloadimg .downloadimgApplink {
  width: 35%;
}
#applandpage-downloadimg .downloadimgApplink a {
  display: inline-flex;
}
.applandingBanner {
  position: relative;
}
.appLandingHdr {
  height: auto;
  padding-top: 50px;
}
hr.imgTxtHr {
  height: 7px;
  border: none;
  background-color: #229954;
  width: 10%;
  float: left;
}
.imgTxtBlock {
  position: absolute;
  top: 250px;
  /*left: 40px;*/
  display: inline-block;
  margin: 15px 0;
  width: 60%;
}
@media (max-width: 767px) {
  .imgTxtBlock {
    padding: 0 20px 10px 20px;
  }
}
@media (min-width: 768px) {
  .imgTxtBlock {
    width: 56%;
  }
}
@media (max-width: 1200px) {
  .imgTxtBlock {
    width: 48%;
  }
}
.imgTxtBlock .formRow {
  font-size: 18px;
  line-height: 1.25;
  text-align: left;
  color: #666666;
}
@media (min-width: 768px) {
  .imgTxtBlock .formRow {
    font-size: 16px;
  }
}
.imgTxtBlock .appLinks {
  height: 80px;
  margin-top: 20px;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .imgTxtBlock .appLinks {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .imgTxtBlock .appLinks {
    height: 100%;
  }
}
.imgTxtBlock .appLinks a {
  vertical-align: top;
}
.imgTxtBlock .appLinks a img {
  vertical-align: top;
  min-width: 135px;
}
@media (max-width: 767px) {
  .imgTxtBlock .appLinks a img {
    width: 48%;
    margin: 0;
  }
}
@media (min-width: 768px) {
  .imgTxtBlock .appLinks a img {
    width: 25%;
  }
}
@media (max-width: 1375px) and (min-width: 768px) {
  .imgTxtBlock .appLinks a img {
    margin-right: 5px;
  }
}
.imgTxtBlock a img {
  width: 20%;
  margin-right: 15px;
  margin-left: 0;
}
.topdesc {
  width: 60%;
  float: left;
  display: block;
}
@media (max-width: 1200px) {
  .topdesc {
    width: 55%;
  }
}
.topdesc h1 {
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0px;
  text-align: left;
  color: #1d1d1d;
}
@media (max-width: 767px) {
  .topdesc h1 {
    font-size: 24px;
    line-height: 28px;
  }
}
.topdesc h4 {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0.6px;
  text-align: left;
  color: #1d1d1d;
}
@media (max-width: 767px) {
  .topdesc h4 {
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 1375px) and (min-width: 768px) {
  .topdesc h4 {
    margin-bottom: 10px;
  }
}
.gifimage {
  display: inline-block;
  width: 40%;
  float: right;
}
@media (max-width: 1200px) {
  .gifimage {
    width: 43%;
  }
}
.gifimage img {
  display: block;
  height: 500px;
  margin: 0 auto;
}
@media (max-width: 1375px) and (min-width: 768px) {
  .gifimage img {
    height: 450px;
    /*margin-top: 80px;*/
  }
}
@media (max-width: 1375px) and (min-width: 768px) {
  .gifimage-extended img {
    margin-top: 160px;
  }
}
@media (max-width: 767px) {
  .imgTxtBlock {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    margin-top: 20px;
  }
  .topdesc {
    display: inline-block;
  }
  .imgheaderblock1 {
    display: block;
    float: none;
  }
  .gifimage img {
    display: block;
    height: auto;
    float: none;
    height: 100%;
    width: 100%;
  }
  .imgTxtBlock a img {
    width: 20%;
    margin-right: 15px;
    margin-left: 0;
  }
}
.form h5 {
  color: #1d1d1d;
  font-weight: bold;
  margin-bottom: 10px;
}
.form .get-link-button {
  border-radius: 5px;
  height: 36px;
  padding: 7px 30px;
  margin: auto;
}
.form .rows-inline {
  float: left;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .form .rows-inline {
    float: none;
    margin: 0;
  }
}
.form .rows-inline:first-child {
  float: left;
}
.form .rows-inline .rows-inlinebtn {
  margin-top: 22px;
}
@media (width: 768px) {
  .form .rows-inline .rows-inlinebtn {
    margin-top: -4px;
  }
}
@media (min-width: 769px) {
  .form .rows-inline .rows-inlinebtn {
    margin-top: 22px;
  }
}
@media (max-width: 969px) {
  .form .rows-inline .rows-inlinebtn {
    margin-top: 0px;
  }
}
.form .small-label {
  font-weight: normal;
  font-size: 12px;
}
@media (max-width: 767px) {
  .rows-inline {
    display: block;
    float: none;
  }
  .form .rows-inline input {
    width: 100%;
  }
  .form .get-link-button {
    width: 100%;
    height: 40px;
  }
  .form input {
    border: 2px solid #e8e8e8 !important;
  }
  .download-sms-block {
    width: auto;
  }
}
@media (min-width: 768px) {
  .form input[type="text"],
  .form [type="number"],
  .form [type="password"],
  .form [type="tel"] {
    width: 350px;
  }
  .form .get-link-button {
    width: 100%;
  }
  .form .rows-inline input {
    border: 2px solid #e8e8e8 !important;
    outline-color: #4c8272;
  }
  .form .rows-inline input:focus {
    border: 2px solid #e8e8e8;
    outline-color: #4c8272;
  }
}
@media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
  .form input[type="text"],
  .form [type="number"],
  .form [type="password"],
  .form [type="tel"] {
    width: 325px;
  }
}
.form .mobile-number-input.error,
.form .staff-number-input.error {
  border: 1px solid red;
  outline-color: red;
}
.form .mobile-number-input.error:focus,
.form .staff-number-input.error:focus {
  outline-color: red;
}
.form .form-validation-error,
.form .submission-message {
  position: relative;
  margin-bottom: 5px;
  color: #d0582e;
  font-size: 14px;
  font-style: italic;
}
.form .submission-message {
  color: green;
}
.appLandheading-component {
  font-family: 'libre_franklin300', sans-serif;
  width: 100%;
  background-color: #353535;
  padding: 0 40px;
  height: 130px;
  display: inline-flex;
  align-items: center;
}
@media (max-width: 767px) {
  .appLandheading-component {
    height: 140px;
    padding: 10px;
    margin: 25px 0;
    display: block;
  }
}
@media (max-width: 767px) {
  .appLandheading-component .mar10 {
    margin-top: 10px;
  }
}
.appLandheading-component h4 {
  margin: 0;
  color: #ffffff;
}
.appLandheading-component a img {
  vertical-align: top;
  margin-right: 15px;
  margin-left: 0;
}
@media (max-width: 450px), (min-width: 768px) and (max-width: 1240px) {
  .appLandheading-component a img {
    width: 40%;
  }
}
@media (min-width: 451px) and (max-width: 767px), (min-width: 1241px) {
  .appLandheading-component a img {
    width: 30%;
  }
}
.changeimageonhover {
  font-family: 'libre_franklin300', sans-serif;
}
.changeimageonhover table#switchimage td {
  color: #5C5C5C;
  height: 150px;
}
.changeimageonhover table#switchimage td.textContent {
  border-left: 7px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  width: 65%;
  margin: 1px 0;
}
.changeimageonhover table#switchimage td.textContent.highlightrow {
  background-color: #fff;
  border-left: 7px solid #009639;
  border-right: 1px solid #009639;
  border-top: 1px solid #009639;
  border-bottom: 1px solid #009639;
  color: black;
}
.changeimageonhover table#switchimage td .imgBlock {
  height: 450px;
}
.changeimageonhover table#switchimage td .imgBlock img {
  display: none;
  margin: 0 auto;
}
@media (min-width: 991px) and (max-width: 1400px) {
  .changeimageonhover table#switchimage td .imgBlock img {
    width: 99%;
  }
}
.changeimageonhover table#switchimage .imageRow {
  width: 40%;
}
@media (max-width: 768px) {
  .changeimageonhover table#switchimage .imageRow {
    width: 56%;
  }
}
@media (max-width: 767px) {
  .changeimageonhover .carousel-inner .carousel-caption {
    width: 48%;
    padding: 0;
    float: left;
    padding: 0 20px;
    word-wrap: break-word;
    margin-top: 30px;
  }
  .changeimageonhover .carousel-indicators {
    margin: 0px auto;
    top: auto;
    bottom: -20px;
    position: absolute;
  }
}
@media (min-width: 768px) {
  .changeimageonhover table {
    border: 0px solid #ffffff;
  }
  .changeimageonhover table tr td.textContent {
    padding: 10px 10px 10px 30px;
    height: 150px;
  }
}
#segBlockSet {
  font-family: 'libre_franklin300', sans-serif;
  padding: 30px;
  margin: 0;
}
@media (max-width: 767px) {
  #segBlockSet {
    background: none !important;
    padding: 15px 20px;
  }
}
#segBlockSet .segmentBackground {
  color: #009639;
  cursor: pointer;
  background: #ffffff;
  display: inline-block;
  padding: 10px;
  border: 1px solid #d4d4d4;
  width: 100%;
  height: 250px;
  overflow: hidden;
}
@media (min-width: 991px) and (max-width: 1400px) {
  #segBlockSet .segmentBackground .full-serviceCarImg img {
    width: 100px;
  }
}
@media (max-width: 767px) {
  #segBlockSet .segmentBackground {
    width: 100%;
    height: 100%;
  }
}
#segBlockSet .segmentBackground .image-15x15 {
  width: 15px;
  height: 15px;
}
#segBlockSet .segmentBackground .image-30x30 {
  width: 30px;
  height: 30px;
}
#segBlockSet .segmentBackground .image-60x60 {
  width: 60px;
  height: 60px;
}
#segBlockSet .segmentBackground .image-100x100 {
  width: 100px;
  height: 100px;
}
#segBlockSet .segmentBackground .image-250x250 {
  width: 250px;
  height: 250px;
}
#segBlockSet .segmentBackground .image-400x140 {
  width: 400px;
  height: 140px;
}
@media (max-width: 767px) {
  #segBlockSet .segmentBackground .image-400x140 {
    width: 100%;
  }
}
#segBlockSet h1 {
  margin-left: 40px;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  #segBlockSet h1 {
    font-size: 20px;
    color: #353535;
    margin: 0;
    font-weight: bold;
  }
}
#segBlockSet p {
  font-family: 'libre_franklin300', sans-serif;
}
#segBlockSet p span {
  font-size: 30px;
  font-weight: 500;
  min-height: 80px;
  max-height: 140px;
}
#segBlockSet .segmentBackgroundVer {
  width: 360px;
  height: 470px;
  background: #ffffff;
  display: inline-block;
  padding: 10px;
  border: 1px solid #d4d4d4;
  padding: 20px 30px;
}
@media (max-width: 767px) {
  #segBlockSet .segmentBackgroundVer {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1240px) {
  #segBlockSet .segmentBackgroundVer {
    width: 100%;
    height: 470px;
    background: #ffffff;
    display: inline-block;
    padding: 10px;
    border: 1px solid #d4d4d4;
    padding: 20px 30px;
    overflow: hidden;
  }
}
#segBlockSet .segmentBackgroundVer.remove-block-borders,
#segBlockSet segmentBackground.remove-block-borders {
  border: none;
}
@media (min-width: 768px) and (max-width: 1240px) {
  #segBlockSet .segmentBackgroundVer.remove-block-borders,
  #segBlockSet segmentBackground.remove-block-borders {
    border: none;
  }
}
#segBlockSet .segmentBackgroundVer.dimensions-auto {
  /*width: 240px;*/
  height: 280px;
  padding: 10px;
}
@media (min-width: 768px) and (max-width: 1240px) {
  #segBlockSet .segmentBackgroundVer.dimensions-auto {
    width: 100%;
    height: 280px;
    padding: 10px;
  }
}
#segBlockSet .segmentBackgroundVer.dimensions-auto .image-15x15 {
  width: 15px;
  height: 15px;
}
#segBlockSet .segmentBackgroundVer.dimensions-auto .image-30x30 {
  width: 30px;
  height: 30px;
}
#segBlockSet .segmentBackgroundVer.dimensions-auto .image-60x60 {
  width: 60px;
  height: 60px;
}
#segBlockSet .segmentBackgroundVer.dimensions-auto .image-100x100 {
  width: 100px;
  height: 100px;
}
#segBlockSet .segmentBackgroundVer.dimensions-auto .image-250x250 {
  width: 250px;
  height: 250px;
}
#segBlockSet .segmentBackgroundVer.dimensions-auto .image-400x140 {
  width: 400px;
  height: 140px;
}
@media (max-width: 767px) {
  #segBlockSet .segmentBackgroundVer.dimensions-auto .image-400x140 {
    width: 100%;
  }
}
#segBlockSet .segmentBackgroundVer.dimensions-auto.image-auto {
  width: auto;
  height: auto;
}
.full-serviceCar {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  height: 100% !important;
}
.full-serviceCar .full-serviceCarImg {
  width: 40%;
}
@media (max-width: 767px) {
  .full-serviceCar .full-serviceCarImg {
    width: 40%;
  }
}
@media (max-width: 767px) {
  .full-serviceCar .full-serviceCarText {
    width: 40%;
  }
}
@media (min-width: 767px) {
  .full-serviceCar .pull-leftmobi {
    width: 58%;
    float: left;
  }
}
.segmentBlocks .full-serviceCarImg {
  width: 40%;
  height: 100%;
  display: inline-flex;
  align-items: center;
}
@media (min-width: 768px) {
  .segmentBlocks .pull-rightwid {
    width: 58%;
    float: right;
    padding-left: 25px;
  }
}
@media (max-width: 767px) {
  .segmentBlocks .pull-rightwid {
    width: 58%;
  }
}
@media (min-width: 991px) and (max-width: 1400px) {
  .segmentBlocks .pull-rightwid {
    padding-left: 10px;
    margin-top: 0px;
  }
  .segmentBlocks .pull-rightwid .font24 {
    font-size: 18px;
  }
}
.segmentBlocks .centerSingleBlock {
  margin: 0 auto;
  display: block;
  float: none;
}
.segmentBlocks .segment-short-desc {
  color: green;
}
.segmentBlocks .segment-short-desc strong {
  color: #006341;
}
.service-bank {
  width: 100%;
  text-align: center;
  left: 0;
  right: 0;
  bottom: -35px;
}
@media (max-width: 767px) {
  .service-bank li {
    border-radius: 4px;
    border: 1px solid #dadada;
    width: 8px;
    height: 8px;
    text-align: center;
  }
}
.glyphicon-ring {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #009639;
  color: #009639;
  display: inline-table;
  text-align: center;
  font-size: 16px;
}
/**CSS FOR ICON WITH NO BACKGROUND COLOR**/
.glyphicon-ring .glyphicon-bordered {
  font-size: 20px;
  vertical-align: middle;
  display: table-cell;
}
.add-fontsize {
  font-size: 32px;
  line-height: 36px;
}
.add-fontsize18 {
  font-size: 18px;
}
.font24 {
  font-size: 24px;
  line-height: 28px;
}
.wrap-slides {
  margin-left: 15px;
}
.wrap-slides img {
  float: left;
}
.wrap-slides h3 {
  font-size: 20px;
  line-height: 24px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .merchantweb-container .stepwizard .stepwizard-row:before {
    top: 70px;
  }
  .merchantweb-container .stepwizard .stepwizard-row .stepwizard-step:first-child button[type=button].btn-circle {
    margin-top: 16px;
  }
  .merchantweb-container .stepwizard .stepwizard-row .stepwizard-step button[type=button].btn-circle {
    margin-top: 10px;
  }
}
.merchantweb-container .segmentblockbuildermerchantwebsite #segBlockSet P {
  font-family: 'FFMarkWebProRegular', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  min-height: 80px;
  max-height: 140px;
}
.merchantweb-container .cta-summary {
  padding: 15px 20px 15px 20px;
  position: relative;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .merchantweb-container .cta-summary {
    padding: 50px;
    background: #f2f2f2;
    margin-bottom: 0;
  }
  .merchantweb-container .cta-summary .links {
    position: absolute;
    top: 50%;
    left: 47%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-right: 60px;
  }
  .merchantweb-container .cta-summary .linkAdvanced {
    position: absolute;
    top: 50%;
    text-align: center;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-right: 60px;
  }
}
.merchantweb-container .cta-summary.addAlignment {
  margin: 10px auto;
  text-align: center;
  background: #ffffff;
}
@media (min-width: 768px) {
  .merchantweb-container .cta-summary.addAlignment {
    margin: 10px auto;
    text-align: center;
    background: #ffffff;
  }
}
@media (min-width: 992px) {
  .merchantweb-container .cta-summary {
    padding: 30px;
  }
  .merchantweb-container .cta-summary .links {
    padding-right: 80px;
  }
}
.merchantweb-container .cta-summary:last-child {
  margin-bottom: 0px;
}
@media (min-width: 768px) {
  .merchantweb-container .cta-summary .col-sm-5,
  .merchantweb-container .cta-summary .col-md-4 {
    border-right: 2px solid #dadada;
  }
}
@media (max-width: 767px) {
  .merchantweb-container .cta-summary .primary-cta {
    font-size: 28px;
    margin-bottom: 26px;
  }
}
.merchantweb-container .cta-summary .p-big {
  margin-left: 32px;
  margin-bottom: 20px;
  color: #353535;
  line-height: 20px;
  font-size: 14px;
  font-style: italic;
  font-family: sans-serif;
}
@media (min-width: 992px) {
  .merchantweb-container .cta-summary .p-big {
    margin-left: 30px;
    font-size: 18px;
    line-height: 24px;
  }
}
.merchantweb-container .cta-summary .p-big p {
  line-height: 20px;
  font-size: 14px;
}
@media (min-width: 992px) {
  .merchantweb-container .cta-summary .p-big p {
    font-size: 18px;
    line-height: 24px;
  }
}
.merchantweb-container .cta-summary h6 {
  color: #006341;
}
.merchantweb-container .cta-summary .text-link-cta {
  /*background: @bg-white;
		box-shadow: 3px 0 0 @bg-white, -3px 0 0 @bg-white;*/
}
.merchantweb-container .cta-summary .text-link-cta:hover {
  color: #009639;
  text-decoration: underline;
  /*background-color: @brand-primary-4;
			box-shadow: 3px 0 0 @brand-primary-4, -3px 0 0 @brand-primary-4;*/
}
.merchantweb-container .cta-summary .secondary-cta {
  display: block;
}
.merchantweb-container .cta-summary .secondary-cta:first-child,
.merchantweb-container .cta-summary .secondary-cta:nth-child(2) {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .merchantweb-container .cta-summary .secondary-cta {
    display: inline-block;
    margin: 10px 0px 10px 0px;
  }
  .merchantweb-container .cta-summary .secondary-cta:first-child {
    margin: 10px 0px 10px 0px;
  }
}
.merchantweb-container .cta-summary .secondary-cta:hover .icon-cta {
  margin-left: 10px;
}
.merchantweb-container .cta-summary .call-cta {
  margin-top: 11px;
}
@media (min-width: 768px) {
  .merchantweb-container .cta-summary .call-cta {
    margin-top: 5px;
    margin-left: 40px;
  }
}
@media (min-width: 992px) {
  .merchantweb-container .cta-summary .call-cta {
    margin-top: 26px;
  }
}
.merchantweb-container .cta-summary .download-cta {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .merchantweb-container .cta-summary .download-cta {
    margin-top: 20px;
    margin-left: 60px;
  }
}
@media (min-width: 992px) {
  .merchantweb-container .cta-summary .download-cta {
    margin-top: 26px;
  }
}
@media (min-width: 768px) {
  .merchantweb-container .cta-summary.cta-summary-top .call-cta {
    margin-top: 23px;
    margin-left: 0px;
  }
}
.merchantweb-container .cta-summary .icon-share {
  font-size: 13px;
  color: #999999;
  vertical-align: text-top;
  margin-right: 10px;
  margin-left: 30px;
}
.merchantweb-container .cta-summary.locator-cta .nb-pin {
  margin-right: 10px;
}
.merchantweb-container .cta-summary.locator-cta .primary-cta {
  line-height: 32px;
}
@media (min-width: 768px) {
  .merchantweb-container .cta-summary.locator-cta .primary-cta {
    font-size: 20px;
    line-height: 24px;
    width: 250px !important;
  }
}
@media (min-width: 992px) {
  .merchantweb-container .cta-summary.locator-cta .primary-cta {
    position: relative;
    top: 10px;
  }
}
.merchantweb-container .cta-summary.locator-cta .primary-cta .icon-cta:before {
  font-size: 24px;
}
.merchantweb-container .cta-summary.locator-cta .links {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .merchantweb-container .cta-summary.locator-cta .links {
    margin-top: 0;
  }
}
.merchantweb-container .cta-summary.locator-cta .links p {
  color: #353535;
  font-family: 'libre_franklin300', sans-serif !important;
  font-size: 16px !important;
  line-height: 22px;
}
.featurelist {
  padding: 30px;
  clear: both;
  float: none;
}
@media (max-width: 768px) {
  .featurelist {
    padding: 30px 10px;
  }
}
.featurelist h1 {
  text-align: center!important;
  color: #363636;
  font-size: 40px;
  margin: 20px 0 50px 0!important;
  width: 100%;
}
@media (max-width: 767px) {
  .featurelist h1 {
    font-size: 34px;
    margin: 20px 0 25px 0!important;
  }
}
.featurelist .featureListBlock {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .featurelist .featureListBlock {
    display: block;
    width: 100%;
  }
}
.featurelist .featureListBlock .feature-listing-items {
  text-align: center;
}
.featurelist .featureListBlock .feature-listing-items > a {
  width: 100%;
  display: inline-block;
  padding: 15px;
  min-height: 220px;
  cursor: default;
}
@media (max-width: 768px) {
  .featurelist .featureListBlock .feature-listing-items > a {
    min-height: auto;
  }
}
.featurelist .featureListBlock .feature-listing-items > a.CTA {
  cursor: pointer;
  padding: inherit;
  min-height: inherit;
  font-family: 'libre_franklin700', sans-serif;
  color: #009639;
  font-size: 16px;
}
.featurelist .featureListBlock .feature-listing-items > a.CTA .icon-rightarrow {
  display: none;
}
.featurelist .featureListBlock .feature-listing-items > a.featurelink {
  border: 1px solid #ffffff;
  cursor: pointer;
}
.featurelist .featureListBlock .feature-listing-items > a.featurelink:hover {
  border: 1px solid #78be20;
  background: #ffffff;
}
.featurelist .featureListBlock .feature-listing-items > a span.listicon {
  display: none;
}
.featurelist .featureListBlock .feature-listing-items > a span.listimg {
  display: inline-block;
}
.featurelist .featureListBlock .feature-listing-items h2 {
  font-size: 20px;
  color: #363636;
  margin: 30px 0 20px;
}
.featurelist .featureListBlock .feature-listing-items h5 {
  line-height: 20px;
  font-size: 16px;
  color: #666666;
}
.featurelist .featureListBlock .feature-listing-items h5 span {
  display: block;
}
.featurelist .featureListBlock .feature-listing-items p {
  font-size: 14px;
  color: #666666;
}
.featurelist .featureListBlock .feature-listing-items img.image-16x16 {
  width: 16px;
  height: 16px;
}
.featurelist .featureListBlock .feature-listing-items img.image-30x30 {
  width: 30px;
  height: 30px;
}
.featurelist .featureListBlock .feature-listing-items img.image-60x60 {
  width: 60px;
  height: 60px;
}
.featurelist .featureListBlock .feature-listing-items img.image-100x100 {
  width: 100px;
  height: 100px;
}
.featurelist .featureListBlock .feature-listing-items img.image-250x250 {
  width: 250px;
  height: 250px;
}
.featurelist .featureListBlock .feature-listing-items img.image-400x140 {
  width: 400px;
  height: 140px;
}
@media (max-width: 767px) {
  .featurelist .featureListBlock .feature-listing-items img.image-400x140 {
    width: 100%;
  }
}
.featurelist .featureListBlock .feature-listing-items img.image-auto {
  width: auto;
  height: auto;
}
@media (min-width: 769px) {
  .featurelist .featureListBlock .feature-listing-items.fixedWidth {
    width: 200px;
    float: left;
  }
  .featurelist .featureListBlock .feature-listing-items.autoWidth {
    float: left;
  }
}
.featurelist .featureListBlock.carouselview.slick-slider .slick-dots {
  bottom: -20px !important;
}
.featurelist.featureliststyle2 h1 {
  font-size: 30px;
  color: #bbbbbb!important;
  font-weight: normal;
}
.featurelist.featureliststyle2 .featureListBlock .feature-listing-items h2 {
  font-size: 16px;
  color: #363636;
}
.featurelist.featureliststyle2 .featureListBlock .feature-listing-items h5 {
  line-height: 20px;
  font-size: 14px;
  color: #666666;
}
.featurelist.featureliststyle2 .featureListBlock .feature-listing-items p {
  font-size: 12px;
  color: #666666;
}
@media (max-width: 768px) {
  .featurelist.featureliststyle2 .featureListBlock {
    display: block;
    width: 100%!important;
  }
}
.featurelist.featureliststyle3 h1 {
  font-size: 30px;
  color: #363636;
  font-weight: bold;
}
.featurelist.featureliststyle3 .featureListBlock .feature-listing-items {
  margin: 0 0 60px 0;
}
@media (max-width: 1024px) {
  .featurelist.featureliststyle3 .featureListBlock .feature-listing-items a.blocklink img.image-auto {
    width: 70%;
  }
}
.featurelist.featureliststyle3 .featureListBlock .feature-listing-items h2 {
  font-size: 32px;
  color: #009639;
  margin: 40px 0 20px;
}
@media (max-width: 1024px) {
  .featurelist.featureliststyle3 .featureListBlock .feature-listing-items h2 {
    font-size: 28px;
  }
}
.featurelist.featureliststyle3 .featureListBlock .feature-listing-items h5 {
  line-height: inherit;
  font-size: 22px;
  color: #000000;
  margin: 10px 0 30px;
}
@media (max-width: 1024px) {
  .featurelist.featureliststyle3 .featureListBlock .feature-listing-items h5 {
    font-size: 16px;
  }
}
.featurelist.featureliststyle3 .featureListBlock .feature-listing-items h5 strong {
  color: #000000;
}
.featurelist.featureliststyle3 .featureListBlock .feature-listing-items p {
  font-size: 16px;
  line-height: inherit;
  color: #000000;
}
.featurelist.featureliststyle3 .featureListBlock .feature-listing-items.fixedWidth {
  width: 600px;
}
@media (max-width: 1024px) {
  .featurelist.featureliststyle3 .featureListBlock .feature-listing-items.fixedWidth {
    width: 350px;
  }
}
.featurelist.featureliststyle3 .featureListBlock .feature-listing-items.fixedWidth a.blocklink {
  width: 70%;
}
@media (max-width: 1024px) {
  .featurelist.featureliststyle3 .featureListBlock .feature-listing-items.fixedWidth a.blocklink {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .featurelist.featureliststyle3 .featureListBlock {
    display: block;
    width: 100%!important;
  }
}
.featurelist.featureliststyle4 .copy-block-heading h1 {
  font-size: 60px;
}
@media (max-width: 767px) {
  .featurelist.featureliststyle4 .copy-block-heading h1 {
    font-size: 30px;
  }
}
@media (min-width: 768px) {
  .featurelist.featureliststyle4 .featureListBlock {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .featurelist.featureliststyle4 .featureListBlock .feature-listing-items.fixedWidth {
    width: 320px;
  }
  .featurelist.featureliststyle4 .featureListBlock .feature-listing-items .listdetails h2 {
    font-size: 22px;
    font-family: 'libre_franklin500', sans-serif;
    margin: 0px 0px 20px;
  }
  .featurelist.featureliststyle4 .featureListBlock .feature-listing-items .blocklink {
    min-height: 135px;
    width: 75%;
  }
  .featurelist.featureliststyle4 .featureListBlock .feature-listing-items .blocklink .listimg {
    display: flex;
    float: left;
    align-items: center;
    width: 30%;
    height: 100px;
    justify-content: center;
    padding: 15px 15px 15px 0px;
  }
  .featurelist.featureliststyle4 .featureListBlock .feature-listing-items .blocklink .listimg .image-auto {
    width: 100%;
    height: auto;
  }
  .featurelist.featureliststyle4 .featureListBlock .feature-listing-items .blocklink .listdetails {
    display: inline-block;
    float: right;
    text-align: left;
    width: 70%;
  }
}
@media (min-width: 769px) {
  .featurelist.featureliststyle4 .featureListBlock .feature-listing-items.fixedWidth {
    width: 490px;
  }
}
@media (max-width: 767px) {
  .featurelist.featureliststyle4 .featureListBlock {
    display: block;
    width: 100%!important;
  }
}
.featurelist.featureliststyle5 {
  padding: 0px;
  height: 480px;
}
.featurelist.featureliststyle5 h1 {
  font-size: 30px;
  color: #363636;
  font-weight: bold;
}
.featurelist.featureliststyle5 .featureListBlock .feature-listing-items {
  background: #eee;
  margin: 0;
  height: 480px;
}
.featurelist.featureliststyle5 .featureListBlock .feature-listing-items a.blocklink {
  padding: 0px;
  text-align: left;
}
.featurelist.featureliststyle5 .featureListBlock .feature-listing-items a.blocklink .listimg {
  width: 100%;
}
@media (max-width: 1024px) {
  .featurelist.featureliststyle5 .featureListBlock .feature-listing-items a.blocklink .listimg img.image-auto {
    width: 70%;
  }
}
.featurelist.featureliststyle5 .featureListBlock .feature-listing-items a.blocklink .listimg img.image-400x140 {
  width: 100%;
  height: 280px;
}
.featurelist.featureliststyle5 .featureListBlock .feature-listing-items a.blocklink .listdetails {
  padding: 10px 20px;
  display: inline-block;
  height: 150px;
}
.featurelist.featureliststyle5 .featureListBlock .feature-listing-items a.blocklink .listdetails p,
.featurelist.featureliststyle5 .featureListBlock .feature-listing-items a.blocklink .listdetails h3,
.featurelist.featureliststyle5 .featureListBlock .feature-listing-items a.blocklink .listdetails h2,
.featurelist.featureliststyle5 .featureListBlock .feature-listing-items a.blocklink .listdetails h1 {
  color: #000000;
}
.featurelist.featureliststyle5 .featureListBlock .feature-listing-items h2 {
  font-size: 32px;
  color: #009639;
  margin: 40px 0 20px;
}
@media (max-width: 1024px) {
  .featurelist.featureliststyle5 .featureListBlock .feature-listing-items h2 {
    font-size: 28px;
  }
}
.featurelist.featureliststyle5 .featureListBlock .feature-listing-items h5 {
  line-height: inherit;
  font-size: 22px;
  color: #000000;
  margin: 10px 0 30px;
}
@media (max-width: 1024px) {
  .featurelist.featureliststyle5 .featureListBlock .feature-listing-items h5 {
    font-size: 16px;
  }
}
.featurelist.featureliststyle5 .featureListBlock .feature-listing-items h5 strong {
  color: #000000;
}
.featurelist.featureliststyle5 .featureListBlock .feature-listing-items p {
  font-size: 16px;
  line-height: inherit;
  color: #000000;
}
.featurelist.featureliststyle5 .featureListBlock .feature-listing-items.fixedWidth {
  width: 600px;
}
@media (max-width: 1024px) {
  .featurelist.featureliststyle5 .featureListBlock .feature-listing-items.fixedWidth {
    width: 350px;
  }
}
.featurelist.featureliststyle5 .featureListBlock .feature-listing-items.fixedWidth a.blocklink {
  width: 70%;
}
@media (max-width: 1024px) {
  .featurelist.featureliststyle5 .featureListBlock .feature-listing-items.fixedWidth a.blocklink {
    width: 100%;
  }
}
.featurelist.featureliststyle5 .featureListBlock .feature-listing-items .CTA {
  display: inline-flex;
  justify-content: flex-end;
  width: 100%;
  padding: 0 20px;
  margin-bottom: 15px;
  cursor: pointer;
  min-height: inherit;
  font-family: 'FFMarkWebProRegular', sans-serif;
  color: #009639;
  font-size: 16px;
}
.featurelist.featureliststyle5 .featureListBlock .feature-listing-items .CTA .icon-rightarrow {
  background: url('../../../content/dam/nedbank/site-assets/icons/chevron-green.svg');
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  color: #009639;
  margin: 0 0 0 5px;
}
@media (max-width: 768px) {
  .featurelist.featureliststyle5 .featureListBlock {
    display: block;
    width: 100%!important;
  }
}
@media (max-width: 768px) {
  .featurelist .featureListBlock .feature-listing-items.fixedWidth {
    width: 100%;
  }
  .featurelist .featureListBlock .feature-listing-items.autoWidth {
    width: 100%;
  }
  .featurelist.featurelistmobstyle2 {
    padding: 0px!important;
  }
  .featurelist.featurelistmobstyle2 h1 {
    font-size: 24px;
    color: #bbbbbb;
  }
  .featurelist.featurelistmobstyle2 .featureListBlock {
    border-top: 1px solid #ccc;
    margin: 0 -10px;
    display: block;
    align-items: baseline;
    justify-content: default;
  }
  .featurelist.featurelistmobstyle2 .featureListBlock .feature-listing-items {
    border-bottom: 1px solid #ccc;
    text-align: left;
    float: none;
  }
  .featurelist.featurelistmobstyle2 .featureListBlock .feature-listing-items > a {
    height: auto;
    padding: 15px;
    width: 100%;
    display: inline-block;
    min-height: auto;
  }
  .featurelist.featurelistmobstyle2 .featureListBlock .feature-listing-items > a span.listimg {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
    float: left;
    width: 35px;
  }
  .featurelist.featurelistmobstyle2 .featureListBlock .feature-listing-items > a span.listimg img {
    width: 16px;
    height: 16px;
    margin-top: 5px;
  }
  .featurelist.featurelistmobstyle2 .featureListBlock .feature-listing-items > a span.listdetails {
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
  }
  .featurelist.featurelistmobstyle2 .featureListBlock .feature-listing-items > a span.listicon {
    font-size: 13px;
    color: #666;
    display: flex;
    position: absolute;
    right: 0px;
    height: 100%;
    top: 0px;
    padding: 0 10px;
    align-items: center;
    justify-content: center;
  }
  .featurelist.featurelistmobstyle2 .featureListBlock .feature-listing-items h2 {
    text-align: left;
    margin: 0px;
  }
  .featurelist.featurelistmobstyle2 .featureListBlock .feature-listing-items h5 {
    line-height: 20px;
    font-size: 14px;
    color: #666666;
  }
  .featurelist.featurelistmobstyle2 .featureListBlock .feature-listing-items p {
    font-size: 12px;
    color: #666666;
    margin: 0px;
  }
  .featurelist.featurelistmobstyle3 {
    padding: 10px;
  }
  .featurelist.featurelistmobstyle3 .featureListBlock .feature-listing-items .blocklink {
    text-align: left;
    min-height: auto;
  }
  .featurelist.featurelistmobstyle3 .featureListBlock .feature-listing-items .blocklink .listdetails h2 {
    margin: 10px 0;
    font-weight: bold;
  }
}
.cta-summary.addAlignment {
  margin: 10px auto;
  text-align: center;
  background: #ffffff;
}
@media (min-width: 768px) {
  .cta-summary.addAlignment {
    margin: 20px;
    text-align: center;
    background: #ffffff;
  }
}
.cta-summary.addAlignment .linkAdvanced a {
  font-family: 'libre_franklin300', sans-serif;
}
.btn-ca-root {
  margin-bottom: 40px;
}
.btn-ca-root .selectedbtn {
  background-color: #006341 !important;
  padding: 13px 119px;
}
.btn-ca-root .btn-default {
  background-color: #989898;
  padding: 13px 119px;
}
.webform {
  position: relative;
  padding: 20px 80px;
  margin-bottom: 30px;
  /*.Compliance, .Feedback
    {

        .title{
            display: flex;
            flex-direction: column;
            align
            h2{
                font-size:28px;
                color: @main-text-color-2;
            }
            width: 50%;
        }
        & #formFields{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            .text-box, .btn.btn-default{
                @media (max-width:@screen-sm) {
                    width: 100%;
                }
                @media (min-width: 769px) {
                    width: 325px;
                }
            }
            .text-box{
                margin-botton:20px
                textarea{
                    height: 125px;
                }
            }
            .row{
                @media (max-width:@screen-sm) {
                    width: 100%;
                }
            }
        }
        @media(max-width: @screen-sm){
            .container-fluid{
                padding: 0 10px;
            }
            .title{
                width: 100% !important;
            }
        }

    }
    .Compliance{
        .title{
            h2{
                font-size:36px;
                color: @main-text-color;
            }
            h6{
                &.descriptioncolor{
                    font-size:20px;
                    color: @main-text-color;
                }
            }
        }
    }*/
  /*.compliance-margin-title{
        margin-bottom: 0px;

    }
    .compliance-margin-desc{
        margin-top: 0px;   
    }*/
}
@media (max-width: 767px) {
  .webform {
    padding: 0px;
  }
}
.webform .container-fluid {
  width: 70%;
}
@media (max-width: 767px) {
  .webform .container-fluid {
    width: 100%;
  }
}
.webform .container-fluid .title {
  text-align: center;
  padding-top: 16px;
}
@media (min-width: 990px) {
  .webform .container-fluid .title {
    width: 70%;
    margin: 0 auto;
  }
}
.webform .container-fluid .or-selector {
  display: block;
  position: absolute;
  left: -30 Px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #009639;
  color: #ffffff;
  padding: 20px;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 50%;
}
.webform .container-fluid .pdf-download {
  display: block;
  list-style-type: none;
  padding: 0 40px;
}
.webform .container-fluid .pdf-download li {
  counter-increment: step-counter;
  list-style-type: none;
  display: table-row;
}
.webform .container-fluid .pdf-download li::before {
  content: counter(step-counter);
  color: #009639;
  font-size: 22px;
  line-height: 18px;
  text-align: center;
  margin: 10px 20px 10px 0;
  display: inline-block;
  padding: 10px;
  border: 3px solid #009639;
  border-radius: 50%;
  font-weight: 700;
}
.webform .container-fluid .pdf-download li a {
  word-break: break-word;
}
.webform .container-fluid .pdf-download ol {
  padding: 0;
}
.webform .container-fluid .pdf-download-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.webform .container-fluid .col-md-4 {
  padding: 10px;
}
.webform .container-fluid .radio-div {
  text-align: center;
  margin-bottom: 10px;
}
.webform .container-fluid .action-radio .jcf-radio {
  display: none;
}
.webform .container-fluid .action-radio .jcf-checked + label {
  color: #ffffff;
}
.webform .container-fluid .action-radio .btn.btn-default {
  min-width: 200px;
  margin: 10px;
  width: auto;
}
.webform .container-fluid .action-radio .jcf-unchecked + label {
  display: inline-block;
  background-color: #e7e7e7;
  cursor: pointer;
  color: #a7a7a7;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.webform .container-fluid .mail {
  word-break: break-all;
}
.webform .container-fluid .light-bg {
  height: auto;
}
.webform .container-fluid .row.light-bg {
  height: auto;
}
.webform .container-fluid .description {
  text-align: center;
  margin: 20px auto;
  font-size: 16px;
  line-height: 1.5;
}
.webform .container-fluid .descriptioncolor {
  text-align: center;
  margin: 20px auto;
  font-size: 16px;
  line-height: 1.5;
}
.webform .container-fluid .thank-you-message {
  text-align: center;
  margin-bottom: 20px;
}
.webform .container-fluid .validation-error.techerror {
  text-align: center;
  margin-bottom: 20px;
  color: #d0582e;
}
.webform .helper-text {
  color: darkgrey;
}
.webform .input-tooltip {
  float: right;
  background: none;
  border: none;
  outline: none;
}
@media (max-width: 767px) {
  .webform form {
    padding: 20px 0px;
  }
}
.webform form label {
  color: #666666;
  font-weight: 100;
  font-size: 14px;
  line-height: 1.5;
}
.webform form .btn {
  width: inherit;
  border-radius: 5px;
  min-width: 121px;
  height: 50px;
  padding: 0px 35px;
}
.webform form input {
  border: 2px solid lightgrey;
  height: 45px !important;
}
.webform form input.error {
  border: 2px solid #d0582e;
}
.webform form select {
  border: 2px solid lightgrey;
  height: 45px !important;
}
.webform form textarea:focus {
  outline-color: #78be20;
}
.webform form .jcf-select {
  /*width: 100%;*/
  border: 2px solid #bbb;
  height: 45px !important;
}
.webform form .jcf-select .jcf-select-opener:after {
  font-size: 16px;
  color: #bbbbbb;
  font-weight: 100;
}
.webform form .validation-error {
  position: relative;
  margin-bottom: 10px;
  left: 0;
  color: #d0582e;
  font-size: 14px;
}
.webform form input:-webkit-autofill,
.webform form input:-webkit-autofill:hover,
.webform form input:-webkit-autofill:focus,
.webform form textarea:-webkit-autofill,
.webform form textarea:-webkit-autofill:hover,
.webform form textarea:-webkit-autofill:focus,
.webform form select:-webkit-autofill,
.webform form select:-webkit-autofill:hover,
.webform form select:-webkit-autofill:focus {
  background-color: #ffffff !important;
  background-image: none !important;
  color: #000000 !important;
}
.webform form input[type="text"] {
  width: 100%;
  padding: 5px 10px;
}
.webform form input[type="text"]:focus {
  background: #ffffff;
}
.webform form input[type="tel"] {
  width: 100%;
}
.webform form input[type="email"] {
  width: 100%;
  transition: all 0.2s;
  background: #ffffff;
  border: 0px;
  height: 36px;
  line-height: 19px;
  padding: 0px 40px 0px 12px;
  color: #5c5c5c;
  font-family: sans-serif;
  border-radius: 0px;
}
.webform form input[type="email"]:focus {
  outline-color: #78be20;
}
.webform form select {
  width: 100%;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  background: #ffffff;
  border: 0px;
  height: 40px;
  line-height: 19px;
  padding: 0px 40px 0px 12px;
  color: #5c5c5c;
  font-family: sans-serif;
  border-radius: 0px;
}
@media (min-width: 768px) {
  .webform form select {
    height: 36px;
  }
}
.webform form textarea {
  width: 100%;
  height: 100px;
  border: 0px;
}
.webform form .jcf-select.error {
  border: 1px solid red;
}
.webform form .jcf-radio.error {
  border: 1px solid red;
}
.webform form input[type="text"].error {
  border: 1px solid red;
}
.webform form input[type="tel"].error {
  border: 1px solid red;
}
.webform form input[type="email"].error {
  border: 1px solid red;
}
.webform form textarea.error {
  border: 1px solid red;
}
.webform form select.error {
  border: 1px solid red;
}
.webform form .text-box {
  width: 100%;
  position: relative;
  margin-bottom: 35px;
}
.webform.data-retrieval-form {
  padding: 50px 90px;
  margin: 0px 0px 30px;
  border-bottom: 2px solid #F7F7F7;
}
@media (max-width: 767px) {
  .webform.data-retrieval-form {
    padding: 20px;
  }
}
.webform.data-retrieval-form .title {
  margin-bottom: 15px;
  padding-left: 10px;
  width: 100% !important;
}
.webform.data-retrieval-form .title .description {
  margin-top: 0px;
  color: #666666;
}
@media (max-width: 768px) {
  .webform.data-retrieval-form .title {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .webform.data-retrieval-form .title {
    text-align: left;
  }
}
.webform.data-retrieval-form form .form-row-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .webform.data-retrieval-form form .form-row-container {
    padding: 0px 60px;
  }
}
@media (max-width: 767px) {
  .webform.data-retrieval-form form .form-row-container {
    padding: 0;
  }
}
.webform.data-retrieval-form form .form-row-container .form-item {
  padding: 15px 10px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .webform.data-retrieval-form form .form-row-container .form-item {
    width: 100%;
  }
}
.webform.data-retrieval-form form .form-row-container .form-item .jcf-select {
  width: 300px;
  /*.jcf-select-text{
                        padding: 11px 0px 11px 14px;
                    }
                        .jcf-select-opener{
                        padding: 11px 14px 11px 0px;
                    }*/
}
@media (max-width: 768px) {
  .webform.data-retrieval-form form .form-row-container .form-item .jcf-select {
    width: 100%;
  }
}
.webform.data-retrieval-form form .form-row-container .form-item .jcf-select .jcf-select-drop .jcf-select-drop-content ul {
  margin-bottom: 15px;
}
.webform.data-retrieval-form form .form-row-container .form-item label {
  color: #353535;
}
.webform.data-retrieval-form form .form-row-container .form-item:last-child {
  justify-content: flex-end;
}
.webform.data-retrieval-form form .form-row-container .form-item button {
  margin-top: 0px;
  height: 45px;
  width: 300px;
}
@media (max-width: 768px) {
  .webform.data-retrieval-form form .form-row-container .form-item button {
    width: 100%;
  }
}
.webform.data-retrieval-form-filter {
  padding: 10px 90px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0px 0px;
  border-bottom: 2px solid #F7F7F7;
}
@media (max-width: 768px) {
  .webform.data-retrieval-form-filter {
    padding: 20px;
  }
}
.webform.data-retrieval-form-filter > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.webform.data-retrieval-form-filter > div > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-right: 8px;
}
.webform.data-retrieval-form-filter > div > div p {
  margin-bottom: 0px;
}
.webform.data-retrieval-form-filter .collapsed-filter {
  display: flex;
  flex-wrap: wrap;
  margin-right: 5px;
}
.webform.data-retrieval-form-filter .collapsed-filter .filter-item {
  border: 1.5px solid #bbbbbb;
  border-radius: 5px;
  padding: 3px;
  margin: 2px;
}
.webform.data-retrieval-form-filter .collapsed-filter .clear {
  margin-left: 10px;
  color: #cccccc;
}
.webform.data-retrieval-form-filter a {
  font-size: 14px;
}
.webform .halfInput {
  width: 48%;
}
.webform .righthalf {
  float: right;
}
.webform a {
  color: #009639;
}
.webform a:hover {
  olor: #006341;
  text-decoration: none;
}
#thankYou {
  position: relative;
  display: block;
  margin: 20px 80px;
  text-align: center;
}
@media (max-width: 767px) {
  #thankYou {
    margin: 10px 20px;
  }
}
#thankYou figure img {
  width: 80px;
  height: 80px;
}
#thankYou h2 {
  line-height: 76px;
}
@media (max-width: 767px) {
  #thankYou h2 {
    line-height: 76px !important;
    font-size: 40px !important;
  }
}
#thankYou .closeBtn {
  float: right;
  position: absolute;
  cursor: pointer;
  top: 20px;
  right: 20px;
  color: #006341;
  z-index: 2;
}
@media (max-width: 767px) {
  #thankYou .closeBtn {
    right: 0px;
    top: 20px;
  }
}
#thankYou .closeBtn .icon-close {
  padding: 10px;
}
@media (max-width: 767px) {
  #thankYou .closeBtn .icon-close {
    padding: 10px 0 10px;
  }
}
#thankYou .closeBtn .icon-close:before {
  padding: 5px;
  width: 50px;
  height: 50px;
  color: #666666;
  font-size: 24px;
  font-weight: normal;
}
@media (max-width: 767px) {
  #thankYou .closeBtn .icon-close:before {
    width: 40px;
    height: 40px;
  }
}
#complianceInfoComp .alert {
  position: relative;
  font-size: 12px !important;
  padding: 10px 20px 10px 20px;
}
#complianceInfoComp .alert.alert-danger {
  border-color: #ebccd1;
  color: #a94442;
}
#complianceInfoComp .alert.alert-danger:hover {
  color: #a94442;
}
#complianceInfoComp .alert .close {
  background-color: transparent;
}
#complianceInfoComp .alert .close:hover {
  color: #000000;
}
.autocomplete-suggestion {
  white-space: normal;
}
.divcenter {
  margin: 0 auto;
}
@media (min-width: 400px) {
  .webform {
    padding: 16px 0px;
    margin: 17px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
#entrySubmissionForm {
  max-width: 50%;
  margin: auto;
  padding: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#entrySubmissionForm.white-content {
  color: #ffffff;
}
#entrySubmissionForm.white-content div,
#entrySubmissionForm.white-content p,
#entrySubmissionForm.white-content h1,
#entrySubmissionForm.white-content h2,
#entrySubmissionForm.white-content h3,
#entrySubmissionForm.white-content h4,
#entrySubmissionForm.white-content h5,
#entrySubmissionForm.white-content h6 {
  color: #ffffff;
}
#entrySubmissionForm.white-content .jcf-radio + label {
  color: #353535;
}
#entrySubmissionForm.white-content .jcf-select select option {
  color: #5c5c5c;
}
#entrySubmissionForm .row {
  max-width: 440px;
}
#entrySubmissionForm .row.title-section {
  max-width: 100%;
  padding-bottom: 80px;
}
#entrySubmissionForm .form-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#entrySubmissionForm .form-container form.form #formFields {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px;
}
#entrySubmissionForm .form-container form.form #formFields input:disabled,
#entrySubmissionForm .form-container form.form #formFields button:disabled,
#entrySubmissionForm .form-container form.form #formFields select:disabled {
  color: #888888 !important;
}
#entrySubmissionForm .form-container form.form #formFields .jcf-disabled.jcf-select .jcf-select-text {
  color: #888888 !important;
}
#entrySubmissionForm .form-container form.form #formFields .jcf-disabled.jcf-radio + label {
  color: #888888 !important;
}
#entrySubmissionForm .form-container form.form #formFields .error-message {
  font-size: 12px;
  color: #cedc00;
  margin-top: 4px;
  margin-bottom: 0px;
}
#entrySubmissionForm .form-container form.form #formFields label {
  font-weight: normal;
}
#entrySubmissionForm .form-container form.form #formFields input,
#entrySubmissionForm .form-container form.form #formFields .jcf-select {
  width: 440px;
  height: 40px;
  font-size: 16px;
  font-family: inherit;
  border-radius: 4px;
}
#entrySubmissionForm .form-container form.form #formFields input .jcf-select-opener,
#entrySubmissionForm .form-container form.form #formFields .jcf-select .jcf-select-opener {
  padding: 10px 14px 9px 0px;
}
#entrySubmissionForm .form-container form.form #formFields .radioSelGroup {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
#entrySubmissionForm .form-container form.form #formFields .radioSelGroup .radioInner {
  display: flex;
  flex-wrap: nowrap;
}
#entrySubmissionForm .form-container form.form #formFields .radioSelGroup .radioInner .radioButton {
  margin-right: 20px;
  display: flex;
  flex-wrap: nowrap;
}
#entrySubmissionForm .form-container form.form #formFields .radioSelGroup .radioInner .radioButton:last-child {
  margin-right: 0px;
}
#entrySubmissionForm .form-container form.form #formFields .radioSelGroup .radioInner .radioButton .jcf-radio {
  opacity: 0;
  width: 0;
}
#entrySubmissionForm .form-container form.form #formFields .radioSelGroup .radioInner .radioButton label {
  width: 210px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: 0px;
}
#entrySubmissionForm .form-container form.form #formFields .radioSelGroup .radioInner .radioButton .jcf-checked + label {
  background-color: #78be20;
  color: #ffffff;
}
#entrySubmissionForm .form-container form.form #formFields .checkbox {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
#entrySubmissionForm .form-container form.form #formFields .checkbox .checkboxInner {
  display: flex;
  flex-wrap: nowrap;
}
#entrySubmissionForm .form-container form.form #formFields .checkbox .checkboxInner .jcf-checkbox {
  min-width: 16px;
  border-radius: 4px;
  background-color: #ffffff;
}
#entrySubmissionForm .form-container form.form #formFields button {
  width: 200px;
  display: flex;
  height: 40px;
  padding: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  color: #353535;
}
#entrySubmissionForm .form-container form.form #formFields .fieldContainer #springWishDesc {
  margin: 10px;
}
#entrySubmissionForm .form-container form.form #formFields .fieldContainer #springWishDesc a {
  color: #cedc00;
}
#entrySubmissionForm .form-container form.form #formFields .fieldContainer #springWishDesc a:hover {
  color: #cedc00;
  text-decoration: underline;
}
#entrySubmissionForm .form-container .thankYou,
#entrySubmissionForm .form-container .techerror {
  text-align: center;
  padding: 40px;
}
#entrySubmissionForm .form-container .techerror {
  color: #d0582e;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #entrySubmissionForm {
    max-width: 60%;
    padding: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #entrySubmissionForm {
    max-width: 80%;
    padding: 40px;
  }
}
@media (max-width: 767px) {
  #entrySubmissionForm {
    max-width: 100%;
    padding: 20px;
  }
  #entrySubmissionForm .row {
    max-width: 100%;
  }
  #entrySubmissionForm .row.title-section {
    padding-bottom: 20px;
  }
  #entrySubmissionForm .row.title-section h1,
  #entrySubmissionForm .row.title-section h2,
  #entrySubmissionForm .row.title-section h3 {
    font-size: 20px;
  }
  #entrySubmissionForm .form-container form.form #formFields .row {
    width: 100%;
  }
  #entrySubmissionForm .form-container form.form #formFields input,
  #entrySubmissionForm .form-container form.form #formFields .jcf-select {
    width: 100%;
  }
  #entrySubmissionForm .form-container form.form #formFields .radioSelGroup .radioInner .radioButton {
    margin-right: 10px;
    flex-basis: 50%;
  }
  #entrySubmissionForm .form-container form.form #formFields .radioSelGroup .radioInner .radioButton label {
    width: 100%;
  }
  #entrySubmissionForm .form-container form.form #formFields button {
    width: 50%;
    margin: auto;
  }
}
.responsivetitletext .copy a[name='footerLine'] + b {
  font-size: 12px;
  padding: 0px 20px;
  font-weight: normal;
  display: inline-block;
  margin-top: -20px;
}
html {
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.main-wrapper {
  position: relative;
  perspective: 1px;
  /*height: 100vh;*/
  width: auto;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  overflow-x: hidden;
  overflow-y: auto;
  perspective-origin: 0 0;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.main-wrapper::-webkit-scrollbar {
  display: none;
}
@media (min-width: 768px) {
  .main-wrapper .offset-md-1 {
    margin-left: 8.33333%;
  }
}
.main-wrapper h1,
.main-wrapper h2,
.main-wrapper h3,
.main-wrapper h4,
.main-wrapper h5,
.main-wrapper h6 {
  line-height: 1.3;
}
.main-wrapper a {
  font-family: 'libre_franklin700', sans-serif;
  font-size: 18px;
  color: #009639;
  transition: 0.3s;
  text-decoration: none;
}
.main-wrapper a:hover {
  color: #006341;
  border-color: #006341;
}
.main-wrapper a.hover {
  color: #006341;
  border-color: #006341;
}
.main-wrapper #main-footer.pre-footer a {
  font-family: inherit;
  font-size: inherit;
}
.main-wrapper #main-footer.pre-footer a.text-link-cta-small:hover {
  color: #009639;
  border-color: transparent;
  border: 0;
  text-decoration: underline;
}
.main-wrapper .container {
  width: 100%;
  padding: 0px 15px;
  margin: 0px auto;
  background-color: transparent;
}
@media (min-width: 576px) {
  .main-wrapper .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .main-wrapper .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .main-wrapper .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .main-wrapper .container {
    max-width: 1140px;
  }
}
.main-wrapper .d-flex {
  display: flex !important;
}
.main-wrapper .align-items-center {
  align-items: center !important;
}
.main-wrapper .row {
  display: flex;
  flex-wrap: wrap;
  float: none;
}
.main-wrapper .content-container {
  position: relative;
  display: block;
  z-index: 1;
}
.main-wrapper .container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.main-wrapper .content-row {
  background: #ffffff;
}
.main-wrapper .content-row h1 {
  font-family: 'libre_franklin500', sans-serif;
  font-size: 6.5rem !important;
  color: #333;
  margin-bottom: 0;
  line-height: 1.3;
}
.main-wrapper .content-row p {
  color: #666;
  max-width: 380px;
  margin: 0.6rem 0;
  line-height: 1.5;
}
.main-wrapper .content-padding {
  padding: 5rem 0;
}
.main-wrapper .add-padding {
  padding: 12rem 0;
}
@media (max-width: 768px) {
  .main-wrapper .add-padding {
    padding: 5rem 0;
  }
}
.main-wrapper .whitecontent h1,
.main-wrapper .whitecontent h2,
.main-wrapper .whitecontent h3,
.main-wrapper .whitecontent h4,
.main-wrapper .whitecontent p,
.main-wrapper .whitecontent a,
.main-wrapper .whitecontent a:hover {
  color: #ffffff !important;
}
.main-wrapper .svg-container {
  position: relative;
  /*height: 0; 
 width: 100%; */
  padding: 0;
  /*padding-bottom: 100%; */
  /* override this inline for aspect ratio other than square */
}
.main-wrapper .svg-container svg {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.main-wrapper .detail-inner-image figure {
  overflow: hidden;
  width: 100%;
}
@media (min-width: 992px) {
  .main-wrapper .detail-inner-image figure {
    height: 300px;
    margin-bottom: 0px;
  }
}
.main-wrapper .detail-inner-image figure img {
  max-width: 100%;
  width: 100%;
  height: auto;
  margin-bottom: 0px;
}
@media (min-width: 769px) {
  .main-wrapper .glossary-container.tab-container {
    padding: 15px 80px;
  }
}
@media (min-width: 769px) {
  .main-wrapper .glossary-container.tab-container .deskTabs.everydayBank .tab-content {
    margin-left: 25px;
  }
}
.main-wrapper .resptitletextblock .copy h1,
.main-wrapper .resptitletextblock .copy h2,
.main-wrapper .resptitletextblock .copy h3 {
  margin-top: 0px;
  margin-bottom: 15px;
}
.main-wrapper .resptitletextblock .copy h3 {
  font-size: 24px;
}
.main-wrapper .resptitletextblock .copy p {
  line-height: 26px;
}
.main-wrapper .resptitletextblock .copy p a {
  padding: 3px 0px;
  font-size: 16px;
  line-height: inherit;
  color: #009639;
  white-space: pre-wrap;
  cursor: pointer;
  position: relative;
  left: 3px;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.main-wrapper .resptitletextblock .copy p a:hover {
  text-decoration: none;
  color: #006341;
}
.main-wrapper .featuresection .content-row .mobile-order h3 {
  font-family: 'libre_franklin300', sans-serif;
  font-size: 3.75rem;
  line-height: 1.1;
}
.main-wrapper .featuresection .content-row .mobile-order h2 {
  font-family: 'libre_franklin300', sans-serif;
  font-size: 5.2rem;
  line-height: 1.2;
}
@media (max-width: 768px) {
  .main-wrapper .featuresection .content-row .mobile-order {
    width: 100%;
  }
  .main-wrapper .featuresection .content-row .mobile-order h2 {
    font-size: 4rem;
  }
  .main-wrapper .featuresection .content-row .mobile-order h2 br,
  .main-wrapper .featuresection .content-row .mobile-order h3 br,
  .main-wrapper .featuresection .content-row .mobile-order p br {
    display: none;
  }
}
.parallax-container {
  display: flex;
  flex: 1 0 auto;
  position: relative;
  z-index: -1;
  height: 100vh;
  justify-content: center;
  align-items: center;
  -webkit-transform: translateZ(-1px) scale(2);
  -moz-transform: translateZ(-1px) scale(2);
  -o-transform: translateZ(-1px) scale(2);
  transform: translateZ(-1px) scale(2);
  transform-origin: 0 0;
  -webkit-transition: background-position 0.01s linear 0s;
  -moz-transition: background-position 0.01s linear 0s;
  -o-transition: background-position 0.01s linear 0s;
  transition: background-position 0.01s linear 0s;
}
@supports (-ms-ime-align:auto) and (not (-ms-accelerator:true)) {
  .main-wrapper {
    position: relative;
    perspective: 0px;
  }
  .parallax-container {
    z-index: 1;
    height: auto;
    -webkit-transform: translateZ(1px) scale(1);
    -moz-transform: translateZ(1px) scale(1);
    -o-transform: translateZ(1px) scale(1);
    transform: translateZ(-1px) scale(1);
  }
  .btn-backward {
    display: none;
  }
  .btn-forward {
    display: none;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .main-wrapper {
    position: relative;
    perspective: 0px;
  }
  .parallax-container {
    z-index: 1;
    height: auto;
    justify-content: flex-start !important;
    -webkit-transform: translateZ(1px) scale(1);
    -moz-transform: translateZ(1px) scale(1);
    -o-transform: translateZ(1px) scale(1);
    transform: translateZ(-1px) scale(1);
  }
  .btn-backward {
    display: none;
  }
  .btn-forward {
    display: none;
  }
  #toggles svg {
    width: 520px !important;
    height: 419px !important;
  }
  #freezeCard svg {
    width: 320px !important;
    height: 419px !important;
  }
  #payMe svg {
    width: 520px !important;
    height: 419px !important;
  }
  #reversePaymentArrows svg {
    width: 520px !important;
    height: 419px !important;
  }
}
/* for feature banner */
.featurebanner {
  /*position: relative;
    z-index: 0;*/
}
#featurebanner {
  /*    .mobile-link {
    display: none;
    }*/
  /*@media only screen and (max-width: 500px) {
        .mobile-link {
            display: block;
        }
    }*/
}
#featurebanner .clearfix {
  clear: both;
  float: none;
}
#featurebanner.banner-img {
  z-index: 0;
  width: 100%;
  height: 500px;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  /* Standard syntax */
  /*@media (min-width:@screen-xs-max) and (max-width:@screen-sm) {
            padding: 25px 0;
            margin-bottom: 10px;
            align-items: baseline;
            &.showbannerimg {
            height:700px;
        }
        } */
}
@media (max-width: 768px) {
  #featurebanner.banner-img {
    height: 300px;
    padding: 2rem;
  }
  #featurebanner.banner-img.showbannerimg {
    height: 500px;
    padding: 25px 0;
    margin-bottom: 10px;
    align-items: baseline;
  }
}
@media (max-width: 767px) {
  #featurebanner.banner-img.showbannerimg {
    height: 700px;
    padding: 25px 0;
  }
}
#featurebanner.banner-img .banner-row .banner-caption {
  display: inline-block;
  align-items: center;
  height: 100%;
}
@media (max-width: 767px) {
  #featurebanner.banner-img .banner-row .banner-caption {
    height: auto;
  }
}
#featurebanner.banner-img .banner-row .banner-caption .banner-style1 h1 {
  font-size: 3rem !important;
  color: #006341;
  margin-bottom: 0;
  margin-top: -1rem;
  font-family: 'libre_franklin700', sans-serif;
  font-weight: normal;
  text-align: left;
}
#featurebanner.banner-img .banner-row .banner-caption .banner-style1 h3 {
  font-size: 1.875rem !important;
  color: #009639;
  font-family: 'libre_franklin500', sans-serif;
}
#featurebanner.banner-img .banner-row .banner-caption .banner-style1 p {
  font-family: 'libre_franklin300', sans-serif;
  color: #333333;
  max-width: 416px;
  margin: 0.6rem 0 2rem;
  line-height: 1.5;
}
@media (max-width: 768px) {
  #featurebanner.banner-img .banner-row .banner-caption .banner-style1 p {
    margin: 0.4rem 0 0.5rem;
    line-height: 1.4;
  }
}
@media only screen and (max-width: 500px) {
  #featurebanner.banner-img .banner-row .banner-caption .banner-style1 p {
    display: none;
  }
}
#featurebanner.banner-img .banner-row .banner-caption .banner-style2 h1 {
  font-size: 5.2rem !important;
  color: #ffffff;
  margin-bottom: 0;
  margin-top: -1rem;
  font-family: 'libre_franklin300', sans-serif;
  font-weight: normal;
  text-align: left;
}
@media (max-width: 767px) {
  #featurebanner.banner-img .banner-row .banner-caption .banner-style2 h1 {
    margin-top: 0;
    font-size: 4rem !important;
    text-align: left;
  }
}
#featurebanner.banner-img .banner-row .banner-caption .banner-style2 h3 {
  font-size: 3.75rem !important;
  color: #cedc00;
  font-family: 'libre_franklin300', sans-serif;
}
@media (max-width: 767px) {
  #featurebanner.banner-img .banner-row .banner-caption .banner-style2 h3 {
    font-size: 2rem !important;
    margin-bottom: 10px;
  }
}
#featurebanner.banner-img .banner-row .banner-caption .banner-style2 p {
  font-family: 'libre_franklin300', sans-serif;
  color: #ffffff;
  max-width: 416px;
  margin: 0.6rem 0 2rem;
  line-height: 1.5;
}
@media (max-width: 768px) {
  #featurebanner.banner-img .banner-row .banner-caption .banner-style2 p {
    margin: 0.4rem 0 1.5rem;
    line-height: 1.4;
    max-width: 100%;
  }
}
@media only screen and (max-width: 500px) {
  #featurebanner.banner-img .banner-row .banner-caption .banner-style2 p {
    display: block;
  }
}
#featurebanner.banner-img .banner-row a {
  color: #009639;
  margin-bottom: 0rem;
  cursor: pointer;
}
#featurebanner.banner-img .banner-row .banner-buttons {
  padding-top: 2rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  #featurebanner.banner-img .banner-row .banner-buttons {
    padding-top: 0.5rem;
  }
}
#featurebanner.banner-img .banner-row .banner-buttons > div {
  display: inline-table;
}
#featurebanner.banner-img .banner-row .banner-buttons > div:last-child {
  margin-left: 0.5rem;
}
#featurebanner.banner-img .banner-row .featureimage img {
  height: 100%;
  max-height: 360px;
}
@media (max-width: 767px) {
  #featurebanner.banner-img .banner-row .featureimage img {
    height: 100%;
    max-height: 300px;
    margin: 15px 0;
  }
}
#featurebanner.banner-img .banner-row .svg-banner-container {
  /*position: absolute;
                    right: 0px;
                    bottom: -250px;
                    width: 42%;
                    margin: 0px;*/
  height: 100%;
}
/* end of feature carousel */
.app-screens-img {
  max-width: 309px;
}
@media (max-width: 768px) {
  .hidemobimage {
    display: none;
  }
}
.move-screen-down-section {
  margin-bottom: -59px;
}
.move-screen-up {
  margin-top: -60px;
}
.link-arrow {
  display: block;
  margin-top: 2rem;
  margin-bottom: 5rem;
}
.link-arrow:after {
  content: url(../../../content/dam/nedbank/site-assets/download_arrow_desktop.svg);
  left: 10px;
  top: 2px;
  position: relative;
}
.app-screens-img {
  max-width: 309px;
}
.appstore-btn,
.huaweiappgallery-btn {
  width: 157px;
  cursor: pointer;
}
.appstore-btn img,
.huaweiappgallery-btn img {
  width: 100%;
}
.appstore-btn:hover .btn-animation,
.huaweiappgallery-btn:hover .btn-animation {
  fill: #78BE20;
  transition: all 0.5s ease;
}
.playstore-btn {
  width: 157px;
  height: 50px;
}
.playstore-btn img {
  width: 100%;
}
.playstore-btn:hover .btn-animation {
  fill: #78BE20;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 1280px) {
  .playstore-btn {
    width: 127px;
  }
  .appstore-btn,
  .huaweiappgallery-btn {
    width: 127px;
  }
}
@media (max-width: 768px) {
  .playstore-btn {
    width: 100px;
    height: 40px;
  }
  .appstore-btn,
  .huaweiappgallery-btn {
    width: 100px;
    height: 40px;
  }
}
.footer {
  width: 100%;
}
.content-row {
  padding-left: 4rem;
  padding-right: 2rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.parsyscontainer {
  color: #115740;
  /*    .row {
         @media (min-width: 769px) {
        .parsyscolumn {
            &:first-child > div > div.video {
                    margin: 0 15px 0 0;
            }
            &:last-child > div > div.video {
                    margin: 0 0 0 15px;
            }
        }
        }
        
    }*/
}
.parsyscontainer.noborder {
  border-top: 0px solid #00b388;
  border-bottom: 0px solid #00b388;
}
.parsyscontainer.topborder {
  border-top: 1px solid #00b388;
  border-bottom: 0px solid #00b388;
}
.parsyscontainer.bottomborder {
  border-bottom: 1px solid #00b388;
  border-top: 0px solid #00b388;
}
.parsyscontainer.topbottomborder {
  border-top: 1px solid #00b388;
  border-bottom: 1px solid #00b388;
}
.parsyscontainer .title {
  color: #115740;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .parsyscontainer .title {
    margin-bottom: 20px;
  }
}
.parsyscontainer .title h1 {
  font-family: 'FFMarkWebProRegular', sans-serif;
  color: #115740;
  font-size: 48px;
  line-height: 48px;
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .parsyscontainer .title h1 {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 15px;
  }
}
.parsyscontainer .title p {
  font-family: 'FFMarkWebProRegular', sans-serif;
}
@media (max-width: 768px) {
  .parsyscontainer .title p {
    display: none;
  }
}
.parsyscontainer.parsyspadding {
  padding: 80px 60px;
}
@media (max-width: 768px) {
  .parsyscontainer.parsyspadding {
    padding: 25px 20px;
  }
}
@media (max-width: 480px) {
  .parsyscontainer.parsyspadding {
    padding: 25px 15px;
  }
}
.parsyscontainer .autosize {
  width: auto;
  min-width: 100px;
  max-width: 80%;
}
.parsyscontainer .CTA {
  display: inline-flex;
  text-align: center;
  justify-content: center;
  width: 100%;
  padding: 15px;
  font-family: 'FFMarkWebProRegular', sans-serif;
  margin: 15px 0px;
  cursor: pointer;
  min-height: inherit;
  color: #009639;
  font-size: 16px;
}
.parsyscontainer .CTA .icon-rightarrow {
  background: url('../../../content/dam/nedbank/site-assets/icons/chevron-green.svg');
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  color: #009639;
  margin: 0 0 0 5px;
}
.parsyscontainer .parsyscolumn.column1 {
  border-right: 1px solid #fff;
}
.parsyscontainer .carousel .carousel-inner .item figure {
  height: 300px;
}
@media (max-width: 768px) {
  .parsyscontainer .carousel .carousel-inner .item figure {
    height: 250px;
  }
}
@media (max-width: 767px) {
  .parsyscontainer .carousel .carousel-inner .item figure {
    height: 200px;
  }
}
.property-detail {
  position: relative;
}
.property-detail .heading-component .icon-slider {
  margin: 0px 5px;
}
.property-detail .heading-component .property-info {
  float: left;
  margin-top: 16px;
}
@media (min-width: 992px) {
  .property-detail .heading-component .property-info {
    float: right;
    margin-top: -2px;
  }
}
.property-detail .heading-component .hr-dark {
  margin: 13px 0px 17px 0px;
}
@media (min-width: 992px) {
  .property-detail .heading-component .hr-dark {
    margin: 23px 0px 28px 0px;
  }
}
.property-detail .detail-content {
  margin: 0 0 30px 0;
}
@media (min-width: 768px) {
  .property-detail .detail-content {
    margin: 0 0 60px 0;
  }
}
.property-detail .price-container p {
  margin-bottom: 0px;
  font-size: 14px;
}
@media (min-width: 768px) {
  .property-detail .price-container p {
    font-size: 16px;
    float: left;
  }
}
.property-detail .price-container p span {
  font-size: 16px;
  font-family: 'libre_franklin300', sans-serif;
  color: #006341;
}
@media (min-width: 768px) {
  .property-detail .price-container p span {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .property-detail .price-container p .value-pice {
    color: #353535;
  }
}
.property-detail .price-container p:first-child {
  margin: 0px 0px 12px 0px;
}
@media (min-width: 768px) {
  .property-detail .price-container p:first-child {
    margin: 0px 40px 0px 0px;
  }
}
.property-info {
  float: left;
  margin-top: 15px;
}
.property-info [class*="icon-"] {
  float: left;
  font-size: 14px;
  color: #5c5c5c;
  margin-right: 20px;
}
@media (min-width: 992px) {
  .property-info [class*="icon-"]:last-child {
    margin-right: 0px;
  }
}
.property-info [class*="icon-"]:before {
  font-size: 23px;
  margin-right: 10px;
  vertical-align: bottom;
}
.breadcrumb {
  font-size: 14px;
  font-weight: bold;
}
@media (min-width: 1200px) {
  .property-thumbnail-container,
  .property-main-img {
    width: 833px;
  }
}
@media (min-width: 1280px) {
  .property-thumbnail-container,
  .property-main-img {
    width: 833px;
  }
}
@media (min-width: 1366px) {
  .property-thumbnail-container,
  .property-main-img {
    width: 919px;
  }
}
@media (min-width: 1600px) {
  .property-thumbnail-container,
  .property-main-img {
    width: 1030px;
  }
  .property-thumbnail-container .slick-track,
  .property-main-img .slick-track {
    height: 480px;
    width: 1030px;
  }
  .property-thumbnail-container .slick-track img.slick-slide,
  .property-main-img .slick-track img.slick-slide {
    top: 0px !important;
  }
}
.property-main-img {
  max-height: 200px;
  overflow: hidden;
}
@media (min-width: 640px) {
  .property-main-img {
    max-height: 280px;
  }
}
@media (min-width: 768px) {
  .property-main-img .slick-slide {
    top: 0px !important;
  }
}
.detail-no-image {
  height: 200px;
  position: relative;
  background: #e8e8e8;
  margin-bottom: 30px;
}
@media (min-width: 640px) {
  .detail-no-image {
    height: 280px;
  }
}
@media (min-width: 768px) {
  .detail-no-image {
    height: 400px;
    margin-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .detail-no-image {
    height: 400px;
  }
}
@media (min-width: 1200px) {
  .detail-no-image {
    height: 480px;
  }
}
.detail-no-image .no-image {
  position: absolute;
  top: 50%;
  bottom: 0px;
  left: 50%;
  right: 0px;
  margin-left: -40px;
  margin-top: -48px;
  color: #cccccc;
  text-align: center;
  width: 80px;
}
.detail-no-image .no-image p {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  margin: 0px;
}
.detail-no-image .no-image .icon-homeloan:before {
  font-size: 60px;
  color: #cccccc;
  margin-bottom: 8px;
}
.property-thumbnail-container .slick-track {
  margin: 10px 0 30px 0;
}
@media (min-width: 768px) {
  .property-thumbnail-container .slick-track {
    margin: 10px 0 60px 0;
  }
}
.property-thumbnail-container .slick-slide {
  width: 108px;
  height: 80px;
  cursor: pointer;
  margin: 0px 1px;
}
@media (min-width: 768px) {
  .property-thumbnail-container .slick-slide {
    width: 185px;
    height: 140px;
  }
}
.property-thumbnail-container .slick-center {
  border: 3px solid #78be20;
}
.property-thumbnail-container .icon-arrowleft,
.property-thumbnail-container .icon-arrowright {
  width: 40px;
  height: 80px;
  background: #e6e6e6;
  position: absolute;
  top: 0px;
  top: 10px;
  border-right: 2px solid #ffffff;
  cursor: pointer;
  z-index: 89;
}
@media (min-width: 768px) {
  .property-thumbnail-container .icon-arrowleft,
  .property-thumbnail-container .icon-arrowright {
    height: 140px;
    width: 50px;
  }
}
.property-thumbnail-container .icon-arrowleft:before,
.property-thumbnail-container .icon-arrowright:before {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 14px;
  color: #78be20;
  margin-top: -7px;
  margin-left: -7px;
}
.property-thumbnail-container .icon-arrowright {
  right: 0px;
  border-left: 2px solid #ffffff;
  border-right: none;
}
#rg-gallery {
  max-width: 1030px;
}
#rg-gallery .rg-view {
  display: none;
}
#rg-gallery #galleryContainer {
  width: 100%;
  height: 456px;
}
#rg-gallery #galleryContainer .rg-image-wrapper {
  position: relative;
  padding: 20px 30px;
  background: #f2f2f2;
  min-height: 20px;
  margin-bottom: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#rg-gallery #galleryContainer .rg-image-wrapper .rg-image-nav a {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 28px;
  height: 100%;
  cursor: pointer;
  outline: none;
  -moz-border-radius: 10px 0 0 10px;
}
#rg-gallery #galleryContainer .rg-image-wrapper .rg-image-nav a.rg-image-nav-prev {
  border-radius: 10px 0 0 10px;
}
#rg-gallery #galleryContainer .rg-image-wrapper .rg-image-nav a.rg-image-nav-prev.icon-arrowleft {
  border-left: 2px solid #ffffff;
  border-right: 0px!important;
}
#rg-gallery #galleryContainer .rg-image-wrapper .rg-image-nav a.rg-image-nav-next {
  right: 0px;
  left: auto;
  background-position: 115% 50%;
  border-radius: 0px 10px 10px 0px;
}
#rg-gallery #galleryContainer .rg-image-wrapper .rg-image-nav a:hover {
  opacity: 0.8;
}
#rg-gallery #galleryContainer .rg-image-wrapper .rg-image-nav .icon-arrowleft,
#rg-gallery #galleryContainer .rg-image-wrapper .rg-image-nav .icon-arrowright {
  width: 27px;
  /*height: 80px*/
  background: #e6e6e6;
  position: absolute;
  top: 0px;
  /*top: 10px;*/
  border-right: 2px solid #ffffff;
  cursor: pointer;
  z-index: 89;
}
#rg-gallery #galleryContainer .rg-image-wrapper .rg-image {
  position: relative;
  text-align: center;
  line-height: 0px;
  margin: 0 auto;
  height: 400px;
}
#rg-gallery #galleryContainer .rg-image-wrapper .rg-image img {
  display: inline-block;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  width: auto;
  object-fit: contain;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#rg-gallery #galleryContainer .rg-image-wrapper .rg-caption-wrapper .rg-caption {
  display: none;
}
#rg-gallery .icon-arrowleft:before,
#rg-gallery .icon-arrowright:before {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 14px;
  color: #78be20;
  margin-top: -7px;
  margin-left: -7px;
}
#rg-gallery .rg-thumbs .es-carousel-wrapper {
  background: #e6e6e6;
  padding: 10px 27px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  margin-bottom: 20px;
}
#rg-gallery .rg-thumbs .es-carousel-wrapper .es-nav span {
  position: absolute;
  top: 50%;
  left: 8px;
  width: 14px;
  height: 26px;
  margin-top: -13px;
  cursor: pointer;
  border-right: 0px;
}
#rg-gallery .rg-thumbs .es-carousel-wrapper .es-nav span:hover {
  opacity: 1.0;
}
#rg-gallery .rg-thumbs .es-carousel-wrapper .es-nav .es-nav-next {
  right: 8px;
  left: auto;
  background-position: top right;
}
#rg-gallery .rg-thumbs .es-carousel-wrapper .es-carousel {
  overflow: hidden;
  background: #f2f2f2;
  text-align: center;
  height: 92px;
}
#rg-gallery .rg-thumbs .es-carousel-wrapper .es-carousel ul {
  display: inline-block;
  padding-left: 0px;
  margin-bottom: 0px;
}
#rg-gallery .rg-thumbs .es-carousel-wrapper .es-carousel ul li {
  height: 100%;
  padding: 0;
  float: left;
  display: block;
  border-bottom: 0px solid #cccccc;
  margin-top: 5px;
}
#rg-gallery .rg-thumbs .es-carousel-wrapper .es-carousel ul li a {
  display: block;
  border-style: solid;
  border-color: #222222;
  opacity: 0.8;
  -webkit-touch-callout: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#rg-gallery .rg-thumbs .es-carousel-wrapper .es-carousel ul li a img {
  display: block;
  border: 0px solid #cccccc;
  max-height: 100%;
  max-width: 100%;
  height: 80px;
  width: 80px;
}
#rg-gallery .rg-thumbs .es-carousel-wrapper .es-carousel ul li.selected a {
  border-color: #ffffff;
  opacity: 1.0;
}
.property-tab-view .nav-tabs li {
  margin-bottom: 2px;
}
.property-tab-view .nav-tabs li a {
  margin-top: 1px;
}
.property-tab-view .nav-tabs li [class*="icon-"]:before {
  margin-right: 10px;
}
.property-tab-view .tab-pane iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.property-tab-view .tab-pane.listviewresult {
  overflow: visible;
}
.property-listing h4 {
  padding: 0px 20px;
}
@media (min-width: 768px) {
  .property-listing h4 {
    padding: 0px;
    margin: 56px 0px 26px 0px;
  }
}
.property-listing .breadcrumb-container {
  width: 100%;
}
.property-listing .breadcrumb-container .breadcrumb {
  display: inline!important;
}
.property-listing .list-item {
  margin-bottom: 10px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.property-listing .list-item .no-image-link figure {
  min-height: 200px;
}
.property-listing .list-item figure {
  position: relative;
  overflow: hidden;
  background-color: #e8e8e8;
}
@media (min-width: 768px) and (max-width: 991px) {
  .property-listing .list-item figure {
    height: auto;
    min-height: 300px;
  }
}
@media (min-width: 992px) {
  .property-listing .list-item figure {
    height: 206px;
    width: 220px;
    min-height: auto;
  }
}
.property-listing .list-item figure img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) and (max-width: 991px) {
  .property-listing .list-item figure img {
    height: auto;
  }
}
@media (min-width: 992px) {
  .property-listing .list-item figure img {
    width: 100%;
    right: 0;
  }
}
.property-listing .list-item .no-image {
  position: absolute;
  top: 45%;
  bottom: 0px;
  left: 50%;
  right: 0px;
  margin-left: -40px;
  margin-top: -30px;
  color: #cccccc;
  text-align: center;
  width: 80px;
}
.property-listing .list-item .no-image p {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
}
.property-listing .list-item .no-image .icon-homeloan:before {
  font-size: 60px;
  color: #cccccc;
  margin-bottom: 8px;
}
.property-listing .list-item .details {
  padding: 20px;
}
@media (min-width: 992px) {
  .property-listing .list-item .details {
    padding: 30px 0px 30px 30px;
    height: 100%;
  }
}
.property-listing .list-item .details .secondary-cta {
  width: 100%;
  margin-top: 0px;
  font-family: 'libre_franklin500', sans-serif;
}
@media (min-width: 768px) {
  .property-listing .list-item .details .secondary-cta {
    margin-top: 14px;
  }
}
@media (min-width: 992px) {
  .property-listing .list-item .details-2 {
    padding: 30px;
  }
}
@media (min-width: 992px) {
  .property-listing .list-item .details-2[class*="col-md-5"] {
    width: 47%;
  }
}
@media (min-width: 1200px) {
  .property-listing .list-item .details-2[class*="col-md-5"] {
    width: 52%;
  }
}
.property-listing .list-item .description {
  margin-top: 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.property-listing .list-item .icon-slider {
  margin: 0px 5px;
  font-size: 4px;
  color: #cccccc;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .property-listing .list-item hr {
    border-top: 2px solid #dadada;
    clear: both;
    margin: 20px 0px -20px 0px;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .property-listing .list-item hr {
    border-right: 2px solid #dadada;
    border-top: 0px;
    position: absolute;
    right: 0px;
    height: 80%;
    bottom: 0px;
    top: 0px;
    width: auto;
    margin: 30px 0px 26px 0px;
  }
}
.property-listing .list-item:hover.light-bg {
  background-color: #e8e8e8;
}
.property-listing .property-label {
  color: #ffffff;
  font-size: 12px;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 6.5px 10px;
  font-weight: bold;
  display: block !important;
  width: auto;
  z-index: 3;
  text-transform: uppercase;
}
.property-listing .property-label.sale-label {
  background: #80a09e;
}
.property-listing .property-label.filter-map-1 {
  background: #33876d;
}
.property-listing .property-label.filter-map-2 {
  background: #cedc00;
}
.property-listing .property-label.filter-map-3 {
  background: #8fb171;
}
.property-listing .property-label.filter-map-4 {
  background: #80a09e;
}
.property-listing .property-label.filter-map-5 {
  background: #8d8b79;
}
.property-listing .property-label.filter-map-6 {
  background: #7d8296;
}
@media (min-width: 992px) {
  .property-listing .price-container strong {
    display: block;
    margin-bottom: 12px;
  }
}
.property-listing .price-container p {
  width: 100%;
  display: block;
  margin-bottom: 12px;
  font-family: 'libre_franklin500', sans-serif;
  color: #006341;
}
.property-listing .price-container p strong {
  font-family: sans-serif;
  font-size: 14px;
  color: #353535;
}
@media (min-width: 992px) {
  .property-listing .price-container p strong {
    font-size: 16px;
  }
}
.property-listing .price-container p:last-child {
  margin-bottom: 0px;
}
@media (min-width: 992px) {
  .property-listing .price-container p {
    margin-bottom: 32px;
    font-size: 24px;
    font-family: 'libre_franklin300', sans-serif;
  }
}
.property-listing .price-container p:first-child {
  margin: 0px 0px 17px 0px;
}
@media (min-width: 992px) {
  .property-listing .price-container p:first-child {
    margin: 0px 0px 22px 0px;
  }
}
@media (min-width: 768px) {
  .property-listing .price-container p .value-pice {
    color: #353535;
  }
}
@media (min-width: 992px) {
  .property-listing .price-container p .value-pice {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .property-listing.similar-properties .list-item .details-2[class*="col-md-4"] {
    width: 40%;
  }
}
@media (min-width: 1200px) {
  .property-listing.similar-properties .list-item .details-2[class*="col-md-4"] {
    width: 45%;
  }
}
.similar-properties .mobile-hr {
  margin: 15px 20px 26px 20px;
}
.similar-properties .price-container strong {
  margin-bottom: 0px;
  display: inline-block;
}
.similar-properties .price-container p {
  display: inline-block;
  width: auto;
}
.similar-properties .price-container p:first-child {
  margin: 0px 0px 17px 0px;
}
@media (min-width: 768px) {
  .similar-properties .price-container p:first-child {
    margin: 0px 40px 0px 0px;
  }
}
.similar-properties .list-item .details {
  padding: 30px;
}
.similar-properties .list-item hr {
  border-top: 2px solid #dadada;
  border-right: 0px;
  margin: 20px 0px 20px 0px;
  width: 100%;
  position: relative;
  clear: none;
}
@media (min-width: 992px) {
  .similar-properties .list-item hr {
    margin: 29px 0px 30px 0px;
  }
}
.property-search .icon-search {
  color: #5c5c5c;
}
.property-search .btn-search-change {
  display: none;
  float: left;
}
@media (min-width: 992px) {
  .property-search .btn-search-change {
    float: right;
    padding-right: 6px;
  }
}
.property-search .change-search-container {
  margin-top: 8px;
}
@media (min-width: 992px) {
  .property-search .change-search-container {
    margin-top: 21px;
  }
}
@media (min-width: 992px) {
  .property-search .property-search-input-container {
    margin-bottom: 10px;
  }
}
.property-search .property-search-input-container .icon-search {
  position: absolute;
  z-index: 9;
  top: 18px;
  bottom: 0px;
  left: 20px;
  color: #989898;
  font-size: 18px;
}
.property-search .property-search-input-container .property-search-input {
  height: 60px;
  border: none;
  position: relative;
  padding: 0px 20px 0px 60px;
  color: #5c5c5c;
  font-family: 'libre_franklin300', sans-serif;
  font-size: 20px;
  line-height: 24px;
  border-radius: 0px;
}
@media (min-width: 992px) {
  .property-search .property-search-input-container .property-search-input {
    font-size: 24px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    line-height: 29px;
  }
}
.property-search .property-search-input-container .property-search-input:focus {
  color: #006341;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  outline-color: #78be20;
  outline-style: solid;
  outline-offset: -2px;
  outline-width: 2px;
  cursor: text;
}
@media (min-width: 992px) {
  .property-search .property_search_advanced_dropdown {
    display: flex;
  }
  .property-search .property_search_advanced_dropdown > div {
    flex-basis: 0;
    flex-grow: 1;
    margin-right: 30px;
  }
  .property-search .property_search_advanced_dropdown > div:last-child {
    margin-right: 0;
  }
  .property-search .property_search_advanced_dropdown > div .jcf-select {
    width: 100% !important;
  }
}
.property-search .property_search_dropdown {
  display: flex;
  margin: 0 !important;
}
.property-search .property_search_dropdown > div {
  flex-basis: 0;
  flex-grow: 1;
  margin-right: 10px;
}
.property-search .property_search_dropdown > div:last-child {
  margin-right: 0;
}
.property-search .property_search_dropdown > div .jcf-select {
  width: 100% !important;
}
.property-search .search-heading {
  font-size: 14px;
  color: #353535;
  margin: 0px 0px 15px 0px;
}
@media (min-width: 992px) {
  .property-search .search-heading {
    font-size: 18px;
    margin: 0px 0px 13px 0px;
  }
}
.property-search .mobile-search-button .hr-dark {
  margin: 20px 0px;
}
.property-search .btn-advanced {
  margin: 20px 0px 20px 0px;
}
@media (min-width: 992px) {
  .property-search .btn-advanced {
    margin: 15px 0 0px 0;
  }
}
.property-search .btn-fewer {
  margin: 20px 0px 20px 0px;
}
@media (min-width: 992px) {
  .property-search .btn-fewer {
    margin: 30px 0px 30px 0px;
  }
}
@media (max-width: 991px) {
  .property-search .collapse-search .row [class*="col-xs-12"] {
    margin-top: 10px;
  }
  .property-search .collapse-search .row [class*="col-xs-12"] .jcf-select {
    width: 100%;
    float: left;
    display: block;
  }
}
@media (min-width: 992px) {
  .property-search .collapse-search .row {
    margin-left: -5px;
    margin-right: -5px;
  }
  .property-search .collapse-search .row [class*="col-md-3"] {
    padding: 0px 5px;
  }
  .property-search .collapse-search .row [class*="col-md-3"] .jcf-select {
    width: 100%;
  }
}
.property-search .collapse-advanced .hr-dark {
  display: block !important;
  margin: 20px 0px 16px 0px;
}
@media (min-width: 992px) {
  .property-search .collapse-advanced .hr-dark {
    display: none !important;
  }
}
.property-search .collapse-advanced .hr-bottom {
  display: none !important;
}
@media (min-width: 992px) {
  .property-search .collapse-advanced .hr-bottom {
    display: block !important;
  }
}
@media (max-width: 991px) {
  .property-search .collapse-advanced .row [class*="col-xs-12"] {
    margin-top: 20px;
  }
}
.property-search .collapse-advanced .row .jcf-select {
  margin-top: 4px;
}
@media (min-width: 992px) {
  .property-search .collapse-advanced {
    margin: 0px -40px -30px -40px;
    padding: 30px 40px 20px 40px;
    position: relative;
    top: 66px;
  }
  .property-search .collapse-advanced .hr-dark {
    margin: -21px 0px 24px 0px;
  }
  .property-search .collapse-advanced .hr-bottom {
    margin: 0px;
  }
  .property-search .collapse-advanced h5 {
    margin-bottom: 19px;
  }
}
.property-search .collapse-advanced .secondary-cta:hover .icon-cta {
  margin-left: 10px;
}
.property-search .collapse-advanced-results .hr-dark {
  display: block !important;
}
.property-search .collapse-advanced-results .hr-bottom {
  display: none !important;
}
.filter-description {
  display: none;
  margin-top: 35px;
  clear: both;
  color: #999999;
  font-size: 14px;
}
@media (min-width: 768px) {
  .filter-description {
    margin-top: 14px;
  }
}
.filter-description strong {
  color: #cedc00;
}
@media (min-width: 992px) {
  .branches-search {
    margin-left: -5px;
    margin-right: -5px;
  }
  .branches-search [class*="col-md-3"] {
    padding: 0px 5px;
  }
  .branches-search [class*="col-md-3"] .jcf-select {
    width: 100%;
  }
}
.branches-search h2 {
  margin-bottom: 11px;
}
.branches-detail h2 {
  margin-bottom: 11px;
}
.branches-detail #copy {
  display: block;
}
.branches-detail #contacts_mobile {
  background-color: #eeeeee;
  overflow: scroll;
}
.branches-detail #img {
  height: 160px;
}
.branches-detail #img-mobile {
  height: 100%;
  width: 100%;
}
.campaigns-body {
  max-width: 100%;
  background: #f9f9f9;
  line-height: normal;
  scroll-behavior: smooth;
}
.campaigns-body .campaigns-container {
  background: #f9f9f9;
}
.campaigns-body .modal {
  z-index: 10001;
}
.campaigns-body .modal .responsive-description {
  padding: 30px;
}
@media (min-width: 992px) {
  .campaigns-body .modal .responsive-description {
    padding: 60px;
    padding-top: 55px;
  }
}
.campaigns-body .modal .responsive-description [class*='col-'] {
  margin: auto;
  width: 100%;
}
.campaigns-body .modal .responsive-description .icon-scrolldown {
  display: none;
}
.campaigns-body .white {
  background-color: #f9f9f9;
}
.campaigns-body .lightgreen {
  background-color: #cedc00;
}
.campaigns-body .darkgreen {
  background-color: #006341;
}
.campaigns-body .gray {
  background-color: #f2f2f2;
}
.campaigns-body .campaigns-logo {
  position: absolute;
  top: 189px;
  z-index: 91;
  right: 10px;
  top: 10px;
  background-image: url('../../designs/nedbank/images/mobi_logo.png');
  background-repeat: no-repeat;
  background-position: right;
  height: 60px;
  width: 60px;
}
@media (min-width: 992px) {
  .campaigns-body .campaigns-logo {
    background-image: url('../../../content/dam/nedbank/site-assets/nb-logo-campaign.png');
    right: 30px;
    top: 30px;
    height: 105px;
    width: 105px;
  }
}
.campaigns-body .logov2-container {
  border-bottom: 1px solid #ccc;
  padding: 15px;
  position: fixed;
  top: 0;
  z-index: 1;
  width: 100%;
  background: #fff;
}
.campaigns-body .logov2-container .logov2-panel picture img {
  height: 36px;
  width: auto;
}
.campaigns-body .img-cta .carousel-inner {
  margin-bottom: 2px;
}
.campaigns-body .img-cta .campaigns-cta {
  height: 320px;
  text-align: center;
}
.campaigns-body .img-cta .campaigns-cta:after {
  display: none;
}
@media (min-width: 768px) {
  .campaigns-body .img-cta .campaigns-cta {
    height: 400px;
  }
}
.campaigns-body .img-cta .campaigns-cta .overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.campaigns-body .img-cta .campaigns-cta .figure {
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.campaigns-body .img-cta .campaigns-cta .figure .content {
  position: absolute;
  bottom: 0;
}
@media (min-width: 768px) {
  .campaigns-body .img-cta .campaigns-cta .figure .content {
    position: relative;
    transform: translateY(-50%);
    top: 50%;
  }
}
.campaigns-body .img-cta .campaigns-cta .figure .content h3 p {
  color: #ffffff;
  font-size: 24px;
  line-height: 28px;
  max-width: 700px;
  margin: 0 auto 14px auto;
  padding: 0 30px;
}
.campaigns-body .img-cta .campaigns-cta .figure .content h3 p b,
.campaigns-body .img-cta .campaigns-cta .figure .content h3 p strong {
  font-family: 'libre_franklin700', sans-serif;
  font-weight: normal;
}
@media (min-width: 768px) {
  .campaigns-body .img-cta .campaigns-cta .figure .content h3 p {
    font-size: 32px;
    line-height: 36px;
  }
}
.campaigns-body .img-cta .campaigns-cta .figure .content .btn-default {
  display: inline-block;
}
.campaigns-body .img-cta .campaigns-cta .figure .content .btn-default .secondary-cta {
  color: #ffffff;
}
.campaigns-body .img-cta .campaigns-cta .figure .content .btn-default .secondary-cta:hover .icon-cta {
  margin-left: 10px;
}
.campaigns-body .img-cta .campaigns-cta.light .overlay {
  display: none;
}
.campaigns-body .img-cta .campaigns-cta.light .figure .content h3 p {
  color: #006341;
}
.campaigns-body .img-cta .campaigns-cta.dark .figure .content h3 p {
  color: #ffffff;
}
.campaigns-body .carousel-container > .col-xs-12 {
  height: 100%;
}
.campaigns-body .carousel-container > .col-xs-12 .carousel {
  height: 100%;
}
.campaigns-body .carousel-container > .col-xs-12 .carousel .carousel-inner {
  height: 100%;
}
.campaigns-body .carousel-container .carousel-inner .campaigns-cta:after {
  display: none;
}
.campaigns-body .carousel-container .item {
  height: 100%;
}
.campaigns-body .carousel-container .item figure {
  height: 100%;
}
@media (min-width: 768px) {
  .campaigns-body .carousel-container .item:hover .icon-cta {
    margin-left: 10px;
  }
  .campaigns-body .carousel-container .item:hover:after {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .campaigns-body .carousel-container .item:hover figure {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.campaigns-body .carousel-container .item .overlay {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}
@media (max-width: 991px) {
  .campaigns-body .carousel-container .item .overlay {
    display: none;
  }
}
.campaigns-body .carousel-container .carousel-caption {
  position: absolute;
  bottom: 0px;
  top: inherit;
  padding: 0px;
  right: inherit;
  left: 0px;
  width: 100%;
  z-index: 1;
}
@media (min-width: 992px) {
  .campaigns-body .carousel-container .carousel-caption {
    top: 0px;
    left: 0px;
  }
}
.campaigns-body .carousel-container .carousel-caption .carousel-caption-text {
  padding: 30px 30px 0px 30px;
}
@media (min-width: 992px) {
  .campaigns-body .carousel-container .carousel-caption .carousel-caption-text {
    padding: 90px 90px 0px 90px;
  }
}
.campaigns-body .carousel-container .carousel-caption h1 {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
.campaigns-body .carousel-container .carousel-caption h1,
.campaigns-body .carousel-container .carousel-caption h2 {
  color: #ffffff;
}
.campaigns-body .carousel-container .carousel-caption.onedark .btn-default {
  top: 66px;
}
.campaigns-body .carousel-container .carousel-caption.onedark .carousel-caption-text {
  position: relative;
  z-index: 2;
}
.campaigns-body .carousel-container .carousel-caption.onedark .carousel-text {
  bottom: 137px;
}
.campaigns-body .carousel-container .carousel-caption.onedark .icon-scrolldown {
  z-index: 2;
}
.campaigns-body .carousel-container .carousel-caption.onedark .icon-scrolldown:before {
  color: #ffffff;
  opacity: 1;
}
.campaigns-body .carousel-container .carousel-caption.onelight .carousel-text {
  bottom: 137px;
}
.campaigns-body .carousel-container .carousel-caption.onelight .carousel-text p {
  color: #353535;
}
.campaigns-body .carousel-container .carousel-caption.onelight .carousel-caption-text h1 {
  color: #006341;
  border-top: 1px solid #231f20;
  border-bottom: 1px solid #231f20;
}
.campaigns-body .carousel-container .carousel-caption.onelight .carousel-caption-text h2 {
  color: #231f20;
}
.campaigns-body .carousel-container .carousel-caption.onelight .icon-scrolldown:before {
  color: #000000;
  opacity: 0.2;
}
.campaigns-body .carousel-container .carousel-caption.twolight img {
  float: right;
  position: absolute;
  top: 10px;
  right: 10px;
  height: 60px;
  width: auto;
}
@media (min-width: 768px) {
  .campaigns-body .carousel-container .carousel-caption.twolight img {
    height: 80px;
  }
}
@media (min-width: 992px) {
  .campaigns-body .carousel-container .carousel-caption.twolight img {
    height: auto;
  }
}
.campaigns-body .carousel-container .carousel-caption.twolight .carousel-copy {
  position: absolute;
  width: 100%;
  bottom: 126px;
  bottom: 108px;
  height: auto;
}
@media (min-width: 992px) {
  .campaigns-body .carousel-container .carousel-caption.twolight .carousel-copy {
    bottom: 57px;
    position: static;
  }
}
.campaigns-body .carousel-container .carousel-caption.twolight .carousel-copy .icon {
  text-align: center;
}
@media (min-width: 992px) {
  .campaigns-body .carousel-container .carousel-caption.twolight .carousel-copy .icon {
    margin-bottom: 23px;
  }
}
@media (min-width: 1200px) {
  .campaigns-body .carousel-container .carousel-caption.twolight .carousel-copy .icon {
    margin-bottom: 33px;
  }
}
.campaigns-body .carousel-container .carousel-caption.twolight .carousel-copy .icon img {
  float: none;
  position: inherit;
}
.campaigns-body .carousel-container .carousel-caption.twolight .carousel-copy .carousel-heading {
  border: none;
  color: #006341;
  display: block;
  float: none;
  text-align: center;
  max-width: none;
  text-transform: none;
  position: static;
  bottom: 70px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  font-size: 24px;
  line-height: 28px;
  font-family: 'libre_franklin700', sans-serif;
  padding-left: 30px;
  padding-right: 30px;
}
.campaigns-body .carousel-container .carousel-caption.twolight .carousel-copy .carousel-heading span {
  display: block;
  font-family: 'libre_franklin300', sans-serif;
  font-size: 24px;
  line-height: 28px;
}
@media (min-width: 768px) {
  .campaigns-body .carousel-container .carousel-caption.twolight .carousel-copy .carousel-heading span {
    font-size: 32px;
    line-height: 36px;
  }
}
@media (min-width: 992px) {
  .campaigns-body .carousel-container .carousel-caption.twolight .carousel-copy .carousel-heading span {
    font-size: 40px;
    line-height: 40px;
  }
}
@media (min-width: 1200px) {
  .campaigns-body .carousel-container .carousel-caption.twolight .carousel-copy .carousel-heading span {
    font-size: 50px;
    line-height: 50px;
  }
}
.campaigns-body .carousel-container .carousel-caption.twolight .carousel-copy .carousel-heading span b,
.campaigns-body .carousel-container .carousel-caption.twolight .carousel-copy .carousel-heading span strong {
  font-family: 'libre_franklin700', sans-serif;
  font-weight: normal;
}
.campaigns-body .carousel-container .carousel-caption.twolight .carousel-text {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: 15px;
  transform: none;
  width: 100%;
}
.campaigns-body .carousel-container .carousel-caption.twolight .carousel-text .btn-default {
  text-align: center;
  padding: 20px 0;
}
.campaigns-body .carousel-container .carousel-caption.twolight .carousel-text .btn-default .secondary-cta {
  color: #ffffff;
  width: 100%;
}
@media (min-width: 992px) {
  .campaigns-body .carousel-container .carousel-caption.twolight .carousel-text .btn-default {
    padding: 22px 30px;
    margin: 0 auto;
    width: inherit;
  }
  .campaigns-body .carousel-container .carousel-caption.twolight .carousel-text .btn-default .secondary-cta {
    width: auto;
  }
}
.campaigns-body .carousel-container .carousel-caption.twolight .carousel-text .btn-default:hover {
  background-color: #009639;
}
.campaigns-body .carousel-container .carousel-caption.twolight .carousel-text p {
  color: #353535;
}
@media (min-width: 992px) {
  .campaigns-body .carousel-container .carousel-caption.twolight .title-container {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 1160px;
  }
  .campaigns-body .carousel-container .carousel-caption.twolight .title-container .carousel-heading {
    font-size: 50px;
    line-height: 50px;
    position: static;
    padding: 0;
    margin: 0;
  }
  .campaigns-body .carousel-container .carousel-caption.twolight .title-container .carousel-heading span {
    display: inline;
  }
  .campaigns-body .carousel-container .carousel-caption.twolight .title-container .carousel-heading .icon-nedbankicon {
    width: 100px;
    height: 100px;
    font-size: 100px;
    top: -110px;
  }
  .campaigns-body .carousel-container .carousel-caption.twolight .title-container .carousel-text {
    position: static;
  }
  .campaigns-body .carousel-container .carousel-caption.twolight .title-container .carousel-text p {
    margin: 17px 0px 43px 0px;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .campaigns-body .carousel-container .carousel-caption.twolight .title-container .carousel-heading {
    padding: 0 40px;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .campaigns-body .carousel-container .carousel-caption.twolight .title-container .carousel-heading {
    padding: 0 60px;
  }
}
.campaigns-body .carousel-container .carousel-caption.twolight .overlay {
  display: none;
}
.campaigns-body .carousel-container .carousel-caption.twolight .icon-scrolldown:before {
  color: #000000;
  opacity: 0.2;
}
.campaigns-body .carousel-container .carousel-caption.twodark img {
  float: right;
  position: absolute;
  top: 10px;
  right: 10px;
  height: 60px;
  width: auto;
}
@media (min-width: 768px) {
  .campaigns-body .carousel-container .carousel-caption.twodark img {
    height: 80px;
  }
}
@media (min-width: 992px) {
  .campaigns-body .carousel-container .carousel-caption.twodark img {
    height: auto;
  }
}
.campaigns-body .carousel-container .carousel-caption.twodark .carousel-copy {
  position: absolute;
  width: 100%;
  bottom: 126px;
  bottom: 108px;
  height: auto;
}
@media (min-width: 992px) {
  .campaigns-body .carousel-container .carousel-caption.twodark .carousel-copy {
    bottom: 57px;
    position: static;
  }
}
.campaigns-body .carousel-container .carousel-caption.twodark .carousel-copy .icon {
  text-align: center;
}
@media (min-width: 992px) {
  .campaigns-body .carousel-container .carousel-caption.twodark .carousel-copy .icon {
    margin-bottom: 23px;
  }
}
@media (min-width: 1200px) {
  .campaigns-body .carousel-container .carousel-caption.twodark .carousel-copy .icon {
    margin-bottom: 33px;
  }
}
.campaigns-body .carousel-container .carousel-caption.twodark .carousel-copy .icon img {
  float: none;
  position: inherit;
}
.campaigns-body .carousel-container .carousel-caption.twodark .carousel-copy .carousel-heading {
  border: none;
  display: block;
  float: none;
  text-align: center;
  max-width: none;
  text-transform: none;
  position: static;
  bottom: 70px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  font-size: 24px;
  line-height: 28px;
  font-family: 'libre_franklin700', sans-serif;
  padding-left: 30px;
  padding-right: 30px;
}
.campaigns-body .carousel-container .carousel-caption.twodark .carousel-copy .carousel-heading span {
  display: block;
  font-family: 'libre_franklin300', sans-serif;
  font-size: 24px;
  line-height: 28px;
}
@media (min-width: 768px) {
  .campaigns-body .carousel-container .carousel-caption.twodark .carousel-copy .carousel-heading span {
    font-size: 32px;
    line-height: 36px;
  }
}
@media (min-width: 992px) {
  .campaigns-body .carousel-container .carousel-caption.twodark .carousel-copy .carousel-heading span {
    font-size: 40px;
    line-height: 40px;
  }
}
@media (min-width: 1200px) {
  .campaigns-body .carousel-container .carousel-caption.twodark .carousel-copy .carousel-heading span {
    font-size: 50px;
    line-height: 50px;
  }
}
.campaigns-body .carousel-container .carousel-caption.twodark .carousel-copy .carousel-heading span b,
.campaigns-body .carousel-container .carousel-caption.twodark .carousel-copy .carousel-heading span strong {
  font-family: 'libre_franklin700', sans-serif;
  font-weight: normal;
}
.campaigns-body .carousel-container .carousel-caption.twodark .carousel-text {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: 15px;
  transform: none;
  width: 100%;
}
.campaigns-body .carousel-container .carousel-caption.twodark .carousel-text .btn-default {
  text-align: center;
  padding: 20px 0;
}
.campaigns-body .carousel-container .carousel-caption.twodark .carousel-text .btn-default .secondary-cta {
  color: #ffffff;
  width: 100%;
}
@media (min-width: 992px) {
  .campaigns-body .carousel-container .carousel-caption.twodark .carousel-text .btn-default {
    padding: 22px 30px;
    margin: 0 auto;
    width: inherit;
  }
  .campaigns-body .carousel-container .carousel-caption.twodark .carousel-text .btn-default .secondary-cta {
    width: auto;
  }
}
.campaigns-body .carousel-container .carousel-caption.twodark .carousel-text .btn-default:hover {
  background-color: #009639;
}
@media (min-width: 992px) {
  .campaigns-body .carousel-container .carousel-caption.twodark .title-container {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 1160px;
    z-index: 1;
  }
  .campaigns-body .carousel-container .carousel-caption.twodark .title-container .carousel-heading {
    font-size: 50px;
    line-height: 50px;
    position: static;
    padding: 0;
    margin: 0;
  }
  .campaigns-body .carousel-container .carousel-caption.twodark .title-container .carousel-heading span {
    display: inline;
  }
  .campaigns-body .carousel-container .carousel-caption.twodark .title-container .carousel-heading .icon-nedbankicon {
    width: 100px;
    height: 100px;
    font-size: 100px;
    top: -110px;
  }
  .campaigns-body .carousel-container .carousel-caption.twodark .title-container .carousel-text {
    position: static;
  }
  .campaigns-body .carousel-container .carousel-caption.twodark .title-container .carousel-text p {
    margin: 17px 0px 43px 0px;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .campaigns-body .carousel-container .carousel-caption.twodark .title-container .carousel-heading {
    padding: 0 40px;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .campaigns-body .carousel-container .carousel-caption.twodark .title-container .carousel-heading {
    padding: 0 60px;
  }
}
@media (min-width: 992px) {
  .campaigns-body .carousel-container .carousel-caption .scroll-down {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
}
.campaigns-body .carousel-container .btn-default {
  position: relative;
  text-align: center;
}
@media (min-width: 992px) {
  .campaigns-body .carousel-container .btn-default {
    position: static;
  }
}
.campaigns-body .carousel-container .btn-default .secondary-cta {
  color: #ffffff;
}
@media (min-width: 992px) {
  .campaigns-body .carousel-container .btn-default {
    margin: 0 auto;
    width: inherit;
  }
}
.campaigns-body .carousel-container .btn-default:hover {
  background-color: #009639;
}
.campaigns-body .carousel-container .carousel-text {
  position: absolute;
  text-align: center;
  bottom: 45px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 100%;
  max-width: 1024px;
  z-index: 10;
}
.campaigns-body .carousel-container .carousel-text p {
  font-size: 24px;
  max-width: 100%;
  color: #ffffff;
  line-height: 28px;
  margin-bottom: 39px;
  font-family: 'libre_franklin300', sans-serif;
}
.campaigns-body .carousel-container .carousel-text p strong,
.campaigns-body .carousel-container .carousel-text p b {
  font-family: 'libre_franklin700', sans-serif;
}
.campaigns-body .carousel-container .icon-scrolldown {
  margin: 0;
  padding: 20px 0;
  position: relative;
}
@media (min-width: 992px) {
  .campaigns-body .carousel-container .icon-scrolldown {
    background: none;
    padding: 0 0 60px 0;
  }
  .campaigns-body .carousel-container .icon-scrolldown:before {
    color: #ffffff;
    opacity: 1;
  }
}
.campaigns-body #nav-menu-button {
  padding: 18px 0;
  background: #ffffff;
  text-align: center;
  width: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.campaigns-body #nav-menu-button:hover {
  cursor: pointer;
}
.campaigns-body #nav-menu-button h5 {
  color: #78be20;
  line-height: 23px;
}
.campaigns-body #nav-menu-button.active {
  background: #009639;
  color: #ffffff;
}
.campaigns-body #nav-menu-button.active h5 {
  color: #ffffff;
}
.campaigns-body #nav-menu-button.active .icon-menu:before {
  color: #ffffff;
}
.campaigns-body #nav-menu-button:active {
  background: #009639;
  color: #ffffff;
}
.campaigns-body #nav-menu-button:active h5 {
  color: #ffffff;
}
.campaigns-body #nav-menu-button .icon-menu {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  margin-right: 10px;
}
.campaigns-body #nav-menu-button .icon-menu:before {
  color: #78be20;
  font-size: 18px;
}
.campaigns-body #nav-menu-button h5 {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  margin-bottom: 0px;
  vertical-align: middle;
}
.campaigns-body nav {
  background: #ffffff;
  position: relative;
}
@media (min-width: 992px) {
  .campaigns-body nav {
    position: inherit;
  }
}
.campaigns-body nav .nav {
  display: none;
}
@media (min-width: 992px) {
  .campaigns-body nav .nav {
    display: table;
    margin: 0 auto !important;
  }
}
.campaigns-body nav .nav .nav-items {
  background: #eeeeee;
  display: block;
  margin: 0 auto;
  text-align: center;
  position: static;
  margin-bottom: 1px;
}
@media (min-width: 992px) {
  .campaigns-body nav .nav .nav-items {
    margin-bottom: 0;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    background: none;
  }
}
.campaigns-body nav .nav .nav-items .border {
  background: #eeeeee;
  height: 2px;
  margin: 0 30px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
@media (min-width: 992px) {
  .campaigns-body nav .nav .nav-items .border {
    background: none;
    height: 4px;
    margin: 0;
  }
}
.campaigns-body nav .nav .nav-items.active .border {
  background: #78be20;
}
.campaigns-body nav .nav .nav-items:hover .border {
  background: #78be20;
}
.campaigns-body nav .nav .nav-items a {
  padding: 12px 20px 10px 20px;
  max-width: 260px;
  margin: 0 auto;
  font-size: 14px;
  font-family: sans-serif;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  width: 100%;
}
@media (min-width: 992px) {
  .campaigns-body nav .nav .nav-items a {
    font-size: 20px;
    font-family: 'libre_franklin300', sans-serif;
    padding: 29px 30px 24px;
    max-width: none;
  }
  .campaigns-body nav .nav .nav-items a:hover {
    color: #78be20;
    background-color: #ffffff;
  }
  .campaigns-body nav .nav .nav-items a:active {
    color: #78be20;
    background-color: #ffffff;
  }
  .campaigns-body nav .nav .nav-items a:focus {
    color: #78be20;
    background-color: #ffffff;
  }
  .campaigns-body nav .nav .nav-items a > .border {
    background: #78be20;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .campaigns-body nav .nav .nav-items a.active {
    color: #78be20;
    background-color: #ffffff;
  }
}
@media (min-width: 1200px) {
  .campaigns-body nav .nav .nav-items a {
    padding: 29px 40px 24px 40px;
  }
}
.campaigns-body nav.stick {
  position: fixed;
  top: 0;
  z-index: 200;
  width: 100%;
}
.campaigns-body .scrollToTop {
  box-shadow: 0px 0px 10px 3px #888888;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  height: 50px;
  width: 50px;
  border-radius: 100%;
  text-align: center;
  background: #78be20;
  padding: 13px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  display: none;
  z-index: 10;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.campaigns-body .scrollToTop:hover {
  background: #009639;
}
@media (min-width: 992px) {
  .campaigns-body .scrollToTop {
    width: 80px;
    height: 80px;
    padding: 21px;
    bottom: 40px;
    right: 40px;
  }
}
.campaigns-body .scrollToTop .icon-backtotop:before {
  position: relative;
  top: 4px;
}
@media (min-width: 992px) {
  .campaigns-body .scrollToTop .icon-backtotop:before {
    position: static;
  }
}
.campaigns-body .scrollToTop .hidden-xs {
  display: block;
  margin-top: 5px;
}
.campaigns-body .scrollToTop:hover {
  text-decoration: none;
}
.campaigns-body .anchor {
  display: block;
  position: relative;
  top: -78px;
  visibility: hidden;
}
.campaigns-body .icon-scrolldown {
  text-align: center;
  margin-top: 30px;
  bottom: 60px;
}
.campaigns-body .icon-scrolldown:before {
  font-size: 24px;
}
@media (min-width: 992px) {
  .campaigns-body .icon-scrolldown {
    bottom: auto;
  }
  .campaigns-body .icon-scrolldown:before {
    font-size: 30px;
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@media (min-width: 768px) {
  .campaigns-body .panel-group .panel {
    line-height: normal;
  }
}
.campaigns-body .panel-group.share-container {
  margin: 0;
}
.campaigns-body .panel-group.share-container .panel-heading {
  background: #2a2a2a;
  margin: 0;
  text-align: center;
  padding: 8px 0 8px;
}
.campaigns-body .panel-group.share-container .panel-heading .panel-title {
  font-family: sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  line-height: 24px;
  color: #666666;
  display: inline-block;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.campaigns-body .panel-group.share-container .panel-heading .panel-title:hover {
  color: #ffffff;
}
.campaigns-body .panel-group.share-container .panel-heading[aria-expanded="true"] {
  background: #222222;
}
.campaigns-body .panel-group.share-container .panel .icon-share2:before {
  font-size: 18px;
  margin-right: 6px;
}
.campaigns-body .panel-group.share-container .panel .panel-collapse {
  position: absolute;
  width: 100%;
  bottom: 41px;
  margin: 0;
  z-index: 11;
}
.campaigns-body .panel-group.share-container .panel .panel-collapse .panel-body {
  background: #222222;
  padding: 30px 0 15px;
}
.campaigns-body .panel-group.share-container .panel .panel-collapse .panel-body .social {
  border-radius: 50%;
  height: 40px;
  width: 40px;
  background-size: 70%;
}
@media (min-width: 768px) {
  .campaigns-body .panel-group.share-container .panel .panel-collapse .panel-body .social {
    height: 60px;
    width: 60px;
  }
}
.campaigns-body .panel-group.share-container .panel .panel-collapse .panel-body .social.fb {
  background-position-x: 30%;
}
.campaigns-body .panel-group.share-container .panel .panel-collapse .panel-body .close {
  color: #333333;
  float: left;
  font-size: 40px;
  text-shadow: none;
  opacity: 1;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.campaigns-body .panel-group.share-container .panel .panel-collapse .panel-body .close:hover {
  color: #ffffff;
}
@media (min-width: 768px) {
  .campaigns-body .panel-group.share-container .panel .panel-collapse .panel-body .close {
    font-size: 60px;
  }
}
.campaigns-body .panel-group.share-container .panel .panel-collapse .panel-body .share-container {
  width: 100%;
  margin: 0;
}
.campaigns-body .panel-group.share-container .panel .panel-collapse .panel-body .share-container ul {
  list-style-type: none;
  padding-left: 0;
  text-align: center;
  width: 100%;
  margin: 0;
}
.campaigns-body .panel-group.share-container .panel .panel-collapse .panel-body .share-container ul li {
  display: inline-block;
  padding: 0 5px;
}
@media (min-width: 768px) {
  .campaigns-body .panel-group.share-container .panel .panel-collapse .panel-body .share-container ul li {
    padding: 0 15px;
  }
}
.campaigns-body .title-link {
  text-align: center;
  clear: both;
  padding: 30px;
}
@media (min-width: 992px) {
  .campaigns-body .title-link {
    padding: 60px;
  }
}
.campaigns-body .title-link a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  outline: none;
}
.campaigns-body .title-link a h1 {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .campaigns-body .title-link a h1 {
    font-size: 32px;
    line-height: 36px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
  }
}
.campaigns-body .title-link a h1 .icon-plus {
  font-family: 'dxm-icons';
  content: '\e832';
  color: rgba(0, 0, 0, 0.2);
  font-size: 30px;
  margin-bottom: 16px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (min-width: 992px) {
  .campaigns-body .title-link a h1 .icon-plus {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    margin-bottom: 0px;
    margin-right: 12px;
    vertical-align: middle;
  }
  .campaigns-body .title-link a h1 .icon-plus:before {
    position: relative;
    bottom: 2px;
  }
}
.campaigns-body .title-link a:hover h1 .icon-plus {
  color: #ffffff;
}
.campaigns-body .title-link.darkgreen {
  background: #009639;
}
.campaigns-body .title-link.darkgreen h1 {
  color: #ffffff;
}
.campaigns-body .title-link.lightgreen {
  background: #78be20;
}
.campaigns-body .title-link.lightgreen h1 {
  color: #ffffff;
}
.campaigns-body .title-link.gray {
  background: #f2f2f2;
}
.campaigns-body .title-link.gray a:hover h1 .icon-plus {
  color: #006341;
}
.campaigns-body .title-link.white {
  background: #f9f9f9;
}
.campaigns-body .title-link.white a:hover h1 .icon-plus {
  color: #006341;
}
.campaigns-body .visit-nedbank {
  padding: 30px 0px;
  text-align: center;
}
@media (min-width: 992px) {
  .campaigns-body .visit-nedbank {
    padding: 60px 0px;
  }
}
.campaigns-body .visit-nedbank .icon-nedbankicon {
  font-size: 60px;
  color: #cccccc;
}
.campaigns-body .visit-nedbank .icon-nedbankicon:before {
  margin-bottom: 15px;
}
.campaigns-body .visit-nedbank h5 {
  margin-bottom: 0;
  font-family: 'libre_franklin300', sans-serif;
  color: #b1b1b1;
  font-size: 20px;
  line-height: 24px;
}
.campaigns-body .visit-nedbank a {
  display: inline-block;
}
.campaigns-body .share-container {
  margin-top: 12px;
  z-index: 11;
}
@media (min-width: 768px) {
  .campaigns-body .share-container {
    margin-left: 30px;
  }
}
.campaigns-body .share-container.sticky-share {
  position: fixed;
  bottom: 0;
  width: 100%;
}
.campaigns-body .pull-quote {
  background: #f9f9f9;
  text-align: center;
  padding: 30px;
}
@media (min-width: 992px) {
  .campaigns-body .pull-quote {
    padding: 90px 60px 60px 60px;
  }
}
.campaigns-body .pull-quote .icon-pin,
.campaigns-body .pull-quote .icon-quote {
  font-size: 60px;
  color: #78be20;
  margin-bottom: 10px;
  display: inline-block;
}
.campaigns-body .pull-quote .icon-pin:before,
.campaigns-body .pull-quote .icon-quote:before {
  float: left;
}
@media (min-width: 992px) {
  .campaigns-body .pull-quote .icon-pin,
  .campaigns-body .pull-quote .icon-quote {
    margin-right: 24px;
    margin-bottom: 0;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
  }
}
.campaigns-body .pull-quote p {
  font-family: 'libre_franklin300', sans-serif;
  font-style: italic;
  color: #78be20;
  font-size: 24px;
  line-height: 28px;
  margin-top: 0px;
  margin-bottom: 0;
  width: auto;
  vertical-align: middle;
}
@media (min-width: 992px) {
  .campaigns-body .pull-quote p {
    font-size: 36px;
    line-height: 40px;
    text-align: left;
    max-width: 700px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
  }
}
.campaigns-body .pull-quote p:before {
  content: '"';
}
.campaigns-body .pull-quote p:after {
  content: '"';
}
.campaigns-body .pull-quote .icon-scrolldown {
  display: block;
  text-align: center;
  margin: 23px 0 0 0;
  line-height: normal;
}
@media (min-width: 992px) {
  .campaigns-body .pull-quote .icon-scrolldown {
    margin: 30px 0 0 0;
  }
}
.campaigns-body .pull-quote .icon-scrolldown:before {
  float: none;
  color: #000000;
  opacity: 0.2;
}
.campaigns-body .pull-quote.gray {
  background: #f2f2f2;
}
.campaigns-body .pull-quote.lightgreen {
  background: #78be20;
}
.campaigns-body .pull-quote.lightgreen p {
  font-family: 'libre_franklin300', sans-serif;
  font-style: italic;
  vertical-align: middle;
  color: #ffffff;
}
@media (min-width: 992px) {
  .campaigns-body .pull-quote.lightgreen p {
    max-width: 700px;
  }
}
.campaigns-body .pull-quote.lightgreen .icon-pin,
.campaigns-body .pull-quote.lightgreen .icon-quote {
  color: #ffffff;
}
.campaigns-body .pull-quote.darkgreen {
  background: #009639;
}
.campaigns-body .pull-quote.darkgreen p {
  font-family: 'libre_franklin300', sans-serif;
  font-style: italic;
  vertical-align: middle;
  color: #ffffff;
}
@media (min-width: 992px) {
  .campaigns-body .pull-quote.darkgreen p {
    max-width: 700px;
  }
}
.campaigns-body .pull-quote.darkgreen .icon-pin,
.campaigns-body .pull-quote.darkgreen .icon-quote {
  color: #ffffff;
}
.campaigns-body .responsive-title {
  text-align: center;
  margin: 0 auto;
  padding: 30px 40px;
}
@media (min-width: 992px) {
  .campaigns-body .responsive-title {
    padding: 90px 60px 60px 60px;
  }
}
.campaigns-body .responsive-title img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .campaigns-body .responsive-title img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-bottom: 30px;
  }
}
.campaigns-body .responsive-title .campaigns-h1 p {
  font-size: 28px;
  line-height: 32px;
  color: #78be20;
  font-family: 'libre_franklin300', sans-serif;
  max-width: 780px;
  margin: 0 auto;
}
.campaigns-body .responsive-title .campaigns-h1 p b {
  font-family: 'libre_franklin700', sans-serif;
}
@media (min-width: 992px) {
  .campaigns-body .responsive-title .campaigns-h1 p {
    font-size: 40px;
    line-height: 40px;
  }
}
.campaigns-body .responsive-title .title-line {
  display: block;
  background-color: #78be20;
  height: 2px;
  width: 100px;
  margin: 23px auto 0 auto;
}
.campaigns-body .responsive-title.lightgreen p,
.campaigns-body .responsive-title.darkgreen p {
  color: #ffffff;
}
.campaigns-body .responsive-title.lightgreen .title-line,
.campaigns-body .responsive-title.darkgreen .title-line {
  background-color: #ffffff;
}
.campaigns-body .responsive-title.lightgreen {
  background-color: #78be20;
}
.campaigns-body .responsive-title.darkgreen {
  background-color: #009639;
}
.campaigns-body .responsive-title .icon-scrolldown {
  display: block;
  text-align: center;
  margin: 30px 0 0 0;
  line-height: normal;
}
@media (min-width: 992px) {
  .campaigns-body .responsive-title .icon-scrolldown {
    margin: 30px 0 0 0;
  }
}
.campaigns-body .responsive-title .icon-scrolldown:before {
  float: none;
  color: #000000;
  opacity: 0.2;
}
.campaigns-body .responsivecontentsection-container {
  max-width: 900px;
  margin: 0 auto;
  z-index: 1;
  margin-top: 70px;
}
@media (max-width: 1199px) {
  .campaigns-body .responsivecontentsection-container {
    padding: 0 15px;
  }
}
.campaigns-body .responsivecontentsection-container .headercontentsection {
  display: flex;
  padding: 15px 0;
  border-bottom: 1px solid #cccccc;
}
@media (max-width: 767px) {
  .campaigns-body .responsivecontentsection-container .headercontentsection {
    flex-direction: column;
  }
}
.campaigns-body .responsivecontentsection-container .headercontentsection img {
  margin-right: 25px;
  max-height: 160px;
  width: min-content;
}
@media (max-width: 767px) {
  .campaigns-body .responsivecontentsection-container .headercontentsection img {
    margin: 0;
  }
}
.campaigns-body .responsivecontentsection-container .headercontentsection .headercontent {
  padding: 10px 20px;
  /* max-width: 420px; */
}
.campaigns-body .responsivecontentsection-container .headercontentsection .headercontent h3 {
  color: #000;
  font-size: 28px;
}
@media (max-width: 767px) {
  .campaigns-body .responsivecontentsection-container .headercontentsection .headercontent h3 {
    font-size: 26px;
    line-height: 1.3;
    margin-bottom: 20px;
  }
  .campaigns-body .responsivecontentsection-container .headercontentsection .headercontent h3 br {
    display: none;
  }
}
.campaigns-body .responsivecontentsection-container .headercontentsection .headercontent h2 {
  color: #000;
  font-size: 32px;
}
@media (max-width: 767px) {
  .campaigns-body .responsivecontentsection-container .headercontentsection .headercontent h2 {
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 20px;
  }
  .campaigns-body .responsivecontentsection-container .headercontentsection .headercontent h2 br {
    display: none;
  }
}
.campaigns-body .responsivecontentsection-container .headercontentsection .headercontent h1 {
  color: #000;
  font-size: 36px;
}
@media (max-width: 767px) {
  .campaigns-body .responsivecontentsection-container .headercontentsection .headercontent h1 {
    font-size: 32px;
    line-height: 1.3;
    margin-bottom: 20px;
  }
  .campaigns-body .responsivecontentsection-container .headercontentsection .headercontent h1 br {
    display: none;
  }
}
.campaigns-body .responsivecontentsection-container .headercontentsection .headercontent ul,
.campaigns-body .responsivecontentsection-container .headercontentsection .headercontent ol {
  padding: 0 0 0 20px;
}
.campaigns-body .responsivecontentsection-container .headercontentsection .headercontent ul li,
.campaigns-body .responsivecontentsection-container .headercontentsection .headercontent ol li {
  padding: 0 10px;
  line-height: 1.5;
  margin-bottom: 15px;
  color: #3a3a3a;
  font-size: 16px;
}
.campaigns-body .responsivecontentsection-container .headercontentsection .headercontent p {
  font-size: 14px;
  margin: 0;
  color: #3a3a3a;
}
.campaigns-body .responsivecontentsection-container .headercontentsection .headercontent p i {
  font-style: normal;
  color: #faa100;
  font-size: 16px;
}
.campaigns-body .responsivecontentsection-container .bodycontentsection {
  padding: 25px 0;
}
.campaigns-body .responsivecontentsection-container .bodycontentsection h1.bodyTitle {
  color: #000;
  font-size: 44px;
  line-height: 48px;
  margin: 15px 0 40px 0;
}
.campaigns-body .responsivecontentsection-container .bodycontentsection .bodycontent {
  padding-right: 15px;
}
.campaigns-body .responsivecontentsection-container .bodycontentsection .bodycontent h3 {
  color: #000;
  font-size: 28px;
}
@media (max-width: 767px) {
  .campaigns-body .responsivecontentsection-container .bodycontentsection .bodycontent h3 {
    font-size: 26px;
    line-height: 1.3;
    margin-bottom: 20px;
  }
  .campaigns-body .responsivecontentsection-container .bodycontentsection .bodycontent h3 br {
    display: none;
  }
}
.campaigns-body .responsivecontentsection-container .bodycontentsection .bodycontent h2 {
  color: #000;
  font-size: 32px;
}
@media (max-width: 767px) {
  .campaigns-body .responsivecontentsection-container .bodycontentsection .bodycontent h2 {
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 20px;
  }
  .campaigns-body .responsivecontentsection-container .bodycontentsection .bodycontent h2 br {
    display: none;
  }
}
.campaigns-body .responsivecontentsection-container .bodycontentsection .bodycontent h1 {
  color: #000;
  font-size: 36px;
}
@media (max-width: 767px) {
  .campaigns-body .responsivecontentsection-container .bodycontentsection .bodycontent h1 {
    font-size: 32px;
    line-height: 1.3;
    margin-bottom: 20px;
  }
  .campaigns-body .responsivecontentsection-container .bodycontentsection .bodycontent h1 br {
    display: none;
  }
}
.campaigns-body .responsivecontentsection-container .bodycontentsection .bodycontent ul,
.campaigns-body .responsivecontentsection-container .bodycontentsection .bodycontent ol {
  padding: 0 0 0 20px;
}
.campaigns-body .responsivecontentsection-container .bodycontentsection .bodycontent ul li,
.campaigns-body .responsivecontentsection-container .bodycontentsection .bodycontent ol li {
  padding: 0 10px;
  line-height: 1.5;
  margin-bottom: 15px;
  color: #3a3a3a;
  font-size: 16px;
}
.campaigns-body .responsivecontentsection-container .bodycontentsection .bodycontent p {
  color: #3a3a3a;
  font-size: 16px;
  font-family: inherit;
  line-height: 1.4;
}
.campaigns-body .responsivecontentsection-container .bodycontentsection .bodycontent:after {
  content: '';
  display: block;
  padding-bottom: 30px;
}
.campaigns-body .responsivecontentsection-container img:focus,
.campaigns-body .responsivecontentsection-container h1:focus,
.campaigns-body .responsivecontentsection-container h2:focus,
.campaigns-body .responsivecontentsection-container h3:focus,
.campaigns-body .responsivecontentsection-container p:focus,
.campaigns-body .responsivecontentsection-container li:focus {
  border: 0px solid #cccccc;
  outline: 0;
}
.campaigns-body .responsive-description {
  padding: 30px;
}
@media (min-width: 992px) {
  .campaigns-body .responsive-description {
    padding: 60px;
  }
}
.campaigns-body .responsive-description img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .campaigns-body .responsive-description img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-bottom: 30px;
  }
}
.campaigns-body .responsive-description .title {
  text-align: center;
  max-width: 780px;
  margin: 0 auto;
}
.campaigns-body .responsive-description .title p {
  font-family: 'libre_franklin300', sans-serif;
  color: #006341;
  line-height: 28px;
  font-size: 24px;
  margin-bottom: 0px;
  margin-top: 0px;
}
.campaigns-body .responsive-description .title p b {
  font-weight: normal;
  font-family: 'libre_franklin700', sans-serif;
}
@media (min-width: 992px) {
  .campaigns-body .responsive-description .title p {
    font-size: 32px;
    line-height: 36px;
    text-align: center;
  }
}
.campaigns-body .responsive-description .title .title-line {
  display: block;
  background-color: #006341;
  height: 2px;
  width: 100px;
  margin: 23px auto 25px auto;
}
@media (min-width: 992px) {
  .campaigns-body .responsive-description .title .title-line {
    margin-bottom: 55px;
  }
}
.campaigns-body .responsive-description .copy {
  max-width: 1280px;
  margin: auto;
}
.campaigns-body .responsive-description .column {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .campaigns-body .responsive-description .column {
    padding: 0px;
  }
  .campaigns-body .responsive-description .column.first {
    padding-right: 40px;
  }
  .campaigns-body .responsive-description .column.last {
    padding-left: 40px;
  }
}
.campaigns-body .responsive-description .column h1 {
  font-family: 'libre_franklin300', sans-serif;
  font-size: 20px;
  line-height: 24px;
}
@media (min-width: 992px) {
  .campaigns-body .responsive-description .column h1 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 18px;
  }
}
.campaigns-body .responsive-description .column h2 {
  color: #353535;
  font-size: 18px;
  line-height: 24px;
  font-style: italic;
  font-weight: normal;
  font-family: sans-serif;
  margin-bottom: 30px;
}
.campaigns-body .responsive-description .column h2 b {
  color: #78be20;
}
@media (min-width: 992px) {
  .campaigns-body .responsive-description .column h2 {
    margin-bottom: 50px;
  }
}
.campaigns-body .responsive-description .column h3 {
  color: #353535;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
}
.campaigns-body .responsive-description .column ul {
  list-style: none;
  padding-left: 15px;
  margin-bottom: 0;
}
.campaigns-body .responsive-description .column ul li {
  line-height: 20px;
  list-style-type: none;
  margin-bottom: 20px;
  position: relative;
  color: #5c5c5c;
}
.campaigns-body .responsive-description .column ul li:last-child {
  margin-bottom: 0px;
}
.campaigns-body .responsive-description .column ul li:before {
  position: absolute;
  margin: 0px 0 0 -15px;
  vertical-align: middle;
  display: inline-block;
  color: #d9d9d9;
  content: '•';
  font-size: 23px;
}
.campaigns-body .responsive-description p {
  color: #353535;
  line-height: 24px;
  font-size: 16px;
  margin-bottom: 30px;
}
.campaigns-body .responsive-description p b,
.campaigns-body .responsive-description p strong {
  font-weight: bold;
}
.campaigns-body .responsive-description p i {
  font-style: italic;
  font-size: 18px;
}
.campaigns-body .responsive-description p i u {
  color: #78be20;
}
.campaigns-body .responsive-description a {
  background: #e6e6e6;
  box-shadow: 3px 0 0 #e6e6e6, -3px 0 0 #e6e6e6;
  padding: 3px;
  font-size: 16px;
  line-height: 20px;
  color: #353535;
  white-space: pre-wrap;
  cursor: pointer;
  position: relative;
  left: 3px;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.campaigns-body .responsive-description a.light {
  background-color: #ffffff;
  box-shadow: 3px 0 0 #ffffff, -3px 0 0 #ffffff;
}
.campaigns-body .responsive-description a.dark {
  background-color: #e6e6e6;
  box-shadow: 3px 0 0 #e6e6e6, -3px 0 0 #e6e6e6;
}
.campaigns-body .responsive-description a:hover {
  color: #ffffff;
  background-color: #78be20;
  box-shadow: 3px 0 0 #78be20, -3px 0 0 #78be20;
}
.campaigns-body .responsive-description a.bold {
  color: #353535;
}
.campaigns-body .responsive-description a.bold:hover {
  color: #ffffff;
}
@media (min-width: 768px) and (max-width: 991px) {
  .campaigns-body .responsive-description a {
    font-size: 14px;
  }
}
.campaigns-body .responsive-description .cta {
  background: none;
  box-shadow: none;
  font-size: 20px;
  color: #006341;
  font-family: 'libre_franklin300', sans-serif;
  position: relative;
  top: 14px;
  display: inline-block;
}
.campaigns-body .responsive-description .cta:after {
  font-family: "dxm-icons";
  font-style: normal;
  font-weight: normal;
  content: '\e813';
  margin-left: 10px;
  font-size: 24px;
  position: relative;
  top: 2px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.campaigns-body .responsive-description .cta:hover {
  background: none;
  box-shadow: none;
  color: #78be20;
}
.campaigns-body .responsive-description .cta:hover:after {
  margin-left: 15px;
}
.campaigns-body .responsive-description.lightgreen p,
.campaigns-body .responsive-description.darkgreen p {
  color: #ffffff;
}
.campaigns-body .responsive-description .icon-scrolldown {
  margin-top: 0;
}
.campaigns-body .responsive-description .icon-scrolldown:before {
  color: #000000;
  opacity: 0.2;
}
.campaigns-body .comparison-table {
  margin-bottom: 0px;
  padding: 30px;
}
@media (min-width: 992px) {
  .campaigns-body .comparison-table {
    padding: 60px;
  }
}
.campaigns-body .comparison-table .campaigns-h3 {
  text-align: center;
}
@media (min-width: 992px) {
  .campaigns-body .comparison-table .campaigns-h3 {
    margin-bottom: 17px;
  }
}
.campaigns-body .comparison-table .campaigns-p-body {
  text-align: center;
  margin-bottom: 23px;
}
@media (min-width: 992px) {
  .campaigns-body .comparison-table .campaigns-p-body {
    margin-bottom: 33px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}
.campaigns-body .comparison-table .comparison-table-mobile {
  margin: 0px;
}
.campaigns-body .comparison-table .icon-scrolldown:before {
  color: #000000;
  opacity: 0.2;
}
.campaigns-body .image-gallery {
  background-color: #78be20;
  margin-bottom: 2px;
}
.campaigns-body .image-gallery.gray {
  background: #f2f2f2;
}
.campaigns-body .image-gallery.gray .title-line {
  background-color: #78be20;
}
.campaigns-body .image-gallery.gray .gallery-description h3 p {
  color: #006341;
}
.campaigns-body .image-gallery.gray .gallery-description .gallery-copy p {
  color: #353535;
}
.campaigns-body .image-gallery.lightgreen {
  background: #78be20;
}
.campaigns-body .image-gallery.darkgreen {
  background: #009639;
}
.campaigns-body .image-gallery.white {
  background: #f9f9f9;
}
.campaigns-body .image-gallery.white .title-line {
  background-color: #78be20;
}
.campaigns-body .image-gallery.white .gallery-description h3 p {
  color: #006341;
}
.campaigns-body .image-gallery.white .gallery-description .gallery-copy p {
  color: #353535;
}
.campaigns-body .image-gallery .title-line {
  display: block;
  background-color: #ffffff;
  height: 2px;
  width: 100px;
  margin: 24px auto 25px auto;
}
@media (min-width: 992px) {
  .campaigns-body .image-gallery .title-line {
    float: right;
  }
}
.campaigns-body .image-gallery .icon-scrolldown:before {
  color: #000000;
  opacity: 0.2;
}
.campaigns-body .image-gallery .gallery-description {
  padding: 26px 35px;
  text-align: center;
}
@media (min-width: 992px) {
  .campaigns-body .image-gallery .gallery-description {
    padding: 30px;
  }
}
@media (min-width: 1200px) {
  .campaigns-body .image-gallery .gallery-description {
    padding: 60px 60px 60px 40px;
  }
}
.campaigns-body .image-gallery .gallery-description h3 {
  margin-bottom: 0;
}
.campaigns-body .image-gallery .gallery-description h3 p {
  color: #ffffff;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 18px;
}
@media (min-width: 992px) {
  .campaigns-body .image-gallery .gallery-description h3 p {
    text-align: right;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 44px;
  }
}
@media (min-width: 1200px) {
  .campaigns-body .image-gallery .gallery-description h3 p {
    font-size: 32px;
    line-height: 36px;
  }
}
.campaigns-body .image-gallery .gallery-description .gallery-copy p {
  color: #ffffff;
  font-size: 14px;
  line-height: 22px;
}
@media (min-width: 992px) {
  .campaigns-body .image-gallery .gallery-description .gallery-copy p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .campaigns-body .image-gallery .gallery-description {
    text-align: right;
  }
}
.campaigns-body .image-gallery .two-column-gal {
  display: table;
}
@media (min-width: 992px) {
  .campaigns-body .image-gallery .two-column-gal [class*="col-"] {
    display: table-cell;
    float: none;
    vertical-align: top;
  }
}
.campaigns-body .image-gallery .two-column-gal .gallery-description {
  position: relative;
}
@media (min-width: 992px) {
  .campaigns-body .image-gallery .two-column-gal .gallery-description .icon-scrolldown {
    position: absolute;
    bottom: 30px;
    right: 30px;
  }
}
@media (min-width: 1200px) {
  .campaigns-body .image-gallery .two-column-gal .gallery-description .icon-scrolldown {
    bottom: 20px;
    right: 60px;
  }
}
.campaigns-body .image-gallery .two-column-gal .image {
  width: 50%;
  float: left;
  position: relative;
}
.campaigns-body .image-gallery .two-column-gal .image img {
  width: 100%;
}
.campaigns-body .image-gallery .two-column-gal .image .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.campaigns-body .image-gallery .two-column-gal.white {
  background: #f9f9f9;
}
.campaigns-body .image-gallery .two-column-gal.white .title-line {
  background-color: #78be20;
}
.campaigns-body .image-gallery .two-column-gal.white h3 p {
  color: #78be20;
}
.campaigns-body .image-gallery .two-column-gal.white .gallery-copy p {
  color: #78be20;
}
.campaigns-body .image-gallery .three-column-gal {
  display: table;
}
@media (min-width: 992px) {
  .campaigns-body .image-gallery .three-column-gal [class*="col-"] {
    display: table-cell;
    float: none;
    vertical-align: top;
  }
}
.campaigns-body .image-gallery .three-column-gal .gallery-description {
  position: relative;
  padding: 30px;
}
@media (min-width: 1200px) {
  .campaigns-body .image-gallery .three-column-gal .gallery-description {
    padding: 60px 60px 60px 40px;
  }
}
@media (min-width: 992px) {
  .campaigns-body .image-gallery .three-column-gal .gallery-description .icon-scrolldown {
    position: absolute;
    bottom: 30px;
    right: 30px;
  }
}
@media (min-width: 1200px) {
  .campaigns-body .image-gallery .three-column-gal .gallery-description .icon-scrolldown {
    bottom: 20px;
    right: 60px;
  }
}
.campaigns-body .image-gallery .three-column-gal .image {
  width: 50%;
  float: left;
  position: relative;
}
@media (min-width: 768px) {
  .campaigns-body .image-gallery .three-column-gal .image {
    width: 33.3%;
    height: auto;
  }
}
.campaigns-body .image-gallery .three-column-gal .image img {
  width: 100%;
}
.campaigns-body .image-gallery .three-column-gal .image .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.campaigns-body .image-gallery .three-column-gal.white {
  background: #f9f9f9;
}
.campaigns-body .image-gallery .three-column-gal.white .title-line {
  background-color: #78be20;
}
.campaigns-body .image-gallery .three-column-gal.white h3 p {
  color: #78be20;
}
.campaigns-body .image-gallery .three-column-gal.white .gallery-copy p {
  color: #78be20;
}
.campaigns-body .image-gallery .three-column-gal.gray {
  background: #f2f2f2;
}
.campaigns-body .image-gallery .three-column-gal.gray .title-line {
  background-color: #78be20;
}
.campaigns-body .image-gallery .three-column-gal.lightgreen {
  background: #78be20;
}
.campaigns-body .image-gallery .three-column-gal.darkgreen {
  background: #009639;
}
.campaigns-body .image-gallery h3 p {
  color: #78be20;
}
.campaigns-body .image-gallery .gallery-copy p {
  color: #78be20;
}
.campaigns-body .introductory {
  padding: 30px;
}
@media (min-width: 992px) {
  .campaigns-body .introductory {
    padding: 60px;
  }
}
.campaigns-body .introductory .intro-content {
  max-width: 780px;
  margin: 0 auto;
  text-align: center;
}
.campaigns-body .introductory .intro-content .title p {
  font-family: 'libre_franklin300', sans-serif;
  color: #006341;
  line-height: 28px;
  font-size: 24px;
  margin-bottom: 18px;
  margin-top: 0px;
}
.campaigns-body .introductory .intro-content .title p b {
  font-weight: normal;
  font-family: 'libre_franklin700', sans-serif;
}
@media (min-width: 992px) {
  .campaigns-body .introductory .intro-content .title p {
    font-size: 32px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 48px;
  }
}
.campaigns-body .introductory .intro-content .subtitle p {
  color: #353535;
  line-height: 24px;
  font-size: 16px;
  margin-bottom: 0;
}
.campaigns-body .introductory .intro-content .subtitle p b {
  color: #78be20;
}
.campaigns-body .introductory.white {
  background: #f9f9f9;
}
.campaigns-body .introductory.gray {
  background: #f2f2f2;
}
.campaigns-body .introductory.lightgreen {
  background: #78be20;
}
.campaigns-body .introductory.lightgreen .intro-content h3,
.campaigns-body .introductory.lightgreen .intro-content h3 p,
.campaigns-body .introductory.lightgreen .intro-content p {
  color: #ffffff;
}
.campaigns-body .introductory.lightgreen .intro-content h3 b,
.campaigns-body .introductory.lightgreen .intro-content h3 p b,
.campaigns-body .introductory.lightgreen .intro-content p b {
  color: #ffffff;
}
.campaigns-body .introductory.darkgreen {
  background: #009639;
}
.campaigns-body .introductory.darkgreen .intro-content h3,
.campaigns-body .introductory.darkgreen .intro-content h3 p,
.campaigns-body .introductory.darkgreen .intro-content p {
  color: #ffffff;
}
.campaigns-body .introductory.darkgreen .intro-content h3 b,
.campaigns-body .introductory.darkgreen .intro-content h3 p b,
.campaigns-body .introductory.darkgreen .intro-content p b {
  color: #ffffff;
}
.campaigns-body .introductory .icon-scrolldown {
  margin-top: 24px;
}
.campaigns-body .introductory .icon-scrolldown:before {
  color: #000000;
  opacity: 0.2;
}
.campaigns-body .detail-video {
  display: inline-block;
  padding-top: 56.25%;
  margin-bottom: 0px;
  border-bottom: 2px solid #f2f2f2;
}
.campaigns-body .detail-video .img-responsive {
  height: 100%;
}
@media (min-width: 992px) {
  .campaigns-body .detail-video .img-responsive {
    max-height: none;
  }
}
.campaigns-body .detail-video .overlay {
  background-color: rgba(0, 0, 0, 0.5);
}
.campaigns-body .detail-video .video-info {
  padding: 40px 30px;
  position: absolute;
  width: 100%;
  z-index: 10;
  text-align: center;
  top: 0;
  height: 100%;
}
.campaigns-body .detail-video .video-info .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 0 30px;
}
@media (min-width: 1200px) {
  .campaigns-body .detail-video .video-info .content {
    max-width: 1080px;
    padding: 0;
  }
}
.campaigns-body .detail-video .video-info .content .icon-play {
  margin: 0 auto 20px;
  position: initial;
  text-align: center;
}
.campaigns-body .detail-video .video-info .content .icon-play:before {
  font-size: 40px;
}
@media (min-width: 768px) {
  .campaigns-body .detail-video .video-info .content .icon-play:before {
    font-size: 60px;
  }
}
@media (min-width: 768px) {
  .campaigns-body .detail-video .video-info .content .icon-play {
    margin-bottom: 24px;
  }
}
@media (min-width: 992px) {
  .campaigns-body .detail-video .video-info .content .icon-play {
    text-align: center;
    margin-bottom: 30px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
  }
}
.campaigns-body .detail-video .video-info .content p {
  margin: 0;
}
.campaigns-body .detail-video .video-info .content h2 {
  margin-bottom: 0px;
}
@media (min-width: 768px) {
  .campaigns-body .detail-video .video-info .content h2 {
    margin-bottom: 7px;
  }
}
.campaigns-body .detail-video .video-info .content h2 p {
  font-family: 'libre_franklin500', sans-serif;
  color: #ffffff;
  font-size: 20px;
  line-height: 24px;
  margin-top: 0px;
}
@media (min-width: 768px) {
  .campaigns-body .detail-video .video-info .content h2 p {
    font-family: 'libre_franklin300', sans-serif;
    font-size: 32px;
    line-height: 36px;
  }
}
.campaigns-body .detail-video .video-info .content h2 p b {
  font-family: 'libre_franklin700', sans-serif;
}
.campaigns-body .detail-video .video-info .content .p-body p {
  display: none;
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 768px) {
  .campaigns-body .detail-video .video-info .content .p-body p {
    display: block;
  }
}
.campaigns-body .detail-video .video-info .icon-scrolldown {
  display: none;
}
@media (min-width: 992px) {
  .campaigns-body .detail-video .video-info .icon-scrolldown {
    display: block;
    position: absolute;
    bottom: 60px;
    text-align: center;
    width: 100%;
    left: 0;
  }
}
.campaigns-body .campaigns-news-listing {
  background: #f9f9f9;
  padding: 30px 10px;
}
.campaigns-body .campaigns-news-listing .news-header {
  margin-bottom: 13px;
  text-align: center;
}
@media (min-width: 992px) {
  .campaigns-body .campaigns-news-listing .news-header {
    margin-bottom: 32px;
  }
}
.campaigns-body .campaigns-news-listing .news-header h4 {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .campaigns-body .campaigns-news-listing .news-header h4 {
    font-size: 32px;
    line-height: 36px;
  }
}
@media (min-width: 992px) {
  .campaigns-body .campaigns-news-listing {
    padding: 60px;
  }
}
.campaigns-body .campaigns-news-listing .general-listing {
  padding: 0;
}
@media (min-width: 992px) {
  .campaigns-body .campaigns-news-listing .general-listing {
    max-width: 1080px;
    margin: 0 auto;
  }
  .campaigns-body .campaigns-news-listing .general-listing .news-listing {
    padding: 0;
  }
  .campaigns-body .campaigns-news-listing .general-listing .news-listing figure img.img-responsive {
    height: 60px;
    width: 60px;
    border-radius: 100%;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .campaigns-body .campaigns-news-listing .general-listing .news-listing figure {
    width: auto;
    margin: 30px 0 0 30px;
    float: left;
  }
}
.campaigns-body .campaigns-news-listing .icon-scrolldown {
  margin: 30px 0 0px 0;
}
.campaigns-body .campaigns-news-listing .icon-scrolldown:before {
  color: #000000;
  opacity: 0.2;
}
.campaigns-body .podcast {
  text-align: center;
  padding: 30px;
  background: #f2f2f2;
}
@media (min-width: 992px) {
  .campaigns-body .podcast {
    padding: 60px 157px;
  }
}
.campaigns-body .podcast .icon-podcast {
  display: inline-block;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .campaigns-body .podcast .icon-podcast {
    margin-bottom: 20px;
  }
}
.campaigns-body .podcast .icon-podcast:before {
  float: left;
}
.campaigns-body .podcast [class*='icon-'] {
  color: #78be20;
  font-size: 60px;
}
.campaigns-body .podcast h4 p {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 20px;
  font-family: 'libre_franklin300', sans-serif;
}
@media (min-width: 992px) {
  .campaigns-body .podcast h4 p {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 20px;
  }
}
.campaigns-body .podcast a {
  color: #78be20;
  font-size: 24px;
  line-height: 28px;
  font-family: 'libre_franklin300', sans-serif;
}
@media (min-width: 992px) {
  .campaigns-body .podcast a {
    font-size: 32px;
    line-height: 36px;
  }
}
.campaigns-body .podcast a:after {
  content: '\e813';
  font-family: "dxm-icons";
  font-style: normal;
  font-weight: normal;
  margin-left: 10px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.campaigns-body .podcast a:hover:after {
  margin-left: 15px;
}
.campaigns-body .podcast a {
  color: #006341;
  font-size: 20px;
  line-height: normal;
  font-family: 'libre_franklin500', sans-serif;
}
.campaigns-body .podcast a:after {
  content: '\e813';
  font-family: "dxm-icons";
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  margin-left: 10px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.campaigns-body .podcast a:hover {
  color: #78be20;
}
.campaigns-body .podcast a:hover:after {
  margin-left: 15px;
}
.campaigns-body .podcast .icon-scrolldown {
  font-size: initial;
  margin-top: 30px;
}
.campaigns-body .podcast .icon-scrolldown:before {
  color: #000000;
  opacity: 0.2;
}
.campaigns-body .two-options {
  background: #f9f9f9;
  padding: 30px 10px 30px 10px;
  text-align: center;
}
@media (min-width: 992px) {
  .campaigns-body .two-options {
    padding: 60px;
  }
}
.campaigns-body .two-options .header {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .campaigns-body .two-options .header {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 19px;
  }
}
.campaigns-body .two-options .subtitle {
  font-size: 16px;
  line-height: 24px;
  padding: 0 20px;
  margin-bottom: 23px;
}
@media (min-width: 768px) {
  .campaigns-body .two-options .subtitle {
    max-width: 780px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 992px) {
  .campaigns-body .two-options .subtitle {
    margin-bottom: 35px;
    max-width: 780px;
    margin-right: auto;
    margin-left: auto;
  }
}
.campaigns-body .two-options .options {
  background: #ffffff;
  padding: 0 25px;
  max-width: 1080px;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .campaigns-body .two-options .options {
    padding: 60px 0;
  }
}
.campaigns-body .two-options .options .clearfix {
  margin-bottom: 20px;
}
.campaigns-body .two-options .options [class*="icon-"] {
  color: #78be20;
}
.campaigns-body .two-options .options [class*="icon-"]:before {
  font-size: 60px;
}
@media (min-width: 768px) {
  .campaigns-body .two-options .options [class*="icon-"] {
    margin-right: 20px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
  }
}
.campaigns-body .two-options .options .title {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  margin-top: 16px;
}
.campaigns-body .two-options .options .title p {
  color: #78be20;
  font-size: 24px;
  line-height: 28px;
  font-family: 'libre_franklin300', sans-serif;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .campaigns-body .two-options .options .title p {
    font-size: 28px;
    line-height: 32px;
  }
}
@media (min-width: 768px) {
  .campaigns-body .two-options .options .title {
    margin-top: 0;
  }
}
.campaigns-body .two-options .options .summary {
  margin-bottom: 18px;
}
.campaigns-body .two-options .options .summary p {
  color: #353535;
  line-height: 20px;
  font-size: 16px;
  margin-bottom: 0;
}
.campaigns-body .two-options .options .summary p strong,
.campaigns-body .two-options .options .summary p b {
  color: #78be20;
  line-height: 20px;
  font-size: 16px;
}
.campaigns-body .two-options .options a {
  color: #006341;
  font-size: 20px;
  font-family: 'libre_franklin500', sans-serif;
  line-height: normal;
}
.campaigns-body .two-options .options a:after {
  content: '\e813';
  font-family: "dxm-icons";
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  margin-left: 10px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.campaigns-body .two-options .options a:hover {
  color: #78be20;
}
.campaigns-body .two-options .options a:hover:after {
  margin-left: 15px;
}
.campaigns-body .two-options .options .option {
  padding: 30px 0px;
  border-bottom: 2px solid #eeeeee;
}
.campaigns-body .two-options .options .option:last-child {
  border: none;
}
@media (min-width: 992px) {
  .campaigns-body .two-options .options .option {
    border-right: 2px solid #eeeeee;
    border-bottom: none;
    padding: 0px 60px 0 50px;
  }
  .campaigns-body .two-options .options .option:last-child {
    border: none;
    padding: 0px 50px 0 60px;
  }
}
.campaigns-body .two-options.gray {
  background: #f2f2f2;
}
.campaigns-body .two-options.white {
  background: #f9f9f9;
}
.campaigns-body .two-options .icon-scrolldown:before {
  color: #000000;
  opacity: 0.2;
}
@media (min-width: 992px) {
  .campaigns-body .two-options .icon-scrolldown {
    display: none;
  }
}
.campaigns-body .three-options {
  background: #f2f2f2;
  padding: 30px 10px 30px 10px;
  text-align: center;
}
@media (min-width: 992px) {
  .campaigns-body .three-options {
    padding: 60px;
  }
}
.campaigns-body .three-options .header {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .campaigns-body .three-options .header {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 19px;
  }
}
.campaigns-body .three-options .subtitle {
  font-size: 16px;
  line-height: 24px;
  padding: 0 20px;
  margin-bottom: 23px;
}
@media (min-width: 768px) {
  .campaigns-body .three-options .subtitle {
    max-width: 780px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 992px) {
  .campaigns-body .three-options .subtitle {
    margin-bottom: 35px;
    max-width: 780px;
    margin-right: auto;
    margin-left: auto;
  }
}
.campaigns-body .three-options .options {
  background: #ffffff;
  padding: 0 25px;
  max-width: 1080px;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .campaigns-body .three-options .options {
    padding: 60px 0;
  }
}
.campaigns-body .three-options .options .clearfix {
  margin-bottom: 20px;
}
.campaigns-body .three-options .options [class*="icon-"] {
  color: #78be20;
}
.campaigns-body .three-options .options [class*="icon-"]:before {
  font-size: 60px;
}
@media (min-width: 768px) {
  .campaigns-body .three-options .options [class*="icon-"] {
    margin-right: 20px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
  }
}
.campaigns-body .three-options .options .title {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  margin-top: 16px;
}
.campaigns-body .three-options .options .title p {
  color: #78be20;
  font-size: 24px;
  line-height: 28px;
  font-family: 'libre_franklin300', sans-serif;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .campaigns-body .three-options .options .title p {
    font-size: 28px;
    line-height: 32px;
  }
}
@media (min-width: 768px) {
  .campaigns-body .three-options .options .title {
    margin-top: 0;
  }
}
.campaigns-body .three-options .options .summary p {
  color: #353535;
  line-height: 20px;
  font-size: 16px;
}
.campaigns-body .three-options .options .summary p strong,
.campaigns-body .three-options .options .summary p b {
  color: #78be20;
  line-height: 20px;
  font-size: 16px;
}
.campaigns-body .three-options .options .option {
  padding: 30px 0px;
  border-bottom: 2px solid #eeeeee;
}
.campaigns-body .three-options .options .option:last-child {
  border: none;
}
@media (min-width: 992px) {
  .campaigns-body .three-options .options .option {
    border-right: 2px solid #eeeeee;
    border-bottom: none;
    padding: 0px 60px 0 50px;
  }
  .campaigns-body .three-options .options .option:last-child {
    border: none;
    padding: 0px 50px 0 60px;
  }
}
.campaigns-body .three-options.gray {
  background: #f2f2f2;
}
.campaigns-body .three-options.white {
  background: #f9f9f9;
}
.campaigns-body .three-options .icon-scrolldown:before {
  color: #000000;
  opacity: 0.2;
}
@media (min-width: 992px) {
  .campaigns-body .three-options .icon-scrolldown {
    display: none;
  }
}
.campaigns-body .social {
  float: left;
  margin: 0;
  height: 40px;
  width: 25%;
}
@media (min-width: 768px) {
  .campaigns-body .social {
    height: 80px;
  }
}
.campaigns-body .social.fb {
  background: #265999;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  background-image: url("../../designs/nedbank/images/facebook.png");
  background-size: 25px 25px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .campaigns-body .social.fb {
    background-image: url("../../designs/nedbank/images/facebook.png");
    background-size: 25px 25px;
  }
}
@media (min-width: 768px) {
  .campaigns-body .social.fb {
    background-size: 50px;
  }
}
.campaigns-body .social.twitter {
  background: #00b0ef;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  background-image: url("../../designs/nedbank/images/twitter.png");
  background-size: 25px 25px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .campaigns-body .social.twitter {
    background-image: url("../../designs/nedbank/images/twitter.png");
    background-size: 25px 25px;
  }
}
@media (min-width: 768px) {
  .campaigns-body .social.twitter {
    background-size: 50px;
  }
}
.campaigns-body .social.yt {
  background: #cb3533;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  background-image: url("../../designs/nedbank/images/youTube.png");
  background-size: 25px 25px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .campaigns-body .social.yt {
    background-image: url("../../designs/nedbank/images/youTube.png");
    background-size: 25px 25px;
  }
}
@media (min-width: 768px) {
  .campaigns-body .social.yt {
    background-size: 50px;
  }
}
.campaigns-body .social.gplus {
  background: #f32e31;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  background-image: url("../../designs/nedbank/images/google-plus.png");
  background-size: 25px 25px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .campaigns-body .social.gplus {
    background-image: url("../../designs/nedbank/images/google-plus.png");
    background-size: 25px 25px;
  }
}
@media (min-width: 768px) {
  .campaigns-body .social.gplus {
    background-size: 50px;
  }
}
.campaigns-body .social.linkedin {
  background: #0082b2;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  background-image: url("../../designs/nedbank/images/linkedin.png");
  background-size: 25px 25px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .campaigns-body .social.linkedin {
    background-image: url("../../designs/nedbank/images/linkedin.png");
    background-size: 25px 25px;
  }
}
@media (min-width: 768px) {
  .campaigns-body .social.linkedin {
    background-size: contain;
  }
}
.campaigns-body .social:after {
  content: '\A';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.campaigns-body .social:hover:after {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.campaigns-body .share-container {
  margin-top: 12px;
}
@media (min-width: 768px) {
  .campaigns-body .share-container {
    margin-left: 30px;
  }
}
.careerSearchForm {
  padding: 20px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .careerSearchForm {
    padding: 30px;
  }
}
.careerSearchForm h5 {
  color: #353535;
}
.careerSearchForm input[type="text"] {
  margin-bottom: 10px;
  width: 100%;
}
@media (min-width: 992px) {
  .careerSearchForm input[type="text"] {
    margin-right: 10px;
    height: 40px;
    width: 330px;
  }
}
@media (min-width: 992px) {
  .careerSearchForm input[type="text"] {
    float: left;
  }
}
.careerSearchForm input[type="text"]:focus {
  height: 40px;
}
.careerSearchForm .careerSearchSubmitBtn {
  margin-top: 0;
  padding: 7px 0 7px 0;
}
@media (min-width: 992px) {
  .careerSearchForm .careerSearchSubmitBtn {
    width: 125px;
  }
}
/*@import "module/nedbankcup/header.less";
@import "module/nedbankcup/layout.less";
@import "module/nedbankcup/match-info.less";
@import "module/nedbankcup/social.less";
@import "module/nedbankcup/videov2.less";
@import "module/nedbankcup/tabs.less";
@import "module/nedbankcup/nedbankcup.less";
@import "module/nedbankcup/dropdown.less";*/
#paymentverificationform {
  width: 90%;
  /* {
    padding: 0 40px 50px;
}*/
}
@media (max-width: 991px) {
  #paymentverificationform {
    padding: 0px;
    margin: 0px;
    width: 100%;
  }
}
#paymentverificationform .container-fluid {
  padding: 0px 30px 40px;
  width: 100%;
}
#paymentverificationform .title {
  text-align: left;
  width: 80%;
  padding: 10px;
  margin: 0;
  color: #000000;
}
#paymentverificationform .title .description {
  text-align: left;
}
#paymentverificationform .title p,
#paymentverificationform .title ul,
#paymentverificationform .title li {
  font-size: 14px;
}
#paymentverificationform .title ul {
  padding-inline-start: 12px;
}
#paymentverificationform .title h2 {
  color: #000000;
}
#paymentverificationform .title .description p {
  color: #666666;
}
#paymentverificationform form .form-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#paymentverificationform form .form-row .row-item {
  padding: 0px 10px;
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
}
#paymentverificationform form .form-row .row-item input {
  border: 1.5px solid #bbbbbb;
}
#paymentverificationform form .form-row .row-item input.error {
  border: 1.5px solid #D22630;
}
#paymentverificationform form .form-row .row-item input:disabled {
  border: 1.5px solid #D7D7D7;
}
#paymentverificationform form .form-row .row-item .date {
  width: 100%;
  display: inline-table;
  padding-left: 0px;
}
#paymentverificationform #verification-successful,
#paymentverificationform #verification-failed {
  padding: 0 40px 50px;
}
#paymentverificationform #verification-successful figure,
#paymentverificationform #verification-failed figure {
  margin-bottom: 30px;
}
#paymentverificationform #verification-successful h2,
#paymentverificationform #verification-failed h2 {
  margin-bottom: 20px;
}
#paymentverificationform #verification-successful a.link,
#paymentverificationform #verification-failed a.link {
  margin: 20px 0px;
  display: block;
}
#paymentverificationform #verification-successful .report-fault,
#paymentverificationform #verification-failed .report-fault {
  font-weight: bold;
}
#paymentverificationform form {
  width: 100%;
}
/* verify payment module with product blocks */
#banner-buttons {
  display: none;
}
#verifypayment {
  display: flex;
  overflow-x: hidden;
  flex-wrap: nowrap;
  width: auto;
}
#verifypayment .viewproducts {
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
#verifypayment .viewproducts h2 {
  font-family: 'FFMarkWebProBold', sans-serif;
  color: #ffffff;
  padding: 60px 20px 0 60px;
  width: 85%;
  font-size: 40px;
  line-height: 44px;
}
#verifypayment .viewproducts h2 a {
  font-family: 'FFMarkWebProRegular', sans-serif;
  display: flex;
  color: #cedc00;
  margin: 40px 0 0 0;
  font-size: 24px;
  letter-spacing: -0.75px;
  line-height: 36px;
}
#verifypayment .viewproducts h2 a span {
  width: 18px;
  margin-left: 20px;
}
.firstsection,
.secondsection {
  display: inline-flex;
}
#productview {
  display: inline-flex;
}
#productblocks {
  display: inline-flex;
  position: relative;
  background-repeat: no-repeat;
}
#productblocks .productblocks {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: 1;
  flex: auto;
  flex-basis: auto;
}
#productblocks .productblocks .productsection {
  width: 85%;
  margin-left: 150px;
}
#productblocks .productblocks .productsection .featurelist .featureListBlock {
  display: flex;
  width: 100%;
  margin-left: 0%;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#productblocks .productblocks .productsection .featurelist .featureListBlock .feature-listing-items {
  background: #ffffff;
  padding: 30px;
  border-radius: 5px;
  min-width: 310px;
  max-width: 338px;
  text-align: left;
  height: 275px;
  margin: 0 30px 30px 0;
  flex: 1;
  flex-shrink: 0;
  flex-direction: column;
  display: flex;
}
#productblocks .productblocks .productsection .featurelist .featureListBlock .feature-listing-items .CTA {
  display: flex;
  padding: 0;
  margin-top: 20px;
  font-size: 18px;
  font-family: 'FFMarkWebProBold', sans-serif;
}
#productblocks .productblocks .productsection .featurelist .featureListBlock .feature-listing-items .CTA img {
  width: 13px;
  margin-left: 13px;
}
#productblocks .productblocks .productsection .featurelist .featureListBlock .feature-listing-items.featureproduct:first-child {
  background-color: #353535;
}
#productblocks .productblocks .productsection .featurelist .featureListBlock .feature-listing-items.featureproduct:first-child h2 {
  color: #ffffff;
  margin: 0px;
}
#productblocks .productblocks .productsection .featurelist .featureListBlock .feature-listing-items.featureproduct:first-child .CTA {
  color: #cedc00;
  margin: 20px 0 0 0;
}
#productblocks .productblocks .productsection .featurelist .featureListBlock .feature-listing-items.featureproduct:first-child #banner-buttons {
  display: flex;
  justify-content: flex-start;
  flex: 1;
  flex: auto;
  flex-basis: auto;
  align-items: flex-end;
  flex-direction: row;
  justify-content: space-between;
}
#productblocks .productblocks .productsection .featurelist .featureListBlock .feature-listing-items.featureproduct:first-child #banner-buttons .playstore-btn {
  width: auto;
  min-width: 120px;
  height: 40px;
}
#productblocks .productblocks .productsection .featurelist .featureListBlock .feature-listing-items.featureproduct:first-child #banner-buttons .appstore-btn,
#productblocks .productblocks .productsection .featurelist .featureListBlock .feature-listing-items.featureproduct:first-child #banner-buttons .huaweiappgallery-btn {
  width: auto;
  min-width: 120px;
  height: 40px;
}
#productblocks .productblocks .productsection .featurelist .featureListBlock .feature-listing-items h2 {
  margin: 0 0 20px;
  font-family: 'FFMarkWebProMedium', sans-serif;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: -0.8px;
}
#productblocks .productblocks .productsection .featurelist .featureListBlock .feature-listing-items h3 {
  color: #009639;
  font-family: 'FFMarkWebProMedium', sans-serif;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 20px;
  letter-spacing: -0.8px;
}
#productblocks .productblocks .productsection .featurelist .featureListBlock .feature-listing-items p {
  font-size: 16px;
  line-height: 20px;
  color: #666666;
  font-family: 'FFMarkWebProRegular', sans-serif;
}
#productblocks .closeproducts {
  color: #ffffff;
  font-family: 'FFMarkWebProRegular', sans-serif;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 60px;
  left: 80px;
}
#productblocks .closeproducts .icon {
  background-color: #ffffff;
  background-image: url(../../../content/dam/nedbank/site-assets/icons/close.svg);
  background-repeat: no-repeat;
  background-size: 30%;
  background-position: center center;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  display: flex;
  flex-wrap: nowrap;
  margin: 0 auto;
  margin-bottom: 10px;
}
#productblocks .closeproducts .text {
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  width: 100%;
  display: inline-block;
}
/* end of verify payment module blocks */
/* for device resolution upto 1199 res */
@media (max-width: 1199px) {
  #paymentverificationform {
    padding: 0px;
    margin: 0px;
    width: 100%;
  }
  #paymentverificationform .container-fluid {
    padding: 40px 30px 40px;
  }
  #paymentverificationform .title {
    width: 100%;
  }
  #paymentverificationform .title h2 {
    font-size: 36px;
    letter-spacing: -1.2px;
    line-height: 36px;
  }
  #paymentverificationform .title .description p {
    font-size: 16px;
    letter-spacing: -0.47px;
    line-height: 22px;
  }
  #paymentverificationform form .form-row {
    flex-direction: column;
  }
  #paymentverificationform form .form-row .row-item {
    margin-bottom: 25px;
  }
  #paymentverificationform form .form-row .row-item .text-box {
    margin: 0;
  }
  #paymentverificationform form .form-row .row-item .text-box .helper-text {
    margin: 0;
  }
  #paymentverificationform #verification-successful,
  #paymentverificationform #verification-failed {
    padding: 0 20px 60px;
  }
  /* verify payment module with product blocks */
  #verifypayment {
    flex-direction: column;
  }
  #verifypayment .paymentform {
    width: 100%;
    margin: 20px 80px;
  }
  #verifypayment .viewproducts {
    background-repeat: no-repeat;
  }
  #verifypayment .viewproducts h2 {
    padding: 20px 20px 10px 20px;
    width: 70%;
    margin: 0 auto;
    font-size: 30px;
    line-height: 34px;
    text-align: center;
    letter-spacing: -1px;
  }
  #verifypayment .viewproducts h2 a {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin: 30px 0 0 0;
    font-size: 18px;
    letter-spacing: -0.56px;
    line-height: 24px;
    text-align: center;
  }
  #verifypayment .viewproducts h2 a span {
    width: 16px;
    margin-left: 14px;
  }
  #productview {
    flex-direction: column;
    padding: 80px 80px 10px;
  }
  #productblocks {
    background-repeat: no-repeat;
  }
  #productblocks .productblocks .productsection {
    margin-left: 0px;
  }
  #productblocks .productblocks .productsection .featurelist {
    padding: 30px 0px;
  }
  #productblocks .productblocks .productsection .featurelist .featureListBlock .feature-listing-items {
    margin: 0px 20px 30px 0;
    height: 250px;
    min-width: 250px;
    max-width: 309px;
  }
  #productblocks .productblocks .productsection .featurelist .featureListBlock .feature-listing-items:first-child #banner-buttons .playstore-btn {
    min-width: 90px;
    height: 36px;
  }
  #productblocks .productblocks .productsection .featurelist .featureListBlock .feature-listing-items:first-child #banner-buttons .appstore-btn,
  #productblocks .productblocks .productsection .featurelist .featureListBlock .feature-listing-items:first-child #banner-buttons .huaweiappgallery-btn {
    min-width: 90px;
    height: 36px;
  }
  #productblocks .productblocks .productsection .featurelist .featureListBlock .feature-listing-items h2 {
    font-size: 18px;
    letter-spacing: -0.6px;
    margin: 0 0 10px;
  }
  #productblocks .productblocks .productsection .featurelist .featureListBlock .feature-listing-items h3 {
    font-size: 20px;
    letter-spacing: -0.67px;
    line-height: 28px;
    margin-bottom: 10px;
  }
  #productblocks .productblocks .productsection .featurelist .featureListBlock .feature-listing-items p {
    font-size: 14px;
    letter-spacing: -0.47px;
    line-height: 20px;
  }
  #productblocks .closeproducts {
    display: none;
  }
}
/* device res 768 px */
@media (max-width: 768px) {
  #verifypayment .viewproducts {
    width: 100%;
    margin: 0 auto;
  }
  #verifypayment .viewproducts h2 {
    width: 100%;
  }
  #verifypayment .paymentform {
    margin: 20px 0;
  }
  #verifypayment #productview {
    padding: 80px 0 10px 0;
  }
  #verifypayment #productview #productblocks .productsection .featurelist {
    padding: 30px;
  }
  #verifypayment #productview #productblocks .productsection .featurelist .featureListBlock {
    justify-content: center;
  }
  #verifypayment #productview #productblocks .productsection .featurelist .featureListBlock .feature-listing-items {
    margin: 0px 0px 30px 0;
    height: 250px;
    min-width: 275px;
    max-width: 100%;
  }
}
@media (max-width: 480px) {
  #paymentverificationform .container-fluid {
    padding: 15px;
  }
  #paymentverificationform .title h2 {
    font-size: 24px;
    letter-spacing: -0.6px;
    line-height: 24px;
  }
  #paymentverificationform .title .description p {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
  }
}
.datetime-picker-new {
  font-family: 'libre_franklin500', sans-serif;
}
.datetime-picker-new div.bootstrap-datetimepicker-widget[style] {
  bottom: 0px;
}
.datetime-picker-new .bootstrap-datetimepicker-widget {
  border: 1.5px solid #006341;
  border-top: 1px solid #333333;
  left: 0px !important;
  right: 0px !important;
}
.datetime-picker-new .bootstrap-datetimepicker-widget.dropdown-menu {
  width: 100%;
}
.datetime-picker-new .bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: none;
  border-right: none;
  border-top: none;
  border-top-color: #FFFFFF;
  bottom: 0px;
  left: 0px;
}
.datetime-picker-new .bootstrap-datetimepicker-widget table {
  border: none;
  background-color: #FFFFFF;
}
.datetime-picker-new .bootstrap-datetimepicker-widget table thead tr:first-child th {
  background-color: #FFFFFF;
}
.datetime-picker-new .bootstrap-datetimepicker-widget table thead tr th {
  line-height: 27px;
}
.datetime-picker-new .bootstrap-datetimepicker-widget table thead tr th.dow {
  background-color: #FFFFFF;
  color: #D7D7D7;
  font-weight: normal;
  font-size: 12px;
}
.datetime-picker-new .bootstrap-datetimepicker-widget table thead tr th.picker-switch {
  color: #353535;
  font-weight: normal;
  font-size: 12px;
}
.datetime-picker-new .bootstrap-datetimepicker-widget table td {
  border: none;
  height: 40px;
  border-radius: 20px;
}
.datetime-picker-new .bootstrap-datetimepicker-widget table td.day {
  background-color: #FFFFFF;
  color: #353535;
}
.datetime-picker-new .bootstrap-datetimepicker-widget table td.day.old,
.datetime-picker-new .bootstrap-datetimepicker-widget table td.day.new {
  background-color: #FFFFFF;
  color: #D7D7D7;
}
.datetime-picker-new .bootstrap-datetimepicker-widget table td.active,
.datetime-picker-new .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #78be20;
  color: #FFFFFF;
}
@media (min-width: 992px) {
  .datetime-picker-new .bootstrap-datetimepicker-widget {
    left: 0px !important;
    right: 0px !important;
    top: 44px !important;
  }
}
_:-ms-fullscreen,
:root #paymentverificationform form .form-row .IE11-FlexAuto {
  flex-basis: 45%;
}
_:-ms-fullscreen,
:root #productblocks .productblocks .productsection .featurelist .featureListBlock :first-child.feature-listing-items #banner-buttons .playstore-btn {
  width: 120px;
}
_:-ms-fullscreen,
:root #productblocks .productblocks .productsection .featurelist .featureListBlock :first-child.feature-listing-items #banner-buttons .appstore-btn,
.huaweiappgallery-btn {
  width: 120px;
}
/*# sourceMappingURL=src/main/content/jcr_root/etc/clientlibs/nedbank/main/less/generated/nedbank.css.map */