-webkit-box-sizing:border-box;

  -moz-box-sizing:border-box;

  box-sizing:border-box;

*behavior:url(boxsizing.htc);

`

}

html {

  font-size:62.5%;

}

body {

  background:#fff;

  font-family:'SC Sans Web', Helvetica, Arial, sans-serif;

  font-weight: 400;

  font-style: normal;

  font-stretch: normal;

  font-size:14px;

  line-height:1;

  color:#6f6f6f;

  position:relative;

  -webkit-font-smoothing:antialiased;

}

a img {

  border:0;

}

a {

  color:#666;

  text-decoration:none;

  line-height:inherit;

  cursor:pointer;

}

a:hover {

  color:#000;

moz-transition:background .3s ease-in;

-o-transition:background .3s ease-in;

transition:background .3s ease-in;

  -webkit-transition-property:color, background;

-webkit-transition-duration:.3s, 0.3s;

}

a:focus {

  color:#000;

  outline:0;

}

p a,  p a:visited {

  line-height:inherit;

}

.left {

  float:left;

}

.right {

  float:right;

}

.text-left {

  text-align:left;

}

.text-right {

  text-align:right;

}

.text-center {

  text-align:center;

}

.hide {

  display:none!important;

}

.highlight {

  background:#ff9;

}

#googlemap img,  object,  embed {

  max-width:none;

}

#map_canvas embed {

  max-width:none;

}

#map_canvas img {

  max-width:none;

}

#map_canvas object {

  max-width:none;

}

figure {

  margin:0;

}

/* body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {

  margin:0;

  padding:0;

  font-size:14px;

  direction:ltr

} */

.legacy p {

  font-family:inherit;

  font-weight:normal;

  font-size:14px;

  line-height:18px;

  margin-bottom:17px

}

.legacy p.lead {

  font-size:17.5px;

  line-height:1.6;

  margin-bottom:17px

}

.legacy aside p {

  font-size:13px;

  line-height:1.35;

  font-style:italic

}

.legacy h1, .legacy  h2, .legacy  h3, .legacy  h4, .legacy  h5, .legacy  h6 {

  font-family:'SC Sans Web', Helvetica, Arial, sans-serif;

  font-weight: 700;

  font-style: normal;

  font-stretch: normal;

  color:#6f6f6f;

  text-rendering:optimizeLegibility;

  line-height:1.1;

  margin-bottom:14px;

  margin-top:14px

}

.legacy h1 small, .legacy  h2 small, .legacy  h3 small, .legacy  h4 small, .legacy  h5 small, .legacy  h6 small {

  font-size:60%;

  color:#6f6f6f;

  line-height:0

}

.legacy h1 {

  font-size:44px

}

.legacy h2 {

  font-size:37px

}

.legacy h3 {

  font-size:27px

}

.legacy h4 {

  font-size:23px

}

.legacy h5 {

  font-size:17px

}

.legacy h6 {

  font-size:14px

}

.legacy hr {

  border:solid #ddd;

  border-width:1px 0 0;

  clear:both;

  margin:22px 0 21px;

  height:0

}

.subheader {

  line-height:1;

  color:#6f6f6f;

  font-family:'SC Sans Web', Helvetica, Arial, sans-serif;

  margin-bottom:17px;

  font-weight:normal

}

em,  i {

  font-style:italic;

  line-height:inherit

}

strong,  b {

  font-family:'SC Sans Web', Helvetica, Arial, sans-serif;

  font-weight: 700;

  font-style: normal;

  font-stretch: normal;

  line-height:inherit

}

small {

  font-size:60%;

  line-height:inherit

}

code {

  font-weight:bold;

  background:#ff9

}

.legacy ul,  .legacy ol,  .legacy dl {

  font-size:14px;
  line-height:1.6;
  margin-bottom:17px;
  list-style-position:outside
  list-style:inherit
}

.legacy ol {
  list-style-type: decimal;
}


.legacy ul li ul,  .legacy ul li ol {

  margin-left:20px;

  margin-bottom:0

}

ul.square,  ul.circle,  ul.disc {

  margin-left:17px

}

ul.square {

  list-style-type:square

}

ul.square li ul {

  list-style:inherit

}

ul.circle {

  list-style-type:circle

}

ul.circle li ul {

  list-style:inherit

}

ul.disc {

  list-style-type:disc

}

ul.disc li ul {

  list-style:inherit

}

ul.no-bullet {

  list-style:none

}

ul.large li {

  line-height:21px

}

ol {

  margin-left:20px

}

ol li ul,  ol li ol {

  margin-left:20px;

  margin-bottom:0

}

blockquote,  blockquote p {

  line-height:1.5;

  color:#6f6f6f

}

blockquote {

  margin:0 0 17px;

  padding:9px 20px 0 19px;

  border-left:1px solid #ddd

}

blockquote cite {

  display:block;

  font-size:13px;

  color:#555

}

blockquote cite:before {

  content:"\2014 \0020"

}

blockquote cite a,  blockquote cite a:visited {

  color:#555

}

abbr,  acronym {

  text-transform:uppercase;

  font-size:90%;

  color:#222;

  border-bottom:1px solid #ddd;

  cursor:help

}

abbr {

  text-transform:none

}

.print-only {

  display:none!important

}

@media print {

* {

  background:transparent!important;

  color:black!important;

  box-shadow:none!important;

  text-shadow:none!important;

  filter:none!important;

  -ms-filter:none!important

}

a,  a:visited {

  text-decoration:underline

}

a[href]:after {

  content:" (" attr(href) ")"

}

abbr[title]:after {

  content:" (" attr(title) ")"

}

.ir a:after,  a[href^="javascript:"]:after,  a[href^="#"]:after {

content:""

}

pre,  blockquote {

  border:1px solid #999;

  page-break-inside:avoid

}

thead {

  display:table-header-group

}

tr,  img {

  page-break-inside:avoid

}

img {

  max-width:100%!important

}

@page {

margin:.5cm

}

p,  h2,  h3 {

  orphans:3;

  widows:3

}

h2,  h3 {

  page-break-after:avoid

}

.hide-on-print {

  display:none!important

}

.print-only {

  display:block!important

}

.hide-for-print {

  display:none!important

}

.show-for-print {

  display:inherit!important

}

}

form {

  margin:0 0 19.41641px

}

.row form .row {

  margin:0 -6px

}

.row form .row .column,  .row form .row .columns {

  padding:0 6px

}

.row form .row.collapse {

  margin:0

}

.row form .row.collapse .column,  .row form .row.collapse .columns {

  padding:0

}

label {

  font-size:14px;

  color:#4d4d4d;

  cursor:pointer;

  display:block;

  font-weight:500;

  margin-bottom:3px

}

label.right {

  clear: both;

  text-align:right

}

label.inline {

  line-height:32px;

  margin:0 0 12px 0

}

.prefix,  .postfix {

  display:block;

  position:relative;

  z-index:2;

  text-align:center;

  width:100%;

  padding-top:0;

  padding-bottom:0;

  height:32px;

  line-height:31px

}

a.button.prefix,  a.button.postfix {

  padding-left:0;

  padding-right:0;

  text-align:center

}

span.prefix,  span.postfix {

  background:#f2f2f2;

  border:1px solid #ccc

}

.prefix {

  left:2px;

  -moz-border-radius-topleft:2px;

  -webkit-border-top-left-radius:2px;

  border-top-left-radius:2px;

  -moz-border-radius-bottomleft:2px;

  -webkit-border-bottom-left-radius:2px;

  border-bottom-left-radius:2px;

  overflow:hidden

}

.postfix {

  right:2px;

  -moz-border-radius-topright:2px;

  -webkit-border-top-right-radius:2px;

  border-top-right-radius:2px;

  -moz-border-radius-bottomright:2px;

  -webkit-border-bottom-right-radius:2px;

  border-bottom-right-radius:2px

}

input[type="text"],  input[type="password"],  input[type="date"],  input[type="datetime"],  input[type="email"],  input[type="number"],  input[type="search"],  input[type="tel"],  input[type="time"],  input[type="url"],  textarea,  select {

  background-color:#fff;

  font-family:inherit;

  border:1px solid #ccc;

  -webkit-border-radius:2px;

  -moz-border-radius:2px;

  -ms-border-radius:2px;

  -o-border-radius:2px;

  border-radius:2px;

  -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);

  -moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);

  box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);

  color:rgba(0, 0, 0, 0.75);

  display:block;

  font-size:14px;

  margin:0 0 12px 0;

  padding:6px;

  height:32px;

  width:100%;

  color:#CCC

}

input[type="text"].oversize,  input[type="password"].oversize,  input[type="date"].oversize,  input[type="datetime"].oversize,  input[type="email"].oversize,  input[type="number"].oversize,  input[type="search"].oversize,  input[type="tel"].oversize,  input[type="time"].oversize,  input[type="url"].oversize,  textarea.oversize {

  font-size:17px;

  padding:4px 6px

}

input[type="text"]:focus,  input[type="password"]:focus,  input[type="date"]:focus,  input[type="datetime"]:focus,  input[type="email"]:focus,  input[type="number"]:focus,  input[type="search"]:focus,  input[type="tel"]:focus,  input[type="time"]:focus,  input[type="url"]:focus,  textarea:focus,  select:focus {

  background:#fafafa;

  outline:none!important;

  border-color:#b3b3b3;

  color:#333;

  -moz-box-shadow:0 0 6px rgba(54, 168, 223, 0.8);

  -webkit-box-shadow:0 0 6px rgba(54, 168, 223, 0.8);

  box-shadow:0 0 6px rgba(54, 168, 223, 0.8)

}

input[type="text"][disabled],  input[type="password"][disabled],  input[type="date"][disabled],  input[type="datetime"][disabled],  input[type="email"][disabled],  input[type="number"][disabled],  input[type="search"][disabled],  input[type="tel"][disabled],  input[type="time"][disabled],  input[type="url"][disabled],  textarea[disabled] {

  background-color:#ddd

}

textarea {

  height:auto

}

select {

  width:100%

}

fieldset {

  border:solid 1px #ddd;

  -webkit-border-radius:3px;

  -moz-border-radius:3px;

  -ms-border-radius:3px;

  -o-border-radius:3px;

  border-radius:3px;

  padding:12px 12px 0;

  margin:18px 0

}

fieldset legend {

  font-weight:bold;

  background:#fff;

  padding:0 3px;

  margin:0;

  margin-left:-3px

}

.error input,  input.error,  .error textarea,  textarea.error {

  border-color:#c60f13;

  background-color:rgba(198, 15, 19, 0.1)

}

.error label,  label.error {

  color:#c60f13

}

.error small,  small.error {

  display:block;

  padding:6px 4px;

  margin-top:-13px;

  margin-bottom:12px;

  background:#c60f13;

  color:#fff;

  font-size:12px;

  font-weight:bold;

  -moz-border-radius-bottomleft:2px;

  -webkit-border-bottom-left-radius:2px;

  border-bottom-left-radius:2px;

  -moz-border-radius-bottomright:2px;

  -webkit-border-bottom-right-radius:2px;

  border-bottom-right-radius:2px

}

.error textarea:focus,  textarea.error:focus {

  background:#fafafa;

  border-color:#b3b3b3

}

form.custom span.custom {

  display:inline-block;

  width:16px;

  height:16px;

  position:relative;

  top:2px;

  border:solid 1px #ccc;

  background:#fff

}

form.custom span.custom.radio {

  -webkit-border-radius:100px;

  -moz-border-radius:100px;

  -ms-border-radius:100px;

  -o-border-radius:100px;

  border-radius:100px

}

form.custom span.custom.checkbox:before {

  content:"";

  display:block;

  line-height:.8;

  height:14px;

  width:14px;

  text-align:center;

  position:absolute;

  top:0;

  left:0;

  font-size:14px;

  color:#fff

}

form.custom span.custom.radio.checked:before {

  content:"";

  display:block;

  width:8px;

  height:8px;

  -webkit-border-radius:100px;

  -moz-border-radius:100px;

  -ms-border-radius:100px;

  -o-border-radius:100px;

  border-radius:100px;

  background:#222;

  position:relative;

  top:3px;

  left:3px

}

form.custom span.custom.checkbox.checked:before {

  content:"\00d7";

  color:#222

}

form.custom div.custom.dropdown {

  display:block;

  position:relative;

  width:auto;

  height:28px;

  margin-bottom:9px;

  margin-top:2px

}

form.custom div.custom.dropdown ul {

  overflow-y:auto;

  max-height:200px

}

form.custom div.custom.dropdown a.current {

  display:block;

  width:auto;

  line-height:28px;

  min-height:28px;

  padding:0;

  padding-left:6px;

  padding-right:38px;

  border:solid 1px #ddd;

  color:#141414;

  background-color:#fff;

  white-space:nowrap

}

form.custom div.custom.dropdown a.selector {

  position:absolute;

  width:27px;

  height:28px;

  display:block;

  right:0;

  top:0;

  border:solid 1px #ddd

}

form.custom div.custom.dropdown a.selector:after {

  content:"";

  display:block;

  content:"";

  display:block;

  width:0;

  height:0;

  border:solid 5px;

  border-color:#aaa transparent transparent transparent;

  position:absolute;

  left:50%;

  top:50%;

  margin-top:-2px;

  margin-left:-5px

}

form.custom div.custom.dropdown:hover a.selector:after,  form.custom div.custom.dropdown.open a.selector:after {

  content:"";

  display:block;

  width:0;

  height:0;

  border:solid 5px;

  border-color:#222 transparent transparent transparent

}

form.custom div.custom.dropdown.open ul {

  display:block;

  z-index:10

}

form.custom div.custom.dropdown.small {

  width:134px!important

}

form.custom div.custom.dropdown.medium {

  width:254px!important

}

form.custom div.custom.dropdown.large {

  width:434px!important

}

form.custom div.custom.dropdown.expand {

  width:100%!important

}

form.custom div.custom.dropdown.open.small ul {

  width:134px!important

}

form.custom div.custom.dropdown.open.medium ul {

  width:254px!important

}

form.custom div.custom.dropdown.open.large ul {

  width:434px!important

}

form.custom div.custom.dropdown.open.expand ul {

  width:100%!important

}

form.custom div.custom.dropdown ul {

  position:absolute;

  width:auto;

  display:none;

  margin:0;

  left:0;

  top:28px;

  margin:0;

  padding:0;

  background:#fff;

  background:rgba(255, 255, 255, 0.95);

  border:solid 1px #ccc

}

form.custom div.custom.dropdown ul li {

  color:#555;

  font-size:13px;

  cursor:pointer;

  padding:3px;

  padding-left:6px;

  padding-right:38px;

  min-height:18px;

  line-height:18px;

  margin:0;

  white-space:nowrap;

  list-style:none

}

form.custom div.custom.dropdown ul li.selected {

  background:#cdebf5;

  color:#000

}

form.custom div.custom.dropdown ul li.selected:after {

  content:"\2013";

  position:absolute;

  right:10px

}

form.custom div.custom.dropdown ul li:hover {

  background-color:#cdebf5;

  color:#000

}

form.custom div.custom.dropdown ul li:hover:after {

  content:"\2013";

  position:absolute;

  right:10px;

  color:#a3dbec

}

form.custom div.custom.dropdown ul li.selected:hover {

  background:#cdebf5;

  cursor:default;

  color:#000

}

form.custom div.custom.dropdown ul li.selected:hover:after {

  color:#000

}

form.custom div.custom.dropdown ul.show {

  display:block

}

form.custom .custom.disabled {

  background-color:#ddd

}

@-moz-document url-prefix() {

form.custom div.custom.dropdown a.selector {

height:30px

}

}

.lt-ie9 form.custom div.custom.dropdown a.selector {

  height:30px

}

.row {

  width:999px;

  max-width:100%;

  min-width:740px;

  margin:0 auto

}

.banner-container .row {

  width:1580px

}

.row .row {

  width:auto;

  max-width:none;

  min-width:0;

  margin:0 -8px

}

.row.collapse .column,  .row.collapse .columns {

  padding:0

}

.row .row {

  width:auto;

  max-width:none;

  min-width:0;

  margin:0 -15px

}

.row .row.collapse {

  margin:0

}

.legacy .column, .legacy .columns {

  float:left;

  min-height:1px;

  padding:0 8px;

  position:relative

}

.medium-gutter>.column,  .medium-gutter>.columns {

  padding:0 30px

}

.medium-gutter>.column:first-child,  .medium-gutter>.columns:first-child {

  padding-left:8px

}

.medium-gutter>.column:last-child,  .medium-gutter>.columns:last-child {

  padding-right:8px

}

.column.centered,  .columns.centered {

  clear: both;

  float: none;

  margin:0 auto

}

[class*="column"]+[class*="column"]:last-child {

float:right

}

[class*="column"]+[class*="column"].end {

float:left

}

.one,  .row .one {

  width:8.33333%

}

.two,  .row .two {

  width:16.66667%

}

.three,  .row .three {

  width:25%

}

.four,  .row .four {

  width:33.33333%

}

.five,  .row .five {

  width:41.66667%

}

.six,  .row .six {

  width:50%

}

.seven,  .row .seven {

  width:58.33333%

}

.eight,  .row .eight {

  width:66.66667%

}

.nine,  .row .nine {

  width:75%

}

.ten,  .row .ten {

  width:83.33333%

}

.eleven,  .row .eleven {

  width:91.66667%

}

.twelve,  .row .twelve {

  width:100%

}

.row .offset-by-one {

  margin-left:8.33333%

}

.row .offset-by-two {

  margin-left:16.66667%

}

.row .offset-by-three {

  margin-left:25%

}

.row .offset-by-four {

  margin-left:33.33333%

}

.row .offset-by-five {

  margin-left:41.66667%

}

.row .offset-by-six {

  margin-left:50%

}

.row .offset-by-seven {

  margin-left:58.33333%

}

.row .offset-by-eight {

  margin-left:66.66667%

}

.row .offset-by-nine {

  margin-left:75%

}

.row .offset-by-ten {

  margin-left:83.33333%

}

.push-two {

  left:16.66667%

}

.pull-two {

  right:16.66667%

}

.push-three {

  left:25%

}

.pull-three {

  right:25%

}

.push-four {

  left:33.33333%

}

.pull-four {

  right:33.33333%

}

.push-five {

  left:41.66667%

}

.pull-five {

  right:41.66667%

}

.push-six {

  left:50%

}

.pull-six {

  right:50%

}

.push-seven {

  left:58.33333%

}

.pull-seven {

  right:58.33333%

}

.push-eight {

  left:66.66667%

}

.pull-eight {

  right:66.66667%

}

.push-nine {

  left:75%

}

.pull-nine {

  right:75%

}

.push-ten {

  left:83.33333%

}

.pull-ten {

  right:83.33333%

}

img,  object,  embed {

  max-width:100%;

  height:auto

}

object,  embed {

  height:100%

}

img {

  -ms-interpolation-mode:bicubic

}

#map_canvas img,  .map_canvas img {

  max-width:none!important

}

.row {

*zoom:1

}

.row:before,  .row:after {

  content:" ";

  display:table

}

.row:after {

  clear:both

}

.block-grid {

  display:block;

  overflow:hidden;

  padding:0

}

.block-grid>li {

  display:block;

  height:auto;

  float:left

}

.block-grid.one-up {

  margin:0;

  margin:0 -8px

}

.block-grid.one-up>li {

  width:100%;

  padding:0 0 15px;

  padding:0 8px 8px

}

.block-grid.two-up {

  margin:0 -15px;

  margin:0 -8px

}

.block-grid.two-up>li {

  width:50%;

  padding:0 15px 15px;

  padding:0 8px 8px

}

.block-grid.two-up>li:nth-child(2n+1) {

clear:both

}

.block-grid.three-up {

  margin:0 -12px;

  margin:0 -8px

}

.block-grid.three-up>li {

  width:33.33333%;

  padding:0 12px 12px;

  padding:0 8px 8px

}

.block-grid.three-up>li:nth-child(3n+1) {

clear:both

}

.block-grid.four-up {

  margin:0 -10px

}

.block-grid.four-up>li {

  width:25%;

  padding:0 10px 10px

}

.block-grid.four-up>li:nth-child(4n+1) {

clear:both

}

.block-grid.five-up {

  margin:0 -8px

}

.block-grid.five-up>li {

  width:20%;

  padding:0 8px 8px

}

.block-grid.five-up>li:nth-child(5n+1) {

clear:both

}

.block-grid.six-up {

  margin:0 -8px

}

.block-grid.six-up>li {

  width:16.66667%;

  padding:0 8px 8px

}

.block-grid.six-up>li:nth-child(6n+1) {

clear:both

}

.block-grid.seven-up {

  margin:0 -8px

}

.block-grid.seven-up>li {

  width:14.28571%;

  padding:0 8px 8px

}

.block-grid.seven-up>li:nth-child(7n+1) {

clear:both

}

.block-grid.eight-up {

  margin:0 -8px

}

.block-grid.eight-up>li {

  width:12.5%;

  padding:0 8px 8px

}

.block-grid.eight-up>li:nth-child(8n+1) {

clear:both

}

.block-grid.nine-up {

  margin:0 -8px

}

.block-grid.nine-up>li {

  width:11.11111%;

  padding:0 8px 8px

}

.block-grid.nine-up>li:nth-child(9n+1) {

clear:both

}

.block-grid.ten-up {

  margin:0 -8px

}

.block-grid.ten-up>li {

  width:10%;

  padding:0 8px 8px

}

.block-grid.ten-up>li:nth-child(10n+1) {

clear:both

}

.block-grid.eleven-up {

  margin:0 -8px

}

.block-grid.eleven-up>li {

  width:9.09091%;

  padding:0 8px 8px

}

.block-grid.eleven-up>li:nth-child(11n+1) {

clear:both

}

.block-grid.twelve-up {

  margin:0 -8px

}

.block-grid.twelve-up>li {

  width:8.33333%;

  padding:0 8px 8px

}

.block-grid.twelve-up>li:nth-child(12n+1) {

clear:both

}

.button {

  width:auto;

  background:#0083db;

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0083db', endColorstr='#0072ba');

  background:-webkit-gradient(linear, left top, left bottom, from(#0083db), to(#0072ba));

  background:-webkit-linear-gradient(top, #0083db, #0072ba);

  background:-moz-linear-gradient(top, #0083db, #0072ba);

  background:-ms-linear-gradient(top, #0083db, #0072ba);

  background:-o-linear-gradient(top, #0083db, #0072ba);

  background:linear-gradient(top, #0083db, #0072ba);

  border:1px solid #0072ba;

  color:#fff;

  cursor:pointer;

  display:inline-block;

  font-family:'SC Sans Web', Helvetica, Arial, sans-serif;

  font-weight: 700;

  font-style: normal;

  font-stretch: normal;

  font-size:13px;

  line-height:1;

  margin:0;

  outline:0;

  padding:10px 20px 11px;

  position:relative;

  text-align:center;

  text-decoration:none;

-webkit-transition:background-color .15s ease-in-out;

-moz-transition:background-color .15s ease-in-out;

-o-transition:background-color .15s ease-in-out;

transition:background-color .15s ease-in-out

}

.button:hover {

  color:#fff;

  background:#0072ba;

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0072ba', endColorstr='#0072ba');

  background:-webkit-gradient(linear, left top, left bottom, from(#0072ba), to(#0072ba));

  background:-webkit-linear-gradient(top, #0072ba, #0072ba);

  background:-moz-linear-gradient(top, #0072ba, #0072ba);

  background:-ms-linear-gradient(top, #0072ba, #0072ba);

  background:-o-linear-gradient(top, #0072ba, #0072ba);

  background:linear-gradient(top, #0072ba, 0072ba)

}

.button:active {

  -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.2) inset;

  -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.2) inset;

  box-shadow:0 1px 0 rgba(0, 0, 0, 0.2) inset

}

.button:focus {

  -webkit-box-shadow:0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;

  -moz-box-shadow:0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;

  box-shadow:0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;

  color:#fff

}

.button.large {

  font-size:17px;

  padding:15px 30px 16px

}

.button.medium {

  font-size:13px;

  padding:7px 14px 8px

}

.button.small {

  font-size:13px;

  padding:8px 38px 9px

}

.no-txt {

  display:inline-block;

  width:27px;

  text-indent:-999px;

  overflow:hidden;

  padding:4px 5px 5px

}

.button.small.no-txt,  .no-txt {

  padding:4px;

  width:26px

}

.button.tiny {

  font-size:11px;

  padding:5px 10px 6px;

        color: #fff;

}

.button.expand {

  width:100%;

  text-align:center

}

.button.primary {

  background:#dce1e4;

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dce1e4', endColorstr='#cfd6d9');

  background:-webkit-gradient(linear, left top, left bottom, from(#dce1e4), to(#cfd6d9));

  background:-webkit-linear-gradient(top, #dce1e4, #cfd6d9);

  background:-moz-linear-gradient(top, #dce1e4, #cfd6d9);

  background:-ms-linear-gradient(top, #dce1e4, #cfd6d9);

  background:-o-linear-gradient(top, #dce1e4, #cfd6d9);

  background:linear-gradient(top, #dce1e4, #cfd6d9);

  border-color:#cfd6d9

}

.button.primary:hover {

  background:#cfd6d9;

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfd6d9', endColorstr='#cfd6d9');

  background:-webkit-gradient(linear, left top, left bottom, from(#cfd6d9), to(#cfd6d9));

  background:-webkit-linear-gradient(top, #cfd6d9, #cfd6d9);

  background:-moz-linear-gradient(top, #cfd6d9, #cfd6d9);

  background:-ms-linear-gradient(top, #cfd6d9, #cfd6d9);

  background:-o-linear-gradient(top, #cfd6d9, #cfd6d9);

  background:linear-gradient(top, #cfd6d9, cfd6d9)

}

.button.grey {

  background:#f7f7f7;

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e6e6e6');

  background:-webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e6e6e6));

  background:-webkit-linear-gradient(top, #f7f7f7, #e6e6e6);

  background:-moz-linear-gradient(top, #f7f7f7, #e6e6e6);

  background:-ms-linear-gradient(top, #f7f7f7, #e6e6e6);

  background:-o-linear-gradient(top, #f7f7f7, #e6e6e6);

  background:linear-gradient(top, #f7f7f7, #e6e6e6);

  border-color:#ddd

}

.button.grey:hover {

  background:#f0f2f4;

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f2f4', endColorstr='#e3e7e9');

  background:-webkit-gradient(linear, left top, left bottom, from(#f0f2f4), to(#e3e7e9));

  background:-webkit-linear-gradient(top, #f0f2f4, #e3e7e9);

  background:-moz-linear-gradient(top, #f0f2f4, #e3e7e9);

  background:-ms-linear-gradient(top, #f0f2f4, #e3e7e9);

  background:-o-linear-gradient(top, #f0f2f4, #e3e7e9);

  background:linear-gradient(top, #f0f2f4, #e3e7e9);

  -webkit-box-shadow:0 0 4px #bbb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;

  -moz-box-shadow:0 0 4px #bbb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;

  box-shadow:0 0 4px #bbb, 0 1px 0 rgba(255, 255, 255, 0.5) inset

}

.button.primary:focus,  .button.grey:focus {

  -webkit-box-shadow:0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;

  -moz-box-shadow:0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;

  box-shadow:0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset

}

.button.success {

  background-color:#5da423;

  border:1px solid #396516

}

.button.success:hover {

  background-color:#457a1a

}

.button.success:focus {

  -webkit-box-shadow:0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset;

  -moz-box-shadow:0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset;

  box-shadow:0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset

}

.button.alert {

  background-color:#c60f13;

  border:1px solid #7f0a0c

}

.button.alert:hover {

  background-color:#970b0e

}

.button.alert:focus {

  -webkit-box-shadow:0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset;

  -moz-box-shadow:0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset;

  box-shadow:0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset

}

.button.secondary,  .button.green {

  background:#2d9c00;

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d9c00', endColorstr='#268f00');

  background:-webkit-gradient(linear, left top, left bottom, from(#2d9c00), to(#268f00));

  background:-webkit-linear-gradient(top, #2d9c00, #268f00);

  background:-moz-linear-gradient(top, #2d9c00, #268f00);

  background:-ms-linear-gradient(top, #2d9c00, #268f00);

  background:-o-linear-gradient(top, #2d9c00, #268f00);

  background:linear-gradient(top, #2d9c00, #268f00);

  border-color:#268f00

}

.button.secondary:hover,  .button.green:hover {

  background:#268f00;

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#268f00', endColorstr='#268f00');

  background:-webkit-gradient(linear, left top, left bottom, from(#268f00), to(#268f00));

  background:-webkit-linear-gradient(top, #268f00, #268f00);

  background:-moz-linear-gradient(top, #268f00, #268f00);

  background:-ms-linear-gradient(top, #268f00, #268f00);

  background:-o-linear-gradient(top, #268f00, #268f00);

  background:linear-gradient(top, #268f00, 268f00)

}

.button.secondary:focus,  .button.green:focus {

  -webkit-box-shadow:0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;

  -moz-box-shadow:0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;

  box-shadow:0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset

}

.button.jblue {

  background:#446abb;

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#446abb', endColorstr='#5586c8');

  background:-webkit-gradient(linear, left top, left bottom, from(#446abb), to(#5586c8));

  background:-webkit-linear-gradient(top, #446abb, #5586c8);

  background:-moz-linear-gradient(top, #446abb, #5586c8);

  background:-ms-linear-gradient(top, #446abb, #5586c8);

  background:-o-linear-gradient(top, #446abb, #5586c8);

  background:linear-gradient(top, #446abb, #5586c8);

  border-color:#446abb

}

.button.jblue:hover {

  background:#5586c8;

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5586c8', endColorstr='#5586c8');

  background:-webkit-gradient(linear, left top, left bottom, from(#5586c8), to(#5586c8));

  background:-webkit-linear-gradient(top, #5586c8, #5586c8);

  background:-moz-linear-gradient(top, #5586c8, #5586c8);

  background:-ms-linear-gradient(top, #5586c8, #5586c8);

  background:-o-linear-gradient(top, #5586c8, #5586c8);

  background:linear-gradient(top, #5586c8, 5586c8)

}

.button.jblue:focus {

  -webkit-box-shadow:0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;

  -moz-box-shadow:0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;

  box-shadow:0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset

}

.button.transparent {

  filter:none;

  background:transparent;

  border:0 none;

  color:#333

}

.button.transparent:hover {

  background:transparent;

  filter:none

}

.button.transparent:focus {

  -webkit-box-shadow:none;

  -moz-box-shadow:none;

  box-shadow:none

}

.button.white {

  background:#f1ece6;

  color:#3f3e3e;

  border-color:#dedede

}

.button.white:hover {

  background:#dedede

}

.button.white:focus {

  -webkit-box-shadow:0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;

  -moz-box-shadow:0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;

  box-shadow:0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset

}

.button.radius {

  -webkit-border-radius:3px !important;

  -moz-border-radius:3px !important;

  -ms-border-radius:3px !important;

  -o-border-radius:3px !important;

  border-radius:3px !important

}

.button.round {

  -webkit-border-radius:1000px;

  -moz-border-radius:1000px;

  -ms-border-radius:1000px;

  -o-border-radius:1000px;

  border-radius:1000px

}

.button.full-width {

  width:100%;

  text-align:center;

  padding-left:0!important;

  padding-right:0!important

}

.button.left-align {

  text-align:left;

  text-indent:12px

}

.button.disabled,  .button[disabled] {

  opacity:.6;

  cursor:default;

  background:#2ba6cb;

  -webkit-box-shadow:none;

  -moz-box-shadow:none;

  box-shadow:none

}

.button.disabled :hover,  .button[disabled] :hover {

  background:#2ba6cb

}

.button.disabled.success,  .button[disabled].success {

  background-color:#5da423

}

.button.disabled.success:hover,  .button[disabled].success:hover {

  background-color:#5da423

}

.button.disabled.alert,  .button[disabled].alert {

  background-color:#c60f13

}

.button.disabled.alert:hover,  .button[disabled].alert:hover {

  background-color:#c60f13

}

.button.disabled.secondary,  .button[disabled].secondary {

  background-color:#e9e9e9

}

.button.disabled.secondary:hover,  .button[disabled].secondary:hover {

  background-color:#e9e9e9

}

input[type=submit].button,  button.button {

  -webkit-appearance:none

}

@-moz-document url-prefix() {

button::-moz-focus-inner,  input[type="reset"]::-moz-focus-inner,  input[type="button"]::-moz-focus-inner,  input[type="submit"]::-moz-focus-inner,  input[type="file"]>input[type="button"]::-moz-focus-inner {

border:0;

padding:0

}

input[type="submit"].tiny.button {

padding:3px 10px 4px

}

input[type="submit"].small.button {

padding:6px 38px 8px

}

input[type="submit"].button,  input[type=submit].medium.button {

padding:5px 13px 6px

}

input[type="submit"].large.button {

padding:13px 30px 14px

}

}

.button.dropdown {

  position:relative;

  padding-right:44px

}

.button.dropdown.large {

  padding-right:60px

}

.button.dropdown.small {

  padding-right:28px

}

.button.dropdown.tiny {

  padding-right:20px

}

.button.dropdown:after {

  content:"";

  display:block;

  width:0;

  height:0;

  border:solid 6px;

  border-color:#fff transparent transparent transparent;

  position:absolute;

  top:50%;

  right:20px;

  margin-top:-2px

}

.button.dropdown.large:after {

  content:"";

  display:block;

  width:0;

  height:0;

  border:solid 7px;

  border-color:#fff transparent transparent transparent;

  margin-top:-3px;

  right:30px

}

.button.dropdown.small:after {

  content:"";

  display:block;

  width:0;

  height:0;

  border:solid 5px;

  border-color:#fff transparent transparent transparent;

  margin-top:-2px;

  right:14px

}

.button.dropdown.tiny:after {

  content:"";

  display:block;

  width:0;

  height:0;

  border:solid 4px;

  border-color:#fff transparent transparent transparent;

  margin-top:-1px;

  right:10px

}

.button.dropdown>ul {

  -webkit-box-sizing:content-box;

  -moz-box-sizing:content-box;

  box-sizing:content-box;

  display:none;

  position:absolute;

  margin-left:-1px;

  background:#fff;

  background:rgba(255, 255, 255, 0.95);

  list-style:none;

  margin:0;

  padding:0;

  border:1px solid #ccc;

  border-top:0;

  min-width:100%;

  z-index:40

}

.button.dropdown>ul li {

  width:100%;

  cursor:pointer;

  padding:0;

  min-height:18px;

  line-height:18px;

  margin:0;

  white-space:nowrap;

  list-style:none

}

.button.dropdown>ul li a {

  display:block;

  color:#555;

  font-size:13px;

  font-weight:normal;

  padding:6px 14px;

  text-align:left

}

.button.dropdown>ul li:hover {

  background-color:#e3f4f9;

  color:#222

}

.button.dropdown>ul li.divider {

  min-height:0;

  padding:0;

  height:1px;

  margin:4px 0;

  background:#ededed

}

.button.dropdown.up>ul {

  border-top:1px solid #ccc;

  border-bottom:0

}

.button.dropdown ul.no-hover.show-dropdown {

  display:block!important

}

.button.dropdown:hover>ul.no-hover {

  display:none

}

.button.dropdown.split {

  padding:0;

  position:relative

}

.button.dropdown.split:after {

  display:none

}

.button.dropdown.split:hover {

  background-color:#2ba6cb

}

.button.dropdown.split.transparent:hover {

  background:transparent

}

.button.dropdown.split.alert:hover {

  background-color:#c60f13

}

.button.dropdown.split.success:hover {

  background-color:#5da423

}

.button.dropdown.split.secondary:hover {

  background-color:#e9e9e9

}

.button.dropdown.split>a {

  color:#fff;

  display:block;

  padding:10px 50px 11px 20px;

  padding-left:20px;

  padding-right:50px;

-webkit-transition:background-color .15s ease-in-out;

-moz-transition:background-color .15s ease-in-out;

-o-transition:background-color .15s ease-in-out;

transition:background-color .15s ease-in-out

}

.button.dropdown.split>a:hover {

  background-color:#2284a1

}

.button.dropdown.split.transparent>a {

  color:#666

}

.button.dropdown.split.transparent>a:hover,  .button.dropdown.split.transparent:hover>a {

  background-color:transparent;

  color:#222

}

.button.dropdown.split.large>a {

  padding:15px 75px 16px 30px;

  padding-left:30px;

  padding-right:75px

}

.button.dropdown.split.small>a {

  padding:7px 35px 8px 14px;

  padding-left:14px;

  padding-right:35px

}

.button.dropdown.split.tiny>a {

  padding:5px 32px 6px 10px

}

.button.dropdown.split.transparent.tiny>a {

  padding:5px 25px 6px 10px

}

.button.dropdown.split>span {

  background-color:#2ba6cb;

  position:absolute;

  right:0;

  top:0;

  height:100%;

  width:30px;

  border-left:1px solid #1e728c;

  -webkit-box-shadow:1px 1px 0 rgba(255, 255, 255, 0.5) inset;

  -moz-box-shadow:1px 1px 0 rgba(255, 255, 255, 0.5) inset;

  box-shadow:1px 1px 0 rgba(255, 255, 255, 0.5) inset;

-webkit-transition:background-color .15s ease-in-out;

-moz-transition:background-color .15s ease-in-out;

-o-transition:background-color .15s ease-in-out;

transition:background-color .15s ease-in-out

}

.button.dropdown.split.transparent>span {

  background-color:transparent;

  border-left:0 none;

  -webkit-box-shadow:none;

  -moz-box-shadow:none;

  box-shadow:none

}

.button.dropdown.split>span:hover {

  background-color:#2284a1

}

.button.dropdown.split.transparent>span:hover {

  background-color:transparent

}

.button.dropdown.split>span:after {

  content:"";

  display:block;

  width:0;

  height:0;

  border:solid 6px;

  border-color:#fff transparent transparent transparent;

  position:absolute;

  top:50%;

  left:50%;

  margin-left:-6px;

  margin-top:-2px

}

.button.dropdown.split.secondary>span:after {

  content:"";

  display:block;

  width:0;

  height:0;

  border:solid 6px;

  border-color:#1d1d1d transparent transparent transparent

}

.button.dropdown.split.large span {

  width:45px

}

.button.dropdown.split.small span {

  width:21px

}

.button.dropdown.split.tiny span {

  width:25px

}

.button.dropdown.split.large span:after {

  content:"";

  display:block;

  width:0;

  height:0;

  border:solid 7px;

  border-color:#fff transparent transparent transparent;

  margin-top:-3px;

  margin-left:-7px

}

.button.dropdown.split.small span:after {

  content:"";

  display:block;

  width:0;

  height:0;

  border:solid 4px;

  border-color:#fff transparent transparent transparent;

  margin-top:-1px;

  margin-left:-4px

}

.button.dropdown.split.tiny span:after {

  content:"";

  display:block;

  width:0;

  height:0;

  border:solid 3px;

  border-color:#fff transparent transparent transparent;

  margin-top:-1px;

  margin-left:-3px

}

.button.dropdown.split.transparent span:after {

  border-color:#444 transparent transparent transparent

}

.button.dropdown.split.alert>span {

  background-color:#c60f13;

  border-left-color:#7f0a0c

}

.button.dropdown.split.success>span {

  background-color:#5da423;

  border-left-color:#396516

}

.button.dropdown.split.secondary>span {

  background-color:#e9e9e9;

  border-left-color:#c3c3c3

}

.button.dropdown.split.secondary>a {

  color:#1d1d1d

}

.button.dropdown.split.alert>a:hover,  .button.dropdown.split.alert>span:hover {

  background-color:#970b0e

}

.button.dropdown.split.success>a:hover,  .button.dropdown.split.success>span:hover {

  background-color:#457a1a

}

.button.dropdown.split.secondary>a:hover,  .button.dropdown.split.secondary>span:hover {

  background-color:#d0d0d0

}

ul.button-group {

  list-style:none;

  padding:0;

  margin:0 0 12px;

*zoom:1

}

ul.button-group:before,  ul.button-group:after {

  content:" ";

  display:table

}

ul.button-group:after {

  clear:both

}

ul.button-group li {

  padding:0;

  margin:0 0 0 -1px;

  float:left

}

ul.button-group li:first-child {

  margin-left:0

}

ul.button-group.radius li a.button,  ul.button-group.radius li a.button.radius,  ul.button-group.radius li a.button-rounded,  ul.button-group.radius li input[type="submit"].button,  ul.button-group.radius li input[type="submit"].button.radius,  ul.button-group.radius li input[type="submit"].button-rounded {

  -webkit-border-radius:0;

  -moz-border-radius:0;

  -ms-border-radius:0;

  -o-border-radius:0;

  border-radius:0

}

ul.button-group.radius li:first-child a.button,  ul.button-group.radius li:first-child a.button.radius,  ul.button-group.radius li:first-child input[type="submit"].button,  ul.button-group.radius li:first-child input[type="submit"].button.radius {

  -moz-border-radius-topleft:3px;

  -webkit-border-top-left-radius:3px;

  border-top-left-radius:3px;

  -moz-border-radius-bottomleft:3px;

  -webkit-border-bottom-left-radius:3px;

  border-bottom-left-radius:3px

}

ul.button-group.radius li:first-child a.button.rounded,  ul.button-group.radius li:first-child input[type="submit"].button.rounded {

  -moz-border-radius-topleft:1000px;

  -webkit-border-top-left-radius:1000px;

  border-top-left-radius:1000px;

  -moz-border-radius-bottomleft:1000px;

  -webkit-border-bottom-left-radius:1000px;

  border-bottom-left-radius:1000px

}

ul.button-group.radius li:last-child a.button,  ul.button-group.radius li:last-child a.button.radius,  ul.button-group.radius li:last-child input[type="submit"].button,  ul.button-group.radius li:last-child input[type="submit"].button.radius {

  -moz-border-radius-topright:3px;

  -webkit-border-top-right-radius:3px;

  border-top-right-radius:3px;

  -moz-border-radius-bottomright:3px;

  -webkit-border-bottom-right-radius:3px;

  border-bottom-right-radius:3px

}

ul.button-group.radius li:last-child a.button.rounded,  ul.button-group.radius li:last-child input[type="submit"].button.rounded {

  -moz-border-radius-topright:1000px;

  -webkit-border-top-right-radius:1000px;

  border-top-right-radius:1000px;

  -moz-border-radius-bottomright:1000px;

  -webkit-border-bottom-right-radius:1000px;

  border-bottom-right-radius:1000px

}

ul.button-group.even .button {

  width:100%

}

ul.button-group.even.two-up li {

  width:50%

}

ul.button-group.even.three-up li {

  width:33.3%

}

ul.button-group.even.three-up li:first-child {

  width:33.4%

}

ul.button-group.even.four-up li {

  width:25%

}

ul.button-group.even.five-up li {

  width:20%

}

div.button-bar {

  overflow:hidden

}

div.button-bar ul.button-group {

  float:left;

  margin-right:8px

}

div.button-bar ul.button-group:last-child {

  margin-left:0

}

.nav-bar {

  margin-left:0;

  padding:0

}

.nav-bar>li {

  float:left;

  display:block;

  position:relative;

  padding:0;

  margin:0;

  border:0 none;

  line-height:50px

}

.nav-bar>li.active>a {

  color:#38d232;

  cursor:default

}

.nav-bar>li.active:hover {

  cursor:default

}

.nav-bar>li>a {

  color:#d6d6d6

}

.nav-bar>li ul {

  margin-bottom:0

}

.nav-bar>li .flyout {

  display:none

}

.nav-bar>li.has-flyout.with-arrow>a:first-child {

  padding-right:40px;

  position:relative

}

.nav-bar>li.has-flyout>a.flyout-toggle {

  border-left:0!important;

  position:absolute;

  right:0;

  top:0;

  padding:25px 18px;

  z-index:2;

  display:block

}

.nav-bar>li.has-flyout.is-touch>a:first-child {

  padding-right:55px

}

.nav-bar>li.has-flyout.is-touch>a.flyout-toggle {

  border-left:1px dashed #666

}

.nav-bar>li>a:first-child {

  position:relative;

  padding:0 20px;

  display:block;

  text-decoration:none;

  font-size:12px

}

.nav-bar>li>input {

  margin:0 10px

}

.nav-bar.vertical {

  height:auto;

  margin-top:0

}

.nav-bar.vertical>li {

  clear: both;

  border-bottom:0;

  border-right:solid 1px #333;

  -webkit-box-shadow:none;

  -moz-box-shadow:none;

  box-shadow:none

}

.nav-bar.vertical>li.has-flyout>a:first-child:after {

  content:"";

  display:block;

  width:0;

  height:0;

  border:solid 4px;

  border-color:transparent transparent transparent #e6e6e6

}

.nav-bar.vertical>li .flyout {

  left:100%;

  top:-1px

}

.nav-bar.vertical>li .flyout.right {

  left:auto;

  right:100%

}

.nav-bar.vertical>li.active {

  border-right:solid 1px #2284a1

}

.nav-bar.vertical>li:last-child {

  border-bottom:solid 1px #333

}

.flyout {

  background:#f2f2f2;

  padding:20px;

  margin:0;

  border:1px solid #d9d9d9;

  position:absolute;

  left:-1px;

  z-index:40;

  -webkit-box-shadow:0 3px 3px rgba(0, 0, 0, 0.1);

  -moz-box-shadow:0 3px 3px rgba(0, 0, 0, 0.1);

  box-shadow:0 3px 3px rgba(0, 0, 0, 0.1)

}

.flyout.fullwidth {

  width:150px

}

.flyout p {

  line-height:1.2;

  font-size:13px

}

.flyout *:first-child {

  margin-top:0

}

.flyout *:last-child {

  margin-bottom:0

}

.flyout.small {

  width:166.66667px

}

.flyout.large {

  width:680px

}

.flyout.right {

  left:auto;

  right:-2px

}

.flyout.left {

  right:auto;

  left:-2px

}

.flyout.up {

  top:auto;

  bottom:39px

}

ul.flyout,  .nav-bar li ul {

  padding:0;

  list-style:none

}

ul.flyout li a,  .nav-bar li ul li a {

  height:auto;

  line-height:1

}

ul.flyout li a:hover,  ul.flyout li.active,  .nav-bar li ul li.active {

  margin-top:0

}

ul.flyout li.active a,  .nav-bar li ul li.active a {

  height:auto;

  margin:0;

  position:static;

  top:0

}

.orbit-wrapper {

  width:1px;

  height:1px;

  position:relative

}

.orbit {

  width:1px;

  height:1px;

  position:relative;

  overflow:hidden;

  margin-bottom:0

}

.orbit.with-bullets {

  margin-bottom:40px

}

.orbit .orbit-slide {

  max-width:100%;

  position:absolute;

  top:0;

  right:0

}

.orbit a.orbit-slide {

  border:0;

  line-height:0;

  display:none

}

.orbit div.orbit-slide {

  width:100%;

  height:100%;

  filter:alpha(opacity=0);

  opacity:0

}

div.orbit-wrapper div.timer {

  width:40px;

  height:40px;

  overflow:hidden;

  position:absolute;

  top:10px;

  right:10px;

  opacity:.6;

  cursor:pointer;

  z-index:31;

  display:none

}

div.orbit-wrapper span.rotator {

  display:block;

  width:40px;

  height:40px;

  position:absolute;

  top:0;

  left:-20px;

  z-index:3

}

div.orbit-wrapper span.rotator.move {

  left:0

}

div.orbit-wrapper span.mask {

  display:block;

  width:20px;

  height:40px;

  position:absolute;

  top:0;

  right:0;

  z-index:2;

  overflow:hidden

}

div.orbit-wrapper span.mask.move {

  width:40px;

  left:0

}

div.orbit-wrapper span.pause {

  display:block;

  width:40px;

  height:40px;

  position:absolute;

  top:0;

  left:0;

  background:url('https://www.sc.com/global/assets/global/images/orbit/pause-black.png') no-repeat;

  z-index:4;

  opacity:0

}

div.orbit-wrapper span.pause.active {

  background:url('https://www.sc.com/global/assets/global/images/orbit/pause-black.png') no-repeat 0 -40px

}

div.orbit-wrapper div.timer:hover span.pause,  div.orbit-wrapper span.pause.active {

  opacity:1

}

.orbit-caption {

  display:none;

  font-family:inherit

}

div.orbit-wrapper div.slider-nav {

  display:block

}

div.orbit-wrapper div.slider-nav span {

  width:39px;

  height:50px;

  text-indent:-9999px;

  position:absolute;

  z-index:30;

  top:50%;

  margin-top:-25px;

  cursor:pointer

}

div.orbit-wrapper div.slider-nav span.right {

  background:url('https://www.sc.com/global/assets/global/images/orbit/right-arrow.png');

  background-size:100%;

  right:0

}

div.orbit-wrapper div.slider-nav span.left {

  background:url('https://www.sc.com/global/assets/global/images/orbit/left-arrow.png');

  background-size:100%;

  left:0

}

.lt-ie9 div.orbit-wrapper div.slider-nav span.right {

  background:url('https://www.sc.com/global/assets/global/images/orbit/right-arrow-small.png')

}

.lt-ie9 div.orbit-wrapper div.slider-nav span.left {

  background:url('https://www.sc.com/global/assets/global/images/orbit/left-arrow-small.png')

}

ul.orbit-bullets li {

  float:left;

  margin-left:5px;

  cursor:pointer;

  color:#999;

  text-indent:-9999px;

  background:url('https://www.sc.com/global/assets/global/images/orbit/bullets.jpg') no-repeat 4px 0;

  width:13px;

  height:12px;

  overflow:hidden

}

ul.orbit-bullets li.active {

  color:#222;

  background-position:-8px 0

}

ul.orbit-bullets li.has-thumb {

  background:0;

  width:100px;

  height:75px

}

ul.orbit-bullets li.active.has-thumb {

  background-position:0 0;

  border-top:2px solid #000

}

.orbit-slide-counter {

  position:absolute;

  bottom:0;

  z-index:99;

  background:rgba(0, 0, 0, 0.7);

  color:#fff;

  padding:5px

}

div.orbit img.fluid-placeholder {

  visibility:hidden;

  position:static;

  display:block

}

div.orbit,  div.orbit-wrapper {

  width:100%!important

}

.lt-ie9 .timer {

  display:none!important

}

.lt-ie9 div.caption {

  background:#000;

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);

  zoom:1

}

@media only screen and (max-width:767px) {

div.orbit.orbit-stack-on-small img.fluid-placeholder {

visibility:visible

}

div.orbit.orbit-stack-on-small .orbit-slide {

position:static;

margin-bottom:10px

}

}

.reveal-modal-bg {

  position:fixed;

  height:100%;

  width:100%;

  background:#000;

  background:rgba(0, 0, 0, 0.45);

  z-index:100;

  display:none;

  top:0;

  left:0

}

.reveal-modal.infographics-popup {

    padding: 0 !important;

}





 @media only screen and (min-width: 768px){

 .reveal-modal.medium.queen {

    width: 50% !important;

}

.reveal-modal.medium.mob-padding.queen.infographics-popup.open {

    left: 45%;

}



}

@media only screen and (min-width: 1337px){

.reveal-modal.medium.queen.full-width-popup {

width: 1300px !important;

margin-left: -650px!important;

right: auto!important;

left: 50%!important;

}

}



@media \0screen {

  .reveal-modal.medium.queen.full-width-popup {

width: 1250px !important;

margin-left: -625px!important;

right: auto!important;

left: 50%!important;

}

}



@media \0screen {

.reveal-modal.medium.queen {

    width: 50% !important;

}

.reveal-modal.medium.mob-padding.queen.infographics-popup.open {

    left: 45%;

}



}



@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px)

and (orientation : landscape) {

.reveal-modal.medium.full-width-popup {

  width: 1000px !important;

  margin-left: -500px!important;

  right: auto!important;

  left: 50%!important;

}



}

@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px)

and (orientation : portrait) {

.reveal-modal.medium.full-width-popup {

  width: 750px !important;

  margin-left: -375px!important;

  right: auto!important;

  left: 50%!important;

  top:240px !important;

}



}

@media only screen

and (min-width : 1280px)

and (max-width : 1336px){

.reveal-modal.medium.full-width-popup {

  width: 1240px !important;

  margin-left: -620px!important;

  right: auto!important;

  left: 50%!important;

}



}

.reveal-modal {

  background:#fff;

  visibility:hidden;

  display:none;

  top:100px !important;

  left:50%;

  margin-left:-260px;

  margin-bottom: 20px;

  width:520px;

  position:absolute;

  z-index:101;

  padding:30px;

  -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4);

  -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.4);

  box-shadow:0 0 10px rgba(0, 0, 0, 0.4)

}

.reveal-modal .close-reveal-modal {

  position:absolute;

  top:0;

  right:0;

  z-index:10;

  background:url(https://www.sc.com/global/assets/global/images/page/search-close.png) no-repeat 0 0;

  width:25px;

  height:25px;

  margin-right:-10px;

  margin-top:-10px;

  cursor:pointer

}

.reveal-modal.small {

  width:30%;

  margin-left:-15%

}

.reveal-modal.medium {

  width:40%;

  margin-left:-20%

}

.reveal-modal.large {

  width:60%;

  margin-left:-30%

}

.reveal-modal.xlarge {

  width:70%;

  margin-left:-35%

}

.reveal-modal.expand {

  width:90%;

  margin-left:-45%

}

.reveal-modal .row {

  min-width:0;

  margin-bottom:10px

}

.reveal-modal>:first-child {

  margin-top:0

}

.reveal-modal>:last-child {

  margin-bottom:0

}

@media print {

.reveal-modal {

  border:solid 1px #000;

  background:#fff!important

}

}

.tabs {

  list-style:none;

  border-bottom:solid 1px #e6e6e6;

  display:block;

  height:40px;

  padding:0;

  margin-bottom:20px

}

.tabs.contained {

  margin-bottom:0;

  margin-left:0

}

.tabs dt,  .tabs li.section-title {

  color:#b3b3b3;

  cursor:default;

  display:block;

  float:left;

  font-size:12px;

  height:40px;

  line-height:40px;

  padding:0;

  padding-right:9px;

  padding-left:20px;

  font-weight:normal;

  width:auto;

  text-transform:uppercase

}

.tabs dt:first-child,  .tabs li.section-title:first-child {

  padding:0;

  padding-right:9px

}

.tabs dd,  .tabs li {

  display:block;

  float:left;

  padding:0;

  margin:0

}

.tabs dd a,  .tabs li a {

  color:#6f6f6f;

  display:block;

  font-size:14px;

  height:40px;

  line-height:40px;

  padding:0 23.8px

}

.tabs dd a:focus,  .tabs li a:focus {

  font-weight:bold;

  color:#2ba6cb

}

.tabs dd.active,  .tabs li.active {

  border-top:3px solid #2ba6cb;

  margin-top:-3px

}

.tabs dd.active a,  .tabs li.active a {

  cursor:default;

  color:#3c3c3c;

  background:#fff;

  border-left:1px solid #e6e6e6;

  border-right:1px solid #e6e6e6;

  font-weight:bold

}

.tabs dd:first-child,  .tabs li:first-child {

  margin-left:0

}

.tabs.vertical {

  height:auto;

  border-bottom:1px solid #e6e6e6

}

.tabs.vertical dt,  .tabs.vertical dd,  .tabs.vertical li {

  clear: both;

  height:auto

}

.tabs.vertical dd,  .tabs.vertical li {

  border-left:3px solid #ccc

}

.tabs.vertical dd a,  .tabs.vertical li a {

  background:#f2f2f2;

  border:0;

  border:1px solid #e6e6e6;

  border-width:1px 1px 0 0;

  color:#555;

  display:block;

  font-size:14px;

  height:auto;

  line-height:1;

  padding:15px 20px;

  -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset;

  -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset;

  box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset

}

.tabs.vertical dd.active,  .tabs.vertical li.active {

  margin-top:0;

  border-top:1px solid #4d4d4d;

  border-left:4px solid #1a1a1a

}

.tabs.vertical dd.active a,  .tabs.vertical li.active a {

  background:#4d4d4d;

  border:0;

  color:#fff;

  height:auto;

  margin:0;

  position:static;

  top:0;

  -webkit-box-shadow:0;

  -moz-box-shadow:0;

  box-shadow:0

}

.tabs.vertical dd:first-child a.active,  .tabs.vertical li:first-child a.active {

  margin:0

}

.tabs.pill {

  border-bottom:0;

  margin-bottom:10px

}

.tabs.pill dd,  .tabs.pill li {

  margin-right:10px

}

.tabs.pill dd:last-child,  .tabs.pill li:last-child {

  margin-right:0

}

.tabs.pill dd a,  .tabs.pill li a {

  -webkit-border-radius:1000px;

  -moz-border-radius:1000px;

  -ms-border-radius:1000px;

  -o-border-radius:1000px;

  border-radius:1000px;

  background:#e6e6e6;

  height:26px;

  line-height:26px;

  color:#666

}

.tabs.pill dd.active,  .tabs.pill li.active {

  border:0;

  margin-top:0

}

.tabs.pill dd.active a,  .tabs.pill li.active a {

  background-color:#2ba6cb;

  border:0;

  color:#fff

}

.tabs.pill.contained {

  border-bottom:solid 1px #eee;

  margin-bottom:0

}

.tabs.pill.two-up dd,  .tabs.pill.two-up li,  .tabs.pill.three-up dd,  .tabs.pill.three-up li,  .tabs.pill.four-up dd,  .tabs.pill.four-up li,  .tabs.pill.five-up dd,  .tabs.pill.five-up li {

  margin-right:0

}

.tabs.two-up dt a,  .tabs.two-up dd a,  .tabs.two-up li a,  .tabs.three-up dt a,  .tabs.three-up dd a,  .tabs.three-up li a,  .tabs.four-up dt a,  .tabs.four-up dd a,  .tabs.four-up li a,  .tabs.five-up dt a,  .tabs.five-up dd a,  .tabs.five-up li a {

  padding:0 17px;

  text-align:center;

  overflow:hidden

}

.tabs.two-up dt,  .tabs.two-up dd,  .tabs.two-up li {

  width:50%

}

.tabs.three-up dt,  .tabs.three-up dd,  .tabs.two-up li {

  width:33.33%

}

.tabs.four-up dt,  .tabs.four-up dd,  .tabs.two-up li {

  width:25%

}

.tabs.five-up dt,  .tabs.five-up dd,  .tabs.two-up li {

  width:20%

}

ul.tabs-content {

  display:block;

  margin:0 0 20px;

  padding:0

}

ul.tabs-content>li {

  display:none

}

ul.tabs-content>li.active {

  display:block

}

ul.tabs-content.contained {

  padding:0

}

ul.tabs-content.contained>li {

  border:solid 0 #e6e6e6;

  border-width:0 1px 1px 1px;

  padding:20px

}

ul.tabs-content.contained.vertical>li {

  border-width:1px 1px 1px 1px

}

.no-js ul.tabs-content>li {

  display:block

}

div.alert-box {

  display:block;

  padding:6px 7px 7px;

  font-weight:bold;

  font-size:14px;

  color:#6a6a6a;

  background-color:#fff;

  border:1px solid rgba(0, 0, 0, 0.1);

  margin-bottom:12px;

  -webkit-border-radius:3px;

  -moz-border-radius:3px;

  -ms-border-radius:3px;

  -o-border-radius:3px;

  border-radius:3px;

  position:relative

}

div.alert-box.success {

  background-color:#5da423;

  color:#fff

}

div.alert-box.alert {

  background-color:#c60f13;

  color:#fff

}

div.alert-box.secondary {

  background-color:#e9e9e9;

  color:#505050

}

div.alert-box.grey {

  background-color:#f5f5f5;

  color:#fff

}

div.alert-box.alert-yellow {

  background-color:#f3ba1b;

  color:#fff

}

div.alert-box a.close {

  background:url("https://www.sc.com/global/assets/global/images/page/search-close.png") no-repeat scroll 0 0 transparent;

  cursor:pointer;

  height:25px;

  margin-right:0px;

  margin-top:8px;

  position:absolute;

  right:0;

  top:0;

  width:25px;

  z-index:10

}

div.alert-box.alert-yellow a.close {

  background-image:url("https://www.sc.com/global/assets/global/images/page/alert-yellow-close.png")!important

}

div.alert-box a.close:hover,  div.alert-box a.close:focus {

  opacity:.4

}

[role="main"] .label,

#wrapper .label {

  padding:1px 4px 2px;

  font-size:12px;

  font-weight:bold;

  text-align:center;

  text-decoration:none;

  line-height:1;

  white-space:nowrap;

  display:inline;

  position:relative;

  bottom:1px;

  color:#fff;

  background:#2faa44

}

.label.radius {

  -webkit-border-radius:3px;

  -moz-border-radius:3px;

  -ms-border-radius:3px;

  -o-border-radius:3px;

  border-radius:3px

}

.label.round {

  padding:1px 7px 2px;

  -webkit-border-radius:1000px;

  -moz-border-radius:1000px;

  -ms-border-radius:1000px;

  -o-border-radius:1000px;

  border-radius:1000px

}

.label.alert {

  background-color:#c60f13

}

.label.success {

  background-color:#5da423

}

.label.secondary {

  background-color:#e9e9e9;

  color:#505050

}

.has-tip {

  border-bottom:dotted 1px #ccc;

  cursor:help;

  font-weight:bold;

  color:#333

}

.has-tip:hover {

  border-bottom:dotted 1px #196177;

  color:#2ba6cb

}

.has-tip.tip-left,  .has-tip.tip-right {

  clear: both!important

}

.tooltip {

  display:none;

  background:#000;

  background:rgba(0, 0, 0, 0.85);

  position:absolute;

  color:#fff;

  font-weight:bold;

  font-size:12px;

  padding:5px;

  z-index:999;

  -webkit-border-radius:4px;

  -moz-border-radius:4px;

  -ms-border-radius:4px;

  -o-border-radius:4px;

  border-radius:4px;

  line-height:normal

}

.tooltip>.nub {

  display:block;

  width:0;

  height:0;

  border:solid 5px;

  border-color:transparent transparent #000 transparent;

  border-color:transparent transparent rgba(0, 0, 0, 0.85) transparent;

  position:absolute;

  top:-10px;

  left:10px

}

.tooltip.tip-override>.nub {

  border-color:transparent transparent #000 transparent!important;

  border-color:transparent transparent rgba(0, 0, 0, 0.85) transparent!important;

  top:-10px!important

}

.tooltip.tip-top>.nub {

  border-color:#000 transparent transparent transparent;

  border-color:rgba(0, 0, 0, 0.85) transparent transparent transparent;

  top:auto;

  bottom:-10px

}

.tooltip.tip-left,  .tooltip.tip-right {

  clear: both!important

}

.tooltip.tip-left>.nub {

  border-color:transparent transparent transparent #000;

  border-color:transparent transparent transparent rgba(0, 0, 0, 0.85);

  right:-10px;

  left:auto

}

.tooltip.tip-right>.nub {

  border-color:transparent #000 transparent transparent;

  border-color:transparent rgba(0, 0, 0, 0.85) transparent transparent;

  right:auto;

  left:-10px

}

.tooltip.noradius {

  -webkit-border-radius:0;

  -moz-border-radius:0;

  -ms-border-radius:0;

  -o-border-radius:0;

  border-radius:0

}

.tooltip.opened {

  color:#2ba6cb!important;

  border-bottom:dotted 1px #196177!important

}

.tap-to-close {

  display:block;

  font-size:10px;

  font-size:1rem;

  color:#888;

  font-weight:normal

}

.panel {

  background:#fff;

  margin:0 0 18px 0;

  padding:20px

}

.panel>:first-child {

  margin-top:0

}

.panel>:last-child {

  margin-bottom:0

}

.panel.callout {

  background:#2ba6cb;

  color:#fff;

  border-color:#2284a1;

  -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5);

  -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5);

  box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5)

}

.panel.callout a {

  color:#fff

}

.panel.callout .button {

  background:#fff;

  border:0;

  color:#2ba6cb;

  text-shadow:none

}

.panel.callout .button:hover {

  background:rgba(255, 255, 255, 0.8)

}

.panel.radius {

  -webkit-border-radius:3px;

  -moz-border-radius:3px;

  -ms-border-radius:3px;

  -o-border-radius:3px;

  border-radius:3px

}

ul.accordion {

  margin:0 0 22px 0;

  border-bottom:1px solid #e9e9e9

}

ul.accordion>li {

  list-style:none;

  margin:0;

  padding:0;

  border-top:1px solid #e9e9e9

}

ul.accordion>li>div.title {

  cursor:pointer;

  padding:15px;

  margin:0;

  position:relative

}

ul.accordion>li>div.title h1,  ul.accordion>li>div.title h2,  ul.accordion>li>div.title h3,  ul.accordion>li>div.title h4,  ul.accordion>li>div.title h5 {

  margin:0

}

ul.accordion>li>div.title:after {

  content:"";

  display:block;

  position:absolute

}

ul.accordion>li .content {

  display:none;

  padding:15px

}

ul.accordion>li.active .title {

  background:#fff

}

ul.accordion>li.active .title:after {

  content:"";

  display:block

}

ul.accordion>li.active .content {

  background:#fff;

  display:block

}

ul.side-nav {

  display:block;

  list-style:none;

  margin:0;

  padding:17px 0

}

ul.side-nav li {

  display:block;

  list-style:none;

  margin:0 0 7px 0

}

ul.side-nav li a {

  display:block

}

ul.side-nav li.active a {

  color:#4d4d4d;

  font-weight:bold

}

ul.side-nav li.divider {

  border-top:1px solid #e6e6e6;

  height:0;

  padding:0

}

dl.sub-nav {

  display:block;

  width:auto;

  overflow:hidden;

  margin:-4px 0 18px;

  margin-right:0;

  margin-left:-9px;

  padding-top:4px

}

dl.sub-nav dt,  dl.sub-nav dd {

  float:left;

  display:inline;

  margin-left:9px;

  margin-bottom:10px

}

dl.sub-nav dt {

  color:#999;

  font-weight:normal

}

dl.sub-nav dd a {

  text-decoration:none;

  -webkit-border-radius:1000px;

  -moz-border-radius:1000px;

  -ms-border-radius:1000px;

  -o-border-radius:1000px;

  border-radius:1000px;

  padding:3px 9px;

  color:#888;

  font-size:11px

}

dl.sub-nav dd.active a {

  color:#333;

  cursor:default

}

ul.pagination {

  display:block;

  height:24px;

  margin-left:-5px

}

ul.pagination li {

  float:left;

  display:block;

  height:24px;

  color:#999;

  font-size:14px;

  margin-left:5px

}

ul.pagination li a {

  display:block;

  padding:1px 7px 1px;

  color:#555

}

ul.pagination li:hover a,  ul.pagination li a:focus {

  background:#e6e6e6

}

ul.pagination li.unavailable a {

  cursor:default;

  color:#999

}

ul.pagination li.unavailable:hover a,  ul.pagination li.unavailable a:focus {

  background:transparent

}

ul.pagination li.current a {

  background:#2ba6cb;

  color:#fff;

  font-weight:bold;

  cursor:default

}

ul.pagination li.current a:hover {

  background:#2ba6cb

}

ul.breadcrumbs {

  display:block;

  margin-bottom:0;

  padding:0;

  overflow:hidden;

  margin-left:0

}

ul.breadcrumbs li {

  margin:0;

  padding:0 20px 0 0;

  float:left;

  list-style:none

}

ul.breadcrumbs li a,  ul.breadcrumbs li span {

  line-height:35px;

  height:35px;

  display:inline-block;

  font-size:12px;

  padding-left:12px;

  color:#2aac48

}

ul.breadcrumbs li:first-child a,  ul.breadcrumbs li:first-child span {

  padding-left:0

}

ul.breadcrumbs li.current a {

  cursor:default;

  color:#333

}

ul.breadcrumbs li:hover a,  ul.breadcrumbs li a:focus {

  text-decoration:underline

}

ul.breadcrumbs li.current:hover a,  ul.breadcrumbs li.current a:focus {

  text-decoration:none

}

ul.breadcrumbs li.unavailable a {

  color:#999

}

ul.breadcrumbs li.unavailable:hover a,  ul.breadcrumbs li.unavailable a:focus {

  text-decoration:none;

  color:#999;

  cursor:default

}

ul.inline-list,  ul.link-list {

  margin:0 0 17px -22px;

  padding:0;

  list-style:none;

  overflow:hidden

}

ul.inline-list>li,  ul.link-list>li {

  list-style:none;

  float:left;

  margin-left:22px;

  display:block

}

ul.inline-list>li>*,  ul.link-list>li>* {

  display:block

}

.keystroke,  kbd {

  font-family:"Consolas", "Menlo", "Courier", monospace;

  font-size:13px;

  padding:2px 4px 0;

  margin:0;

  background:#ededed;

  border:solid 1px #dbdbdb;

  -webkit-border-radius:3px;

  -moz-border-radius:3px;

  -ms-border-radius:3px;

  -o-border-radius:3px;

  border-radius:3px

}

.th {

  display:block

}

.th img {

  display:block;

  border:solid 4px #fff;

  -webkit-box-shadow:0 0 0 1px rgba(0, 0, 0, 0.2);

  -moz-box-shadow:0 0 0 1px rgba(0, 0, 0, 0.2);

  box-shadow:0 0 0 1px rgba(0, 0, 0, 0.2);

  -webkit-border-radius:3px;

  -moz-border-radius:3px;

  -ms-border-radius:3px;

  -o-border-radius:3px;

  border-radius:3px;

  -webkit-transition-property:box-shadow;

  -moz-transition-property:box-shadow;

  -o-transition-property:box-shadow;

  transition-property:box-shadow;

  -webkit-transition-duration:300ms;

  -moz-transition-duration:300ms;

  -o-transition-duration:300ms;

  transition-duration:300ms

}

.th:hover img {

  -webkit-box-shadow:0 0 6px 1px rgba(43, 166, 203, 0.5);

  -moz-box-shadow:0 0 6px 1px rgba(43, 166, 203, 0.5);

  box-shadow:0 0 6px 1px rgba(43, 166, 203, 0.5)

}

.flex-video {

  position:relative;

  padding-top:25px;

  padding-bottom:67.5%;

  height:0;

  margin-bottom:16px;

  overflow:hidden

}

.flex-video.widescreen {

  padding-bottom:57.25%

}

.flex-video.vimeo {

  padding-top:0

}

.flex-video iframe,  .flex-video object,  .flex-video embed,  .flex-video video {

  position:absolute;

  top:0;

  left:0;

  width:100%;

  height:100%

}

table {

  background:#fff;

  -webkit-border-radius:3px;

  -moz-border-radius:3px;

  -ms-border-radius:3px;

  -o-border-radius:3px;

  border-radius:3px;

  margin:0 0 18px;

  border:1px solid #fff

}

table thead {

  background:#f1fcf0

}

table tbody,  table thead {

  -moz-box-shadow:0 2px 4px -2px #999;

  -webkit-box-shadow:0 2px 4px -2px #999;

  box-shadow:0 2px 4px -2px #999

}

table tfoot {

  background:0

}

table td sup {

  font-size:60%;

  vertical-align:text-top;

  position:relative

}

table thead tr th,  table tfoot tr th,  table tbody tr td,  table tr td,  table tfoot tr td {

  display:table-cell;

  font-size:14px;

  line-height:1em

}

table thead tr th,  table tfoot tr td {

  padding:8px 10px 9px;

  font-size:14px;

  font-weight:bold;

  color:#222

}

table thead tr th {

  font-size:20px;

  font-weight:200;

  line-height:1em;

  color:#666

}

table tbody td {

  text-align:center

}

table tbody td.tbody-head {

  background:#f8f8f8;

  font-size:20px;

  line-height:1.1em;

  vertical-align:middle

}

table tbody td.tbody-head,  table thead th.tbody-head {

  text-align:center

}

table thead tr th:first-child,  table tfoot tr td:first-child {

  border-left:none

}

table thead tr th:last-child,  table tfoot tr td:last-child {

  border-right:0

}

table tbody tr {

  background:#fff

}

table tfoot em {

  font-style:normal;

  font-size:11px;

  font-family:'SC Sans Web', Helvetica, Arial, sans-serif;

  font-weight: 400;

  font-style: normal;

  font-stretch: normal;

}

table tbody tr:nth-child(odd),  table tbody td.td-white {

background:#fff

}

table tbody tr.even,  table tbody tr.alt {

  background:#f8f8f8

}

table tbody tr:nth-child(even) {

background:#f8f8f8

}

table tbody tr td {

  color:#666;

  padding:20px 10px;

  vertical-align:top;

  border:0

}

ul.vcard {

  display:inline-block;

  margin:0 0 12px 0;

  border:1px solid #ddd;

  padding:10px

}

ul.vcard li {

  margin:0;

  display:block

}

ul.vcard li.fn {

  font-weight:bold;

  font-size:15px

}

p.vevent span.summary {

  font-weight:bold

}

p.vevent abbr {

  cursor:default;

  text-decoration:none;

  font-weight:bold;

  border:0;

  padding:0 1px

}

div.progress {

  padding:2px;

  margin-bottom:10px;

  border:1px solid #ccc;

  height:25px

}

div.progress .meter {

  background:#2ba6cb;

  height:100%;

  display:block;

  width:50%

}

div.progress.secondary .meter {

  background:#e9e9e9

}

div.progress.success .meter {

  background:#5da423

}

div.progress.alert .meter {

  background:#c60f13

}

div.progress.radius {

  -webkit-border-radius:3px;

  -moz-border-radius:3px;

  -ms-border-radius:3px;

  -o-border-radius:3px;

  border-radius:3px

}

div.progress.radius .meter {

  -webkit-border-radius:2px;

  -moz-border-radius:2px;

  -ms-border-radius:2px;

  -o-border-radius:2px;

  border-radius:2px

}

div.progress.round {

  -webkit-border-radius:1000px;

  -moz-border-radius:1000px;

  -ms-border-radius:1000px;

  -o-border-radius:1000px;

  border-radius:1000px

}

div.progress.round .meter {

  -webkit-border-radius:1000px;

  -moz-border-radius:1000px;

  -ms-border-radius:1000px;

  -o-border-radius:1000px;

  border-radius:1000px

}

.pricing-table {

  border:solid 1px #ddd;

  margin-left:0;

  margin-bottom:20px

}

.pricing-table * {

  list-style:none;

  line-height:1

}

.pricing-table .title {

  background-color:#ddd;

  padding:15px 20px;

  text-align:center;

  color:#333;

  font-weight:bold;

  font-size:16px

}

.pricing-table .price {

  background-color:#eee;

  padding:15px 20px;

  text-align:center;

  color:#333;

  font-weight:normal;

  font-size:20px

}

.pricing-table .description {

  background-color:#fff;

  padding:15px;

  text-align:center;

  color:#777;

  font-size:12px;

  font-weight:normal;

  line-height:1.4;

  border-bottom:dotted 1px #ddd

}

.pricing-table .bullet-item {

  background-color:#fff;

  padding:15px;

  text-align:center;

  color:#333;

  font-size:14px;

  font-weight:normal;

  border-bottom:dotted 1px #ddd

}

.pricing-table .cta-button {

  background-color:#f5f5f5;

  text-align:center;

  padding:20px

}

.top-bar-js-breakpoint {

  width:940px!important;

  visibility:hidden

}

.contain-to-grid {

  width:100%;

  background:#222

}

.fixed {

  width:100%;

  left:0;

  position:fixed;

  top:0;

  z-index:99

}

.top-bar {

  background:#222;

  height:45px;

  line-height:45px;

  margin:0 0 30px;

  padding:0;

  width:100%

}

.contain-to-grid .top-bar {

  max-width:940px;

  margin:0 auto

}

.top-bar>ul .name h1 {

  line-height:45px;

  margin:0

}

.top-bar>ul .name h1 a {

  font-weight:normal!important;

  padding:0 22.5px;

  font-size:15px!important

}

.top-bar>ul .name img {

  margin-top:-5px;

  vertical-align:middle

}

.top-bar.expanded {

  height:inherit

}

.top-bar ul {

  margin-left:0;

  display:inline;

  height:45px;

  line-height:45px;

  list-style:none

}

.top-bar ul>li {

  float:left

}

.top-bar ul>li a:not(.button) {

color:#fff;

display:block;

font-size:13px;

font-weight:bold;

height:45px;

line-height:45px;

 padding:0 15px

}

.top-bar ul>li:not(.name):hover,  .top-bar ul>li:not(.name).active {

background:#000

}

.top-bar ul>li:not(.name):hover a,  .top-bar ul>li:not(.name).active a {

color:#d9d9d9

}

.top-bar ul>li.divider {

  background:#000;

  -webkit-box-shadow:1px 0 0 rgba(255, 255, 255, 0.1);

  -moz-box-shadow:1px 0 0 rgba(255, 255, 255, 0.1);

  box-shadow:1px 0 0 rgba(255, 255, 255, 0.1);

  height:100%;

  margin-right:1px;

  width:1px

}

.top-bar ul>li.has-button a.button {

  margin:0 11.25px

}

.top-bar ul>li.has-button:hover {

  background:#222

}

.top-bar ul>li.has-button:hover a {

  color:#fff

}

.top-bar ul>li.search {

  padding:0 15px

}

.top-bar ul>li.search form {

  display:inline-block;

  margin-bottom:0;

  vertical-align:middle;

  width:200px

}

.top-bar ul>li.search form input[type=text] {

  -moz-border-radius-topright:0;

  -webkit-border-top-right-radius:0;

  border-top-right-radius:0;

  -moz-border-radius-bottomright:0;

  -webkit-border-bottom-right-radius:0;

  border-bottom-right-radius:0;

  float:left;

  font-size:13px;

  margin-top:-1px;

  height:22.5px

}

.top-bar ul>li.search form input[type=text]+.button {

  border-left:none;

  -moz-border-radius-topleft:0;

  -webkit-border-top-left-radius:0;

  border-top-left-radius:0;

  -moz-border-radius-bottomleft:0;

  -webkit-border-bottom-left-radius:0;

  border-bottom-left-radius:0;

  float:left;

  font-size:12px;

  margin-top:-1px;

  padding:5px 12px 4px

}

.top-bar ul>li.search form input[type=search] {

  font-size:16px;

  margin-bottom:0

}

.top-bar ul>li.search:hover {

  background:#222

}

.top-bar ul>li.toggle-topbar {

  display:none

}

.top-bar ul>li.has-dropdown {

  position:relative

}

.top-bar ul>li.has-dropdown:hover>.dropdown {

  display:block;

  visibility:visible

}

.top-bar ul>li.has-dropdown a {

  padding-right:33.75px

}

.top-bar ul>li.has-dropdown a:after {

  content:"";

  display:block;

  width:0;

  height:0;

  border:solid 5px;

  border-color:#fff transparent transparent transparent;

  margin-right:15px;

  margin-top:-2.5px;

  position:absolute;

  right:0;

  top:50%

}

.top-bar ul>li.has-dropdown .dropdown {

  background:#222;

  left:0;

  margin:0;

  padding:9px 0 0 0;

  position:absolute;

  visibility:hidden;

  z-index:99

}

.top-bar ul>li.has-dropdown .dropdown li {

  background:#222;

  line-height:1;

  min-width:100%;

  padding-bottom:5px

}

.top-bar ul>li.has-dropdown .dropdown li a {

  color:#fff;

  font-weight:normal;

  height:100%;

  line-height:1;

  padding:5px 17px 5px 15px;

  white-space:nowrap

}

.top-bar ul>li.has-dropdown .dropdown li a:after {

  border:0

}

.top-bar ul>li.has-dropdown .dropdown li a:hover {

  background:#3c3c3c

}

.top-bar ul>li.has-dropdown .dropdown li label {

  color:#6f6f6f;

  font-size:10px;

  font-weight:bold;

  margin:0;

  padding-left:15px;

  text-transform:uppercase

}

.top-bar ul>li.has-dropdown .dropdown li.divider {

  border-top:solid 1px #000;

  -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.1) inset;

  -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.1) inset;

  box-shadow:0 1px 0 rgba(255, 255, 255, 0.1) inset;

  height:10px;

  padding:0;

  width:100%

}

.top-bar ul>li.has-dropdown .dropdown li:last-child {

  padding-bottom:10px

}

.top-bar ul>li.has-dropdown .dropdown li.active a {

  background:#000

}

.top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a {

  padding-right:30px

}

.top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a:after {

  border:0;

  content:"\00bb";

  right:5px;

  top:6px

}

.top-bar ul>li.has-dropdown .dropdown li.has-dropdown .dropdown {

  position:absolute;

  left:100%;

  top:0

}

.top-bar ul>li.has-dropdown .dropdown li.has-dropdown:hover>.dropdown {

  display:block

}

.top-bar ul.left {

  float:left;

  width:auto;

  margin-bottom:0

}

.top-bar ul.right {

  float:right;

  width:auto;

  margin-bottom:0

}

.top-bar ul.right .has-dropdown .dropdown {

  left:auto;

  right:-1px

}

.top-bar ul.right .has-dropdown .dropdown li.has-dropdown>.dropdown {

  right:100%;

  left:auto;

  width:100%

}

.top-bar .js-generated {

  display:none

}

@-moz-document url-prefix() {

.top-bar ul li .button.small {

padding-bottom:6px

}

.top-bar ul li.search form input[type=search] {

font-size:14px;

height:22px;

padding:3px

}

}

.lt-ie9 .top-bar ul li a {

  color:#fff;

  display:block;

  font-weight:bold;

  font-size:13px;

  height:45px;

  line-height:45px;

  padding:0 15px

}

.lt-ie9 .top-bar ul li a.button {

  height:auto;

  line-height:30px;

  margin-top:7px

}

.lt-ie9 .top-bar ul li a:hover {

  color:#ccc

}

.lt-ie9 .top-bar ul li a img {

  margin-top:-5px;

  vertical-align:middle

}

.lt-ie9 .top-bar ul li a.active {

  background:#151515;

  color:#d9d9d9

}

.lt-ie9 .top-bar ul li.has-dropdown {

  padding-right:33.75px

}

.lt-ie9 .top-bar ul li.has-dropdown>ul li {

  padding-right:0

}

#joyRideTipContent {

  display:none

}

.joyride-tip-guide {

  display:none;

  position:absolute;

  background:#000;

  background:rgba(0, 0, 0, 0.8);

  color:#fff;

  width:300px;

  z-index:101;

  top:0;

  left:0;

  font-family:inherit;

  font-weight:normal;

  -webkit-border-radius:4px;

  -moz-border-radius:4px;

  -ms-border-radius:4px;

  -o-border-radius:4px;

  border-radius:4px

}

.joyride-content-wrapper {

  padding:18px 20px 24px

}

.joyride-tip-guide span.joyride-nub {

  display:block;

  position:absolute;

  left:22px;

  width:0;

  height:0;

  border:solid 14px

}

.joyride-tip-guide span.joyride-nub.top {

  border-color:#000;

  border-color:rgba(0, 0, 0, 0.8);

  border-top-color:transparent!important;

  border-left-color:transparent!important;

  border-right-color:transparent!important;

  top:-28px;

  bottom:none

}

.joyride-tip-guide span.joyride-nub.bottom {

  border-color:#000;

  border-color:rgba(0, 0, 0, 0.8)!important;

  border-bottom-color:transparent!important;

  border-left-color:transparent!important;

  border-right-color:transparent!important;

  bottom:-28px;

  bottom:none

}

.joyride-tip-guide span.joyride-nub.right {

  border-color:#000;

  border-color:rgba(0, 0, 0, 0.8)!important;

  border-top-color:transparent!important;

  border-right-color:transparent!important;

  border-bottom-color:transparent!important;

  top:22px;

  bottom:none;

  left:auto;

  right:-28px

}

.joyride-tip-guide span.joyride-nub.left {

  border-color:#000;

  border-color:rgba(0, 0, 0, 0.8)!important;

  border-top-color:transparent!important;

  border-left-color:transparent!important;

  border-bottom-color:transparent!important;

  top:22px;

  left:-28px;

  right:auto;

  bottom:none

}



.border-box-text  {

  margin-top:0px !important;

}





.joyride-tip-guide h1,  .joyride-tip-guide h2,  .joyride-tip-guide h3,  .joyride-tip-guide h4,  .joyride-tip-guide h5,  .joyride-tip-guide h6 {

  line-height:1.25;

  margin:0;

  font-weight:bold;

  color:#fff

}

.joyride-tip-guide p {

  margin:0 0 18px 0;

  font-size:14px;

  line-height:1.3

}

.joyride-timer-indicator-wrap {

  width:50px;

  height:3px;

  border:solid 1px #555;

  position:absolute;

  right:17px;

  bottom:16px

}

.joyride-timer-indicator {

  display:block;

  width:0;

  height:inherit;

  background:#666

}

.joyride-close-tip {

  position:absolute;

  right:10px;

  top:10px;

  color:#777!important;

  text-decoration:none;

  font-size:20px;

  font-weight:normal;

  line-height:.5!important

}

.joyride-close-tip:hover {

  color:#eee!important

}

.joyride-modal-bg {

  position:fixed;

  height:100%;

  width:100%;

  background:transparent;

  background:rgba(0, 0, 0, 0.5);

  z-index:100;

  display:none;

  top:0;

  left:0;

  cursor:pointer

}

.clearing-blackout {

  background:#000;

  background:rgba(0, 0, 0, 0.8);

  position:fixed;

  width:100%;

  height:100%;

  top:0;

  left:0;

  z-index:999

}

.clearing-blackout .clearing-close {

  display:block

}

.clearing-container {

  position:relative;

  z-index:999;

  height:100%;

  overflow:hidden

}

.visible-img {

  height:75%;

  position:relative

}

.visible-img img {

  position:absolute;

  left:50%;

  top:50%;

  margin-left:-50%;

  max-height:100%;

  max-width:100%

}

.visible-img .clearing-caption {

  color:#fff;

  margin-bottom:0;

  text-align:center;

  position:absolute;

  bottom:0;

  background:#000;

  background:rgba(0, 0, 0, 0.7);

  width:100%;

  padding:10px 100px

}

.clearing-close {

  z-index:999;

  position:absolute;

  top:10px;

  right:20px;

  font-size:30px;

  line-height:1;

  color:#fff;

  display:none

}

.clearing-close:hover {

  color:#ccc

}

.clearing-main-left,  .clearing-main-right {

  position:absolute;

  top:50%;

  margin-top:-16px

}

.clearing-main-left.disabled,  .clearing-main-right.disabled {

  opacity:.5

}

.clearing-main-left:active,  .clearing-main-right:active {

  margin-top:-15px

}

.clearing-main-left {

  left:10px;

  content:"";

  display:block;

  width:0;

  height:0;

  border:solid 16px;

  border-color:transparent #fff transparent transparent

}

.clearing-main-right {

  right:10px;

  content:"";

  display:block;

  width:0;

  height:0;

  border:solid 16px;

  border-color:transparent transparent transparent #fff

}

.block-grid.three-up>li:nth-child(3n+1) {

clear:none

}

ul[data-clearing] li {

  cursor:pointer;

  display:block

}

ul[data-clearing] li.clearing-feature ~ li {

display:none

}

.clearing-assembled .clearing-container .carousel {

  background:#000;

  background:rgba(0, 0, 0, 0.75);

  height:150px;

  margin-top:5px

}

.clearing-assembled .clearing-container .visible-img {

  background:#000;

  background:rgba(0, 0, 0, 0.75);

  overflow:hidden

}

.clearing-assembled .clearing-container ul[data-clearing] {

  z-index:999;

  width:200%;

  height:100%;

  margin-left:0;

  position:relative;

  left:0

}

.clearing-assembled .clearing-container ul[data-clearing] li {

  display:block;

  width:175px;

  height:inherit;

  padding:0;

  float:left;

  overflow:hidden;

  background:#222;

  margin-right:1px;

  position:relative

}

.clearing-assembled .clearing-container ul[data-clearing] li.fix-height img {

  min-height:100%;

  height:100%;

  max-width:none

}

.clearing-assembled .clearing-container ul[data-clearing] li img {

  cursor:pointer!important;

  min-width:100%!important

}

.clearing-assembled .clearing-container ul[data-clearing] li.visible {

  border-top:4px solid #fff

}

.show-for-small,  .show-for-medium,  .show-for-medium-down,  .hide-for-large,  .hide-for-large-up,  .show-for-xlarge,  .show-for-print {

  display:none!important

}

.hide-for-small,  .hide-for-medium,  .hide-for-medium-down,  .show-for-large,  .show-for-large-up,  .hide-for-xlarge,  .hide-for-print {

  display:inherit!important

}

@media only screen and (min-width:1441px) {

.hide-for-small,  .hide-for-medium,  .hide-for-medium-down,  .hide-for-large,  .show-for-large-up,  .show-for-xlarge {

display:inherit!important

}

.show-for-small,  .show-for-medium,  .show-for-medium-down,  .show-for-large,  .hide-for-large-up,  .hide-for-xlarge {

display:none!important

}

}

@media only screen and (max-width:1279px) and (min-width:768px) {

.hide-for-small,  .show-for-medium,  .show-for-medium-down,  .hide-for-large,  .hide-for-large-up,  .hide-for-xlarge {

display:inherit!important

}

.show-for-small,  .hide-for-medium,  .hide-for-medium-down,  .show-for-large,  .show-for-large-up,  .show-for-xlarge {

display:none!important

}

}

@media only screen and (max-width:767px) {

.show-for-small,  .hide-for-medium,  .show-for-medium-down,  .hide-for-large,  .hide-for-large-up,  .hide-for-xlarge {

display:inherit!important

}

.hide-for-small,  .show-for-medium,  .hide-for-medium-down,  .show-for-large,  .show-for-large-up,  .show-for-xlarge {

display:none!important

}

.button.small {

padding:8px 10px 9px

}

}

.show-for-landscape,  .hide-for-portrait {

  display:inherit!important

}

.hide-for-landscape,  .show-for-portrait {

  display:none!important

}

@media screen and (orientation:landscape) {

.show-for-landscape,  .hide-for-portrait {

display:inherit!important

}

.hide-for-landscape,  .show-for-portrait {

display:none!important

}

}

@media screen and (orientation:portrait) {

.show-for-portrait,  .hide-for-landscape {

display:inherit!important

}

.hide-for-portrait,  .show-for-landscape {

display:none!important

}

}

.show-for-touch {

  display:none!important

}

.hide-for-touch {

  display:inherit!important

}

.touch .show-for-touch {

  display:inherit!important

}

.touch .hide-for-touch {

  display:none!important

}

table.show-for-xlarge,  table.show-for-large,  table.hide-for-small,  table.hide-for-medium {

  display:table!important

}

@media only screen and (max-width:1279px) and (min-width:768px) {

.touch table.hide-for-xlarge,  .touch table.hide-for-large,  .touch table.hide-for-small,  .touch table.show-for-medium {

display:table!important

}

}

@media only screen and (max-width:767px) {

table.hide-for-xlarge,  table.hide-for-large,  table.hide-for-medium,  table.show-for-small {

display:table!important

}

}

@media only screen and (max-device-width:1280px) {

.touch .nav-bar li.has-flyout>a {

padding-right:0!important

}

}

@media only screen and (max-device-width:800px),  only screen and (device-width:1024px) and (device-height:600px),  only screen and (width:1280px) and (orientation:landscape),  only screen and (device-width:800px),  only screen and (max-width:767px) {

.flex-video {

padding-top:0

}

}

@media only screen and (max-width:1279px) and (min-width:768px) {

.touch .nav-bar li a {

font-size:13px

}

.touch .nav-bar li.has-flyout>a.flyout-toggle {

padding:20px!important

}

.touch .nav-bar li.has-flyout>a {

padding-right:36px!important

}

.clearing-main-right,  .clearing-main-left {

height:100%;

width:40px;

top:0;

border:0

}

.clearing-main-right:before,  .clearing-main-left:before {

position:absolute;

top:50%

}

.clearing-main-left {

left:0

}

.clearing-main-left:before {

left:5px;

content:"";

display:block;

width:0;

height:0;

border:solid 16px;

border-color:transparent #fff transparent transparent

}

.clearing-main-right {

height:100%;

right:0

}

.clearing-main-right:before {

content:"";

display:block;

width:0;

height:0;

border:solid 16px;

border-color:transparent transparent transparent #fff

}

}

@media only screen and (max-width:767px) {

.left,  .right {

clear: both

}

body {

-webkit-text-size-adjust:none;

-ms-text-size-adjust:none;

width:100%;

min-width:0;

margin-left:0;

margin-right:0;

padding-left:0;

padding-right:0

}

.row {

width:auto;

min-width:0;

margin-left:0;

margin-right:0

}

.legacy .column, .legacy .columns,
.column,  .columns {

width:auto!important;
float: none;
clear: both;

}

.legacy .column:last-child, .legacy .columns:last-child,
.column:last-child,  .columns:last-child {

clear: both;
float: none;

}

[class*="column"]+[class*="column"]:last-child {

clear: both;
float: none;
}

.column:before,  .columns:before,  .column:after,  .columns:after {

content:"";

display:table

}

.column:after,  .columns:after {

clear:both

}

.offset-by-one,  .offset-by-two,  .offset-by-three,  .offset-by-four,  .offset-by-five,  .offset-by-six,  .offset-by-seven,  .offset-by-eight,  .offset-by-nine,  .offset-by-ten {

margin-left:0!important

}

.push-two,  .push-three,  .push-four,  .push-five,  .push-six,  .push-seven,  .push-eight,  .push-nine,  .push-ten {

left:auto

}

.pull-two,  .pull-three,  .pull-four,  .pull-five,  .pull-six,  .pull-seven,  .pull-eight,  .pull-nine,  .pull-ten {

right:auto

}

.row .mobile-one {

width:25%!important;

float:left;

padding:0 15px

}

.row .mobile-one:last-child {

float:right

}

.row .mobile-one.end {

float:left

}

.row.collapse .mobile-one {

padding:0

}

.row .mobile-two {

width:50%!important;

float:left;

padding:0 15px

}

.row .mobile-two:last-child {

float:right

}

.row .mobile-two.end {

float:left

}

.row.collapse .mobile-two {

padding:0

}

.row .mobile-three {

width:75%!important;

float:left;

padding:0 15px

}

.row .mobile-three:last-child {

float:right

}

.row .mobile-three.end {

float:left

}

.row.collapse .mobile-three {

padding:0

}

.row .mobile-four {

width:100%!important;

float:left;

padding:0 15px

}

.row .mobile-four:last-child {

float:right

}

.row .mobile-four.end {

float:left

}

.row.collapse .mobile-four {

padding:0

}

.push-one-mobile {

left:25%

}

.pull-one-mobile {

right:25%

}

.push-two-mobile {

left:50%

}

.pull-two-mobile {

right:50%

}

.push-three-mobile {

left:75%

}

.pull-three-mobile {

right:75%

}

.block-grid.mobile>li {

clear: both;

width:100%;

margin-left:0

}

.block-grid>li {

clear:none!important

}

.block-grid.mobile-one-up>li {

width:100%

}

.block-grid.mobile-two-up>li {

width:50%

}

.block-grid.mobile-two-up>li:nth-child(2n+1) {

clear:both

}

.block-grid.mobile-three-up>li {

width:33.33333%

}

.block-grid.mobile-three-up>li:nth-child(3n+1) {

clear:both

}

.block-grid.mobile-four-up>li {

width:25%

}

.block-grid.mobile-four-up>li:nth-child(4n+1) {

clear:both

}

.block-grid.mobile-five-up>li {

width:20%

}

.block-grid.mobile-five-up>li:nth-child(5n+1) {

clear:both

}

.block-grid.mobile-six-up>li {

width:16.66667%

}

.block-grid.mobile-six-up>li:nth-child(6n+1) {

clear:both

}

.block-grid.mobile-seven-up>li {

width:14.28571%

}

.block-grid.mobile-seven-up>li:nth-child(7n+1) {

clear:both

}

.block-grid.mobile-eight-up>li {

width:12.5%

}

.block-grid.mobile-eight-up>li:nth-child(8n+1) {

clear:both

}

.block-grid.mobile-nine-up>li {

width:11.11111%

}

.block-grid.mobile-nine-up>li:nth-child(9n+1) {

clear:both

}

.block-grid.mobile-ten-up>li {

width:10%

}

.block-grid.mobile-ten-up>li:nth-child(10n+1) {

clear:both

}

.block-grid.mobile-eleven-up>li {

width:9.09091%

}

.block-grid.mobile-eleven-up>li:nth-child(11n+1) {

clear:both

}

.block-grid.mobile-twelve-up>li {

width:8.33333%

}

.block-grid.mobile-twelve-up>li:nth-child(12n+1) {

clear:both

}

label.right {

text-align:left

}

input[type="text"].one,  .row input[type="text"].one,  input[type="password"].one,  .row input[type="password"].one,  input[type="date"].one,  .row input[type="date"].one,  input[type="datetime"].one,  .row input[type="datetime"].one,  input[type="email"].one,  .row input[type="email"].one,  input[type="number"].one,  .row input[type="number"].one,  input[type="search"].one,  .row input[type="search"].one,  input[type="tel"].one,  .row input[type="tel"].one,  input[type="time"].one,  .row input[type="time"].one,  input[type="url"].one,  .row input[type="url"].one,  textarea.one,  .row textarea.one {

width:100%!important

}

input[type="text"].two,  .row input[type="text"].two,  input[type="password"].two,  .row input[type="password"].two,  input[type="date"].two,  .row input[type="date"].two,  input[type="datetime"].two,  .row input[type="datetime"].two,  input[type="email"].two,  .row input[type="email"].two,  input[type="number"].two,  .row input[type="number"].two,  input[type="search"].two,  .row input[type="search"].two,  input[type="tel"].two,  .row input[type="tel"].two,  input[type="time"].two,  .row input[type="time"].two,  input[type="url"].two,  .row input[type="url"].two,  textarea.two,  .row textarea.two {

width:100%!important

}

input[type="text"].three,  .row input[type="text"].three,  input[type="password"].three,  .row input[type="password"].three,  input[type="date"].three,  .row input[type="date"].three,  input[type="datetime"].three,  .row input[type="datetime"].three,  input[type="email"].three,  .row input[type="email"].three,  input[type="number"].three,  .row input[type="number"].three,  input[type="search"].three,  .row input[type="search"].three,  input[type="tel"].three,  .row input[type="tel"].three,  input[type="time"].three,  .row input[type="time"].three,  input[type="url"].three,  .row input[type="url"].three,  textarea.three,  .row textarea.three {

width:100%!important

}

input[type="text"].four,  .row input[type="text"].four,  input[type="password"].four,  .row input[type="password"].four,  input[type="date"].four,  .row input[type="date"].four,  input[type="datetime"].four,  .row input[type="datetime"].four,  input[type="email"].four,  .row input[type="email"].four,  input[type="number"].four,  .row input[type="number"].four,  input[type="search"].four,  .row input[type="search"].four,  input[type="tel"].four,  .row input[type="tel"].four,  input[type="time"].four,  .row input[type="time"].four,  input[type="url"].four,  .row input[type="url"].four,  textarea.four,  .row textarea.four {

width:100%!important

}

input[type="text"].five,  .row input[type="text"].five,  input[type="password"].five,  .row input[type="password"].five,  input[type="date"].five,  .row input[type="date"].five,  input[type="datetime"].five,  .row input[type="datetime"].five,  input[type="email"].five,  .row input[type="email"].five,  input[type="number"].five,  .row input[type="number"].five,  input[type="search"].five,  .row input[type="search"].five,  input[type="tel"].five,  .row input[type="tel"].five,  input[type="time"].five,  .row input[type="time"].five,  input[type="url"].five,  .row input[type="url"].five,  textarea.five,  .row textarea.five {

width:100%!important

}

input[type="text"].six,  .row input[type="text"].six,  input[type="password"].six,  .row input[type="password"].six,  input[type="date"].six,  .row input[type="date"].six,  input[type="datetime"].six,  .row input[type="datetime"].six,  input[type="email"].six,  .row input[type="email"].six,  input[type="number"].six,  .row input[type="number"].six,  input[type="search"].six,  .row input[type="search"].six,  input[type="tel"].six,  .row input[type="tel"].six,  input[type="time"].six,  .row input[type="time"].six,  input[type="url"].six,  .row input[type="url"].six,  textarea.six,  .row textarea.six {

width:100%!important

}

input[type="text"].seven,  .row input[type="text"].seven,  input[type="password"].seven,  .row input[type="password"].seven,  input[type="date"].seven,  .row input[type="date"].seven,  input[type="datetime"].seven,  .row input[type="datetime"].seven,  input[type="email"].seven,  .row input[type="email"].seven,  input[type="number"].seven,  .row input[type="number"].seven,  input[type="search"].seven,  .row input[type="search"].seven,  input[type="tel"].seven,  .row input[type="tel"].seven,  input[type="time"].seven,  .row input[type="time"].seven,  input[type="url"].seven,  .row input[type="url"].seven,  textarea.seven,  .row textarea.seven {

width:100%!important

}

input[type="text"].eight,  .row input[type="text"].eight,  input[type="password"].eight,  .row input[type="password"].eight,  input[type="date"].eight,  .row input[type="date"].eight,  input[type="datetime"].eight,  .row input[type="datetime"].eight,  input[type="email"].eight,  .row input[type="email"].eight,  input[type="number"].eight,  .row input[type="number"].eight,  input[type="search"].eight,  .row input[type="search"].eight,  input[type="tel"].eight,  .row input[type="tel"].eight,  input[type="time"].eight,  .row input[type="time"].eight,  input[type="url"].eight,  .row input[type="url"].eight,  textarea.eight,  .row textarea.eight {

width:100%!important

}

input[type="text"].nine,  .row input[type="text"].nine,  input[type="password"].nine,  .row input[type="password"].nine,  input[type="date"].nine,  .row input[type="date"].nine,  input[type="datetime"].nine,  .row input[type="datetime"].nine,  input[type="email"].nine,  .row input[type="email"].nine,  input[type="number"].nine,  .row input[type="number"].nine,  input[type="search"].nine,  .row input[type="search"].nine,  input[type="tel"].nine,  .row input[type="tel"].nine,  input[type="time"].nine,  .row input[type="time"].nine,  input[type="url"].nine,  .row input[type="url"].nine,  textarea.nine,  .row textarea.nine {

width:100%!important

}

input[type="text"].ten,  .row input[type="text"].ten,  input[type="password"].ten,  .row input[type="password"].ten,  input[type="date"].ten,  .row input[type="date"].ten,  input[type="datetime"].ten,  .row input[type="datetime"].ten,  input[type="email"].ten,  .row input[type="email"].ten,  input[type="number"].ten,  .row input[type="number"].ten,  input[type="search"].ten,  .row input[type="search"].ten,  input[type="tel"].ten,  .row input[type="tel"].ten,  input[type="time"].ten,  .row input[type="time"].ten,  input[type="url"].ten,  .row input[type="url"].ten,  textarea.ten,  .row textarea.ten {

width:100%!important

}

input[type="text"].eleven,  .row input[type="text"].eleven,  input[type="password"].eleven,  .row input[type="password"].eleven,  input[type="date"].eleven,  .row input[type="date"].eleven,  input[type="datetime"].eleven,  .row input[type="datetime"].eleven,  input[type="email"].eleven,  .row input[type="email"].eleven,  input[type="number"].eleven,  .row input[type="number"].eleven,  input[type="search"].eleven,  .row input[type="search"].eleven,  input[type="tel"].eleven,  .row input[type="tel"].eleven,  input[type="time"].eleven,  .row input[type="time"].eleven,  input[type="url"].eleven,  .row input[type="url"].eleven,  textarea.eleven,  .row textarea.eleven {

width:100%!important

}

input[type="text"].twelve,  .row input[type="text"].twelve,  input[type="password"].twelve,  .row input[type="password"].twelve,  input[type="date"].twelve,  .row input[type="date"].twelve,  input[type="datetime"].twelve,  .row input[type="datetime"].twelve,  input[type="email"].twelve,  .row input[type="email"].twelve,  input[type="number"].twelve,  .row input[type="number"].twelve,  input[type="search"].twelve,  .row input[type="search"].twelve,  input[type="tel"].twelve,  .row input[type="tel"].twelve,  input[type="time"].twelve,  .row input[type="time"].twelve,  input[type="url"].twelve,  .row input[type="url"].twelve,  textarea.twelve,  .row textarea.twelve {

width:100%!important

}

.button-group button.button,  .button-group input[type="submit"].button {

width:auto;

padding:10px 20px 11px

}

.button-group button.button.large,  .button-group input[type="submit"].button.large {

padding:15px 30px 16px

}

.button-group button.button.medium,  .button-group input[type="submit"].button.medium {

padding:10px 20px 11px

}

.button-group button.button.small,  .button-group input[type="submit"].button.small {

padding:7px 14px 8px

}

.button-group button.button.tiny,  .button-group input[type="submit"].button.tiny {

padding:5px 10px 6px

}

.button-group.even button.button,  .button-group.even input[type="submit"].button {

width:100%;

padding-left:0;

padding-right:0

}

.nav-bar {

height:auto

}

.nav-bar>li {

clear: both;

display:block;

border-right:0

}

.nav-bar>li>a.main {

text-align:left;

border-top:1px solid #ddd;

border-right:0

}

.nav-bar>li:first-child>a.main {

border-top:0

}

.nav-bar>li.has-flyout>a.flyout-toggle {

position:absolute;

right:0;

top:0;

padding:25px 18px;

z-index:2;

display:block

}

.nav-bar>li.has-flyout.is-touch>a.flyout-toggle span {

content:"";

width:0;

height:0;

display:block

}

.nav-bar>li.has-flyout>a.flyout-toggle:hover span {

border-top-color:#141414

}

.nav-bar.vertical>li.has-flyout>.flyout {

left:0

}

.flyout {

position:relative;

!important;

top:auto;

margin-right:-2px;

border-width:1px 1px 0 1px

}

.flyout.fullwidth {

width:100%

}

.flyout.right {

clear: both;

right:auto;

left:-1px

}

.flyout.small,  .flyout.large {

width:100%!important

}

.flyout p:last-child {

margin-bottom:18px

}

.reveal-modal-bg {

position:absolute

}

.reveal-modal,  .reveal-modal.small,  .reveal-modal.medium,  .reveal-modal.large,  .reveal-modal.xlarge {

width:80%;

top:15px;

left:50%;

margin-left:-40%;

padding:20px;

height:auto

}

.clearing-container {

margin:0

}

.clearing-close {

z-index:99;

font-size:37px;

top:0;

right:5px

}

.clearing-caption {

position:fixed;

bottom:0;

left:0;

padding:10px!important;

line-height:1.3

}

.clearing-main-right,  .clearing-main-left {

display:none

}

.clearing-blackout.clearing-assembled .visible-img,  .clearing-blackout.clearing-assembled .clearing-container {

height:100%

}

.clearing-blackout.clearing-assembled ul[data-clearing] {

display:none

}

.joyride-tip-guide {

width:95%!important;

left:2.5%!important;

-webkit-border-radius:4px;

-moz-border-radius:4px;

-ms-border-radius:4px;

-o-border-radius:4px;

border-radius:4px

}

.joyride-tip-guide-wrapper {

width:100%

}

.tabs.mobile {

width:auto;

margin:20px -20px 40px;

border-bottom:solid 1px #ccc;

height:auto;

margin:20px -15px 0 -15px

}

.tabs.mobile dt,  .tabs.mobile li,  .tabs.mobile dd {

clear: both;

height:auto

}

.tabs.mobile dd a,  .tabs.mobile li a {

font-size:15px;

display:block;

width:auto;

height:auto;

padding:18px 20px;

margin:0;

color:#555;

line-height:1;

border:0;

border-left:none;

border-right:0;

border-top:1px solid #ccc;

background:#fff

}

.tabs.mobile dd a.active,  .tabs.mobile li a.active {

border:0;

background:#2ba6cb;

color:#fff;

margin:0;

position:static;

top:0;

height:auto

}

.tabs.mobile dd:first-child,  .tabs.mobile li:first-child {

padding-left:20px!important

}

.tabs.mobile dd:first-child a.active,  .tabs.mobile li:first-child a.active {

margin:0

}

.tabs.mobile+.tabs-content.contained {

margin-left:-15px;

margin-right:-15px

}

.contained.mobile {

margin-bottom:0

}

.contained.tabs.mobile dd a,  .contained.tabs.mobile li a {

padding:18px 20px

}

.tabs.mobile+ul.contained {

margin-left:-20px;

margin-right:-20px;

border-width:0 0 1px 0

}

.tooltip {

font-size:14;

line-height:1.4;

padding:7px 10px 9px 10px;

left:50%!important;

max-width:80%!important;

margin-left:-40%;

font-size:110%

}

.tooltip>.nub,  .tooltip.top>.nub,  .tooltip.left>.nub,  .tooltip.right>.nub {

border-color:transparent transparent #000 transparent;

border-color:transparent transparent rgba(0, 0, 0, 0.85) transparent;

top:-12px;

left:10px

}

}

@media only screen and (max-width:940px) {

.top-bar {

margin-bottom:0;

overflow:hidden;

height:45px;

background:#222

}

.top-bar .js-generated {

display:block

}

.contain-to-grid .top-bar {

width:auto

}

.top-bar section {

left:0;

position:relative;

width:auto;

-webkit-transition:left 300ms;

-moz-transition:left 300ms;

-o-transition:left 300ms;

transition:left 300ms

}

.top-bar ul {

width:100%;

height:100%;

margin-bottom:0;

display:block

}

.top-bar ul>li {

clear: both

}

.top-bar ul>li.active,  .top-bar ul>li:hover {

background:#151515

}

.top-bar ul>li.name {

background:#000;

height:45px

}

.top-bar ul>li.name h1 {

line-height:1

}

.top-bar ul>li.name h1 a {

color:#fff;

display:block;

line-height:45px!important;

padding-left:15px;

height:45px

}

.top-bar ul>li:hover a,  .top-bar ul>li.active a {

color:#fff

}

.top-bar ul>li a:not(.button) {

color:#fff

}

.top-bar ul>li.toggle-topbar {

cursor:pointer;

display:block;

height:45px;

position:absolute;

right:0;

top:0;

width:100%

}

.top-bar ul>li.toggle-topbar a {

content:"";

display:block;

width:0;

height:0;

border:solid 8px;

border-color:#fff transparent transparent transparent;

padding:0;

position:absolute;

top:50%;

right:22.5px;

margin-top:-4px

}

.top-bar ul>li.toggle-topbar:hover {

background:inherit

}

.top-bar ul>li.toggle-topbar a {

padding:0!important

}

.top-bar ul>li.divider {

border-bottom:solid 1px #3c3c3c;

border-top:solid 1px #000;

clear:both;

height:1px!important;

margin:8px 0!important;

width:100%

}

.top-bar ul>li.search {

padding:0 22.5px

}

.top-bar ul>li.search form {

width:100%

}

.top-bar ul>li.search form input[type=text] {

width:75%

}

.top-bar ul>li.search form .button {

top:0;

width:25%

}

.top-bar ul>li.has-dropdown a {

padding-right:33.75px

}

.top-bar ul>li.has-dropdown a:after {

content:"";

display:block;

width:0;

height:0;

border:solid 5px;

border-color:transparent transparent transparent rgba(255, 255, 255, 0.5);

margin-right:15px;

margin-top:-4.5px;

position:absolute;

top:50%

}

.top-bar ul>li.has-dropdown:hover>.dropdown {

display:block;

visibility:hidden

}

.top-bar ul>li.has-dropdown .dropdown {

visibility:hidden;

z-index:0!important

}

.top-bar ul>li.has-dropdown.moved {

position:static

}

.top-bar ul>li.has-dropdown.moved .dropdown {

top:0;

visibility:visible

}

.top-bar ul>li.has-dropdown.moved .dropdown li label {

margin-bottom:6px;

padding-top:6px!important;

font-size:11px

}

.top-bar ul>li.has-dropdown.moved .dropdown li:not(.title) {

padding-bottom:0

}

.top-bar ul>li.has-dropdown.moved .dropdown li:not(.title) a {

padding:8px 22.5px;

font-size:14px

}

.top-bar ul>li.has-dropdown.moved .dropdown li a,  .top-bar ul>li.has-dropdown.moved .dropdown li label {

padding:0 22.5px

}

.top-bar ul>li.has-dropdown.moved .dropdown li a:hover {

background:#3c3c3c;

display:block

}

.top-bar ul>li.has-dropdown.moved .dropdown li.divider {

border-bottom:solid 1px rgba(255, 255, 255, 0.1);

margin-top:8px!important;

margin-bottom:8px!important

}

.top-bar ul>li.has-dropdown.moved .back.title {

padding-bottom:0

}

.top-bar ul>li.has-dropdown.moved .back.title a:before {

position:absolute;

top:50%;

left:17.5px;

margin-top:-5px;

width:0;

height:0;

content:"";

display:block;

width:0;

height:0;

border:solid 5px;

border-color:transparent #fff transparent transparent

}

.top-bar ul>li.has-dropdown.moved .back.title h5 {

margin:0;

padding-left:15px;

position:relative

}

.top-bar ul>li.has-dropdown.moved .back.title h5 a {

background:transparent;

padding-top:8px;

padding-bottom:8px;

font-size:18px;

font-weight:bold

}

.top-bar ul>li.has-dropdown .dropdown li {

background:transparent

}

.top-bar ul>li.has-dropdown .dropdown li.has-dropdown .dropdown {

left:100%!important;

top:0;

right:auto!important

}

.top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a {

padding-right:33.75px

}

.top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a:after {

content:"";

margin-right:15px;

content:"";

display:block;

width:0;

height:0;

border:solid 5px;

border-color:transparent transparent transparent rgba(255, 255, 255, 0.5);

position:absolute;

top:50%;

margin-top:-4.5px

}

.top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a li a:hover {

background:#3c3c3c

}

.top-bar ul>li.has-dropdown .dropdown li.has-dropdown.moved {

position:static

}

.top-bar ul>li.has-dropdown .dropdown li.has-dropdown.moved .dropdown {

top:0;

visibility:visible

}

.top-bar ul>li.has-dropdown .dropdown li.has-dropdown:hover {

display:block

}

.top-bar ul.left,  .top-bar ul.right {

clear: both;

width:100%

}

.top-bar ul.left>li,  .top-bar ul.right>li {

display:block;

clear: both;

margin:0!important

}

.top-bar ul.left>li.has-dropdown .dropdown,  .top-bar ul.right>li.has-dropdown .dropdown {

left:100%!important;

top:0;

right:auto!important

}

.top-bar section>ul li a:not(.button) {

padding-left:22.5px!important

}

.top-bar.expanded {

height:100%

}

.top-bar.expanded ul li.toggle-topbar a {

content:"";

display:block;

width:0;

height:0;

border:solid 8px;

border-color:transparent transparent rgba(255, 255, 255, 0.5) transparent;

top:auto;

bottom:50%;

margin-bottom:-4px

}

.top-bar ul li.has-button {

padding:5px 15px

}

.top-bar ul li .button.small {

margin:0!important;

display:inline-block;

width:100%

}

.top-bar ul>li.has-button a.button {

margin:0

}

}

.dropdown.right ul {

  right:0

}

#featured {

  background:url(https://www.sc.com/global/assets/global/images/page/standard-chartered-monochrome-logo.png) no-repeat center center #eee

}

#featured img {

  display:none

}

#featured.orbit img {

  display:block

}

.left-btns {

  padding-left:18px

}

select,  label.select:before {

  background:#f7f7f7;

  background:-webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#ececec));

  background:-webkit-linear-gradient(top, #f8f8f8, #ececec);

  background:-moz-linear-gradient(top, #f8f8f8, #ececec);

  background:-ms-linear-gradient(top, #f8f8f8, #ececec);

  background:-o-linear-gradient(top, #f8f8f8, #ececec);

  background:linear-gradient(top, #f8f8f8, #ececec);

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e6e6e6');

  color:#666;

  vertical-align:text-top;

  -webkit-appearance:none;

  -webkit-box-shadow:1px 1px 1px #f8f8f8;

  -webkit-border-radius:2px

}

@media screen and (-webkit-min-device-pixel-ratio:0) {

select {

padding-right:18px

}

}

label.select {

  position:relative

}

label.select:after {

  content:'';

  width:0;

  height:0;

  border-left:6px solid transparent;

  border-right:6px solid transparent;

  border-top:6px solid #666;

  right:8px;

  top:13px;

  position:absolute;

  pointer-events:none

}

option {

  border:0 none;

  line-height:24px;

  height:24px!important;

  background:#f5f5f5;

  border-bottom:1px solid #eee

}

label.select:before {

  content:'';

  display:block;

  height:24px;

  position:absolute;

  right:6px;

  top:3px;

  width:20px;

  pointer-events:none

}

/*indigo consulting css starts here*/

/*16 april 2013*/

.filterRewards .filter li a {

  background-image:url(images/credit-cards/rewards_filters_sprit.png);

  background-repeat:no-repeat;

  background-color:none;

  padding:4px 6px 4px 28px;

  font-size:12px;

  color:#666;

}

#filter_all_cards_rewards a {

  background-position:-2px -1px;

}

#filter_all_cards_rewards.active a,  #filter_all_cards_rewards:hover a {

  background-position:-2px -30px;

}

#filter_hotel_rewards a {

  background-position:-2px -57px;

}

#filter_hotel_rewards.active a,  #filter_hotel_rewards:hover a {

  background-position:-2px -84px;

}

#filter_dining_rewards a {

  background-position:-2px -113px;

}

#filter_dining_rewards.active a,  #filter_dining_rewards:hover a {

  background-position:-2px -138px;

}

#filter_cashback_rewards a {

  background-position:-3px -166px;

}

#filter_cashback_rewards.active a,  #filter_cashback_rewards:hover a {

  background-position:-3px -187px;

}

#filter_overseas a {

  background-position:-3px -212px;

}

#filter_overseas.active a,  #filter_overseas:hover a {

  background-position:-3px -237px;

}

#filter_fuel a {

  background-position:-3px -258px;

}

#filter_fuel.active a,  #filter_fuel:hover a {

  background-position:-3px -279px;

}

#filter_supermarket a {

  background-position:-2px -298px;

}

#filter_supermarket.active a,  #filter_supermarket:hover a {

  background-position:-2px -318px;

}

#filter_telecom a {

  background-position:-2px -338px;

}

#filter_telecom.active a,  #filter_telecom:hover a {

  background-position:-2px -360px;

}

#filter_utility_bill a {

  background-position:-2px -385px;

}

#filter_utility_bill.active a,  #filter_utility_bill:hover a {

  background-position:-2px -410px;

}

.debit-card-select .elm-content-area,  .credit-card-select .elm-content-area_rewards {

  height:60px;

}

/*indigo consulting css end here*/

-*,  body,  select,  li,  option,  .info-box h3,  .card-header>section>span,  .subheader,  .info-box h2,  .sub-menu-article .sub-header,  .card-listing p {

font-family:'SC Sans Web', Helvetica, Arial, sans-serif;

 font-weight: 400;

 font-style: normal;

 font-stretch: normal;

}

h1,  h2,  h3,  h4,  h5,  h6,  .card-selector li.selected a,  dl.sub-nav dd.active a,  #filters li a,  dl.filter dd a,  .credit-card-select .compare,  #card-scroll ul li .compare,  #universalNav.nav-bar>li>a:first-child,  .universal-grey #selectedCap a,  .filter li a,  a.more-link,  strong,  b,  .links-to-page,  .button,  #universalNav.nav-bar>li>a:first-child em,  #extendLogin h6 a.lock-ext {

  font-family:'SC Sans Web', Helvetica, Arial, sans-serif;

  font-weight: 700;

  font-style: normal;

  font-stretch: normal;

}

.ua-windows_nt table thead tr th {

  font-weight: 400;

}

.lite,  h2.subheader,  .inpage-content h1,  .inpage-content h2,  .inpage-content h3,  .inpage-content h5,  .info-box h2,  .inpage-content h4 {

  font-family:'SC Sans Web', Helvetica, Arial, sans-serif;

  font-weight: 300;

  font-style: normal;

  font-stretch: normal;

}

.main-nav-wrap em,  .login-wrapper h6 {

  font-family:'SC Sans Web', Helvetica, Arial, sans-serif;

  font-weight: 700;

  font-style: normal;

  font-stretch: normal;

}

* {

  -webkit-text-size-adjust:none

}

html {

  overflow-x:hidden

}

.back-to-top {

  -ms-filter:"alpha(opacity=100)";

  filter:alpha(opacity=100);

  -moz-opacity:1;

  -khtml-opacity:1;

  opacity:1;

moz-transition:opacity .3s linear;

-o-transition:opacity .3s linear;

transition:opacity .3s linear;

  -webkit-transition-property:color, opacity;

-webkit-transition-duration:.3s, 0.3s

}

.back-to-top.hidden {

  -ms-filter:"alpha(opacity=0)";

  filter:alpha(opacity=0);

  -moz-opacity:0;

  -khtml-opacity:0;

  opacity:0

}

.back-to-top.hidden {

  display:none

}

[role="main"] {

width:100%;

display:block;

position:relative;

z-index:1;

margin-left:0;

float:right;

overflow:hidden

}

.icon-small,  .icon-small-in:after {

  background-image:url(https://www.sc.com/global/assets/global/images/page/iconlib_small.png)

}

.icon-small-in:after {

  display:block;

  position:absolute;

  left:8px;

  top:5px;

  height:14px;

  width:14px;

  content:""

}

.no-txt.icon-small-in:after {

  left:4px;

  top:3px

}

a.green-text,  .green-text {

  color:#26922c

}

a.green-text:hover {

  color:#222

}

a.blue-text,  .blue-text {

  color:#0070ae

}

a.blue-text:hover {

  color:#222

}

form {

  margin:0

}

.isotope-item {

  z-index:2

}

.isotope-hidden.isotope-item {

  pointer-events:none;

  z-index:1

}

.isotope,  .isotope .isotope-item {

-webkit-transition-duration:.8s;

-moz-transition-duration:.8s;

-ms-transition-duration:.8s;

-o-transition-duration:.8s;

transition-duration:.8s

}

.isotope {

  -webkit-transition-property:height, width;

  -moz-transition-property:height, width;

  -ms-transition-property:height, width;

  -o-transition-property:height, width;

  transition-property:height, width

}

.isotope .isotope-item {

  -webkit-transition-property:-webkit-transform, opacity;

  -moz-transition-property:-moz-transform, opacity;

  -ms-transition-property:-ms-transform, opacity;

  -o-transition-property:-o-transform, opacity;

  transition-property:transform, opacity

}

.isotope.no-transition,  .isotope.no-transition .isotope-item,  .isotope .isotope-item.no-transition {

  -webkit-transition-duration:0;

  -moz-transition-duration:0;

  -ms-transition-duration:0;

  -o-transition-duration:0;

  transition-duration:0

}

.isotope.infinite-scrolling {

  -webkit-transition:none;

  -moz-transition:none;

  -ms-transition:none;

  -o-transition:none;

  transition:none

}

#infscr-loading {

  position:absolute;

  text-align:center;

  bottom:10px;

  left:50%;

  margin-left:-80px;

  width:160px;

  z-index:100;

  padding:20px;

  color:#222;

  font-size:15px;

  -webkit-border-radius:10px;

  -moz-border-radius:10px;

  border-radius:10px;

  bottom:0

}

#infscr-loading img {

  margin-bottom:5px

}

.pin-container {

  padding:0;

  margin:0 7px 0 8px

}

.elements {

  margin:10px;

  float:left;

  width:222px

}

.elements.expanded {

  width:100%;

  z-index:8;

  margin:0

}

.card-expanded {

  padding:0

}

.corner-stamp {

  float:right;

  width:222px;

  margin:10px

}

.pintile-boxes .panel {

  padding:0

}

.card-expanded .elements footer {

  padding-bottom:10px !important

}

.elements .panel,  .corner-stamp .panel {

  margin:0;

  color:555;

  -moz-box-shadow:0 0 4px #aaa;

  -webkit-box-shadow:0 0 4px #aaa;

  box-shadow:0 0 4px #aaa

}

.elements .panel:hover,  .corner-stamp .panel:hover {

  margin:0;

  color:333;

  -moz-box-shadow:0 0 8px #aaa;

  -webkit-box-shadow:0 0 8px #aaa;

  box-shadow:0 0 8px #aaa

}

.elements .panel .elm-content-area,  .corner-stamp .panel .elm-content-area {

  -moz-opacity:.7;

  -khtml-opacity:.7;

  opacity:.7;

moz-transition:opacity .3s ease-in;

-o-transition:opacity .3s ease-in;

transition:opacity .3s ease-in;

  -webkit-transition-property:color, opacity;

-webkit-transition-duration:.3s, 0.3s

}

.elements .panel:hover .elm-content-area,  .corner-stamp .panel:hover .elm-content-area {

  -moz-opacity:1;

  -khtml-opacity:1;

  opacity:1;

moz-transition:opacity .3s ease-in;

-o-transition:opacity .3s ease-in;

transition:opacity .3s ease-in;

  -webkit-transition-property:color, opacity;

-webkit-transition-duration:.3s, 0.3s

}

.pintile-boxes {

  padding-bottom:0;

  padding-top:20px

}

#options {

  padding:20px 0 30px

}

.pin-container .panel {

  padding:0;

  margin-bottom:0

}

.elm-content-area {

  padding:15px 15px 0 15px;

  color:#666

}

.elm-content-area p {

  font-size:13px

}

.elm-content-area h6 {

  margin-top:0;

  font-size:15px;

  line-height:1.3

}

.elm-content-area p strong {

  color:#333

}

.corner-stamp header,  .elements.social-hd header {

  padding:10px 15px

}

.elements.social-hd header.img-hd {

  padding:0

}

.elements header h6,  .elements header p,  .elements header h5,  .corner-stamp header h6,  .corner-stamp header p,  .corner-stamp header h5,  .elm-rates-list h4,  .elm-rates-list p {

  margin:0

}

.elements header h5 {

  font-weight: 400;

}

.elements header.icon-in {

  padding-left:52px;

  min-height:33px

}

.elements footer .icon-in {

  padding-left:20px;

  min-height:16px;

  margin-top:4px;

  line-height:16px

}

.elements header p {

  font-size:10px;

  color:#999

}

.icon-in .em-icon,  .icon-in .ft-icon {

  position:absolute

}

.icon-in .em-icon,  .icon-in .ft-icon,  .icon-only,  #filters li a span {

  background-image:url(https://www.sc.com/global/assets/global/images/page/iconlib_small.png);

  background-repeat:no-repeat

}

.elements header.icon-in .em-icon {

  width:32px;

  height:32px;

  left:15px

}

.elements header.icon-in .fb {

  background-position:-71px -30px

}

.elements header.icon-in .tw {

  background-position:-71px -64px

}

.elements footer,  .corner-stamp footer {

  background:#f4f9fa;

  padding:8px 15px 5px 15px;

  position:relative

}

.elements footer .pin-fb-like {

  position:absolute !important

}

.corner-stamp footer {

  margin-top:12px !important

}

.corner-stamp footer span {

  font-size:12px

}

.elements footer a {

  display:inline-block;

  font-size:11px;

  color:#555

}

.elements footer a.block-link {

  display:block;

  font-size:13px;

  line-height:1em;

  padding-top:3px

}

.elements footer a:hover {

  color:#000

}

.elements footer .icon-in .ft-icon {

  top:4px;

  width:16px;

  height:16px;

  left:0

}

.elements footer .icon-in .like {

  background-position:-7px -70px

}

.elements footer .icon-in .follow {

  background-position:-28px -69px

}

.elements.social-hd hr {

  margin:0 15px

}

.icon-only span {

  display:none

}

.read-more-big {

  top:10px;

  width:24px;

  height:24px;

  left:15px;

  background-position:-7px -96px

}

ul.elm-rates-list {

  margin:0

}

.elm-rates-list li {

  list-style:none;

  margin-top:7px;

  border-top:1px solid #eee;

  padding-top:7px

}

.elm-rates-list li:first-child {

  border:0 none;

  padding-top:0

}

.elm-rates-list h4 {

  font-weight: 400;

  color:#29ad48

}

.elm-rates-list p {

  font-size:11px;

  color:#777

}

.corner-stamp .elm-content-area {

  padding-top:0

}

.credit-card-select .button {

  padding:10px 24px

}

.credit-card-select header {

  text-align:center

}

.credit-card-select header a.expand {

  display:none;

  position:absolute;

  right:25px;

  top:10px

}

.credit-card-select header:hover a.expand {

  display:block

}

.elm-content-area h5 {

  margin-top:0;

  text-align:center

}

.block-boxes-iso {

  padding:50px 0

}

.elm-content-area ul li {

  font-size:12px

}

.credit-card-select p {

  text-align:center

}

.credit-card-select ul {

  display:none

}

.credit-card-select h5,  .credit-card-select aside {

  text-align:center

}

.credit-card-select h5 {

  font-size:15px

}

.credit-card-select.expanded h5 {

  height:auto

}

.credit-card-select.expanded .panel {

  padding-top:30px

}

.credit-card-select.expanded .elm-content-area {

  padding:0

}

.credit-card-select p,  .credit-card-select h5 {

  margin-bottom:6px

}

.credit-card-select.expanded p,  .credit-card-select.expanded h5 {

  text-align:left

}

.credit-card-select.expanded ul {

  display:block

}

.credit-card-select footer {

  margin-top:12px !important

}

.credit-card-select {

  position:relative

}

.credit-card-select.expanded header {

  padding:0 33px

}

.credit-card-select .panel {

  padding:20px 0 0

}

.credit-card-select .elm-content-area {

  padding:10px 33px

}

.debit-card-select .elm-content-area,  .credit-card-select .elm-content-area {

  height:170px

}

.credit-card-select a.button {

  width:144px;

  margin:4px auto;

  display:block

}

.credit-card-select.expanded a.button {

  margin-top:10px

}

.credit-card-select.expanded a.view-card-details {

  display:block

}

.select-card-holder .close {

  background:url(https://www.sc.com/global/assets/global/images/page/small-close.png) no-repeat;

  display:block;

  width:20px;

  height:20px;

  position:absolute;

  z-index:2;

  left:0;

  margin-left:-8px;

  top:0;

  overflow:hidden;

  text-indent:-999em

}

.credit-card-select .compare,  #card-scroll ul li .compare {

  display:inline-block;

  position:relative;

  padding-left:20px;

  font-size:12px;

  text-decoration:none;

  line-height:12px;

  height:12px;

  color:#000;

  color:#616161;

  margin:6px

}

#card-scroll ul li .compare {

  font-size:11px

}

.credit-card-select .compare:after,  #card-scroll ul li .compare:after {

  background:none repeat scroll 0 0 #999;

  content:"";

  height:15px;

  left:0;

  margin-top:-2px;

  overflow:hidden;

  position:absolute;

  top:0;

  width:15px

}

.credit-card-select .compare-on:after,  #card-scroll ul li .compare-on:after {

  background:url(https://www.sc.com/global/assets/global/images/page/green-select-card.png) no-repeat center center

}

.credit-card-select .expand {

  position:relative;

  text-indent:-999em;

  display:block;

  overflow:hidden;

  width:100%;

  height:100%

}

.credit-card-select .expand:after {

  width:24px;

  height:25px;

  background:url(https://www.sc.com/global/assets/global/images/page/expand.png) 0 0 no-repeat;

  content:"";

  display:block;

  position:absolute;

  top:0;

  right:0

}

.credit-card-select.expanded .expand:after {

  background-position:bottom left

}

.select-card-holder ul li img {

  float:left;

  margin:9px 10px 0 0;

  width:60px

}

.select-card-holder ul {

  list-style:none

}

.select-card-holder ul li {

  padding:5px 40px 5px 10px;

  position:relative

}

.select-card-holder ul li a {

  background:url("https://www.sc.com/global/assets/global/images/page/small-close.png") no-repeat scroll 0 0 transparent;

  display:block;

  height:20px;

  position:absolute;

  right:8px;

  top:6px;

  width:20px;

  white-space:nowrap

}

#selectedcardlist_stat {

  cursor:pointer;

  position:relative

}

#selectedcardlist_stat:after {

  background:url("https://www.sc.com/global/assets/global/images/page/green-arrow-tb.png") no-repeat scroll 0 0 transparent;

  content:"";

  height:14px;

  position:absolute;

  right:10px;

  top:9px;

  width:14px

}

#selectedcardlist_stat.active:after {

  background-position:0 -35px

}

.select-card-holder .button {

  margin-top:5px

}

.selected-cards-dropdown {

  position:relative;

  height:1px;

  overflow:visible

}

.selected-cards-dropdown ul {

  background:none repeat scroll 0 0 #fff;

  bottom:38px;

  max-height:160px;

  margin-bottom:0;

  overflow:auto;

  position:absolute;

  right:0;

  z-index:30;

  -moz-box-shadow:0 -5px 12px -6px #aaa;

  -webkit-box-shadow:0 -5px 12px -6px #aaa;

  box-shadow:0 -5px 12px -6px #aaa

}

#filtertags {

  overflow:visible

}

.more-tags {

  position:relative;

  float:left

}

a.more-link {

  -webkit-border-radius:5px 5px 0 0;

  -moz-border-radius:5px 5px 0 0;

  -ms-border-radius:5px 5px 0 0;

  -o-border-radius:5px 5px 0 0;

  border-radius:5px 5px 0 0;

  position:relative;

  z-index:2;

  font-size:12px;

  color:#666;

  padding:4px 14px

}

.filter a.more-link {

  display:block;

  float:left

}

.more-tags.active-more a.more-link {

  -moz-box-shadow:0 -5px 12px -6px #aaa;

  -webkit-box-shadow:0 -5px 12px -6px #aaa;

  box-shadow:0 -5px 12px -6px #aaa

}

dl.sub-nav dd div {

  display:none

}

dl.sub-nav dd.active div {

  display:block

}

.share-drop {

  float:right

}

.more-items {

  position:absolute;

  top:20px;

  padding:12px;

  width:200px;

  background:#fff;

  z-index:11;

  -moz-box-shadow:0 2px 2px 0 #ccc;

  -webkit-box-shadow:0 2px 2px 0 #ccc;

  box-shadow:0 2px 2px 0 #ccc

}

#filtertags a {

  cursor:pointer

}

@media only screen and (min-width:768px) {

#megaNav .flyout.large {

width:100%

}

#megaNav.nav-bar>li.has-flyout {

position:inherit

}

#megaNav.nav-bar>li.has-flyout .flyout-toggle {

display:none !important

}

.sticky .brand-header {

height:50px

}

.brand-header .nav-bar>li>a:first-child {

border-bottom:4px solid #fff;

padding:27px 0 17px;

margin:0 13px

}

.brand-header .nav-bar>li:first-child>a:first-child {

margin-left:22px

}

.sme-nav .brand-header .nav-bar>li>a:first-child {

padding-bottom:15px

}

.footer-links .three:after {

display:block;

height:138px;

width:2px;

content:"";

position:absolute;

left:0;

top:0;

margin-left:-25px;

background:url("https://www.sc.com/global/assets/global/images/page/footer-divider2.png") no-repeat scroll 0 0 transparent

}

}

@media only screen and (max-width:359px) {

.pin-fixed-corner {

margin:0 !important

}

.select-card-holder .button {

margin-top:1px;

padding:7px 7px 8px

}

.pin-container {

margin:0 1px

}

#pinboard .elements header {

height:55px;

left:10px;

overflow:hidden;

position:absolute;

top:10px;

width:75px

} {

width:80px

}

.reveal-modal .elements header img {

width:auto

}

.reveal-modal .elements header {

width:100%;

height:auto;

position:relative;

top:0;

left:0

}

.elements .panel,  .corner-stamp .panel,  .elements,  .corner-stamp {

width:280px;

position:relative

}

.elements .panel .elm-content-area p {

display:none

}

.fixed-style-no-img .panel .elm-content-area p,  .social-hd .panel .elm-content-area p {

display:block

}

.fixed-style-no-img {

float:right !important;

z-index:9 !important

}

#pinboard .elements .panel .elm-content-area {

padding-left:92px;

padding-top:10px;

min-height:75px;

padding-right:40px

}

.reveal-modal .elements .panel .elm-content-area {

padding:10px

}

.reveal-modal .credit-card-select aside {

text-align:center;

display:block;

margin-bottom:25px;

margin-top:10px

}

.reveal-modal .elements .panel {

width:auto

}

.fixed-style-no-img .panel .elm-content-area {

padding-left:15px

}

.elements .panel {

margin-top:0

}

.elements footer {

position:absolute;

right:0;

top:0;

padding:10px 5px

}

.credit-card-select footer {

position:relative

}

.elements hr {

display:none

}

.social-hd header h6 {

display:none

}

.elements header.icon-in,  .corner-stamp header.icon-in {

padding-left:60px;

padding-bottom:0

}

.social-hd .panel .elm-content-area {

padding-top:10px

}

.elm-content-area {

padding-bottom:12px

}

.elements header.icon-in .em-icon {

height:19px;

left:0;

width:18px;

bottom:0

}

.elements header p {

position:absolute;

left:0;

top:0

}

.elements header.icon-in .fb {

background-position:-91px -99px

}

.elements header.icon-in .tw {

background-position:-71px -99px

}

.social-hd .panel .elm-content-area p {

display:none

}

.social-hd .panel .elm-content-area p:first-child {

display:block

}

.panel .elm-content-area h6,  .panel .elm-content-area p {

color:#555

}

}

@media only screen and (max-width:640px) {

.corner-stamp {

display:block;

float:left

}

.pin-fixed-corner {

margin:0 7px 0 8px

}

.pin-container .corner-stamp {

display:none !important

}

}

@media only screen and (max-width:767px) {

.pin-container .corner-stamp {

display:none !important

}

.corner-stamp {

display:block;

float:left

}

.pin-fixed-corner {

margin:0 7px 0 8px

}

}

@media only screen and (max-width:479px) {

.corner-stamp {

display:block;

float:left

}

.pin-fixed-corner {

margin:0 7px 0 8px

}

.mast-sub-header h2 {

font-size:26px

}

}

@media only screen and (max-width:799px) and (min-width:768px) {

.pin-container {

margin:0 4px 0 5px

}

.brand-header .nav-bar>li>a:first-child {

margin-left:12px;

margin-right:8px;

padding-bottom:22px

}

.brand-header {

height:70px

}

}

@media only screen and (max-width:899px) and (min-width:800px) {

#utilityNav {

margin-right:120px !important

}

.pin-container {

margin:0 20px 0 21px

}

.brand-header .nav-bar>li>a:first-child {

margin-left:16px;

margin-right:12px;

padding-bottom:22px

}

.brand-header {

height:70px

}

}

@media only screen and (max-width:979px) and (min-width:900px) {

.pin-container {

margin:0 70px 0 71px

}

.brand-header .nav-bar>li>a:first-child {

margin-left:12px;

margin-right:11px

}

}

@media only screen and (max-width:1023px) and (min-width:980px) {

.pin-container {

margin:0 1px 0 2px

}

.corner-stamp,  .elements {

margin:7px

}

.brand-header .nav-bar>li>a:first-child {

margin-left:10px;

margin-right:10px

}

}

@media only screen and (min-width:1023px) {

.button.medium {

font-size:14px;

padding:12px 47px 13px

}

#rewards .button.medium {

font-size:14px;

padding:14px 20px 17px

}

}

.incompatibility-message,  .no-js-message,  .compatibility-view-message {

  font-size:1em;

  line-height:1.2em;

  padding:5px;

  border:3px solid #f20;

  color:#f6eaea;

  background:red

}

.incompatibility-message a,  .no-js-message a,  .compatibility-view-message a {

  color:#fff

}

.compatibility-view-message {

  display:none

}

.bc-block {

  background:url(https://www.sc.com/global/assets/global/images/page/bc-back.jpg) repeat-x

}

ul.breadcrumbs li {

  background:url(https://www.sc.com/global/assets/global/images/page/bc-arrow.png) no-repeat right top

}

ul.breadcrumbs li.current {

  background:0;

  padding-right:0

}

ul.breadcrumbs li.home a {

  background:url("https://www.sc.com/global/assets/global/images/page/bc-scb.png") no-repeat scroll 3px 5px transparent;

  text-indent:-99px;

  width:24px

}

.legacy .header {

  position:relative;

  background:#383838;

  z-index:101

}

.brand-header {

  position:relative

}

.legacy .header .bg-menu, .legacy  .header {

  height:50px

}

.header .bg-menu {

  position:absolute;

  right:0;

  width:100%;

  z-index:1

}

#header {

  height:50px;

  overflow:visible;

  z-index:2

}

[role="main"] .container,

#wrapper .container {

  position:relative

}

.bg-menu {

  background:url(https://www.sc.com/global/assets/global/images/page/top-menu1-item-bg.gif) repeat-x

}

.sidebar-button {

  padding:0 8px 5px 0;

  display:block;

  float:left

}

.icon-text span {

  display:none

}

#searchbar-404 {

  margin-bottom:10px

}

#header .searchbar-top .button,  #header .searchbar-top input {

  background-color:#484848;

  border-color:#545454

}

#searchbar-404 .button {

  -moz-box-shadow:inset 0 1px 2px #ccc;

  -webkit-box-shadow:inset 0 1px 2px #ccc;

  box-shadow:inset 0 1px 2px #ccc

}

.searchbar-top input#search-box,  input#search-box-404 {

  margin-bottom:0;

  -webkit-border-radius:1000px;

  -moz-border-radius:1000px;

  -ms-border-radius:1000px;

  -o-border-radius:1000px;

  border-radius:1000px

}

.searchbar-top {

  position:absolute;

  right:70px;

  padding:8px

}

#searchbar-card {

  width:100px;

  height:40px;

  z-index:10

}

#searchbar-card.searchbar-top {

  top:0;

  padding:2px 8px;

  right:0

}

#searchbar-card .search-card {

  -webkit-border-radius:1000px;

  -moz-border-radius:1000px;

  -ms-border-radius:1000px;

  -o-border-radius:1000px;

  border-radius:1000px;

  background:#fff url(https://www.sc.com/global/assets/global/images/page/search-icon.png) 58px center no-repeat;

  margin-bottom:0;

  right:0;

  position:absolute;

  top:0

}

#searchbar-card .search-card.sbox-off {

  background-position:170px center;

  width:200px

}

.compare #searchbar-card {

  display:none

}

.filters-with-search {

  position:relative;

  padding:10px 0 8px 0

}

.search-off {

  z-index:99

}

#header .another-btn-mob {

  display:none

}

.search-on {

  right:70px

}

.footer-block {

  background:#3c3c3c

}

.footer-block .row {

  padding:45px 0 45px 0;

  background:url(https://www.sc.com/global/assets/global/images/page/footer-bg-colours.gif) no-repeat left top

}

.footer-block h6 {

  color:#fff;

  margin-top:0

}

.footer-block li {

  line-height:16px

}

.footer-block li>a {

  display:block;

  margin-bottom:5px;

  color:#ccc;

  font-size:12px

}

.footer-block li>a:hover {

  color:#fff

}

.footer-block a.external-link {

  padding-left:14px

}

.footer-block a.external-link:hover {

  background:url(https://www.sc.com/global/assets/global/images/page/double-arrow-grey.png) no-repeat scroll 0 4px

}

div.back-to-top a {

  background:url(https://www.sc.com/global/assets/global/images/page/back-to-top.png) no-repeat scroll 0 0 transparent;

  color:#000;

  float:right;

  height:40px;

  margin:0 1x 0 0;

  overflow:hidden;

  position:relative;

  text-indent:-999em;

  top:-41px;

  width:50px

}

div.back-to-top>div {

  margin:0 auto;

  max-width:1600px;

  width:100%

}

div.back-to-top {

  bottom:0;

  height:1px;

  position:fixed;

  width:100%;

  z-index:200

}

h5.primary {

  color:#29ad48

}

.opacity .back-to-top {

  opacity:1;

  -webkit-transition:opacity 700ms linear;

  -moz-transition:opacity 700ms linear;

  transition:opacity 700ms linear

}

.opacity .back-to-top.hidden {

  opacity:0

}

.no-opacity .back-to-top.hidden {

  display:none

}

.icon-sections {

  margin-bottom:60px

}

.summary-with-icon h6 {

  position:relative;

  line-height:40px;

  margin-bottom:5px

}

.inpage-content .summary-with-icon h6,  .inpage-content .summary-with-icon p {

  padding-left:40px

}

.summary-with-icon h6 span {

  position:absolute;

  top:50%;

  margin-top:-19px;

  left:0

}

.ft-text-nav {

  position:absolute;

  left:0;

  bottom:0;

  height:52px;

  background:#ddd

}

.ft-text-nav p {

  font-size:14px;

  line-height:16px;

  padding:10px

}

.ft-text-nav p a {

  color:#29ad48

}

.ft-text-nav p a:hover {

  color:#000

}

.flyout.country-box {

  padding-bottom:62px

}

.featured-select {

  position:absolute;

  right:38px;

  top:12px;

  background:url("https://www.sc.com/global/assets/global/images/page/top-menu-divider.gif") no-repeat scroll right center;

  padding-top:3px

}

.featured-home {

  background-position:-44px -27px

}

.header .nav-bar {

  float:left;

  margin-bottom:0

}

.nav-bar>li>a:first-child {

  padding:0 10px

}

.nav-bar>li>a:first-child {

  background:#383838 url(https://www.sc.com/global/assets/global/images/page/top-menu-divider.gif) right center no-repeat

}

#universalNav.nav-bar>li>a:first-child {

  font-size:13px;

  padding:0

}

#universalNav.nav-bar>li>a:first-child em {

  font-style:normal

}

#universalNav.nav-bar>li>a:first-child i {

  font-style:normal;

  display:none

}

.universal-black #universalNav.nav-bar>li>a:first-child {

  background:transparent

}

#universalNav.nav-bar>li {

  text-transform:uppercase

}

.nav-bar>li:hover>a:first-child {

  color:#fff

}

#universalNav.nav-bar>li:hover>a:first-child {

  color:#38d232

}

#universalNav.nav-bar>li.active:hover {

  background:0

}

.brand-header .nav-bar {

  margin-bottom:0;

  margin-top:0

}

.brand-header .nav-bar>li>a:first-child {

  background:#fff

}

.brand-header .nav-bar>li>a {

  padding:0

}

.brand-header .nav-bar>li>a>h3 {

  font-size:16px;

  color:#222;

  margin:0

}

.brand-header .nav-bar>li>a>summary {

  font-size:12px;

  color:#aaa;

  display:block;

  line-height:12px;

  margin-top:3px

}

.brand-header .nav-bar>li {

  line-height:22px

}

.sticky .brand-header .nav-bar>li>a:first-child {

  padding-top:18px

}

.brand-header .nav-bar>li>a:hover>h3,  .brand-header .nav-bar>li.active>a>h3,  .brand-header .nav-bar>li:hover>a>h3 {

  color:#29ad48

}

.brand-header .nav-bar>li>a:hover>small {

  color:#666

}

#utilityNav.nav-bar>li>a:first-child b {

  display:none

}

.cap-left {

  text-transform:uppercase

}

.inlevel-menu-block .row {

  overflow:visible

}

.nav-bar li .sub-menu-article li a {

  display:inline-block;

  box-shadow:none;

  background:0;

  border:0 none;

  margin-left:10

}

.nav-bar li ul.category-blocks .text-link li a:first-child,  .nav-bar li .cat-in-blocks .text-link li a:first-child {

  margin-left:0

}

.nav-bar li ul.category-blocks .text-link li a:first-child span {

  color:#999;

  display:inline-block;

  margin-top:2px

}

.inline-links a {

  display:inline-block !important

}

ul.category-blocks li,  .cat-in-blocks li,  .other-cat li {

  border:0 none !important

}

.other-cat li a {

  padding:6px 12px !important

}

.mega-bar-extra article.txt-block {

  padding-top:12px

}

#megaNav .text-link li {

  line-height:15px;

  margin-bottom:5px

}

.button.small.pad-small {

  padding-left:10px;

  padding-right:10px

}

#megaNav .credit-cards article h5 {

  margin-bottom:10px

}

#megaNav article h6 {

  margin-top:0

}

#megaNav article.cat-in-blocks ul {

  margin-left:0

}

#megaNav h4 {

  font-size:16px;

  margin-bottom:5px

}

.mega-icon,  .mega-icon-a a {

  padding-left:42px;

  min-height:30px;

  line-height:20px;

  padding-top:6px;

  display:block;

  position:relative

}

.sub-menu-article li a {

  padding:3px 0

}

.mega-icon:after,  .mega-icon-a a:after {

  content:"";

  position:absolute;

  width:37px;

  height:25px;

  left:0;

  top:0;

  background:url(https://www.sc.com/global/assets/global/images/page/meganav-icons.png) no-repeat;

  display:block

}

.mega-icon.other-banking-solutions {

  padding-left:0

}

.sub-menu-article .subheader:first-child {

  margin-top:-2px

}

.your-wants:after {

  background-position:0 0

}

.day-to-day-banking:after {

  background-position:0 -35px

}

.ways-to-bank:after {

  background-position:0 -70px

}

.our-card-solutions:after {

  background-position:0 -105px

}

.benefits-on-your-cards:after {

  background-position:0 -140px

}

.help-center:after {

  background-position:0 -1011px

}

.save-manage-money:after {

  background-position:0 -210px

}

.debit-cards:after {

  background-position:0 -245px

}

.pick-credit-cards:after{

  background-position:0 -104px

}

.cardholder-services:after{

  background-position:0 -627px

}

.card-security:after{

  background-position:0 -663px

}

.personal-loans:after {

  background-position:0 -280px

}

.overdraft:after {

  background-position:0 -350px

}

.mortgage-and-home-loans:after {

  background-position:0 -315px

}

.home-and-property-loans:after{

  background-position: 0px -1040px;

    height: 30px;

}



.ecs a:after {

  background-position:0 -382px

}

.equity-solutions:after {

  background-position:0 -420px

}

.fixed-income-solutions:after {

  background-position:0 -525px

}

.liquidity-solutions:after {

  background-position:0 -455px

}

.alternate-solutions:after {

  background-position:0 -489px

}

.advisory-research:after {

  background-position:0 -560px

}

.life-insurance:after {

  background-position:0 -630px

}

.loan-protection a:after {

  background-position:0 -663px

}

.home-insurance:after {

  background-position:0 -700px

}

.health-accident:after {

  background-position:0 -735px

}

.business-insurance:after {

  background-position:0 -770px

}

.online-banking a:after {

  background-position:0 -805px

}

.breeze-mobile a:after {

  background-position:0 -838px

}

.mega-icon-a.work-bench a:after {

    background-position: 6px -1074px;

    height: 30px;

}

.sms-mobile a:after {

  background-position:0 -872px

}

.atms a:after {

  background-position:0 -910px

}

.branches a:after {

  background-position:0 -945px

}

.phone-banking a:after {

  background-position:0 -980px

}

#mainNav {

  background:#fff;

  width: 100%;

  z-index: 100;

}

#megaNav hr {

  margin-bottom:15px

}

#megaNav .sub-menu-article ul {

  margin-left:30px;

  margin-bottom:15px

}

#megaNav .sub-menu-article ul.obs {

  margin-left:0;

  padding-top:5px

}

#megaNav .sub-menu-article h4 {

  padding-left:42px

}

#megaNav .sub-menu-article.big-text {

  margin-top:-3px

}

#megaNav article {

  margin-bottom:0;

  margin-left:20px

}

.other-banking-solutions {

  margin-left:20px

}

#megaNav article:last-child {

  margin-bottom:0

}

#megaNav .category-blocks.large-icons article {

  padding-left:44px

}

#megaNav .category-blocks.small-icons article {

  padding-left:25px

}

#megaNav .category-blocks .no-icons article {

  padding-left:0

}

#megaNav .category-blocks article.non-cat-block {

  padding-left:0

}

.sme-ways {

  margin:10px 30px

}

#megaNav h5 {

  font-size:14px;

  margin-bottom:4px;

  margin-top:0

}

#megaNav p {

  margin:0;

  margin-bottom:0;

  font-size:12px;

  color:#999

}

#megaNav .sub-menu-article p {

  margin-left:42px;

  margin-bottom:10px;

  font-size:13px

}

#megaNav .disclaimer-note p {

  font-size:10px

}

#megaNav.nav-bar>li.has-flyout>a:first-child:after {

  border-bottom:8px solid #f2f2f2;

  border-left:8px solid transparent;

  border-right:8px solid transparent;

  bottom:0;

  content:"";

  display:none;

  height:0;

  margin-bottom:-4px;

  position:absolute;

  right:50%;

  width:0

}

.other-cat ul {

  margin:0;

  padding:10px 3px

}

#megaNav .sub-menu-article h3 {

  font-size:20px;

  margin-bottom:3px

}

.other-cat li a {

  margin-bottom:2px !important;

  border:1px solid #eaeaea !important;

  background:#fcfcfc !important;

  display:block

}

#utilityNav {

  margin-bottom:0;

moz-transition:opacity .3s ease-in;

-o-transition:opacity .3s ease-in;

transition:opacity .3s ease-in;

  -webkit-transition-property:color, opacity;

-webkit-transition-duration:.3s, 0.3s

}

#utilityNav.nav-on {

  -ms-filter:"alpha(opacity=100)";

  filter:alpha(opacity=100);

  -moz-opacity:1;

  -khtml-opacity:1;

  opacity:1

}

#utilityNav.nav-off {

  -ms-filter:"alpha(opacity=0)";

  filter:alpha(opacity=0);

  -moz-opacity:0;

  -khtml-opacity:0;

  opacity:0

}

.other-cat li a:hover {

  background:#29ad48 !important;

  color:#fff !important

}

.category-blocks article {

  position:relative;

  background:0

}

.category-blocks article.icon-small h6 a,  .category-blocks article.large h6 a {

  display:block;

  padding-bottom:5px;

  padding-top:3px

}

.category-blocks article h6 a:after {

  -ms-filter:"alpha(opacity=50)";

  filter:alpha(opacity=50);

  -moz-opacity:.5;

  -khtml-opacity:.5;

  opacity:.5

}

.category-blocks article:hover h6 a:after {

  -ms-filter:"alpha(opacity=100)";

  filter:alpha(opacity=100);

  -moz-opacity:1;

  -khtml-opacity:1;

  opacity:1;

moz-transition:opacity .3s ease-in;

-o-transition:opacity .3s ease-in;

transition:opacity .3s ease-in;

  -webkit-transition-property:color, opacity;

-webkit-transition-duration:.3s, 0.3s

}

.mega-bar-extra {

  padding-bottom:60px

}

.mega-bar-cutter {

  background:#f2f2f2;

  bottom:0;

  left:0;

  margin:0;

  position:absolute

}

.mega-bar-cutter article {

  padding:7px;

  font-size:11px;

  line-height:14px;

  color:#666

}

.mega-bar-cutter a {

  position:relative;

  display:block;

  padding-left:30px;

  font-size:12px;

  color:#999;

  line-height:16px

}

.mega-bar-cutter a:hover {

  color:#777

}

.rewards-360 {

  position:relative;

  padding:20px 0 20px 50px

}

.new-way li.active,  .new-way #ways-to-bank-tabs.tabs dd {

  border:0 none !important

}

.new-way #ways-to-bank-tabs.tabs dd a {

  box-shadow:none;

  border:0 none !important;

  background:0;

  color:#999;

  position:relative;

  font-size:14px;

  padding:0 10px 0 22px

}

.new-way #ways-to-bank-tabs.tabs.vertical dd a {

  padding:26px 0 26px 36px;

  font-size:16px

}

#ways-to-bank-tabs.tabs dd.active {

  margin-top:0

}

.new-way #ways-to-bank-tabs.tabs dd a strong {

  display:block;

  position:absolute;

  width:17px;

  height:17px;

  top:50%;

  background:url(https://www.sc.com/global/assets/global/images/page/iconlib_small.png) no-repeat -30px -169px;

  left:0;

  margin-top:-7px

}

.new-way #ways-to-bank-tabs.tabs.vertical dd a strong {

  left:12px;

  margin-top:-9px

}

.new-way #ways-to-bank-tabs.tabs dd.active a strong {

  background-position:0 -169px

}

.new-way #ways-to-bank-tabs.tabs dd.active a,  .new-way #ways-to-bank-tabs.tabs dd a:active,  .new-way #ways-to-bank-tabs.tabs dd a:focus {

  font-weight: 400;

  color:#646464

}

.rewards-360 a {

  display:inline !important

}

.rewards-360 h3 span {

  display:none

}

.rewards-360 h3 {

  background:url("https://www.sc.com/global/assets/global/images/page/360-icon.gif") no-repeat scroll 0 0 transparent;

  height:62px;

  left:0;

  position:absolute;

  top:14px;

  width:90px

}

.rewards-360:hover h3 {

  background:url("https://www.sc.com/global/assets/global/images/page/360-icon-ec.gif") no-repeat scroll 0 0 transparent

}

.mega-bar-cutter a span {

  background:url("https://www.sc.com/global/assets/global/images/page/iconlib_small.png") no-repeat scroll -6px -126px transparent;

  display:block;

  height:26px;

  left:0;

  position:absolute;

  top:0;

  width:26px

}

#universalNav ul.flyout li a,  #utilityNav ul.flyout li a {

  background:0;

  border:0 none;

  box-shadow:none;

  font-size:12px;

  color:#cfcfcf;

  position:relative;

  padding:10px 10px 10px 22px;

  white-space:nowrap;

  display:block

}

#universalNav ul.flyout,  #utilityNav ul.flyout {

  -webkit-border-radius:3px;

  -moz-border-radius:3px;

  -ms-border-radius:3px;

  -o-border-radius:3px;

  border-radius:3px;

  border-color:#3f3f3f;

  background:#3f3f3f;

  padding:10px 0

}

#utilityNav ul.utility-action {

  padding-bottom:0

}

#utilityNav ul.utility-action li:last-child {

  -webkit-border-radius:0 0 3px 3px;

  -moz-border-radius:0 0 3px 3px;

  -ms-border-radius:0 0 3px 3px;

  -o-border-radius:0 0 3px 3px;

  border-radius:0 0 3px 3px;

  padding-bottom:3px;

  padding-top:5px;

  background:#515151

}

#utilityNav ul.flyout li.way-to-reach-us a:hover {

  background:#515151

}

.universal-black #universalNav ul.flyout:after,  .universal-black #utilityNav ul.flyout:after {

  left:28px;

  border-bottom-color:#3f3f3f

}

.universal-grey #universalNav ul.flyout:after,  .universal-grey #utilityNav ul.flyout:after {

  left:50%;

  margin-left:-8px;

  border-bottom-color:#FFF

}

#universalNav ul.flyout li a:after {

  content:"";

  display:none;

  width:0;

  height:0;

  border-top:5px solid transparent;

  border-bottom:5px solid transparent;

  border-left:5px solid #fff;

  left:10px;

  margin-right:0;

  margin-top:-4px;

  position:absolute;

  top:50%

}

#universalNav ul.flyout li:hover a:after {

  display:block

}

#universalNav ul.flyout li a:hover,  #utilityNav ul.flyout li a:hover {

  background:#313131;

  border-color:#313131;

  color:#29ad48

}

#utilityNav ul.flyout li a {

  position:relative;

  padding:8px 10px 11px 34px

}

#utilityNav ul.flyout li a span.icon-small {

  display:block;

  position:absolute;

  left:10px;

  top:7px;

  width:16px;

  height:16px;

  background-image:url(https://www.sc.com/global/assets/global/images/page/iconlib_small.png);

  background-repeat:no-repeat

}

#utilityNav ul.flyout li.no-icon a {

  padding-left:10px

}

.forms-docs a span.icon-small {

  background-position:-376px -10px

}

.faq a span.icon-small {

  background-position:-442px -10px

}

.application-status a span.icon-small {

  background-position:-409px -10px

}

.talk-to-us a span.icon-small {

  background-position:-507px -10px

}

.write-to-us a span.icon-small {

  background-position:-573px -10px

}

.chat a span.icon-small {

  background-position:-539px -10px

}

.e-appointment a span.icon-small {

  background-position:-475px -10px

}

.connect-with-us a span.icon-small {

  background-position:-606px -10px

}

.universal-grey .forms-docs a span.icon-small {

  background-position:-376px -70px

}

.universal-grey .faq a span.icon-small {

  background-position:-442px -70px

}

.universal-grey .application-status a span.icon-small {

  background-position:-409px -70px

}

.universal-grey .talk-to-us a span.icon-small {

  background-position:-507px -70px

}

.universal-grey .write-to-us a span.icon-small {

  background-position:-573px -70px

}

.universal-grey .chat a span.icon-small {

  background-position:-539px -70px

}

.universal-grey .e-appointment a span.icon-small {

  background-position:-475px -70px

}

.universal-grey .connect-with-us a span.icon-small {

  background-position:-606px -70px

}

.universal-grey .locate-us a span.icon-small {

  background-position:-667px -71px

}

.universal-grey .contact-me a span.icon-small {

  background-position:-635px -70px

}

.forms-docs a:hover span.icon-small {

  background-position:-376px -40px

}

.faq a:hover span.icon-small {

  background-position:-442px -40px

}

.application-status a:hover span.icon-small {

  background-position:-409px -40px

}

.talk-to-us a:hover span.icon-small {

  background-position:-507px -40px

}

.write-to-us a:hover span.icon-small {

  background-position:-573px -40px

}

.chat a:hover span.icon-small {

  background-position:-539px -40px

}

.e-appointment a:hover span.icon-small {

  background-position:-475px -40px

}

.connect-with-us a:hover span.icon-small {

  background-position:-606px -40px

}

.locate-us a:hover span.icon-small {

  background-position:-667px -40px

}

.contact-me a:hover span.icon-small {

  background-position:-635px -41px

}

.flyout .featured img {

  float:left;

  margin-right:15px

}

.featured h5 {

  margin-bottom:6px !important

}

.featured p {

  margin-bottom:12px !important

}

.flyout .right-card {

  padding:0 25px !important;

  text-align:center

}

.sub-menu-article ul {

  margin-left:0

}

#options a.back-to-top {

  color:#cfd5d9;

  font-size:11px

}

#options {

  margin-bottom:10px

}

.sticky .persist-header-on {

  position:relative

}

.persist-header-on {

  -moz-box-shadow:0 2px 2px #888;

  -webkit-box-shadow:0 2px 2px #888;

  box-shadow:0 2px 2px #888;

  z-index:5

}

.no-banner header.mast-sub-header {

  padding-top:70px

}

.no-banner header.mast-sub-header.stick-off {

  padding-top:0

}

.no-banner header.mast-sub-header h2 {

  margin-top:-25px

}

.no-banner header.mast-sub-header.stick-off dl {

  margin-bottom:0;

  margin-left:150px;

  margin-top:-12px

}

.no-banner header.mast-sub-header.stick-off dl dl {

  margin-left:-9px

}

.home-page .persist-header-on,  .product-landing .persist-header-on,  .sub-page .sticky .persist-header-on.nri-nav,  .stick-nav-generic .sticky .persist-header-on {

  -moz-box-shadow:0 2px 2px -1px #999;

  -webkit-box-shadow:0 2px 2px -1px #999;

  box-shadow:0 2px 2px -1px #999;

  z-index:100

}

.home-page .sticky .persist-header-on,  .product-landing .sticky .persist-header-on,  .sub-page .sticky .persist-header-on.nri-nav,  .stick-nav-generic .sticky .persist-header-on {

  position:fixed !important;

  left:0;

  top:0;

  width:100%;

  background:#fff;

  z-index:9999

}

.persist-header-on.sticky-nav {

  position:relative !important

}

.mast-sub-header.with-tagging {

  z-index:3 !important;

  position:relative

}

.pintile-boxes {

  z-index:2;

  position:relative;

  background:none repeat scroll 0 0 #f7f7f9

}

.mast-sub-header.stick-on {

  position:relative

}

.mast-sub-header.stick-off {

  width:100%;

  position:fixed;

  top:0;

  left:0;

  background:#fff

}

.stick-off {

  -moz-box-shadow:0 3px 3px -1px #999;

  -webkit-box-shadow:0 3px 3px -1px #999;

  box-shadow:0 3px 3px -1px #999

}

.select-card-holder {

  overflow:visible !important

}

.select-card-holder h5 {

  margin:0;

  padding:0

}

.select-card-holder h5 span {

  display:inline-block;

  padding:7px 40px 7px 7px

}

.select-card-holder.stick-off {

  top:134px

}

.mast-sub-header.stick-off h2,  .mast-sub-header.stick-off p {

  display:none

}

.mast-sub-header.stick-off h5,  .mast-sub-header dl,  .mast-sub-header dd {

  margin-bottom:5px

}

.mast-sub-header.stick-off h5 {

  padding-top:15px

}

.side-bar-inner article {

  margin-top:40px

}

.header.universal-grey,  .universal-grey .bg-menu {

  background:#f4f4f4;

  background:-webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#e0e0e0));

  background:-webkit-linear-gradient(top, #f4f4f4, #e0e0e0);

  background:-moz-linear-gradient(top, #f4f4f4, #e0e0e0);

  background:-ms-linear-gradient(top, #f4f4f4, #e0e0e0);

  background:-o-linear-gradient(top, #f4f4f4, #e0e0e0);

  background:linear-gradient(top, #f4f4f4, #e0e0e0)

}

.ua-ie .header.universal-grey,  .ua-ie .universal-grey .bg-menu {

  background:url(https://www.sc.com/global/assets/global/images/page/universal-grey-bg.png) repeat-x

}

.universal-grey .nav-bar>li>a:first-child,  .universal-grey .nav-bar>li.rmv-divider>a:first-child {

  background:transparent none

}

.universal-grey .nav-bar>li>a {

  color:#666

}

.universal-grey .nav-bar>li {

  padding:0 1px

}

.universal-grey .nav-bar>li.active>a,  .universal-grey .nav-bar>li>a:hover,  .universal-grey .nav-bar>li:hover>a {

  color:#000 !important

}

.universal-grey.non-arrowed .nav-bar>li.has-flyout:hover {

  background:#ccc

}

.universal-grey.non-arrowed .nav-bar>li.has-flyout:hover>a {

  background:#fff

}

.universal-grey .nav-bar>li a.flyout-toggle {

  background:transparent !important

}

.universal-grey #universalNav.nav-bar>li {

  margin-right:0

}

.universal-grey .featured-select {

  background:0

}

#universalNav.nav-bar>li>a:first-child {

  padding-left:7px;

  padding-right:7px

}

.universal-grey #universalNav.nav-bar>li:hover>a:first-child {

moz-transition:background .3s ease-in;

-o-transition:background .3s ease-in;

transition:background .3s ease-in;

  -webkit-transition-property:color, background;

-webkit-transition-duration:.3s, 0.3s

}

.universal-grey.non-arrowed #universalNav ul.flyout:after,  .universal-grey.non-arrowed #utilityNav ul.flyout:after {

  display:none

}

.universal-grey #universalNav ul.flyout,  .universal-grey #utilityNav ul.flyout {

  background:#fff;

  border:0 none;

  top:50px;

  border-color:#ccc;

  border-style:solid;

  border-width:0 1px 1px 1px

}

.universal-grey.arrowed #universalNav ul.flyout,  .universal-grey.arrowed #utilityNav ul.flyout {

  left:50%;

  margin-left:-90px;

  -webkit-border-radius:0 0 3px 3px;

  -moz-border-radius:0 0 3px 3px;

  -ms-border-radius:0 0 3px 3px;

  -o-border-radius:0 0 3px 3px;

  border-radius:0 0 3px 3px

}

.universal-grey #universalNav ul.flyout:after {

  left:20px;

  margin-left:0

}

.universal-grey.arrowed #universalNav ul.flyout {

  left:0;

  margin-left:0

}

.universal-grey.non-arrowed #universalNav ul.flyout,  .universal-grey.non-arrowed #utilityNav ul.flyout {

  left:0

}

.universal-grey #header .searchbar-top .button,  .universal-grey #header .searchbar-top input,  input#search-box-404,  #searchbar-404 .button {

  background-color:#f6f6f6;

  border-color:#ccc

}

.universal-grey #header .searchbar-top .button {

  -webkit-box-shadow:inset -2px 1px 2px rgba(0, 0, 0, 0.1);

  -moz-box-shadow:inset -2px 1px 2px rgba(0, 0, 0, 0.1);

  box-shadow:inset -2px 1px 2px rgba(0, 0, 0, 0.1)

}

.universal-grey #header .searchbar-top.search-off .button {

  -moz-box-shadow:5px 0 6px -3px rgba(54, 168, 223, 0.8);

  -webkit-box-shadow:5px 0 6px -3px rgba(54, 168, 223, 0.8);

  box-shadow:5px 0 6px -3px rgba(54, 168, 223, 0.8)

}

.universal-grey #universalNav ul.flyout li a,  .universal-grey #utilityNav ul.flyout li a {

  border-color:#ccc;

  color:#777

}

.universal-grey #universalNav ul.flyout li a:hover,  .universal-grey #utilityNav ul.flyout li a:hover {

  background-color:#e3e3e3;

  color:#000

}

.universal-grey #universalNav ul.flyout li a:after {

  border-left-color:#666

}

.universal-grey #utilityNav ul.utility-action li:last-child {

  background:#e3e3e3

}

.universal-grey .flyout.right {

  right:0

}

.universal-grey #utilityNav>li>a:first-child:after {

  content:"";

  height:20px;

  left:6px;

  position:absolute;

  top:14px;

  width:20px;

  background-image:url(https://www.sc.com/global/assets/global/images/page/iconlib_small.png);

  background-repeat:no-repeat

}

.universal-grey #utilityNav li.help-centre>a:first-child:after {

  background-position:-216px -163px

}

.universal-grey #utilityNav li.atm-branches>a:first-child:after {

  background-position:-249px -163px

}

.universal-grey #utilityNav li.contact-us>a:first-child:after {

  background-position:-285px -163px

}

#utilityNav {

  float:right;

  margin-right:180px

}

.universal-grey #utilityNav>li>a:first-child {

  padding-right:6px

}

.universal-grey #utilityNav li.help-centre>a:first-child:after {

  left:5px

}

.universal-grey #utilityNav li.atm-branches>a:first-child:after {

  left:5px

}

.universal-grey #utilityNav li.contact-us>a:first-child:after {

  left:7px

}

.universal-grey #utilityNav>li.help-centre>a:first-child {

  padding-left:27px

}

.universal-grey #utilityNav>li.atm-branches>a:first-child {

  padding-left:24px

}

.universal-grey #utilityNav>li.contact-us>a:first-child {

  padding-left:30px

}

h5.campaign-head {

  margin-top:0 !important

}

.single-footer-campaign-column {

  padding-top:30px

}

.inpage-content.shadow-block .single-footer-campaign-column p {

  font-size:10px;

  text-align:center

}

.alert-box.title-message {

  webkit-border-radius:0;

  -moz-border-radius:0;

  -ms-border-radius:0;

  -o-border-radius:0;

  border-radius:0;

  margin-bottom:0;

  padding:8px 28px 8px 8px

}

#loginBox h6 {

  text-transform:uppercase;

  font-size:12px;

  color:#5a5a5a;

  margin-top:0

}

#loginBox {

  position:absolute;

  top:82px;

  z-index:100

}

#loginBox .login-home {

  width:220px

}

#extendLogin,  .shadow-hold {

  background:#fff;

  -moz-box-shadow:0 3px 3px #666;

  -webkit-box-shadow:0 3px 3px #666;

  box-shadow:0 3px 3px #666

}

#extendLogin .login-wrapper {

  padding-top:0

}

#extendLogin h6 {

  margin-bottom:0

}

#extendLogin h6 a {

  padding-top:12px;

  padding-bottom:12px;

  position:relative;

  display:block;

  padding-left:30px;

  border-top:1px solid #dbdbdd

}

#extendLogin h6 {

  -ms-filter:"alpha(opacity=90)";

  filter:alpha(opacity=90);

  -moz-opacity:.9;

  -khtml-opacity:.9;

  opacity:.9;

moz-transition:opacity .3s linear;

-o-transition:opacity .3s linear;

transition:opacity .3s linear;

  -webkit-transition-property:color, opacity;

-webkit-transition-duration:.3s, 0.3s

}

#extendLogin h6:hover {

  -ms-filter:"alpha(opacity=100)";

  filter:alpha(opacity=1);

  -moz-opacity:1;

  -khtml-opacity:1;

  opacity:1

}

#extendLogin h6 a:after {

  position:absolute;

  left:10px;

  top:10px;

  content:"";

  display:block;

  width:18px;

  height:18px

}

#extendLogin h6 a.lock-ext:after {

  background:url(https://www.sc.com/global/assets/global/images/page/lock-green.png) no-repeat 0 0

}

#extendLogin h6:first-child a {

  border-top:0 none

}

#extendLogin h6 a.lock-ext:hover {

  color:#000

}

#miniLogin {

  -moz-box-shadow:none;

  -webkit-box-shadow:none;

  box-shadow:none

}

.page-sme #miniLogin {

  margin-top:2px

}

.home-page .inner-login {

  display:none

}

.home-page .login-home {

  display:block

}

.sub-page .inner-login {

  display:block

}

.sub-page .login-home {

  display:none

}

#loginBox .inner-login a,  #loginBox .inner-login {

  color:#fff;

  font-size:12px

}

.min-login-box a {

  display:inline-block;

  padding:3px 6px

}

a#initLogin {

  background:url("https://www.sc.com/global/assets/global/images/page/lock.png") no-repeat scroll 0 0 transparent;

  padding-left:20px !important;

  cursor:pointer

}

.login-wrapper {

  padding:12px

}

#miniLogin .login-wrapper {

  padding:6px 22px

}

.login-wrapper,  .login-wrapper p,  .login-wrapper form {

  margin-bottom:0

}

#loginBox form.custom div.custom.dropdown,  #loginBox form.custom div.custom.dropdown ul {

  width:100% !important

}

#loginBox form.custom div.custom.dropdown a.selector {

  background:#adb4b8

}

#loginBox form.custom div.custom.dropdown a.selector:after {

  border-top-color:#fff

}

form.custom div.custom.dropdown a.current {

  color:#ccc

}

.ua-chrome form.custom div.custom.dropdown a.selector {

  height:30px

}

form.custom div.custom.dropdown.open a.current {

  color:#333

}

.green-links {

  padding:3px 0;

  margin-top:2px

}

.green-links,  .green-txt,  .green-links a .green-dot,  .green-dot a {

  color:#26922c

}

.green-links a:hover {

  color:#000

}

.green-links-in a:not(.button) {

color:#26922c

}

.green-links-in a:not(.button):hover {

color:#000

}

#megaNav article.banner-block {

  margin-bottom:20px;

  text-align:center

}

#megaNav article.banner-block a.button {

  padding:5px 10px 7px;

  display:block;

  font-size:11px

}

.ex-small {

  font-size:11px

}

.links-to-page {

  background:url("https://www.sc.com/global/assets/global/images/page/more-ways-grey-bg.png") no-repeat scroll 90% center #ededee;

  border-top:1px solid #d8d8d8;

  color:#41ab3c;

  display:block;

  line-height:37px;

  padding:0 20px;

  text-decoration:none;

  text-transform:uppercase;

  font-size:12px

}

.links-to-page:hover {

  color:#000

}

#loginBox .inner-login .panel {

  background:#a7d3a2;

  -moz-box-shadow:inset 0 10px 10px -10px #647464;

  -webkit-box-shadow:inset 0 10px 10px -10px #647464;

  box-shadow:inset 0 10px 10px -10px #647464

}

#loginBox .inner-login .panel,  .sub-page #loginBox,  .sub-page .inner-login {

  webkit-border-radius:0 0 3px 3px;

  -moz-border-radius:0 0 3px 3px;

  -ms-border-radius:0 0 3px 3px;

  -o-border-radius:0 0 3px 3px;

  border-radius:0 0 3px 3px

}

.icon-small-in.share-icon:after {

  background-position:-146px -160px

}

.icon-small-in.refresh-icon:after {

  background-position:-174px -159px

}

.button.small.share-icon {

  position:relative;

  padding:6px 14px 6px 32px

}

.share-drop {

  position:relative

}

.share-drop .dropdown-content {

  padding:8px;

  width:286px;

  position:absolute;

  right:0;

  z-index:10;

  text-align:left;

  background:#fff;

  webkit-border-radius:3px px 0 3px 3px;

  -moz-border-radius:3px 0 3px 3px;

  -ms-border-radius:3px 0 3px 3px;

  -o-border-radius:3px 0 3px 3px;

  border-radius:3px 0 3px 3px;

  -moz-box-shadow:0 2px 2px 0 #ccc;

  -webkit-box-shadow:0 2px 2px 0 #ccc;

  box-shadow:0 2px 2px 0 #ccc;

  margin-top:-1px;

  top:28px

}

.social-share li a {

  display:block;

  position:relative;

  padding-left:20px

}

.social-share li a span {

  float:right;

  margin-top:4px

}

.social-share li a:after {

  background-image:url(https://www.sc.com/global/assets/global/images/page/social-icons.png);

  background-repeat:no-repeat;

  display:block;

  content:"";

  width:16px;

  height:16px;

  position:absolute;

  left:0;

  top:3px

}

.fb-share a:after {

  background-position:0 0

}

.tw-share a:after {

  background-position:-67px 0

}

.gp-share a:after {

  background-position:-134px 0

}

.fb-share:hover a:after {

  background-position:0 -31px

}

.tw-share:hover a:after {

  background-position:-67px -31px

}

.gp-share:hover a:after {

  background-position:-134px -31px

}

.active-drop .more-link {

  position:relative;

  z-index:11;

  -moz-box-shadow:0 -1px 2px 0 #ccc;

  -webkit-box-shadow:0 -1px 2px 0 #ccc;

  box-shadow:0 -1px 2px 0 #ccc

}

.button.btn-icon-small {

  padding-left:68px;

  position:relative

}

.button.btn-icon-small:after {

  position:absolute;

  content:"";

  left:0;

  top:0;

  width:30px;

  height:30px;

  background:#006199;

  display:block;

  background-repeat:no-repeat

}

.button.btn-icon-small.lock:after {

  background-image:url(https://www.sc.com/global/assets/global/images/page/lock.png);

  background-position:7px 7px

}

.banner-thumbs h5 {

  font-weight: 400;

  color:#222;

  margin:0 0 8px

}

.banner-thumbs p {

  font-size:12px;

  color:#777;

  margin:0 0 8px

}

.banner-thumbs a {

  display:block;

  cursor:pointer;

  padding:15px 0 0;

  border-bottom:4px solid #fff

}

.banner-thumbs li {

  border-bottom:4px solid #fff

}

.pos-rel {

  position:relative

}

.info-box p {

  margin-bottom:10px

}

.info-box h1 {

  color:#fff;

  font-size:28px;

  margin:0 0 12px

}

.info-box h3,  .info-box h2,  .info-box h4 {

  margin-top:0;

  color:#fff;

  margin-bottom:4px;

  text-transform:uppercase

}

.info-box h2,  .info-box h4 {

  margin-bottom:8px

}

.info-box h3 {

  font-size:14px

}

.info-box h2,  .info-box h4 {

  font-size:28px;

  font-weight: 400;

  text-transform:capitalize

}

.info-box h4 {

  font-size:24px;

  font-weight: 400;

}

.info-box li a {

  color:#fff

}

ul.orbit-bullets {

  position:absolute;

  z-index:30;

  list-style:none;

  bottom:-40px;

  left:50%;

  margin-left:-50px;

  padding:0

}

.card-selector {

  margin-top:20px;

  position:relative;

  z-index:2;

  background:#fff;

  padding:15px 0 5px !important

}

.card-selector ul {

  list-style:none

}

.card-selector li img {

  width:60px;

  position:absolute;

  left:0;

  top:0

}

.card-selector li {

  float:left;

  position:relative;

  padding-left:66px;

  width:179px;

  padding-right:20px

}

.card-selector li h6 {

  margin:0;

  font-size:12px;

  height:55px

}

.card-selector li a {

  color:#999;

  font-size:11px

}

.card-selector nav a {

  width:25px;

  height:25px;

  position:absolute;

  top:50%;

  margin-top:-13px;

  background:url(https://www.sc.com/global/assets/global/images/page/nav-items.png) no-repeat;

  text-indent:-999px;

  overflow:hidden

}

.card-selector nav a.prev {

  left:0;

  background-position:0 0

}

.card-selector nav a.next {

  right:0;

  background-position:-25px 0

}

.card-selector li.selected a {

  color:#666

}

#card-scroll {

  margin:0 30px 0 50px

}

.card-container {

  margin-top:-135px;

  padding-top:160px;

  background:#fbfbfb url(https://www.sc.com/global/assets/global/images/page/compare-bg.jpg) 0 -141px repeat-x

}

.card-header {

  width:200px;

  left:0;

  top:0

}

.compare-off .card-header {

  position:relative

}

.compare-on .card-header {

  position:absolute

}

.card-compare {

  margin-left:200px

}

.card-header>section {

  position:relative;

  padding:40px 0 80px

}

.card-header>section:after {

  width:1000px;

  content:"";

  height:8px;

  background:url(https://www.sc.com/global/assets/global/images/page/compare-divider.png) center top no-repeat;

  position:absolute;

  top:0;

  left:0;

  z-index:2

}

.card-header>section>span {

  font-size:26px;

  color:#2aac48;

  display:block;

  margin-top:-2px

}

.card-container h6,  .card-container h5 {

  margin:0 0 6px

}

.content-card>article {

  position:relative;

  float:left;

  margin:0 0 20px !important;

  padding:0 30px;

  text-align:left;

  width:200px

}

.content-card>article>section {

  padding:40px 0 80px

}

.card-container section>strong {

  display:block;

  margin-bottom:20px

}

.content-card>article>section.card-type,  .card-header>section.card-type,  .content-card>article>section.card-apply,  .card-header>section.card-apply {

  position:relative;

  padding-bottom:160px

}

.card-reward-03:after,  .card-reward-02:after,  .card-reward:after,  .card-interest:after,  .card-interest-03:after,  .card-interest-02:after,  .card-type:after {

  display:none

}

.card-reward-03,  .card-reward-02,  .card-reward,  .card-interest,  .card-interest-03,  .card-interest-02 {

  padding:10px 0 20px !important

}

.card-reward-header,  .card-interest-header {

  padding-bottom:40px !important

}

.content-card {

  position:relative

}

.card-compare {

  overflow-x:auto

}

.content-card>article a.close {

  background:url("https://www.sc.com/global/assets/global/images/page/search-close.png") no-repeat scroll 0 0 transparent;

  display:block;

  height:23px;

  left:18px;

  position:absolute;

  text-indent:-999px;

  top:28px;

  width:23px;

  z-index:2

}

.content-card>article span.tick {

  background:url("https://www.sc.com/global/assets/global/images/page/tick-line.png") no-repeat scroll 0 0 transparent;

  display:block;

  height:23px;

  text-indent:-999px;

  width:23px

}

.card-type h5,  .card-apply h5 {

  font-size:14px

}

.card-type a.button,  .card-apply a.button {

  width:100%;

  position:absolute;

  left:0;

  bottom:100px;

  padding-left:20px;

  padding-right:20px

}

.card-type a.button.green,  .card-apply a.button.green {

  bottom:60px

}

.card-reward-03,  .card-interest-03 {

  margin-bottom:60px !important

}

.filter ul {

  margin:0;

  list-style:none;

  margin-left:-9px

}

.filter li {

  float:left;

  margin-left:9px

}

.filter li a {

  background-image:url(https://www.sc.com/global/assets/global/images/page/filter-sprite.png);

  background-repeat:no-repeat;

  background-color:none;

  padding:4px 6px 4px 28px;

  font-size:12px;

  color:#666

}

#filter_more_container li {

  display:block;

  clear: both

}

#filter_more_container li a {

  display:block

}

.filter li.active a {

  color:#000

}

#filter_frequent_flyer a {

  background-position:2px -55px

}

#filter_cashback a {

  background-position:1px -111px

}

#filter_business a {

  background-position:2px -167px

}

#filter_all_cards a {

  background-position:3px -224px

}

#filter_rewards a {

  background-position:2px 0

}

#filter_rewards.active a,  #filter_rewards:hover a {

  background-position:2px -27px

}

#filter_frequent_flyer.active a,  #filter_frequent_flyer:hover a {

  background-position:2px -83px

}

#filter_cashback.active a,  #filter_cashback:hover a {

  background-position:1px -139px

}

#filter_business.active a,  #filter_business:hover a {

  background-position:2px -195px

}

#filter_all_cards.active a,  #filter_all_cards:hover a {

  background-position:3px -252px

}

.card-type {

  height:330px

}

.card-category {

  height:60px

}

.card-description {

  height:200px

}

.card-reward-header {

  height:60px

}

.card-reward {

  height:300px

}

.card-reward-02 {

  height:60px

}

.card-reward-03 {

  height:60px

}

.card-interest-header {

  height:60px

}

.card-interest {

  height:60px

}

.card-interest-02 {

  height:60px

}

.card-interest-03 {

  height:60px

}

.card-requirement {

  height:160px

}

.card-fee {

  height:60px

}

.card-apply {

  height:250px

}

@media only screen and (max-width:479px) {

.card-header {

width:120px

}

.card-compare {

margin-left:120px

}

}

.inpage-content {

  padding:30px 0

}

.shadow-block {

  position:relative

}

.shadow-block:after {

  background:url("https://www.sc.com/global/assets/global/images/page/grey-bg-shadow.png") no-repeat scroll center top transparent;

  content:"";

  height:10px;

  left:0;

  position:absolute;

  top:0;

  width:100%;

  z-index:0

}

.block-inner {

  position:relative;

  width:100%;

  padding:2px 0;

  background:#fff;

  z-index:10

}

.shadow-block-inner {

  position:relative;

  width:100%;

  padding:8px 0;

  background:#fff;

  z-index:10

}

.bottom-stick-always {

  width:100%;

  bottom:0;

  left:0;

  position:fixed;

  -moz-box-shadow:0 -1px 4px 0 #aaa;

  -webkit-box-shadow:0 -1px 4px 0 #aaa;

  box-shadow:0 -1px 4px 0 #aaa

}

.shadow-block-inner:after,  .shadow-block-inner:before {

  width:100%;

  height:8px;

  left:0;

  position:absolute;

  content:"";

  display:block

}

.shadow-block-inner:after {

  background:url(https://www.sc.com/global/assets/global/images/page/grey-bg-shadow2a.png) no-repeat top center;

  top:0

}

.shadow-block-inner:before {

  background:url(https://www.sc.com/global/assets/global/images/page/grey-bg-shadow2.png) no-repeat top center;

  bottom:0

}

.inpage-links .row {

  border-bottom:1px solid #dbdbdd;

  overflow:visible

}

.inpage-content p a strong,  .inpage-content ul.green-arrow li a strong {

  color:#26922c

}

.inpage-content p a:hover strong,  .inpage-content ul.green-arrow li a:hover strong {

  color:#222

}

.page-content-block {

  padding-top:14px

}

.page-content-block>:first-child {

  margin-top:0

}

.no-text-hdr {

  padding-top:24px

}

.grey-box {

  background:#f3f3f3

}

.card-listing p {

  color:#666

}

.card-listing {

  margin:20px 0 !important

}

.listing-content-inner p span {

  display:block;

  margin-bottom:5px

}

a.link-with-button span {

  clear:both

}

.icon-listing header {

  position:relative;

  padding-top:130px

}

h5.alert-single {

  margin:0

}

.alert-yellow h5.alert-single {

  color:#fff

}

.alert-yellow h5.alert-single a {

  color:#f9e5c7

}

.alert-yellow h5.alert-single a:hover {

  color:#fff

}

.icon-listing h5 {

  position:absolute;

  bottom:12px;

  left:0;

  text-align:center;

  width:100%;

  margin-bottom:0;

  line-height:1em

}

.icon-listing p a {

  display:block

}

.icon-listing p {

  padding:0 25px

}

.icon-listing .ivr-otp span.icons_large {

  background-position:4px 0

}

.icon-listing .vbv-master span.icons_large {

  background-position:-76px 0

}

.icon-listing .pay-option span.icons_large {

  background-position:-157px 0

}

.icon-listing .other-benefit span.icons_large {

  background-position:-234px 0

}

.icon-listing .aff-finance span.icons_large {

  background-position:2px -76px

}

.icon-listing .high-loan span.icons_large {

  background-position:-112px -70px;

  width:72px;

  margin-left:-36px

}

.icon-listing .lost-stolen-card span.icons_large {

  background-position:2px -232px

}

.icon-listing .mortgage-rates span.icons_large {

  background-position:-119px -232px

}

.icon-listing .retrieve-password span.icons_large {

  background-position:-261px -232px

}

.icon-listing .my-account-balance span.icons_large {

  background-position:-383px -232px

}

.icon-listing .low-interest span.icons_large {

  background-position:-260px -73px

}

.icon-listing .fast-loan span.icons_large {

  background-position:-387px -70px

}

.single-icon-large {

  width:80px;

  height:50px

}

.icon-listing span.icons_large,  .common-contact-block .panel span.icons_large,  .subheader.icon_head span.icons_large,  .single-icon-large span.icons_large {

  width:80px;

  height:50px;

  left:50%;

  position:absolute;

  margin-left:-40px;

  background-repeat:no-repeat;

  background-image:url(https://www.sc.com/global/assets/global/images/page/icon_lib_large.png)

}

.icon-listing span.icons_large,  .single-icon-large {

  top:0

}

.subheader.icon_head span.icons_large {

  left:10px;

  top:5px

}

.subheader.icon_head {

  padding-left:35px

}

.icon-a1 span.icons_large {

  background-position:0 0

}

.icon-a1 span.icons_large {

  background-position:0 0

}

.icon-a2 span.icons_large {

  background-position:0 -50px

}

.icon-a3 span.icons_large {

  background-position:0 -100px

}

.icon-a4 span.icons_large {

  background-position:0 -150px

}

.icon-a5 span.icons_large {

  background-position:0 -250px

}

.icon-a6 span.icons_large {

  background-position:0 -300px

}

.icon-a7 span.icons_large {

  background-position:0 -400px

}

.icon-a8 span.icons_large {

  background-position:0 -500px

}

.icon-a9 span.icons_large {

  background-position:0 -550px

}

.icon-a10 span.icons_large {

  background-position:0 -600px

}

.icon-a11 span.icons_large {

  background-position:0 -700px

}

.icon-a12 span.icons_large {

  background-position:0 -750px

}

.icon-a13 span.icons_large {

  background-position:0 -850px

}

.icon-a14 span.icons_large {

  background-position:0 -900px

}

.icon-a15 span.icons_large {

  background-position:0 -1000px

}

.icon-a16 span.icons_large {

  background-position:0 -1050px

}

.icon-a17 span.icons_large {

  background-position:0 -1150px

}

.icon-a18 span.icons_large {

  background-position:0 -1200px

}

.icon-a19 span.icons_large {

  background-position:0 -1300px

}

.icon-a20 span.icons_large {

  background-position:0 -1400px

}

.icon-a21 span.icons_large {

  background-position:0 -1450px

}

.icon-a22 span.icons_large {

  background-position:0 -1550px

}

.icon-a23 span.icons_large {

  background-position:0 -1600px

}

.icon-a24 span.icons_large {

  background-position:0 -1650px

}

.icon-a25 span.icons_large {

  background-position:0 -1700px

}

.icon-a26 span.icons_large {

  background-position:0 -1750px

}

.icon-a27 span.icons_large {

  background-position:0 -1800px

}

.icon-a29 span.icons_large {

  background-position:0 -1900px

}

.icon-b1 span.icons_large {

  background-position:-80px 0

}

.icon-b2 span.icons_large {

  background-position:-80px -50px

}

.icon-b3 span.icons_large {

  background-position:-80px -100px

}

.icon-b4 span.icons_large {

  background-position:-80px -150px

}

.icon-b5 span.icons_large {

  background-position:-80px -250px

}

.icon-b6 span.icons_large {

  background-position:-80px -300px

}

.icon-b7 span.icons_large {

  background-position:-80px -400px

}

.icon-b8 span.icons_large {

  background-position:-80px -500px

}

.icon-b9 span.icons_large {

  background-position:-80px -550px

}

.icon-b10 span.icons_large {

  background-position:-80px -600px

}

.icon-b11 span.icons_large {

  background-position:-80px -700px

}

.icon-b12 span.icons_large {

  background-position:-80px -750px

}

.icon-b13 span.icons_large {

  background-position:-80px -850px

}

.icon-b14 span.icons_large {

  background-position:-80px -900px

}

.icon-b15 span.icons_large {

  background-position:-80px -1000px

}

.icon-b16 span.icons_large {

  background-position:-80px -1050px

}

.icon-b17 span.icons_large {

  background-position:-80px -1150px

}

.icon-b18 span.icons_large {

  background-position:-80px -1200px

}

.icon-b19 span.icons_large {

  background-position:-80px -1300px

}

.icon-b20 span.icons_large {

  background-position:-80px -1400px

}

.icon-b21 span.icons_large {

  background-position:-80px -1450px

}

.icon-b22 span.icons_large {

  background-position:-80px -1550px

}

.icon-b23 span.icons_large {

  background-position:-80px -1600px

}

.icon-b24 span.icons_large {

  background-position:-80px -1650px

}

.icon-b25 span.icons_large {

  background-position:-80px -1700px

}

.icon-b26 span.icons_large {

  background-position:-80px -1750px

}

.icon-b27 span.icons_large {

  background-position:-80px -1800px

}

.icon-b29 span.icons_large {

  background-position:-80px -1900px

}

.icon-c1 span.icons_large {

  background-position:-160px 0

}

.icon-c2 span.icons_large {

  background-position:-160px -50px

}

.icon-c3 span.icons_large {

  background-position:-160px -100px

}

.icon-c4 span.icons_large {

  background-position:-160px -150px

}

.icon-c5 span.icons_large {

  background-position:-160px -250px

}

.icon-c6 span.icons_large {

  background-position:-160px -300px

}

.icon-c7 span.icons_large {

  background-position:-160px -400px

}

.icon-c8 span.icons_large {

  background-position:-160px -500px

}

.icon-c9 span.icons_large {

  background-position:-160px -550px

}

.icon-c10 span.icons_large {

  background-position:-160px -600px

}

.icon-c11 span.icons_large {

  background-position:-160px -700px

}

.icon-c12 span.icons_large {

  background-position:-160px -750px

}

.icon-c13 span.icons_large {

  background-position:-160px -850px

}

.icon-c14 span.icons_large {

  background-position:-160px -900px

}

.icon-c15 span.icons_large {

  background-position:-160px -1000px

}

.icon-c16 span.icons_large {

  background-position:-160px -1050px

}

.icon-c17 span.icons_large {

  background-position:-160px -1150px

}

.icon-c18 span.icons_large {

  background-position:-160px -1200px

}

.icon-c19 span.icons_large {

  background-position:-160px -1300px

}

.icon-c20 span.icons_large {

  background-position:-160px -1400px

}

.icon-c21 span.icons_large {

  background-position:-160px -1450px

}

.icon-c22 span.icons_large {

  background-position:-160px -1550px

}

.icon-c23 span.icons_large {

  background-position:-160px -1600px

}

.icon-c24 span.icons_large {

  background-position:-160px -1650px

}

.icon-c25 span.icons_large {

  background-position:-160px -1700px

}

.icon-c26 span.icons_large {

  background-position:-160px -1750px

}

.icon-c27 span.icons_large {

  background-position:-160px -1800px

}

.icon-d1 span.icons_large {

  background-position:-240px 0

}

.icon-d2 span.icons_large {

  background-position:-240px -50px

}

.icon-d3 span.icons_large {

  background-position:-240px -100px

}

.icon-d4 span.icons_large {

  background-position:-240px -150px

}

.icon-d5 span.icons_large {

  background-position:-240px -250px

}

.icon-d6 span.icons_large {

  background-position:-240px -300px

}

.icon-d7 span.icons_large {

  background-position:-240px -400px

}

.icon-d8 span.icons_large {

  background-position:-240px -500px

}

.icon-d9 span.icons_large {

  background-position:-240px -550px

}

.icon-d10 span.icons_large {

  background-position:-240px -600px

}

.icon-d11 span.icons_large {

  background-position:-240px -700px

}

.icon-d12 span.icons_large {

  background-position:-240px -750px

}

.icon-d13 span.icons_large {

  background-position:-240px -850px

}

.icon-d14 span.icons_large {

  background-position:-240px -900px

}

.icon-d15 span.icons_large {

  background-position:-240px -1000px

}

.icon-d16 span.icons_large {

  background-position:-240px -1050px

}

.icon-d17 span.icons_large {

  background-position:-240px -1150px

}

.icon-d18 span.icons_large {

  background-position:-240px -1200px

}

.icon-d19 span.icons_large {

  background-position:-240px -1300px

}

.icon-d20 span.icons_large {

  background-position:-240px -1400px

}

.icon-d21 span.icons_large {

  background-position:-240px -1450px

}

.icon-d22 span.icons_large {

  background-position:-240px -1550px

}

.icon-d23 span.icons_large {

  background-position:-240px -1600px

}

.icon-d24 span.icons_large {

  background-position:-240px -1650px

}

.icon-d25 span.icons_large {

  background-position:-240px -1700px

}

.icon-d26 span.icons_large {

  background-position:-240px -1750px

}

.icon-d27 span.icons_large {

  background-position:-240px -1800px

}

.icon-e1 span.icons_large {

  background-position:-320px 0

}

.icon-e2 span.icons_large {

  background-position:-320px -50px

}

.icon-e3 span.icons_large {

  background-position:-320px -100px

}

.icon-e4 span.icons_large {

  background-position:-320px -150px

}

.icon-e5 span.icons_large {

  background-position:-320px -250px

}

.icon-e6 span.icons_large {

  background-position:-320px -300px

}

.icon-e7 span.icons_large {

  background-position:-320px -400px

}

.icon-e8 span.icons_large {

  background-position:-320px -500px

}

.icon-e9 span.icons_large {

  background-position:-320px -550px

}

.icon-e10 span.icons_large {

  background-position:-320px -600px

}

.icon-e11 span.icons_large {

  background-position:-320px -700px

}

.icon-e12 span.icons_large {

  background-position:-320px -750px

}

.icon-e13 span.icons_large {

  background-position:-320px -850px

}

.icon-e14 span.icons_large {

  background-position:-320px -900px

}

.icon-e15 span.icons_large {

  background-position:-320px -1000px

}

.icon-e16 span.icons_large {

  background-position:-320px -1050px

}

.icon-e17 span.icons_large {

  background-position:-320px -1150px

}

.icon-e18 span.icons_large {

  background-position:-320px -1200px

}

.icon-e19 span.icons_large {

  background-position:-320px -1300px

}

.icon-e20 span.icons_large {

  background-position:-320px -1400px

}

.icon-e21 span.icons_large {

  background-position:-320px -1450px

}

.icon-e22 span.icons_large {

  background-position:-320px -1550px

}

.icon-e23 span.icons_large {

  background-position:-320px -1600px

}

.icon-e24 span.icons_large {

  background-position:-320px -1650px

}

.icon-e25 span.icons_large {

  background-position:-320px -1700px

}

.icon-e26 span.icons_large {

  background-position:-320px -1750px

}

.icon-e27 span.icons_large {

  background-position:-320px -1800px

}

.icon-f1 span.icons_large {

  background-position:-400px 0

}

.icon-f2 span.icons_large {

  background-position:-400px -50px

}

.icon-f3 span.icons_large {

  background-position:-400px -100px

}

.icon-f4 span.icons_large {

  background-position:-400px -150px

}

.icon-f5 span.icons_large {

  background-position:-400px -250px

}

.icon-f6 span.icons_large {

  background-position:-400px -300px

}

.icon-f7 span.icons_large {

  background-position:-400px -400px

}

.icon-f8 span.icons_large {

  background-position:-400px -500px

}

.icon-f9 span.icons_large {

  background-position:-400px -550px

}

.icon-f10 span.icons_large {

  background-position:-400px -600px

}

.icon-f11 span.icons_large {

  background-position:-400px -700px

}

.icon-f12 span.icons_large {

  background-position:-400px -750px

}

.icon-f13 span.icons_large {

  background-position:-400px -850px

}

.icon-f14 span.icons_large {

  background-position:-400px -900px

}

.icon-f15 span.icons_large {

  background-position:-400px -1000px

}

.icon-f16 span.icons_large {

  background-position:-400px -1050px

}

.icon-f17 span.icons_large {

  background-position:-400px -1150px

}

.icon-f18 span.icons_large {

  background-position:-400px -1200px

}

.icon-f19 span.icons_large {

  background-position:-400px -1300px

}

.icon-f20 span.icons_large {

  background-position:-400px -1400px

}

.icon-f21 span.icons_large {

  background-position:-400px -1450px

}

.icon-f22 span.icons_large {

  background-position:-400px -1550px

}

.icon-f23 span.icons_large {

  background-position:-400px -1600px

}

.icon-f24 span.icons_large {

  background-position:-400px -1650px

}

.icon-f25 span.icons_large {

  background-position:-400px -1700px

}

.icon-f26 span.icons_large {

  background-position:-400px -1750px

}

.icon-f27 span.icons_large {

  background-position:-400px -1800px

}

.icon-g1 span.icons_large {

  background-position:-480px 0

}

.icon-g2 span.icons_large {

  background-position:-480px -50px

}

.icon-g3 span.icons_large {

  background-position:-480px -100px

}

.icon-g4 span.icons_large {

  background-position:-480px -150px

}

.icon-g5 span.icons_large {

  background-position:-480px -250px

}

.icon-g6 span.icons_large {

  background-position:-480px -300px

}

.icon-g7 span.icons_large {

  background-position:-480px -400px

}

.icon-g8 span.icons_large {

  background-position:-480px -500px

}

.icon-g9 span.icons_large {

  background-position:-480px -550px

}

.icon-g10 span.icons_large {

  background-position:-480px -600px

}

.icon-g11 span.icons_large {

  background-position:-480px -700px

}

.icon-g12 span.icons_large {

  background-position:-480px -750px

}

.icon-g13 span.icons_large {

  background-position:-480px -850px

}

.icon-g14 span.icons_large {

  background-position:-480px -900px

}

.icon-g15 span.icons_large {

  background-position:-480px -1000px

}

.icon-g16 span.icons_large {

  background-position:-480px -1050px

}

.icon-g17 span.icons_large {

  background-position:-480px -1150px

}

.icon-g18 span.icons_large {

  background-position:-480px -1200px

}

.icon-g19 span.icons_large {

  background-position:-480px -1300px

}

.icon-g20 span.icons_large {

  background-position:-480px -1400px

}

.icon-g21 span.icons_large {

  background-position:-480px -1450px

}

.icon-g22 span.icons_large {

  background-position:-480px -1550px

}

.icon-g23 span.icons_large {

  background-position:-480px -1600px

}

.icon-g24 span.icons_large {

  background-position:-480px -1650px

}

.icon-g25 span.icons_large {

  background-position:-480px -1700px

}

.icon-g26 span.icons_large {

  background-position:-480px -1750px

}

.icon-g27 span.icons_large {

  background-position:-480px -1800px

}

.icon-h1 span.icons_large {

  background-position:-560px 0

}

.icon-h2 span.icons_large {

  background-position:-560px -50px

}

.icon-h3 span.icons_large {

  background-position:-560px -100px

}

.icon-h4 span.icons_large {

  background-position:-560px -150px

}

.icon-h5 span.icons_large {

  background-position:-560px -250px

}

.icon-h6 span.icons_large {

  background-position:-560px -300px

}

.icon-h7 span.icons_large {

  background-position:-560px -400px

}

.icon-h8 span.icons_large {

  background-position:-560px -500px

}

.icon-h9 span.icons_large {

  background-position:-560px -550px

}

.icon-h10 span.icons_large {

  background-position:-560px -600px

}

.icon-h11 span.icons_large {

  background-position:-560px -700px

}

.icon-h12 span.icons_large {

  background-position:-560px -750px

}

.icon-h13 span.icons_large {

  background-position:-560px -850px

}

.icon-h14 span.icons_large {

  background-position:-560px -900px

}

.icon-h15 span.icons_large {

  background-position:-560px -1000px

}

.icon-h16 span.icons_large {

  background-position:-560px -1050px

}

.icon-h17 span.icons_large {

  background-position:-560px -1150px

}

.icon-h18 span.icons_large {

  background-position:-560px -1200px

}

.icon-h19 span.icons_large {

  background-position:-560px -1300px

}

.icon-h20 span.icons_large {

  background-position:-560px -1400px

}

.icon-h21 span.icons_large {

  background-position:-560px -1450px

}

.icon-h22 span.icons_large {

  background-position:-560px -1550px

}

.icon-h23 span.icons_large {

  background-position:-560px -1600px

}

.icon-h24 span.icons_large {

  background-position:-560px -1650px

}

.icon-h25 span.icons_large {

  background-position:-560px -1700px

}

.icon-h26 span.icons_large {

  background-position:-560px -1750px

}

.icon-h27 span.icons_large {

  background-position:-560px -1800px

}

.icon-h40 span.icons_large {

  background-position:-560px -2500px

}

.icon-i1 span.icons_large {

  background-position:-640px 0

}

.icon-i2 span.icons_large {

  background-position:-640px -50px

}

.icon-i3 span.icons_large {

  background-position:-640px -100px

}

.icon-i4 span.icons_large {

  background-position:-640px -150px

}

.icon-i5 span.icons_large {

  background-position:-640px -250px

}

.icon-i6 span.icons_large {

  background-position:-640px -300px

}

.icon-i7 span.icons_large {

  background-position:-640px -400px

}

.icon-i8 span.icons_large {

  background-position:-640px -500px

}

.icon-i9 span.icons_large {

  background-position:-640px -550px

}

.icon-i10 span.icons_large {

  background-position:-640px -600px

}

.icon-i11 span.icons_large {

  background-position:-640px -700px

}

.icon-i12 span.icons_large {

  background-position:-640px -750px

}

.icon-i13 span.icons_large {

  background-position:-640px -850px

}

.icon-i14 span.icons_large {

  background-position:-640px -900px

}

.icon-i15 span.icons_large {

  background-position:-640px -1000px

}

.icon-i16 span.icons_large {

  background-position:-640px -1050px

}

.icon-i17 span.icons_large {

  background-position:-640px -1150px

}

.icon-i18 span.icons_large {

  background-position:-640px -1200px

}

.icon-i19 span.icons_large {

  background-position:-640px -1300px

}

.icon-i20 span.icons_large {

  background-position:-640px -1400px

}

.icon-i21 span.icons_large {

  background-position:-640px -1450px

}

.icon-i22 span.icons_large {

  background-position:-640px -1550px

}

.icon-i23 span.icons_large {

  background-position:-640px -1600px

}

.icon-i24 span.icons_large {

  background-position:-640px -1650px

}

.icon-i25 span.icons_large {

  background-position:-640px -1700px

}

.icon-i26 span.icons_large {

  background-position:-640px -1750px

}

.icon-i27 span.icons_large {

  background-position:-640px -1800px

}

.icon-j1 span.icons_large {

  background-position:-720px 0

}

.icon-j2 span.icons_large {

  background-position:-720px -50px

}

.icon-j3 span.icons_large {

  background-position:-720px -100px

}

.icon-j4 span.icons_large {

  background-position:-720px -150px

}

.icon-j5 span.icons_large {

  background-position:-720px -250px

}

.icon-j6 span.icons_large {

  background-position:-720px -300px

}

.icon-j7 span.icons_large {

  background-position:-720px -400px

}

.icon-j8 span.icons_large {

  background-position:-720px -500px

}

.icon-j9 span.icons_large {

  background-position:-720px -550px

}

.icon-j10 span.icons_large {

  background-position:-720px -600px

}

.icon-j11 span.icons_large {

  background-position:-720px -700px

}

.icon-j12 span.icons_large {

  background-position:-720px -750px

}

.icon-j13 span.icons_large {

  background-position:-720px -850px

}

.icon-j14 span.icons_large {

  background-position:-720px -900px

}

.icon-j15 span.icons_large {

  background-position:-720px -1000px

}

.icon-j16 span.icons_large {

  background-position:-720px -1050px

}

.icon-j17 span.icons_large {

  background-position:-720px -1150px

}

.icon-j18 span.icons_large {

  background-position:-720px -1200px

}

.icon-j19 span.icons_large {

  background-position:-720px -1300px

}

.icon-j20 span.icons_large {

  background-position:-720px -1400px

}

.icon-j21 span.icons_large {

  background-position:-720px -1450px

}

.icon-j22 span.icons_large {

  background-position:-720px -1550px

}

.icon-j23 span.icons_large {

  background-position:-720px -1600px

}

.icon-j24 span.icons_large {

  background-position:-720px -1650px

}

.icon-j25 span.icons_large {

  background-position:-720px -1700px

}

.icon-j26 span.icons_large {

  background-position:-720px -1750px

}

.icon-j27 span.icons_large {

  background-position:-720px -1800px

}

.vertical-tab-block .tabs.vertical dd {

  border-left:0 none

}

.vertical-tab-block .tabs.vertical dd a {

  padding:10px 10px 10px 20px;

  background:0;

  border-width:1px 0 0

}

.vertical-tab-block .tabs.vertical dd:first-child,  .vertical-tab-block .tabs.vertical dd:first-child a,  .vertical-tab-block dl.tabs.vertical {

  border:0 none

}

.vertical-tab-block .tabs.vertical dd.active a,  .vertical-tab-block .tabs.vertical dd a:hover {

  background:url(https://www.sc.com/global/assets/global/images/page/green-arrow-tab.png) no-repeat 0 10px;

  color:#26922c;

  font-weight: 400;

}

.vertical-tab-block .tabs.vertical dd.active {

  border-top-color:#f2f2f2

}

.vertical-tab-block h4 {

  margin-top:0;

  line-height:1em

}

.in-description h3 {

  margin-bottom:0

}

.in-description p {

  margin-bottom:10px

}

#rewards h4 {

  margin-bottom:8px

}

.alert-single h5 {

  margin:0

}

#privileges.shadow-block {

  border-top:0 none

}

#page-sitemap {

  background:#f8f8f8

}

#page-sitemap h5 {

  margin-bottom:6px

}

.common-contact-block .panel {

  border:1px solid #f2f2f2;

  -moz-box-shadow:0 2px 2px -2px #999;

  -webkit-box-shadow:0 2px 2px -2px #999;

  box-shadow:0 2px 2px -2px #999;

  padding-top:70px

}

.common-contact-block .row {

  padding-bottom:3px

}

.common-contact-block p {

  color:#888

}

.common-contact-block {

  background:#f3f3f3;

  background-image:-webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#f3f3f3));

  background-image:-webkit-linear-gradient(top, #f8f8f8, #f3f3f3);

  background-image:-moz-linear-gradient(top, #f8f8f8, #f3f3f3);

  background-image:-ms-linear-gradient(top, #f8f8f8, #f3f3f3);

  background-image:-o-linear-gradient(top, #f8f8f8, #f3f3f3);

  background-image:linear-gradient(top, #f8f8f8, #f3f3f3);

  text-align:center

}

#featured-block {

  background:#f3f3f3;

  background:-webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#f3f3f3));

  background:-webkit-linear-gradient(top, #f8f8f8, #f3f3f3);

  background:-moz-linear-gradient(top, #f8f8f8, #f3f3f3);

  background:-ms-linear-gradient(top, #f8f8f8, #f3f3f3);

  background:-o-linear-gradient(top, #f8f8f8, #f3f3f3);

  background:linear-gradient(top, #f8f8f8, #f3f3f3)

}

.common-contact-block .panel span.icons_large {

  display:block;

  top:20px

}

.cc-apply-online span.icons_large {

  background-position:15px -148px

}

.cc-call-us span.icons_large {

  background-position:-35px -146px

}

.cc-locate-us span.icons_large {

  background-position:-93px -148px

}

.cc-apply-online p {

  padding:0 25px

}

#search-sitemap {

  -webkit-border-radius:1000px;

  -moz-border-radius:1000px;

  -ms-border-radius:1000px;

  -o-border-radius:1000px;

  border-radius:1000px

}

.inpage-search p {

  margin-bottom:0;

  margin-top:25px

}

ul.green-arrow li,  ul.grey-arrow li,  ul.white-arrow li {

  list-style:none;

  padding-left:12px;

  background-position:0 5px;

  background-repeat:no-repeat;

  margin-bottom:20px;

  line-height:18px;

  font-size:14px

}

ul.cosy-list li,  ul.green-arrow li li,  ul.grey-arrow li li,  ul.white-arrow li li {

  margin-bottom:5px

}

ul.green-arrow li ul,  ul.grey-arrow li ul,  ul.white-arrow li ul {

  margin-top:12px

}

ul.green-arrow li {

  background-image:url(https://www.sc.com/global/assets/global/images/page/green-bullet-tri.png)

}

ul.green-arrow li p {

  color:#222

}

ul.grey-arrow li {

  background-image:url(https://www.sc.com/global/assets/global/images/page/grey-bullet-tri.png)

}

ul.white-arrow li {

  background-image:url(https://www.sc.com/global/assets/global/images/page/white-bullet-tri.png)

}

ul.inner-list li {

  margin-bottom:10px

}

.single-list-detail ul {

  margin-bottom:25px

}

.single-list-detail ul li {

  margin-bottom:10px

}

ul.circle-list {

  margin-top:10px

}

ul.circle-list li {

  margin-bottom:7px;

  background-image:none;

  list-style-type:circle

}

.inpage-sections h3,  .inpage-sections h4 {

  margin-top:40px;

  margin-bottom:25px

}

.common-contact-block h4 {

  margin-top:10px

}

.inpage-content h5.extra-head {

  margin-top:-34px

}

.bullet-data-list .block-grid ul {

  margin-left:0

}

.bullet-data-list ul.inner-list {

  margin-top:12px;

  margin-left:30px

}

.bullet-data-list .row,  .bullet-data-list .block-grid {

  overflow:visible

}

.bullet-data-list h5,  .bullet-data-list h3 {

  margin-bottom:12px

}

.icon-head {

  position:relative;

  padding-left:20px

}

.icon-head span.icon-small {

  background-image:url(https://www.sc.com/global/assets/global/images/page/doc-icon-small.png);

  background-repeat:no-repeat;

  display:block;

  width:16px;

  height:19px;

  position:absolute;

  left:0;

  top:0

}

.doc-icon span.icon-small {

  background-position:0 0

}

.page-cta article {

  background:#f6f5f6;

  -moz-box-shadow:0 2px 2px #ccc;

  -webkit-box-shadow:0 2px 2px #ccc;

  box-shadow:0 2px 2px #ccc;

  position:relative;

  padding:12px;

  min-height:46px

}

.page-cta {

  left:0;

  position:fixed;

  top:-100px;

  width:100%;

  z-index:100;

  display:block;

-webkit-transition:all .6s ease;

-moz-transition:all .6s ease;

 -o-transition:all .6s ease

}

.page-cta article h5 {

  margin:0;

  padding-right:160px

}

.sticky .page-cta {

  top:0

}

.page-cta article a.button {

  position:absolute;

  right:20px;

  top:8px

}

.page-cta .button.small {

  padding:6px 30px 8px;

}

#terms-conditions {

  background:url(https://www.sc.com/global/assets/global/images/page/terms-bg.gif) bottom center no-repeat

}

.social-block {

  background:url(https://www.sc.com/global/assets/global/images/page/social-bg-top.png) no-repeat top center;

  padding:20px 0

}

.social-block p {

  font-size:11px;

  margin-top:0;

  margin-bottom:5px;

  color:#777

}

.social-block li {

  font-size:12px

}

.social-block h6 {

  text-transform:uppercase;

  color:#5a5a5a;

  font-size:12px

}

.btn-holder {

  padding-bottom:12px

}

input.input-text {

  border:1px solid #e6e6e6

}

.social-block a {

  color:#9e9e9e

}

.social-block a:hover {

  color:#5a5a5a

}

.social-icons li a {

  display:block;

  position:relative;

  padding:2px 0 2px 25px

}

.social-icons p a {

  display:inline-block;

  position:relative;

  padding:16px 0 19px 37px

}

.social-icons li a span,  .social-icons p a span {

  position:absolute;

  left:0;

  top:0;

  display:block;

  background-image:url(https://www.sc.com/global/assets/global/images/page/iconlib_small.png)

}

.social-icons p a span {

  height:52px;

  width:32px

}

.social-icons li a span {

  height:22px;

  width:20px

}

.social-icons .fb a span {

  background-position:0 0

}

.social-icons .tw a span {

  background-position:-20px 0

}

.social-icons .rs a span {

  background-position:-40px 0

}

.social-icons .yt a span {

  background-position:-60px 0

}

.social-icons a.ios span {

  background-position:-116px 0

}

.social-icons a.droid span {

  background-position:-159px 0

}

a.ios {

  margin-right:10px

}

.shadow-block-full {

  background:#f7f7f9 url(https://www.sc.com/global/assets/global/images/page/grey-bg-shadow.png) no-repeat top center;

  padding-top:30px

}

.filter-block {

  padding-top:25px

}

.filter-block .row {

  border-bottom:1px solid #dbdbdd;

  overflow:visible

}

#filters {

  padding-bottom:7px;

  margin:0

}

#filters li {

  float:left;

  list-style:none;

  margin-left:7px

}

#filters li a {

  font-size:11px;

  text-transform:uppercase;

  display:block;

  position:relative;

  padding:4px 4px 2px 20px;

  color:#888

}

#filters li a:hover,  #filters li a.selected {

  color:#444

}

#filters li.no-icon a {

  padding-left:0

}

#filters li a span {

  width:15px;

  height:15px;

  position:absolute;

  left:0;

  top:4px

}

#filters li a:hover span {

moz-transition:background .3s ease-in;

-o-transition:background .3s ease-in;

transition:background .3s ease-in;

  -webkit-transition-property:color, background;

-webkit-transition-duration:.3s, 0.3s

}

.wnew-in span {

  background-position:-7px -28px

}

.whot-in span {

  background-position:-26px -28px

}

.feat-in span {

  background-position:-47px -28px

}

.wnew-in a:hover span,  .wnew-in a.selected span {

  background-position:-7px -49px

}

.whot-in a:hover span,  .whot-in a.selected span {

  background-position:-26px -49px

}

.feat-in a:hover span,  .feat-in a.selected span {

  background-position:-47px -49px

}

#filters li a.selected em {

  background:url("https://www.sc.com/global/assets/global/images/page/tag-select.gif") no-repeat scroll center center transparent;

  bottom:0;

  height:9px;

  left:0;

  margin-bottom:-16px;

  position:absolute;

  width:100%;

  z-index:3

}

#filters li:first-child {

  margin-left:0

}

.inpage-links p,  .inpage-links p a,  .shadow-block p,  .inpage-content p {

  color:#424242;

  font-size:14px

}

.small-intro {

  margin-top:42px

}

.small-intro p {

  line-height:1.4em;

  font-size:12px

}

.inpage-links p a {

  display:inline-block;

  padding:2px 10px

}

.inpage-links p a:hover,  .inpage-links p a.link-active {

  color:#29ad48

}

.inpage-links p a:first-child {

  padding-left:0

}

.inpage-links p {

  margin-bottom:5px;

  margin-top:5px

}

.inpage-links {

  background-color:#fff;

  padding-top:30px

}

.inpage-on {

  padding-top:0

}

.inpage-off {

  padding-top:60px

}

.stick-off {

  position:fixed;

  width:100%;

  z-index:99

}

.stick-on {

  position:relative;

  top:0;

  width:100%;

  z-index:1

}

@media only screen and (min-width:600px) {

.filter-block .row {

overflow:visible

}

#filters li {

margin-left:12px

}

}

.expander {

  margin:20px 0;

  border-bottom:1px solid #dadada

}

.expander>dt:first-child {

  margin-top:0

}

.expander dd,  .expander dd {

  position:relative

}

.expander dd {

  margin-top:0;

  padding:0 10px 10px

}

.expander dt a {

  display:block;

  color:black;

  padding:10px;

  position:relative;

  border-top:1px solid #dadada

}

.expander.green-arrow dt a,  .expander.green-arrow dd {

  padding-left:14px;

  padding-right:36px

}

.expander>dt>a.active-hd {

  color:#26922c

}

.expander.green-arrow>dt>a:before {

  width:10px;

  height:10px;

  position:absolute;

  left:0;

  top:16px;

  background:url(https://www.sc.com/global/assets/global/images/page/green-bullet-tri.png) 0 0 no-repeat;

  display:block;

  content:""

}

.expander>dt>a:after,  .expander>dd:after {

  position:absolute;

  content:"";

  height:14px;

  width:14px;

  right:0;

  top:50%;

  background:url(https://www.sc.com/global/assets/global/images/page/green-arrow-tb.png) bottom center;

moz-transition:opacity .3s linear;

-o-transition:opacity .3s linear;

transition:opacity .3s linear;

  -webkit-transition-property:color, opacity;

-webkit-transition-duration:.3s, 0.3s

}

.expander>dt>a:after {

  margin-top:-7px

}

.expander>dd:after {

  margin-top:-22px;

  background-position:top center

}

.expander>dt>a.active-hd:after,  .expander>dd:after {

  -ms-filter:"alpha(opacity=0)";

  filter:alpha(opacity=0);

  -moz-opacity:0;

  -khtml-opacity:0;

  opacity:0

}

.expander>dd.active:after,  .expander>dt>a:after {

  -ms-filter:"alpha(opacity=100)";

  filter:alpha(opacity=100);

  -moz-opacity:1;

  -khtml-opacity:1;

  opacity:1

}

ul.multiple-lists {

  list-style:none

}

ul.multiple-lists li a {

  display:block;

  padding:6px 15px;

  position:relative

}

.inpage-content ul.multiple-lists li a {

  color:#666

}

ul.multiple-lists.icon-less li a {

  padding-left:0

}

ul.list-green-ht li a {

  padding:6px 15px 6px 20px

}

ul.list-green-ht li a:hover {

  background:url("https://www.sc.com/global/assets/global/images/page/green-arrow-tab.png") no-repeat scroll 0 10px transparent;

  color:#26922c;

  font-weight: 400;

}

ul.multiple-lists li {

  border-bottom:1px solid #dadada

}

ul.multiple-lists li a.icon-small-in:after {

  height:20px;

  left:15px;

  top:6px;

  width:22px

}

ul.multiple-lists li a.icon-small-in {

  padding-left:42px

}

a.icon-small-in.download:after {

  background-position:3px -212px

}

a.icon-small-in.mortgage-calculator:after,  a.icon-small-in.calculate-eligibility:after {

  background-position:-93px -212px

}

a.icon-small-in.credit-card-loan:after {

  background-position:-182px -212px

}

a.icon-small-in.retirement-plan:after {

  background-position:-136px -211px

}

a.icon-small-in.pay-widget:after {

  background-position:-46px -211px

}

a.icon-small-in.monthly-repayment:after {

  background-position:-233px -211px

}

ul.infobox-anchor-link {

  width:60%;

  margin-bottom:0

}

ul.infobox-anchor-link.block-grid {

  width:100%;

  overflow:visible

}

.info-box ul.multiple-lists {

  margin:0 0 15px 0

}

ul.infobox-anchor-link.block-grid.two-up>li {

  width:48%;

  margin-left:4%

}

.info-box .block-grid.two-up>li {

  padding:0

}

ul.infobox-anchor-link.block-grid.two-up>li:nth-child(2n+1) {

margin-left:0

}

ul.infobox-anchor-link li {

  border-bottom:1px solid #e5e5e5

}

ul.infobox-anchor-link li a.icon-small-in {

  padding-left:27px

}

ul.infobox-anchor-link li a.icon-small-in:after {

  left:0

}

.infobox-anchor-link a.icon-small-in.category-loan:after {

  background-position:0 -269px

}

.infobox-anchor-link a.icon-small-in.category-mortgage:after {

  background-position:-57px -269px

}

.infobox-anchor-link a.icon-small-in.category-refinance:after {

  background-position:-113px -269px

}

.infobox-anchor-link a.icon-small-in.talk-to-us:after {

  background-position:-165px -269px

}

.infobox-anchor-link a.icon-small-in.write-to-us:after {

  background-position:-220px -269px

}

.infobox-anchor-link a.icon-small-in.contact-me:after {

  background-position:-269px -269px

}

.infobox-anchor-link a.icon-small-in.locate-us:after {

  background-position:-317px -269px

}

ul.infobox-anchor-link li a {

  color:#fff

}

ul.infobox-anchor-link li a:before {

  margin-left:-18px;

  position:absolute;

  top:10px;

  content:"";

  width:13px;

  height:13px;

  background:url(https://www.sc.com/global/assets/global/images/page/white-arrow-tab.png);

  left:0;

  display:none

}

ul.infobox-anchor-link li:hover a:before {

  display:block

}

.extra-header .mast-sub-header h1,  .extra-header .mast-sub-header h4 {

  margin:0

}

.extra-header h4 {

  font-size:20px

}

.extra-header .mast-sub-header h4 {

  font-size:26px

}

.cf:before,  .cf:after {

  content:" ";

  display:table

}

.cf:after {

  clear:both

}

.cf {

*zoom:1

}

table td,  table th {

  padding:9px 10px

}

table tbody td.ltd,  table thead th.ltd {

  text-align:left

}

table tbody tr.alt-row {

  background:#f8f8f8

}

table.special tbody tr.alt-row {

  background:#FFF

}

table td.at,  table th.at {

  background:#f5f5f5

}

table.border-table {

  border-collapse:collapse

}

table.news-data-download tbody,  table.news-data-download thead {

  box-shadow:none

}

table.news-data-download thead {

  background:0

}

table.news-data-download tbody tr {

  border-bottom:1px solid #dbdbdd

}

table.news-data-download tbody td {

  text-align:left

}

table.list-news tbody td {

  padding:10px

}

table tbody tr.no-table-row-line {

  border-bottom:0 none !important

}

table.news-data-download tbody tr:nth-child(2n) {

background:0

}

table.news-data-download a.icon-small-in {

  position:relative;

  padding-left:25px

}

table.news-data-download tbody td a.icon-small-in:after {

  height:20px;

  margin-left:-10px;

  top:0;

  width:22px

}

table.news-data-download tbody td a strong {

  color:#2aac48

}

table.news-data-download tbody td a:hover strong {

  color:#000

}

a.doc-icon strong,  a.doc-icon {

  display:block

}

a.doc-icon {

  padding-left:24px;

  position:relative;

  font-weight:bold;

}

.selectable-components article.row {

  border-bottom: 1px solid #efefef;

  padding-bottom: 10px;

  padding-top: 10px

}

.selectable-components p.scrollnav a {

  font-weight: bold;

}

a.doc-icon:after {

  position:absolute;

  content:"";

  left:0;

  top:0px;

  margin-top:-2px;

  width:18px;

  height:18px;

  background-image:url(https://www.sc.com/global/assets/global/images/page/iconlib_small.png);

  background-repeat:no-repeat

}

ul.doc-download-list a.doc-icon:after {

  top:9px

}

ul.doc-download-list a.doc-icon {

  padding-left:26px

}

ul.doc-download-list a span {

  color:#999

}

a.txt-doc:after {

  background-position:-282px -213px

}

a.pdf-doc:after {

  background-position:-138px -213px

}

.corner-stamp a.doc-icon:after {

  top:50%;

  margin-top:-9px

}

.corner-stamp .elm-content-area h6 {

  line-height:1.2em

}

.corner-stamp .elm-content-area h6 a {

  color:#29ad48;

  word-wrap: break-word;

}

.corner-stamp .elm-content-area h6 a:hover {

  color:#000

}

.single-list-detail table.news-data-download {

  margin-bottom:30px

}

table.data-list-common tbody tr td:first-child {

  width:70px

}

table.data-list-common tbody td+td {

  text-align:left

}

@media only screen and (min-width:768px) {

table.responsive {

width:100%

}

}

@media only screen and (max-width:767px) {

.featured-select {

right:30px

}

.universal-black .featured-select {

display:none

}

.universal-grey #>a {

color:#666

}

.sub-page .inner-login {

display:none

}

.sub-page .login-home {

display:block

}

.page-cta {

top:-100px

}

.page-cta article a.button {

top:35%

}

table.responsive {

margin-bottom:0

}

.pinned {

position:absolute;

left:0;

top:0;

background:#fff;

width:35%;

overflow:hidden;

overflow-x:scroll;

border-right:1px solid #ccc;

border-left:1px solid #ccc

}

.pinned table {

border-right:0;

border-left:0;

width:100%

}

.pinned table th,  .pinned table td {

white-space:nowrap

}

.pinned td:last-child {

border-bottom:0

}

div.table-wrapper {

position:relative;

margin-bottom:20px;

overflow:hidden;

border-right:1px solid #ccc

}

div.table-wrapper div.scrollable table {

margin-left:35%

}

div.table-wrapper div.scrollable {

overflow:scroll;

overflow-y:hidden

}

.table-data-full div.table-wrapper div.scrollable table {

margin-left:0

}

.table-data-full .pinned {

display:none

}

table.responsive td,  table.responsive th {

position:relative;

white-space:normal !important;

overflow:hidden

}

table.responsive th.at,  table.responsive td.at,  table.responsive td.at,  table.responsive.pinned td {

display:none

}

}

@media only screen and (max-width:1279px) and (min-width:1024px) {

#universalNav.nav-bar>li {

margin-right:15px

}

}

@media only screen and (min-width:900px) {

#header .searchbar-top input.sbox-on {

width:100px

}

.universal-grey #header .searchbar-top input.sbox-on {

width:90px;

background:#fff url(https://www.sc.com/global/assets/global/images/page/search-icon.png) 60px 7px no-repeat

}

#header .searchbar-top input.sbox-off {

width:300px;

background:#fff url(https://www.sc.com/global/assets/global/images/page/search-icon.png) 270px 7px no-repeat

}

}

@media only screen and (max-width:899px) and (min-width:768px) {

.brand-header .nav-bar>li>a>summary {

font-size:10px

}

#header .searchbar-top input.sbox-on {

width:30px

}

.searchbar-top .button {

margin-left:-11px

}

#loginBox {

top:70px

}

}

@media only screen and (max-width:980px) and (min-width:768px) {

#header #universalNav.nav-bar>li>a:first-child {

padding-left:10px;

padding-right:10px

}

.universal-black #universalNav {

background:url("https://www.sc.com/global/assets/global/images/page/top-menu1-item-bg.gif") repeat-x scroll 0 0 transparent

}

.universal-grey #header #universalNav.nav-bar>li>a:first-child {

padding-left:4px;

padding-right:4px

}

.universal-grey #header #universalNav.nav-bar>li.has-flyout>a:first-child {

padding-left:5px;

padding-right:5px

}

}

@media only screen and (max-width:979px) and (min-width:960px) {

#header #utilityNav.nav-bar>li>a:first-child {

line-height:50px;

padding:0 8px

}

#utilityNav.nav-bar>li>a:first-child b {

display:none

}

#header #universalNav.nav-bar>li>a:first-child {

font-size:12px

}

.universal-grey #header #utilityNav.nav-bar>li>a:first-child {

padding:0 5px 0 28px

}

}

@media only screen and (max-width:959px) and (min-width:800px) {

.brand-header .nav-bar>li>a span.summary {

font-size:11px

}

}

@media only screen and (max-width:799px) and (min-width:768px) {

.brand-header .nav-bar>li>a {

font-size:15px

}

.search-on {

right:90px

}

}

@media only screen and (min-width:768px) {

.brand-header .nav-bar>li>a:first-child {

border-bottom:4px solid #fff

}

.brand-header .nav-bar>li.active>a:first-child {

border-color:#29ad48

}

.brand-header .nav-bar>li:hover>a:first-child {

border-bottom-color:#fff !important

}

body.page-sme #universalNav.nav-bar>li>a:first-child i {

display:inline

}

#universalNav.nav-bar>li.active {

background:url(https://www.sc.com/global/assets/global/images/page/page-select-arrow-top.gif) no-repeat bottom center

}

#universalNav {

display:block !important

}

.header .bg-menu {

top:0

}

#options a.button {

margin-bottom:10px

}

.orbit .orbit-slide {

max-width:none

}

.orbit .orbit-slide {

margin-right:-790px;

right:50%

}

#megaNav {

display:block !important

}

.brand-header .standard-chartered-logo-holder {

position:absolute;

left:20px;

top:10px

}

.brand-header {

padding-left:208px

}

.header .bg-menu {

right:50%

}

.block-grid.four-up>li {

padding:0 10px

}

.banner-thumbs .block-grid.four-up>li {

background:url(https://www.sc.com/global/assets/global/images/page/cycle-divider.png) right top no-repeat

}

.banner-thumbs .block-grid.four-up>li:last-child {

background:0

}

.mega-sidebar {

padding-left:20px

}

.universal-black #universalNav.nav-bar>li>a:first-child {

background:0

}

.nav-bar>li.rmv-divider>a:first-child {

background:#383838

}

.nav-on li.hide-item-menu {

display:block

}

.nav-off li.hide-item-menu {

display:none

}

#megaNav.nav-bar>li.has-flyout:hover a:after {

display:block

}

#universalNav ul.flyout,  #utilityNav ul.flyout {

width:180px

}

.orbit-wrapper .orbit-caption {

z-index:30;

color:#fff;

padding:7px 1px 7px 7px;

font-size:13px;

position:absolute;

right:0;

bottom:10px;

width:100%

}

.orbit.with-bullets {

margin-bottom:0

}

.info-box {

background:url(https://www.sc.com/global/assets/global/images/page/info-bg-op.png);

padding:22px 21px 22px 22px;

margin-right:0

}

#loginBox {

left:8px;

z-index:12

}

.sticky #loginBox {

top:50px

}

.sub-page .sticky #loginBox {

top:57px;

display:none !important

}

.login-on {

display:block

}

.login-off {

display:none !important

}

.brand-header .nav-bar .flyout {

background:#f8f8f8;

background-image:url(https://www.sc.com/global/assets/global/images/page/mega-right-bg.gif);

background-image:url(https://www.sc.com/global/assets/global/images/page/mega-right-bg.gif), -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#fefefe));

background-image:url(https://www.sc.com/global/assets/global/images/page/mega-right-bg.gif), -webkit-linear-gradient(top, #f8f8f8, #fefefe);

background-image:url(https://www.sc.com/global/assets/global/images/page/mega-right-bg.gif), -moz-linear-gradient(top, #f8f8f8, #fefefe);

background-image:url(https://www.sc.com/global/assets/global/images/page/mega-right-bg.gif), -ms-linear-gradient(top, #f8f8f8, #fefefe);

background-image:url(https://www.sc.com/global/assets/global/images/page/mega-right-bg.gif), -o-linear-gradient(top, #f8f8f8, #fefefe);

background-image:url(https://www.sc.com/global/assets/global/images/page/mega-right-bg.gif), linear-gradient(top, #f8f8f8, #fefefe);

background-position:right top;

background-repeat:no-repeat;

overflow:hidden;

border-top:0 none;

padding:20px

}

.brand-header .nav-bar .flyout:after {

display:block;

position:absolute;

width:11px;

height:383px;

content:"";

background:url(https://www.sc.com/global/assets/global/images/page/bg-shadow-right.png) no-repeat 0 0;

top:50%;

margin-top:-192px;

right:24.4%

}

.brand-header .nav-bar .flyout {

background-size:25.5% auto

}

#megaNav .new-way article {

margin-bottom:12px

}

.brand-header .nav-bar .new-way .flyout {

background:#eee;

background-image:none;

padding:0

}

.new-way .mega-bar-cutter {

margin:0;

padding-bottom:9px;

padding-top:8px

}

.new-way .mega-bar-cutter a span {

top:-4px

}

.new-way .block-grid.three-up {

padding:20px 15px 20px;

background:#f3f3f3;

background-image:url(https://www.sc.com/global/assets/global/images/page/bg-shdow-menu.gif);

background-image:url(https://www.sc.com/global/assets/global/images/page/bg-shdow-menu.gif), -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#fafafa));

background-image:url(https://www.sc.com/global/assets/global/images/page/bg-shdow-menu.gif), -webkit-linear-gradient(top, #f3f3f3, #fafafa);

background-image:url(https://www.sc.com/global/assets/global/images/page/bg-shdow-menu.gif), -moz-linear-gradient(top, #f3f3f3, #fafafa);

background-image:url(https://www.sc.com/global/assets/global/images/page/bg-shdow-menu.gif), -ms-linear-gradient(top, #f3f3f3, #fafafa);

background-image:url(https://www.sc.com/global/assets/global/images/page/bg-shdow-menu.gif), -o-linear-gradient(top, #f3f3f3, #fafafa);

background-image:url(https://www.sc.com/global/assets/global/images/page/bg-shdow-menu.gif), linear-gradient(top, #f3f3f3, #fafafa);

background-repeat:repeat-y;

webkit-border-radius:0 5px 5px 0;

-moz-border-radius:0 5px 5px 0;

-ms-border-radius:0 5px 5px 0;

-o-border-radius:0 5px 5px 0;

border-radius:0 5px 5px 0

}

.new-way #ways-to-bank-tabs.tabs.vertical {

position:relative;

z-index:1;

border-bottom:0 none;

padding-right:4px

}

.new-way #ways-to-bank-tabs.tabs.vertical dd.active a,  .new-way .tabs.vertical dd a:active,  .new-way #ways-to-bank-tabs.tabs.vertical dd a:focus {

background:#f3f3f3;

background-image:none;

background-image:-webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#f6f6f6));

background-image:-webkit-linear-gradient(top, #f3f3f3, #fafafa);

background-image:-moz-linear-gradient(top, #f3f3f3, #f6f6f6);

background-image:-ms-linear-gradient(top, #f3f3f3, #f6f6f6);

background-image:-o-linear-gradient(top, #f3f3f3, #f6f6f6);

background-image:linear-gradient(top, #f3f3f3, #f6f6f6)

}

.new-way #ways-to-bank-tabs.tabs.vertical dd.active {

background:url(https://www.sc.com/global/assets/global/images/page/bg-shdow-menu-btm.png) bottom left repeat-x;

padding-bottom:4px

}

.new-way #ways-to-bank-tabs.tabs.vertical dd.active a {

border-top:1px solid #e4e4e4 !important

}

.new-way #ways-to-bank-tabs.tabs.vertical dd.active:first-child a {

border-top:0 none !important

}

.new-way #ways-to-bank-tabs.tabs.vertical dd:first-child a {

webkit-border-radius:5px 0 0 0;

-moz-border-radius:5px 0 0 0;

-ms-border-radius:5px 0 0 0;

-o-border-radius:5px 0 0 0;

border-radius:5px 0 0 0

}

.sticky .standard-chartered-logo-holder img {

width:100px

}

.sticky .brand-header {

padding:0 0 0 226px

}

.sticky .brand-header .nav-bar>li>a>summary,  .sticky .brand-header .nav-bar>li>a>span.summary {

display:none

}

.sticky .brand-header .nav-bar {

margin-top:0;

height:38px

}

.sticky .brand-header .standard-chartered-logo-holder {

top:5px

}

.sub-page #loginBox {

display:block !important

}

.stick-off p.scrollnav {

margin-left:150px

}

.link-blocks li a {

padding:7px 16px !important;

display:block !important

}

.link-blocks li {

margin-bottom:4px !important

}

.flyout .right-card {

padding-left:0 !important

}

.right-card p a {

margin-top:10px !important

}

#featured {

width:100%;

height:360px;

overflow:hidden

}

.single-banner #featured {

width:100%;

height:350px;

overflow:hidden

}

.banner-container {

z-index:3

}

.banner-container .row {

overflow:visible;

-moz-box-shadow:0 4px 4px 0 #eee;

-webkit-box-shadow:0 4px 4px 0 #eee;

box-shadow:0 4px 4px 0 #eee

}

ul.orbit-bullets {

bottom:0

}

ul.orbit-bullets li {

background:0;

width:25%;

margin-left:0

}

ul.orbit-bullets li:hover,  ul.orbit-bullets li.active {

border-bottom:4px solid #29ad48

}

.banner-thumbs {

z-index:2

}

.common-contact-block .panel {

margin-bottom:0

}

.bottom-buttons {

padding-top:15px

}

.bottom-buttons .button {

width:100%;

display:block;

margin-top:10px

}

#page-sitemap a {

display:block;

margin-bottom:3px

}

#page-sitemap p {

margin-bottom:0

}

.inpage-search p {

margin-left:51%;

margin-right:2%

}

.stick-off {

top:35px

}

.filter .more-items {

left:0

}

.more-items {

-webkit-border-radius:0 5px 5px 5px;

-moz-border-radius:0 5px 5px 5px;

-ms-border-radius:0 5px 5px 5px;

-o-border-radius:0 5px 5px 5px;

border-radius:0 5px 5px 5px

}

#loginBox {

left:9px

}

.credit-card-select h5 {

height:42px

}

h5.alert-new {

line-height:24px;

margin:0

}

h5.alert-new a {

font-size:16px

}

.alert-new {

font-size:22px;

margin:0;

padding:16px 0 0 145px;

position:relative

}

.alert-new span {

position:absolute;

display:block;

width:120px;

left:0;

top:0

}

}

@media only screen and (min-width:980px) {

.orbit-wrapper .orbit-caption {

margin-right:0;

right:49%;

width:500px

}

}

@media only screen and (min-width:999px) {

ul.orbit-bullets {

width:1000px

}

.orbit-wrapper .orbit-caption {

margin-right:0;

right:50% !important;

width:500px

}

}

@media only screen and (min-width:768px) and (max-width:998px) {

ul.orbit-bullets {

width:100% !important

}

}

@media only screen and (max-width:800px) {

#utilityNav {

margin-left:9px;

margin-right:50px

}

.search-on .button {

width:0;

padding-left:0 !important;

visibility:hidden

}

.searchbar-top input#search-box.sbox-on {

width:34px;

background:url(https://www.sc.com/global/assets/global/images/page/search-icon.png) center center no-repeat;

-webkit-border-radius:1000px;

-moz-border-radius:1000px;

-ms-border-radius:1000px;

-o-border-radius:1000px;

border-radius:1000px

}

.universal-grey .searchbar-top input#search-box.sbox-on {

background-color:#f6f6f6;

border-color:#ccc

}

.search-on {

right:32px

}

.universal-grey .search-on {

right:0

}

.search-off {

right:0

}

.search-off .button {

width:100%;

 padding-left:30px !important;

visibility:visible

}

.searchbar-top input#search-box.sbox-off {

width:160px;

padding-left:30px

}

#mob-close {

height:23px;

width:23px;

background:url(https://www.sc.com/global/assets/global/images/page/search-close.png) no-repeat 0 0;

position:absolute;

left:12px;

top:12px;

z-index:5

}

.sclose-on {

display:none

}

.sclose-off {

display:block;

cursor:pointer

}

.featured-select {

display:none

}

}

@media only screen and (max-width:767px) {

h5.alert-new {

line-height:24px;

margin:10px 0 0 10px

}

h5.alert-new a {

font-size:16px

}

.alert-new {

font-size:20px;

padding:0 0 0 100px;

position:relative

}

.alert-new span {

position:absolute;

display:block;

width:85px;

left:0;

top:0

}

.elements header a {

display:block;

max-height:100px;

overflow:hidden

}

#megaNav {

display:none

}

.footer-block .block-grid>li>a {

padding-left:14px

}

.filter .more-items {

left:0;

-webkit-border-radius:5px 0 5px 5px;

-moz-border-radius:5px 0 5px 5px;

-ms-border-radius:5px 0 5px 5px;

-o-border-radius:5px 0 5px 5px;

border-radius:5px 0 5px 5px

}

.more-tags {

padding-top:2px

}

.no-banner .sticky header.mast-sub-header dl {

margin-left:5px

}

.stick-off {

top:35px

}

#header #universalNav {

display:none

}

#selectedCap {

display:block;

left:0;

position:absolute;

z-index:10

}

#selectedCap>a {

display:block;

font-size:12px;

line-height:50px;

padding:0 18px 0 4px;

color:#29ad48;

text-transform:uppercase

}

.universal-grey #selectedCap>a {

padding:0 20px 0 10px

}

#selectedCap>a:after {

content:"";

display:block;

width:0;

height:0;

border:solid 5px;

border-color:#29ad48 transparent transparent transparent;

margin-right:4px;

margin-top:-2.5px;

position:absolute;

right:0;

top:50%

}

#selectedCap.openCap>a:after {

border-color:transparent transparent #29ad48 transparent;

margin-top:-7.5px

}

#utilityNav.nav-bar>li.animated-menu>a:first-child {

padding:0 12px

}

#utilityNav.nav-bar>li.animated-menu {

float:left;

border-bottom:0 none

}

#utilityNav.nav-bar>li.animated-menu>a:first-child {

font-size:10px;

color:#777

}

.universal-black #utilityNav.nav-bar>li.animated-menu:hover>a:first-child {

color:#aaa;

background:#4e4e50

}

.brand-header .nav-bar .flyout h4.subheader {

position:relative;

cursor:pointer

}

.brand-header .nav-bar .flyout li {

border-bottom:1px solid #f5f5f5

}

.brand-header .nav-bar .flyout h4.subheader:before {

content:"";

display:block;

width:0;

height:0;

border-top:5px solid transparent;

border-bottom:5px solid transparent;

border-left:5px solid #aaa;

right:10px;

margin-right:4px;

margin-top:-2.5px;

position:absolute;

right:0;

top:50%

}

body {

background:#fff

}

[role="main"] {

background:#fff

}

.header .bg-menu {

bottom:0;

left:0;

position:absolute;

width:50%

}

.top-bar ul>li a {

white-space:pre-wrap;

white-space:-moz-pre-wrap;

white-space:-pre-wrap;

white-space:-o-pre-wrap;

word-wrap:break-word

}

#megaNav h4 {

font-size:16px

}

.top-bar ul>li a span {

display:block;

font-size:11px;

color:#666;

margin-top:3px

}

#megaMenu,  #megaLogin {

position:absolute;

top:14px

}

#megaMenu {

right:90px

}

#megaLogin {

right:12px

}

.navbar-button {

padding:10px 10px 10px 36px;

position:relative;

color:#b5bcc2

}

.navbar-button span {

display:block;

position:absolute;

left:0;

top:0;

background:url(https://www.sc.com/global/assets/global/images/page/iconlib_small.png) no-repeat;

height:32px;

width:32px

}

#megaLogin {

margin-left:0;

padding-right:0

}

#megaLogin span {

background-position:-160px -64px

}

#megaLogin.open span {

background-position:-122px -64px

}

#megaMenu span {

background-position:-122px -101px

}

#megaMenu.open span {

background-position:-160px -101px

}

#megaMenu,  #megaLogin.open {

color:#555

}

#megaMenu.open,  #megaLogin {

color:#b5bcc2

}

.mega-bar-cutter {

display:none

}

.universal-grey .search-off {

background:#f4f4f4;

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4 ', endColorstr='#e0e0e0');

background:-webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#e0e0e0));

background:-webkit-linear-gradient(top, #f4f4f4, #e0e0e0);

background:-moz-linear-gradient(top, #f4f4f4, #e0e0e0);

background:-ms-linear-gradient(top, #f4f4f4, #e0e0e0);

background:-o-linear-gradient(top, #f4f4f4, #e0e0e0);

background:linear-gradient(top, #f4f4f4, #e0e0e0)

}

#.sc-off {

z-index:10

}

#.sc-on {

z-index:10

}

.banner-thumbs p {

display:none

}

.brand-header {

padding:0

}

#megaNav {

padding:1px

}

.brand-header .standard-chartered-logo-holder img {

width:90px

}

.nav-bar>li {

border-bottom:1px solid #282828

}

#universalNav.nav-bar>li>a:first-child {

background:#333;

padding:0 15px

}

.nav-bar>li>a:first-child {

background:#383838

}

.standard-chartered-logo-holder {

padding:10px;

-moz-box-shadow:0 2px 2px #999;

-webkit-box-shadow:0 2px 2px #999;

box-shadow:0 2px 2px #999

}

.brand-header .nav-bar {

margin-top:3px

}

.brand-header .nav-bar>li {

border-color:#eee;

margin-right:0;

padding-bottom:0;

border:1px solid #eee;

margin-bottom:2px;

background:#fefefe;

background:-webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#fefefe));

background:-webkit-linear-gradient(top, #f4f4f4, #fefefe);

background:-moz-linear-gradient(top, #f4f4f4, #fefefe);

background:-ms-linear-gradient(top, #f4f4f4, #fefefe);

background:-o-linear-gradient(top, #f4f4f4, #fefefe);

background:linear-gradient(top, #f4f4f4, #fefefe)

}

.brand-header .nav-bar .flyout {

box-shadow:none

}

.brand-header .nav-bar>li.active {

border-color:#eee

}

.brand-header .nav-bar>li>a:first-child {

background:none repeat scroll 0 0 transparent

}

.brand-header .nav-bar>li,  .brand-header .nav-bar>li>a:first-child {

-webkit-border-radius:4px;

-moz-border-radius:4px;

-ms-border-radius:4px;

-o-border-radius:4px;

border-radius:4px

}

.brand-header .nav-bar>li>a {

padding:10px 5px

}

.brand-header .nav-bar>li>a:first-child {

padding:3px 5px 2px

}

#megaNav.nav-bar>li.has-flyout>a:first-child {

background:url(https://www.sc.com/global/assets/global/images/page/more-ways-grey-bg.png) no-repeat 95% center

}

.nav-bar>li.has-flyout.active>a:first-child:after {

border-left-color:#29ad48

}

.row-container {

width:100%;

max-width:100%;

min-width:100%;

margin:0 auto;

overflow:hidden

}

.common-nav .nav-bar>li {

float:left

}

.brand-header .common-nav .nav-bar>li>a {

color:#222;

font-size:12px;

line-height:13px;

padding:0

}

.brand-header .common-nav .nav-bar>li>a:hover {

color:#29ad48

}

.brand-header .common-nav .nav-bar>li {

margin-right:0;

margin-bottom:0;

border-bottom:0 none;

padding-left:10px;

margin-left:10px

}

.brand-header .common-nav .nav-bar>li:first-child {

padding-left:0;

margin-left:0

}

.common-nav {

float:right

}

.pintile-boxes {

padding-top:10px;

position:relative

}

#utilityNav ul.flyout {

margin-left:0;

margin-right:0;

position:absolute;

top:50px;

box-shadow:none

}

#utilityNav ul.flyout {

-webkit-border-radius:0 0 7px 7px;

-moz-border-radius:0 0 7px 7px;

-ms-border-radius:0 0 7px 7px;

-o-border-radius:0 0 7px 7px;

border-radius:0 0 7px 7px;

background:#4e4e50;

border-top:0 none

}

#universalNav ul.flyout:after,  #utilityNav ul.flyout:after {

display:none

}

.universal-grey.arrowed #universalNav ul.flyout:after,  .universal-grey.arrowed #utilityNav ul.flyout:after {

display:none

}

#universalNav li.has-flyout:hover ul.flyout:after,  #utilityNav li.has-flyout:hover ul.flyout:after {

display:block

}

#header #universalNav {

display:none;

left:0;

margin-left:0;

position:absolute;

top:50px

}

#header #universalNav.blockmenu {

display:block !important

}

#universalNav ul.flyout {

display:block !important;

-webkit-border-radius:0;

-moz-border-radius:0;

-ms-border-radius:0;

-o-border-radius:0;

border-radius:0;

left:0;

margin-right:0;

padding:1px 6px;

box-shadow:none

}

#universalNav.nav-bar>li>a:first-child {

line-height:24px;

margin-top:10px

}

.menu-wrap {

float:left

}

#universalNav.nav-bar>li>a:first-child,  #universalNav.nav-bar {

background:#3f3f3f

}

.universal-grey #universalNav.nav-bar>li>a:first-child,  .universal-grey #universalNav.nav-bar {

background:#FFF

}

#universalNav ul.flyout li a:after {

display:block

}

#universalNav.nav-bar>li {

border:0 none;

margin-right:0

}

#universalNav.nav-bar {

padding:10px 0

}

.universal-grey #universalNav.nav-bar {

padding:10px 0;

border:1px solid #ccc

}

#universalNav.nav-bar>li:first-child a {

margin-top:0

}

ul.orbit-bullets {

bottom:0;

margin-bottom:-20px;

padding:0

}

.orbit.with-bullets {

margin-bottom:0

}

.orbit-wrapper .orbit-caption {

z-index:30;

color:#fff;

padding:0;

font-size:13px;

position:relative;

width:100%;

margin-bottom:30px

}

.single-banner .orbit-wrapper .orbit-caption {

margin-bottom:0

}

.info-box h2 {

font-size:25px

}

div.orbit img.fluid-placeholder,  div.orbit {

width:300% !important

}

.orbit .orbit-slide {

margin-right:50% !important

}

.info-box h3 {

display:none

}

.info-box {

padding:12px;

background:#919fa8

}

.info-box p {

font-size:12px;

line-height:15px

}

.footer-links .block-grid.four-up>li,  .footer-links .block-grid.two-up>li {

padding-bottom:0

}

div.orbit img.fluid-placeholder {

width:100%

}

#loginBox {

z-index:100;

right:0;

top:59px;

display:none

}

.footer-block .row {

background-size:100% 6px

}

.footer-block h6 {

font-size:13px

}

.footer-block .block-ft .block-grid>li {

padding:0;

padding-left:5px

}

.footer-block .block-ft .block-grid>li a {

padding:10px;

background:#2c2c2c

}

.block-ft .block-grid.mobile-two-up>li:nth-child(2n+1) {

padding-left:0

}

.footer-block .liner-ft .block-grid>li>a {

border-top:1px solid #5e5e5e;

margin-bottom:0!important;

}

.footer-block .liner-ft .block-grid>li:last-child>a {

border-bottom:1px solid #5e5e5e

}

.new-way .tabs dd a {

padding:0 12px

}

#ways-to-bank-tabs {

margin-bottom:20px !important

}

#page-sitemap p {

margin-bottom:0

}

#page-sitemap a:before {

content:"/ ";

color:#aaa

}

#page-sitemap a:first-child:before {

content:" "

}

.inpage-links p {

overflow-x:scroll;

white-space:nowrap

}

.credit-card-select a.button {

display:inline;

line-height:15px;

padding:5px 10px 8px

}

.credit-card-select aside {

padding:10px

}

.credit-card-select a.button.green {

margin-left:4px

}

#compare-btn-holder {

position:absolute;

right:10px;

top:5px

}

.select-card-holder .text-right {

text-align:left

}

.universal-grey #universalNav ul.flyout,  .universal-grey #utilityNav ul.flyout {

background:#fff;

border:0 none;

top:50px;

border-color:#ccc;

border-style:solid;

border-width:0 1px 1px 1px;

-webkit-border-radius:0 0 3px 3px;

-moz-border-radius:0 0 3px 3px;

-ms-border-radius:0 0 3px 3px;

-o-border-radius:0 0 3px 3px;

border-radius:0 0 3px 3px

}

.universal-grey #universalNav ul.flyout {

left:0

}

.universal-grey #utilityNav .contact-us ul.flyout {

left:auto;

right:0

}

.universal-grey.arrowed #utilityNav ul.flyout {

left:50% !important;

right:auto !important

}

.universal-grey.arrowed #utilityNav .contact-us ul.flyout {

margin-left:-88px

}

.universal-grey.arrowed #utilityNav .help-centre ul.flyout {

margin-left:-72px

}

.universal-grey #universalNav .has-flyout .flyout {

top:0;

padding-top:6px;

border-color:#fff

}

.universal-grey #utilityNav>li>a:first-child:after {

height:22px

}

.universal-grey #universalNav .has-flyout .flyout a {

font-weight: 400;

}

.universal-grey #utilityNav li.help-centre>a:first-child:after {

background-position:-404px -165px;

width:20px

}

.universal-grey #utilityNav li.atm-branches>a:first-child:after {

background-position:-452px -165px;

width:16px

}

.universal-grey #utilityNav li.contact-us>a:first-child:after {

background-position:-495px -166px;

width:25px

}

#utilityNav {

float:right;

margin-right:50px;

margin-left:0

}

.brand-header .nav-bar>li {

height:44px !important;

overflow:hidden !important

}

.sticky .brand-header .nav-bar>li>a:first-child {

padding-top:0

}

}

@media only screen and (max-width:599px) {

#utilityNav.nav-bar>li.animated-menu.featured-menu {

display:none

}

}

@media only screen and (max-width:478px) {

#utilityNav.nav-bar>li.animated-menu>a:first-child {

padding:13px 7px 12px !important

}

.universal-black #utilityNav.nav-bar>li.animated-menu>a:first-child b {

display:inline

}

#utilityNav.nav-bar>li.animated-menu>a:first-child {

line-height:12px

}

.universal-grey #utilityNav.nav-bar>li.animated-menu>a:first-child {

padding:0 !important;

height:50px;

overflow:hidden;

text-indent:-999px

}

.universal-grey #utilityNav>li.help-centre>a:first-child {

width:40px

}

.universal-grey #utilityNav>li.atm-branches>a:first-child {

width:36px

}

.universal-grey #utilityNav>li.contact-us>a:first-child {

width:49px

}

.universal-grey #utilityNav li.help-centre>a:first-child:after {

left:10px

}

.universal-grey #utilityNav li.atm-branches>a:first-child:after {

left:10px

}

.universal-grey #utilityNav li.contact-us>a:first-child:after {

left:12px

}

.one-up-holder .block-grid.mobile-two-up>li {

width:100%

}

.one-up-holder .block-grid.mobile-two-up>li:nth-child(2n+1) {

clear:none

}

}

@media only screen and (min-width:480px) {

.show-for-480 {

display:block !important

}

}

@media only screen and (min-width:480px) and (max-width:767px) {

.universal-grey #utilityNav.nav-bar>li.animated-menu>a:first-child {

padding:13px 7px 13px 35px;

line-height:12px

}

.universal-grey #utilityNav.nav-bar>li.animated-menu>a:first-child>b {

display:inline

}

.universal-grey #utilityNav>li.atm-branches>a {

padding-left:26px !important

}

.universal-grey #utilityNav>li.help-centre>a {

padding-left:28px !important

}

.universal-grey #utilityNav>li.contact-us>a {

padding-left:38px !important

}

}

@media only screen and (max-width:479px) {

.page-cta article h5 {

font-size:14px

}

.show-for-480 {

display:none !important

}

.inpage-links p a {

padding:2px 5px

}

.inpage-links p,  .inpage-links p a,  .shadow-block p {

font-size:11px

}

.page-cta article a.button {

position:relative;

right:0;

top:0

}

.page-cta article h5 {

padding-right:0;

margin-bottom:5px

}

}

@media only screen and (max-width:979px) and (min-width:768px) {

.home-page #loginBox {

top:70px

}

.home-page #loginBox .login-home {

width:195px

}

.home-page .sticky #loginBox {

top:50px

}

.orbit-wrapper .orbit-caption {

width:500px;

left:0

}

.info-box {

margin-right:0

}

.brand-header .standard-chartered-logo-holder {

width:100px;

top:16px

}

.sticky .brand-header,  .brand-header {

padding-left:180px

}

.brand-header .nav-bar>li>a>h3 {

font-size:15px

}

.brand-header .nav-bar>li.two-liner>a>summary {

line-height:12px

}

.brand-header .nav-bar>li>a:first-child {

margin-left:8px;

padding-top:22px;

padding-bottom:12px

}

#miniLogin .login-wrapper {

padding:6px

}

#miniLogin a {

display:inline-block;

padding:3px 2px

}

.brand-header .nav-bar {

margin-top:2px

}

.links-to-page {

font-size:10px

}

}

.disblock {

  display:block !important

}

#mti_wfs_colophon {

  display:none !important

}

.button.blue {

  background:-moz-linear-gradient(center top, #0080d6, #006fb4) repeat scroll 0 0 transparent;

  border-color:#0072ba;

  color:#fff

}

.button.grey {

  color:#aaa

}

.button.grey:hover {

  color:#666

}

#faq,  #eligibility,  #terms-conditions,  #rewards,  #rewards p,  #how-it-works,  #how-it-works p {

  color:#666

}

@media only screen and (min-width:1581px) {

.orbit .orbit-slide {

width:100%;

max-width:100%;

margin-right:0;

right:0

}

.banner-container .row {

width:100%

}

}

.banner-image-rt {

  height:120px;

  background:#f5f5f5;

  margin-top:14px;

  margin-bottom:7px;

  overflow:hidden

}

.banner-image-rt img {

  margin-top:-60px

}

@media only screen and (max-width:767px) {

#utilityNav.nav-bar>li:after {

border-bottom:8px solid #fff;

border-left:8px solid transparent;

border-right:8px solid transparent;

bottom:0;

content:"";

display:none;

height:0;

left:50%;

margin-left:-8px;

margin-top:0;

position:absolute;

width:0

}

#utilityNav.nav-bar>li.has-flyout:hover:after {

display:block

}

}

em.preferred-in {

  display:none

}

@media only screen and (min-width:768px) {

#universalNav.nav-bar>li:after,  #utilityNav.nav-bar>li:after {

border-bottom:8px solid #fff;

border-left:8px solid transparent;

border-right:8px solid transparent;

bottom:0;

content:"";

display:none;

height:0;

left:50%;

margin-left:-8px;

margin-top:0;

position:absolute;

width:0

}

#universalNav.nav-bar>li.has-flyout:hover:after,  #utilityNav.nav-bar>li.has-flyout:hover:after {

display:block

}

.page-personal #universalNav.nav-bar>li.personal>a,  .page-priority #universalNav.nav-bar>li.priority>a,  .page-nri #universalNav.nav-bar>li.nri>a,  .page-wholdesale #universalNav.nav-bar>li.business>a,  .page-business #universalNav.nav-bar>li.business>a,  .page-sme #universalNav.nav-bar>li.business>a,  .page-personal #universalNav.nav-bar>li.personal>a,  .page-contact-us #utilityNav.nav-bar>li.contact-us>a,  .page-help-centre #utilityNav.nav-bar>li.help-centre>a {

color:#000

}

.page-personal #universalNav.nav-bar>li.personal:after,  .page-preferred #universalNav.nav-bar>li.personal:after,  .page-priority #universalNav.nav-bar>li.priority:after,  .page-nri #universalNav.nav-bar>li.nri:after,  .page-wholdesale #universalNav.nav-bar>li.business:after,  .page-business #universalNav.nav-bar>li.business:after,  .page-sme #universalNav.nav-bar>li.business:after,  .page-personal #universalNav.nav-bar>li.personal:after,  .page-contact-us #utilityNav.nav-bar>li.contact-us:after,  .page-help-centre #utilityNav.nav-bar>li.help-centre:after {

display:block

}

.page-personal em.preferred-in,  .page-preferred em.personal-in {

display:none

}

.page-personal em.personal-in,  .page-preferred em.preferred-in {

display:inline

}

}

.section-ways-to-bank .personal-nav .brand-header .nav-bar>li.bank-with-us>a>h3,  .section-credit-card .personal-nav .brand-header .nav-bar>li.credit-cards>a>h3,  .section-save .personal-nav .brand-header .nav-bar>li.save>a>h3,  .section-borrow .personal-nav .brand-header .nav-bar>li.borrow>a>h3,  .section-invest .personal-nav .brand-header .nav-bar>li.invest>a>h3,  .section-insure .personal-nav .brand-header .nav-bar>li.insure>a>h3 {

  color:#29ad48

}

.section-ways-to-bank .personal-nav .brand-header .nav-bar>li.bank-with-us>a:first-child,  .section-credit-card .personal-nav .brand-header .nav-bar>li.credit-cards>a:first-child,  .section-save .personal-nav .brand-header .nav-bar>li.save>a:first-child,  .section-borrow .personal-nav .brand-header .nav-bar>li.borrow>a:first-child,  .section-invest .personal-nav .brand-header .nav-bar>li.invest>a:first-child,  .section-insure .personal-nav .brand-header .nav-bar>li.insure>a:first-child {

  border-bottom-color:#29ad48

}

.section-business-protection .sme-nav .brand-header .nav-bar>li.business-protection>a>h3,  .section-cross-border .sme-nav .brand-header .nav-bar>li.cross-border-solutions>a>h3,  .section-business-expansion .sme-nav .brand-header .nav-bar>li.business-expansion>a>h3,  .section-trade-working-capital .sme-nav .brand-header .nav-bar>li.trade-working-capital>a>h3,  .section-yield-enhancement .sme-nav .brand-header .nav-bar>li.yield-enhancement>a>h3 {

  color:#29ad48

}

.section-business-protection .sme-nav .brand-header .nav-bar>li.business-protection>a:first-child,  .section-cross-border .sme-nav .brand-header .nav-bar>li.cross-border-solutions>a:first-child,  .section-business-expansion .sme-nav .brand-header .nav-bar>li.business-expansion>a:first-child,  .section-trade-working-capital .sme-nav .brand-header .nav-bar>li.trade-working-capital>a:first-child,  .section-yield-enhancement .sme-nav .brand-header .nav-bar>li.yield-enhancement>a:first-child {

  border-bottom-color:#29ad48

}

.section-nri-save .nri-nav .brand-header .nav-bar>li.nri-save>a>h3,  .section-nri-remit .nri-nav .brand-header .nav-bar>li.nri-remit>a>h3,  .section-nri-borrow .nri-nav .brand-header .nav-bar>li.nri-borrow>a>h3,  .section-nri-invest .nri-nav .brand-header .nav-bar>li.nri-invest>a>h3 {

  color:#29ad48

}

.section-nri-save .nri-nav .brand-header .nav-bar>li.nri-save>a:first-child,  .section-nri-remit .nri-nav .brand-header .nav-bar>li.nri-remit>a:first-child,  .section-nri-borrow .nri-nav .brand-header .nav-bar>li.nri-borrow>a:first-child,  .section-nri-invest .nri-nav .brand-header .nav-bar>li.nri-invest>a:first-child {

  border-bottom-color:#29ad48

}

*,  body,  select,  input,  form,  label,  li {

  font-smooth:always;

  -webkit-font-smoothing:antialiased;

  -moz-font-smoothing:antialiased;

  font-smoothing:antialiased

}

.inpage-content {

  padding:auto 10px

}

.inpage-content,  .inpage-content .columns,  .inpage-content p,  inpage-content li,  ul.green-arrow li {

  font-size:14px;

  color:#424242;

  line-height:1.3em

}

.inpage-content a,  .green-text {

  color:#2fac34;

  color:#26922c

}

.inpage-content a:hover {

  color:#000

}

.scblue,  .long-list .four.columns b {

  color:#0070ae

}

.scgreen {

  color:#2fac34

}

.inpage-content h4 {

  color:#424242

}

.here-for-good .green-txt {

  color:#28ab47

}

.inpage-content h1,  .inpage-content h2,  .inpage-content h3,  .inpage-content h5 {

  color:#111;

  margin:1em 0 1em auto;

  padding:0

}

.single-list-detail .row {

  margin:.25em .25em .25em auto;

  border-bottom:1px solid #eee;

  padding-bottom:.25em

}

.single-list-detail .button {

  margin:1em auto

}

.spaced a {

  font-weight:bold

}

.spaced .row {

  margin:.75em .75em .75em auto;

  border-bottom:1px solid #eee;

  padding-bottom:.75em

}

.spaced .row:last-child {

  border:0

}

.inpage-content h1 {

  font-size:30px

}

.inpage-content h3,  .inpage-content h2 {

  font-size:26px

}

.inpage-content h5 {

  font-size:20px;

  color:#0070ae

}

.inpage-content h6 {

  font-size:16px;

  margin:2em 0 .5em auto;

  padding:0;

  color:#333

}

.inpage-content .button,  .inpage-content .button:hover {

  color:#fff

}

.inpage-content ul,  .inpage-content dl {

  margin:2em auto

}

ul.green-arrow li,  .inpage-content ul li {

  margin:0 !important;

  padding-left:1.5em !important

}

.right-bar-links h6,  .right-bar-links h5 {

  margin:.5em auto 1em auto;

  padding:0

}

#page-sitemap h5 {

  color:#222

}

#page-sitemap a,  .page-sitemap a {

  color:#666

}

#page-sitemap a:hover,  .page-sitemap a:hover {

  color:#000

}

#loadMore_btn {

  color:#424242 !important

}

#loadMore_btn:hover {

  color:#111 !important

}

.nocaps {

  text-transform:none !important

}

.tiny {

  font-size:12px;

  color:#888

}

.vamoos {

  display:none

}

.promo {

  margin-top:1.5em

}

.promo a {

  -khtml-opacity:.80;

  -moz-opacity:.80;

  -ms-filter:"alpha(opacity=80)";

  filter:alpha(opacity=80);

  opacity:.80

}

.promo a img {

  width:80%

}

.promo a:hover {

  -khtml-opacity:1;

  -moz-opacity:1;

  -ms-filter:"alpha(opacity=100)";

  filter:alpha(opacity=100);

  opacity:1

}

.brand-header .nav-bar>li>a>summary,  .brand-header .nav-bar>li>a>span.summary {

  color:#888;

  display:block;

  line-height:12px;

  padding-top:5px

}

@media only screen and (max-width:899px) and (min-width:768px) {

.brand-header .nav-bar>li>a:first-child {

padding-bottom:18px;

padding-top:31px

}

.brand-header .nav-bar>li>a>summary,  .brand-header .nav-bar>li>a>span.summary {

font-size:10px;

display:none

}

.sticky .brand-header .nav-bar>li>a>summary,  .sticky .brand-header .nav-bar>li>a>span.summary {

display:none

}

.brand-header .nav-bar>li.two-liner>a>summary,  .brand-header .nav-bar>li.two-liner>a>span.summary {

line-height:12px

}

#featured {

background:#eee url(https://www.sc.com/global/assets/global/images/banner/standard-chartered-monochrome-logo.png) center center no-repeat

}

.footer-block {

padding:4em auto

}

.footer-block a {

color:#aaa

}

.footer-block a:hover {

color:#f2f2f2

}

}

.selected-language span {

  border-left:1px ridge #ddd;

  border-right:1px solid #ccc;

  height:15px;

  left:0;

  margin:0;

  position:absolute;

  top:10px;

  width:1px;

  z-index:100

}

.selected-language {

  display:block;

  margin-right:-30px;

  position:absolute;

  right:0;

  top:6px

}

.selected-language a {

  display:block;

  padding:10px

}

@media only screen and (max-width:1079px) {

.selected-language {

margin-right:0

}

.lang-selected .featured-select {

display:none

}

 .lang-selected .lang-select {

right:38px !important

}

}

@media only screen and (max-width:800px) {

.lang-selected#universal-bar {

margin-top:30px

}

.lang-selected .selected-language {

margin-top:-40px;

background:#ddd;

width:100%

}

.selected-language a {

float:right

}

}

.zh h1,  .zh h2,  .zh h3,  .zh h4,  .zh h5,  .zh h6,  .zh .card-selector li.selected a,  .zh dl.sub-nav dd.active a,  .zh #filters li a,  .zh dl.filter dd a,  .zh .credit-card-select .compare,  .zh #card-scroll ul li .compare,  .zh #universalNav.nav-bar>li>a:first-child,  .zh .universal-grey #selectedCap a,  .zh .filter li a,  .zh a.more-link,  .zh strong,  .zh b,  .zh .links-to-page,  .zh .button,  .zh #universalNav.nav-bar>li>a:first-child em,  .zh #extendLogin h6 a.lock-ext,  .zh .main-nav-wrap em,  .zh .login-wrapper h6 {

  font-weight:bold

}

.zh h2.subheader,  .zh .inpage-content h1,  .zh .inpage-content h2,  .zh .inpage-content h3,  .zh .inpage-content h5,  .zh .info-box h2,  .zh .inpage-content h4 {

  font-weight:300

}

.zh .elements header h5,  .zh .elm-rates-list h4,  .zh .new-way #ways-to-bank-tabs.tabs dd.active a,  .zh .new-way #ways-to-bank-tabs.tabs dd a:active,  .zh .new-way #ways-to-bank-tabs.tabs dd a:focus,  .zh .banner-thumbs h5,  .zh .info-box h2,  .zh .info-box h4,  .zh .info-box h1,  .zh ul.list-green-ht li a:hover {

  font-weight: 400;

}

#page-sitemap.pstm-on form p {

  position:relative

}

#page-sitemap.pstm-on form p span {

  background:url("https://www.sc.com/global/assets/global/images/page/search-close.png") no-repeat scroll 0 0 transparent;

  height:23px;

  right:8px;

  position:absolute;

  top:5px;

  width:23px;

  z-index:5;

  cursor:pointer

}

#page-sitemap.pstm-on form p input {

  padding-left:10px

}

.accordion>section {

  display:block

}

.accordion>section>:first-child+* {

  overflow:hidden;

-webkit-transition-duration:.25s;

-moz-transition-duration:.25s;

-o-transition-duration:.25s;

transition-duration:.25s;

  -webkit-transition-property:height;

  -moz-transition-property:height;

  -o-transition-property:height;

  transition-property:height

}

.js .accordion>section>:first-child {

  cursor:pointer

}

.tabsazz {

  overflow-y:hidden;

  position:relative

}

.tabsazz.cross-fade.transition {

-webkit-transition-duration:.25s;

-moz-transition-duration:.25s;

-o-transition-duration:.25s;

transition-duration:.25s

}

.tabsazz.cross-fade.transition>section {

-webkit-transition-duration:.25s;

-moz-transition-duration:.25s;

-o-transition-duration:.25s;

transition-duration:.25s

}

.js .tabsazz.hide-title>section>:first-child {

  display:none

}

.tabsazz>section {

  width:100%

}

.js .tabsazz>section {

  opacity:0;

  position:absolute;

  visibility:hidden

}

.tabsazz>section[aria-expanded="true"] {

  opacity:1;

  visibility:visible

}

.tabsazz>ul {

  position:relative;

  z-index:99

}

.tabsazz>ul>li {

  cursor:pointer

}

.minimal {

  margin:24px 0

}

.minimal:focus {

  outline:0

}

.minimal.accordion>section {

  background-color:#fff;

  border:1px solid #ddd;

  padding:24px

}

.minimal.accordion>section>* {

  max-width:100%

}

.minimal.accordion>section>:first-child {

  margin-top:0

}

.js .minimal.accordion>section {

  padding:0

}

.js .minimal.accordion>section>:first-child {

  font-size:14px;

  font-weight: 400;

  margin:0;

  padding:12px 24px

}

.js .minimal.accordion>section>:first-child+*>* {

  padding:24px

}

.js .minimal.accordion>section>:first-child+*>*>* {

  max-width:100%

}

.js .minimal.accordion>section>:first-child+*>*>:first-child {

  margin-top:0

}

.js .minimal.accordion>section>:first-child+*>*>:last-child {

  margin-bottom:0

}

.minimal.accordion>section>:last-child {

  margin-bottom:0

}

.minimal.accordion>section+section {

  margin-top:-1px

}

.js .minimal.tabsazz.hide-title>section>:first-child+* {

  margin-top:0

}

.minimal.tabsazz>section {

  background-color:#fff;

  border:1px solid #ddd;

  -webkit-box-sizing:border-box;

  -moz-box-sizing:border-box;

  box-sizing:border-box;

  padding:24px

}

.minimal.tabsazz>section>* {

  max-width:100%

}

.minimal.tabsazz>section>:first-child {

  margin-top:0

}

.js .minimal.tabsazz>section>*>* {

  margin-top:0

}

.js .minimal.tabsazz>section>*>*>* {

  max-width:100%

}

.js .minimal.tabsazz>section>*>*>:first-child {

  margin-top:0

}

.js .minimal.tabsazz>section>*>*>:last-child {

  margin-bottom:0

}

.minimal.tabsazz>section>:last-child {

  margin-bottom:0

}

.minimal.tabsazz>section+section {

  margin-top:-1px

}

.js .minimal.tabsazz>section+section {

  margin-top:0

}

.minimal.tabsazz>ul {

  zoom:1;

  display:table;

  list-style:none;

  margin:0 0 -1px 0;

  padding:0

}

.minimal.tabsazz>ul:after {

  clear:both

}

.minimal.tabsazz>ul:after,  .minimal.tabsazz>ul:before {

  display:table;

  content:""

}

.minimal.tabsazz>ul>li {

  background-color:#fff;

  border:1px solid #ddd;

  float:left;

  padding:12px 24px

}

.minimal.tabsazz>ul>li.current {

  border-bottom-color:#fff;

  pointer-events:none

}

.minimal.tabsazz>ul>li+li {

  border-left:0

}

.tabsazz.minimal {

  border-bottom:0

}

.tabsazz.minimal a {

  color:#26922c !important;

  display:inline;

  font-size:14px;

  line-height:inherit

}

.tabsazz.minimal li {

  clear: both

}

.minimal.tabsazz>section {

  padding:20px

}

.minimal.tabsazz>ul>li {

  border:0

}

.minimal.tabsazz>ul>li.current {

  border-left:1px solid #ccc;

  border-right:1px solid #ccc;

  border-top:3px solid #2ba6cb;

  color:#3c3c3c;

  font-weight:bold

}

.minimal.accordion ul {

  list-style-type:none

}

.js .minimal.accordion>section>*:first-child+*>* {

  padding:12px

}

.minimal.accordion>section[aria-expanded="true"]>*:first-child {

  background-color:#2ba6cb;

  color:#fff;

  font-weight:bold

}

.minimal.tabsazz>ul>li:hover {

  color:#000

}

.tabsazz.minimal li {

  list-style-type:none

}

.page-cta article {

  background:#fff;

  background:-moz-linear-gradient(top, #fff 0, #d8d8d8 100%);

  background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #d8d8d8));

  background:-webkit-linear-gradient(top, #fff 0, #d8d8d8 100%);

  background:-o-linear-gradient(top, #fff 0, #d8d8d8 100%);

  background:-ms-linear-gradient(top, #fff 0, #d8d8d8 100%);

  background:linear-gradient(to bottom, #fff 0, #d8d8d8 100%);

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d8d8d8', GradientType=0);

  height:54px !important;

  text-align:center;

  display:block

}

.page-cta article .button {

  background:#ffd148 !important;

  background:-moz-linear-gradient(top, #ffd148 0, #efbd1e 100%) !important;

  background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ffd148), color-stop(100%, #efbd1e)) !important;

  background:-webkit-linear-gradient(top, #ffd148 0, #efbd1e 100%) !important;

  background:-o-linear-gradient(top, #ffd148 0, #efbd1e 100%) !important;

  background:-ms-linear-gradient(top, #ffd148 0, #efbd1e 100%) !important;

  background:linear-gradient(to bottom, #ffd148 0, #efbd1e 100%) !important;

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd148', endColorstr='#efbd1e', GradientType=0) !important;

  border:1px solid #eeb300

}

.page-cta article .button:hover {

  color:#fff;

  background:#efbd1e !important;

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efbd1e', endColorstr='#efbd1e') !important;

  background:-webkit-gradient(linear, left top, left bottom, from(#efbd1e), to(#efbd1e)) !important;

  background:-webkit-linear-gradient(top, #efbd1e, #efbd1e) !important;

  background:-moz-linear-gradient(top, #efbd1e, #efbd1e) !important;

  background:-ms-linear-gradient(top, #efbd1e, #efbd1e) !important;

  background:-o-linear-gradient(top, #efbd1e, #efbd1e) !important;

  background:linear-gradient(top, #efbd1e, #efbd1e) !important

}

.page-cta article h5 {

  background-image:url("https://www.sc.com/global/assets/pws/images/page/icon_applynow.png");

  background-repeat:no-repeat;

  padding-left:90px;

  min-height:40px;

  margin-top:-5px;

  display:inline-block;

  max-width:100%;

  text-align:left

}

.page-cta article h5.no-cta {

  padding-right:0

}

.flyout.large .sub-menu-article.text-link {

  display:block !important

}

.flyout.large .sub-menu-article.text-link li a {

  color:#26922c

}

.flyout.large .sub-menu-article.text-link a:hover {

  color:#000

}

.flyout.large .sub-menu-article.text-link .other-cat li a:hover {

  color:#fff

}

.flyout.large .sub-menu-article.text-link a.button:hover {

  color:#fff

}

.flyout.large .sub-menu-article.text-link.big-text h6 a {

  color:#26922c

}

.flyout.large .sub-menu-article.text-link.big-text h6 a:hover {

  color:#000

}

ul.orbit-bullets {

  display:block !important;

  background:url("https://www.sc.com/global/assets/pws/images/page/trasnsparent-img-ie-slider.png") scroll 0 0 transparent;

  background-repeat:repeat

}

.pin-share-pop {

  background:none repeat scroll 0 0 #fff;

  border-bottom:1px solid #dbdbdd;

  border-radius:0 !important;

  box-shadow:0 -2px 3px 1px #acacac;

  margin-left:-15px;

  padding:10px 12px 5px;

  position:absolute;

  top:-75px;

  width:100%;

  z-index:11

}

.elements footer .pin-share-pop .social-share a {

  color:#555;

  font-size:14px

}

.elements footer .pin-share-pop .social-share a:hover {

  color:#000

}

.pin-share-pop .gg-share a:after {

  background-position:-134px 0

}

.pin-share-pop .gg-share:hover a:after {

  background-position:-134px -31px

}

.pin-share-pop .wb-share a:after {

  background-position:0 -62px

}

.pin-share-pop .wb-share:hover a:after {

  background-position:0 -93px

}

.pin-share-pop .down-arrow {

  background:url("https://www.sc.com/global/assets/pws/images/page/tag-select.png") no-repeat scroll left center transparent;

  bottom:-9px;

  height:9px;

  position:absolute;

  width:61px;

  display:block;

  z-index:9999

}

.elements footer a.icon-in.sh-icon {

  color:#555;

  font-size:14px;

  position:relative;

  z-index:999

}

.elements footer a.icon-in.sh-icon:hover {

  color:#000

}

.icon-in.sh-icon span {

  background:url("https://www.sc.com/global/assets/pws/images/page/share_small_roll.png") no-repeat scroll center center transparent;

  display:block;

  height:13px;

  left:0;

  position:absolute;

  top:2px;

  width:15px;

  z-index:9999

}

@media only screen and (max-width:767px) {

.share-button-column {

float:left !important

}

.elements footer.share-button-row {

padding:8px 15px 5px !important;

position:relative !important

}

}

@charset "utf-8";

#login-menu,  #login-menu>ul,  #login-menu>ul>li {

  background:0 0

}

.bank_on_txt,  .button.dropdown.personal-menu {

  font-family:"SC Sans Web", Arial, sans-serif

}

@media only screen and (max-width:767px) {

.inpage-content {

padding:0 10px

}

}

@media \0screen {

.nw-temp-banner.static-bx-banner .bx-wrapper .bx-caption p {

  padding-right:60px!important

}

}

@media only screen and (min-device-width :768px) and (max-device-width :1000px) {

.nw-temp-banner.static-bx-banner .bx-wrapper .bx-caption p {

padding-right:60px!important

}

}

#login-menu,  #login-menu a,  #login-menu li,  #login-menu ul {

  margin:0;

  padding:0;

  border:0;

  list-style:none;

  font-weight:400;

  text-decoration:none;

  line-height:1;

  font-size:14px;

  position:relative

}

#login-menu a {

  line-height:1.5

}

#login-menu {

  width:100%

}

#login-menu>ul:after {

  clear:both;

  content:'';

  display:table

}

#login-menu>ul>li {

  float:left

}

#login-menu>ul>li.active {

  background:0 0;

  border-bottom:none

}

#login-menu>ul>li:last-child {

  box-shadow:0 0 0 transparent;

  -webkit-border-radius:0 4px 4px 0;

  -moz-border-radius:0 4px 4px 0;

  border-radius:0 4px 4px 0

}

#login-menu>ul>li.mobile,  #login-menu>ul>li:last-child {

  border-right:0 none;

  -moz-box-shadow:0 0 0 transparent;

  -webkit-box-shadow:0 0 0 transparent

}

#login-menu>ul>li:last-child ul {

  left:auto;

  right:0

}

#login-menu>ul>li.mobile {

  display:none;

  box-shadow:0 0 0 transparent

}

#login-menu>ul>li>a {

  color:#666;

  display:block;

  font-size:13px;

  font-weight:400;

  margin:0;

  text-shadow:none;

  text-transform:uppercase

}

#login-menu>ul>li>a>span {

  display:block;

  font-weight:400;

  padding:0 10px

}

#login-menu>ul>li>a:hover {

  text-decoration:none

}

#login-menu>ul>li.active>a {

  color:#fff;

  text-shadow:0 1px 1px #000

}

#login-menu ul ul.dropdown,  #login-menu ul ul.dropdown1 {

  background:#f9f9f9;

  border:1px solid #ccc;

  -webkit-border-radius:4px;

  -moz-border-radius:4px;

  border-radius:4px;

  -moz-box-shadow:1px 1px 3px rgba(0, 0, 0, .25);

  -webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, .25);

  box-shadow:1px 1px 3px rgba(0, 0, 0, .25);

  padding:5px 12px;

  display:none;

  position:absolute;

  top:33px;

  left:0;

  width:200px;

  z-index:1

}

#login-menu ul ul a {

  color:#999;

  display:block;

  font-size:12px;

  font-weight:700

}

#card-scroll ul li .compare,  #extendLogin h6 a.lock-ext,  #filters li a,  #universalNav.nav-bar>li>a:first-child,  #universalNav.nav-bar>li>a:first-child em,  .button,  .card-selector li.selected a,  .credit-card-select .compare,  .filter li a,  .links-to-page,  .universal-grey #selectedCap a,  a.more-link,  b,  dl.filter dd a,  dl.sub-nav dd.active a,  h1,  h2,  h3,  h4,  h5,  h6,  strong {

  font-family:"SC Sans Web", Arial, sans-serif;

  font-stretch:normal;

  font-style:normal;

  font-weight:400

}

.home-page .persist-header-on,  .product-landing .persist-header-on,  .stick-nav-generic .sticky .persist-header-on,  .sub-page .sticky .persist-header-on.nri-nav {

  box-shadow:0 2px 2px -1px #999;

  z-index:99

}

#login-menu .form-tabs-secton {

  min-height:auto

}

.login-home .twelve.columns {

  padding-left:0;

  padding-right:0

}

.login-home .ash-area-login {

  background-color:#efefef;

  padding:20px;

  border-bottom:1px solid #dedede

}

.login-btn-sec {

  padding-right:40px!important;

  padding-top:45px!important

}

#login-menu .login-box-content a.login-link {

  border-right:1px solid #dbdbdd;

  padding:15px 40px!important;

  margin-bottom:15px

}

.search-login-box #login-menu ul li.login-box-content ul.dropdown {

  width:290px

}

#login-menu ul ul li.login-btn-sec div.button-portion h6 a.login-link {

  display:inline-block

}

.forgot_links,  .svg-image {

  display:block

}

.login-box-content #extendLogin h6 a.last-link {

  border-bottom:0

}

.login-box-content #extendLogin h6 a.active,  .login-box-content #extendLogin h6 a:hover {

  background-color:#e4edf2;

  color:#444!important

}

#login-menu ul li ul li ul li a.grey-links {

  text-align:left!important

}

.login-box-content #extendLogin h6 a {

  text-transform:capitalize

}

.bank-on-go .block-grid.two-up>li {

  width:auto

}

.forgot_links {

  margin-left:auto;

  margin-right:auto;

  width:100%

}

.login-box-content #extendLogin h6 a.lock-ext:after {

  left:72px;

  top:21px!important;

  background:url(../av/arrow.png) no-repeat

}

.bank_on_txt {

  color:#666;

  font-size:20px;

  padding-right:16px;

  padding-top:60px

}

#login-menu .login-box-content a.login-txt {

  padding:0 50px!important

}

#login-menu ul li.search-box-content ul.dropdown1 {

  left:-127%

}

#login-menu ul ul.dropdown1 {

  background:#fff;

  border-bottom:0 none;

  border-radius:0;

  padding:0;

  position:absolute;

  top:50px;

  width:760px

}

.elm-content-area.large-txts p span {

  font-size:11px

}

.elements .panel {

  border-style:solid!important;

  border-width:1px!important;

  border-color:#d9d9d9!important;

  background:#fff!important;

  -webkit-box-shadow:2px 2px 3px rgba(50, 50, 60, .15)!important;

  -moz-box-shadow:2px 2px 3px rgba(50, 50, 60, .15)!important;

  box-shadow:2px 2px 3px rgba(50, 50, 60, .15)!important

}

.elements .panel:hover {

  -webkit-box-shadow:2px 2px 3px rgba(50, 50, 60, .35)!important;

  -moz-box-shadow:2px 2px 3px rgba(50, 50, 60, .35)!important;

  box-shadow:2px 2px 3px rgba(50, 50, 60, .35)!important

}

.bank-on-go {

  padding-bottom:20px;

  padding-top:20px

}

.app-links .bank-on-go .columns {

  clear: both

}

.panel.for-atm-sec {

  padding:0

}

.reveal-modal.medium {

  width:40%!important

}

.for-ie-img,  .for-ipads {

  display:none

}

.notransition {

  -webkit-transition:none!important;

  -moz-transition:none!important;

  -o-transition:none!important;

  -ms-transition:none!important;

  transition:none!important

}

@media only screen and (min-width:768px) {

.brand-header {

height:81px

}

}

@media only screen and (max-width:767px) {

.inpage-content {

padding:0 10px

}

.reveal-modal.medium {

margin-left:-45%!important;

width:85%!important

}

}

.search-login-box #login-menu ul li.login-box-content ul.dropdown {

  background:#fff;

  border:none;

  border-radius:0;

  box-shadow:none;

  display:none;

  left:auto;

  padding:0;

  position:absolute;

  z-index:99999

}

.brand-header .nav-bar>li>a:first-child {

  padding:18px 0 17px

}

#login-menu ul li.login-box-content ul .login-wrapper a {

  color:#41ab3c;

  font-size:14px;

  line-height:1.4

}

#login-menu ul li.login-box-content ul .login-wrapper .first-link a {

  font-weight:700

}

#login-menu ul li.login-box-content ul .login-wrapper a:hover {

  color:#000

}

#login-menu .login-box-content {

  background: #22aa48 none repeat scroll 0 0;

  border-radius:0!important;

  text-shadow:none

}

#login-menu .login-box-content.active,  #login-menu .login-box-content:hover {

  /*background:#9b9b9b;*/

  border-radius:0!important;

  text-shadow:none

}

#login-menu>ul>li>a.login-txt>span {

  display:block;

  font-weight:300;

  padding:0 40px

}

#login-menu .login-box-content a.login-txt {

  text-shadow:none;

  color:#fff;

  position:relative

}

#login-menu .login-box-content a.login-txt:after {

  content:"";

  display:block;

  height:30px;

  left:28px;

  position:absolute;

  top:21px;

  width:24px;

  background:url(../av/login-lock-new.png) no-repeat;

  background-size:50% 50%

}

#login-menu .login-box-content a.login-txt:before {

  background:url(../av/down_arrow_small.png) no-repeat;

  content:"";

  display:block;

  height:18px;

  position:absolute;

  right: 23px;

  width: 20px;

}

#login-menu .login-box-content a.login-link.online-bank-ico {

  position:relative

}

#login-menu .login-box-content a.login-link.online-bank-ico:after {

  background:url(../av/login-lock-new.png) no-repeat;

  background-size:45% 45%;

  content:"";

  display:block;

  height:30px;

  left:55px;

  position:absolute;

  top:18px;

  width:24px

}

.login-box-content #extendLogin {

  background:#f8f8f8

}

.login-box-content #extendLogin h6 {

  margin:0;

  text-transform:uppercase

}

.login-box-content #extendLogin h6 a {

  border:none;

  border-bottom:1px solid #dbdbdd;

  position:relative;

  line-height:15px

}

#login-menu .login-box-content a.more-ways-to-bank {

  color:#999;

  text-align:left;

  position:relative;

  font-weight:300;

  padding:10px 15px

}

#login-menu .login-box-content a.more-ways-to-bank:hover {

  color:#000

}

#login-menu .login-box-content a.more-ways-to-bank:after {

  content:"";

  display:block;

  height:18px;

  position:absolute;

  right:35px;

  top:12px;

  width:18px;

  background:url(../av/aroundarrow.png) no-repeat

}

#login-menu ul li.search-box-content a.search-txt:after {

  background-image:url(../av/iconlib_small-new.png);

  background-position:68% 56%;

  background-repeat:no-repeat;

  background-size:1368% auto;

  content:"";

  height:20px;

  left:12px;

  position:absolute;

  transition:none 0s ease 0s!important;

  width:21px

}



#login-menu .login-box-content a.login-link {

  background:#22aa48;

  text-align:center;

  position:relative

}

#login-menu .login-box-content a.login-link:after {

  content:"";

  display:block;

  height:18px;

  position:absolute;

  right:35px;

  top:15px;

  width:18px;

  background:url(../av/arrow2.png) no-repeat

}

.login-box-content #extendLogin .login-wrapper {

  padding:0!important;

  background:#f8f8f8

}

#login-menu>ul>li.login-box-content {

  position:relative

}

#login-menu ul ul li,  .search-login-box ul ul li {

  padding:0

}

#login-menu ul li.search-box-content a.search-txt span {

  display:block;

  font-weight:400;

  padding:0 40px;

  transition:none!important

}

#login-menu ul li.search-box-content a.search-txt,  #login-menu ul li.search-box-content.active a.search-txt {

  color:#666;

  position:relative;

  text-shadow:none

}

#login-menu ul li.search-box-content.active a.search-txt:after {

  background-image:url(../av/iconlib_small-new.png);

  background-position:100% 26%;

  background-repeat:no-repeat;

  background-size:1368% auto;

  clear:both;

  content:"";

  display:block;

  height:40px;

  left:11px;

  position:absolute;

  top:9px;

  width:40px

}

#login-menu ul li.search-box-content ul.dropdown1 {

  background:#fff;

  border-radius:0;

  padding:0;

  position:absolute;

  width:402px;

  border:0

}

.search-box-inner {

  background:#f8f8f8;

  padding:10px;

  border-bottom:1px solid #dfdfdf

}

.search-box-inner input {

  margin:0;

  box-shadow:none;

  border-radius:0

}

.common-block-box {

  background:#fff;

  padding:0

}

#login-menu ul li.search-box-content ul .common-block-box ul {

  display:block!important;

  padding:0;

  position:static;

  width:100%;

  box-shadow:none;

  border:none;

  border-top:1px solid #dedede;

  border-bottom:1px solid #dedede

}

#login-menu ul li.search-box-content ul .common-block-box ul li {

  position:relative

}

#login-menu ul li.search-box-content ul .common-block-box .panel.for-atm-sec {

  border-bottom:1px solid #e7e5e6;

  border-right:1px solid #e7e5e6;

  margin-bottom:0;

  min-height:155px;

  padding-bottom:25px;

  padding-top:25px;

  width:95%

}

.button-portion>h6 {

  margin-bottom:0!important;

  margin-top:0!important

}

#login-menu ul ul a img.img-atm,  #login-menu ul ul a img.img-call {

  margin-bottom:13px

}

#login-menu ul ul a.login-link {

  background-color:#22aa48;

  color:#fff;

  font-size:15px;

  font-weight:300;

  padding-bottom:20px;

  padding-top:20px;

  text-align:center

}

#login-menu ul ul a.get-help.login-link:hover {

  background-color:#268f00;

  transition:none!important;

  color:#fff!important;

}

#login-menu ul ul p span.ph-no-call a {

  color:#000;

  font-size:16px;

  font-weight:300

}

#login-menu ul ul a.grey-links {

  font-size:15px;

  font-weight:300;

  text-align:center

}

#login-menu ul ul a.grey-links.sign-up-link {

  color:#444;

  padding-bottom:10px;

  padding-top:9px

}

.login-box-content #extendLogin h6 a {

  padding:20px 12px 17px 98px!important

}

#login-menu ul li.search-box-content ul .common-block-box .panel.for-atm-sec.last {

  border-bottom:none!important

}

#login-menu ul li.search-box-content ul .common-block-box .mobile-four,  #login-menu ul li.search-box-content ul .common-block-box .six.columns {

  padding-left:0;

  padding-right:0!important

}

#login-menu ul li.search-box-content ul .common-block-box span.icons_large {

  background-image:url(https://www.sc.com/global/assets/global/images/page/icon_lib_large.png);

  background-repeat:no-repeat;

  display:block;

  height:50px;

  left:50%;

  margin-left:-40px;

  position:relative;

  text-align:center;

  top:0;

  width:80px

}

#login-menu ul li.search-box-content ul .common-block-box .panel {

  margin-bottom:0

}

.common-block-box h4.subheader {

  color:#000;

  font-size:16px;

  font-weight:300;

  margin-bottom:4px

}

.search-box-inner input.search-box-icon {

  background:url(../av/magnifying.png) 10px 8px no-repeat #fff;

  width:100%;

  padding-left:40px;

  height:40px;

  border:1px solid #efefef

}

#login-menu .off-white-bg {

  background:#f9f9f9

}

#login-menu .off-white-bg .tabs.vertical {

  border:none;

  height:auto;

  margin-bottom:0

}

#login-menu .form-tabs-secton {

  padding:0;

  margin-top:15px

}

#login-menu .form-tabs-secton .tabs.vertical dd {

  border:none;

  background:0 0

}

#login-menu .form-tabs-secton .tabs.vertical dd a {

  padding:7px 10px 7px 20px;

  border:none;

  border-bottom:none!important;

  line-height:12px;

  position:relative;

  box-shadow:none;

  background:0 0

}

#login-menu .form-tabs-secton .tabs.vertical {

  border-bottom:none!important;

  margin-bottom:15px

}

#login-menu .form-tabs-secton .tabs.vertical dd a:hover {

  color:#000

}

#login-menu .form-tabs-secton .tabs.vertical dd a:after {

  content:"";

  display:block;

  height:18px;

  position:absolute;

  left:0;

  top:7px;

  background:url(../av/arrow.png) no-repeat;

  width:18px

}

#login-menu .utility-box {

  padding:10px 15px 20px

}

#login-menu .utility-box ul {

  display:block!important

}

#login-menu .utility-box li a span.icon-small {

  background-image:url(https://www.sc.com/global/assets/global/images/page/iconlib_small.png);

  background-repeat:no-repeat;

  display:block;

  height:16px;

  left:10px;

  position:absolute;

  top:7px;

  width:16px

}

#login-menu .utility-box .forms-docs a span.icon-small {

  background-position:-376px -70px

}

#login-menu .utility-box .forms-docs a {

  font-size:16px;

  font-weight:400;

  line-height:12px;

  padding:8px 10px 11px 34px

}

.panel.icon-c1>p span.ph-no-call {

  font-size:16px;

  display:block

}

#extendLogin.login-home a.login-link {

  font-size:14px!important;

  line-height:1.4

}

#login-menu ul ul a.get-help.login-link {

  position:relative

}

#login-menu ul ul a.get-help.login-link:after {

  background:url(../av/arrow-white.png) no-repeat!important;

  content:"";

  display:block;

  height:12px;

  left:20px;

  position:absolute;

  top:26px;

  width:12px

}

.panel.for-atm-sec>p {

  color:#000;

  font-size:16px;

  font-weight:300

}

#login-menu ul ul li .panel.for-atm-sec p a {

  color:#000;

  font-size:16px!important;

  font-weight:300!important

}

#login-menu ul ul a:hover {

  color:#777!important;

  transition: none !important;

  -webkit-transition:none !important;

}

.common-block-box h4.subheader.help-hd-text {

  padding-bottom:20px;

  padding-left:20px;

  padding-top:15px;

  position:relative

}

.common-block-box h4.subheader.help-hd-text:after {

  position:absolute;

  content:'';

  background-image:url(../av/help.png);

  background-repeat:no-repeat;

  display:block;

  height:110px;

  width:110px;

  top:0;

  left:0;

  background-size:40% 40%

}

#login-menu ul li.search-box-content ul .common-block-box .panel.help-center-sec {

  padding-top:15px!important;

  width:96%

}

#login-menu ul li.search-box-content ul .common-block-box .panel {

  padding-left:10px!important;

  padding-right:10px!important

}

#dark-color.show-color {

  position:relative

}

#dark-color.show-color:after,  .button.dropdown.personal-menu:before {

  content:"";

  display:block;

  position:absolute

}

#dark-color.show-color:after {

  background-color:#000;

  height:100%;

  left:0;

  opacity:.7;

  top:0;

  width:100%;

  z-index:99

}

.button.dropdown.personal-menu {

  background:0 0!important;

  border:none!important;

  color:#222;

  float:left;

  font-size:13px!important;

  font-weight:300!important;

  height:57px;

  padding-right:50px!important;

  padding-top:21px!important;

  padding-left:17px

}

.button.dropdown.personal-menu:before {

  background:url(../av/down-arrow-grey-small.png) no-repeat;

  height:16px;

  right:25px;

  top:26px;

  width:16px

}

.button.dropdown:after {

  border:0;

  filter:none!important;

}

.button.dropdown.personal-menu {

  filter:none!important;

}

.dropdown.personal-menu .no-hover {

  left:0!important;

  top:57px!important;

  background:#fff;

  border:1px solid #dbdbdd;

  border-top:0;

  border-bottom:0

}

.button.dropdown.personal-menu>ul li a {

  color:#555;

  display:block;

  font-size:13px;

  font-weight:400;

  padding:15px 20px 15px 17px !important;

  text-align:left

}

.button.dropdown.personal-menu>ul li a.external-link {

  border-bottom:1px solid #dbdbdd;

  position:relative

}

.no-hover {

  display:none

}

.button.dropdown.personal-menu:hover .no-hover {

  display:block

}

.button.dropdown.personal-menu>ul li a.external-link:hover,  .button.dropdown.personal-menu>ul li a.external-link:focus {

  background:#e4edf2!important;

  transition: none!important;

}

@media only screen and (max-width:767px) {

.pintile-boxes.static-pintiles.new-temp-margin {

padding-top:25px!important

}

#login-menu .login-box-content a.login-txt:after {

left:41px!important;

top:19px!important;

font-size: 14px;

}

#login-menu>ul>li.search-box-content.active {

background-color:#f1f1f1!important;

width:100%!important

}

#login-menu>ul>li.search-box-content.active a.search-txt span {

text-indent:-999px

}

.search-login-box #login-menu ul li.login-box-content ul.dropdown,  .search-login-box #login-menu ul li.login-box-content ul.dropdown1 {

width:200%

}

.img-portion {

display:none

}

.login-box-content #extendLogin h6 a.last-link {

border-bottom:1px solid #dbdbdd

}

#login-menu ul li.search-box-content ul .common-block-box .panel.for-atm-sec {

border-top:1px solid #e7e5e6;

float:left;

margin-bottom:0;

margin-right:8px;

min-height:150px;

padding-bottom:25px;

padding-top:25px;

width:47%

}

#login-menu ul li.search-box-content ul .common-block-box .panel.help-center-sec {

width:97%

}

#login-menu ul li.search-box-content ul .common-block-box .panel.for-atm-sec.last {

margin-right:0!important

}

.login-btn-sec {

padding-bottom:30px!important;

padding-right:0!important;

padding-top:0!important

}

.display.block-grid.two-up.mobile-two-up.text-center img.store-img {

padding-bottom:10px

}

#login-menu>ul>li>a.search-txt-mob {

padding-right:15px;

padding-top:8px

}

#login-menu ul li.search-box-content a.search-txt,  #login-menu ul li.search-box-content.active a.search-txt {

font-size:16px;

text-align:center

}

#login-menu .login-box-content a.login-txt {

 float: left;

 font-family: "SC Sans Web", Helvetica, Arial, sans-serif;

 font-size: 16px;

 font-weight: 300;

 text-align: center;

 padding: 0 65px !important;

}

.bank-on-go {

padding:20px 30px 0

}

.button-portion h6 {

text-align:left

}

#login-menu ul li ul li ul li a.grey-links {

text-align:left!important

}

.bank_on_txt {

padding-top:0

}

.login-box-content #extendLogin h6 a {

padding:5% 3% 5% 30%!important

}

.bank-on-go.stack-app {

padding-bottom:10px;

padding-top:20px

}

.bank-on-go.stack-app .block-grid.two-up>li {

width:100%

}

#login-menu .form-tabs-secton {

padding:10px 10px 10px 20px

}

#megaLogin {

display:none!important

}

.right.search-login-box {

float:right

}

#megaMenu {

right:0;

top:7px

}

#megaLogin,  #megaMenu.open {

color:#444;

font-size:14px

}

.search-login-box.mobile-four {

padding:0!important

}

.navbar-button span {

background-image:none!important

}

.navbar-button {

padding-bottom:10px;

padding-left:10px;

padding-right:45px!important;

padding-top:10px

}





#login-menu ul li.search-box-content a.search-txt:after {

background-image: url("../av/iconlib_small-new.png");

 background-position: 77% 56%;

 background-repeat: no-repeat;

 background-size: 1364% auto;

 content: "";

 height: 30px;

 left: 40px !important;

 position: absolute;

 transition: none 0s ease 0s !important;

 width: 29px;

 top: 10px!important;

 font-size: 14px;

}

#login-menu ul li.search-box-content a.search-txt span {

 color: #000;

 display: block;

 float: left;

 font-family: "SC Sans Web", Helvetica, Arial, sans-serif;

 font-weight: 300;

 padding: 0 70px !important;

}

#login-menu ul li.search-box-content ul.dropdown1:after {

border:none

}

#login-menu ul li.search-box-content ul .common-block-box .panel {

padding:10px

}

#login-menu .form-tabs-secton .tabs.vertical dd a,  #login-menu .utility-box .forms-docs a {

font-size:12px

}

#login-menu,  #login-menu a,  #login-menu li,  #login-menu ul {

position:static

}

#login-menu ul li.search-box-content ul.dropdown1 {

background:#fff;

border-bottom:0 none;

border-radius:0;

left:0;

padding:0;

position:absolute;

width:100%;

z-index:99999;

height:auto!important

}

#login-menu .utility-box .forms-docs a {

position:relative

}

.search-box-inner {

display:none

}

.common-block-box {

background:#efefef;

padding:10px 0 10px 10px

}

#login-menu ul li.search-box-content ul .common-block-box .panel {

border:none!important;

margin-right:-5px;

padding-left:0!important;

padding-right:0!important

}

.panel.help-center-sec {

margin-top:8px;

border:1px solid #ccc

}

.button-portion>h6 {

margin-bottom:0;

margin-top:0

}

#login-menu .form-tabs-secton .tabs.vertical {

margin-bottom:0

}

#login-menu ul li.search-box-content ul .common-block-box .panel h4.subheader {

font-size:16px!important;

margin-top:75px;

padding-left:0

}

#login-menu ul ul p span.ph-no-call a,  .button-portion .get-help.login-link {

font-size:15px!important

}

.common-block-box h4.subheader.help-hd-text:after {

background-size:50% 50%!important;

left:38px!important;

top:-58px!important

}

.sticky .brand-header .nav-bar>li>a:first-child {

padding:13px 56px 6px

}

#login-menu ul li.search-box-content ul .common-block-box .panel p {

font-size:16px!important;

line-height:16px

}

.sticky .brand-header .nav-bar>li.no-listing>a:first-child {

padding:13px 30px 6px!important

}

.brand-header .nav-bar>li.no-listing>a:first-child {

padding:13px 20px 6px!important

}

.help-center-sec .mobile-two {

padding:0

}

#login-menu .form-tabs-secton .tabs.vertical dd a {

font-size:15px!important

}

#login-menu ul ul a.get-help.login-link {

padding-left:15px

}

#login-menu ul ul a.get-help.login-link:after {

left:25px!important;

top:20px!important

}

#login-menu ul li.search-box-content ul.dropdown1 {

box-shadow:none;

top:105px!important

}

.home-page .persist-header-on,  .product-landing .persist-header-on,  .stick-nav-generic .sticky .persist-header-on,  .sub-page .sticky .persist-header-on.nri-nav {

box-shadow:none

}

#mainNav {

background:#efefef!important;

z-index:9999

}

.button-portion,  forgot_links {

padding-left:20px!important;

padding-right:10px

}

.button-portion>h6 {

padding-right:0!important

}

.login-home .ash-area-login {

padding:20px!important

}

.help-center-sec .mobile-two.width-for-this {

display:block;

float:left;

padding:0;

width:40%!important

}

.help-center-sec .mobile-two.width-for-this1 {

padding:0!important;

width:60%!important;

display:block;

float:left

}

.brand-header .nav-bar>li>a>span.summary,  .brand-header .nav-bar>li>a>summary,  .sticky .brand-header .standard-chartered-logo-holder img.mob-scb-logo {

display:none!important

}

.panel.for-atm-sec .ph-no-call>a {

color:#4a4a4a!important;

font-size:13px!important;

font-weight:400!important;

margin-top:0!important

}

.login-box-content #extendLogin h6 a.lock-ext:after {

left:23%!important;

top:36%!important

}

.standard-chartered-logo-holder {

box-shadow:none!important;

z-index:9999

}

.header .bg-menu {height:0!important;}

.search-box-content.mobile-two {

width:50%!important

}

.login-box-content.mobile-two {

width:50%

}

.search-login-box #login-menu ul li.login-box-content ul.dropdown {

z-index:99999;

opacity:1;

transition:opacity .5ms linear

}

#login-menu .login-box-content a.login-link.online-bank-ico:after {

left:80px

}

 .nav-bar.inside-page-mob {

background-color:#f1f1f1!important;

margin-top:30px;

padding-top:3px;

margin-bottom:0;

}

.container.banner-container.nw-temp-banner.static-bx-banner.home-page-slider {

background:#fff

}

.inside-page-mob li {

background-color:#f1f1f1!important;

border-bottom:1px solid #d2d2d2;

line-height:35px!important

}

.inside-page-mob li a {

background-color:transparent!important

}

.inside-page-mob li a h3 {

color:#4a4a4a;

font-size:16px;

font-weight:300;

margin-bottom:10px!important;

margin-top:10px!important;

text-transform:none

}

#login-menu .form-tabs-secton {

margin-top:0

}

#login-menu .has-sub.search-box-content.mobile-two {

background-color:#fff

}

.brand-header .standard-chartered-logo-holder img {

width:100px

}

.brand-header .standard-chartered-logo-holder img.unibar.mob-scb-logo {

width:75px

}

.sticky .brand-header .standard-chartered-logo-holder a.logo-space {

position:relative

}

.sticky .brand-header .standard-chartered-logo-holder a.logo-space:after {

background-image:url(../av/sc-brandmark-color.svg)!important;

background-repeat:no-repeat;

background-size:46% auto;

content:"";

display:block;

height:50px;

left:5px;

position:absolute;

top:5px;

width:50px

}

.sticky .inlevel-menu-block {

height:50px

}

#megaMenu.mob-menu-left {

top:8px!important

}



.sticky .brand-header .nav-bar {

top:50px

}

#megaMenu.mob-menu-left.navbar-button span {

left:-18px;

top:9px

}

.sticky #megaMenu.for-sticky.open {

color:#efefef!important

}

.sticky #megaMenu.for-sticky.open span {

right:0!important

}

.sticky #megaMenu.mob-menu-left.navbar-button {

right:-47px!important;

width:68%

}

}

@media only screen and (min-width:320px) and (max-width:640px) {

.search-login-box #login-menu ul li.login-box-content ul.dropdown {

width:200%!important

}

.search-login-box #login-menu ul li.login-box-content ul.dropdown1 {

width:200%

}

#login-menu .login-box-content a.login-link.online-bank-ico:after {

left:23%

}

#login-menu ul li.search-box-content a.search-txt:after {

left:35px

}

#login-menu ul li.search-box-content.active a.search-txt:after {

left:150px;

top:5px

}

#login-menu ul ul a.get-help.login-link:after {

left:15px!important;

top:25px!important

}

#login-menu ul li.search-box-content ul .common-block-box .panel.help-center-sec {

width:97%

}

#megaMenu.mob-menu-left.navbar-button {

right:-47px!important;

width:68%

}

}

@media only screen and (min-width:360px) and (max-width:640px) {

#megaMenu span,  #megaMenu.open span {

top:9px

}

.sticky .brand-header .standard-chartered-logo-holder a.logo-space:after {

top:8px

}

#login-menu .login-box-content a.login-link.online-bank-ico:after,  #login-menu ul li.search-box-content a.search-txt:after {

left:26%

}

 #login-menu ul li.search-box-content.active a.search-txt:after {

left:160px;

top:5px

}

#login-menu ul li.search-box-content ul .common-block-box .panel.help-center-sec {

width:96.5%

}

}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {

#login-menu ul li.search-box-content a.search-txt,  #login-menu ul li.search-box-content.active a.search-txt {

padding:0 5px!Important

}

}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait) {

#login-menu ul li.search-box-content a.search-txt,  #login-menu ul li.search-box-content.active a.search-txt {

padding:0 5px!Important

}

}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {

#login-menu ul li.search-box-content a.search-txt,  #login-menu ul li.search-box-content.active a.search-txt {

padding:0 5px!Important

}

}

@media screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:2) {

#login-menu ul li.search-box-content a.search-txt,  #login-menu ul li.search-box-content.active a.search-txt {

padding:0 5px!Important

}

}

@media \0screen {

.svg-image {

  display:none

}

.for-ie-img {

  display:block

}

#login-menu .login-box-content {

  background:#22aa48!important

}

#login-menu .login-box-content.active,  #login-menu .login-box-content:hover {

/*background:#9b9b9b!important*/

}

.search-login-box #login-menu ul li.login-box-content ul.dropdown {

  left:-109%!important;

  width:295px!important

}

#login-menu .login-box-content a.login-txt:after {

  background:url(../av/login-lock-new-ie8.png) no-repeat!important;

  background-size:100% 100%!important;

  left:25px!important;

  top:17px!important;

  height:20px!important;

  width:15px!important

}

#login-menu ul li.search-box-content a.search-txt:after {

  background-position:-405px -324px;

  top:15px!important;

  left:12px!important;

  height:26px!important;

  width:26px!important;

  transition:none!important;

  clear:both

}

#login-menu ul li.search-box-content.active a.search-txt:after {

  background-position:-612px -151px!important;

  height:40px!important;

  width:40px!important;

  transition:none!important;

  clear:both

}

#login-menu ul li.search-box-content.active a:focus,  #login-menu ul li.search-box-content.active a:hover {

  transition:none!important

}

.common-block-box h4.subheader.help-hd-text:after {

  background-image:url(../av/help-ie8.png)!important;

  background-repeat:no-repeat;

  background-size:100% 100%!important;

  height:45px!important;

  width:45px!important

}

#login-menu .login-box-content a.login-link.online-bank-ico:after {

  background:url(../av/login-lock-new-ie8.png) no-repeat!important;

  background-size:100% 100%!important;

  height:20px!important;

  width:15px!important;

  left:38px!important;

  top:16px!important

}

#login-menu ul li.search-box-content ul.dropdown1 {

  width:391px;

  left:-120%!important

}

.login-box-content #extendLogin h6 a.lock-ext:after {

  background:url(../av/arrow.png) no-repeat!important;

  left:65px!important;

  top:20px!important

}

.pintile-boxes.static-pintiles .elements.pinned-items a:hover header div.overlay {

  height:12%!important

}

.pintile-boxes.static-pintiles .elements.pinned-items a:hover .next-arrow {

  background:url(../av/arrow-bg-1x.png);

  display:block;

  height:24px;

  position:absolute;

  right:17px;

  top:7px;

  width:24px;

  z-index:9999

}

.pintile-boxes.static-pintiles .elements.pinned-items a:hover .next-arrow.up-arrow {

  background:url(../av/down-arrow-v.png)

}

.login-box-content ul.dropdown:after,  .login-box-content.active ul.dropdown:after {

  right:28%!important

}

#login-menu ul li.search-box-content ul .common-block-box .panel.for-atm-sec {

  min-height:105px!important

}

#login-menu ul ul a.get-help.login-link:after {

  left:15px!important;

  top:25px!important

}

}

@media only screen and (min-width :768px) and (max-width :965px) {

.nw-temp-banner.static-bx-banner .bx-wrapper .bx-caption p {

padding-right:40%!important

}

.nw-temp-banner .bx-wrapper .bx-caption h1 {

color:#FFF;

font-size:23px;

font-weight:300

}

.sticky .brand-header.brand-link .standard-chartered-logo-holder {

top:5px!important

}

.sticky .brand-header .nav-bar>li>a>h3 {

font-size:14px

}

}

@media only screen and (min-width :768px) and (max-width :876px) {

.brand-header.universal-logo {

padding:0 0 0 120px

}

}

@media only screen and (min-width :768px) and (max-width :985px) {

.brand-header.brand-link .nav-bar > li > a {

 margin-right: 11px !important;

}

.brand-header.brand-link .nav-bar>li>a.last-child {

margin-right:0!important

}

.brand-header .nav-bar>li>a:first-child {

padding-top:25px

}

}

@-moz-document url-prefix() {

#login-menu ul li.search-box-content ul.dropdown1 {

left:-128%

}

.sticky .brand-header .standard-chartered-logo-holder a.logo-space::after {

top:20px

}

}

@media only screen and (max-width:767px) {

#login-menu ul li.search-box-content ul.dropdown1 {

left:0!important

}

}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) {

.svg-image {

display:block!important;

margin-left:-10px;

margin-top:5px;

width:100%

}

.brand-header.universal-logo {

padding:0 0 0 115px!important

}

.universal-grey #header #universalNav.nav-bar>li.has-flyout>a:first-child {

padding-left:0;

padding-right:0

}

#login-menu .login-box-content a.login-txt {

padding:0 30px!important

}

#login-menu .login-box-content a.login-txt:before {

right:5px

}

#login-menu .login-box-content a.login-txt:after {

left:10px

}

.brand-header.universal-logo .standard-chartered-logo-holder {

left:20px!important

}

.brand-header .standard-chartered-logo-holder {

width:80px

}

.pintile-boxes.static-pintiles.new-temp-margin {

padding-left:70px

}

.single-row-pintiles {

padding-left:5px

}

.nw-temp-banner.static-bx-banner .bx-wrapper .bx-caption {

left:50%!important

}

#login-menu ul li.search-box-content a.search-txt span {

padding:0 20px 0 40px

}

#login-menu ul li.search-box-content ul.dropdown1 {

left:-219%

}

}

@media only screen and (min-width:600px) and (max-width:1020px) {

.pintile-boxes.static-pintiles.new-temp-margin {

padding-left:75px!important

}

#login-menu ul li.search-box-content a.search-txt span {

padding:0 20px 0 40px

}

.universal-grey #header #universalNav.nav-bar>li.has-flyout>a:first-child {

padding-left:0;

padding-right:0

}

#universalNav.nav-bar>li>a:first-child {

font-size:11px!important

}

}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {

.svg-image {

display:block!important;

margin-left:-10px;

margin-top:5px;

width:100%

}

}

#login-menu .login-box-content a.login-link {

  color:#fff!important;

  font-size:16px!important

}

#login-menu ul ul li.profile-area {

  background-color:#efefef;

  padding:15px

}

#login-menu ul ul li.links-area {

  padding:15px

}

.img-portion>img {

  border-radius:50%;

  margin-bottom:15px

}

.login-home ul li.profile-area .button-portion .login_txt {

  display:block;

  font-size:14px;

  margin-bottom:10px;

  text-align:left

}

.login-home ul li.profile-area .button-portion h6 {

  text-transform:inherit!important

}

#login-menu ul li ul li ul li a.grey-links {

  font-weight:400;

  text-decoration:underline;

  display:block;

  margin-top:10px;

  font-size:14px;

  padding-top:5px!important

}

@media only screen and (max-width:767px) {

 .pintile-boxes.static-pintiles.new-temp-margin {

padding-left:0px!important

}

 .login-box-content #extendLogin h6 a {

padding:12px 12px 12px 20px

}

.search-login-box #login-menu ul li.login-box-content ul.dropdown {

width:320px

}

#extendLogin.login-home a.login-link {

font-size:16px!important

}

#login-menu ul li ul li ul li a.grey-links,  .login-box-content #extendLogin h6 a {

font-size:16px

}

#login-menu ul li.search-box-content ul .common-block-box .panel {

padding:10px 0

}

#login-menu ul li.search-box-content ul .common-block-box .panel p {

font-size:15px;

line-height:16px

}

#login-menu .form-tabs-secton .tabs.vertical dd a,  #login-menu .utility-box .forms-docs a {

font-size:16px

}

.panel.icon-c1>p span.ph-no-call {

font-size:15px!important

}

#login-menu .utility-box .forms-docs a {

font-size:16px;

line-height:15px

}

#login-menu .form-tabs-secton {

min-height:auto!important

}

}

#extendLogin ul {

  display:block!important

}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {

#universalNav.nav-bar>li>a:first-child {

font-size:12px

}

}

.inpage-links .row {

  border-bottom:none

}

.selectable-components {

  padding-top:20px;

  padding-bottom:20px

}

.inpage-content ul.block-grid li {

  padding:0 8px 8px!important

}

table thead tr th {

  font-size:15px;

  font-weight:700

}

table tbody tr:nth-child(2n+1) {

background:#f8f8f8

}

table tbody tr:nth-child(2n) {

background:#fff

}

table thead tr td.heading strong {

  font-weight:400

}

.inpage-links.second-line-links p a {

  display:inline-block;

  margin-bottom:10px;

  padding:2px 10px

}

.inpage-links.second-line-links p a.second-line-anchor {

  padding-left:10px

}

.static-pintiles .corner-stamp a.doc-icon:after {

  margin-top:3px;

  top:0

}

.static-pintiles a.doc-icon {

  padding-left:30px

}

.pintile-boxes.static-pintiles.new-temp-margin {

  padding-bottom:30px;

  padding-top:50px

}

.pintile-boxes.static-pintiles .elm-content-area {

  color:#666;

  padding:15px

}

.pintile-boxes.static-pintiles .elm-content-area p {

  color:#424242;

  font-size:14px;

  font-weight:400;

  margin-bottom:0!important

}

.pintile-boxes.static-pintiles a:hover .elm-content-area p {

  color:#000!important;

}

.pintile-boxes.static-pintiles article.pinned-items .elm-content-area h6 {

  overflow:hidden;

}

.footer-block h6.copy-footer-txt {

  line-height:1.3em;

}

article.pinned-items a:hover {

  color:#000;

  transition:none!important;

}

.pintile-boxes.static-pintiles .elements.pinned-items header {

  position:relative;

}

.footer-block ul.playstore-icons li.icons-header {

  color:#ccc;

  display:block;

  font-size:12px;

  margin-bottom:5px;

}

.corner-stamp .elm-content-area h6 a:hover {

  color:#000;

}

.opacity .back-to-top {

  -webkit-transition:opacity 300ms linear;

  -moz-transition:opacity 300ms linear;

  transition:opacity 300ms linear

}

.footer-links h6.subheader.single-copy-line-txt {

  color:#777;

  font-size:12px;

  text-align:right;

  padding-right:10px

}

.corner-stamp .panel .elm-content-area,  .elements .panel .elm-content-area {

  opacity:1

}

.next-arrow {

  display:none

}

.brand-header .nav-bar>li:first-child>a:first-child {

  margin-left:8px

}

.header.universal-grey,  .universal-grey .bg-menu {

  background:#f1f1f1!important

}

#universalNav.nav-bar>li>a:first-child {

  font-size:12px

}

.brand-header .nav-bar>li>a>h3 {

  font-size:22px;

  font-weight:300;

  margin:0;

  color:#333

}

.brand-header.universal-logo {

  height:57px

}

.brand-header.universal-logo .standard-chartered-logo-holder {

  left:7px;

  position:absolute;

  top:8px

}

.brand-header .nav-bar>li>a>span.summary,  .brand-header .nav-bar>li>a>summary {

  font-size:13px;

  font-weight:300

}

.brand-header.brand-link {

  padding-left:0

}

.sticky .brand-header.brand-link {

  padding:0 0 0 65px

}

.sticky .brand-header.brand-link .standard-chartered-logo-holder {

  display:block!important;

  top:11px

}

.brand-header.brand-link .standard-chartered-logo-holder img.ribbon-logo {

  width:25px

}

.login-box-content ul.dropdown:after,  .login-box-content.active ul.dropdown:after {

  border-style:solid;

  content:"";

  display:block;

  height:0;

  position:absolute;

  right:28%;

  width:0;

  border-width:0 5px 6px;

  top:-6px;

  border-color:transparent transparent #efefef

}

.legacy #header, .legacy  .header,  .legacy .header .bg-menu {

  height:57px

}

#login-menu>ul>li>a,  .nav-bar>li {

  line-height:57px

}

#login-menu ul li.search-box-content a.search-txt:after {

  top:18px

}

#login-menu .login-box-content a.login-txt:before {

  top:27px

}

 @media screen and (-webkit-min-device-pixel-ratio:0) {

#login-menu .login-box-content a.login-txt:before {

 top:25px

}

 #login-menu .login-box-content a.login-txt:after {

 top: 19px;

}

}

#login-menu ul li.search-box-content ul.dropdown1 {

  top:57px;

  border-top:0 none;

  box-shadow:none;

  height:auto!important;

  z-index: 999999;

}

.search-login-box #login-menu ul li.login-box-content ul.dropdown {

  top:57px;

  height:auto!important;

  z-index: 999999;

}

#login-menu .login-box-content a.login-link:hover {

  background:#268f00

}

.single-row-pintiles .columns {

  float:left!important;

  width:auto

}

.image-box.panel {

  padding: 0 !important;

}

.contact-details.panel {

  padding: 0 !important;

}

.item-details.panel {

  padding: 0 !important;

}

h6.blue-txt {

  color: #0070ae;

  font-size: 23px;

  font-weight: 300;

  margin-bottom: 6px;

  text-align: left;

}

@media only screen and (min-width:980px) {

.brand-header.brand-link .nav-bar>li>a {

margin-right:49px!important

}

.brand-header.brand-link .nav-bar>li:last-child>a:first-child,  .brand-header.brand-link .nav-bar>li>a.last-child {

margin-right:0!important

}

.sticky .brand-header.brand-link .nav-bar>li>a {

margin-left:14px!important;

margin-right:14px!important

}

}

@media only screen and (min-width:768px) {

.brand-header {

height:81px

}

.pintile-boxes.static-pintiles.new-temp-margin {

padding-top:50px

}

.home-page-slider.nw-temp-banner.static-bx-banner .bx-wrapper .bx-pager,  .nw-temp-banner.static-bx-banner .bx-wrapper .bx-controls-auto {

bottom:-33px!important

}

.home-page-slider.nw-temp-banner.static-bx-banner .bx-controls-direction a.bx-next,  .home-page-slider.nw-temp-banner.static-bx-banner .bx-controls-direction a.bx-prev {

top:28px!important

}

 @media screen and (-webkit-min-device-pixel-ratio:0) {

 .home-page-slider.nw-temp-banner.static-bx-banner .bx-controls-direction a.bx-next,  .home-page-slider.nw-temp-banner.static-bx-banner .bx-controls-direction a.bx-prev {

top:26px!important

}

}

 article.pinned-items {

height:auto;

float:left;

 margin: 10px 2px;

width:222px

}

article.pinned-items.less-text {

height:328px

}

article.pinned-items.box-goliath.custom-height {

height:420px

}

article.pinned-items.box-goliath {

height:370px

}

.box-goliath.custom-height .goliath-grid figure {

min-height:420px

}

.box-goliath .goliath-grid figure {

min-height:370px

}

.box-goliath figure.effect-goliath h2 {

line-height:25px

}

.pintile-boxes.static-pintiles article.pinned-items .elm-content-area {

color:#666;

height:330px;

padding:15px

}

.pintile-boxes.static-pintiles article.pinned-items.less-text .elm-content-area {

height:170px

}

.pintile-boxes.static-pintiles a:hover .elm-content-area p {

color:#000!important

}

.pintile-boxes.static-pintiles article.pinned-items .elm-content-area h6 {

color:#000;

font-size:18px;

height:24px;

overflow:hidden;

font-weight:700

}

.pintile-boxes.static-pintiles article.pinned-items .elm-content-area h6.blue-txt {

color:#0070ae;

font-size:23px;

font-weight:300;

margin-bottom:6px;

height:auto

}

.pintile-boxes.static-pintiles .elm-content-area.large-txts p {

 color: #555;

 font-size: 15px;

max-height: 77px;

 overflow: hidden;

}

.login-box-content ul.dropdown {

display:none;

}

.login-box-content:hover ul.dropdown {

display:block;

}

.brand-header.universal-logo {

padding:0 0 0 120px

}

.more-content-area {

background:#ccc;

padding:15px 10px 15px 5px;

display:none

}

.more-content-area p,  .more-content-area ul,  .more-content-area ul li {

margin-bottom:0;

background-image:none;

list-style-type:disc;

margin-left:10px;

padding-left:2px

}

.text-contents-slide {

height:150px;

overflow:hidden

}

.pinned-items.elements-overlay a:hover .more-content-area {

display:block

}

.pinned-items.elements-overlay a:hover .text-contents-slide {

background:#fff;

height:auto;

overflow:visible;

position:absolute;

width:222px;

transition:transform .35s ease .5s

}

.elements .panel {

border-style:solid!important;

border-width:1px!important;

border-color:#d9d9d9!important;

background:#fff!important;

-webkit-box-shadow:2px 2px 3px rgba(50, 50, 60, .15)!important;

-moz-box-shadow:2px 2px 3px rgba(50, 50, 60, .15)!important;

box-shadow:2px 2px 3px rgba(50, 50, 60, .15)!important

}

.elements .panel:hover,  .pinned-items.elements-overlay:hover .panel {

-webkit-box-shadow:2px 2px 3px rgba(50, 50, 60, .35)!important;

-moz-box-shadow:2px 2px 3px rgba(50, 50, 60, .35)!important;

box-shadow:2px 2px 3px rgba(50, 50, 60, .35)!important

}

#login-menu ul li.search-box-content.active a.search-txt {

color:#f1f1f1

}

#login-menu ul li.search-box-content.active a.search-txt:after {

left:25px;

}

#universalNav.nav-bar>li:after,  #utilityNav.nav-bar>li:after {

border-bottom:5px solid #fff;

border-left:5px solid transparent;

border-right:6px solid transparent;

bottom:0;

content:"";

display:none;

height:0;

left:50%;

margin-left:-8px;

margin-top:0;

position:absolute;

width:0

}

div.overlay {

display:none

}

.corner-stamp {

float:right;

margin:10px 15px;

width:222px

}

}

@media only screen and (max-width:1024px) and (min-width:768px) {

.inpage-content {

padding:30px 10px

}

}

@media only screen and (min-width:768px) {

.grid,  .grid figure {

position:relative;

text-align:center

}

.grid,  .grid figure,  .grid figure img {

position:relative

}

.grid {

clear:both;

margin:0 auto;

max-width:1000px;

list-style:none

}

.grid figure {

float:left;

overflow:hidden;

min-width:222px;

max-width:222px;

width:48%;

height:auto;

background:#3085a3;

cursor:pointer

}

.grid figure img {

display:block;

max-width:100%;

opacity:.8

}

.grid figure figcaption {

padding:2em;

color:#fff;

text-transform:uppercase;

font-size:1.25em;

-webkit-backface-visibility:hidden;

backface-visibility:hidden

}

.grid figure figcaption::after,  .grid figure figcaption::before {

pointer-events:none

}

.grid figure figcaption,  .grid figure figcaption>a {

position:absolute;

top:-20px;

left:28px;

width:100%;

height:100%

}

.grid figure figcaption>a {

z-index:1000;

text-indent:200%;

white-space:nowrap;

font-size:0;

opacity:0

}

figure.effect-lexi img {

margin:-10px 0 0 -10px;

max-width:none;

width:-webkit-calc(100% + 10px);

width:calc(100% + 10px);

opacity:1;

-webkit-transition:opacity .35s, -webkit-transform .35s;

transition:opacity .35s, transform .35s;

-webkit-transform:translate3d(10px, 10px, 0);

transform:translate3d(10px, 10px, 0);

-webkit-backface-visibility:hidden;

backface-visibility:hidden;

-webkit-transform-style: preserve-3d;

}

figure.effect-lexi figcaption::before,  figure.effect-lexi p {

-webkit-transition:opacity .35s, -webkit-transform .35s;

transition:opacity .35s, transform .35s

}

figure.effect-lexi figcaption:before {

background:rgba(0, 0, 0, .3);

position:absolute;

bottom:-100px;

width:190px;

height:190px;

border:0;

border-radius:50%;

-webkit-border-radius: 50%;

box-shadow:0 0 0 900px rgba(255, 255, 255, .4);

-webkit-box-shadow:0 0 0 900px rgba(255, 255, 255, .4);

content:'';

opacity:0;

-webkit-transform:scale3d(.5, .5, 1);

transform:scale3d(.5, .5, 1);

-webkit-transform-origin:50% 50%;

transform-origin:50% 50%;

top:-100px;

-webkit-transform-style: preserve-3d;

}

figure.effect-goliath,  figure.effect-lexi {

background:#fff

}

figure.effect-lexi:hover img {

opacity:1;

-webkit-transform:translate3d(10px, 0, 0);

transform:translate3d(0, 0, 0);

}

figure.effect-lexi h2 {

text-align:left;

-webkit-transition:-webkit-transform .35s;

transition:transform .35s;

-webkit-transform:translate3d(5px, 5px, 0);

transform:translate3d(5px, 5px, 0)

}

figure.effect-lexi p {

position:absolute;

right:0;

top:0;

padding:0 1.5em 1.5em 0;

width:140px;

text-align:right;

opacity:0;

-webkit-transform:translate3d(20px, 20px, 0);

transform:translate3d(20px, 20px, 0)

}

figure.effect-lexi:hover figcaption:before {

opacity:1;

-webkit-transform:scale3d(1, 1, 1);

transform:scale3d(1, 1, 1);

-webkit-transform-style: preserve-3d;

}

figure.effect-lexi:hover p {

opacity:1;

-webkit-transform:translate3d(0, 0, 0);

transform:translate3d(0, 0, 0)

}

img.arrow-img {

height:24px!important;

position:absolute;

width:24px!important;

right:-82px;

top:43px

}

.pintile-boxes.static-pintiles article.pinned-items .elm-content-area h6.blue-txt {

color: #0070ae;

 font-size: 23px;

 font-weight: 300;

 margin-bottom: 8px;

 max-height: 60px;

 overflow: hidden;

 text-align: left;

}

.grid .elm-content-area.large-txts>p {

opacity:1;

position:static;

text-align:left;

transform:none;

-webkit-transform:none;

transition:none 0s ease 0s;

-webkit-transition:none 0s ease 0s;

width:100%

}

figure.effect-goliath h2,  figure.effect-goliath img {

-webkit-transition:-webkit-transform .35s;

transition:transform .35s

}

figure.effect-goliath img {

-webkit-backface-visibility:hidden;

backface-visibility:hidden

}

figure.effect-goliath p,  figure.effect-goliath ul {

text-transform:none;

-webkit-transition:opacity .35s, -webkit-transform .35s;

transition:opacity .35s, transform .35s;

-webkit-transform:translate3d(0, 50px, 0);

transform:translate3d(0, 50px, 0)

}

figure.effect-goliath:hover img {

-webkit-transform:translate3d(0, -120px, 0);

transform:translate3d(0, -120px, 0)

}

figure.effect-goliath:hover h2 {

-webkit-transform:translate3d(0, -128px, 0);

transform:translate3d(0, -128px, 0)

}

figure.effect-goliath:hover p,  figure.effect-goliath:hover ul,  figure.effect-goliath:hover ul li {

-webkit-transform:translate3d(0, -50px, 0);

transform:translate3d(0, -50px, 0)

}

figure.effect-goliath:hover figcaption p,  figure.effect-goliath:hover figcaption ul {

-webkit-transform:translate3d(0, 0, 0);

transform:translate3d(0, 0, 0);

opacity:1

}

.goliath-grid figure {

max-height:312px

}

figure.effect-goliath h2,  figure.effect-goliath p,  figure.effect-goliath ul,  figure.effect-goliath ul li {

bottom:0;

left:0;

padding:30px;

position:relative

}

figure.effect-goliath figcaption p,  figure.effect-goliath figcaption ul,  figure.effect-goliath figcaption ul li {

position:absolute

}

figure.effect-goliath h2 {

color:#0070ae;

font-size:23px;

font-weight:300;

height:auto;

margin-bottom:6px;

margin-top:7px;

padding:15px 15px 0;

position:static;

text-align:left

}

figure.effect-goliath p,  figure.effect-goliath ul {

color:#555;

font-size:15px;

opacity:1;

padding:0 15px 15px;

position:static;

text-align:left;

transform:none

}

figure.effect-goliath figcaption p,  figure.effect-goliath figcaption ul li {

background:#ccc!important;

margin:0;

opacity:0;

padding:15px 12px 15px 15px!important;

top:115px

}

figure.effect-goliath figcaption {

padding:0;

height:100%;

left:0;

position:absolute;

top:0;

width:100%

}

 #expandmenu {

 display:none;

}

 .mob-scb-logo {

 display:none;

}

}

@media only screen and (min-device-width :768px) and (max-device-width :980px) {

.nw-temp-banner.static-bx-banner .bx-wrapper .bx-caption p {

padding-right:60px!important

}

.pintile-boxes.static-pintiles article.pinned-items .elm-content-area {

color:#666;

height:200px;

padding:15px

}

}

.ie-icons {

  display:none!important;

}

.ie-png-img {

  display:none!important;

}

 @media \0screen {

.button.dropdown.personal-menu,  .button.dropdown.personal-menu:hover {

  filter:none!important

}

.brand-header.brand-link .nav-bar>li>a {

  margin-right:30px!important

}

.brand-header.brand-link .nav-bar>li>a.last-child {

  margin-right:0!important

}

.sticky .brand-header.brand-link .nav-bar>li>a {

  margin-left:14px!important;

  margin-right:14px!important

}

.nw-temp-banner.static-bx-banner .bx-wrapper .bx-caption p {

  padding-right:60px!important

}

.pintile-boxes.static-pintiles .elm-content-area p {

  color:#424242;

  font-size:14px;

  font-weight:400;

  margin-bottom:0!important

}

.pintile-boxes.static-pintiles a:hover .elm-content-area p {

  color:#000!important

}

.pintile-boxes.static-pintiles.new-temp-margin {

  padding-bottom:30px!important;

  padding-top:50px

}

table.responsive {

  width:100%!important

}

.home-page-slider.nw-temp-banner.static-bx-banner .bx-wrapper .bx-pager,  .pintile-boxes.static-pintiles.nw-temp-banner.static-bx-banner .bx-wrapper .bx-controls-auto {

  bottom:-33px!important

}

.home-page-slider.nw-temp-banner.static-bx-banner .bx-controls-direction a.bx-next,  .home-page-slider.nw-temp-banner.static-bx-banner .bx-controls-direction a.bx-prev {

  top:29px!important

}

.pintile-boxes.static-pintiles article.pinned-items .elm-content-area {

  color:#666;

  padding:15px!important

}

.pintile-boxes.static-pintiles article.pinned-items .elm-content-area h6 {

  font-size:18px;

  height:24px;

  overflow:hidden

}

div.overlay {

  display:none

}

.pintile-boxes.static-pintiles .elements.pinned-items a:hover header div.overlay {

  background:#000;

  z-index:999;

  height:10%;

  position:absolute;

  width:25%;

  display:block!important;

  right:0;

  top:0;

  opacity:.4;

  filter:alpha(opacity=40);

  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"

}

.static-pintiles .corner-stamp a.doc-icon:after {

  margin-top:3px!important;

  top:0!important

}

table tbody tr:nth-child(2n+1) {

background:#f8f8f8!important

}

table tbody tr:nth-child(2n) {

background:#fff!important

}

.corner-stamp {

  float:right;

  margin:10px 15px;

  width:222px

}

article.pinned-items {

  float:left;

  margin: 10px 2px;

  width:222px

}

.next-arrow,  img.arrow-img {

  display:none

}

.pintile-boxes.static-pintiles article.pinned-items .elm-content-area h6.blue-txt {

  color:#66affa;

  font-weight:300;

  margin-bottom:6px;

  height:31px!important;

  overflow:hidden!important;

}

.pintile-boxes.static-pintiles .elm-content-area.large-txts p {

  color:#555;

  font-size:15px;

  height:75px!important;

  overflow:hidden!important;

}

.login-box-content ul.dropdown {

  display:none;

}

.login-box-content:hover ul.dropdown {

  display:block;

}

.brand-header.universal-logo {

  padding:0 0 0 120px

}

#universalNav.nav-bar>li:after,  #utilityNav.nav-bar>li:after {

  border-bottom:5px solid #fff;

  border-left:5px solid transparent;

  border-right:6px solid transparent;

  bottom:0;

  content:"";

  display:none;

  height:0;

  left:50%;

  margin-left:-8px;

  margin-top:0;

  position:absolute;

  width:0

}

.more-content-area {

  background:#ccc;

  padding:15px 10px 15px 5px;

  display:none

}

.more-content-area p,  .more-content-area ul,  .more-content-area ul li {

  margin-bottom:0;

  background-image:none;

  list-style-type:disc;

  margin-left:10px;

  padding-left:2px

}

.text-contents-slide {

  height:150px;

  overflow:hidden

}

.pinned-items.elements-overlay a:hover .more-content-area {

  display:block

}

.pinned-items.elements-overlay a:hover .text-contents-slide {

  background:#fff;

  height:auto;

  overflow:visible;

  position:absolute;

  width:222px

}

.pintile-boxes.static-pintiles article.pinned-items .elm-content-area h6.blue-txt {

  font-size:22px

}

#login-menu .login-box-content.active:hover,  #login-menu .login-box-content:hover {

  background:#b7b7b7!important

}

#login-menu ul li.search-box-content.active a.search-txt {

  color:#f1f1f1!important

}

#login-menu ul li.search-box-content.active a.search-txt:after {

  left:5px!important

}

article.pinned-items.box-goliath.custom-height {

  height:420px

}

article.pinned-items.box-goliath {

  height:370px

}

article.pinned-items {

  height:450px!important

}

.pintile-boxes.static-pintiles article.pinned-items .elm-content-area {

  height:295px!important

}

article.pinned-items.less-text {

  height:331px!important

}

.pintile-boxes.static-pintiles article.pinned-items.less-text .elm-content-area {

  height:170px!important

}

#login-menu ul li.search-box-content.active ul.dropdown1:after {

  right:26.5%

}

#login-menu ul li.search-box-content a.search-txt:after {

  background-image:url(../av/iconlib_small-new.png)!important;

  background-position-x:-405px!important;

  background-position-y:-324px!important;

}

#expandmenu {

  display:none;

}

.mob-scb-logo {

  display:none;

}

.brand-header .nav-bar > li:first-child > a:first-child {

  margin-left: 8px !important;

}

.svg-icons {

  display:none!important;

}

.ie-icons {

  display:block!important;

}

.ie-png-img {

  display:block!important;

}

.svg-img {

  display:none!important;

}

}

 @media only screen and (max-width:767px) {

.home-page-slider.nw-temp-banner.static-bx-banner .bx-controls-direction a.bx-next,  .home-page-slider.nw-temp-banner.static-bx-banner .bx-controls-direction a.bx-prev {

top:13px!important

}

.inpage-content {

padding:0 10px

}

.corner-stamp,  .pintile-boxes.static-pintiles .corner-stamp .panel,  .pintile-boxes.static-pintiles .elements,  .pintile-boxes.static-pintiles .elements .panel {

width:97%;

box-shadow:1px 1px 3px 0 #efefef

}

.pintile-boxes.static-pintiles .elements.pinned-items header {

float:left;

height:80px;

width:110px

}

.pintile-boxes.static-pintiles .elements.pinned-items header img {

float:left;

height:80px

}

.pintile-boxes.static-pintiles .elements.pinned-items .elm-content-area {

float:left;

height:80px;

padding:10px 15px;

width:calc(100% - 110px);

overflow:hidden;

position: relative;

}

.pintile-boxes.static-pintiles .elements.pinned-items .elm-content-area h6 {

font-size:16px;

height: auto;

margin-bottom:0px;

overflow:hidden;

padding-right: 15px;

padding-left: 15px;

position: absolute;

-webkit-transform: translateY(-50%);

-ms-transform: translateY(-50%);

transform: translateY(-50%);

top: 50%;

left: 0;

}

.pintile-boxes.static-pintiles .elements.pinned-items .elm-content-area p {

display: none !important;

font-size:12px;

height:38px;

overflow:hidden

}

.more-content-area,  img.arrow-img {

display:none

}

.pintile-boxes.static-pintiles.new-temp-margin {

padding-top:30px

}

.footer-block .block-grid.one-up.playstore-icons {

margin:0 0 17px;

}

 .footer-block ul.playstore-icons li.icons-header {

color:#fff;

margin-bottom:17px;

}

.pintile-boxes.static-pintiles .elm-content-area h6.blue-txt {

color:#0070ae;

font-weight:400;

}

 .brand-header.brand-link {

padding-left:0 !important;

}













figure.effect-lexi {

background:#fff

}

.single-row-pintiles .columns {

clear: both!important;

width:auto

}

.reveal-modal.medium {

margin-left:-45%!important;

width:85%!important

}

.sticky .brand-header.brand-link .standard-chartered-logo-holder {

top:11px;

padding-top:0

}

#login-menu ul ul a img.img-call {

width:26%!important

}

#login-menu ul li.search-box-content ul .common-block-box .panel.for-atm-sec {

min-height:165px

}

#login-menu ul li.search-box-content.active a.search-txt:after {

background-image: url("../av/iconlib_small-new.png");

 background-position: 85% 57%;

 background-repeat: no-repeat;

 background-size: 1298% auto;

 clear: both;

 content: "";

 display: block;

 height: 50px;

 left: 42% !important;

 position: absolute;

 top: 9px !important;

 width: 50px;

}

 ul.playstore-icons li.app-store-icon,  ul.playstore-icons li.google-play-icon {

 float:left;

 width:50%;

}

 .footer-block .block-ft ul.playstore-icons li a {

 height: 65px;

}

.grey-bg-links {

 background: #2c2c2c none repeat scroll 0 0;

}

.footer-block .block-ft .block-grid > li a {

 background: transparent none repeat scroll 0 0;

}

 .footer-block .block-ft .block-grid.grey-bg-links > li a {

 border-right: 1px solid #3c3c3c;

 border-top: 1px solid #3c3c3c;

 padding: 13px 10px;

 margin-bottom: 0;

}

 .footer-block .block-ft .block-grid > li {

 padding: 0;

}

 .reveal-modal.medium {

 margin-left: -50% !important;

 width: 100% !important;

}

 .reveal-modal.medium.mob-padding {

 padding: 10px !important;

 z-index: 9999;

 min-height: 640px;

}

 .modal-contents {

 padding: 25px 20px 40px;

}

.close-sec.button.large.full-width {

 background: #0070ae none repeat scroll 0 0 !important;

 border-color: #0070ae !important;

 bottom: 0;

 position: fixed;

 width: 100%

}

.close-sec a.close-reveal-modal {

 background-image: none !important;

 color: #fff !important;

 margin-left: auto !important;

 margin-right: auto !important;

 padding-top: 10px !important;

 position: relative !important;

 width: 100% !important;

}

.image-box.panel > img {

 width: 100%;

}

 .sticky .brand-header.brand-link .standard-chartered-logo-holder img.ribbon-logo {

 display: none !important;

}

 .elements footer,  .corner-stamp footer {

 padding: 15px;

}

 #mobmenu.hamberger-menu {

 padding-bottom: 10px;

 padding-left: 3px;

 padding-right: 52px !important;

 padding-top: 10px;

 position: absolute;

 right: 0;

 top: 7px;

 color: #444;

 font-size: 14px;

 display: block;

 overflow: hidden;

 -webkit-appearance: none;

 -moz-appearance: none;

 appearance: none;

 box-shadow: none;

 border-radius: none;

 border: none;

 cursor: pointer;

 -webkit-transition: background 0.3s;

 transition: background 0.3s;

 line-height: 17px;

}

/* #mobmenu.hamberger-menu span {

 top: 9px;

 background-image: url("../av/mobile-menu.png") !important;

 background-position: 0 0;

 background-repeat: no-repeat;

 content: "";

 display: block;

 height: 20px;

 left: 93px;

 position: absolute;

 top: 9px;

 width: 24px;

}*/



#mobmenu.hamberger-menu:focus {

 outline: none;

}

#mobmenu.hamberger-menu span {

 background: #aaa none repeat scroll 0 0;

 display: block;

 height: 3px;

 left: 93px;

 position: absolute;

 right: 18px;

 top: 17px;

}

 #mobmenu.hamberger-menu span::before,  #mobmenu.hamberger-menu span::after {

 background-color: #aaa;

 content: "";

 display: block;

 height: 3px;

 left: 0;

 position: absolute;

 width: 100%;

}

 #mobmenu.hamberger-menu span::before {

 top: -7px;

}

 #mobmenu.hamberger-menu span::after {

 bottom: -7px;

}

#mobmenu.hamberger-menu {

 background-color:transparent;

}

#mobmenu.hamberger-menu span {

 -webkit-transition: background 0s 0.3s;

 transition: background 0s 0.3s;

}

 #mobmenu.hamberger-menu span::before,  #mobmenu.hamberger-menu span::after {

 -webkit-transition-duration: 0.3s, 0.3s;

 transition-duration: 0.3s, 0.3s;

 -webkit-transition-delay: 0.3s, 0s;

 transition-delay: 0.3s, 0s;

}

 #mobmenu.hamberger-menu span::before {

 -webkit-transition-property: top, -webkit-transform;

 transition-property: top, transform;

}

 #mobmenu.hamberger-menu span::after {

 -webkit-transition-property: bottom, -webkit-transform;

 transition-property: bottom, transform;

}

/* active state, i.e. menu open */

#mobmenu.hamberger-menu.mob-menu-left {

 background-color: transparent;

}

#mobmenu.hamberger-menu.mob-menu-left span {

 background: none;

}

 #mobmenu.hamberger-menu.mob-menu-left span::before {

 top: 0;

 -webkit-transform: rotate(45deg);

 -ms-transform: rotate(45deg);

 transform: rotate(45deg);

}

 #mobmenu.hamberger-menu.mob-menu-left span::after {

 bottom: 0;

 -webkit-transform: rotate(-45deg);

 -ms-transform: rotate(-45deg);

 transform: rotate(-45deg);

}

 #mobmenu.hamberger-menu.mob-menu-left span::before,  #mobmenu.hamberger-menu.mob-menu-left span::after {

 -webkit-transition-delay: 0s, 0.3s;

 transition-delay: 0s, 0.3s;

}











/*#mobmenu.mob-menu-left {

 right: -16px !important;

 width: 68%;

 top: 8px !important;

}*/

 .mobile-nav-menu#expandmenu {

 padding: 1px;

 border-top: 1px solid #d2d2d2;

 float: right;

 height: auto !important;

 margin: 0;

 padding: 0 !important;

 position: absolute;

 right: 0;

 top: 47px;

 width: 68%;

 font-size: 14px;

 line-height: 1.6;

 list-style-position: outside;

 display:none;

}

 .mobile-nav-menu#expandmenu li {

 position: relative;

 display: block;

 clear: both;

 line-height: 22px;

 border-color:#eee;

margin-right:0;

padding-bottom:0;

border:1px solid #eee;

margin-bottom:2px;

 height: 44px !important;

 overflow: hidden !important;

 background: none repeat scroll 0 0 !important;

 background-color: #f1f1f1 !important;

 background-image: none !important;

 border-bottom: 1px solid #d2d2d2 !important;

 border-left: 1px solid #d2d2d2 !important;

 border-radius: 0 !important;

 border-right: 1px solid #d2d2d2 !important;

 margin-bottom: 0 !important;

 height: 50px !important;

 overflow: hidden !important;

}

.mobile-nav-menu#expandmenu li a:first-child {

 background:url("../av/arrow.png") no-repeat scroll 30px 16px !important;

 margin-left: 0;

 height: 50px;

 padding: 16px 56px 6px;

 display: block;

 font-size: 12px;

 position: relative;

 text-decoration: none;

}

 .mobile-nav-menu#expandmenu li a h3 {

 font-size: 13px;

 text-transform: uppercase;

 color: #333;

 font-weight: 300;

 margin: 0;

 font-family: "SC Sans Web", Arial, sans-serif;

 font-stretch: normal;

 font-style: normal;

 line-height: 1.1;

 text-rendering: optimizelegibility;

 direction: ltr;

}

 .mobile-nav-menu#expandmenu li.no-listing > a:first-child {

 padding: 16px 20px 6px !important;

 background:none!important;

}

 #login-menu .login-box-content a.login-txt:before {

 right: 35px;

}

#login-menu .login-box-content a.login-txt::before {

 top: 26px;

}

 .block-grid.one-up.mobile-one-up li {

 padding-bottom: 0px!important;

}

 .footer-block .liner-ft .block-grid li a {

 padding: 10px 0!important;

 line-height: 18px!important;

 margin-bottom:0px!important;

 height: 37px;

 padding-top:10px!important;

}

}

.bx-caption .button.green {

  background: #22aa48 none repeat scroll 0 0;

  border:1px solid #22aa48;

  border-radius:3px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  filter:none;

}

.bx-caption .button.green:hover,  .bx-caption .button.green:focus {

  background: #268f00 none repeat scroll 0 0;

  border:1px solid #268f00;

  transition:none!important;

  -webkit-transition: none!important;

  -moz-transition: none!important;

  -o-transition: none!important;

  transition: none!important;

  filter:none;

}

.home-page .footer-block a.external-link {

  padding-left:0px !important

}

.home-page .footer-block a.external-link:hover {

  background:none !important

}

.brand-header.universal-logo .standard-chartered-logo-holder h1 {

  margin:0px;

}

@media only screen and (max-width: 767px){

  .hide-if{

    display:none;

  }

}



@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {

    #fix_col_cont.columns {

      float:left!important;

      }

    }

  @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {

    .pintile-boxes.static-pintiles.new-temp-margin {

      padding-left: 0 !important;

      }

    }

  @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) and and (-webkit-min-device-pixel-ratio: 1) {

    #fix_col_cont.columns {

      float:left!important;

      }

    }

  @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) and and (-webkit-min-device-pixel-ratio: 1) {

    .pintile-boxes.static-pintiles.new-temp-margin {

      padding-left: 0 !important;

      }

    }

  @media only screen and (min-width : 768px) and (max-width : 1024px){

    .pintile-boxes.static-pintiles.new-temp-margin {

      padding-left: 0!important;

      }

    }

body.chinese table tbody tr td{

line-height: 23px;

}



/* Custom styles for sg insure */



#tabbed-nav ul.z-tabs-nav.z-tabs-desktop li a {

  color: #c8c9cd;

  font-family:'SC Sans Web', Helvetica, Arial, sans-serif;

  font-size: 26px;

  font-weight: 300;

}

.ins-calegory-item.ins-calegory-item-select:after {

  border: medium none;

}

.ins-calegory-item {

  float: left;

  font-size: 16px;

  height: 40px;

  line-height: 30px;

  text-align: center;

}

.multi-prod-item-inner img {

  height: 175px;

  width: 467px;

}



.sticky-wrapper.sticky-result {

  width: 100%!important;

}



.sticky-wrapper.sticky-result #sticker {

  box-shadow: 0 2px 2px -1px #999;

  position: fixed !important;

  width: 100% !important;

  z-index: 10000;

}

#tabbed-nav {

  margin-top: 0px;

}

.light-blue-box {

  background: #f4f7ff none repeat scroll 0 0;

  padding-bottom: 20px;

}

.single-prod-text1 {

  font-size: 38px;

}

.single-prod-text2 {

  font-size: 18px;

}

.center-heading {

  padding-bottom: 30px;

  text-align: left;

}

.center-heading h3.subheader:after {

  border-bottom: medium none;

}

.white-bg {

  background:#ffffff none repeat scroll 0 0;

}

#tabbed-nav ul.z-tabs-nav.z-tabs-desktop li a {

  font-size: 22px;

}

.inpage-content #tabbed-nav ul li a:after {

  background-repeat: no-repeat;

  content: "";

  display: block;

  height: 30px;

  left: 9px;

  position: absolute;

  top: 14px;

  width: 30px;

}

.z-tabs.large > ul.z-tabs-desktop > li > a {

  display: inline-block;

  padding-bottom: 20px;

  padding-left: 50px;

  padding-top: 20px;

  text-align: left;

  width: 50%;

}

.z-tabs.large > ul.z-tabs-desktop > li#retirement > a {

  padding-left: 45px;

  padding-right: 35px;

}

ul.z-tabs-desktop li {

  width: 16.5% !important;

}

.inpage-content #tabbed-nav ul li.protection a:after {

  background: transparent url("../images/protection.png") repeat scroll 0 0;

}

.inpage-content #tabbed-nav ul li.health a:after {

  background:url("../images/health.png");

}

.inpage-content #tabbed-nav ul lia:after {

  background:url("../images/legacy.png");

}

.inpage-content #tabbed-nav ul li.retirement a:after {

  background:url("../images/retirement.png");

}

.inpage-content #tabbed-nav ul li.savings a:after {

  background:url("../images/savings.png");

}

.inpage-content #tabbed-nav ul li.education a:after {

  background:url("../images/education.png");

}

.inpage-content #tabbed-nav ul li.protection.z-active a:after {

  background:url("../images/protection-select.png");

}

.inpage-content #tabbed-nav ul li.health.z-active a:after {

  background:url("../images/health-select.png");

}

.inpage-content #tabbed-nav ul li.legacy.z-active a:after {

  background:url("../images/legacy-select.png");

}

.inpage-content #tabbed-nav ul li.retirement.z-active a:after {

  background:url("../images/retirement-select.png");

}

.inpage-content #tabbed-nav ul li.savings.z-active a:after {

  background:url("../images/savings-select.png");

}

.inpage-content #tabbed-nav ul li.education.z-active a:after {

  background:url("../images/education-select.png");

}

.single-prod-text1 {

  top: -200px;

}

.single-prod-text2 {

  top: -185px;

}

.button.large.cust_but_in.make-an-appointment {

  padding: 18px 25px 16px;

}

.common-contact-block .button.medium.make-an-appointment {

  padding: 12px 19px 13px;

}

.customer-pop a {

  display:block;

}

.customer-pop p.cta-button-lnk-txt a {

  display: inline-block;

}

a div.no-sec:after {

  background-image: url("../image/cta-close.png");

  content: "";

  display: block;

  height: 16px;

  left: 35%;

  position: absolute;

  text-align: center;

  top: 24px;

  width: 16px;

}

a div.yes-sec:after {

  background-image: url("../image/cta-tick.png");

  content: "";

  display: block;

  height: 16px;

  left: 35%;

  position: absolute;

  top: 25px;

  width: 16px;

}

.reveal-modal.customer-pop {

  padding: 0;

}

.inner-pop-up p.cta-button-lnk-txt {

  margin-bottom:0px;

}

.promo-info {

  text-align:left;

}

.inpage-content .green-arrow.list-page > li {

  margin-bottom: 10px !important;

  padding-left: 20px !important;

}

li.insure h6.subheader.no-icon {

  color: #6f6f6f;

  font-size: 15px;

  margin-bottom: 10px;

  margin-top: 0;

  padding-left: 10px;

}

li.insure .mega-sidebar .subheader.no-icon {

  padding-left: 43px;

}

.noslider.single-promo {

  border: 1px solid #eee;

  min-height: 250px;

}

#megaNav .insure-updates .text-link li {

  line-height: 15px;

  margin-bottom: 2px;

}

.brand-header .nav-bar li.insure-updates .flyout {

  background-image:none!important;

  background-color:#f8f8f8 !important;

}

.brand-header .nav-bar li.insure-updates .flyout:after {

  background: none;

}

#megaNav .insure-updates h4 {

  font-size: 19px;

  margin-bottom: 5px;

  padding-top: 2px;

}

.subheader.mega-icon.health-accident {

  margin-top: 25px !important;

}

.subheader.mega-icon.home-retirement {

  margin-top: 25px !important;

}

.ins-calegory-item > span {

  display: block;

  padding-bottom: 5px;

  padding-top: 4px;

}

.ins-calegory-item-select span {

  display: block;

  padding-bottom: 5px;

  padding-top: 4px;

}

.get-in-touch iframe#form-frm {

  height:545px!important;

}

.inpage-sections .get-in-touch h3 {

  color: #111;

}

.inpage-sections .get-in-touch p {

  color: #424242;

}

.bx-wrapper .bx-viewport {

  min-height:280px !important;

}

 @media only screen and (min-device-width : 768px) and (max-device-width : 840px) {

#tabbed-nav ul.z-tabs-nav.z-tabs-desktop li a {

 font-size: 18px;

}

.z-tabs.large > ul.z-tabs-desktop > li > a {

 display: inline-block;

 padding-bottom: 20px;

 padding-left: 45px;

 padding-top: 20px;

 text-align: center;

 width: 50%;

}

 .inpage-content #tabbed-nav ul li a:after {

 left: 5px;

}

 .get-in-touch iframe#form-frm {

 height:545px!important;

}

}

 @media only screen and (max-width: 767px) {

 .get-in-touch iframe#form-frm {

 height:748px !important;

}

 .single-prod-text1 {

 font-size: 32px;

}

 .single-prod-text2 {

 font-size: 15px;

}

 .white-bg {

 background: #ffffff none repeat scroll 0 0;

 margin-bottom: 20px;

}

.single-prod-text1 {

 top: -215px;

}

 .single-prod-text2 {

 top: -200px

}

 .z-tabs.large > ul > li > a {

 font-size: 18px;

}

.z-tabs.large > ul > li > a {

 padding: 15px;

}

 .z-tabs.mobile > ul > li.z-active > a {

 color: #0085d4;

 font-weight: normal;

 padding-left: 78px;

}

 .inpage-content #tabbed-nav ul li a:after {

 top: 9px;

 left:20px;

}

 #tabbed-nav ul.z-tabs-nav.z-tabs-desktop li a {

 font-size: 18px;

}

ul.z-tabs-desktop li {

 width: 100% !important;

}

 #tabbed-nav ul.z-tabs-nav.z-tabs-desktop li a {

 font-size: 18px;

 padding-bottom: 15px;

 padding-top: 15px;

 width: auto;

}

 .inpage-content #tabbed-nav ul li {

 border-bottom: 1px solid #dedede;

 padding-bottom: 0;

 position: relative;

}

 .inpage-content #tabbed-nav ul.z-tabs-mobile li {

 border-bottom:none;

}

#tabbed-nav {

 margin-bottom: 0;

 margin-top: 0;

}

 .noslider.single-promo .con-sec h1.sub-header {

 font-size: 32px;

}

 .bxslider .con-sec h1.sub-header {

 font-size: 32px!important;

}

 .z-tabs.mobile > ul.z-tabs-nav > li > .z-link {

 margin: 0 !important;

 padding-left: 61px;

}

 .z-tabs.mobile > ul > li.z-active > a {

 color: #0085d4;

 font-weight: normal;

 padding-left: 60px;

}

}

.custom-listing ol.alpha-list {

  list-style-type: lower-alpha;

  margin-top: 2px;

}

.custom-listing ol.alpha-list li {

  list-style-type: lower-alpha;

}

.inpage-content .custom-listing h6 {

  margin-top: 5px;

}

.inpage-content .custom-listing ul.simple-list {

  margin: 0 0 17px 36px;

}

.inpage-content .custom-listing ol.roman-list {

  list-style-type: upper-roman;

}

.inpage-content .custom-listing ol.roman-list li {

  list-style-type: upper-roman;

}

#multi-product-box .bx-wrapper .bx-pager,  #multi-product-box .bx-wrapper .bx-controls-auto {

  height: 100%;

  position: absolute;

  right: 5px;

  top: 0;

  width: 100%;

  z-index: 999;

}

 @media \0screen {

#multi-product-box .bx-wrapper .bx-pager,  #multi-product-box .bx-wrapper .bx-controls-auto {

  height: 100%;

  position: absolute;

  right: 5px;

  top: 0;

  width: 100%;

  z-index: 999;

}

}

.bx-wrapper .bx-viewport {

  min-height:280px !important;

}

table.responsive {

  width: 100%!important;

}

.brand-header ul.green-links-in.nav-bar li.insure-updates.has-flyout.insure .large.flyout {

  background: none !important;

  background-color:#f8f8f8 !important;

}

.brand-header .nav-bar li.insure-updates .flyout:before {

  content:none;

}

}

.brand-header .nav-bar li.insure-updates .flyout:after {

  background: none !important;

}

.brand-header ul.green-links-in.nav-bar li.insure-updates.has-flyout.insure .large.flyout:after {

  background: none !important;

}

 @media only screen and (min-width: 790px) {

.button.large.cust_but_in {

padding: 18px 8px 16px;

 width: 100%;

}

 .button.large.cust_but_in.make-an-appointment {

 padding: 18px 1px 16px;

}

}

 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

 .button.large.cust_but_in {

 padding: 18px 5px 16px!important;

 width: 100%;

}

 .button.large.cust_but_in.make-an-appointment {

 display: inline-block;

 line-height: 14px;

 padding: 10px 5px 16px!important;

}

}

.multi-prod-item-inner img {

  max-width:none !important;

}

.activ {

  padding-top:130px;

}

.notes p strong {

  font-weight:700;

}

.notes p.green-txt {

  color: #26922c;

}

.table-section table tbody tr td.blue-txt-align.black-txt-align {

  color: #000;

}

#megaNav .insure-updates .text-link li {

  background-image: none;

}

#megaNav .insure-updates .sub-menu-article ul.grey-arrow {

  margin-left:0px;

}

 @media only screen and (max-width: 767px) {

 .reveal-modal.customer-pop {

 margin-bottom: 0 !important;

 margin-left: -50%;

 margin-right: auto !important;

 margin-top: 0 !important;

 padding: 0;

 width: 100%;

}

.customer-pop a {

 display: block;

 float: left;

 width: 50%;

}

a div.no-sec:after {

 left: 50px;

}

a div.yes-sec:after {

 left: 50px;

}

 .z-tabs.large > ul.z-tabs-desktop > li#retirement > a {

 padding-left: 61px!important;

}

.mob-fixed-btn {

 bottom: 0;

 position: fixed;

 width: 96%;

}

.reveal-modal.mobile-specific {

 min-height: 640px;

 padding-bottom:50px;

 top:0px !important;

}

 .reveal-footer-btns {

 bottom: 0;

 position: fixed;

 width: 96%;

}

.close-sec {

 display: block;

 float: left;

 padding-bottom: 25px;

 padding-top: 25px;

 text-align: center;

 width: 50%;

 background-color: #26262b;

 color: #fff;

}

.close-sec a {

 color:#fff !important;

}

.proceed-sec {

 display: block;

 float: left;

 padding-bottom: 25px;

 padding-top: 25px;

 text-align: center;

 width: 50%;

 background-color: #5cb8e6;

 color: #fff;

}

.close-sec .close-reveal-modal {

 background-image: none;

 height: auto !important;

 margin: 0 !important;

 position: relative !important;

 top: 0 !important;

 width: 100% !important;

}

.customer-pop .proceed-sec a.proceed-btn {

 text-align: center !important;

 width: 100% !important;

 color:#fff !important;

}

.close-sec.button.large.full-width {

 bottom: 0;

 position: fixed;

 width: 96%;

}

}

.single-multi-product-image .bg-opacity {

  opacity: 0.7;

  filter: alpha(opacity=70); /* For IE8 and earlier */

}



/*.sticky-wrapper.sticky-result .light-blue-box{

   padding-top: 10px;

  }*/



 @media \0screen {

.noslider.single-promo {

  border: 1px solid #eee;

  min-height: 270px;

}

}

.multi-prod-item-lbl > i {

  text-transform: none;

}



@media only screen

and (min-width : 375px)

and (max-width : 667px)

and (orientation : landscape)

 {

.universal-grey #utilityNav.nav-bar>li.animated-menu>a:first-child

{

padding-bottom: 25px !important;

}

}

@media only screen and (min-width: 768px){

.mid-autmn-boxes .single-row-pintiles .columns{

min-height:504px;

}

}

.ten.columns.centered .five-grid p a {

    color: #1ebef7 !important;

}



.ten.columns.centered  p .text-blue {

    color: #1ebef7 !important;

}

.apple-pay  .card-tile-section h3.subheader.plan-hd.hd-text.text-center {

    width: 612px;

      margin: 15px auto 17px auto;

}



.apple-pay  .spacer{

    padding-top: 40px;

    padding-bottom: 27px;

}



.apple-pay  .card-spacer.cf {

    padding-bottom: 30px;

}

@media only screen and (max-width: 767px){



.apple-pay  .card-tile-section h3.subheader.plan-hd.hd-text.text-center {

    width: 100%;

      margin: 0 auto;

margin-bottom:20px;

}



}



.text-center.card-text {

    margin-top: -15px;

}

.register-pad {

margin-top: -40px;

padding-top: 40px;

}

.hk-apple .sticky .persist-header-on {

    position: relative !important;

}

.apple-pay .card-tile-section h3.subheader.plan-hd.hd-text.text-center {

    margin: 15px auto 17px;

    width: 487px;

}

.text-center.reg-button {

    padding-bottom: 27px;

}

.four-grid.text-center.ip-images {

    padding: 5px 27px 10px !important;

}

.subheader.plan-hd.hd-text.text-center.text-fot {

    font-size: 25px;

}

.four-grid .iph-text {

    height: 55px;

}

.three-grid .iph-text {

    height: 50px;

}

.hk-apple .banner-title-hd {

    padding-top: 147px !important;

}

.three-grid.text-center.ipad-images {

    padding: 5px 33px 10px !important;

}

.container.content-section.inpage-content.grey-background.section-padding.page-base-section.iph-padding {

    padding-top: 0 !important;

}



#setup {

    padding-bottom: 0 !important;

}

.hk-apple .lined-section {

    border-bottom: 0 none !important;

}

.hr-line {

    margin-bottom: 49px;

}



@media only screen and (max-width: 767px) {

.text-center.set-text {

    line-height: 22px;

}

.hk-apple .four-grid.text-center.ip-images {

    padding: 5px 27px 10px !important;

}

.hk-apple .three-grid.text-center.ipad-images {

    padding: 5px 27px 10px !important;

}

.hk-apple .card-spacer.cf {

    padding-bottom: 0;

}

.hk-apple .head-txt {

    padding-left: 0 !important;

    padding-right: 0 !important;

}

.hr-line {

    margin-bottom: 49px;

}

.register-pad {

    margin-top: -68px;

    padding-top: 68px;

}

.apple-pay.hk-apple .lined-section {

    padding-bottom: 0 !important;

}

.text-center.reg-button {

    padding-bottom: 0;

    padding-top: 5px;

}

  }

 @media only screen and (max-width:767px) {

.mid-autmn-boxes.pintile-boxes.static-pintiles .elements.pinned-items .elm-content-area {

float:left;

height:80px;

padding:15px 15px;

width:calc(100% - 110px);

overflow:hidden;

position: initial;

}

.mid-autmn-boxes.pintile-boxes.static-pintiles .elements.pinned-items .elm-content-area h6 {

font-size:15px;

height: 18px;

margin-bottom:5px;

overflow:hidden;

padding-right: 0px;

padding-left: 0px;

position: initial;

-webkit-transform: translateY(0%);

-ms-transform: translateY(0%);

transform: translateY(0%);

top: 0;

left: 0;

}

.mid-autmn-boxes.pintile-boxes.static-pintiles .elements.pinned-items .elm-content-area p {

display: block !important;

}

}





/* ----------- LFC ---------- */



.lfc .row h6 {

color: #777777 ! important;

font-size: 12px ! important;

text-align: right ! important;

padding-right: 10px;

font-weight: 400;

}





/* cn - small boiler-plate variation */



.boiler-padding

{

  padding: 20px !important;

    border: 1px solid #ccc !important;

    margin-top: 20px !important;

}



/* chat icon */



#utilityNav ul.flyout li.chat-icon span.icon-small {

  display: block;

  position: absolute;

  left: 5px;

  top: 5px;

  width: 25px;

  height: 19px;

  background-image: url('https://www.sc.com/global/av/c2c-main-nav-icon.png');

  background-position: center center;

  background-repeat: no-repeat;

}



#utilityNav ul.flyout li.chat-icon.a {

  padding-left: 36px;

}



/* AE - Uber Offer box */



.offer-box-sec

{

clear: both !important;

border-right: 1px solid rgb(212, 212, 212) !important;

 border-width: 4px 1px 1px !important;

 border-style: solid !important;

 border-color: rgb(50, 171, 77) rgb(212, 212, 212) rgb(212, 212, 212) !important;

 border-image: none !important;

 background:#fff !important;

 height: 251px !important;

 max-width: 350px !important;

}



.icon-top

{

margin-top: 25px !important;

}



.offer-header

{

height: 118px !important;

padding-top: 145px !important;

}



.offer-header-text

{

margin-bottom: 0px !important;

color: rgb(50, 170, 76) !important;

font-size: 26px !important;

}



.btn-bottom

{

margin-bottom: 12px !important;



}





/* SG - LFC campaign */



.twelve.columns.centered.video-section {

  margin-bottom: 35px;

}

h6.font-bold.player-head {

  margin-top: 0px;

}

.lfc-border

{

  border: 2px solid #ccc;

  padding: 26px;

}



.lfc-event

{

margin-bottom:6px;

}

.lfc-event-header

{

margin-top:0px !important;

margin-bottom:6px !important;

  font-size: 18px !important;

}



.lfc-event-text

{

  font-size: 22px !important;

}



.calendar-text

{

  font-size: 20px;

}



.bottom-lfc-text

{

margin-top:27px;

}



.grid-block {

    width: 14.25%;

  float: left;

  border: 1px solid #ccc;

  padding: 47px;

}



.time-header

{

margin-bottom:7px !important;

}



.bord-left

{

  border-left: 8px solid #37A3D4;

  height: 100px;

  padding: 12px;

}



.red-color

{

color: #ff0000

}



.grid-block.block-7 {

  padding: 68.5px;

}



.grid-block.block-5 {

  width: 43%;

  border-left: 8px solid #ff0000;

  padding: 33px;

}



h5.time-header.red-color {

  color: #ff0000;

}





@media only screen and (max-width: 767px) {

.grid-block {

  width: 100%;

  float: left;

  border: 1px solid #ccc;

  padding: 48px;

  margin-bottom: 4px;

}



.grid-block.block-5 {

  width: 100%;

  border-left: 8px solid #ff0000;

  padding: 33px;

  margin-top: 5px;

  margin-bottom: 40px;

}



.bord-left {

  border-left: 8px solid #37A3D4;

  height: 100px;

  padding: 16px;

  height: 137px;

  border-top: 1px solid #ccc;

  border-right: 1px solid #ccc;

  border-bottom: 1px solid #ccc;

}



.event-time-txt

{

  font-size: 12px !important;

}



}



@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px)

and (orientation : portrait) {



.grid-block {

  width: 14.25%;

  float: left;

  border: 1px solid #ccc;

  padding: 28px;

}



.grid-block.block-7 {

  padding: 49.5px;

}



.grid-block.block-5 {

  width: 43%;

  border-left: 8px solid #ff0000;

  padding: 14px;

}



.event-time-txt

{

  font-size: 12px !important;

}



}



/* scremit */



.six.custom-six,  .row.custom-row .six.custom-six {

  width: 47% !important;

  margin-right: 29px !important;

}



.icon-image-box.six-box {

  width: 22% !important;

}







@media only screen and (max-width: 767px){



.custom-six.features-mod-column3.last-block

{

margin-bottom:35px !important;

}



.icon-image-box.six-box.icon-image-mob-box {

  width: 40% !important;

}



.six.custom-six,  .row.custom-row .six.custom-six {

  width: 100% !important;

  margin-right: 0px !important;

}





.features-mod-panel-top.mob-icon-bx {

  padding: 20px 20px 10px;

}



.icon-image-box.icon-image-mob-box {

  width: 25% !important;

}

.mob-4-block

{

margin-bottom:50px;

}



.box-1-center {

border: 1px solid #ccc;

padding: 12px;

padding-right: 26px;

padding-left: 26px;

display: block;

}



}



@media only screen and (min-width: 768px){

.four.custom-four, .row.custom-row .four.custom-four

{

  width: 30.33333%;

  margin-right: 29px;

}

}



@media \0screen {



.four.custom-four, .row.custom-row .four.custom-four

{

  width: 30.33333%;

  margin-right: 29px;

}



.features-mod-column3 .ie-ver {



  width: 209px;

}



.features-mod-column3 .center-head {

    margin: 20px 0;

  font-size: 21px !important;

  color: #0071aa;

  width: 100%;

  padding-left: 0px;

}



}





.blue-header.in-two-line.custom-two-line

{

margin-top: 24px;

}



.box-1-center {

  border: 1px solid #ccc;

  padding: 12px;

  padding-right: 26px;

  padding-left: 26px;

}

.box-1-top

{

margin-top:30px;

}



.small-txt

{

font-size:12px !important;

}



.center-box

{

  margin-bottom: 30px;

  margin-top: 30px;

}



.table-lg-text {

  font-size: 30px !important;

}



.boiler-section

{

margin-top:30px;

margin-bottom:30px;

}



.boiler-section h3

{

margin-top:10px !important;

}



.boiler-bottom

{

margin-bottom:25px;

}



.icon-image-box {

  width: 35% !important;

}



.features-mod-column3 .center-head {

    margin: 20px 0;

  font-size: 24px;

  color: #0071aa;

  width: 100%;

  padding-left: 0px;

}



/* foru-colum border with green arrow button */



.green-large {

  font-size: 24px !important;

}

.blk-txt {

  font-size: 16px !important;

}

.text-in-box.text-in-top {

  margin-top: 20px;

}



/* ae fresh-online-banking  */



.my-teaser-page.teaser-page .section-five .section-img-bg.custom-image-bg:after {

  background-image: url("/global/av/ae-devices-perspective-2.png");

  background-repeat: no-repeat;

  background-size: 1188px 752px;

}



@media \0screen {



.my-teaser-page.teaser-page .section-five .section-img-bg.custom-image-bg:after

{

    background-image: url("/global/av/ae-devices-perspective-ie.png");

    background-repeat: no-repeat;

}



}



/* IN VoiceID */

.in-voice-id .container.banner-container.single-banner{background-image:url(/global/av/in-voice-id-banner.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;min-height:295px}.in-voice-id .video-desc,  .ae-voice-id .video-desc{margin-top:40px}.in-voice-id h5.subheader.hd-text,  .ae-voice-id h5.subheader.hd-text{font-weight:200;font-size:35px;margin-top:50px;margin-bottom:10px}.lined-section{border-bottom:1px solid #ECECEC;padding-bottom:50px!important}.in-voice-id .twelve.columns.tile-block p,  .ae-voice-id .twelve.columns.tile-block p{margin-bottom:30px}.in-voice-id.visa-checkout .section-padding.container,  .ae-voice-id.visa-checkout .section-padding.container{padding-bottom:50px!important;padding-top:50px!important}.in-voice-id h1.text-center.subheader.video-desc,  .ae-voice-id h1.text-center.subheader.video-desc{font-size:26px;color:#424242}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){.in-voice-id .container.banner-container.single-banner{background-image:url(/global/av/in-voice-id-banner.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;min-height:295px}}@media only screen and (max-width:767px){.in-voice-id .container.banner-container.single-banner{background-image:url(/global/av/in-voice-id-banner.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;min-height:295px}}

/* IN VoiceID */

.ae-voice-id .container.banner-container.single-banner {background-image: url(/global/av/ae-voice-id-banner.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center;min-height: 295px;}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){.ae-voice-id .container.banner-container.single-banner{background-image:url(/global/av/ae-voice-id-banner.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;min-height:295px}}@media only screen and (max-width:767px){.ae-voice-id .container.banner-container.single-banner{background-image:url(/global/av/ae-voice-id-banner.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;min-height:295px}}

/* VN SC-MOBILE-APP */



.six.column.centered.qr{

 margin-bottom: 104px;

}

img.app-ico-icon.qr1 {

 width: 50%;

}



.mobile-banking .svg-devices .mob-app-icons img.app-ico-icon.custom-app-icon {

  margin-right: 25px;



}



@media \0screen {

.mobile-banking h2.banner-main-hd.ie-text-head

{

    color: #fff;

    font-size: 47px;

    font-weight: 200 !important;

    line-height: 62px;

    margin: 85px 0px 15px 0px;

}

.app-ico-icon-ie

{

margin-right:25px !important;

}



.mobile-banking .section-padding.ie-section

{

padding-bottom: 20px !important;

}



}



.mobile-banking .container.banner-section.inpage-content.section-padding.shadow-block.page-base-section.vn-mobile-banking

{

background-image: url("/global/av/vn-masthead-bg-mb.jpg");

background-repeat: no-repeat;

background-size: cover;

padding-bottom: 0;

}



.mobile-banking .container.content-section.inpage-content.with-background.section-padding.page-base-section.vn-light-bg

{

background-image: url("/global/av/vn-light-bg-footer.png");

background-repeat: no-repeat;

background-size: cover;

}

.tgl-camp-title-top h4{

margin-top:12px !important;

}



@media only screen and (max-width: 767px) {

.tgl-camp-logo-top{

margin-top:30px;

}

.six.column.centered.qr {

  margin-bottom: 0;

  margin-top: 30px;

}



.six.column.text-center.mob-qr-code {

  margin-bottom: 25px;

}





}



/* 1s - uber variation */



.font-bold.header-top.grey-text.uber-hd-top {

    margin-top: 16px;

}

.twelve.columns.grey-bg {

    margin-top: 20px;

}



@media only screen and (max-width: 767px) {



.font-bold.header-top.grey-text.uber-hd-top {

    font-size: 19px;

    margin-top: 10px;

}



}

.border-txt p {

  border: 1px solid;

  padding: 20px;

  margin-top: 20px;

}

.row.cf.img-reveal p {

  margin-left: 10px;

  margin-top: 17px;

}

@media only screen and (max-width: 767px) {

.nav-bar.green-links-in.long-sub-txt li{

min-height:55px;

}

}

img.am-small-logo {

  width: 9px;

}



sup.tab-title-sup {

  position: relative;

   top: -5px;

}

.twelve.columns.box-txt-cta-img {

  border: 1px solid #cccccc;

  padding: 20px;

  margin-top: 30px;

  margin-bottom: 30px;

}





.card-listing p.minm-height {

height: 60px!important;

}



.inpage-content h2 a{

color:#000;



}



.inpage-content li p {

    margin-bottom: 5px;

    margin-top: 5px;

}



.border-txt-img {

border: 1px solid #000;

padding: 20px;

margin-top: 20px;

}



.bdr-btn-ht {

padding-top: 29px;

}



.am-small-logo

{

width: 9px !important;

}





/* eb - sg */



.icon-b42 span.icons_large {

  background-position: -79px -2554px;

}



.icon-c42 span.icons_large {

  background-position: -154px -2554px;

}



.icon-d42 span.icons_large {

  background-position: -239px -2554px;

}



.icon-e42 span.icons_large {

  background-position: -321px -2554px;

}



.icon-f42 span.icons_large {

    background-position: -404px -2550px;

}

.icon-g42 span.icons_large {

    background-position: -467px -2554px;

}





.icon-h42 span.icons_large {

    background-position: -550px -2552px;

}



.icon-i42 span.icons_large {

    background-position: -624px -2552px;

}





.st-font

{

font-size:17px !important;

}



.scn-top-area

{

margin-top: 22px !important;

}



/* BN - huaho */



span.blue-txt-box {

  color: #0070ae;

  font-size: 28px;

}



p.text-center.font-bold.or-text {

  font-size: 28px;

}



@media only screen and (min-width:768px) {

.block-img-txt-cta-item p.text-center.font-bold.or-text

{

  padding: 57px;

}

.two.columns.block-ft.ftr-fst-col {

    width: 20.667% !important;

}

}



.bh-teaser-page.teaser-page .section-five .section-img-bg:after

{

  background-image: url("/global/av/bh-devices-perspective-2x.png");

    background-repeat: no-repeat;

    background-size: 1188px 752px;

}



@media \0screen {

.bh-teaser-page.teaser-page .section-five .section-img-bg:after

{

  background-image: url("/global/av/bh-devices-perspective-ie-v1.png");

    background-repeat: no-repeat;

}

}



.jo-teaser-page.teaser-page .section-five .section-img-bg:after

{

  background-image: url("/global/av/jo-fresh-online-devices-perspective.png");

    background-repeat: no-repeat;

    background-size: 1188px 752px;

}



@media \0screen {

.jo-teaser-page.teaser-page .section-five .section-img-bg:after

{

  background-image: url("/global/av/jo-devices-perspective-ie-v1.png");

    background-repeat: no-repeat;

}

}



.lk-teaser-page.teaser-page .section-five .section-img-bg:after

{

  background-image: url("/global/av/lk-devices-perspective-2x.png");

    background-repeat: no-repeat;

    background-size: 1188px 752px;

}



@media \0screen {

.lk-teaser-page.teaser-page .section-five .section-img-bg:after

{

  background-image: url("/global/av/lk-devices-perspective-ie-v1.png");

    background-repeat: no-repeat;

}

}

.tnc-links-tgl li {

    border-bottom: 1px solid #ddd;

    border-top: 1px solid #ddd;

    padding-bottom: 10px;

    padding-top: 10px;

}

ul.green-arrow.tnc-links-tgl li.tgl-link1 {

    background-position: 0 17px;

}



/* MY - CNY */



.font-large-text

{

font-size: 28px !important;

}



.font-medium-text

{

font-size: 25px !important;

}

.ash-bord

{

  border: 1px solid #ccc;

  padding: 19px !important;

  min-height: 225px !important;

}

.text-green-background-var

{

  line-height: 39px;

  font-size: 22px;

}



.btn-hght-green

{

height: 44px !important;

}



.border-txt-box

{

border: 1px solid #ccc;

padding: 59px;

}



.am-logo-hgt

{

height:18px;

}



.am-logo-small

{

height:14px;

}





sup.sp-text {

  position: absolute;

}



.h2-logo-text

{

font-weight: 300;

font-size: 26px !important;

}



.border-txt-box-btn

{

border: 1px solid #ccc;

padding: 31px !important;

}





.equals-one

{

margin-left: 17px;

}



.right-text-rate

{

margin-left: 39px;

}



.plus-rate

{

margin-left: 289px;

}



.equals-two

{

margin-left: 113px;

}



.equals-three

{

margin-left: 114px;

}



.equals-three

{

  margin-left: 179px;

}



.equals-four

{

margin-left: 40px;

}



.equals-five

{

margin-left: 79px;

}



/* voiceid */



.in-voice-id h5.subheader.text-center.faq-title {

    font-size: 26px;

}



.offer-hdr

{

margin-bottom: 0px !important;

margin-top: 0px !important;

}





.mobile-banking .container.banner-section.inpage-content.section-padding.shadow-block.page-base-section.bh-bg

{

background-image: url("/global/av/bh-masthead-bg-mb.jpg");

}



.mobile-banking .container.banner-section.inpage-content.section-padding.shadow-block.page-base-section.bd-bg

{

background-image: url("/global/av/bd-masthead-bg-mb.jpg");

}



.table-img-offer

{

width: 35% !important;

}



.mobile-banking .container.banner-section.inpage-content.section-padding.shadow-block.page-base-section.lk-bg

{

background-image: url("/global/av/lk-masthead-bg-mb.jpg");

}



.mobile-wallet-tittle {

  border: 1px solid #cccccc;

  padding: 35px 10px !important;

  text-align: center;

}



.blue-hdr-pay

{

color: #1ebef7 !important;

}



.offer-hd-pay {

    color: #1ebef7 !important;

    font-size: 35px !important;

    font-weight: 200 !important;

}