@charset "UTF-8";
/* Responsive web - breakpoints */
/* Box Shadows */
/* float-labels mixins */
/* These icons are used by the header component and are styled for that component, if they are to be used more globally they should be refactored to work with the header and be generic enough for resuse */
/*
.icon-user:before {
    content: "\00a0";
    height: get-size(18px);
    width: get-size(18px);
    display: inline-block;
    background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='zz-doc-sym/Login/light' transform='translate(0.000000, -4.000000)' fill='%23FEFEFE'%3E %3Cg id='Icons/account-circle-1/Light' transform='translate(0.000000, 4.000000)'%3E %3Cpath d='M8,0 C3.58866667,0 0,3.58866667 0,8 C0,10.12 0.821333333,12.118 2.31266667,13.6253333 L2.31333333,13.626 C3.82866667,15.1566667 5.848,16 8,16 C10.156,16 12.1786667,15.1533333 13.6946667,13.618 C15.1813333,12.1106667 16,10.116 16,8 C16,3.58866667 12.4113333,0 8,0 Z M13.3966667,12.952 C12.6933333,12.5346667 9.95333333,11.5413333 9.66666667,11.4353333 L9.66666667,10.2033333 C10.0013333,9.99733333 10.5893333,9.46533333 10.66,8.24666667 C10.9173333,8.096 11.08,7.762 11.08,7.33333333 C11.08,6.948 10.9486667,6.638 10.7333333,6.47066667 C10.8946667,5.966 11.1873333,5.04066667 10.99,4.25266667 C10.7586667,3.328 9.504,3 8.5,3 C7.60533333,3 6.512,3.26066667 6.12066667,3.97066667 C5.65133333,3.948 5.39,4.15266667 5.26066667,4.32466667 C4.83733333,4.88333333 5.11666667,5.90333333 5.274,6.46466667 C5.05466667,6.63066667 4.92,6.94333333 4.92,7.33333333 C4.92,7.762 5.08266667,8.096 5.34,8.24666667 C5.41066667,9.46533333 5.99933333,9.99733333 6.33333333,10.2033333 L6.33333333,11.4353333 C6.07666667,11.5313333 3.35733333,12.5186667 2.61133333,12.9606667 C1.36,11.6033333 0.666666667,9.85466667 0.666666667,8 C0.666666667,3.95666667 3.95666667,0.666666667 8,0.666666667 C12.0433333,0.666666667 15.3333333,3.95666667 15.3333333,8 C15.3333333,9.85 14.6433333,11.596 13.3966667,12.952 Z' id='Shape'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
    position: relative;
    top: get-size(3px);
    right: get-size(5px);
    background-size: cover;
}

.icon-user-gray:before {
    content: "\00a0";
    height: get-size(22px);
    width: get-size(22px);
    display: inline-block;
    background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='zz-doc-sym/Login/light' transform='translate(0.000000, -4.000000)' fill='%236A6A6A'%3E %3Cg id='Icons/account-circle-1/Light' transform='translate(0.000000, 4.000000)'%3E %3Cpath d='M8,0 C3.58866667,0 0,3.58866667 0,8 C0,10.12 0.821333333,12.118 2.31266667,13.6253333 L2.31333333,13.626 C3.82866667,15.1566667 5.848,16 8,16 C10.156,16 12.1786667,15.1533333 13.6946667,13.618 C15.1813333,12.1106667 16,10.116 16,8 C16,3.58866667 12.4113333,0 8,0 Z M13.3966667,12.952 C12.6933333,12.5346667 9.95333333,11.5413333 9.66666667,11.4353333 L9.66666667,10.2033333 C10.0013333,9.99733333 10.5893333,9.46533333 10.66,8.24666667 C10.9173333,8.096 11.08,7.762 11.08,7.33333333 C11.08,6.948 10.9486667,6.638 10.7333333,6.47066667 C10.8946667,5.966 11.1873333,5.04066667 10.99,4.25266667 C10.7586667,3.328 9.504,3 8.5,3 C7.60533333,3 6.512,3.26066667 6.12066667,3.97066667 C5.65133333,3.948 5.39,4.15266667 5.26066667,4.32466667 C4.83733333,4.88333333 5.11666667,5.90333333 5.274,6.46466667 C5.05466667,6.63066667 4.92,6.94333333 4.92,7.33333333 C4.92,7.762 5.08266667,8.096 5.34,8.24666667 C5.41066667,9.46533333 5.99933333,9.99733333 6.33333333,10.2033333 L6.33333333,11.4353333 C6.07666667,11.5313333 3.35733333,12.5186667 2.61133333,12.9606667 C1.36,11.6033333 0.666666667,9.85466667 0.666666667,8 C0.666666667,3.95666667 3.95666667,0.666666667 8,0.666666667 C12.0433333,0.666666667 15.3333333,3.95666667 15.3333333,8 C15.3333333,9.85 14.6433333,11.596 13.3966667,12.952 Z' id='Shape'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
    position: relative;
    top: get-size(-1px);
    right: get-size(10px);
    background-size: cover;
}

.icon-search:before {
    content: "\00a0";
    height: get-size(16px);
    width: get-size(16px);
    display: inline-block;
    background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='zz-doc-sym/search/D' transform='translate(0.000000, -2.000000)' fill='%236A6A6A'%3E %3Cg id='Icons/search/Enabled' transform='translate(0.000000, 2.000000)'%3E %3Cpath d='M6,12 C7.42066667,12 8.726,11.5006667 9.75533333,10.672 L14.8606667,15.8033333 C15.12,16.0646667 15.5413333,16.0653333 15.8033333,15.8053333 C16.0646667,15.5453333 16.0653333,15.1233333 15.806,14.8626667 L10.694,9.72533333 C11.5093333,8.70133333 12,7.40733333 12,6 C12,2.69133333 9.30866667,0 6,0 C2.69133333,0 0,2.69133333 0,6 C0,9.308 2.69133333,12 6,12 Z M6,1.33333333 C8.57266667,1.33333333 10.6666667,3.42666667 10.6666667,6 C10.6666667,8.57266667 8.57266667,10.6666667 6,10.6666667 C3.42666667,10.6666667 1.33333333,8.57266667 1.33333333,6 C1.33333333,3.42666667 3.42666667,1.33333333 6,1.33333333 Z' id='Shape'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
    position: relative;
    top: get-size(1px);
    right: get-size(6px);
    background-size: cover;
}

.icon-search-white:before {
    display: inline-block;
    content: "\00a0";
    background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='zz-doc-sym/search/D' transform='translate(0.000000, -2.000000)' fill='%23ffffff'%3E %3Cg id='Icons/search/Enabled' transform='translate(0.000000, 2.000000)'%3E %3Cpath d='M6,12 C7.42066667,12 8.726,11.5006667 9.75533333,10.672 L14.8606667,15.8033333 C15.12,16.0646667 15.5413333,16.0653333 15.8033333,15.8053333 C16.0646667,15.5453333 16.0653333,15.1233333 15.806,14.8626667 L10.694,9.72533333 C11.5093333,8.70133333 12,7.40733333 12,6 C12,2.69133333 9.30866667,0 6,0 C2.69133333,0 0,2.69133333 0,6 C0,9.308 2.69133333,12 6,12 Z M6,1.33333333 C8.57266667,1.33333333 10.6666667,3.42666667 10.6666667,6 C10.6666667,8.57266667 8.57266667,10.6666667 6,10.6666667 C3.42666667,10.6666667 1.33333333,8.57266667 1.33333333,6 C1.33333333,3.42666667 3.42666667,1.33333333 6,1.33333333 Z' id='Shape'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
    background-size: cover;
    position: relative;
    overflow: hidden;
}
*/
.has-float-label {
  margin: 0 auto;
  margin-bottom: 0.9375rem;
  max-height: 3.75rem;
  display: block;
  position: relative;
  padding-top: 5px;
}
.has-float-label label, .has-float-label > span {
  position: absolute;
  text-align: center;
  top: 1.375rem;
  left: 0;
  cursor: text;
  font-size: 1.125rem;
  width: 100%;
  opacity: 1;
  color: #545454;
  font-weight: 400;
  transition: all 0.2s;
  z-index: 1;
}
@media all and (max-width: 767px) {
  .has-float-label label, .has-float-label > span {
    font-size: 0.875rem;
  }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  .has-float-label label, .has-float-label > span {
    font-size: 1rem;
  }
}
.has-float-label label.shift {
  transform: translate(0px, -15px) scale(0.8);
  top: 0.9375rem;
  font-size: 0.875rem;
}
.has-float-label label.shiftalways {
  transform: translate(-14%, -15px) scale(0.8);
  top: 0.9375rem;
  font-size: 0.875rem;
}
.has-float-label span.shift {
  transform: translate(0px, -15px) scale(0.7);
  top: 0.9375rem;
  font-size: 0.875rem;
  /*  top:get-size(20px); */
}
@media all and (max-width: 767px) {
  .has-float-label {
    top: 1.125rem;
    font-size: 0.75rem;
  }
}
.has-float-label select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.has-float-label textarea {
  width: 100%;
}
.has-float-label input[type=text], .has-float-label input[type=password], .has-float-label input[type=number] {
  font-size: 1.375rem;
  font-weight: 500;
  width: 100%;
  max-width: 480px;
  color: #352B2B;
  background: #FFF;
  padding: 0.625rem 0.3125rem 0rem 0.3125rem;
  border: 0;
  border-radius: 0;
  border-bottom: 2px solid #545454;
  background: transparent;
  z-index: 2;
}
.has-float-label input[type=text]:focus, .has-float-label input[type=password]:focus, .has-float-label input[type=number]:focus {
  outline: 0;
  border-bottom: 2px solid #3964BF;
  caret-color: #3964BF;
}
.has-float-label input, .has-float-label select, .has-float-label textarea {
  font-size: inherit;
  text-align: center;
  font-weight: 400;
  padding-top: 1em;
  margin-bottom: 2px;
  border: 0;
  border-radius: 0;
  border-bottom: 2px solid #545454;
  /*  @include float-label-scaled {
    top: get-size(-40px);
  }


  &:focus {
    outline: none;
    border-color: #545454;
    opacity: .7;
  } */
}
.has-float-label select {
  padding-right: 1em;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.5em bottom 0.25em;
  background-size: 8px 10px;
}

/* Responsive web - breakpoints */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  background-color: #ffffff;
  box-shadow: 0 0.25rem 2.5rem 0 rgba(0, 0, 0, 0.1);
}

.desktop-view-only {
  display: none;
}
@media all and (min-width: 1025px) {
  .desktop-view-only {
    display: block !important;
  }
}

.mobile-view-only {
  display: none;
}
@media all and (max-width: 767px) {
  .mobile-view-only {
    display: block !important;
  }
}

.tablet-view-only {
  display: none;
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  .tablet-view-only {
    display: block !important;
  }
}
@media all and (min-width: 1072px) and (max-width: 1080px) {
  .tablet-view-only {
    display: none !important;
  }
}

@media all and (min-width: 1025px) {
  .hide-for-desktop {
    display: none !important;
  }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
  .hide-for-tablet {
    display: none !important;
  }
}

@media all and (max-width: 767px) {
  .hide-for-mobile {
    display: none !important;
  }
}

@media all and (min-width: 1025px) {
  .in-visible--d {
    visibility: hidden !important;
  }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  .in-visible--t {
    visibility: hidden !important;
  }
}
@media all and (max-width: 767px) {
  .in-visible--m {
    visibility: hidden !important;
  }
}

.flex-display {
  display: flex;
}
@media all and (min-width: 1025px) {
  .flex-display--d {
    display: flex !important;
  }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  .flex-display--t {
    display: flex !important;
  }
}

@media all and (max-width: 767px) {
  .block-display--m {
    display: block !important;
  }
}

.display-table::after {
  content: "";
  display: table;
  clear: both;
}

@media all and (min-width: 768px) and (max-width: 1024px) {
  .tablet-clear40 {
    clear: both;
    height: 40px;
  }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
  .tablet-clear35 {
    clear: both;
    height: 35px;
  }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
  .tablet-clear30 {
    clear: both;
    height: 30px;
  }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
  .tablet-clear25 {
    clear: both;
    height: 25px;
  }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
  .tablet-clear20 {
    clear: both;
    height: 20px;
  }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
  .tablet-clear15 {
    clear: both;
    height: 15px;
  }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
  .tablet-clear10 {
    clear: both;
    height: 10px;
  }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
  .tablet-clear5 {
    clear: both;
    height: 5px;
  }
}

@media all and (max-width: 767px) {
  .mobile-clear40 {
    clear: both;
    height: 40px;
  }
}

@media all and (max-width: 767px) {
  .mobile-clear35 {
    clear: both;
    height: 35px;
  }
}

@media all and (max-width: 767px) {
  .mobile-clear30 {
    clear: both;
    height: 30px;
  }
}

@media all and (max-width: 767px) {
  .mobile-clear25 {
    clear: both;
    height: 25px;
  }
}

@media all and (max-width: 767px) {
  .mobile-clear20 {
    clear: both;
    height: 20px;
  }
}

@media all and (max-width: 767px) {
  .mobile-clear15 {
    clear: both;
    height: 15px;
  }
}

@media all and (max-width: 767px) {
  .mobile-clear10 {
    clear: both;
    height: 10px;
  }
}

@media all and (max-width: 767px) {
  .mobile-clear5 {
    clear: both;
    height: 5px;
  }
}

@media all and (min-width: 1025px) {
  header {
    height: 70px;
  }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  header {
    height: 65px;
  }
}
@media all and (max-width: 767px) {
  header {
    height: 60px;
    border-bottom: none;
  }
}
header::after {
  content: "";
  /*background: -webkit-gradient(linear, right top, left bottom, color-stop(50%, #ffffff), color-stop(50%, transparent));
  background: linear-gradient(to bottom left, #ffffff 50%, transparent 50%);*/
  width: 2.75rem;
  height: 2.75rem;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 100%;
  margin-left: -2.75rem;
  z-index: -1;
}

@media all and (min-width: 1025px) {
  header::after {
    width: 3.9375rem;
    height: 3.9375rem;
    margin-left: -3.875rem;
  }
}
.header-nav {
  position: relative;
  height: inherit;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  z-index: inherit;
  padding: 20px 20px 20px 0px;
}

.header-nav .logo {
  height: 100%;
  display: flex;
  align-items: center;
}

@media all and (max-width: 767px) {
  .header-nav .logo a.noMobile {
    display: none;
  }
}
.header-nav .logo a.mobile {
  max-width: 21.875rem;
  display: none;
}

@media all and (max-width: 767px) {
  .header-nav .logo a.mobile {
    display: block;
  }
}
footer {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 0.875rem;
  background: #960021;
}

@media all and (min-width: 768px) and (max-width: 1024px) {
  footer {
    font-size: 1rem;
  }
}
@media all and (min-width: 1025px) {
  footer {
    /*font-size: 1.125rem;*/
    background: url("data:image/svg+xml,%3Csvg width='200px' height='90px' viewBox='0 0 419 215' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='MKT-footer/D' transform='translate(-1021.000000, -111.000000)' fill='%23FFFFFF'%3E %3Cg id='Logo'%3E %3Cpath d='M1317.36068,297.72201 C1286.84901,299.802137 1287.93227,297.81378 1264.22103,317.207908 L1105.88533,480.222585 C1118.58348,493.988133 1130.61964,503.593426 1142.92661,516.777762 L1317.08987,338.559802 C1325.786,331.065226 1338.75496,333.634795 1348.47416,333.267714 L1477.98326,333.267714 C1494.02144,336.693805 1501.90513,348.256866 1515.71662,357.005636 L1815.26659,646.051552 C1823.75209,647.366927 1819.50934,719.590168 1820.53241,751.159158 L1817.88446,761.620974 L1617.57264,968.226553 C1617.57264,968.226553 1580.23045,1009.00317 1565.72687,1006.92304 L1242.16476,1006.7395 C1217.12955,1001.75331 1217.88181,991.842116 1202.5357,978.198928 L994.219839,777.58901 C978.813552,753.147515 984.290006,675.846316 983.297023,653.515538 L1233.76954,895.666821 C1250.07854,911.451316 1243.6091,917.569337 1281.76374,925.186274 L1558.71581,925.186274 C1572.52731,923.259097 1580.83226,917.569337 1595.78719,903.375528 L1772.65858,721.945606 L1772.65858,718.917186 L1731.49491,680.893683 L1581.0128,836.260834 C1551.88529,863.271898 1542.52717,887.682803 1504.10173,895.177379 C1434.62299,894.779708 1347.81217,894.412626 1282.75672,895.177379 C1263.22805,891.996008 1258.02241,885.296775 1244.09055,870.674704 L1005.77455,642.227789 C978.211744,608.425721 983.357203,590.867 983.417384,544.064137 L983.417384,536.23307 C983.357203,523.874667 983.357203,517.726056 983.357203,508.640794 L1290.82095,803.957682 C1304.66253,816.163134 1322.71678,810.809866 1341.37283,811.97229 L1491.67439,812.12524 C1510.87207,811.727569 1518.78585,808.209706 1534.94439,794.566519 L1683.89189,641.554806 L1687.6231,638.006354 L1647.63295,600.074622 L1509.72863,742.961009 C1504.91417,748.620179 1470.09957,785.603618 1458.66522,782.728148 L1308.60438,782.666968 C1294.64243,781.290413 1295.87614,775.111211 1291.57321,772.449872 L987.178685,478.142458 L983.357203,473.798663 L983.357203,369.058138 C984.771452,364.316672 995.273003,352.661841 1003.93904,343.88248 L1036.61722,310.202773 C1041.52195,305.216586 1054.37056,292.12402 1057.86104,288.116716 L1216.67819,124.734958 C1224.38134,114.426092 1237.86184,112.162424 1251.64324,111 L1539.99958,111 C1544.09187,112.162424 1547.28146,112.621276 1551.01267,113.018947 L1560.6416,116.077958 C1579.89945,124.031385 1593.83131,131.893043 1610.26067,150.950679 L1805.36685,339.232784 C1826.09914,371.933608 1820.47223,424.487411 1820.5625,466.518217 L1544.03169,199.405408 C1531.36363,189.524803 1521.61434,193.868598 1518.51503,192.889715 L1252.42559,192.828535 C1230.39942,193.654468 1219.95805,208.490669 1204.28095,225.223458 L1026.14576,404.726202 L1060.53909,436.448143 L1260.45973,232.136822 C1269.60721,222.042086 1283.26826,222.562118 1297.26029,221.950316 L1520.68154,221.919726 C1525.88718,221.950316 1535.21521,226.508242 1548.24435,238.683104 L1812.61864,493.712822 C1825.13624,500.167334 1818.12518,544.155908 1820.5625,614.513152 L1495.43569,305.950748 C1484.84387,295.244211 1481.53393,298.517353 1476.99027,297.72201 L1317.36068,297.72201 Z M1328.1865,411.878333 C1300.5172,437.963629 1222.37183,512.420396 1185.32258,549.932967 C1224.06587,585.321619 1261.93077,619.45387 1301.55245,655.410895 C1301.55245,655.410895 1335.52733,687.598714 1340.79768,689.064516 L1469.95243,689.034602 C1477.26189,687.09017 1480.99505,682.303878 1492.25727,671.235575 L1618.87097,549.33468 C1572.31628,504.732414 1527.17329,463.749781 1482.87732,422.856892 C1472.46212,413.284306 1465.81145,400.899774 1453.23164,400.690373 C1417.40586,400.361316 1377.8783,400.122001 1343.52696,400.032258 C1340.7663,400.630545 1334.33523,406.374096 1328.1865,411.878333 L1328.1865,411.878333 Z' id='Fill-1'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") bottom right, #960021;
    background-repeat: no-repeat;
  }
}
footer > div {
  padding: 1.875rem 0.9375rem 0 0.9375rem;
}

@media all and (min-width: 768px) and (max-width: 1024px) {
  footer > div {
    /* padding-top: get-size(36px); */
    padding-bottom: 0.625rem;
    margin-left: 1.5rem;
  }
}
@media all and (min-width: 1025px) {
  footer > div {
    padding-top: 1.375rem;
    padding-bottom: 0.625rem;
  }
}
footer a {
  font-weight: 300;
  color: #ffffff;
}

footer a:hover {
  font-weight: 600;
  text-decoration: none;
}

footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}

footer ul li {
  margin-bottom: 0.625rem;
}

footer .container {
  /* min-height: 245px ; */
  clear: both;
}

footer .container .footer-links {
  display: inline-block;
}

@media all and (min-width: 1025px) {
  footer .container .footer-links {
    width: 100%;
  }
}
@media all and (max-width: 767px) {
  /*footer {
  	font-size: 1rem;
  }*/
  footer .container .footer-links ul li {
    width: 45%;
    padding: 0 0 0 0.3125rem;
  }
}
@media all and (min-width: 1025px) {
  footer .container .footer-links ul li {
    width: 10%;
  }
}
@media all and (min-width: 1025px) {
  footer .container .footer-links li.col-width-medium {
    width: 14%;
  }
}
@media screen and (max-width: 1160px) {
  footer .container {
    padding-left: 1%;
  }
}
footer .container .copyright {
  color: #ffffff;
  margin-top: 1.5625rem;
  font-size: 0.75rem;
}

@media all and (max-width: 767px) {
  footer .container .copyright {
    margin-top: 1.25rem;
  }
}
@media all and (max-width: 767px) {
  footer .container .copyright ul {
    display: flex;
  }
}
@media all and (max-width: 767px) {
  footer .container .copyright ul li {
    padding: 0.3125rem 0.625rem;
  }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  footer .container .copyright ul li:last-child {
    padding-left: 0.3125rem;
  }
}
footer .container .copyright ul li.icon-meatball-bokf {
  display: none;
}

@media all and (max-width: 767px) {
  footer .container .copyright ul li.icon-meatball-bokf {
    display: inline-block;
    padding-top: 0;
  }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  footer .container .copyright ul li.icon-meatball-bokf {
    display: inline-block;
    padding-top: 0;
    padding-right: 0.3125rem;
  }
  footer .container .footer-links ul li {
    padding-left: 1rem;
  }
}
@media all and (max-width: 767px) {
  footer .container {
    min-height: auto;
  }
}
body {
  font-family: "Roboto";
  margin: 0;
  background-color: #fbfafa;
}

/* This space to override existing styles.css class */
.main {
  background: none;
  margin-top: 3.875rem;
}

footer .container {
  display: block;
}

footer ul li {
  border-left: none;
  display: inline-block;
}

/* Buttons */
.btn-primary,
input[type=submit].btn-primary {
  font-weight: 500;
  font-size: 1.375rem;
  line-height: 1.625rem;
  color: #fff;
  border-radius: 2rem;
  background-clip: padding-box;
  display: inline-block;
  text-align: center;
  background: linear-gradient(-63.43495deg, #235ec9 0, #2a78e9 100%);
  padding: 0.9375rem 2.8125rem;
  margin-right: 10px;
  height: 60px;
  cursor: pointer;
}

@media all and (min-width: 767px) and (max-width: 1024px) {
  .btn-primary,
  input[type=submit].btn-primary {
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding: 0.75rem 2.8125rem;
  }
}
@media all and (max-width: 767px) {
  .btn-primary,
  input[type=submit].btn-primary {
    font-size: 1.25rem;
    line-height: 1.375rem;
    padding: 0.75rem 2.8125rem;
    height: 50px;
  }
}
.btn-primary:hover,
input[type=submit].btn-primary:hover {
  color: #fff;
  background: #204bd8;
  text-decoration: none;
}

.btn-primary:focus,
input[type=submit].btn-primary:focus {
  background: #081c5f;
}

.btn-primary.active,
input[type=submit].btn-primary.active {
  background: #3964bf;
}

.btn-primary.disabled,
input[type=submit].btn-primary.disabled {
  color: #545454;
  background: #f2f2f2;
  pointer-events: none;
  border: 0.125rem solid #f2f2f2;
}

.btn-secondary {
  font-weight: 500;
  font-size: 1.375rem;
  line-height: 1.625rem;
  color: #352b2b;
  border-radius: 2rem;
  background-clip: padding-box;
  border: 0.125rem solid #e4e4e4;
  background-color: #fff;
  display: inline-block;
  text-align: center;
  padding: 0.9375rem 2.8125rem;
  margin-right: 1.25rem;
  height: 60px;
  cursor: pointer;
}

@media all and (min-width: 767px) and (max-width: 1024px) {
  .btn-secondary {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}
@media all and (max-width: 767px) {
  .btn-secondary {
    font-size: 1.25rem;
    line-height: 1.375rem;
    padding: 0.75rem 2.8125rem;
    height: 50px;
  }
}
.btn-secondary:hover {
  border: 0.125rem solid #204bd8;
  text-decoration: none;
  color: #352b2b;
}

.btn-secondary:focus {
  border: 0.125rem solid #081c5f;
}

.btn-secondary.active {
  border: 0.125rem solid #3964bf;
}

.btn-secondary.disabled {
  color: #b3b3b3;
  border: 0.125rem solid #f2f2f2;
  pointer-events: none;
}

/* check box options */
.checkbox-options {
  width: 100%;
  font-size: 1.125rem;
}
.checkbox-options--d {
  margin-bottom: 0.625rem;
}

@media all and (max-width: 767px) {
  .checkbox-options--m {
    margin-bottom: 0.875rem;
  }
}
.checkbox-options .checkbox-option {
  display: inline-block;
  padding: 5px 0px;
  font-size: 1.125rem;
  font-weight: 300;
  color: rgb(53, 43, 43);
}
.checkbox-options input[type=checkbox] + label:before {
  display: inline-block;
  content: "";
  width: 25px;
  height: 25px;
  margin: -2px 5px 0px;
  margin-left: 0;
  vertical-align: middle;
  background: url("/css/2.0/icons/checkbox_empty.svg") left top no-repeat;
}
.checkbox-options input[type=checkbox]:checked + label:before {
  background: url("/css/2.0/icons/checkbox_filled.svg") left top no-repeat;
}

/* shared components */
/* Box Shadows */
/* These icons are used by the header component and are styled for that component, if they are to be used more globally they should be refactored to work with the header and be generic enough for resuse */
.icon-apple-store {
  background: url("/images/App Store.png") no-repeat 0 0;
  margin-left: 4px;
  height: 50px;
  width: 170px;
  /*
  @include respond-to(highDensity){
  	background: url('/images/App Store@2x.png') no-repeat 0 0;
  	height:100px;
  	width:290px;
  } */
}
@media all and (max-width: 767px) {
  .icon-apple-store {
    display: inline-flex;
    height: 48px;
    width: 145px;
  }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  .icon-apple-store {
    display: inline-flex;
    width: 165px;
  }
}

.icon-google-store {
  background: url("/images/Google Play.png") no-repeat 0 0;
  margin-left: 4px;
  height: 50px;
  width: 200px;
  /*
  @include respond-to(highDensity){
  	background: url('/images/Google Play@2x.png') no-repeat 0 0;
  	height:100px;
  	width:330px;
  }*/
}
@media all and (max-width: 767px) {
  .icon-google-store {
    display: inline-flex;
    height: 48px;
    width: 165px;
  }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  .icon-google-store {
    display: inline-flex;
    width: 160px;
  }
}

.icon-app-store-v2 {
  background: url("/images/appstore.svg") no-repeat 0 0;
  height: 34px;
  width: 118px;
  margin: 5px 0px;
}

.icon-google-play-v2 {
  background: url("/images/googleplay.svg") no-repeat 0 0;
  height: 34px;
  width: 118px;
  margin: 5px 0px;
}

.icon-user:before {
  content: " ";
  height: 1.125rem;
  width: 1.125rem;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='zz-doc-sym/Login/light' transform='translate(0.000000, -4.000000)' fill='%23FEFEFE'%3E %3Cg id='Icons/account-circle-1/Light' transform='translate(0.000000, 4.000000)'%3E %3Cpath d='M8,0 C3.58866667,0 0,3.58866667 0,8 C0,10.12 0.821333333,12.118 2.31266667,13.6253333 L2.31333333,13.626 C3.82866667,15.1566667 5.848,16 8,16 C10.156,16 12.1786667,15.1533333 13.6946667,13.618 C15.1813333,12.1106667 16,10.116 16,8 C16,3.58866667 12.4113333,0 8,0 Z M13.3966667,12.952 C12.6933333,12.5346667 9.95333333,11.5413333 9.66666667,11.4353333 L9.66666667,10.2033333 C10.0013333,9.99733333 10.5893333,9.46533333 10.66,8.24666667 C10.9173333,8.096 11.08,7.762 11.08,7.33333333 C11.08,6.948 10.9486667,6.638 10.7333333,6.47066667 C10.8946667,5.966 11.1873333,5.04066667 10.99,4.25266667 C10.7586667,3.328 9.504,3 8.5,3 C7.60533333,3 6.512,3.26066667 6.12066667,3.97066667 C5.65133333,3.948 5.39,4.15266667 5.26066667,4.32466667 C4.83733333,4.88333333 5.11666667,5.90333333 5.274,6.46466667 C5.05466667,6.63066667 4.92,6.94333333 4.92,7.33333333 C4.92,7.762 5.08266667,8.096 5.34,8.24666667 C5.41066667,9.46533333 5.99933333,9.99733333 6.33333333,10.2033333 L6.33333333,11.4353333 C6.07666667,11.5313333 3.35733333,12.5186667 2.61133333,12.9606667 C1.36,11.6033333 0.666666667,9.85466667 0.666666667,8 C0.666666667,3.95666667 3.95666667,0.666666667 8,0.666666667 C12.0433333,0.666666667 15.3333333,3.95666667 15.3333333,8 C15.3333333,9.85 14.6433333,11.596 13.3966667,12.952 Z' id='Shape'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
  position: relative;
  top: 0.1875rem;
  right: 0.3125rem;
  background-size: cover;
}

.icon-user-gray:before {
  content: " ";
  height: 1.375rem;
  width: 1.375rem;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='zz-doc-sym/Login/light' transform='translate(0.000000, -4.000000)' fill='%236A6A6A'%3E %3Cg id='Icons/account-circle-1/Light' transform='translate(0.000000, 4.000000)'%3E %3Cpath d='M8,0 C3.58866667,0 0,3.58866667 0,8 C0,10.12 0.821333333,12.118 2.31266667,13.6253333 L2.31333333,13.626 C3.82866667,15.1566667 5.848,16 8,16 C10.156,16 12.1786667,15.1533333 13.6946667,13.618 C15.1813333,12.1106667 16,10.116 16,8 C16,3.58866667 12.4113333,0 8,0 Z M13.3966667,12.952 C12.6933333,12.5346667 9.95333333,11.5413333 9.66666667,11.4353333 L9.66666667,10.2033333 C10.0013333,9.99733333 10.5893333,9.46533333 10.66,8.24666667 C10.9173333,8.096 11.08,7.762 11.08,7.33333333 C11.08,6.948 10.9486667,6.638 10.7333333,6.47066667 C10.8946667,5.966 11.1873333,5.04066667 10.99,4.25266667 C10.7586667,3.328 9.504,3 8.5,3 C7.60533333,3 6.512,3.26066667 6.12066667,3.97066667 C5.65133333,3.948 5.39,4.15266667 5.26066667,4.32466667 C4.83733333,4.88333333 5.11666667,5.90333333 5.274,6.46466667 C5.05466667,6.63066667 4.92,6.94333333 4.92,7.33333333 C4.92,7.762 5.08266667,8.096 5.34,8.24666667 C5.41066667,9.46533333 5.99933333,9.99733333 6.33333333,10.2033333 L6.33333333,11.4353333 C6.07666667,11.5313333 3.35733333,12.5186667 2.61133333,12.9606667 C1.36,11.6033333 0.666666667,9.85466667 0.666666667,8 C0.666666667,3.95666667 3.95666667,0.666666667 8,0.666666667 C12.0433333,0.666666667 15.3333333,3.95666667 15.3333333,8 C15.3333333,9.85 14.6433333,11.596 13.3966667,12.952 Z' id='Shape'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
  position: relative;
  top: -0.0625rem;
  right: 0.625rem;
  background-size: cover;
}

.icon-search:before {
  content: " ";
  height: 1rem;
  width: 1rem;
  display: inline-block;
  background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='zz-doc-sym/search/D' transform='translate(0.000000, -2.000000)' fill='%236A6A6A'%3E %3Cg id='Icons/search/Enabled' transform='translate(0.000000, 2.000000)'%3E %3Cpath d='M6,12 C7.42066667,12 8.726,11.5006667 9.75533333,10.672 L14.8606667,15.8033333 C15.12,16.0646667 15.5413333,16.0653333 15.8033333,15.8053333 C16.0646667,15.5453333 16.0653333,15.1233333 15.806,14.8626667 L10.694,9.72533333 C11.5093333,8.70133333 12,7.40733333 12,6 C12,2.69133333 9.30866667,0 6,0 C2.69133333,0 0,2.69133333 0,6 C0,9.308 2.69133333,12 6,12 Z M6,1.33333333 C8.57266667,1.33333333 10.6666667,3.42666667 10.6666667,6 C10.6666667,8.57266667 8.57266667,10.6666667 6,10.6666667 C3.42666667,10.6666667 1.33333333,8.57266667 1.33333333,6 C1.33333333,3.42666667 3.42666667,1.33333333 6,1.33333333 Z' id='Shape'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
  position: relative;
  top: 0.0625rem;
  right: 0.375rem;
  background-size: cover;
}

.icon-search-white:before {
  display: inline-block;
  content: " ";
  background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='zz-doc-sym/search/D' transform='translate(0.000000, -2.000000)' fill='%23ffffff'%3E %3Cg id='Icons/search/Enabled' transform='translate(0.000000, 2.000000)'%3E %3Cpath d='M6,12 C7.42066667,12 8.726,11.5006667 9.75533333,10.672 L14.8606667,15.8033333 C15.12,16.0646667 15.5413333,16.0653333 15.8033333,15.8053333 C16.0646667,15.5453333 16.0653333,15.1233333 15.806,14.8626667 L10.694,9.72533333 C11.5093333,8.70133333 12,7.40733333 12,6 C12,2.69133333 9.30866667,0 6,0 C2.69133333,0 0,2.69133333 0,6 C0,9.308 2.69133333,12 6,12 Z M6,1.33333333 C8.57266667,1.33333333 10.6666667,3.42666667 10.6666667,6 C10.6666667,8.57266667 8.57266667,10.6666667 6,10.6666667 C3.42666667,10.6666667 1.33333333,8.57266667 1.33333333,6 C1.33333333,3.42666667 3.42666667,1.33333333 6,1.33333333 Z' id='Shape'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.icon-location::before {
  display: inline-block;
  content: " ";
  width: 25px;
  height: 25px;
  background-size: 25px 25px;
  position: relative;
  background: url("/css/2.0/icons/find-a-location.svg") no-repeat 0 0;
  margin-right: 6px;
}

.icon-calendar::before {
  display: inline-block;
  content: " ";
  width: 25px;
  height: 25px;
  background-size: 25px 25px;
  position: relative;
  background: url("/css/2.0/icons/calendar.svg") no-repeat 0 0;
  margin-right: 6px;
}

.icon-piggy-bank::before {
  display: inline-block;
  content: " ";
  width: 50px;
  height: 50px;
  background-size: 50px 50px;
  position: relative;
  background: url("/css/2.0/images/piggy.svg") no-repeat 0 0;
  margin-right: 6px;
}

.icon-money::before {
  display: inline-block;
  content: " ";
  width: 50px;
  height: 50px;
  background-size: 50px 50px;
  position: relative;
  background: url("/css/2.0/images/money.svg") no-repeat 0 0;
  margin-right: 6px;
}

.icon-house::before {
  display: inline-block;
  content: " ";
  width: 50px;
  height: 50px;
  background-size: 50px 50px;
  position: relative;
  background: url("/css/2.0/images/icon-house.svg") no-repeat 0 0;
  margin-right: 6px;
}

.icon-palm-tree::before {
  display: inline-block;
  content: " ";
  width: 50px;
  height: 50px;
  background-size: 50px 50px;
  position: relative;
  background: url("/css/2.0/images/palm-tree.svg") no-repeat 0 0;
  margin-right: 6px;
}

/* notification-badges */
.notification-badge {
  min-height: 1.5rem;
  min-width: 1.5625rem;
  text-decoration: none;
  position: relative;
  display: inline-block;
  border-radius: 2px;
}

.notification-badge[data-value="0"]:after {
  content: none !important;
}

.notification-badge[data-value]:after {
  content: attr(data-value);
  position: absolute;
  top: -10px;
  right: -8px;
  font-size: 0.8em;
  font-weight: 500;
  background: #b00027;
  color: white;
  width: 1.125rem;
  height: 1.125rem;
  text-align: center;
  line-height: 1.125rem;
  border-radius: 50%;
  box-shadow: 0 0 1px #333;
}

.notification-badge.inbox-badge {
  background: url("/css/2.0/icons/inbox-grey.png") no-repeat left center;
}

.notification-badge.inbox-badge:hover,
.notification-badge.inbox-badge.active-page {
  background: url("/css/2.0/icons/inbox-blue.png") no-repeat left center;
}

.notification-badge.alert-badge {
  background: url("/css/2.0/icons/alert-grey.png") no-repeat right center;
}

.notification-badge.alert-badge:hover,
.notification-badge.alert-badge.active-page {
  background: url("/css/2.0/icons/alert-blue.png") no-repeat right center;
}

.banner-context-global {
  position: fixed;
  width: 100%;
}
.banner-context-global.notify-success {
  background-color: #108432;
}
.banner-context-global.notify-error {
  background-color: #d31111;
}
.banner-context-global.notify-bulletin {
  background-color: #d31111;
}
.banner-context-global.notify-info {
  background-color: #007c88;
}

.banner-context-page.notify-success {
  background-color: #108432;
}
.banner-context-page.notify-error {
  background-color: #d31111;
}
.banner-context-page.notify-bulletin {
  background-color: #d31111;
}
.banner-context-page.notify-info {
  background-color: #007c88;
}

.notification-content {
  background-color: #FFF;
  color: #352b2b;
  padding: 2px 16px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
}
.notification-content::before, .notification-content::after {
  content: " ";
  display: table;
}
@media all and (max-width: 767px) {
  .notification-content {
    width: 100%;
  }
}

.notification-content-header {
  color: #352b2b;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 28px;
}
@media all and (max-width: 767px) {
  .notification-content-header {
    font-size: 1.125rem;
  }
}
.notification-content-header--success::before {
  display: inline-block;
  content: " ";
  width: 25px;
  height: 25px;
  background-size: 25px 25px;
  position: relative;
  background: url(/css/2.0/icons/green-check.svg) no-repeat 0 0;
  margin-right: 4px;
}

.notification-content-sub-text {
  color: #545454;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

/* notification - banners/alerts */
.notification-banner {
  min-height: 45px;
  padding: 0.625rem;
}

.notification-banner-content {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  vertical-align: bottom;
  padding-left: 3.875rem;
  margin-top: 0.125rem;
  position: relative;
  width: 95%;
}
@media all and (max-width: 767px) {
  .notification-banner-content {
    font-size: 0.875rem;
    width: 85%;
  }
}
.notification-banner-content:before {
  content: "";
  width: 25px;
  height: 25px;
  background: url(/css/img/notification-info.svg) no-repeat 0 0;
  margin: -2px 10px 0px 22px;
  position: absolute;
  left: 0;
  background-size: 25px 25px;
}
.notification-banner-content.notify-error::before {
  background: url(/css/img/icon-alert.png) no-repeat 0 0;
  background-size: 25px 25px;
}
.notification-banner-content.notify-success::before {
  background: url(/css/img/notification-check.png) no-repeat 0 0;
  background-size: 25px 25px;
}

.close-notification {
  float: right;
  position: relative;
  cursor: pointer;
}
.close-notification::after {
  content: "";
  width: 25px;
  height: 25px;
  background: url(/css/img/notification-close.png) no-repeat 0 0;
  margin: 0px 10px 0px 0px;
  position: absolute;
  right: 0.75rem;
}

/* flex box ordering*/
.flex-display--1 {
  order: 1;
}

.flex-display--2 {
  order: 2;
}

.flex-display--3 {
  order: 3;
}

.flex-display--4 {
  order: 4;
}

.flex-display--5 {
  order: 5;
}

.flex-display--6 {
  order: 6;
}

.flex-display--7 {
  order: 7;
}

.flex-display--8 {
  order: 8;
}

.flex-display--9 {
  order: 9;
}

.flex-display--10 {
  order: 10;
}

/*# sourceMappingURL=styles2.0.css.map */