/*!
 * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

figcaption,
figure,
main {
  display: block;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details,
menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

@media print {
  *,
  *::before,
  *::after,
  p::first-letter,
  div::first-letter,
  blockquote::first-letter,
  li::first-letter,
  p::first-line,
  div::first-line,
  blockquote::first-line,
  li::first-line {
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}


@-ms-viewport {
  width: device-width;
}

html {
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #292b2c;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: none !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: bold;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

a {
  color: #0275d8;
  text-decoration: none;
}

a:focus, a:hover {
  color: #014c8c;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
}

[role="button"] {
  cursor: pointer;
}

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

table {
  border-collapse: collapse;
  background-color: transparent;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #636c72;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: left;
}

label {
  display: inline-block;
  margin-bottom: .5rem;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
textarea {
  line-height: inherit;
}

input[type="radio"]:disabled,
input[type="checkbox"]:disabled {
  cursor: not-allowed;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
}

input[type="search"] {
  -webkit-appearance: none;
}

output {
  display: inline-block;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.1;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.1;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.1;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.1;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 80%;
  font-weight: normal;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 5px;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  border-left: 0.25rem solid #eceeef;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #636c72;
}

.blockquote-footer::before {
  content: "\2014 \00A0";
}

.blockquote-reverse {
  padding-right: 1rem;
  padding-left: 0;
  text-align: right;
  border-right: 0.25rem solid #eceeef;
  border-left: 0;
}

.blockquote-reverse .blockquote-footer::before {
  content: "";
}

.blockquote-reverse .blockquote-footer::after {
  content: "\00A0 \2014";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #636c72;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

code {
  padding: 0.2rem 0.4rem;
  font-size: 90%;
  color: #bd4147;
  background-color: #f7f7f9;
  border-radius: 0.25rem;
}

a > code {
  padding: 0;
  color: inherit;
  background-color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 90%;
  color: #fff;
  background-color: #292b2c;
  border-radius: 0.2rem;
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 90%;
  color: #292b2c;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 576px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 768px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 992px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 1200px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 576px) {
  .container {
    width: 540px;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .container {
    width: 720px;
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .container {
    width: 960px;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1140px;
    max-width: 100%;
  }
}

.container-fluid {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 576px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 768px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 992px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 1200px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
/*CAB-10653 Safari Browser Twitter Bug*/
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  margin-right: -15px;
  margin-left: -15px;
}
@media (max-width: 1024px){
.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
}

@media (min-width: 576px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media (min-width: 768px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media (min-width: 992px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media (min-width: 1200px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 576px) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 768px) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 992px) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 1200px) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.col {
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
}

.col-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.333333%;
      -ms-flex: 0 0 8.333333%;
          flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.666667%;
      -ms-flex: 0 0 16.666667%;
          flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.333333%;
      -ms-flex: 0 0 33.333333%;
          flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.666667%;
      -ms-flex: 0 0 41.666667%;
          flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.333333%;
      -ms-flex: 0 0 58.333333%;
          flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.666667%;
      -ms-flex: 0 0 66.666667%;
          flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.333333%;
      -ms-flex: 0 0 83.333333%;
          flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.666667%;
      -ms-flex: 0 0 91.666667%;
          flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.pull-0 {
  right: auto;
}

.pull-1 {
  right: 8.333333%;
}

.pull-2 {
  right: 16.666667%;
}

.pull-3 {
  right: 25%;
}

.pull-4 {
  right: 33.333333%;
}

.pull-5 {
  right: 41.666667%;
}

.pull-6 {
  right: 50%;
}

.pull-7 {
  right: 58.333333%;
}

.pull-8 {
  right: 66.666667%;
}

.pull-9 {
  right: 75%;
}

.pull-10 {
  right: 83.333333%;
}

.pull-11 {
  right: 91.666667%;
}

.pull-12 {
  right: 100%;
}

.push-0 {
  left: auto;
}

.push-1 {
  left: 8.333333%;
}

.push-2 {
  left: 16.666667%;
}

.push-3 {
  left: 25%;
}

.push-4 {
  left: 33.333333%;
}

.push-5 {
  left: 41.666667%;
}

.push-6 {
  left: 50%;
}

.push-7 {
  left: 58.333333%;
}

.push-8 {
  left: 66.666667%;
}

.push-9 {
  left: 75%;
}

.push-10 {
  left: 83.333333%;
}

.push-11 {
  left: 91.666667%;
}

.push-12 {
  left: 100%;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-sm-0 {
    right: auto;
  }
  .pull-sm-1 {
    right: 8.333333%;
  }
  .pull-sm-2 {
    right: 16.666667%;
  }
  .pull-sm-3 {
    right: 25%;
  }
  .pull-sm-4 {
    right: 33.333333%;
  }
  .pull-sm-5 {
    right: 41.666667%;
  }
  .pull-sm-6 {
    right: 50%;
  }
  .pull-sm-7 {
    right: 58.333333%;
  }
  .pull-sm-8 {
    right: 66.666667%;
  }
  .pull-sm-9 {
    right: 75%;
  }
  .pull-sm-10 {
    right: 83.333333%;
  }
  .pull-sm-11 {
    right: 91.666667%;
  }
  .pull-sm-12 {
    right: 100%;
  }
  .push-sm-0 {
    left: auto;
  }
  .push-sm-1 {
    left: 8.333333%;
  }
  .push-sm-2 {
    left: 16.666667%;
  }
  .push-sm-3 {
    left: 25%;
  }
  .push-sm-4 {
    left: 33.333333%;
  }
  .push-sm-5 {
    left: 41.666667%;
  }
  .push-sm-6 {
    left: 50%;
  }
  .push-sm-7 {
    left: 58.333333%;
  }
  .push-sm-8 {
    left: 66.666667%;
  }
  .push-sm-9 {
    left: 75%;
  }
  .push-sm-10 {
    left: 83.333333%;
  }
  .push-sm-11 {
    left: 91.666667%;
  }
  .push-sm-12 {
    left: 100%;
  }
  .offset-sm-0 {
    margin-left: 0%;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-md-0 {
    right: auto;
  }
  .pull-md-1 {
    right: 8.333333%;
  }
  .pull-md-2 {
    right: 16.666667%;
  }
  .pull-md-3 {
    right: 25%;
  }
  .pull-md-4 {
    right: 33.333333%;
  }
  .pull-md-5 {
    right: 41.666667%;
  }
  .pull-md-6 {
    right: 50%;
  }
  .pull-md-7 {
    right: 58.333333%;
  }
  .pull-md-8 {
    right: 66.666667%;
  }
  .pull-md-9 {
    right: 75%;
  }
  .pull-md-10 {
    right: 83.333333%;
  }
  .pull-md-11 {
    right: 91.666667%;
  }
  .pull-md-12 {
    right: 100%;
  }
  .push-md-0 {
    left: auto;
  }
  .push-md-1 {
    left: 8.333333%;
  }
  .push-md-2 {
    left: 16.666667%;
  }
  .push-md-3 {
    left: 25%;
  }
  .push-md-4 {
    left: 33.333333%;
  }
  .push-md-5 {
    left: 41.666667%;
  }
  .push-md-6 {
    left: 50%;
  }
  .push-md-7 {
    left: 58.333333%;
  }
  .push-md-8 {
    left: 66.666667%;
  }
  .push-md-9 {
    left: 75%;
  }
  .push-md-10 {
    left: 83.333333%;
  }
  .push-md-11 {
    left: 91.666667%;
  }
  .push-md-12 {
    left: 100%;
  }
  .offset-md-0 {
    margin-left: 0%;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-lg-0 {
    right: auto;
  }
  .pull-lg-1 {
    right: 8.333333%;
  }
  .pull-lg-2 {
    right: 16.666667%;
  }
  .pull-lg-3 {
    right: 25%;
  }
  .pull-lg-4 {
    right: 33.333333%;
  }
  .pull-lg-5 {
    right: 41.666667%;
  }
  .pull-lg-6 {
    right: 50%;
  }
  .pull-lg-7 {
    right: 58.333333%;
  }
  .pull-lg-8 {
    right: 66.666667%;
  }
  .pull-lg-9 {
    right: 75%;
  }
  .pull-lg-10 {
    right: 83.333333%;
  }
  .pull-lg-11 {
    right: 91.666667%;
  }
  .pull-lg-12 {
    right: 100%;
  }
  .push-lg-0 {
    left: auto;
  }
  .push-lg-1 {
    left: 8.333333%;
  }
  .push-lg-2 {
    left: 16.666667%;
  }
  .push-lg-3 {
    left: 25%;
  }
  .push-lg-4 {
    left: 33.333333%;
  }
  .push-lg-5 {
    left: 41.666667%;
  }
  .push-lg-6 {
    left: 50%;
  }
  .push-lg-7 {
    left: 58.333333%;
  }
  .push-lg-8 {
    left: 66.666667%;
  }
  .push-lg-9 {
    left: 75%;
  }
  .push-lg-10 {
    left: 83.333333%;
  }
  .push-lg-11 {
    left: 91.666667%;
  }
  .push-lg-12 {
    left: 100%;
  }
  .offset-lg-0 {
    margin-left: 0%;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-xl-0 {
    right: auto;
  }
  .pull-xl-1 {
    right: 8.333333%;
  }
  .pull-xl-2 {
    right: 16.666667%;
  }
  .pull-xl-3 {
    right: 25%;
  }
  .pull-xl-4 {
    right: 33.333333%;
  }
  .pull-xl-5 {
    right: 41.666667%;
  }
  .pull-xl-6 {
    right: 50%;
  }
  .pull-xl-7 {
    right: 58.333333%;
  }
  .pull-xl-8 {
    right: 66.666667%;
  }
  .pull-xl-9 {
    right: 75%;
  }
  .pull-xl-10 {
    right: 83.333333%;
  }
  .pull-xl-11 {
    right: 91.666667%;
  }
  .pull-xl-12 {
    right: 100%;
  }
  .push-xl-0 {
    left: auto;
  }
  .push-xl-1 {
    left: 8.333333%;
  }
  .push-xl-2 {
    left: 16.666667%;
  }
  .push-xl-3 {
    left: 25%;
  }
  .push-xl-4 {
    left: 33.333333%;
  }
  .push-xl-5 {
    left: 41.666667%;
  }
  .push-xl-6 {
    left: 50%;
  }
  .push-xl-7 {
    left: 58.333333%;
  }
  .push-xl-8 {
    left: 66.666667%;
  }
  .push-xl-9 {
    left: 75%;
  }
  .push-xl-10 {
    left: 83.333333%;
  }
  .push-xl-11 {
    left: 91.666667%;
  }
  .push-xl-12 {
    left: 100%;
  }
  .offset-xl-0 {
    margin-left: 0%;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #eceeef;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #eceeef;
}

.table tbody + tbody {
  border-top: 2px solid #eceeef;
}

.table .table {
  background-color: #fff;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #eceeef;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #eceeef;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #dff0d8;
}

.table-hover .table-success:hover {
  background-color: #d0e9c6;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #d0e9c6;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #d9edf7;
}

.table-hover .table-info:hover {
  background-color: #c4e3f3;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #c4e3f3;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #fcf8e3;
}

.table-hover .table-warning:hover {
  background-color: #faf2cc;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #faf2cc;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f2dede;
}

.table-hover .table-danger:hover {
  background-color: #ebcccc;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #ebcccc;
}

.thead-inverse th {
  color: #fff;
  background-color: #292b2c;
}

.thead-default th {
  color: #464a4c;
  background-color: #eceeef;
}

.table-inverse {
  color: #fff;
  background-color: #292b2c;
}

.table-inverse th,
.table-inverse td,
.table-inverse thead th {
  border-color: #fff;
}

.table-inverse.table-bordered {
  border: 0;
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-responsive.table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #464a4c;
  background-color: #fff;
  background-image: none;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  color: #464a4c;
  background-color: #fff;
  border-color: #5cb3fd;
  outline: none;
}

.form-control::-webkit-input-placeholder {
  color: #636c72;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #636c72;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #636c72;
  opacity: 1;
}

.form-control::placeholder {
  color: #636c72;
  opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #eceeef;
  opacity: 1;
}

.form-control:disabled {
  cursor: not-allowed;
}

select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 2px);
}

select.form-control:focus::-ms-value {
  color: #464a4c;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
}

.col-form-label {
  padding-top: calc(0.5rem - 1px * 2);
  padding-bottom: calc(0.5rem - 1px * 2);
  margin-bottom: 0;
}

.col-form-label-lg {
  padding-top: calc(0.75rem - 1px * 2);
  padding-bottom: calc(0.75rem - 1px * 2);
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem - 1px * 2);
  padding-bottom: calc(0.25rem - 1px * 2);
  font-size: 0.875rem;
}

.col-form-legend {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0;
  font-size: 1rem;
}

.form-control-static {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0;
  line-height: 1.25;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > select.input-group-addon:not([size]):not([multiple]),
.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) {
  height: 1.8125rem;
}

.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > select.input-group-addon:not([size]):not([multiple]),
.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) {
  height: 3.166667rem;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-check {
  position: relative;
  display: block;
  margin-bottom: 0.5rem;
}

.form-check.disabled .form-check-label {
  color: #636c72;
  cursor: not-allowed;
}

.form-check-label {
  padding-left: 1.25rem;
  margin-bottom: 0;
  cursor: pointer;
}

.form-check-input {
  position: absolute;
  margin-top: 0.25rem;
  margin-left: -1.25rem;
}

.form-check-input:only-child {
  position: static;
}

.form-check-inline {
  display: inline-block;
}

.form-check-inline .form-check-label {
  vertical-align: middle;
}

.form-check-inline + .form-check-inline {
  margin-left: 0.75rem;
}

.form-control-feedback {
  margin-top: 0.25rem;
}

.form-control-success,
.form-control-warning,
.form-control-danger {
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right 0.5625rem;
  -webkit-background-size: 1.125rem 1.125rem;
          background-size: 1.125rem 1.125rem;
}

.has-success .form-control-feedback,
.has-success .form-control-label,
.has-success .col-form-label,
.has-success .form-check-label,
.has-success .custom-control {
  color: #5cb85c;
}

.has-success .form-control {
  border-color: #5cb85c;
}

.has-success .input-group-addon {
  color: #5cb85c;
  border-color: #5cb85c;
  background-color: #eaf6ea;
}

.has-success .form-control-success {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
}

.has-warning .form-control-feedback,
.has-warning .form-control-label,
.has-warning .col-form-label,
.has-warning .form-check-label,
.has-warning .custom-control {
  color: #f0ad4e;
}

.has-warning .form-control {
  border-color: #f0ad4e;
}

.has-warning .input-group-addon {
  color: #f0ad4e;
  border-color: #f0ad4e;
  background-color: white;
}

.has-warning .form-control-warning {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E");
}

.has-danger .form-control-feedback,
.has-danger .form-control-label,
.has-danger .col-form-label,
.has-danger .form-check-label,
.has-danger .custom-control {
  color: #d9534f;
}

.has-danger .form-control {
  border-color: #d9534f;
}

.has-danger .input-group-addon {
  color: #d9534f;
  border-color: #d9534f;
  background-color: #fdf7f7;
}

.has-danger .form-control-danger {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
}

.form-inline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  .form-inline label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    width: auto;
  }
  .form-inline .form-control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-check {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
  }
  .form-inline .form-check-label {
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 0;
  }
  .form-inline .custom-control-indicator {
    position: static;
    display: inline-block;
    margin-right: 0.25rem;
    vertical-align: text-bottom;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: normal;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.btn:focus, .btn:hover {
  text-decoration: none;
}

.btn:focus, .btn.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.25);
          box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.25);
}

.btn.disabled, .btn:disabled {
  cursor: not-allowed;
  opacity: .65;
}

.btn:active, .btn.active {
  background-image: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
}

.btn-primary:hover {
  color: #fff;
  background-color: #025aa5;
  border-color: #01549b;
}

.btn-primary:focus, .btn-primary.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
          box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  background-color: #0275d8;
  border-color: #0275d8;
}

.btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #025aa5;
  background-image: none;
  border-color: #01549b;
}

.btn-secondary {
  color: #292b2c;
  background-color: #fff;
  border-color: #ccc;
}

.btn-secondary:hover {
  color: #292b2c;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-secondary:focus, .btn-secondary.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
          box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  background-color: #fff;
  border-color: #ccc;
}

.btn-secondary:active, .btn-secondary.active,
.show > .btn-secondary.dropdown-toggle {
  color: #292b2c;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #2aabd2;
}

.btn-info:focus, .btn-info.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
          box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.btn-info:active, .btn-info.active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  background-image: none;
  border-color: #2aabd2;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #419641;
}

.btn-success:focus, .btn-success.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
          box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.btn-success:active, .btn-success.active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  background-image: none;
  border-color: #419641;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #eb9316;
}

.btn-warning:focus, .btn-warning.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
          box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.btn-warning:active, .btn-warning.active,
.show > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  background-image: none;
  border-color: #eb9316;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}

.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #c12e2a;
}

.btn-danger:focus, .btn-danger.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
          box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
  background-color: #d9534f;
  border-color: #d9534f;
}

.btn-danger:active, .btn-danger.active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  background-image: none;
  border-color: #c12e2a;
}

.btn-outline-primary {
  color: #0275d8;
  background-image: none;
  background-color: transparent;
  border-color: #0275d8;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
          box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #0275d8;
  background-color: transparent;
}

.btn-outline-primary:active, .btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
}

.btn-outline-secondary {
  color: #ccc;
  background-image: none;
  background-color: transparent;
  border-color: #ccc;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
          box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #ccc;
  background-color: transparent;
}

.btn-outline-secondary:active, .btn-outline-secondary.active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
}

.btn-outline-info {
  color: #5bc0de;
  background-image: none;
  background-color: transparent;
  border-color: #5bc0de;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.btn-outline-info:focus, .btn-outline-info.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
          box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #5bc0de;
  background-color: transparent;
}

.btn-outline-info:active, .btn-outline-info.active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.btn-outline-success {
  color: #5cb85c;
  background-image: none;
  background-color: transparent;
  border-color: #5cb85c;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.btn-outline-success:focus, .btn-outline-success.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
          box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #5cb85c;
  background-color: transparent;
}

.btn-outline-success:active, .btn-outline-success.active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.btn-outline-warning {
  color: #f0ad4e;
  background-image: none;
  background-color: transparent;
  border-color: #f0ad4e;
}

.btn-outline-warning:hover {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
          box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #f0ad4e;
  background-color: transparent;
}

.btn-outline-warning:active, .btn-outline-warning.active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.btn-outline-danger {
  color: #d9534f;
  background-image: none;
  background-color: transparent;
  border-color: #d9534f;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
          box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #d9534f;
  background-color: transparent;
}

.btn-outline-danger:active, .btn-outline-danger.active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}

.btn-link {
  font-weight: normal;
  color: #0275d8;
  border-radius: 0;
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
  background-color: transparent;
}

.btn-link, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}

.btn-link:hover {
  border-color: transparent;
}

.btn-link:focus, .btn-link:hover {
  color: #014c8c;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link:disabled {
  color: #636c72;
}

.btn-link:disabled:focus, .btn-link:disabled:hover {
  text-decoration: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.show {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.show {
  display: block;
}

tr.collapse.show {
  display: table-row;
}

tbody.collapse.show {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.3em;
  vertical-align: middle;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropup .dropdown-toggle::after {
  border-top: 0;
  border-bottom: 0.3em solid;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #292b2c;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-divider {
  height: 1px;
  margin: 0.5rem 0;
  overflow: hidden;
  background-color: #eceeef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 3px 1.5rem;
  clear: both;
  font-weight: normal;
  color: #292b2c;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0;
}

.dropdown-item:focus, .dropdown-item:hover {
  color: #1d1e1f;
  text-decoration: none;
  background-color: #f7f7f9;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0275d8;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #636c72;
  cursor: not-allowed;
  background-color: transparent;
}

.show > .dropdown-menu {
  display: block;
}

.show > a {
  outline: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #636c72;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 0.125rem;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 2;
}

.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group,
.btn-group-vertical .btn + .btn,
.btn-group-vertical .btn + .btn-group,
.btn-group-vertical .btn-group + .btn,
.btn-group-vertical .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn + .dropdown-toggle-split::after {
  margin-left: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 1.125rem;
  padding-left: 1.125rem;
}

.btn-group-vertical {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
  width: 100%;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}

.input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover {
  z-index: 3;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.25;
  color: #464a4c;
  text-align: center;
  background-color: #eceeef;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.input-group-addon.form-control-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.input-group-addon.form-control-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}

.input-group .form-control:not(:last-child),
.input-group-addon:not(:last-child),
.input-group-btn:not(:last-child) > .btn,
.input-group-btn:not(:last-child) > .btn-group > .btn,
.input-group-btn:not(:last-child) > .dropdown-toggle,
.input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group-addon:not(:last-child) {
  border-right: 0;
}

.input-group .form-control:not(:first-child),
.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child) > .btn,
.input-group-btn:not(:first-child) > .btn-group > .btn,
.input-group-btn:not(:first-child) > .dropdown-toggle,
.input-group-btn:not(:last-child) > .btn:not(:first-child),
.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.form-control + .input-group-addon:not(:first-child) {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

.input-group-btn > .btn {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}

.input-group-btn > .btn + .btn {
  margin-left: -1px;
}

.input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover {
  z-index: 3;
}

.input-group-btn:not(:last-child) > .btn,
.input-group-btn:not(:last-child) > .btn-group {
  margin-right: -1px;
}

.input-group-btn:not(:first-child) > .btn,
.input-group-btn:not(:first-child) > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

.input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover,
.input-group-btn:not(:first-child) > .btn-group:focus,
.input-group-btn:not(:first-child) > .btn-group:active,
.input-group-btn:not(:first-child) > .btn-group:hover {
  z-index: 3;
}

.custom-control {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  margin-right: 1rem;
  cursor: pointer;
}

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-control-input:checked ~ .custom-control-indicator {
  color: #fff;
  background-color: #0275d8;
}

.custom-control-input:focus ~ .custom-control-indicator {
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0275d8;
          box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0275d8;
}

.custom-control-input:active ~ .custom-control-indicator {
  color: #fff;
  background-color: #8fcafe;
}

.custom-control-input:disabled ~ .custom-control-indicator {
  cursor: not-allowed;
  background-color: #eceeef;
}

.custom-control-input:disabled ~ .custom-control-description {
  color: #636c72;
  cursor: not-allowed;
}

.custom-control-indicator {
  position: absolute;
  top: 0.25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #ddd;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 50% 50%;
          background-size: 50% 50%;
}

.custom-checkbox .custom-control-indicator {
  border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
  background-color: #0275d8;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-radio .custom-control-indicator {
  border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

.custom-controls-stacked {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.custom-controls-stacked .custom-control {
  margin-bottom: 0.25rem;
}

.custom-controls-stacked .custom-control + .custom-control {
  margin-left: 0;
}

.custom-select {
  display: inline-block;
  max-width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  line-height: 1.25;
  color: #464a4c;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  -webkit-background-size: 8px 10px;
          background-size: 8px 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.custom-select:focus {
  border-color: #5cb3fd;
  outline: none;
}

.custom-select:focus::-ms-value {
  color: #464a4c;
  background-color: #fff;
}

.custom-select:disabled {
  color: #636c72;
  cursor: not-allowed;
  background-color: #eceeef;
}

.custom-select::-ms-expand {
  opacity: 0;
}

.custom-select-sm {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 75%;
}

.custom-file {
  position: relative;
  display: inline-block;
  max-width: 100%;
  height: 2.5rem;
  margin-bottom: 0;
  cursor: pointer;
}

.custom-file-input {
  min-width: 14rem;
  max-width: 100%;
  height: 2.5rem;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}

.custom-file-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  line-height: 1.5;
  color: #464a4c;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.custom-file-control:lang(en)::after {
  content: "Choose file...";
}

.custom-file-control::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  z-index: 6;
  display: block;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  line-height: 1.5;
  color: #464a4c;
  background-color: #eceeef;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-file-control:lang(en)::before {
  content: "Browse";
}

.nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5em 1em;
}

.nav-link:focus, .nav-link:hover {
  text-decoration: none;
}

.nav-link.disabled {
  color: #636c72;
  cursor: not-allowed;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: #eceeef #eceeef #ddd;
}

.nav-tabs .nav-link.disabled {
  color: #636c72;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #464a4c;
  background-color: #fff;
  border-color: #ddd #ddd #fff;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .nav-item.show .nav-link {
  color: #fff;
  cursor: default;
  background-color: #0275d8;
}

.nav-fill .nav-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.5rem 1rem;
}

.navbar-brand {
  display: inline-block;
  padding-top: .25rem;
  padding-bottom: .25rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

.navbar-brand:focus, .navbar-brand:hover {
  text-decoration: none;
}

.navbar-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-text {
  display: inline-block;
  padding-top: .425rem;
  padding-bottom: .425rem;
}

.navbar-toggler {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.navbar-toggler:focus, .navbar-toggler:hover {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
}

.navbar-toggler-left {
  position: absolute;
  left: 1rem;
}

.navbar-toggler-right {
  position: absolute;
  right: 1rem;
}

@media (max-width: 575px) {
  .navbar-toggleable .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
  .navbar-toggleable > .container {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 576px) {
  .navbar-toggleable {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .navbar-toggleable .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-toggleable .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .navbar-toggleable > .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .navbar-toggleable .navbar-collapse {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%;
  }
  .navbar-toggleable .navbar-toggler {
    display: none;
  }
}

@media (max-width: 767px) {
  .navbar-toggleable-sm .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
  .navbar-toggleable-sm > .container {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .navbar-toggleable-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .navbar-toggleable-sm .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-toggleable-sm .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .navbar-toggleable-sm > .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .navbar-toggleable-sm .navbar-collapse {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%;
  }
  .navbar-toggleable-sm .navbar-toggler {
    display: none;
  }
}

@media (max-width: 991px) {
  .navbar-toggleable-md .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
  .navbar-toggleable-md > .container {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .navbar-toggleable-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .navbar-toggleable-md .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-toggleable-md .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .navbar-toggleable-md > .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .navbar-toggleable-md .navbar-collapse {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%;
  }
  .navbar-toggleable-md .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1199px) {
  .navbar-toggleable-lg .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
  .navbar-toggleable-lg > .container {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .navbar-toggleable-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .navbar-toggleable-lg .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-toggleable-lg .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .navbar-toggleable-lg > .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .navbar-toggleable-lg .navbar-collapse {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%;
  }
  .navbar-toggleable-lg .navbar-toggler {
    display: none;
  }
}

.navbar-toggleable-xl {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.navbar-toggleable-xl .navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-toggleable-xl > .container {
  padding-right: 0;
  padding-left: 0;
}

.navbar-toggleable-xl .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.navbar-toggleable-xl .navbar-nav .nav-link {
  padding-right: .5rem;
  padding-left: .5rem;
}

.navbar-toggleable-xl > .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.navbar-toggleable-xl .navbar-collapse {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100%;
}

.navbar-toggleable-xl .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand,
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover,
.navbar-light .navbar-toggler:focus,
.navbar-light .navbar-toggler:hover {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .open > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.open,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
  border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-toggler {
  color: white;
}

.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-toggler:focus,
.navbar-inverse .navbar-toggler:hover {
  color: white;
}

.navbar-inverse .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-inverse .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-inverse .navbar-nav .open > .nav-link,
.navbar-inverse .navbar-nav .active > .nav-link,
.navbar-inverse .navbar-nav .nav-link.open,
.navbar-inverse .navbar-nav .nav-link.active {
  color: white;
}

.navbar-inverse .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-inverse .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-inverse .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.card {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card-block {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #f7f7f9;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: #f7f7f9;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-primary {
  background-color: #0275d8;
  border-color: #0275d8;
}

.card-primary .card-header,
.card-primary .card-footer {
  background-color: transparent;
}

.card-success {
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.card-success .card-header,
.card-success .card-footer {
  background-color: transparent;
}

.card-info {
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.card-info .card-header,
.card-info .card-footer {
  background-color: transparent;
}

.card-warning {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.card-warning .card-header,
.card-warning .card-footer {
  background-color: transparent;
}

.card-danger {
  background-color: #d9534f;
  border-color: #d9534f;
}

.card-danger .card-header,
.card-danger .card-footer {
  background-color: transparent;
}

.card-outline-primary {
  background-color: transparent;
  border-color: #0275d8;
}

.card-outline-secondary {
  background-color: transparent;
  border-color: #ccc;
}

.card-outline-info {
  background-color: transparent;
  border-color: #5bc0de;
}

.card-outline-success {
  background-color: transparent;
  border-color: #5cb85c;
}

.card-outline-warning {
  background-color: transparent;
  border-color: #f0ad4e;
}

.card-outline-danger {
  background-color: transparent;
  border-color: #d9534f;
}

.card-inverse {
  color: rgba(255, 255, 255, 0.65);
}

.card-inverse .card-header,
.card-inverse .card-footer {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
}

.card-inverse .card-header,
.card-inverse .card-footer,
.card-inverse .card-title,
.card-inverse .card-blockquote {
  color: #fff;
}

.card-inverse .card-link,
.card-inverse .card-text,
.card-inverse .card-subtitle,
.card-inverse .card-blockquote .blockquote-footer {
  color: rgba(255, 255, 255, 0.65);
}

.card-inverse .card-link:focus, .card-inverse .card-link:hover {
  color: #fff;
}

.card-blockquote {
  padding: 0;
  margin-bottom: 0;
  border-left: 0;
}

.card-img {
  border-radius: calc(0.25rem - 1px);
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img-top {
  border-top-right-radius: calc(0.25rem - 1px);
  border-top-left-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

@media (min-width: 576px) {
  .card-deck {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .card-deck .card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .card-deck .card:not(:first-child) {
    margin-left: 15px;
  }
  .card-deck .card:not(:last-child) {
    margin-right: 15px;
  }
}

@media (min-width: 576px) {
  .card-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .card-group .card {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }
  .card-group .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group .card:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .card-group .card:first-child .card-img-top {
    border-top-right-radius: 0;
  }
  .card-group .card:first-child .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .card-group .card:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .card-group .card:last-child .card-img-top {
    border-top-left-radius: 0;
  }
  .card-group .card:last-child .card-img-bottom {
    border-bottom-left-radius: 0;
  }
  .card-group .card:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  .card-group .card:not(:first-child):not(:last-child) .card-img-top,
  .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
    border-radius: 0;
  }
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
    margin-bottom: 0.75rem;
  }
}

.breadcrumb {
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #eceeef;
  border-radius: 0.25rem;
}

.breadcrumb::after {
  display: block;
  content: "";
  clear: both;
}

.breadcrumb-item {
  float: left;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  color: #636c72;
  content: "/";
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}

.breadcrumb-item.active {
  color: #636c72;
}

.pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.page-item.active .page-link {
  z-index: 2;
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
}

.page-item.disabled .page-link {
  color: #636c72;
  pointer-events: none;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #0275d8;
  background-color: #fff;
  border: 1px solid #ddd;
}

.page-link:focus, .page-link:hover {
  color: #014c8c;
  text-decoration: none;
  background-color: #eceeef;
  border-color: #ddd;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
}

.pagination-lg .page-item:first-child .page-link {
  border-bottom-left-radius: 0.3rem;
  border-top-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-bottom-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

.pagination-sm .page-item:first-child .page-link {
  border-bottom-left-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-bottom-right-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

a.badge:focus, a.badge:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-default {
  background-color: #636c72;
}

.badge-default[href]:focus, .badge-default[href]:hover {
  background-color: #4b5257;
}

.badge-primary {
  background-color: #0275d8;
}

.badge-primary[href]:focus, .badge-primary[href]:hover {
  background-color: #025aa5;
}

.badge-success {
  background-color: #5cb85c;
}

.badge-success[href]:focus, .badge-success[href]:hover {
  background-color: #449d44;
}

.badge-info {
  background-color: #5bc0de;
}

.badge-info[href]:focus, .badge-info[href]:hover {
  background-color: #31b0d5;
}

.badge-warning {
  background-color: #f0ad4e;
}

.badge-warning[href]:focus, .badge-warning[href]:hover {
  background-color: #ec971f;
}

.badge-danger {
  background-color: #d9534f;
}

.badge-danger[href]:focus, .badge-danger[href]:hover {
  background-color: #c9302c;
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #eceeef;
  border-radius: 0.3rem;
}

@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-hr {
  border-top-color: #d0d5d8;
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.alert {
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: bold;
}

.alert-dismissible .close {
  position: relative;
  top: -0.75rem;
  right: -1.25rem;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d0e9c6;
  color: #3c763d;
}

.alert-success hr {
  border-top-color: #c1e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bcdff1;
  color: #31708f;
}

.alert-info hr {
  border-top-color: #a6d5ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faf2cc;
  color: #8a6d3b;
}

.alert-warning hr {
  border-top-color: #f7ecb5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebcccc;
  color: #a94442;
}

.alert-danger hr {
  border-top-color: #e4b9b9;
}

.alert-danger .alert-link {
  color: #843534;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  background-color: #eceeef;
  border-radius: 0.25rem;
}

.progress-bar {
  height: 1rem;
  color: #fff;
  background-color: #0275d8;
}

.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 1rem 1rem;
          background-size: 1rem 1rem;
}

.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
       -o-animation: progress-bar-stripes 1s linear infinite;
          animation: progress-bar-stripes 1s linear infinite;
}

.media {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.media-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}

.list-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

.list-group-item-action {
  width: 100%;
  color: #464a4c;
  text-align: inherit;
}

.list-group-item-action .list-group-item-heading {
  color: #292b2c;
}

.list-group-item-action:focus, .list-group-item-action:hover {
  color: #464a4c;
  text-decoration: none;
  background-color: #f7f7f9;
}

.list-group-item-action:active {
  color: #292b2c;
  background-color: #eceeef;
}

.list-group-item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.list-group-item:focus, .list-group-item:hover {
  text-decoration: none;
}

.list-group-item.disabled, .list-group-item:disabled {
  color: #636c72;
  cursor: not-allowed;
  background-color: #fff;
}

.list-group-item.disabled .list-group-item-heading, .list-group-item:disabled .list-group-item-heading {
  color: inherit;
}

.list-group-item.disabled .list-group-item-text, .list-group-item:disabled .list-group-item-text {
  color: #636c72;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small {
  color: inherit;
}

.list-group-item.active .list-group-item-text {
  color: #daeeff;
}

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
  border-bottom: 0;
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}

a.list-group-item-success:focus, a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
  color: #3c763d;
  background-color: #d0e9c6;
}

a.list-group-item-success.active,
button.list-group-item-success.active {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}

a.list-group-item-info:focus, a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
  color: #31708f;
  background-color: #c4e3f3;
}

a.list-group-item-info.active,
button.list-group-item-info.active {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}

a.list-group-item-warning:focus, a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
  color: #8a6d3b;
  background-color: #faf2cc;
}

a.list-group-item-warning.active,
button.list-group-item-warning.active {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}

a.list-group-item-danger:focus, a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
  color: #a94442;
  background-color: #ebcccc;
}

a.list-group-item-danger.active,
button.list-group-item-danger.active {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

.close:focus, .close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .75;
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}

.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid #eceeef;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 15px;
}

.modal-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 15px;
  border-top: 1px solid #eceeef;
}

.modal-footer > :not(:first-child) {
  margin-left: .25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: .25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 30px auto;
  }
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  content: "";
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left {
  padding: 0 5px;
  margin-left: 3px;
}

.tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-left .tooltip-inner::before {
  top: 50%;
  left: 0;
  margin-top: -5px;
  content: "";
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

.tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top {
  padding: 5px 0;
  margin-top: 3px;
}

.tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-top .tooltip-inner::before {
  top: 0;
  left: 50%;
  margin-left: -5px;
  content: "";
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right {
  padding: 0 5px;
  margin-left: -3px;
}

.tooltip.tooltip-left .tooltip-inner::before, .tooltip.bs-tether-element-attached-right .tooltip-inner::before {
  top: 50%;
  right: 0;
  margin-top: -5px;
  content: "";
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.tooltip-inner::before {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  padding: 1px;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}

.popover.popover-top, .popover.bs-tether-element-attached-bottom {
  margin-top: -10px;
}

.popover.popover-top::before, .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::before, .popover.bs-tether-element-attached-bottom::after {
  left: 50%;
  border-bottom-width: 0;
}

.popover.popover-top::before, .popover.bs-tether-element-attached-bottom::before {
  bottom: -11px;
  margin-left: -11px;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.popover.popover-top::after, .popover.bs-tether-element-attached-bottom::after {
  bottom: -10px;
  margin-left: -10px;
  border-top-color: #fff;
}

.popover.popover-right, .popover.bs-tether-element-attached-left {
  margin-left: 10px;
}

.popover.popover-right::before, .popover.popover-right::after, .popover.bs-tether-element-attached-left::before, .popover.bs-tether-element-attached-left::after {
  top: 50%;
  border-left-width: 0;
}

.popover.popover-right::before, .popover.bs-tether-element-attached-left::before {
  left: -11px;
  margin-top: -11px;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.popover-right::after, .popover.bs-tether-element-attached-left::after {
  left: -10px;
  margin-top: -10px;
  border-right-color: #fff;
}

.popover.popover-bottom, .popover.bs-tether-element-attached-top {
  margin-top: 10px;
}

.popover.popover-bottom::before, .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::before, .popover.bs-tether-element-attached-top::after {
  left: 50%;
  border-top-width: 0;
}

.popover.popover-bottom::before, .popover.bs-tether-element-attached-top::before {
  top: -11px;
  margin-left: -11px;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.popover.popover-bottom::after, .popover.bs-tether-element-attached-top::after {
  top: -10px;
  margin-left: -10px;
  border-bottom-color: #f7f7f7;
}

.popover.popover-bottom .popover-title::before, .popover.bs-tether-element-attached-top .popover-title::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 20px;
  margin-left: -10px;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.popover.popover-left, .popover.bs-tether-element-attached-right {
  margin-left: -10px;
}

.popover.popover-left::before, .popover.popover-left::after, .popover.bs-tether-element-attached-right::before, .popover.bs-tether-element-attached-right::after {
  top: 50%;
  border-right-width: 0;
}

.popover.popover-left::before, .popover.bs-tether-element-attached-right::before {
  right: -11px;
  margin-top: -11px;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.popover-left::after, .popover.bs-tether-element-attached-right::after {
  right: -10px;
  margin-top: -10px;
  border-left-color: #fff;
}

.popover-title {
  padding: 8px 14px;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-right-radius: calc(0.3rem - 1px);
  border-top-left-radius: calc(0.3rem - 1px);
}

.popover-title:empty {
  display: none;
}

.popover-content {
  padding: 9px 14px;
}

.popover::before,
.popover::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover::before {
  content: "";
  border-width: 11px;
}

.popover::after {
  content: "";
  border-width: 10px;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-item {
  position: relative;
  display: none;
  width: 100%;
}

@media (-webkit-transform-3d) {
  .carousel-item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000px;
            perspective: 1000px;
  }
}

@supports ((-webkit-transform: translate3d(0, 0, 0)) or (transform: translate3d(0, 0, 0))) {
  .carousel-item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000px;
            perspective: 1000px;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.carousel-item-next,
.carousel-item-prev {
  position: absolute;
  top: 0;
}

@media (-webkit-transform-3d) {
  .carousel-item-next.carousel-item-left,
  .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  .carousel-item-next,
  .active.carousel-item-right {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-item-prev,
  .active.carousel-item-left {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@supports ((-webkit-transform: translate3d(0, 0, 0)) or (transform: translate3d(0, 0, 0))) {
  .carousel-item-next.carousel-item-left,
  .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  .carousel-item-next,
  .active.carousel-item-right {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-item-prev,
  .active.carousel-item-left {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
}

.carousel-control-prev:focus, .carousel-control-prev:hover,
.carousel-control-next:focus,
.carousel-control-next:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  z-index: 15;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  max-width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.5);
}

.carousel-indicators li::before {
  position: absolute;
  top: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}

.carousel-indicators li::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}

.carousel-indicators .active {
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-faded {
  background-color: #f7f7f7;
}

.bg-primary {
  background-color: #0275d8 !important;
}

a.bg-primary:focus, a.bg-primary:hover {
  background-color: #025aa5 !important;
}

.bg-success {
  background-color: #5cb85c !important;
}

a.bg-success:focus, a.bg-success:hover {
  background-color: #449d44 !important;
}

.bg-info {
  background-color: #5bc0de !important;
}

a.bg-info:focus, a.bg-info:hover {
  background-color: #31b0d5 !important;
}

.bg-warning {
  background-color: #f0ad4e !important;
}

a.bg-warning:focus, a.bg-warning:hover {
  background-color: #ec971f !important;
}

.bg-danger {
  background-color: #d9534f !important;
}

a.bg-danger:focus, a.bg-danger:hover {
  background-color: #c9302c !important;
}

.bg-inverse {
  background-color: #292b2c !important;
}

a.bg-inverse:focus, a.bg-inverse:hover {
  background-color: #101112 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-top {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}

.rounded-right {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-left {
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}

.rounded-circle {
  border-radius: 50%;
}

.rounded-0 {
  border-radius: 0;
}

.clearfix::after {
  display: block;
  content: "";
  clear: both;
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.flex-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}

.flex-last {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.flex-unordered {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0;
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: row-reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: column-reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}

.flex-wrap {
  -webkit-flex-wrap: wrap !important;
      -ms-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
}

.flex-nowrap {
  -webkit-flex-wrap: nowrap !important;
      -ms-flex-wrap: nowrap !important;
          flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -webkit-flex-wrap: wrap-reverse !important;
      -ms-flex-wrap: wrap-reverse !important;
          flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.justify-content-around {
  -webkit-justify-content: space-around !important;
      -ms-flex-pack: distribute !important;
          justify-content: space-around !important;
}

.align-items-start {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.align-items-end {
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

.align-items-center {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
  -webkit-align-items: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}

.align-content-start {
  -webkit-align-content: flex-start !important;
      -ms-flex-line-pack: start !important;
          align-content: flex-start !important;
}

.align-content-end {
  -webkit-align-content: flex-end !important;
      -ms-flex-line-pack: end !important;
          align-content: flex-end !important;
}

.align-content-center {
  -webkit-align-content: center !important;
      -ms-flex-line-pack: center !important;
          align-content: center !important;
}

.align-content-between {
  -webkit-align-content: space-between !important;
      -ms-flex-line-pack: justify !important;
          align-content: space-between !important;
}

.align-content-around {
  -webkit-align-content: space-around !important;
      -ms-flex-line-pack: distribute !important;
          align-content: space-around !important;
}

.align-content-stretch {
  -webkit-align-content: stretch !important;
      -ms-flex-line-pack: stretch !important;
          align-content: stretch !important;
}

.align-self-auto {
  -webkit-align-self: auto !important;
      -ms-flex-item-align: auto !important;
              -ms-grid-row-align: auto !important;
          align-self: auto !important;
}

.align-self-start {
  -webkit-align-self: flex-start !important;
      -ms-flex-item-align: start !important;
          align-self: flex-start !important;
}

.align-self-end {
  -webkit-align-self: flex-end !important;
      -ms-flex-item-align: end !important;
          align-self: flex-end !important;
}

.align-self-center {
  -webkit-align-self: center !important;
      -ms-flex-item-align: center !important;
              -ms-grid-row-align: center !important;
          align-self: center !important;
}

.align-self-baseline {
  -webkit-align-self: baseline !important;
      -ms-flex-item-align: baseline !important;
          align-self: baseline !important;
}

.align-self-stretch {
  -webkit-align-self: stretch !important;
      -ms-flex-item-align: stretch !important;
              -ms-grid-row-align: stretch !important;
          align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  .flex-sm-last {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .flex-sm-unordered {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
  }
  .align-items-sm-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-sm-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-sm-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-sm-start {
    -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
            align-content: flex-start !important;
  }
  .align-content-sm-end {
    -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
            align-content: flex-end !important;
  }
  .align-content-sm-center {
    -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
            align-content: center !important;
  }
  .align-content-sm-between {
    -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
            align-content: space-between !important;
  }
  .align-content-sm-around {
    -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
            align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
            align-content: stretch !important;
  }
  .align-self-sm-auto {
    -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
                -ms-grid-row-align: auto !important;
            align-self: auto !important;
  }
  .align-self-sm-start {
    -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
            align-self: flex-start !important;
  }
  .align-self-sm-end {
    -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
            align-self: flex-end !important;
  }
  .align-self-sm-center {
    -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
                -ms-grid-row-align: center !important;
            align-self: center !important;
  }
  .align-self-sm-baseline {
    -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
            align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
                -ms-grid-row-align: stretch !important;
            align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  .flex-md-last {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .flex-md-unordered {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-md-around {
    -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
  }
  .align-items-md-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-md-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-md-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-md-start {
    -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
            align-content: flex-start !important;
  }
  .align-content-md-end {
    -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
            align-content: flex-end !important;
  }
  .align-content-md-center {
    -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
            align-content: center !important;
  }
  .align-content-md-between {
    -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
            align-content: space-between !important;
  }
  .align-content-md-around {
    -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
            align-content: space-around !important;
  }
  .align-content-md-stretch {
    -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
            align-content: stretch !important;
  }
  .align-self-md-auto {
    -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
                -ms-grid-row-align: auto !important;
            align-self: auto !important;
  }
  .align-self-md-start {
    -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
            align-self: flex-start !important;
  }
  .align-self-md-end {
    -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
            align-self: flex-end !important;
  }
  .align-self-md-center {
    -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
                -ms-grid-row-align: center !important;
            align-self: center !important;
  }
  .align-self-md-baseline {
    -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
            align-self: baseline !important;
  }
  .align-self-md-stretch {
    -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
                -ms-grid-row-align: stretch !important;
            align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  .flex-lg-last {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .flex-lg-unordered {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
  }
  .align-items-lg-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-lg-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-lg-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-lg-start {
    -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
            align-content: flex-start !important;
  }
  .align-content-lg-end {
    -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
            align-content: flex-end !important;
  }
  .align-content-lg-center {
    -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
            align-content: center !important;
  }
  .align-content-lg-between {
    -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
            align-content: space-between !important;
  }
  .align-content-lg-around {
    -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
            align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
            align-content: stretch !important;
  }
  .align-self-lg-auto {
    -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
                -ms-grid-row-align: auto !important;
            align-self: auto !important;
  }
  .align-self-lg-start {
    -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
            align-self: flex-start !important;
  }
  .align-self-lg-end {
    -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
            align-self: flex-end !important;
  }
  .align-self-lg-center {
    -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
                -ms-grid-row-align: center !important;
            align-self: center !important;
  }
  .align-self-lg-baseline {
    -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
            align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
                -ms-grid-row-align: stretch !important;
            align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  .flex-xl-last {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .flex-xl-unordered {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
  }
  .align-items-xl-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-xl-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-xl-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-xl-start {
    -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
            align-content: flex-start !important;
  }
  .align-content-xl-end {
    -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
            align-content: flex-end !important;
  }
  .align-content-xl-center {
    -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
            align-content: center !important;
  }
  .align-content-xl-between {
    -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
            align-content: space-between !important;
  }
  .align-content-xl-around {
    -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
            align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
            align-content: stretch !important;
  }
  .align-self-xl-auto {
    -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
                -ms-grid-row-align: auto !important;
            align-self: auto !important;
  }
  .align-self-xl-start {
    -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
            align-self: flex-start !important;
  }
  .align-self-xl-end {
    -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
            align-self: flex-end !important;
  }
  .align-self-xl-center {
    -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
                -ms-grid-row-align: center !important;
            align-self: center !important;
  }
  .align-self-xl-baseline {
    -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
            align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
                -ms-grid-row-align: stretch !important;
            align-self: stretch !important;
  }
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}

@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1030;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.m-0 {
  margin: 0 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-1 {
  margin: 0.25rem 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.m-3 {
  margin: 1rem 1rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mr-3 {
  margin-right: 1rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-4 {
  margin: 1.5rem 1.5rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mr-4 {
  margin-right: 1.5rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4 {
  margin-left: 1.5rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.m-5 {
  margin: 3rem 3rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mr-5 {
  margin-right: 3rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.ml-5 {
  margin-left: 3rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.p-0 {
  padding: 0 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-1 {
  padding: 0.25rem 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.p-3 {
  padding: 1rem 1rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pr-3 {
  padding-right: 1rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pl-3 {
  padding-left: 1rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-4 {
  padding: 1.5rem 1.5rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pr-4 {
  padding-right: 1.5rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4 {
  padding-left: 1.5rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.p-5 {
  padding: 3rem 3rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pr-5 {
  padding-right: 3rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.pl-5 {
  padding-left: 3rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 0 !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0 {
    margin-left: 0 !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1 {
    margin-left: 0.25rem !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2 {
    margin-left: 0.5rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem 1rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3 {
    margin-left: 1rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4 {
    margin-left: 1.5rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem 3rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5 {
    margin-left: 3rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 0 !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0 {
    padding-left: 0 !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1 {
    padding-left: 0.25rem !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2 {
    padding-left: 0.5rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem 1rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3 {
    padding-left: 1rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4 {
    padding-left: 1.5rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem 3rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5 {
    padding-left: 3rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto {
    margin-left: auto !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 0 !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0 {
    margin-left: 0 !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1 {
    margin-left: 0.25rem !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2 {
    margin-left: 0.5rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem 1rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3 {
    margin-left: 1rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4 {
    margin-left: 1.5rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem 3rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5 {
    margin-left: 3rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-md-0 {
    padding: 0 0 !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0 {
    padding-left: 0 !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1 {
    padding-left: 0.25rem !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2 {
    padding-left: 0.5rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem 1rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3 {
    padding-left: 1rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4 {
    padding-left: 1.5rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem 3rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5 {
    padding-left: 3rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto {
    margin-left: auto !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 0 !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0 {
    margin-left: 0 !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1 {
    margin-left: 0.25rem !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2 {
    margin-left: 0.5rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem 1rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3 {
    margin-left: 1rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4 {
    margin-left: 1.5rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem 3rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5 {
    margin-left: 3rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 0 !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0 {
    padding-left: 0 !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1 {
    padding-left: 0.25rem !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2 {
    padding-left: 0.5rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem 1rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3 {
    padding-left: 1rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4 {
    padding-left: 1.5rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem 3rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5 {
    padding-left: 3rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 0 !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0 {
    margin-left: 0 !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1 {
    margin-left: 0.25rem !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2 {
    margin-left: 0.5rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem 1rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3 {
    margin-left: 1rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4 {
    margin-left: 1.5rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem 3rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5 {
    margin-left: 3rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 0 !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0 {
    padding-left: 0 !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1 {
    padding-left: 0.25rem !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2 {
    padding-left: 0.5rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem 1rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3 {
    padding-left: 1rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4 {
    padding-left: 1.5rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem 3rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5 {
    padding-left: 3rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto {
    margin-left: auto !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-normal {
  font-weight: normal;
}

.font-weight-bold {
  font-weight: bold;
}

.font-italic {
  font-style: italic;
}

.text-white {
  color: #fff !important;
}

.text-muted {
  color: #636c72 !important;
}

a.text-muted:focus, a.text-muted:hover {
  color: #4b5257 !important;
}

.text-primary {
  color: #0275d8 !important;
}

a.text-primary:focus, a.text-primary:hover {
  color: #025aa5 !important;
}

.text-success {
  color: #5cb85c !important;
}

a.text-success:focus, a.text-success:hover {
  color: #449d44 !important;
}

.text-info {
  color: #5bc0de !important;
}

a.text-info:focus, a.text-info:hover {
  color: #31b0d5 !important;
}

.text-warning {
  color: #f0ad4e !important;
}

a.text-warning:focus, a.text-warning:hover {
  color: #ec971f !important;
}

.text-danger {
  color: #d9534f !important;
}

a.text-danger:focus, a.text-danger:hover {
  color: #c9302c !important;
}

.text-gray-dark {
  color: #292b2c !important;
}

a.text-gray-dark:focus, a.text-gray-dark:hover {
  color: #101112 !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.invisible {
  visibility: hidden !important;
}

.hidden-xs-up {
  display: none !important;
}

@media (max-width: 575px) {
  .hidden-xs-down {
    display: none !important;
  }
}

@media (min-width: 576px) {
  .hidden-sm-up {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important;
  }
}

.hidden-xl-down {
  display: none !important;
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}
/*# sourceMappingURL=bootstrap.css.map */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.5 !important; filter: alpha(opacity = 50);}
#colorbox{outline:0;width:782px !important;height:762px !important;}

    #cboxContent{margin-top:10%;background:#fff;height: auto;}
        .cboxIframe{background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;display: none !important;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        
        #cboxClose{position:absolute; top:23px; right:33px; display:block; background:url('ssbsr_en_clientlibs-12.7/layout_images/Close.png') no-repeat top center; width:38px; height:30px; text-indent:-9999px;}
        

input:focus{
	outline: #4485F3 solid thin!important;
}

textarea:focus{
	outline: #4485F3 solid 1px!important;
}

.focus-clr{
    outline: #4485F3 solid thin;
}

h1{
font-size: 36px;
color: #002c5f;
margin-bottom: 14px;
}

h2{
font-size: 22px;
color: #007298;
margin-bottom: 14px;
}

h3{
font-size: 24px;
color: #002c5f;
margin-bottom: -1px;
}

h4{
font-size: 22px;
color: #002c5f;
margin-bottom: 13px;
}

h5{
font-size: 18px;
color: #007298;
margin-bottom: 12px;
font-weight:bold;
}

h5>span.white{
color:#fff;
}

h6{
font-size: 12px;
color: #002c5f;
margin-bottom: 7px;
font-weight:bold;
}

h7{
font-size: 18px;
color: #002c5f;
margin-bottom: 13px;
font-weight:bold;
}
a{
font-size: 14px;
color: #007298;
margin-bottom: 12px;
}
a:hover, a:focus{
color:#002c5f;
}
.button1{
color:#fff;
background-color:#0a2f59;
}
.button1:hover{
color:#fff;
background-color:#002c5f;
}
.button2{
color:#0a2f59;
background-color:#fff;
}
.button2:hover{
color:fff;
background-color:#0a2f59;
}
.tweetfeed{
background-color:#007298;
}
.tweetfeed:hover{
background-color:#0a2f59;
}
.tag-links{
color:#737373;
}
.tag-links:hover{
color:#010101;
}
.three_column_middle_nav .para1{
font-size:14px;
margin-bottom:-6px;
color:#010101;
}
.para2{
font-size:18px;
margin-bottom:-6px;
color:#002c5f;
}
.para3{
font-size:16px;
color:#002c5f;
margin-bottom:-6px;
}
.three_column_right_nav .para4{
font-size:12px;
color:#007298;
margin-bottom:-6px;
}
.bx-wrapper .bx-viewport{
	moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	left: 0px;
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}

.social_share_bar{
	float: none !important;
}

ul.social_share {
    background-color: transparent !important;
    border-radius: none !important;
    display: block !important;
    visibility: visible !important;
    float: left !important;
    list-style: none outside none;
    margin: 0;
    min-width: 40px !important;
    overflow: hidden;
    padding: 6px 0px !important;
    position: relative !important;
    right: 0 !important;
    top: 0 !important;
    z-index: 0;
}
.share_this_link{
	display: none !important;
}
ul.social_share .provider_linkedin a{
	background-position: 0 -221px !important;
}
ul.social_share .provider_mail a {
	background-position: 0 -166px !important;
}
.social_share_bar p{
	display: inline !important;
	float: left !important;
	margin-top: 9px !important;
	font-size: 18px;
	color:#007298;
	font-family: 'dinxtbold';
}
ul.social_share a {
	width: 30px !important;
	height: 37px !important;
}
/*Authoring issue fixes starts*/
.center-main .twocolumnlayout .blue_button .column-container .en-col-1{
	display: inline-block;
	width: auto;
}
.link-blue-bg a{
	color: #0a2f59;
}
/*.twocolumnlayout .adaptive-image.section span.en-adaptive-image{
	float: right;
}*/


.twocolumnlayout-list-wrapper{
	width: 45%;
	float: right;
	margin-top:15px;
}
.twocolumnlayout-list-item{
	clear: both;
}
.twocolumnlayout-list-item > .column-container > .en-col {
	margin-right: 40px;
	display: inline-block;
	width: 40%;
}
.twocolumnlayout-list-item > .column-container > .en-col > .parsys > .richText{
	width: 100%;
}
.twocolumnlayout-list-wrapper > .column-container > .en-col > .parsys > .richText{
	width:auto;
	float:none;
}
span.h1{
	font-family: 'dinxtlight', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 36px;
	font-weight: bold;
	line-height: 42px;
	padding-bottom: 0;
	color: #002c5f;
	display: block;
	margin-bottom:-8px;/* making more gap in landing page*/
}
span.h2{
	margin-top: 35px;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 14px;
	font-family: 'dinxtlight', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #007298;
	display: block;
}
span.h3{
    color: #002c5f;
	font-family: "dinxtregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 8px;
	display: block;
}
span.h4{
	color: #002c5f;
	font-family: "dinxtregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 13px;
	display: block;
}
span.h5{
	font-size: 18px;
	font-weight: bold;
	font-family: "dinxtlight", "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 24px;
	padding-bottom: 15px;
	color: #0a2f59;
	display: block;
}
span.h6{
	line-height: 18px;
	padding-bottom: 0;
	color: #002c5f;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 7px;
	display: block;
}
span.h8{
	color: #002c5f;
	font-family: dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	line-height: 24px;
}
/*Parallax for IPAD Starts*/
/* .scrollContent {
  position: relative;
  height: 100%;
}
.scrollContainer{
  overflow-y:scroll;
  overflow-x:hidden;
  width:100%;
} */
/*Parallax for IPAD Ends*/

/*AEM table design CAB: 10528*/
table.table-striped{
	margin-bottom:50px;
}
table.table-striped .first-header th{
		border-bottom: solid 1px #f2f2f2;
		border-top: none;
		font-size: 11px;
		font-weight: normal;
		color: #999999;
		text-align:left;
}
table.table-striped tbody tr.first-header{
		background:#fff;
}
table.table-striped tbody tr p{
	/*line-height:inherit !important;*/
	margin:inherit !important;

}
table.table-striped tbody tr:not([class = 'first-header']){

		background-color: #fff; 

}
table.table-striped tbody tr:last-child td{
	border-bottom:none;
}
table.table-striped tbody tr:not([class = 'first-header']):nth-child(odd){
		background-color: #f0f0f0; 
}

table.table-striped tbody td{
     line-height: 58px;
    margin: 0 0 5px;
    color:#323232;
    font-size:14px;
}


/*End of Table design*/



@media only screen and (max-width: 767px){
	.twocolumnlayout-list-wrapper{
		width: 100%;
		float: left;
		margin-top:0;
	}
	.twocolumnlayout-list-item > .column-container > .en-col {
		display: block;
		width: 100%;
		margin: 0px;
	}

span.h1 {
	font-size: 24px;
	font-family: "dinxtlight", "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-bottom: 12px;
	color: #002c5f;
	line-height: 30px;
	display: block;
	font-weight: bold;
}

span.h2 {
	margin: 35px 0 15px;
	font-size: 18px;
	font-family: "dinxtlight", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #007298;
	display: block;
	font-weight: bold;
}

span.h3 {
	font-family: 'dinxtregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #002c5f;
	margin-bottom: -1px;
	font-size: 20px;
	display: block;
	font-weight: bold;
}

span.h4 {
	color: #002c5f;
	font-weight: bold;
	margin-bottom: 9px;
	font-size: 18px;
	display: block;
}
span.h5 {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
	font-family: "dinxtlight", "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 24px;
	color: #0a2f59;
	display: block;
}

span.h6 {
	font-size: 12px;
	font-weight: bold;
	color: #002c5f;
	font-weight: bold;
	line-height: 18px;
	display: block;
}
/*AEM table for mobile CAB: 10528*/
table.table-striped tbody td{
     line-height: 28px;
    
}
table.table-striped tbody tr p{
	line-height:24px !important;
	margin:inherit !important;
	display:inline-block;
}

}
/*Authoring issue fixes ends*/

@media only screen and (max-width : 959px) {
h1{
color:#002c5f;
margin-bottom:10px;
font-size: 24px;
}
h2{
color:#007298;
margin-bottom:10px;
font-size: 18px;
}
h3{
color:#002c5f;
margin-bottom:-1px;
font-size: 20px;
}
h4{
color:#002c5f;
margin-bottom:9px;
font-size: 18px;
}
h5{
color:#0a2f59;
margin-bottom:11px;
font-size: 14px;
font-weight:bold;
}
h6{
color:#002c5f;
margin-bottom:6px;
font-size: 12px;
font-weight:bold;
}
h7{
color:#002c5f;
margin-bottom:9px;
font-size: 18px;
font-weight:bold;
}
.para1{
color:#010101;
font-size:14px;
margin-bottom:-6px;
}
.para2{
color:#002c5f;
font-size:14px;
margin-bottom:-6px;
}
a{
color:#007298;
font-size:14px;
margin-bottom:14px;
}
}
.mobilemeganavigation{
	display: none;
}
.hide-in-publish {
	display: none !important;
}
/*Reginal contact modals styles starts*/
.regional-contact{
	width: 760px;
	padding: 20px;
	margin: 0 auto;
}
.regional-left{
	float: left;
	width: 45%;
}
.regional-right{
	float: right;
	width: 45%;
}



/*Reginal contact modals styles ends*/
@media only screen and (max-width: 767px) {
	body{
		overflow-x:hidden;
	}
	span.en-adaptive-image{
		text-align: center;
	}
	ul#topnav {
		width: 100%;
		background: #eef5fa;
		/*display: none;*/
		overflow: hidden;
		position:absolute;
		top:48px;
	}
	ul#topnav li {
		line-height: 45px;
		padding-left: 0px;
		font-size: 14px;
		background: url("ssbsr_en_clientlibs-12.7/layout_images/sprite.png") no-repeat  right -367px;
	}
	ul#topnav li.bu-image.noImg{
		line-height:0;
	}
	/*ul#topnav li:hover, ul#topnav li.noleaf:hover {
		background: url("ssbsr_en_clientlibs-12.7/layout_images/sprite.png") no-repeat  right -430px #0a2f59;
	}*/
	ul#topnav li a {
		text-decoration: none;
		margin-left:0px;
		width: 100%;
		/*border-bottom: 1px solid #c7d7e2;*/
		display: block;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		text-indent:40px;
		position:relative;
	}
	ul#topnav li a:before { content:''; position:absolute; width:40px; font-size: 14px;height: 45px; border-bottom:1px solid #eef5fa; left:0; z-index:9}
	ul#topnav li.title.link a {
		border: none;
		color: #002c5f;
		display: inline;
	}
	.mobilenav ul#topnav li.depth1 a:before{ border-bottom:0px }
	.mobilenav .en-col-1 ul#topnav li.goback a:before{ visibility:hidden}
	ul#topnav li.level3ITEM_BEGIN a:before {left:-20px;width:60px;}
	ul#topnav li.level3ITEM_BEGIN a:hover:before
	.mobilenav .en-col-1 ul li.bu-image{ position:relative !important; z-index:99 !important}
	ul#topnav li a:active{ background: url("ssbsr_en_clientlibs-12.7/layout_images/sprite.png") no-repeat  right -430px #0a2f59; -webkit-tap-highlight-color: rgba(0,0,0,0); color:#fff}

	/*ul#topnav li a:hover{
		color: #ffffff;
	}
	ul#topnav li:hover a{
		color: #ffffff;
	}
	ul#topnav li.noleaf {
		background: none;
	}*/
	ul#topnav li.title {
		background: none;
		border-top: 1px solid #c7d7e2;
		color: #002c5f;
		font-size: 15px;
		font-weight:bold;
		list-style-type: none;
		margin-left: 40px;
	}
	ul#topnav li.title:first-child{
		border-top:none;
	}
	ul#topnav li.depth1 {
		font-weight: bold;
	}
	ul#topnav li.depth1 a{
		color:#002c5f;
		padding-left:0px !important
	}
	ul#topnav ul {
		display: none;
	}
	/*Reginal contact modals styles starts*/
	.regional-contact{
		width: 92%;
		padding: 0px 10px;
		margin: 0 auto;
	}
	.mobile-overlay-inner{
	width:100%;
	}
	.regional-left, .regional-right{
		float: none;
		width: 100%;
		padding: 0px;
	}
	.header .en-link-list .link-list-item:active {
	background: none repeat scroll 0 0 #e5ecf0 !important;
	color: #002e62  !important;
}

	/*Reginal contact modals styles ends*/

}

/*html.ie-8 h1, html.ie-8 h2, html.ie-8 h3, html.ie-8 h4, html.ie-8 h5, html.ie-8 h6, html.ie-8 h7, html.ie-8 .para1, html.ie-8 .para2, html.ie-8 .para3, html.ie-8 .para4, html.ie-8 a, html.ie-8 p, html.ie-8 .button1, html.ie-8 .button2, html.ie-8 .tag-links{font-weight:100;}*/
/*Video Component starts*/
  #brightcove-player-wrapper{
    display: inline-block;
  }
  #brightcove-player{
    max-width: 940px;
  }
/*Video Components Ends*/
.video-overlay{
	width:100%;
	height:100%;
	position: fixed;
	left:0px;
	top:0px;
	background: #000;
	opacity: 0.5;
	display: none;
	z-index:100;
}
.video-placeHolder{
	display: none;
	margin: 5% auto;
	width: 500px;
	z-index:999;
	position: fixed !important;
	top:100px !important;
}
.video-placeHolder iframe{
	z-index:1;
	width:500px;
	height:300px;
}
/*Video Components Overlay Starts*/
@media only screen and (max-width: 767px) {
	.threecolumn #en-main-content .mob-video-wrapper .statestreet-center-content
	{
		width: 92%;
		margin:10px 20px 0;
	}
	#brightcove-player{
		max-width: 100%;
	}
	#brightcove-player-wrapper iframe{
		width: 280px;
	}
	/*#brightcove-player-wrapper #brightcove-player object, #brightcove-player-wrapper, #brightcove-player-wrapper iframe{
		width:100%!important;
	}*/
}
/*Video Components Overlay Ends*/

/*Tablet View Starts */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
	#wrapper {
		margin: 0 auto;
		width: 1200px!important;
	}
	.scrollContent {
		position: relative;
		height: auto;
	}
	.scrollContainer {
		overflow-y: scroll;
		overflow-x: hidden;
		height: 1500px;
	}
}
/*Tablet view ends */
/* Brightcove video fix Starts */
div.video_ratio object.BrightcoveExperience{
  width: 800px;
  height: 450px;
}
/* video player ratio ends */
#article_filter .combodate{
background: #F9F9F9 none repeat scroll 0% 0%;
border: medium none;
clear: both;
padding: 5px;
position: absolute;
left: 37px;
top: 34px;
z-index: 1;
min-width: 184px;
}

#article_filter .tocombo{
    left:174px;

}

@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2){

    #article_filter .combodate{
background: #F9F9F9 none repeat scroll 0% 0%;
border: medium none;
clear: both;
padding: 5px;
position: absolute;
left: 0;
top: 74px;
z-index: 1;
min-width: 184px;
}

#article_filter .tocombo{
    left:0;
    top: 130px;

}


}




#article_filter .filter select{
padding:4px 1px;
margin-right: 9px;
-webkit-appearance: menulist;
}

#article_filter .filter .col2{
    position:relative
}
a:focus{
	 outline: #ccc dotted thin!important;
}

.search_filter a:focus{
outline:none!important;
}

#leftsidebar a:focus{
outline:none!important;
}
#skipnav{
  position: absolute;  
  font-size:1px;
  color:#002c5f;
  margin-top: -1000px;

}
#skipnav:focus{
	outline:none!important;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
/* HTML5 display-role reset for older browsers */
b {
	font-weight: bold;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input, select,textarea{outline:none; -webkit-appearance: none; border-radius: 0;}
/**********************************end reset***********************************/
body {
	font-family: arial;
	font-size: 11px;
}
.clear { clear: both }
@font-face {
	font-family: 'dinotlight';
	src: url('ssbsr_en_clientlibs-12.7/layout_images/DINWebPro-Light.eot');
	src: url('ssbsr_en_clientlibs-12.7/layout_images/DINWebPro-Light.eot?#iefix') format('embedded-opentype'), url('ssbsr_en_clientlibs-12.7/layout_images/DINWebPro-Light.woff') format('woff'),  url('ssbsr_en_clientlibs-12.7/layout_images/DINCompPro-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'dinotmedium';
	src: url('ssbsr_en_clientlibs-12.7/layout_images/DINWebPro-Medium.eot');
	src: url('ssbsr_en_clientlibs-12.7/layout_images/DINWebPro-Medium.eot?#iefix') format('embedded-opentype'), url('ssbsr_en_clientlibs-12.7/layout_images/DINWebPro-Medium.woff') format('woff'),  url('ssbsr_en_clientlibs-12.7/layout_images/DINCompPro-Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'dinotregular';
	src: url('ssbsr_en_clientlibs-12.7/layout_images/DINWebPro.eot');
	src: url('ssbsr_en_clientlibs-12.7/layout_images/DINWebPro.eot?#iefix') format('embedded-opentype'), url('ssbsr_en_clientlibs-12.7/layout_images/DINWebPro.woff') format('woff'),  url('ssbsr_en_clientlibs-12.7/layout_images/DINCompPro.ttf.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'dinotbold';
	src: url('ssbsr_en_clientlibs-12.7/layout_images/DINWebPro-Bold.eot');
	src: url('ssbsr_en_clientlibs-12.7/layout_images/DINWebPro-Bold.eot?#iefix') format('embedded-opentype'), url('ssbsr_en_clientlibs-12.7/layout_images/DINWebPro-Bold.woff') format('woff'),  url('ssbsr_en_clientlibs-12.7/layout_images/DINCompPro-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* Updating font famaily for din next - start - 29 Aug 2017 */
@font-face {
	font-family: 'dinxtlight';
	src: url('ssbsr_en_clientlibs-12.7/layout_images/DINNextW01-Light.eot');
	src: url('ssbsr_en_clientlibs-12.7/layout_images/DINNextW01-Light.eot?#iefix') format('embedded-opentype'), url('ssbsr_en_clientlibs-12.7/layout_images/DINNextW01-Light.woff') format('woff'),  url('ssbsr_en_clientlibs-12.7/layout_images/DINNextW01-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'dinxtmedium';
	src: url('ssbsr_en_clientlibs-12.7/layout_images/DINNextW01-Medium.eot');
	src: url('ssbsr_en_clientlibs-12.7/layout_images/DINNextW01-Medium.eot?#iefix') format('embedded-opentype'), url('ssbsr_en_clientlibs-12.7/layout_images/DINNextW01-Medium.woff') format('woff'),  url('ssbsr_en_clientlibs-12.7/layout_images/DINNextW01-Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'dinxtregular';
	src: url('ssbsr_en_clientlibs-12.7/layout_images/DINNextW01-Regular.eot');
	src: url('ssbsr_en_clientlibs-12.7/layout_images/DINNextW01-Regular.eot?#iefix') format('embedded-opentype'), url('ssbsr_en_clientlibs-12.7/layout_images/DINNextW01-Regular.woff') format('woff'),  url('ssbsr_en_clientlibs-12.7/layout_images/DINNextW01-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'dinxtbold';
	src: url('ssbsr_en_clientlibs-12.7/layout_images/DINNextW01-Bold.eot');
	src: url('ssbsr_en_clientlibs-12.7/layout_images/DINNextW01-Bold.eot?#iefix') format('embedded-opentype'), url('ssbsr_en_clientlibs-12.7/layout_images/DINNextW01-Bold.woff') format('woff'),  url('ssbsr_en_clientlibs-12.7/layout_images/DINNextW01-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/* Updating font famaily for din next - end - 29 Aug 2017*/

/***general***/
body {
	line-height: 1.5em;
	font-size: 16px;
	font-family: 'dinxtlight', "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #FFF;
}
a { cursor: pointer; text-decoration:none;}
a, a:visited, a:active a:hover { outline: none; }
p {
	font-family: 'dinxtlight', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 1.5em;
}
h1 {
	font-family: 'dinxtlight', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 36px;
	line-height: 42px;
	padding-bottom: 12px;
}
h2 {
	font-family: 'dinxtlight', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 36px;
	line-height: 1.3em;
	margin: 0 0 20px 0;
}
h3 {
	font-family: 'dinxtregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #002c5f;
	margin-bottom: 8px;
}
h5 {
	font-family: 'dinxtlight', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 24px;
	padding-bottom: 15px;
}
h8{
	color: #002c5f;
	font-family: dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	line-height: 24px;
}
/****classes***/
.button {
	padding:11px 15px 10px;
	font-family: 'dinxtbold', "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: inline-block;
	font-size: 12px;
	line-height:18px;
	/*letter-spacing: 1px;*/
	margin-top: 30px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	background: #0a2f59;
	cursor: pointer;
	line-height:18px;
}
.button:hover { background: #003957; }
.dark { color: #04224d; }
.light { color: #fff; }
/*************************************************************************************NAVIGATION FROM PROTOTYPE****/
#global_header {
	font-family: 'dinxtregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #002c5f;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 60px;
	z-index: 9999999;
	font-size: 16px;
}
/***************************************************************HEADER STYLES*********************************/
header.clearfix {
	height: 60px;
}
#en-head-content{
	height: 60px;
}
.header {
	background: #002c5f;
	display: block;
	font-family: "dinxtregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	height: 60px;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index:99999;
}
/*.header .mid_nav:hover{
    background-color: #52b0d6;
}*/
.header .mid_nav_heading.mid_nav:hover{
    background: none;
}
.header .mid_nav:hover > a{
	color:#fff;
	/*background:url("ssbsr_en_clientlibs-12.7/layout_images/nav_menu_arrow.png") no-repeat scroll 105% 53% rgba(0, 0, 0, 0);*/
}
.header .nav_list_div .nav_heading {
    margin: 0px;
	padding:0px 10px 7px;
}

.header ul.nav_menu > li.mid_nav > a:hover {
	/*background:url("ssbsr_en_clientlibs-12.7/layout_images/nav_menu_arrow.png") no-repeat scroll 104% 53% #52b0d6;*/
}

.header .adaptive-image {
	display: inline-block;
	float: left;
	width: auto;
	padding-top:17px;
	padding-left: 40px;
}
.header .adaptive-image a{
	display:inline-block;
}
/*
Removed for about flyout
.header .parbase.navigation.list.section {
	position: absolute;
	right: 139px;
}*/
.header .richText {
	/*display: inline !important;
	float: left !important;
	position: absolute;
	top:21px;*/
	color:#fff;
}
.header .link-list-item {
	float: left;
	display: inline-block;
	text-align: center;
	position: relative;
    z-index: 9999;
}
.header .parbase.navigation.list.section .en-link-list {
	height: 60px;
	position: fixed;
	right: 69px;
	top: 0;
}
.header .en-link-list .primaryNavTitle{
	border-left: 1px solid #334359;
	color: #fff;
	display: block;
	padding:0px;
	cursor:pointer;
	font-size:18px;
	font-family:"dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.header .en-link-list .link-list-item:first-child .primaryNavTitle{
	padding: 18px 40px;
}
.header .en-link-list .link-list-item:first-child .primaryNavTitle a{
	padding:0;
}
.header .link-list-item .primaryNavTitle a {
	color: #fff;
	display: block;

	text-decoration: none;
	padding:18px 40px;
}
.header .en-link-list .link-list-item:hover {
	background: none repeat scroll 0 0 #e5ecf0;
	color: #002e62;
}
.header .en-link-list .link-list-item:hover a{
	color: #002e62;
}
.header li.mid_nav_heading{
	font-size:22px;
	color:#002c5F;
	margin:0;
	padding:0 10px 10px;
	width:175px;
}
.header .left-border {
	border-left:1px solid #ccc;
	margin-left: 0px;
	padding:0px 20px 20px 30px;
	width:520px;
	height:90%;
	margin-top:20px;
}
.header .nav_intro p{
    color: #002c5f;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 30px;
    margin-top: 18px;
}
.header .header_text {
    border-left: 1px solid #334359;
    color: #d6e5f0;
    display: inline-block;
    float: left;
    left: 159px;
    margin-left: 74px;
    padding:18px 0 18px 27px;
    position: absolute;
    top:0px;
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
	.header .header_text {
		display: none;
	}
}
.right_nav_hover {
    display: inline-block;
   /* min-height: 600px;*/
    width: 550px;
	padding:30px 20px 112px;
}
.header .en-adaptive-image {
    /*margin-top:3px;*/
}

.header .en-adaptive-image:first-child {
	/*margin-top: 13px;*/
}
/*@media only screen and (max-width : 767px) {
	.header .en-adaptive-image:first-child {
		margin-top: 7px;
	}
}*/
.header .nav_menu .mid_nav a:hover, .header .nav_menu .mid_nav a:focus{
    background: none repeat scroll 0 0 #0a2f59;
    color: #fff;
}
.header .nav_menu .mid_nav  .adaptiveImgsection a:hover{
	background:none;
}
.header .nav_menu .mid_nav .slided a:hover {
    background: none repeat scroll 0 0 #0a2f59;
    color: #fff;
}
.header .nav_list_div .site_link {
    margin-left: 37px;
}
.header .nav_list_div .inner_logo, .nav_list_div .site_link {
    margin-top: -197px;
    position: absolute;
}
.header .search_hamburger{
    background: url('ssbsr_en_clientlibs-12.7/layout_images/sprite.png') no-repeat #002c5f -76px -214px ;
	border-left: 1px solid #334359;
    height:60px;
    padding-right:0px;
    width:69px;
	position: fixed;
    right: 0;
    top: 0px;
	outline:none;
}
.header .search_hamburger:hover{
 background: url('ssbsr_en_clientlibs-12.7/layout_images/sprite.png') no-repeat #002c5f -76px -274px;
 cursor:pointer;
}
.header .search_hamburger.active{
	background: url('ssbsr_en_clientlibs-12.7/layout_images/sprite.png') no-repeat #002c5f -76px -274px;
}
.search_box { display: none }
.header .search_box span{
	background: url('ssbsr_en_clientlibs-12.7/layout_images/sprite.png') no-repeat scroll -411px -213px #eef5fa;
	right:0;
	top: 19px;
	width:17px;
	height:17px;
	padding-left:10px;
	float:left;
	position: relative;
	right: 0px;
	cursor:pointer;
}
.search_box form {
	position: absolute;
	right: 0;
	top: 60px;
	background-color: #eef5fa;
	width: 611px;
	/*width:635px\9;*/
}
.search_box input {
	width: 535px;
	/*width: 561px\9;*/
	height: 60px;
	background-color: #eef5fa;
	border: 0;
	float:left;
	padding-left: 20px;
	padding-right:20px;
	color:#007298;
}
.ie-8 .search_box input {line-height:60px;}
.search_autocomplete {
    position: absolute;
    right: 0;
    top: 122px;
    width: 650px;
	display:none;
}
.search_autocomplete h4{
	display:none;
	margin:15px 10px 15px 30px;
	font-size:15px;
	color:#002c5f;
	font-family:'dinxtregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.serachresults {
    background: none repeat scroll 0 0 #eef5fa;
    padding: 0px 15px;
    width: 555px;
}
.header .en-col-1-of-1{
	margin: 0px;
	width:100%;
}
#logo {
	position: absolute;
	top: 0;
	left: 0;
	margin: 19px 0 0 24px;
	z-index: 99999999;
}
#logo_link { z-index: 999999999; }
div.BU_identifier {
	margin: 0 0 0 190px;
	border-left: 1px solid #334359;
	height: 100%;
}
img.section_title { margin: 10px 0 0 6px; }
#global_nav {
	position: fixed;
	right: 0px;
	top: 0px;
	height: 60px;
}
#global_nav li {
	display: inline-block;
	float: left;
	text-align: center;
}
#global_nav li.search a { background: url(ssbsr_en_clientlibs-12.7/layout_images/search.png) no-repeat #04224c center center; }
#global_nav li.search a:hover { background: url(ssbsr_en_clientlibs-12.7/layout_images/search_over.png) no-repeat #dbe4e9 center center; }
#global_nav a {
	height: 36px;
	display: block;
	cursor: pointer;
	background: #04224c;
	text-decoration: none;
	color: #fff;
	padding: 19px 40px 5px 40px;
	border-left: 1px solid #334359;
	cursor: pointer;
}
#global_nav a:hover {
	background: #dbe4e9;
	color: #002e62;
}
/**************nav wrapper*****************/
.nav_wrapper {
	display: none;
	position: fixed;
	top:0px;
	left: 50%;
	z-index: 99;
	width: 46%/* crome hiding hover function */;
	margin-left: -490px;
	padding-top:60px;

}
/*******the left business unit links****/
ul.nav_menu {
	background: none repeat scroll 0 0 #eef5fa;
    display: block;
    float: left;
    list-style: outside none none;
    margin:0px 0 0;
    padding-bottom:0px;
    padding-top:30px;
    width:195px;
	padding-right:0;

}
/*.ie-8  ul.nav_menu + ul.nav_menu{margin:-264px 0 0};*/
#left_nav_container {
	margin: 40px 0px 0px 0px;
	z-index: -1;
	position: fixed;
	top: 20px;
	left: 0;
	display: block;
	/*min-height:600px;*/
	background: #eef5fa;
	/*padding-bottom: 85px;*/
	width: 100%;
}
ul.nav_menu > li {
	display: block;
	padding:0;
	width:180px;
}
li.left_nav {
	padding-left: 10px;
	padding-right: 0px;
	color: #012f60;
}
ul.nav_menu li.mid_nav{
	width:195px;
}
ul.nav_menu li.mid_nav:hover {
	background: url(ssbsr_en_clientlibs-12.7/layout_images/nav_arrow_new.png) no-repeat right center;
	color: #fff;
}
ul.nav_menu li.mid_nav_heading.mid_nav:hover{color:#012f60;}
ul.nav_menu li.mid_nav.slided:hover {
	background:none;
}
ul.nav_menu li.mid_nav:hover > a{
	background:#0a2f59;
}
ul.nav_menu li.mid_nav  > a{
	width:155px;
}
ul.nav_menu li.mid_nav .nav_list_div a{
	width:148px;
}
li.mid_nav_heading {
	font-size: 22px;
	margin-top: -314px;
	color: #012f60;
	padding-left: 20px;
	padding-bottom:30px;
}
ul.nav_menu > li > a {
	color: #3280aa;
	text-decoration: none;
	font-size: 14px;
	margin:0;
	display: block;
	padding:6px 10px;
	line-height: 1.5em;
}
ul.nav_menu > li > a:hover {
	background: url(ssbsr_en_clientlibs-12.7/layout_images/nav_menu_arrow.png) no-repeat right;
	color: #fff;
}
ul.nav_menu > li > a.first_nav { margin-top: 0px; }
ul.nav_menu > li.left_nav > a:hover, ul.nav_menu > li.left_nav > a:focus  {
	background: #0a2f59;
	color: #fff;
}
ul.nav_menu > li > a.GA:hover { background: url(ssbsr_en_clientlibs-12.7/layout_images/nav_menu_arrow_GA.png) no-repeat right; }
ul.nav_menu li.left_nav_heading {
	margin:0;
	padding:0 10px 10px;
	font-size: 22px;
	color: #002c5F;
}
#nav_menu li .currentBU {
	background: url(ssbsr_en_clientlibs-12.7/layout_images/nav_menu_arrow.png) no-repeat right;
	color: #fff;
}
/*******end the left business unit links****/
/****default stuff*****/
#default_state {
	background: url("ssbsr_en_clientlibs-12.7/layout_images/nav_ship.png") no-repeat scroll right bottom;
    /*min-height: 600px;*/
    left: 50%;
    margin-left: -100px;
    padding:0 0 40px;
    position: fixed;
    top: 60px;
	/*border-left: 1px solid #c7d7e2;*/
    width:58%;
}
#default_state li img {
	padding-left: 10px;
	margin-bottom: -2px;
}
.default_list > li > ul > li p {
	width: 185px;
	display: block;
	font-size: 14px;
	padding-top: 8px;
	line-height: 1.7;
}
.default_list > li > ul > li a {
	text-decoration: none;
	color: #3280aa;
}
.default_list > li > ul > li a:hover { color: #5c7a91; }
.nav_wrapper h2 { font-size: 22px; }
ul.nav_menu > li > div.nav_list_div {
    display: none;
    /*min-height: 600px;*/
    left:50%;
	margin-left: -100px;
    padding:0px 0 40px;
    position: fixed;
    top:60px;
    width:58%;
	background:url("ssbsr_en_clientlibs-12.7/layout_images/nav_ship.png") no-repeat right bottom #dfedf8;
}
ul.nav_menu > li > div.nav_list_div div.nav_intro{
	margin-left: 0px;
	padding:0px 10px;
	width:68.8%;
	height:90%;
	margin-top:0px;
}
.header ul.nav_menu > li > div.nav_list_div  div.adaptive-image{
	clear: both;
    display: block;
	/*position: relative;
	bottom:52px;
	left: 30px;	*/
	width: 500px;
	padding:0px 0 0 30px;
	margin: 0;
	float: none;
	line-height: 24px;
}
.header ul.nav_menu > li > div.nav_list_div .adaptiveImgsection{
	position:absolute;
	bottom:33px;
	width:570px;
}
.header ul.nav_menu > li > div.nav_list_div  div.adaptive-image .en-adaptive-image{
	margin:0;
}
.header ul.nav_menu > li > div.nav_list_div  div.adaptive-image a{
	width:auto;
	display:inline-block;
}
.header ul.nav_menu > li > div.nav_list_div .richText{
	color: #002c5f;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    padding:10px 0 0 30px;
}
.header ul.nav_menu > li > div.nav_list_div  div.adaptive-image p{
	margin-top:0px;
	margin-bottom:0px;
	line-height: 24px;
	color: #002c5f;
	font-size: 14px;
}
.header ul.nav_menu > li > div.nav_list_div .richText p{
	margin:0 0 0px;
	font-size:14px;
}
ul.nav_menu div ul li a {
	text-decoration: none;
	color: #3280aa;
	padding:6px 10px;
	margin:0px;
	display: block;
	font-size: 14px;
	line-height:22px;
}
ul.nav_menu div ul li a:hover {
	background: #0a2f59;
	color: #fff;
}
ul.nav_menu li ul {
	display:inline-block;
    list-style: outside none none;
    margin-right: 10px;
    padding-left: 0;
	width:168px;
	vertical-align: top;
}
ul.nav_menu li .right_nav_hover ul{
	margin-bottom:15px;
}
li.nav_heading {
	color: #002c5F;
	font-size: 16px;
	margin-bottom: 8px;
	margin-left: 6px;
	font-family: 'dinxtregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
ul.nav_menu div ul li.nav_heading_link a {
	color: #7c97ab;
	font-size: 16px;
	margin: 0 0 10px 6px;
	padding: 0 0 6px 0;
}
li.inner_heading { padding-top: 26px; }
span.site_link {
	font-size: 14px;
	display: inline-block;
	text-decoration: none;
	margin-left: 20px;
	color: #286c98;
	position: relative;
	left: 10px;
}
span.site_link a img { margin-left: 6px; }
.nav_opener a img { margin-left: 4px; }
span.inner_logo {
	display: block;
	height: 100px;
	width: 460px;
	position: absolute;
	top: 654px;
}
p.nav_intro {
	font-size: 14px;
	width: 620px;
	margin-bottom: 30px;
	line-height: 1.7;
	color: #3280aa;
	margin-top: 26px;
}
h3.nav_intro {
	margin-top:0px;
	padding-top:10px;
	font-size: 22px;
	color: #002c5F;
	font-weight: normal;
	font-family: 'dinxtregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
p.nav_intro strong { font-family: 'dinxtmedium', "Helvetica Neue", Helvetica, Arial, sans-serif; }
span.site_link {
	display: block;
	height: 100px;
	left: 0px;
	position: absolute;
	top: 690px;
	width: 530px;
}
.nav_close {
	display: inline;
	float: right;
	height: 30px;
	position: relative;
	right: 42%;
	top: 20px;
	width: 30px;
}
/*********************************************END NAVIGATION**********************************************/

/******* Single page theme starts here*************/


/*.threecolumn #en-main-content {
	margin: 0 auto;
	width: 960px;
}*/
.threecolumn .en-detail {
	margin: 0 auto;
	width: 960px;
}
#leftsidebar{
	width:210px;
	float: left;
	display: inline-block;
	margin: 159px 40px 0 0;
	padding:0;
}
.ie-8 #leftsidebar {margin-top:175px;}

/*.threecolumn .center-main {
	float: left;
	display: inline-block;
	margin: 70px 50px 0 0;
	width: 460px;
	overflow: auto;
}*/
.threecolumn .center-main .statestreet-center-content{
	float: left;
	display: inline-block;
	margin: 70px 50px 0 0;
	width: 460px;
	/*overflow: auto;*/
}
/*.ie-8 .threecolumn .center-main .statestreet-center-content {margin-top:130px;}*/
#rightsidebar {
	float: right;
	margin:163px 10px 0 0;
	width: 190px;
	display: inline-block;
	padding:0;
	overflow:inherit;
}
.twocolumngenric #rightsidebar{
	margin: 80px 10px 0 0;
}
#leftsidebar li {
    list-style: none outside none;
    margin: 0;
}
.Threelevel .en-col, .Twolevel .en-col, .Onelevel .en-col{margin:0; width:100%}
#leftsidebar .Twolevel ul li .primaryNavTitle a{
	background: url("ssbsr_en_clientlibs-12.7/layout_images/site_link_arrow.png") no-repeat scroll right center transparent;
    border-top: 1px solid #cdced5;
    color: #007298;
    display: inline-block;
    font-family: "dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 19px;
    margin-left: 10px;
    padding: 10px 10px 10px 0;
    text-decoration: none;
    width: 180px;
}
#leftsidebar .Twolevel li .primaryNavTitle a:hover{
	color: #ffffff;
	background: url('ssbsr_en_clientlibs-12.7/layout_images/LNav_arrow_hover.png') no-repeat 95% center #0a2f59;
	margin-left:0px;
	padding-left:10px;
	padding-right:10px;
	width:190px;
	border-bottom: 1px solid #cdced5;
	border-top:1px solid #cdced5;
	margin-bottom:-1px;
}
#leftsidebar  .Threelevel ul li .primaryNavTitle a{
	background: url("ssbsr_en_clientlibs-12.7/layout_images/site_link_arrow.png") no-repeat scroll right center transparent;
    border-top: 1px solid #cdced5;
    color: #007298;
    display: inline-block;
    font-family: "dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 19px;
    margin-left: 10px;
	margin-right:10px;
    padding: 10px 10px 10px 0;
    text-decoration: none;
    width: 180px;
}
#leftsidebar .Threelevel ul li:first-child .primaryNavTitle a:hover{
	border-top:none;
}
#leftsidebar .Threelevel li .primaryNavTitle a:hover,#leftsidebar .Threelevel li .primaryNavTitle a:focus{
	color: #ffffff;
	background: url('ssbsr_en_clientlibs-12.7/layout_images/LNav_arrow_hover.png') no-repeat 95% center #0a2f59;
	border-top:1px solid #cdced5;
	border-bottom:1px solid #cdced5;
	margin-left:0px;
	margin-right:0px;
	padding-left:10px;
	padding-right:10px;
	width:190px;
}
/*#leftsidebar ul.sub-nav {
	padding-bottom: 30px;
}*/
#leftsidebar .Onelevel ul.sub-nav{ padding-top:30px}
#leftsidebar .layoutContainer:first-child .Onelevel ul.sub-nav{ padding-top:0px}
#leftsidebar .sub-nav li {
	color: #007298;
	font-size: 14px;
	list-style:none;
	margin:0;
}
#leftsidebar .sub-nav li:first-child a{border-top:none;}
/*#leftsidebar .Onelevel .sub-nav li:first-child a{border-top:none;}
#leftsidebar .Twolevel .sub-nav li:first-child a{border-top:none;}*/
#leftsidebar .Onelevel .sub-nav li a {
	background: url('ssbsr_en_clientlibs-12.7/layout_images/site_link_arrow.png') no-repeat right center transparent;
	padding:10px 26px 10px 0;
	text-decoration: none;
	border-top: 1px solid #cdced5;
	line-height:19px;
	color: #007298;
	width:165px;
	display:inline-block;
	margin-left:10px;
	font-family:"dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
}
	/*part of CAB ITEM 11519, 11520*/
#leftsidebar .Onelevel .sub-nav li:hover
{
	background:#0a2f59 !important;
	border-top: 1px solid #cdced5;
    border-bottom: 1px solid #cdced5;
    margin-bottom: -1px;
   /* margin-top: -1px;*//*for moving top to bottom*/
}
/*part of CAB ITEM 11519, 11520*/
#leftsidebar .Onelevel .sub-nav li:first-child:hover {
    border-top: medium none;
    
}
/*part of CAB ITEM 11519, 11520*/
#leftsidebar .Onelevel .sub-nav li:hover a{
	color: #ffffff !important;
	background: url('ssbsr_en_clientlibs-12.7/layout_images/LNav_arrow_hover.png') no-repeat right center #0a2f59;
	border-top:none;
}
#leftsidebar .Onelevel .sub-nav a:hover{color: #ffffff;}
#leftsidebar .Twolevel .sub-nav li a {
	background: url('ssbsr_en_clientlibs-12.7/layout_images/site_link_arrow.png') no-repeat right center transparent;
	padding:10px 10px 10px 0;
	text-decoration: none;
	border-top: 1px solid #cdced5;
	line-height:19px;
	color: #007298;
	width:180px;
	display:inline-block;
	margin-left:10px;
	font-family:"dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
}
#leftsidebar .Twolevel .sub-nav li:hover
{
	background:#0a2f59;
	border-top: 1px solid #cdced5;
    border-bottom: 1px solid #cdced5;
    margin-bottom: -1px;
    margin-top: -1px;
}
#leftsidebar .Twolevel .sub-nav li:hover a{
	color: #ffffff;
	background: url('ssbsr_en_clientlibs-12.7/layout_images/LNav_arrow_hover.png') no-repeat right center #0a2f59;
	border-top: 1px solid #0a2f59 !important;
}
#leftsidebar .Threelevel .sub-nav li a {
	background: url('ssbsr_en_clientlibs-12.7/layout_images/site_link_arrow.png') no-repeat right center transparent;
	padding:2px 10px 2px 0;
	text-decoration: none;
	border-top:none;
	line-height:20px;
	color: #007298;
	width:160px;
	display:block;
	margin-left:10px;
	font-family:"dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:12px;
}
#leftsidebar .Threelevel .sub-nav li:hover
{
	background:#0a2f59;
}
#leftsidebar .Threelevel .sub-nav li:hover a{
	color: #fff;
	border-top:none;
	background: url('ssbsr_en_clientlibs-12.7/layout_images/LNav_arrow_hover.png') no-repeat right center #0a2f59;
}
#leftsidebar .layoutContainer:first-child li .sub-nav li:first-child a:hover.noTopborder, #leftsidebar .layoutContainer:first-child li .sub-nav li:first-child a:focus.noTopborder{border-top: 1px solid #0a2f59 !important;}
#leftsidebar .layoutContainer:first-child .Threelevel  li:first-child .primaryNavTitle a.noTopborder{
	border-top: none;
	border-bottom:none;
}
#leftsidebar .layoutContainer:first-child .Threelevel  li:first-child:hover .primaryNavTitle a.noTopborder{
	border-top: none;
	border-bottom:none;
}
#leftsidebar .layoutContainer:first-child .Twolevel li:first-child .primaryNavTitle a.noTopborder {
    border-bottom: medium none;
    border-top: medium none;
}
#leftsidebar .layoutContainer:first-child .Twolevel li:first-child:hover .primaryNavTitle a.noTopborder {
    border-bottom: medium none;
    border-top: medium none;
}

.center-main h2 {
	margin-top: 35px;
	font-size: 22px;
	margin-bottom:14px;
}
.center-main p {
	font-size: 14px;
	clear: both;
	line-height: 24px;
}
p{
	margin:0px 0 20px;
}
.center-main .authorbiography .authorbio-designation p {color: #007298;
font-family: 'dinxtregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 22px;
}
.authorbiography .authorbio-title a {color:#737373;
font-size: 12px;
font-family: 'dinxtregular', "Helvetica Neue", Helvetica, Arial, sans-serif;}
#rightsidebar h3 {
	font-size: 22px;
	color: #002c5f;
	margin-bottom: 25px;
}
#rightsidebar h4{
	font-size: 22px;
	color: #002c5f;
	margin-bottom: 15px;
	font-family:"dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
}
#rightsidebar h3 .h4{
	font-size: 22px;
	color: #002c5f;
	font-family:"dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
}
/*CAB item 10520 removing blue color on non-anchor text*/
#rightsidebar p {
	color: #000;
	font-size: 14px;
	font-family:"dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
	/*margin-top:15px;*/
}
#rightsidebar p a {
	color: #007298;
	text-decoration: bold;
	text-decoration: none;
    /*background: none repeat scroll 0 0 #fff;
    border: 1px solid #e1e6ec;
    display: inline-block;
    font: bold 12px "dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 25px 0;
    padding: 15px;*/
}
/*CAB item 10520 removing bold of text on hovering text*/
#rightsidebar p a:hover, #rightsidebar p a:focus {
    /*background: none repeat scroll 0 0 #0a2f59;
    color: #002c5f;*/
    text-decoration: underline;

    /*font-weight: bold;*/
}
#en-main-content #rightsidebar #engagednow-component-layout-container{
	padding-bottom:35px;
}
#rightsidebar  .richText{
	padding-bottom:30px;
}
#rightsidebar .layoutContainer .richText{
	padding-bottom:0px;
}
#en-main-content #rightsidebar #engagednow-component-layout-container  #engagednow-component-layout-container{
	padding-bottom:0px;
}
#en-main-content #rightsidebar .button .en-col-1-of-1{
	width:100%;
}
#en-main-content #rightsidebar .button{
	margin-top:25px;
	padding:0;
	background:none;
	border:none;
	display: block;
	line-height:inherit;
}
#en-main-content #rightsidebar .button:hover{
	background:none;
}
#en-main-content #rightsidebar .button a{
	background: none repeat scroll 0 0 #fff;
    border: 1px solid #e1e6ec;
    color: #0a2f59;
    display: inline-block;
    font: bold 12px "dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
    padding:11px 15px 10px;
	line-height:18px;
    text-decoration: none;
}
#en-main-content #rightsidebar .button a:hover {
    background: none repeat scroll 0 0 #0a2f59;
    color: #fff;
}
#en-main-content .header_article .button .en-col-1-of-1{
	width:100%;
}
#en-main-content .header_article .button{
	margin:0px;
	padding:0;
	background:none;
	border:none;
	display: block;
	line-height:inherit;
}
#en-main-content .header_article .button:hover{
	background:none;
}
#en-main-content .header_article .button a{
	background: none repeat scroll 0 0 #fff;
    border: 1px solid #e1e6ec;
    color: #0a2f59;
    display: inline-block;
    font: bold 12px "dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
    padding:11px 15px 10px;
	line-height:18px;
    text-decoration: none;
}
#en-main-content .header_article .button a:hover {
    background: none repeat scroll 0 0 #0a2f59;
    color: #fff;
}
#en-main-content #rightsidebar li{
	color: #007298;
    font-family: "dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
	margin:20px 0 0px;
	line-height:20px;
}
#en-main-content #rightsidebar li:first-item{
	margin:0px 0 0px
}
#en-main-content #rightsidebar li a{
	color: #007298;
	text-decoration:none;
}
#en-main-content #rightsidebar li a:hover{
	color:#002c5f;
}
#en-main-content #rightsidebar .link-list-item{
	color: #007298;
    font-family: "dinxtregular","Helvetica Neue", Helvetica,Arial,sans-serif;
    font-size: 14px;
	margin:10px 0 0px;
	list-style:none;
}
#en-main-content #rightsidebar .link-list-item:first-child{
	margin:0px 0 0px;
}
.twocolumngenric .en-detail, .twocolumn .en-detail{
	width:960px;
	margin:0 auto;
}
/*.twocolumngenric .center-main{
	width:700px;
	margin:65px 50px 10px 10px;
	float:left;
	display:inline-block;
}*/
.twocolumngenric .statestreet-center-content{
	width:700px;
	margin:45px 50px 10px 10px;
	display:inline-block;	
}
.twocolumn .statestreet-center-content {
	width:700px;
	margin:65px 10px 10px 0px;
	float:right;
	display:inline-block;
}
@media only screen and (min-width: 767px) {
.mobilenav {display: none}
}
@media only screen and (max-width : 767px) {
/*Ticket: 10409 ICI section on publicatoin library*/
.twocolumngenric #engagednow-component-richtext h4{
	margin-bottom: -12px;
}
header.clearfix {
	height: 48px;
}

#en-head-content{
	height: 48px;
}
@media only screen and (-webkit-min-device-pixel-ratio:0) {
  select:focus,
  textarea:focus,
  input:focus {
    font-size: 16px;
	outline:none;
  }
}
.header {
    background:none repeat scroll 93% 47% #002c5f;
    display: block;
    font-family: "dinxtlight","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    height: 48px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
}
.header .header_text{
    display: none;
}
.header .search{
	width:100%;
}
.header .search_hamburger{
    background:url('ssbsr_en_clientlibs-12.7/layout_images/sprite.png') no-repeat -166px  -279px #002c5f;
    padding-top: 0px;
    position: fixed;
    right:0px;
    top: 0px;
	padding-right:0;
	border-left:none;
	height:48px;
	width:66px;
	padding-right:0;
}
.header .search_hamburger:hover{
	background:url('ssbsr_en_clientlibs-12.7/layout_images/sprite.png') no-repeat scroll -233px -279px #eef5fa;
}
.header .search_hamburger.active{
	background:url('ssbsr_en_clientlibs-12.7/layout_images/sprite.png') no-repeat scroll -233px  -279px #eef5fa;
}
.header .search_box span{
	background: url('ssbsr_en_clientlibs-12.7/layout_images/sprite.png') no-repeat #002c5f -87px -220px;
	float: left;
    height: 47px;
    padding-left: 10px;
    position: absolute;
    right: 0;
    top:0px;
    width: 36px;
	cursor:pointer;
}
.header .search_box form {
	height: 48px;
    right: 67px;
    position: absolute;
    top: 0px;
    width: 92%;
	background:#002c5f;
}
.header .search_box input {
	background: none repeat scroll 0 0 #002c5f;
    height: 40px;
    left: 0;
    position: absolute;
    width: 80%;
	padding-left: 20px;
	padding-right:0;
	color: #fff;
	font-size: 16px;
	border:0;
	outline: none;
}
.header .en-link-list .link-list-item-1,.header .en-link-list .link-list-item-2,.header .en-link-list .link-list-item-3,.header .en-link-list .link-list-item-4{
    display: none;
}
#header.mega.navigation {
    display: block;
}
.header .left-border {
    display: none;
}
.header .adaptive-image {
    display: inline-block;
    float: left;
    padding-left:20px;
    padding-top:12px;
    width:auto;
	position: absolute;
}
.header .parbase.navigation.list.section {
    position: relative;
	right:0;
}

.header .parbase.navigation.list.section .en-link-list {
    height: auto;
	top:-12px;
}
.header .link-list-item {
    display: block;
    float: none;
    text-align: left;
}
.header .en-link-list .primaryNavTitle a {
    display: block;
    /*font-weight:bold;*/
    height: 36px;
    padding: 24px 40px 0;
    text-decoration: none;
}
.header ul.nav_menu {
    background: none repeat scroll 0 0 #eef5fa;
    display: block;
    height: 415px;
    list-style: outside none none;
    padding-bottom: 85px;
    padding-top: 40px;
    width: 100%;
	margin: 19px 0 0;

}
.header .nav_wrapper .nav_menu {
    border-bottom: 1px solid #badae5;
    display: inline-block;
    padding-left: 42px;
    padding-right: 0;
}
.header .left_nav_heading.left_nav {
    color: #00305f;
    font-size: 16px;
    font-weight:bold;
}
.mid_nav a:hover + .nav_list_div {
	display:none;
}
.header .mid_nav_heading.mid_nav {
    color: #00305f;
    font-size: 16px;
    font-weight:bold;
}
.header .nav_wrapper .nav_menu li {
    background: url("ssbsr_en_clientlibs-12.7/layout_images/site_link_arrow.png") no-repeat scroll 87% 9% transparent;
    border-bottom: 1px solid #badae5;
    margin-top: 17px;
    padding-bottom: 15px;
}
.header .nav_wrapper .nav_menu li:first-child {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.header .nav_menu li a {
    color: #86c0d3;
    text-decoration: none;
}
.header #en-footer-content {
    display: none;
}
.header #default_state {
    background:none;
    height: 0;
    left: 0;
    margin-left: 0;
    position: fixed;
	margin-left: -112px;
	padding: 10px 20px 20px 30px;
}
.header .nav_wrapper {
    display: none;
    left: 100%;
    margin-left: -490px;
    position: fixed;
    top: 20px;
    width: 980px;
    z-index: 99;
}
.header li.left_nav_heading {
    font-size: 22px;
    margin-left: 10px;
}
.header li.left_nav {
    color: #012f60;
    padding-left: 9px;
    padding-right: 0;
}
.header .en-col-1-of-1{
	margin:0;
	width: 100%;
}
.header  .en-col:first-child{
	margin:0;
	width: 100%;
}
ul#topnav li.level3ITEM_BEGIN {
	padding-left: 20px;
}
ul#topnav li.link a:before {
	border: none;
}
ul#topnav li.goback{
	background: url("ssbsr_en_clientlibs-12.7/layout_images/Back_Button.png") no-repeat 6% center;
}
.mobilenav .en-col-1 ul#topnav li.goback a {
	margin-left: 0px;
}
.mobilenav .en-col-1 ul {
	width: 100%;
}
.mobilenav li {
	line-height: 45px;
}
.mobilenav ul.sub-nav li:last-child {
	border-bottom: 0px;
}
.mobilenav .en-col-1 ul li .primaryNavTitle {
	font-size: 15px;
	color: #002c5f;
	font-weight:bold;
	border-bottom: 1px solid #c7d7e2;
	display: block;
	width: 100%;
	margin-left: 39px;
}
.mobilenav .en-col-1 ul li a {
	text-decoration: none;
	margin-left: 39px;
	width: 95%;
	border-top: 1px solid #c7d7e2;
	display: block;
	border-bottom:none;
}
/*Mobile Nav Fixes Starts*/
.mobilenav .en-col-1 ul li.bu-image{
	border-top: 1px solid #c7d7e2;
}
.mobilenav .en-col-1 ul li.bu-image a {
	border-top:none;
}
.mobilenav .en-col-1 ul li.bu-image a span.en-adaptive-image{
	text-align: left;
}
.mobilenav .en-col-1 ul li.bu-image a span.en-adaptive-image img{
	padding-top:10px;
}
/*Mobile Nav Fixes Ends*/
.mobilenav ul#topnav li.depth1 a, .mobilenav ul#topnav li.depth2.title{
	margin-left:0px;
	padding-left:39px;
}
.mobilenav .en-col-1 ul .sub-nav li a:hover{
	color: #ffffff;
}
.mobilenav .en-col-1 ul .sub-nav li {
	padding-left: 0px;
	font-size: 14px;
	background: url("ssbsr_en_clientlibs-12.7/layout_images/LNav_arrow.png") no-repeat 92% center;
}
.mobilenav .en-col-1 ul .sub-nav li:hover {
	background: url("ssbsr_en_clientlibs-12.7/layout_images/LNav_arrow_hover.png") no-repeat 92% center #0a2f59;
}
/*body Content*/
/*.twocolumngenric .center-main {
    margin: 38px 20px 10px;
    width: auto;
	float:none;
	display:block;
}*/
.twocolumngenric .statestreet-center-content{
	margin: 38px 20px 10px;
    width: auto;
	display:inline-block;
}
.twocolumngenric .en-detail {
    margin: 0;
    width: 100%;
}
.twocolumn .en-detail {
    margin: 0;
    width: 100%;
}
.twocolumn .statestreet-center-content{
	margin: 38px 0px 10px;
    width: auto;
	float:none;
	display:block;
}

h1{font-size:24px;}

.threecolumn .en-detail
{
	margin:0;
	width:100%;
}

#en-main-content #leftsidebar{
	display:none;
}
/*.threecolumn #en-main-content .center-main
{
	width: auto;
	margin:50px 20px 0;
}*/
.threecolumn #en-main-content .statestreet-center-content
{
	width: auto;
	margin:50px 20px 0;
}
.center-main h2{
	font-size:18px;
	margin:60px 0 25px;
}
#en-main-content #rightsidebar {
    background:url("ssbsr_en_clientlibs-12.7/layout_images/footer_bg_mobile_rightbar.png") no-repeat scroll right bottom #d6e5f0;
    display:inline-block;
    float: none;
    width: 100%;
	margin:0;
	position:relative;
	bottom:0px;
	padding-bottom:0px;
}
#en-main-content #rightsidebar #engagednow-component-layout-container{
	padding:30px 20px 10px;
	border-top:1px solid #fff;
}
#rightsidebar  .richText{
	padding:30px 20px;
}
#rightsidebar .layoutContainer .richText{
	padding:0;
}
#en-main-content #rightsidebar #engagednow-component-layout-container #engagednow-component-layout-container{
	padding:10px 0px;
	border:none;
}
#en-main-content #rightsidebar .layoutContainer:first-child #engagednow-component-layout-container{
	border-top:none;
}
#rightsidebar h3{font-size:20px;}
#rightsidebar h4{font-size:18px; margin-bottom:30px;}
#rightsidebar .flexi_right .richText + .richText {
    border-top: 1px solid #ffffff;
}
/*layout container has border*/
/*#rightsidebar .flexi_right .layoutContainer + .richText {
    border-top: 1px solid #ffffff;
}*/
#rightsidebar .flexi_right .richText {
    border-top: 1px solid #ffffff;
	padding:30px 20px 10px;
}
#rightsidebar .flexi_right .richText:first-child {
	 border-top: none;
}
#rightsidebar .flexi_right .layoutContainer .richText {
	 border-top: none;
	 padding:0;
}
}
@media only screen and (max-width : 500px) {
	.header .search_box form {
		width: 90%
	}
}
@media only screen and (max-width : 500px) {
	.header .search_box form {
		width: 87%
	}
}
@media only screen and (max-width : 400px) {
	.header .search_box form {
		width: 84%
	}
}
@media only screen and (max-width : 350px) {
	.header .search_box form {
		width: 80%
	}
	.header .search_box input {
		width: 75%
	}
}
.serachresults > ul {
    border-top: 1px solid #c4ced7;
    list-style: none outside none;
    padding: 0;
}
.serachresults li {
    line-height: inherit;
    padding: 10px;
	cursor:pointer;
	color:#002c5f;
}
.serachresults li:hover{
	background:#0a2f59;
	color:#fff;
}
.onecolumn .twocolumnlayout{
	width:960px;
	margin:100px auto;
}
.twocolumnlayout .richText.section, .twocolumnlayout .adaptive-image.section{
	width: 48%;
	clear: none;
	display: inline-block;
}
.twocolumnlayoutcontent .richText.section  + .richText.section {
    clear: both;
}
.twocolumnlayout .richText {
	float: left;
}
.twocolumnlayout .adaptive-image{
	float: right;
}
.blue_button li{
	list-style:none;
}
.blue_button a, .blue_button a{
	padding:11px 15px 10px;
	font-family: 'dinxtbold', "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: inline-block;
	font-size: 12px;
	margin:0;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	background: #0a2f59;
	cursor: pointer;
	line-height:18px;
}
.blue_button a:hover, .blue_button a:focus{
	background: #62c0df!important;
}
.twocolumnlayout p{
	font-size: 16px;
	color:#002c5f;
}
/*article section*/
.filter-Results {
    margin-top: 50px;
}
#article_filter{
    margin-top: 60px;
}
.filter{
	display:block;
}
.filter .col1{
	display:inline-block;
	width:49%;
	margin-right: 20px;
}
.filter .col2{
	display:inline-block;
	width:47%;
}
.filter label{
	font-weight:600;
	font-size:12px;
	vertical-align:middle;
	display:inline-block;
	margin-right:5px;
	font-family: 'dinxtregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#002c5f;
}
.filter select{
	display:inline-block;
	margin-right:10px;
	font-size:12px;
	padding:10px;
	border:1px solid #ccc;
	font-family: 'dinxtregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	width:auto;
	color:#737373;
}
.filter input{
	display:inline-block;
	margin-right:10px;
	font-size:12px;
	padding:10px 10px 9px;
	border:1px solid #ccc;
	font-family: 'dinxtregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	width:100px;
	color:#737373;
}
.filter-Results p{
	font-family: 'dinxtregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom:13px;
}
.center-main .filter-Results p.total{
	margin-bottom:20px;
	color:#707070;
	font-size:18px;
}
.filter-Results p.filt_date
{
	font-weight:600;
	margin-bottom:8px;
	color:#737373;
}
.filter-Results p.tags a
{
	color:#737373;
	text-decoration:none;
	border-left:1px solid #e1e1e1;
	padding:0 5px;
	font-size:12px;
}
.filter-Results p.tags a:hover{
	color:#010101;
}
.filter-Results p.tags a:first-child{
	border-left:none;
	padding-left:0;
}
.filter-Results .article_image{
	display:inline-block;
	vertical-align:top;
	float:left;
}
.filter-Results .article_image img{
	margin:0 20px 25px 0;
	display:inline-block;
	width:76px;
	vertical-align:top;
	float:left;
	height:76px;
}
#article_filter .filter h3{
	display:none;
	color:#0a2f59;
	font-weight:600;
	font-size:14px;
	font-family: 'dinxtregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.filter-Results .filter_text{
	display:inline-block;
}
.filter-Results .filter_text.twocol{
	width:600px;
}
.center-main .filter-Results  h2{
	margin-bottom:4px;
	margin-top:0;
}
.filter-Results p.tags {margin-bottom:5px;}
.filter-Results ul li{
	list-style:none;
	margin-bottom:50px;
}
.button_load{
	margin:20px 0px;
	display:none;
}
.button_load .button {
    border: medium none;

    margin-top: 0;
    padding:9px 13px 10px 11px;
	background:#0a2f59;
}
.button_load .button:hover{
	background:#002c5f;
}
.ajax_load{
	width:100%;
	background:url("ssbsr_en_clientlibs-12.7/layout_images/ajax_loader.gif") no-repeat scroll center transparent;
	height:150px;
	display:none;
}
.scrollup{
	display: none;
	background: url('ssbsr_en_clientlibs-12.7/layout_images/sprite.png') no-repeat -1px -214px;
	width:55px;
	height:55px;
	/*text-indent:-9999px;*/
	cursor: pointer;
	font-size: 0;
	position:fixed;
	bottom:50px;
	right:5%;
}
#leftsidebar .Threelevel ul li .sub-nav{ /*margin-top:-2px;*/ padding-bottom:5px; margin-left:20px}
.search_right .button{
	padding:9px 13px 10px 11px !important;
}
#leftsidebar .layoutContainer:first-child li:first-child .primaryNavTitle a{border-bottom: 1px solid #fff;}
@media only screen and (max-width: 767px) {
#article_filter{ margin-top: 15px;
}
.filter .col1, .filter .col2{width:100%;}
.filter select{width:100%; margin-bottom:20px;}
.filter input{width:92%; margin-bottom:20px;}
.filter label{margin-bottom:15px;}
.filter-Results .filter_text.twocol{
	width:auto;
}
#rightsidebar p{
	color: #002c5f;
}
#rightsidebar h3 {
	font-size: 22px;
    color: #002c5f;
    margin-bottom: 25px;
}
#article_filter .filter h3{
	display:block;
	margin-bottom:20px;
}
.search_right .button{
	margin:0 20px;
}
.search_results .tags a{
	word-wrap: break-word;
}
.search_autocomplete {
    position: absolute;
    right: 0;
    top: 48px;
    width:100%;
	display:none;
	z-index:9;
	background:#eef5fa;
}
.search_autocomplete ul{
	/*margin-left:30px;*/
}
.serachresults {
    background: none repeat scroll 0 0 #eef5fa;
    padding: 0;
    width: auto;
}
.serachresults li {
    border-bottom: 1px solid #c4ced7;
    color: #002c5f;
    cursor: pointer;
    line-height: inherit;
    padding: 10px 20px 20px 0;
	background:url("ssbsr_en_clientlibs-12.7/layout_images/searchResarrow_mobile.png") no-repeat scroll 94% center #eef5fa;
}
.serachresults li:hover{
	background:url("ssbsr_en_clientlibs-12.7/layout_images/searchReshoverarrow_mobile.png") no-repeat scroll 94% center #0a2f59;
	color:#fff;
	margin-left:-30px;
	padding-left:30px;
}
/*Investor relations starts*/
.threecolumn #en-main-content .statestreet-center-content
{
	width: auto;
	margin:10px 20px 0;
}
.center-main h2{
	margin: 35px 0 15px;
}
/*Investor relations ends*/
.filter-Results .article_image{
	display:none;
}
.filter-Results .filter_text {
    display: block;
    width: 100%;
}
.scrollup{
	right:8%;
	opacity: 0.5;
}
}
.search_results .tags a:hover{
	color:#010101;
}
.center-main .search_results p.title a:hover{
	color:#002c5f;
}
/*UI datepicker styles*/
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{
	border-bottom-right-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{
	border-bottom-left-radius: 0;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{
	border-top-right-radius: 0;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{
	border-top-left-radius: 0;
}
#ui-datepicker-div .ui-widget-header {
    background:none;
    border-right: 1px solid #cdced5;
    color: #3280aa;
    font-weight:bold;
	padding:0;
	margin:0;
}
#ui-datepicker-div.ui-widget-content {
    background: #eff6fb;
    border: 1px solid #cdced5;
    color: #007298;
	border-bottom:0;
	border-right:0;
}
#ui-datepicker-div.ui-widget {
    font-family: "dinxtlight","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}
#ui-datepicker-div.ui-datepicker {
    display: none;
    padding:0;
    width: 270px;
}
.ui-helper-clearfix {
    min-height: 0;
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    border-collapse: collapse;
    content: "";
    display: table;
}
.ui-helper-clearfix:after {
    clear: both;
}
#ui-datepicker-div .ui-state-default, #ui-datepicker-div.ui-widget-content .ui-state-default, #ui-datepicker-div .ui-widget-header .ui-state-default {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border:none;
    color: #007298;
    font-weight:bold;
}
.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: 0.5em;
    text-align: center;
    text-decoration: none;
}

.ui-datepicker table {
    border-collapse: collapse;
    font-size: 12px;
    font-weight: bold;
    margin: 0 !important;
    width: 100%;
}
.ui-datepicker th {
    border: 0 none;
    font-weight: bold;
    padding: 0.5em;
    text-align: center;
	border-right:1px solid #cdced5;
	color:#737373;
	border-bottom:3px solid #737474;
}
.ui-datepicker td {
   border: 1px solid #cdced5;
    padding:0px;
}
#ui-datepicker-div .ui-state-disabled {
    cursor: default !important;
}

#ui-datepicker-div .ui-state-disabled, #ui-datepicker-div.ui-widget-content .ui-state-disabled, #ui-datepicker-div .ui-widget-header .ui-state-disabled {
    background-image: none;
    opacity: 0.35;
}
#ui-datepicker-div .ui-state-highlight, #ui-datepicker-div.ui-widget-content .ui-state-highlight, #ui-datepicker-div .ui-widget-header .ui-state-highlight {
    background: none repeat scroll 0 0 #002c5f;
    border: 0 none;
    color: #fff;
	font-weight:bold;
}
#ui-datepicker-div .ui-state-hover, #ui-datepicker-div.ui-widget-content .ui-state-hover, #ui-datepicker-div .ui-widget-header .ui-state-hover, #ui-datepicker-div.ui-state-focus, #ui-datepicker-div.ui-widget-content .ui-state-focus, #ui-datepicker-div .ui-widget-header .ui-state-focus {
    background: none repeat scroll 0 0 #002c5f;
    border:0;
    color: #fff;
    font-weight: bold
}
.ui-datepicker .ui-datepicker-header {
    padding: 0.2em 0;
    position: relative;
}
#ui-datepicker-div .ui-widget-header {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #007298;
    font-size: 18px;

	border-right:1px solid #cdced5;
}
.ui-datepicker .ui-datepicker-prev {
    left: 20px;
}
.ui-datepicker .ui-datepicker-next {
    right: 20px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    height: 1.8em;
    position: absolute;
    top: 2px;
    width: 1.8em;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
#ui-datepicker-div .ui-widget-header .ui-icon {
    background-image: none;
}
#ui-datepicker-div .ui-widget-header .ui-icon.ui-icon-circle-triangle-w {
    background:url("ssbsr_en_clientlibs-12.7/layout_images/calender_prev.png") no-repeat left top;
}
#ui-datepicker-div .ui-widget-header .ui-state-disabled .ui-icon.ui-icon-circle-triangle-w {
	background:url("ssbsr_en_clientlibs-12.7/layout_images/calender_prev_disabled.png") no-repeat left top;
}
#ui-datepicker-div .ui-icon {
    height: 19px;
    width: 12px;
}
#ui-datepicker-div .ui-icon {
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev-hover, #ui-datepicker-div.ui-datepicker .ui-datepicker-next-hover {
	background:none;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 20px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 20px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    height: 1.8em;
    position: absolute;
    top: 27px;
    width: 1.8em;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
#ui-datepicker-div .ui-widget-header .ui-icon.ui-icon-circle-triangle-e {
    background:url("ssbsr_en_clientlibs-12.7/layout_images/calender_next.png") no-repeat right top;
}
#ui-datepicker-div .ui-widget-header .ui-state-disabled .ui-icon.ui-icon-circle-triangle-e {
	background:url("ssbsr_en_clientlibs-12.7/layout_images/calender_next_disabled.png") no-repeat right top;
}
.ui-datepicker .ui-datepicker-title {
    line-height: 1.8em;
    margin: 0 2.3em;
    text-align: center;
}
.ui-datepicker-month {
    display: block;
    position: relative;
    top: 25px;
}
.ui-datepicker-year {
    font-size: 14px;
    left: -6px;
    position: relative;
    text-align: center;
    top: -36px;
}
/*datepicker styling ends*/
/*Accordion/tabs styling*/
.accordion .ui-tabs .ui-tabs-nav li{
	float: none;
	width: 100%;
	top: 0;
}
.accordion .ui-tabs {
	padding: 0;
	background:none;
}
.accordion .ui-widget-content{
	background:none;
	border: medium none;
	color:#010101;
	margin-top:10px;
}
.accordion .ui-state-default{
	background:none;
	border:none;
	font-weight:normal;
}
.accordion .ui-tabs .ui-tabs-nav{
	padding:0;
}
.accordion .ui-widget-header{
	border: none;
	color: #010101;
    font-weight: normal;
	background:none;
}
.accordion .ui-tabs .ui-tabs-nav li{
	border:none;
	border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
	background:none;
	white-space: inherit;
}
.accordion .ui-tabs .ui-tabs-nav li a {
    float: none;
	padding:10px 0;
    text-decoration: none;
	font-size:14px;
	font-family:'dinxtregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#007298;
	display: block;
	margin-right:1em;
	-webkit-text-size-adjust: none;
}
.accordion .ui-tabs .ui-tabs-nav li ul {
    margin: 10px;
}
.accordion .ui-tabs .ui-tabs-nav li ul li {
    border: medium none;
    list-style: outside none disc;
    padding: 0 0 10px;
}
.accordion .ui-tabs .ui-tabs-nav li ul li  a{
    border: medium none;
    list-style: outside none disc;
    padding:0px;
	margin:0;
}
.accordion .ui-tabs .ui-tabs-nav li ul li span, .accordion .ui-tabs .ui-tabs-nav li p span{
    display:block;
	background:none;
}
.accordion .ui-tabs .ui-tabs-nav li a span{
	display:block;
	background:url("ssbsr_en_clientlibs-12.7/layout_images/accordian_plus.png") no-repeat right center;
}
.accordion .ui-tabs .ui-tabs-nav li a:hover, .accordion .ui-tabs .ui-tabs-nav li a:focus{
	color:#002c5f;
}
.accordion .tab-data {
	color:#010101;
}
.accordion .ui-tabs .ui-tabs-panel{
	padding: 0em 1em 1em 0;
}
.accordion .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin: 0;
    padding: 0px;
}
.accordion .ui-tabs .ui-tabs-nav li.ui-tabs-selected a{
	color: #007298;
}
.accordion .ui-tabs .ui-tabs-nav li.ui-tabs-selected a span{
	background:url("ssbsr_en_clientlibs-12.7/layout_images/accordian_minus.png") no-repeat right center;
}
/*#leftsidebar .sub-nav{
	margin-bottom:15px;
}*/
/*chrome css hack*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .search_box form{width:612px;}
}
/*Office Location*/
.locations .offlocationSepration{
	border-top:1px solid #cdced5;
}
.locations .offlocationSepration:first-child{
	border-top:none;
}
.locations li{
	display: inline-block;
    margin-bottom: 35px;
    vertical-align: top;
    width: 48%;
	list-style:none;
}
.locations h2{
	color:#002c5f;
}
.locations h3{
	color:#007298;
}
.locations .address {
    color: #010101;
    font-family: "dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}
.locationselection h1{
	display:inline-block;
	width:48%;
}
.officeselector {
    display: inline-block;
    margin-top: 3px;
    vertical-align: top;
	width:48%;
}
.officeselector label {
    font-size: 12px;
    font-weight: bold;
    margin-right: 10px;
    text-transform: uppercase;
    vertical-align: top;
	margin-top: 11px;
	display: inline-block;
}
.officeselector select{
	width:220px;
}
.locations li a.map{
	color:#007298;
	background:url("ssbsr_en_clientlibs-12.7/layout_images/mapit.png") no-repeat left center;
	padding-left:16px;
}
.officeLocationTwocol{
	margin:0 auto;
	width:960px;
}
.officeLocationTwocol .en-col.en-col-1-of-2.en-col-1{
	float:right;
	display: inline-block;
    margin: 125px 10px 0 0;
	width: 190px;
}
.officeLocationTwocol .en-col.en-col-1-of-2.en-col-2{
	display: inline-block;
    float: left;
    padding: 0;
    margin: 45px 50px 10px 0px;
    width: 700px;
}
.officeLocationTwocol .en-col-1 #engagednow-component-list {
    padding-bottom: 50px;
}
.officeLocationTwocol .en-col-1 #engagednow-component-list .link-list-item {
    color: #007298;
    font-family: "dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    list-style: none outside none;
	margin: 17px 0 0;
	line-height: 20px;
}
.officeLocationTwocol .en-col-1 #engagednow-component-list .link-list-item:first-child {
    margin: 0;
}
.officeLocationTwocol .en-col-1 li a {
    color: #007298;
    text-decoration: none;
}

.officeLocationTwocol .en-col-1 li a:hover {
    color: #002c5f;
}
.officeLocationTwocol  .en-col-1 h4 {
    color: #002c5f;
    font-family: "dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 22px;
    margin-bottom: 25px;
}
.officeLocationTwocol .en-col-1 p{
	display:none;
}
.officeLocationTwocol .en-col-1 p{display:none}
.officeLocationTwocol .en-col-1 p:first-child {display:block;}
.languageselector .select{
	position:relative;
}
.languageselector h4{
	text-transform: uppercase;
	font-size:14px;
	margin-bottom:10px;
}
.langselectorMobile{
	display:none;
}
.languageselector ul{
	border:1px solid #ccc;
	width:160px;
	border-top:0;
	background:#fff;
	position: absolute;
	z-index: 9;
	top: 35px;
	max-height:12.9em;
	overflow-y:auto;
	display:none;
}
#en-main-content #rightsidebar .languageselector li{
	padding:7px 0px;
	border-top:1px solid #ccc;
	margin:0 10px;
	color:#737373;
	cursor:pointer;
	font-size:12px;
	font-family:dinxtregular;
}
#en-main-content #rightsidebar .languageselector li:first-child{
	border-top:none;
	margin:0 10px;
}
#en-main-content #rightsidebar .languageselector li a{
	color:#737373;
}
#en-main-content #rightsidebar .languageselector li:hover{
	background: none repeat scroll 0 0 #0a2f59;
    border-bottom: 1px solid #ccc;
    color: #fff;
    margin: 0 0 0px;
    padding: 7px 10px;
}
#en-main-content #rightsidebar .languageselector li:hover a{
	color:#fff;
}
#en-main-content #rightsidebar .languageselector li.display_box_hover{
	background:#0a2f59;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
    color: #fff;
    margin: 0 0 0px;
    padding: 7px 10px;
}
#en-main-content #rightsidebar .languageselector li.display_box_hover a{
	color:#fff;
}
.languageselector li a{
	font-size:12px;
	font-family:dinxtregular;
}
.languageselector .styledSelect{
	border:none;
	padding:0px;
	width:160px;
	background:none;
	color:#737373;
	font-size:12px;
	cursor:pointer;
	font-family:dinxtregular;
}
.languageselector .styledSelect input{
	border:1px solid #ccc;
    outline: medium none;
    padding:10px 10px;
    width: 140px;
	color:#737373;
	background:url("ssbsr_en_clientlibs-12.7/layout_images/dd_arrow.png") no-repeat scroll 93% center transparent;
	font-size:12px;
	font-family:dinxtregular;
}
.go_button{
	display:none;
}
/*Dropdown Menu customization*/
select[data-dkcacheid]{
	display:none;
}
.dk-select, .dk-select-multi {
    cursor: pointer;
    display: inline-block;
    line-height: 1.5em;
    position: relative;
    vertical-align: middle;
    width: 160px;
	border: 1px solid #ccc;
	padding: 11px 10px;
	background-image: url("ssbsr_en_clientlibs-12.7/layout_images/dd_arrow.png");
	background-position:93% center;
	background-repeat:no-repeat;
}
.dk-selected {
    color: #737373;
    font-family: "dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
	line-height: 15px;
	outline: none;
}
.dk-select .dk-select-options {
    display: none;
    left: 0;
    position: absolute;
	top:100%;
	z-index:9;
}
.dk-select-open-up .dk-select-options {
    border-radius:0;
    /*bottom: 100%;*/
    margin-bottom: -1px;
}
.dk-select-options {
    background-color: white;
    border: 1px solid #cccccc;
    list-style: none outside none;
    margin: 0;
    max-height:12.9em;
    overflow: auto;
    padding:0;
    width: 99.5%;
    z-index: 100;
}
.hidden-option {
    display: none;
}
.dk-option {
    padding:10px 0;
	font-style:12px;
	color:#737373;
	margin:0 10px;
	border-top: 1px solid #cccccc;
	font-size:12px;
}
.dk-option:first-child{
	border-top:none;
}
.dk-select-open-up .dk-select-options, .dk-select-open-down .dk-select-options, .dk-select-multi:focus .dk-select-options {
    border-color: #cccccc;
    display: block;
}
#article_filter .dk-select{
	width:99px;
	margin-right: 10px;
}
.dk-select-options .dk-option-highlight {
    background-color: #0a2f59;
    color: #fff;
	margin:-1px 0 0px;
	padding-left:10px;
	padding-right:10px;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc;
}
.search_filter .sub-nav li a {padding: 13px 26px 13px 0 !important;width: 163px !important;}
.search_filter, .search_right{ padding-bottom:170px !important;}
@media only screen and (max-width: 767px) {
	/* Ticket: 10408 office location */
.officelocations .locationselection{
 margin-top: -25px;
}
.officeLocationTwocol #engagednow-component-richtext h4{
 margin-bottom: -20px;
}
.locations .offlocationSepration{
	padding: 0 20px;
}
.officeLocationTwocol{
	margin:0;
	width:100%;
}
.officeLocationTwocol .en-col.en-col-1-of-2.en-col-1{
	float:none;
	background: url("ssbsr_en_clientlibs-12.7/layout_images/mainpromo_mobile_curve_bg.png") no-repeat left top;
    margin:0px;
    padding:80px 0 0;
    position: relative;
    top:-78px;
    width: 100%;
}
.officeLocationTwocol .en-col.en-col-1-of-2.en-col-1 .RegionSelector{
	background:#d6e5f0;
	padding:0 20px 20px;
}
.officeLocationTwocol .en-col-1 #engagednow-component-list {
    padding-bottom:0px;
	background:#d6e5f0;
}
.officeLocationTwocol .en-col-1 .list {
	display:inline-block;
	/*width:78%;*/
	width:216px;
}
.officeLocationTwocol .en-col-1  .go_button .en-col-1 .list {
	display:inline-block;
	width:auto;
}
.officeLocationTwocol .en-col.en-col-1-of-2.en-col-2{
	display: inline-block;
    float: none;
    padding: 0;
    margin:-25px 0 0;
    width:100%;
}
.langselectorMobile{
	display:block;
}
.languageselector ul{
	width:173px;
	top:35px;
}
.locationselection h1{
	display:block;
	width:auto;
	padding:0 20px;
}
.langselectorMobile.languageselector li{
	padding:7px 0px;
	border-top:1px solid #ccc;
	margin:0 10px;
	color:#737373;
	cursor:pointer;
	list-style:none;
	font-size:14px;
}
.langselectorMobile.languageselector li:first-child{
	border-top:none;
}
.langselectorMobile.languageselector li a{
	color:#737373;
}
.langselectorMobile.languageselector li:hover{
	background: none repeat scroll 0 0 #0a2f59;
    border-bottom: 1px solid #ccc;
    color: #fff;
    margin: 0 0 0px;
    padding: 7px 10px;
}
.langselectorMobile.languageselector li:hover a{
	color:#fff;
}
.officeselector {
    display:block;
    margin-top:20px;
    vertical-align: top;
	width:auto;
	padding:0 20px;
}
.officeselector label {
    margin:0 0 10px;
	width:100%;
	display:block;
}
.officeselector select{
	width:100%;
}
.officeLocationTwocol .en-col-1 h4 {
	font-size:18px;
}
.officeLocationTwocol  .en-col-1 h4+p{
	color:#002c5f;
	display: block;
}
.locations {
    width: 100%;
}
.locations li {
    display: block;
    width: 100%;
}
.center-main .locations h2 {
    margin: 35px 0;
}
#en-main-content #rightsidebar .layoutContainer #mobile_divider {
		/*border-bottom:1px #fff solid;*/
}
.languageselector .styledSelect{
	width:175px;
}
.languageselector .styledSelect input
{
	width:153px;
}
.langselectorMobile{
	padding:20px;
}
.RegionSelector .styledSelectRegion {
    background:none;
    border:none;
    color: #737373;
    padding:0px;
    width:215px;
	font-size:12px;
	font-family: 'dinxtregular';
	cursor: pointer;
}
.RegionSelector .styledSelectRegion input{
	border:1px solid #ccc;
    outline: medium none;
    padding: 11px 10px;
    width: 194px;
	font-family: 'dinxtregular';
	color:#737373;
	font-size:12px;
	background:url("ssbsr_en_clientlibs-12.7/layout_images/dd_arrow.png") no-repeat scroll 93% center #fff;
	border-radius:none;
}
.RegionSelector .en-col-1{
	width:100%;
}
.RegionSelector .en-col-1  .layoutContainer {
	width:59px;
	list-style: none outside none;
	display: inline-block;
	vertical-align: middle;
}
.go_button .link-list-item{
	list-style:none;
	color: #0a2f59;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	cursor: pointer;
}
.go_button {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    padding: 5px 10px 4px 15px;
	width:39%;
	display:block;
	color:#0a2f59;
	margin-left:10px;
	text-transform:uppercase;
	cursor: pointer;
	margin-top:1px;
}
.go_button .en-col{
	float: none;
    margin: 0;
	width:auto;
}
.RegionSelector .select{
	position:relative;
}
.RegionSelector .select ul{
	border:1px solid #ccc;
	width:214px;
	/*border-top:0;*/
	background:#fff;
	position:absolute;
	z-index: 9;
	top:37px;
	max-height:12.9em;
	overflow-y:auto;
}
.officeLocationTwocol .en-col-1 .RegionSelector #engagednow-component-list .select li{
	padding:0;
	border-top:1px solid #ccc;
	margin:0 10px;
	color:#737373;
	cursor:pointer;
}
.officeLocationTwocol .en-col-1 .RegionSelector #engagednow-component-list li:first-child{
	border-top:none;
}
.officeLocationTwocol .en-col-1 .RegionSelector #engagednow-component-list li a{
	color:#737373;
	padding:7px 0px;
	display:inline-block;
}
.officeLocationTwocol .en-col-1 .RegionSelector #engagednow-component-list li:hover{
	background: none repeat scroll 0 0 #0a2f59;
    border-bottom: 1px solid #ccc;
    color: #fff;
    margin: 0 0 0px;
	padding:0 10px;
}
.officeLocationTwocol .en-col-1 .RegionSelector #engagednow-component-list li:hover a{
	color:#fff;
}
.officeLocationTwocol .en-col-1 .RegionSelector #engagednow-component-list .select li.display_box_hover{
	background: none repeat scroll 0 0 #0a2f59;
    border-bottom: 1px solid #ccc;
    color: #fff;
    margin: 0 0 0px;
	padding:0 10px;
}
.officeLocationTwocol .en-col-1 .RegionSelector #engagednow-component-list .select li.display_box_hover a{
	color:#fff;
}
.officeLocationTwocol .en-col-1 .RegionSelector #engagednow-component-list .select li{
	font-size:12px;
	font-family: 'dinxtregular';
}
#article_filter .dk-select{
	width:92%;
	margin-bottom:20px;
	margin-right:0;
}
.search_sort .dk-select{
	display:block;
	width:auto;
	margin:0 20px;
}
.officeselector .dk-select{
	display:block;
	width:258px;
}
}
#leftsidebar .Onelevel li .sub-nav li:first-child a.noTopborder{
	border-top:1px solid #fff;
}
#leftsidebar .Onelevel li .sub-nav li:first-child:hover a.noTopborder{
	border-top:1px solid #0a2f59 !important;
}
#leftsidebar .Twolevel ul li:first-child .primaryNavTitle a.noTopborder{
	border-top:1px solid #fff;
}
#leftsidebar .Threelevel ul li:first-child .primaryNavTitle a.noTopborder{
	border-top:1px solid #fff;
}
#leftsidebar .layoutContainer:first-child li .sub-nav li:first-child a.noTopborder{
	border-top:1px solid #fff;
}
#leftsidebar .layoutContainer:first-child .Twolevel li .sub-nav li:first-child a{
	border-top:1px solid #ccc;
}
#leftsidebar .layoutContainer:first-child li:first-child .primaryNavTitle a.noTopborder{
	border-top:1px solid #fff;
}
#leftsidebar .layoutContainer:first-child li:first-child .primaryNavTitle a {border-top:1px solid #fff;}
#leftsidebar .layoutContainer:first-child .Twolevel li:first-child .primaryNavTitle a.noTopborder:hover{
	border-top:1px solid #ccc;
}
#en-main-content .languageselector li.display_box_hover{
	background:#0a2f59;
	border-bottom: 1px solid #ccc;
    color: #fff;
    margin: 0 0 0px;
    padding: 7px 10px;
}
#en-main-content .languageselector li.display_box_hover a{
	color:#fff;
}
/*contact us*/
.contactus form fieldset{
	border: 0px;
}
.contactus form label {
	font-weight: bold;
	text-transform: uppercase;
	font-size:12px;
	display: block;
	width: 30%;
	padding-bottom: 10px;
	margin-top: 35px;
	color:#002c5f;
}
.contactus form .Question label {
	width: 78%
}
.contactus form .errormsg {
	display: none;
	padding-bottom:10px;
	padding-top:30px;
	padding-left:33px;
	color: #ed1c24;
	background:url("ssbsr_en_clientlibs-12.7/layout_images/err.png") no-repeat scroll left 27px;
	font-size: 14px;
	font-family: "dinxtregular","Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
}
.contactus form .error {
	display:none;
	color: #ed1c24;
	font-size: 14px;
	font-family: "dinxtregular","Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
}
.contactus form input{
	width: 285px;
	height: 36px;
	margin-right: 40px;
	border: 1px solid #cccccc;
	color: #737373;
	padding-left: 10px;
	font-size: 12px;
	font-family:"dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;

}
.ie-8 .contactus form input{height:inherit !important;padding-top:10px;padding-bottom:10px;line-height:16px;}
.contactus form select {
	width: 300px;
	height: 40px;
	margin-right: 40px;
	border: 1px solid #cccccc;
	color: #737373;
	padding-left: 6px;
	font-size: 12px;
}
.contactus form  .dk-select{
	width: 275px;
	margin-right:40px;
	border: 1px solid #cccccc;
}
.contactus form textarea{
	width:680px;
	height:230px;
	padding:10px;
	border: 1px solid #cccccc;
	resize:none;
	-webkit-appearance: none;
	outline: none;
	font-family:"dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.contactus form input#QOC {
	height: 250px;
	width: 700px;
}
.contactus span.quest {
	text-transform: none;
	font-weight: normal;
}
.contactus .submit .button{
	text-transform: uppercase;
	width:auto;
	margin: 20px 0;
	border:none;
	color:#fff;
	line-height: 16px;
	padding:11px 11px 10px 9px;
	font-size: 12px;
	font-weight: bold;
}

#check .submit:focus{
	background: #004990;
}
.contactus #success{
	color:#008000;
}
.contactus #failure{
	color:#ed1c24;
}
.nav_list_div #engagednow-component-adaptive-image a:hover{ background-color:inherit !important}
@media only screen and (max-width: 767px) {
.contactus form .errormsg {
	background:url("ssbsr_en_clientlibs-12.7/layout_images/err.png") no-repeat scroll left center;
}
.contactus form fieldset {
    border: 0 none;
}
.contactus form input{
    width: 94%;
	margin-right:0;
}
.contactus form select {
	width: 93%;
}
.contactus form textarea{
	width:92%;
	height:250px;
	padding:10px;
}
.contactus form label {
   width:auto;
}
.contactus form .Question label {
	width: 100%;
}
.contactus form  .dk-select{
	width:93%;
	margin-right:0px;
	border: 1px solid #cccccc;
}
.contactus span.quest {
	display: block;
}
}
/*autocomplete styles*/
.search_autocomplete .ui-menu{
	padding:0 15px;
	float:none;
	width:530px !important;
	width:550px\9 !important;
	border-top:1px solid #ccc;
}
.searchautocompleteLevel .ui-menu{
	padding:0 15px;
	float:none;
	border-top:1px solid #ccc;
}
.search_autocomplete .ui-widget-content{
	background: none repeat scroll 0 0 #eef5fa;
    border: medium none;
	border-top: 1px solid #c4ced7;
    color: #002c5f;
	padding:0 10px;
	z-index:9 !important;
}
.searchautocompleteLevel .ui-widget-content{
	background:#fff;
    border:1px solid #eee;
    color: #002c5f;
	padding:0px;
	z-index:9 !important;
}
.search_autocomplete .ui-menu .ui-menu-item, .searchautocompleteLevel .ui-menu .ui-menu-item {
    clear: left;
    float: none;
    margin: 0;
    padding:0px;
    width: auto;
	font-size:16px;
	font-family:'dinxtregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.search_autocomplete .ui-menu .ui-menu-item a{
	padding:10px;
	color:#002c5f;
}
.searchautocompleteLevel .ui-menu .ui-menu-item a{
	padding:10px 15px;
	color:#002c5f;
}
.search_autocomplete .ui-menu .ui-menu-item a.ui-state-hover, .search_autocomplete .ui-menu .ui-menu-item a.ui-state-active {
    background: none repeat scroll 0 0 #0a2f59;
    color: #fff;
	border:0;
	margin:0 -10px;
	padding:10px 20px;
}
.searchautocompleteLevel .ui-menu .ui-menu-item a.ui-state-hover, .searchautocompleteLevel .ui-menu .ui-menu-item a.ui-state-active {
    background: none repeat scroll 0 0 #0a2f59;
    color: #fff;
	border:0;
	margin:0;
}
#leftsidebar .Onelevel{
	/*margin-bottom:20px; making space b/w level one and level tree navigation */
}
#leftsidebar .Onelevel .sub-nav li:first-child a{
	border-top:none;
}
/*About floyout starts*/
.header .aboutus-flyout{
    background: url("ssbsr_en_clientlibs-12.7/layout_images/nav_ship.png") no-repeat scroll right bottom #eef5fa;
    border-bottom: 1px solid #c7d7e2;
    display: none;
    position: fixed;
    right: 0;
    top: 60px;
    width: 100%;
	z-index:999;
}
.header .parbase.navigation.list.section .aboutus-flyout .en-link-list{
    position: static;
    min-height: 593px;
	max-width: 930px;
	margin: 0 auto;
}
.header .aboutus-flyout .primaryNavTitle{
    display: none;
}
.header .aboutus-flyout .link-list-item{
    float: none;
    width: 100%;
    background:inherit !important;
	color:inherit !important;
}
.header .aboutus-flyout ul.en-link-list {
    padding: 2% 10%;
    width: 80%;
}
.header .aboutus-flyout ul.en-link-list .link-list-item ul li{
    color: #002c5f;
    float: left;
    font: 22px "dinxtregular";
    list-style: none outside none;
    text-align: left;
}
.header .aboutus-flyout ul.list-item-6 li{
    width: 14%;
    padding: 0 1.33%;
}
.header .aboutus-flyout ul.list-item-5 li{
    padding: 0 1.5%;
    width: 17%;
}
.header .aboutus-flyout ul.list-item-4 li{
    padding: 0 1.5%;
    width: 22%;
}
.header .aboutus-flyout ul.list-item-3 li{
    padding: 0 3%;
    width: 27%;
}
.header .aboutus-flyout ul.list-item-2 li{
    padding: 0 5%;
    width: 40%;
}
.header .aboutus-flyout ul.list-item-1 li{
    padding: 0 10%;
    width: 80%;
}
.header .aboutus-flyout .richText {
    color: #002c5f;
    display: block !important;
    float: none !important;
    position: static;
	margin-top: 12px;
}
.header .aboutus-flyout .sub-nav-title {
    display: block;
    margin-bottom: 10px;
	font: 22px "dinxtregular";
	color: #002c5f;
}
.header .aboutus-flyout .richText p {
    font: 14px "dinxtlight";
    line-height: 24px;
}
.header .aboutus-flyout .visitus {
    padding:0 0 0 1px;
    position: relative;
	margin:0;
	line-height:16px;
}
.header .aboutus-flyout .visitus a{
	padding-left: 15px;
	background: url("ssbsr_en_clientlibs-12.7/layout_images/site_link_arrow.png") no-repeat left center;
	/*background: url("ssbsr_en_clientlibs-12.7/layout_images/site_link_arrow.png") no-repeat left 3px\9;*/
	color:#3e93b8;
	font-size: 14px;
    text-decoration: none;
	margin:0;
}
.header .aboutus-flyout .visitus a:hover,
.header .aboutus-flyout .visitus a:active,
.header .aboutus-flyout .visitus a:focus {
    color: #002c5f;
    font-size: 14px;
    text-decoration: none;
}
.header .aboutus-flyout .visitus:before {
    color: #3e93b8;
    font-family: verdana;
    font-size: 14px;
   /* left: 0;
    position: absolute;
    top: 25%;*/
}
.header .aboutus-flyout .en-link-list .link-list-item a:hover{
	 color: #002c5f;
}
.header .aboutus-flyout .en-link-list .link-list-item:hover{
	color:inherit !important;
	background:inherit !important;
}
.header .aboutus-flyout .en-link-list .link-list-item:hover a{
	color: #3e93b8;
}
.header .en-link-list .link-list-item.aboutus-active{
    background: none repeat scroll 0 0 #e5ecf0;
    color: #002e62;
}
.header .aboutus-flyout .en-link-list .link-list-item:hover a:hover{
	color: #002c5f;
}
.header .en-link-list .link-list-item.aboutus-active a{
    color: #002e62;
}
/*About floyout ends*/
/*898 and 884*/
#engagednow-component-richtext ul{
	margin-bottom:15px;
}
#engagednow-component-richtext ul ,#engagednow-component-richtext ul li{
    padding-left: 15px;
	font-size:14px;
}
.twocolumngenric #rightsidebar #engagednow-component-richtext{ padding-top:10px}
.twocolumngenric #rightsidebar .layoutContainer #engagednow-component-richtext{ padding-top:0px}
/*Twocolumn content fix*/
 .onecolumn .twocolumnlayoutcontent {
    border-top: medium none;
    margin: 100px auto;
    width: 960px;
}
.onecolumn .twocolumnlayoutcontent, .onecolumn .twocolumnimagetext {
    border-top: medium none;
    margin: 100px auto;
    width: 960px;
}
.twocolumnlayoutcontent .richText, .onecolumn .twocolumnimagetext .adaptive-image{
    float:left;
    width: 324px;
    height: auto;
}
 .onecolumn .twocolumnimagetext .richText{
    float:left;
    width:530px;
    margin-left: 30px;
}
.adaptive-image img {
    max-width: 100%;

/*width: 100%; max-width: 100%; commented to display image properly in IE browser*/
}

.twocolumnlayoutcontent .richText{
    float:left;
}
.twocolumnlayoutcontent .richText, .twocolumnlayoutcontent .adaptive-image{
    clear: none;
    display: inline-block;
    width: 48%;
}
.twocolumnlayoutcontent .adaptive-image{
    float:right;
	text-align: right;
}
.center-main .twocolumnlayoutcontent .blue_button .column-container .en-col-1{
    display: inline-block;
    width: auto;
}
.center-main .twocolumnlayoutcontent .blue_button{
    clear: both;
	margin:0px;
}
@media only screen and (max-width: 767px) {
.search_autocomplete .ui-widget-content{
	background:url("ssbsr_en_clientlibs-12.7/layout_images/searchResarrow_mobile.png") no-repeat scroll 94% center #eef5fa;
    border: medium none;
	border-top: 1px solid #c4ced7;
    color: #002c5f;
	padding:0px;
	z-index:9 !important;
	top:53px !important;
}
.search_autocomplete .ui-menu .ui-menu-item a{
	border-top: 1px solid #c7d7e2;
    color: #002c5f;
    padding: 15px 20px 15px 0px;
	margin-left:30px;
}
.search_autocomplete .ui-menu .ui-menu-item:first-child a{
	border-top:none;
}
.search_autocomplete .ui-menu .ui-menu-item a.ui-state-hover, .search_autocomplete .ui-menu .ui-menu-item a.ui-state-active {
    background:url("ssbsr_en_clientlibs-12.7/layout_images/searchReshoverarrow_mobile.png") no-repeat scroll 94% center #0a2f59;
    color: #fff;
	border:0;
	margin:-1px 0px;
	padding:15px 20px 15px 30px;
	border-top: 1px solid #c7d7e2;
	border-bottom: 1px solid #c7d7e2;
}
.search_autocomplete .ui-menu .ui-menu-item:first-child a.ui-state-hover, .search_autocomplete .ui-menu .ui-menu-item:first-child a.ui-state-active {
	border-top:none;
}
.onecolumn .twocolumnlayoutcontent {
    /*border-top: 1px solid #cdced5;*/
    margin: 40px auto;
   /* padding-top: 50px;*/
    width: auto;
}
.twocolumnlayoutcontent .richText, .twocolumnlayoutcontent .adaptive-image {
    float: none;
}
.twocolumnlayoutcontent .richText.section, .twocolumnlayoutcontent .adaptive-image, .twocolumnlayoutcontent .blue_button {
    display: block;
    margin: 0 20px;
    width: auto;
    clear:none;
}
.twitterfeed .twitfeed {
    margin: 15px 0 8px 20px !important;
}
}
/*tablet close button*/
.tab-close{
	background:url("ssbsr_en_clientlibs-12.7/layout_images/tab_close.png") no-repeat scroll left center;
	width:22px;
	height:22px;
	position: fixed;
    right: 30px;
    top: 90px;
	display:none;
	z-index:999;
}
#leftsidebar .nav-modal ul.sub-nav { padding-bottom:0px}
#leftsidebar .layoutContainer:first-child .Twolevelmodal li:first-child .primaryNavTitle a{ border-top: 1px solid #ccc; display: block;}
.RegionSelector { padding-top:12px}
/* For iPad navigation --------------------*/
@media only screen and (min-width: 767px) and (max-width: 1024px) {
.header .link-list-item:active,.header .link-list-item .primaryNavTitle a:active{ background:#eef5fa !important; color:#002c5f !important ;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.header .en-link-list .primaryNavTitle{-webkit-tap-highlight-color: rgba(0,0,0,0);border-left: 1px solid #334359 !important;}
.header .link-list-item .primaryNavTitle a{ color:#fff !important; background:#002c5f ; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.header .en-link-list .link-list-item.aboutus-active a{ background:#eef5fa !important; color:#002c5f !important}
.header .nav_menu .mid_nav a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
ul.nav_menu li.mid_nav:hover > a{background:none;color:#3280aa}
ul.nav_menu li.mid_nav > a:active{background:#0a2f59 !important;color: #fff !important;}
ul.nav_menu li.mid_nav .nav_list_div a:{-webkit-tap-highlight-color: rgba(0,0,0,0);}
ul.nav_menu li.mid_nav .nav_list_div a:hover {background: none ;color:#3280aa}
ul.nav_menu li.mid_nav .nav_list_div a:active {background: #0a2f59 !important;color: #fff !important;}
.header .nav_menu .mid_nav a:active {background: none repeat scroll 0 0 #0a2f59;color: #fff;}
ul.nav_menu > li > a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
ul.nav_menu > li > a:hover { background:inherit !important;color:#3280aa !important;}
ul.nav_menu > li > a:active{background:#0a2f59 !important;color: #fff !important;}
}
.threecolumn .center-main .statestreet-center-content span.h2{ margin-bottom:-4px}
/********parallax styles ********/
.parallaxcontainer .circlecontent {
	background: no-repeat center 60px fixed;
	height: 760px;
	margin-top: -60px;
}
.parallaxcontainer .circlecontent > .column-container {
	background: url("ssbsr_en_clientlibs-12.7/layout_images/lines.png") repeat fixed 50% 100px;
	height: 100%;
	width: 100%;
	display: block;
	background-size: 2000px;
}
.parallaxcontainer .circlecontent .curve {
	background: url("ssbsr_en_clientlibs-12.7/layout_images/swoop.png") no-repeat scroll center bottom;
	height: 760px;
	width: 100%;
	display: block;
}
.parallaxcontainer .circlecontent .curve .column-container {
	width: 980px;
	height: 100%;
	margin: 0 auto;
}
.parallaxcontainer .circlecontent .curve .blue_button .column-container {
	margin: 0px 0px;
}
.center-main .parallaxcontainer .circlecontent .curve .blue_button {
	margin: 20px 0px;
}
.parallaxcontainer .circlecontent .curve .en-col-1 {
	background: url("ssbsr_en_clientlibs-12.7/layout_images/text_circle.png") no-repeat scroll center bottom;
	float: none;
	height: 500px;
	margin: 66px auto 0;
	padding: 45px;
	position: relative;
	text-align: center;
	width: 400px;
	display:inline-block;
}
.parallaxcontainer .circlecontent .curve .en-col-1 .richText {
	margin: 0 auto;
	margin-top: 125px; /*Updated from 140px*/
	width: 400px;
}
.parallaxcontainer .circlecontent .curve .en-col-1 .richText h1 {
	color: #002c5F;
	font-family: "dinxtlight", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 36px;
	line-height: 1.2em;
	padding-bottom: 20px;
}
/*Ticket 10435 Change font color of hero section sub*/
.parallaxcontainer .circlecontent .curve .en-col-1 .richText h2{
	color: #0a2f5d;
}
.parallaxcontainer .circlecontent .curve .en-col-1 .richText p {
	/*color: #276c98;*/
	/*Ticket 10435 Change font color of hero section paragraph*/
	color: #0a2f5d;
	width: 400px;
	font-size: 18px;
	padding-top:3px;
}
/*.parallaxcontainer .circlecontent .curve .navigation {
	position: relative;
	top: 200px;
}*/
.parallaxcontainer .circlecontent .curve .navigation .section {
	float: right;
	position: relative;
	left: -50%;
	text-align: left;
}
.parallaxcontainer .circlecontent .curve .navigation ul {
	list-style: none;
	position: relative;
	left: 50%;
}
.parallaxcontainer .circlecontent .curve .navigation li {
	list-style-type: none;
	float: left;
	position: relative;
	padding: 3px;
	width: auto;
}
.parallaxcontainer .circlecontent .curve .blue_button .navigation a {
	background: none repeat scroll 0 0 #0a2f59;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: "dinxtbold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	letter-spacing: 0px;
	/*padding: 5px 20px;*/
	text-decoration: none;
	text-transform: uppercase;
	
}
.parallaxcontainer .circlecontent .curve .blue_button .navigation a:hover,.parallaxcontainer .circlecontent .curve .blue_button .navigation a:focus {
	background: #002c5f;
}
.parallaxcontainer .circlecontent .curve .blue_button .en-col-1 {
	background: none;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
}
.parallaxcontainer .circlecontent .curve .blue_button .navigation {
	position: inherit;
	top: 0;
}
.parallaxcontainer .circlecontent .curve .en-col-1 .blue_button .parsys {
	top: 0;
	left: 0;
	width: auto;
}
.parallaxcontainer .circlecontent .curve .column-container {
	width: auto;
	height: auto;
	margin-top: 20px;
	text-align:center;
}
/* medium blue background carousel starts here*/
.center-main .parallaxcontainer .lines.medium {
	background: url("ssbsr_en_clientlibs-12.7/layout_images/lines.png") repeat fixed 50% 50%;
	max-width: 2000px;
	margin: 0 auto;
	background-size: 2000px;
}
.center-main .parallaxcontainer .lines.medium .en-col-1 {
	background: url("ssbsr_en_clientlibs-12.7/layout_images/line_static.png") no-repeat scroll -110% 47%;
	height: 100%;
	width: 100%;
	margin: 0px;
	display: block;
}
.center-main .parallaxcontainer .lines.medium .curve {
	background: url("ssbsr_en_clientlibs-12.7/layout_images/swoop_down.png") no-repeat scroll center top;
	height: 100%;
	width: 100%;
	padding-top: 180px;
	display: block;
	margin: -1px 0 0;
}
.center-main .parallaxcontainer .lines.medium .curve .column-container {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.center-main .parallaxcontainer .lines.medium .curve .en-col-1 {
	background: url("ssbsr_en_clientlibs-12.7/layout_images/swoop_2.png") no-repeat scroll center bottom;
	height: 100%;
	width: 100%;
	display: block;
	margin:0 0 -1px;
}
.center-main .parallaxcontainer .lines.medium .curve > .column-container > .en-col-1 {
	padding-bottom: 180px;
}
.center-main .parallaxcontainer .lines.medium .curve .en-col-1 #engagednow-component-textImage {
	width: 940px;
	max-height: 450px;
	color: #ffffff;
	margin: 0 auto;
}
.center-main .parallaxcontainer .lines.medium .curve .en-col-1 #engagednow-component-adaptive-image {
	float: right;
	width: 48%;
	height: auto;
	text-align: center;
}
.center-main .parallaxcontainer .lines.medium .curve .en-col-1 .text {
	float: left;
	width: 48%;
	overflow: hidden;
}
.center-main .parallaxcontainer .lines.medium .curve .en-col-1 .text span.h7 {
	color: #0a2f59;
	display: block;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 15px;
}
.center-main .parallaxcontainer .lines.medium .curve .richText #engagednow-component-richtext .blue_button a{
	padding:11px 15px 10px;
	font-family: 'dinxtbold', "Helvetica Neue", Helvetica, Arial, sans-serif;
	
	display: inline-block;
	font-size: 12px;
	margin: 0;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	background: #0a2f59;
	cursor: pointer;
	line-height:18px;
	margin-top:40px;
}
.center-main .parallaxcontainer .lines.medium .curve .richText #engagednow-component-richtext .blue_button a:hover {
	color: #fff;
	background-color: #002c5f;
}
/* medium blue background carousel ends here*/
/* Largest carousel starts here*/
.center-main .parallaxcontainer .lines.largest {
	height: 760px;
	background: no-repeat center 0px;
}
.center-main .parallaxcontainer .lines.largest .column-container > .en-col-1 {
	background: url("ssbsr_en_clientlibs-12.7/layout_images/line_static.png") no-repeat scroll -110% 43%;
	height: 100%;
	width: 100%;
	margin: 0px;
	display: block;
	float: none;
}
.center-main .parallaxcontainer.Inward-art .lines .en-col-1, .center-main .parallaxcontainer.Inward-art .lines.large .en-col-1, .center-main .parallaxcontainer.Inward-art .lines.small .en-col-1, .center-main .parallaxcontainer.Inward-art .lines.largest .en-col-1 {
	background: url("ssbsr_en_clientlibs-12.7/layout_images/line_static_inward.png") no-repeat -105% 43%;
}
.center-main .parallaxcontainer .lines.large > .column-container {
	background-position: center top;
}
.center-main .parallaxcontainer .lines.largest .curve {
	background: none;
	height: 100%;
	width: 960px;
	padding: 180px 0 180px;
	display: block;
	margin: 0 auto;
}
.center-main .parallaxcontainer .lines.largest .curve .column-container {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.center-main .parallaxcontainer .lines.largest .curve .en-col-1 {
	background: none;
	float: none;
}
.center-main .parallaxcontainer .lines.largest .curve .en-col-1 .blue_button {
	width: auto;
	height: auto;
}
.center-main .parallaxcontainer .lines .curve .en-col-1 .blue_button ul li {
	list-style-type: none;
	/*	position: relative;
	float: left;
	bottom: 200px;
	left: 145px;*/
	width: auto;
	padding:0px 0px 10px 10px;
}
.center-main .parallaxcontainer .lines .curve .en-col-1 .blue_button ul li:first-child{
	/*margin-right: -8px;*/
	padding:0;
}
.center-main .parallaxcontainer .lines .curve .en-col-1 .blue_button .en-col-1 {
	width: auto;
	height: auto;
	padding: 0;
}
/*.center-main .parallaxcontainer .lines.largest .curve .en-col-1 .blue_button ul li a {
	margin:20px 0;
}*/
.twocolumngenric .center-main .parallaxcontainer .lines.large .curve .en-col-1 .blue_button ul li a{
	margin:0;
}

/* Largest carousel ends here*/

/* Large parallax style starts here */
.center-main .parallaxcontainer .lines.large {
	height: 760px;
	background: no-repeat center 0px;
	margin-top: -60px;
}
/*html.ie-8 .center-main .parallaxcontainer .lines.large {
                background: no-repeat center -30px;
}
Removed for Defect SSBSR-1073
*/
.center-main .parallaxcontainer .lines.large .en-col-1 {
	background: url("ssbsr_en_clientlibs-12.7/layout_images/line_static.png") no-repeat scroll -5% 47%;
	height: 100%;
	width: 100%;
	margin: 0px;
	float: none;
	display: block;
}
.center-main .parallaxcontainer .lines.large .curve {
	background: none;
	height: 100%;
	width: 960px;
	display: block;
	margin: 0 auto;
}
.center-main .parallaxcontainer .lines.large .curve .column-container {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.center-main .parallaxcontainer .lines.large .curve .en-col-1 {
	background: none;
	padding: 180px 0 180px;
}
.twocolumngenric .center-main .parallaxcontainer .lines.large .curve .en-col-1 { padding: 145px 0 0; }
.twocolumngenric .center-main .parallaxcontainer .lines.large .curve .en-col-1 .en-col-1 { padding: 0; }
.center-main .parallaxcontainer .lines.large .curve .en-col-1 .en-col-1 { padding: 0; }
.center-main .parallaxcontainer .lines.large .curve .en-col-1 .blue_button {
	width: auto;
	height: auto;
	margin:30px 0px;
}
.center-main .parallaxcontainer .lines.large .curve .en-col-1 .blue_button ul li {
	list-style-type: none;
	width: auto;
	padding: 3px;
}
.center-main .parallaxcontainer .lines.large .curve .en-col-1 .blue_button ul li:first-child {
	padding: 3px 3px 3px 0;
}
.center-main .parallaxcontainer .lines .curve .en-col-1 .blue_button .en-col-1 {
	width: auto;
	height: auto;
}
.center-main .parallaxcontainer .lines.large .curve .en-col-1 .blue_button ul li a { margin: 3px; }
/* Large parallax style ends here */

.center-main .parallaxcontainer .lines.small {
	height: 615px;
	background: no-repeat center 0px;
}
.center-main .parallaxcontainer:first-child .lines.small > .column-container > .en-col-1 {
	background: url("ssbsr_en_clientlibs-12.7/layout_images/line_static_inward.png") no-repeat;
}
.center-main .parallaxcontainer .lines .en-col-1 {
	/*background: url("ssbsr_en_clientlibs-12.7/layout_images/lines.png") repeat fixed 50% 50%;*/
	height: 100%;
	width: 100%;
	margin: 0px;
	background-size: 2000px;
	display: block;
}
.center-main .parallaxcontainer.Inward-art .lines.small .curve .en-col-1 {
	background: none;
}
.center-main .parallaxcontainer .lines .curve {
	background: url("ssbsr_en_clientlibs-12.7/layout_images/swoop.png") no-repeat scroll center bottom;
	height: 615px;
	width: 100%;
	display: block;
}
.center-main .parallaxcontainer .lines .curve .column-container {
	width: 960px;
	height: 100%;
	margin: 0 auto;
}
.center-main .parallaxcontainer .lines .curve .en-col-1 {
	width: 960px;
	margin: 0 auto;
}
.center-main .parallaxcontainer .lines .curve .en-col-1 .richText {
	width: 500px;
	margin-top: 130px;
	/*margin-left:10px; making left alignment equal*/
}
/*.twocolumngenric .center-main .parallaxcontainer .lines .curve .en-col-1 .richText {
	margin-top: 190px;
}*/
.center-main .parallaxcontainer .lines .curve .en-col-1 .layoutContainer{
	/*margin-left:10px; making left alignment equal*/
}
.center-main .parallaxcontainer .lines .curve .en-col-1 .richText h1 {
	color: #002c5f;
	font-family: "dinxtlight", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 36px;
	line-height: 42px;
	padding-bottom: 9px;
}
.articleDetailpage .center-main .parallaxcontainer .lines .curve .en-col-1 .richText h1{padding-bottom: 13px;}
.center-main .parallaxcontainer .lines .curve .en-col-1 .richText p {
	color: #002c5f;
	width:100%;
	font-size: 16px;
	line-height:27px;
}
.articleDetailpage .center-main .parallaxcontainer .lines .curve .en-col-1 .richText h6 {color:#002f5f; font-size:24px; padding:9px 0 19px;}
.articleDetailpage .center-main .parallaxcontainer .lines .curve .en-col-1 .richText p{ margin-bottom:17px}

/*.center-main .parallaxcontainer .lines .curve .navigation {
	position: relative;
	top: 200px;
}*/
.center-main .parallaxcontainer .lines .curve .navigation .section { /*float:right;
    position:relative;
    left:-50%;*/
text-align: left; }
.center-main .parallaxcontainer .lines.largest .curve .en-col-1 .richText{
	margin-top:60px;
}
.center-main .parallaxcontainer .lines.large .curve .en-col-1 .richText{
	margin-top:55px;
}
.center-main .parallaxcontainer .blue_button { padding:0px; margin:25px 5px 25px 0px;}
.center-main .parallaxcontainer .lines > .column-container {
	background: url("ssbsr_en_clientlibs-12.7/layout_images/lines.png") no-repeat fixed 50% 50%;
	height: 100%;
	background-size: 2000px;
}
.center-main .parallaxcontainer .lines.largest > .column-container {
	background-position: center 58%;
}
.center-main .parallaxcontainer .lines.largest > .column-container {
	background-position: center 97%;
}
.center-main .Inward-art .lines.largest > .column-container {
	background-position: center 58.5%;
}
html.ie-8 .parallax_mobile {background: none!important}

/* left align 10404: Make one Column layout section on left align for some devices*/
@media only screen and (min-width: 345px) and (max-width: 420px){
	.onecolumn .layoutContainer .twocolumnlayoutcontent .en-col-1-of-1 {
		margin-left: -7%;
		width: auto;		
	}
	.onecolumn .layoutContainer #container_66 .en-col-1-of-1{
		width: 100%;
	}
}
@media only screen and (min-width: 767px) {
.parallax_mobile { background: none!important }
}
.twocolumngenric .parallaxcontainer .lines {
	background-position: center top;
	background-repeat: no-repeat;
	height: 760px;
	/*margin-top: -60px;*/
}
.twocolumngenric .center-main .parallaxcontainer .lines .en-col-1 .curve {
	background: url("ssbsr_en_clientlibs-12.7/layout_images/swoop.png") no-repeat scroll center bottom;
	display: block;
	height: 760px;
	width: 100%;
}
.right_parallax {
	position: absolute;
	right: 0;
	top: 60px;
	width: 340px;
}
.right_parallax a {
	display: block;
	background-repeat: no-repeat;
}
.right_parallax .img_container {
	background-position: right top;
	background-repeat: no-repeat;
	height: 116px;
	width: 300px;
	padding: 25px 20px 20px;
}
.right_parallax a:hover .img_container {
	background: url("ssbsr_en_clientlibs-12.7/layout_images/rightside_parallex_hoverstate.png") no-repeat right top;
	color: #007298;
}
.right_parallax div.img_container h5 {
	font-size: 18px;
	color: #002c5f;
}
.right_parallax div.img_container h1 {
	font-size: 20px;
	color: #002c5f;
}
.right_parallax a:hover h1, .right_parallax a:hover h5 { color: #007298; }
.parallaxcontainer .blue_button li.link-list-item:first-child { margin-left: 0; }
.parallaxcontainer .blue_button li.link-list-item {
	display: inline-block;
	margin-left: 1px;
}
.twocolumngenric .center-main .parallaxcontainer .lines .curve .blue_button .navigation .section {
	float: none;
	left: 0;
}
.center-main .parallaxcontainer .lines.large .curve .en-col-1 .blue_button ul li a {margin: 30px 0;}
.center-main .parallaxcontainer .lines.large .curve .en-col-1 #blue_button
{
	margin:30px 0;
}
.center-main .parallaxcontainer .lines.large .curve .en-col-1 .blue_button a{
	margin:0;
}
.right_content {
	margin: 100px auto;
	width: 960px;
}
.right_content p{
	margin-bottom:20px;
}
.blue_button_right{
	margin:25px 0;
}
.blue_button_right li {
	list-style: none outside none;
	text-align: right;
}
.blue_button_right a {
	background: none repeat scroll 0 0 #0a2f59;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	line-height:18px;
	
	margin:0;
	padding:11px 15px 10px;
	text-decoration: none;
	text-transform: uppercase;
	width: auto;
	cursor: pointer;
	font-family: "dinxtbold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.blue_button_right a:hover {
	background: #002c5f;
	color: #ffffff;
}
.parallaxcontainer .blue_button a:hover {
	background: #002c5f;
	color: #ffffff;
}
.center-main .parallaxcontainer .lines.medium {
	background-position: center 29%;
	background-repeat: no-repeat;
	background-attachment: inherit;
}
.center-main .parallaxcontainer .lines.medium .curve .en-col-1 .en-col-1 { background: none; }
.right_content .richText{margin:0 10px;}
.right_content .layoutContainer{margin:0 10px;}
.parallaxcontainer .lines .text-image-text {
	width: 960px;
	display: block;
	margin: 0 auto;
}
.parallaxcontainer .lines .text-image-text .richText {
	width: 48%!important;
	display: inline-block;
	float: left;
	margin-top: 0px!important;
}
.parallaxcontainer .lines .text-image-text .adaptive-image{
	width: 48%;
	display: inline-block;
	clear: none;
	float: right;
	text-align: right;
}
.parallaxcontainer .lines .text-image-text .en-col-1 {
	padding-bottom: 0px!important;
}
.parallaxcontainer .lines .text-image-text .richText p, .parallaxcontainer .lines .text-image-text .richText h1{
	color: #fff!important;
}
.text-image-text .navigation li {
	list-style-type: none
}
/*.text-image-text .navigation a {
	background: none repeat scroll 0 0 #0a2f59;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "dinxtbold","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    
    margin: 0;
    padding: 8px 14px 7px;
    text-decoration: none;
    text-transform: uppercase;
}
.text-image-text .navigation a:hover {
	background: #002c5f;
}*/
.onecolumn .twocolumnlayout{
	width:960px;
	margin:100px auto;border-top: none;
}
.center-main .en-hero .parallaxcontainer .lines .en-col-1 .curve {
	background: url("ssbsr_en_clientlibs-12.7/layout_images/swoop.png") no-repeat scroll center bottom;
	display: block;
	height:100%;
	width: 100%;
	margin:0;
}
.center-main .en-hero .parallaxcontainer .lines.large {
	margin-top: 0px;
}
@media only screen and (max-width: 320px) {
	.parallaxcontainer .circlecontent .curve .navigation li {padding: 0px;}
}
@media only screen and (max-width: 767px) {
	/*Ticket: 10400 Setting content on hero image in home page*/
	.parallaxcontainer .circlecontent .curve #container_364 .en-col-1 .richText{
		margin-top:5px;
	}
	.parallaxcontainer .circlecontent .curve #container_877 .en-col-1 .richText{
		margin-top:-10px;
	 }
	 .parallaxcontainer .circlecontent .curve #container_364 .richText h5, .parallaxcontainer .circlecontent .curve #container_877 .richText h5{
		text-align:left;
		margin-left:12px
	}
		
	.parallaxcontainer .circlecontent .curve #container_364{
		height:826px;
	}
	.parallaxcontainer .circlecontent .curve #container_877 {
		height:826px;
	}
	.statestreet-center-content .twocolumnlayoutcontent #container_66 .container_par_1{
		margin-top: -114%;
	}
	/* code end*/
	.parallax_mobile {
		width: 100%;
		background-position: center;
		padding-top: 50px;
		/* padding-bottom: 20px; */
	}
	.parallaxcontainer .circlecontent .curve .column-container {
		text-align:left;
	}
	.twocolumngenric .parallaxcontainer .lines {
		background-image: none !important;
		background-position: 0 0 !important;
		height: auto;
	}
	.center-main .parallaxcontainer .lines.large {
		height: auto;
		margin-top: 0px;
	}
	.center-main .parallaxcontainer .lines .curve .en-col-1 {
		width: auto;
		margin: 0;
		padding: 0px;
		background: none;
	}
	.center-main .parallaxcontainer .lines.large .curve .en-col-1 {
		padding: 0px;
		background: none;
	}
	.center-main .parallaxcontainer .lines .curve .column-container {
		width: 100%;
		margin: 0;
	}
	.center-main .parallaxcontainer .lines .curve .en-col-1 .richText {
		width: auto;
		padding: 0 20px;
		margin-top: 0;
		margin-left:0;
	}
/*	.twocolumngenric .center-main .parallaxcontainer .lines .curve .en-col-1 .richText {
	margin-top: 20px;
}*/
	.center-main .parallaxcontainer .lines .curve .en-col-1 .layoutContainer {
		width: auto;
		padding: 0 20px;
		margin-left:0;
	}
	.center-main .parallaxcontainer .lines .curve .en-col-1 .richText p {
		width: auto;
		font-size: 14px;
	}
	.center-main .parallaxcontainer .blue_button { padding: 0px; margin:25px 0;}
	/*Ticket: 10402 top section swoop gap */
	.center-main .parallaxcontainer #engagednow-component-richtext p:last-child{
		margin-bottom: 11% !important;
	}
	.center-main .parallaxcontainer #container_904 p:last-child{
		margin-bottom: 20px !important;
	}
	/*Ticket: 10408 office location hero image swoop gap*/
	.center-main #container_651 .richText p:last-child{
		margin-bottom: 17% !important;
	}
	.center-main .parallaxcontainer .lines .curve .en-col-1 .richText h1 { font-size: 24px; }
	.center-main .parallaxcontainer .lines .curve .en-col-1 .richText h5 { font-size: 14px; }
	.twocolumngenric .center-main .parallaxcontainer .lines .en-col-1 .curve, .center-main .parallaxcontainer .lines .curve {
		height: auto;
		padding-bottom: 53px;
	}
	.center-main .parallaxcontainer .lines.small .curve {
		background: url("ssbsr_en_clientlibs-12.7/layout_images/mainpromo_mobile_curve.png") no-repeat center bottom;
		padding-bottom: 0px;
	}
	.center-main .parallaxcontainer .lines.small .curve  .en-col-1{
		padding-bottom: 25px;
	}
	.right_parallax {
		position: relative;
		top: -30px;
		right: auto;
		width: 100%;
	}
	.right_parallax a:hover .img_container { background: url("ssbsr_en_clientlibs-12.7/layout_images/rightside_parallex_hoverstate.png") no-repeat scroll left top; }
	.right_parallax a { border-top: 1px solid #fff; }
	.article_headersection {
		background: url("ssbsr_en_clientlibs-12.7/layout_images/mainpromo_mobile_curve_bg.png") no-repeat scroll center top;
		margin: 0 0 10px;
		padding: 80px 0 0px;
		position: relative;
		top: -148px;
		width: 100%;
	}
	.header_article { padding: 0px; background:none repeat scroll 0 0 #d6e5f0;}
	.header_article .en-col-1-of-1 {
		width: 100%;
		background: #d6e5f0;
		padding: 21px 0 0;
	}
	.header_article .en-col-1-of-1 .en-col-1-of-1 {
		margin-top: 0px;
		padding: 0;
	}
	.header_article .en-col-1-of-1  .richText{
		padding:0 20px 20px;
		/* Added margin as part of ticket: 10409*/
		margin-top:70px;
	}
	.header_article .en-col-1-of-1 .layoutContainer{
		padding:0 20px 20px;
	}
	.header_article .en-col-1-of-1 .layoutContainer .layoutContainer{
		padding:0;
	}
	.header_article .richText p {
		color: #002c5f;
		font-family: "dinxtregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 14px;
		margin-top: 25px;
		line-height: 24px;
	}
	.header_article h4 {
		color: #002c5f;
		font-family: "dinxtregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 18px;
		margin-bottom: 25px;
	}
	#en-main-content .header_article .link-list-item {
		color: #007298;
		font-family: "dinxtregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 12px;
		list-style: none outside none;
		margin:0px 0 0;
	}
	.header_article #button a {
		background: none repeat scroll 0 0 #fff;
		border: 1px solid #e1e6ec;
		color: #0a2f59;
		display: inline-block;
		font: bold 12px "dinxtregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
		padding:11px 15px 10px;
		line-height:18px;
		text-decoration: none;
	}
	#en-main-content .header_article #button a:hover {
		background: none repeat scroll 0 0 #0a2f59;
		color: #fff;
	}
	/* ssgm page mobile styles starts here  */
	.parallaxcontainer .lines.medium .en-col-1 { background: none; }
	.parallaxcontainer .lines.medium .curve .en-image-text {
		width: 100%;
		margin: 0 20px;
	}
	.center-main .parallaxcontainer .lines.medium .curve .en-col-1 #engagednow-component-textImage {
		width: 100%;
		color: #ffffff;
	}
	.center-main .parallaxcontainer .lines.medium .curve .en-col-1 #engagednow-component-adaptive-image {
		display: block;
		height: auto;
		width: 100%;
		padding: 30px 0;
		float: none;
	}
	.center-main .parallaxcontainer .lines.medium .curve .en-col-1 .text {
		width: auto;
		margin: 0 20px;
	}
	.parallaxcontainer .lines.medium .curve .en-image-text .en-adaptive-image img { display: block; }
	.center-main .parallaxcontainer .lines.medium .curve {
		background: url("ssbsr_en_clientlibs-12.7/layout_images/mobile_swoop_down.png") no-repeat center top!important;
		float: none;
		padding-top: 50px;
		margin-top: -58px;
	}
	.center-main .parallaxcontainer .lines.medium .en-col-1 { background: none; }
	.parallaxcontainer .lines.medium .curve .en-image-text .text {
		display: block;
		width: auto;
	}
	.center-main .parallaxcontainer .lines.large .curve .en-col-1 .blue_button ul li { padding: 0; }
	.right_parallax .img_container { width:auto; }
	.parallaxcontainer .parallax_mobile { background: no-repeat top center; }
	.parallaxcontainer .circlecontent { background: none !important }
	.parallaxcontainer .circlecontent .curve { background: none; }
	.center-main .parallaxcontainer .lines.large .curve .en-col-1 .blue_button ul li { padding: 0; }
	.parallaxcontainer .circlecontent .curve .en-col-1 {
		background: none;
		width: auto;
		padding: 10px;
		height:auto;
		border-bottom:1px solid #cdced5;
		margin: 0px auto;
	}
	/*Ticket: 10401 Removing gray line*/
	.parallaxcontainer .circlecontent .curve .en-col-1.en-col-1-of-1{
		border-bottom:none;
	}
	.parallaxcontainer .circlecontent .curve .en-col-1 .richText {
		margin-top: 465px; /*As per the standard height 453px*/
		width: auto;
	}
	.parallaxcontainer .circlecontent .curve .en-col-1 .richText p {
		width: auto;
	}
	.parallaxcontainer .circlecontent .curve .en-col-1 .richText p { width: auto; }
	.parallaxcontainer .circlecontent .curve .blue_button .navigation a {
		/*padding: 15px;
		margin: 0;
		padding: 13px 7px 13px 7px;    
         font-size: 11px;
         margin:0px 0px 0px 8px;*/
		 
	padding:11px 15px 10px;
	font-size: 12px;
	line-height:18px;
	margin: 0px 8px;
	}
	.parallaxcontainer .circlecontent .curve .navigation .section {
		float: none;
		left: 0px;
	}
	.parallaxcontainer .circlecontent .curve .navigation ul {
		float: none;
		left: 0px;
	}
	.center-main .parallaxcontainer .lines.medium .curve .en-col-1 {
		padding-bottom: 76px;
		margin-bottom: -68px;
		background: url("ssbsr_en_clientlibs-12.7/layout_images/mobile_swoop_2.png") no-repeat scroll center bottom;
	}
	.twocolumngenric .center-main .parallaxcontainer .lines.large .curve .en-col-1{
		padding:0;
	}
	.center-main .parallaxcontainer .lines.medium, .lines.largest { background: none!important; }
	.center-main .parallaxcontainer .lines.largest .curve {
		width: auto;
		padding: 0px;
	}
	/*.parallaxcontainer .lines.largest .blue_button li.link-list-item:first-child { margin-left: 15px; }*/
	.center-main .parallaxcontainer .lines.largest .curve .en-col-1 .richText{
		margin-top:0px;
	}
	.center-main .parallaxcontainer .lines.small{
		height:auto;
		background: none!important;
		/*background-repeat:no-repeat;
		background-position:center top;*/
		/*padding-top:48px; for extra space in mobile*/
	}
	.en-detail .statestreet-center-content .layoutContainer{
		width:auto;
		height:auto;
	}
	.en-detail .statestreet-center-content .right_content{
		width:100%;
		margin:0;
	}
	.en-detail .statestreet-center-content .right_content{
		width:100%;
		margin:0;
		padding:25px 0;
	}
	.en-detail .statestreet-center-content .right_content .richText, .en-detail .statestreet-center-content .right_content .layoutContainer {
		padding:0px 20px;
	}
	.center-main .parallaxcontainer .lines.largest{
		background-repeat:no-repeat;
		background-position:center top;
		height:auto;
	}
	.center-main .parallaxcontainer .lines .curve .en-col-1 .blue_button ul li {
		padding:0 0 10px 10px;
	}
	.right_content .richText{margin:0px;}
	.right_content .layoutContainer{margin:10px;}
		.multicarousels .firstChild {
	    height: 465px;
	    overflow: hidden;
	}
	.center-main .parallaxcontainer .lines.large .curve {
		width: auto;
	}
	.center-main .parallaxcontainer .lines.largest .curve .en-col-1 .richText{
		margin-top:0px;
	}
	.center-main .parallaxcontainer .lines.large .curve .en-col-1 .richText{
		margin-top:0px;
	}
	.twocolumnlayout .richText.section, .twocolumnlayout .adaptive-image, .twocolumnlayout #blue_button{
		width: auto;
		display: block;
		margin: 0 20px;
	}
	.twocolumnlayout .richText.section, .twocolumnlayout .adaptive-image.section {
		float: none;
	}
	
	.onecolumn .twocolumnlayout {
	width: auto;
	margin: 40px auto;
	/*border-top: 1px solid #cdced5;
	padding-top: 50px;*/	
	}
	.parallaxcontainer .lines .text-image-text {
		width: auto;
	}
	.center-main .parallaxcontainer .lines .curve .en-col-1 .richText {
		float: none;
		width: auto!important;
		display: block;
		margin-left:0;
	}
	.center-main .parallaxcontainer .lines .curve .en-col-1 .layoutContainer .richText {
		padding: 0;
	}
	.parallaxcontainer .lines .text-image-text .adaptive-image {
		float: none;
		width: auto;
		display: block;
	}
	.parallaxcontainer .lines .text-image-text .navigation {
		margin: 10px 0;
	}
	.parallaxcontainer .circlecontent .curve .en-col-1 .richText h1{text-align:left; margin-left:10px;}
	.parallaxcontainer .circlecontent .curve .en-col-1 .richText p{text-align:left; margin-left:10px;}
	.blue_button a {
		margin: 0px;
	}
	.parallaxcontainer .circlecontent .curve {
		background: url("ssbsr_en_clientlibs-12.7/layout_images/mainpromo_mobile_curve.png") no-repeat center 31%;
	}
	.center-main .en-hero .parallaxcontainer .lines .en-col-1 .curve {
		background: url("ssbsr_en_clientlibs-12.7/layout_images/mainpromo_mobile_curve.png") no-repeat scroll center bottom;		
	}
	.center-main .en-hero .parallaxcontainer .circlecontent .curve {
		background: url("ssbsr_en_clientlibs-12.7/layout_images/mainpromo_mobile_curve.png") no-repeat scroll center 52%;		/*As per standard height 453*/
		height:100%;
	}
	.center-main .en-hero .parallaxcontainer .lines.large {
		margin-top: 0px;
		background:none !important;
	}
	.center-main .parallaxcontainer .lines.medium .curve .richText #engagednow-component-richtext .blue_button a {
		padding:11px 15px 10px;
		font-size: 12px;
		margin: 20px 8px 20px 0px;
	}
	.center-main .parallaxcontainer .lines.medium .curve .richText #engagednow-component-richtext .blue_button a:hover {
		background-color: #002c5f;
		color: #fff;
	}
	.center-main .en-hero .parallaxcontainer .lines .en-col-1 .curve {
		background: url("ssbsr_en_clientlibs-12.7/layout_images/mainpromo_mobile_curve.png") no-repeat scroll center bottom;
		display: block;
		height:100%;
		width: 100%;
		margin:0;
	}
}
.center-main .parallaxcontainer .lines .curve .en-col-1 .richText h5{
	font-size: 18px;
}
.center-main .parallaxcontainer .lines .curve .en-col-1 .richText h3{
	font-size: 22px;
	font-weight:normal;
	margin-top:30px;
}
.center-main .parallaxcontainer .lines.large .curve .en-col-1  .layoutContainer .richText, .center-main .parallaxcontainer .lines.largest .curve .en-col-1  .layoutContainer .richText
{
	margin-top:0;
	margin-left:0;
	padding-bottom:20px;
}
.center-main .parallaxcontainer .lines .curve .en-col-1 .layoutContainer .richText p{
	font-size:16px; line-height:26px;margin-bottom: 18px;/*-------for making landing page same font*/
}
.center-main .parallaxcontainer .lines .curve .en-col-1 .blue_button_modal{
	margin: 30px 0;
	height: auto;
	width: auto;
	 padding: 0;
}
.center-main .parallaxcontainer .lines .curve .en-col-1 .blue_button_modal .en-col-1{
	height: auto;
    width: auto;
	padding:0;
}
.twocolumngenric .center-main .parallaxcontainer .lines .curve .blue_button_modal  .navigation .section{
	float: none;
    left: 0;
}
.center-main .parallaxcontainer .lines  .curve .en-col-1 .blue_button_modal  ul li:first-child {
    padding: 3px 3px 3px 0;
}
.twocolumngenric .center-main .parallaxcontainer .lines .curve .en-col-1 .blue_button_modal  ul li a {
    margin: 0;
}
.center-main .parallaxcontainer .lines  .curve .en-col-1 .blue_button_modal ul li {
    list-style-type: none;
    padding: 3px;
    width: auto;
}
.blue_button_modal a {
    background: none repeat scroll 0 0 #0a2f59;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "dinxtbold","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
	line-height:18px;
    
    margin: 0;
    padding:11px 15px 10px;
    text-decoration: none;
    text-transform: uppercase;
}
.parallaxcontainer .blue_button_modal a:hover {
    background: none repeat scroll 0 0 #002c5f;
    color: #ffffff;
}
@media only screen and (min-width: 767px) and (max-width: 1024px) {
.parallaxcontainer .circlecontent {
	margin-top: -100px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1249px) {
	.center-main .parallaxcontainer .lines.medium .en-col-1 {
		background-position: -158% 47%;
	}
	.center-main .parallaxcontainer.Inward-art .lines.largest .en-col-1 {
		background-position: -148% 43%;
	}
	.center-main .parallaxcontainer .lines.largest .column-container > .en-col-1 {
		background-position: -158% 41%
	}
}
@media screen and (min-width: 1250px) and (max-width: 1299px) {
	.center-main .parallaxcontainer .lines.medium .en-col-1 {
		background-position: -120% 47%;
	}
	.center-main .parallaxcontainer.Inward-art .lines .en-col-1, .center-main .parallaxcontainer.Inward-art .lines.large .en-col-1 {
		background-position: -103% 43%;
	}
	.center-main .parallaxcontainer .lines.largest .column-container > .en-col-1 {
		background-position: -106% 43%;
	}
}
@media screen and (min-width: 1300px) and (max-width: 1399px) {
	.center-main .parallaxcontainer .lines.medium .en-col-1{
		background-position: -78% 47%;
	}
	.center-main .parallaxcontainer .lines.largest .en-col-1, .center-main .parallaxcontainer.Inward-art .lines.large .en-col-1{
		background-position: -75% 43%;
	}
	.center-main .parallaxcontainer.Inward-art .lines.large .en-col-1{
		background-position: -71% 48%;
	}
	.center-main .parallaxcontainer.Inward-art .lines.small .en-col-1 {
		background-position: -67% 51%;
	}
	.center-main .parallaxcontainer .lines.largest .column-container > .en-col-1 {
		background-position: -75% 43%;
	}
}
@media screen and (min-width: 1400px) and (max-width: 1549px) {
	.center-main .parallaxcontainer .lines.medium .en-col-1 {
		background-position: -54% 47%;
	}
	.center-main .parallaxcontainer.Inward-art .lines .en-col-1, .center-main .parallaxcontainer.Inward-art .lines.large .en-col-1, .center-main .parallaxcontainer.Inward-art .lines.largest .en-col-1 {
		background-position: -55% 43%;
	}
	.center-main .parallaxcontainer .lines.largest .column-container > .en-col-1 {
		background-position: -55% 43%!important;
	}
	.center-main .parallaxcontainer.Inward-art .lines.small .en-col-1 {
		background-position: -56% 51%;
	}
}
@media screen and (min-width: 1550px) and (max-width: 1649px) {
	.center-main .parallaxcontainer.Inward-art .lines.large .en-col-1 {
		background-position: -29% 47%;
	}
	.center-main .parallaxcontainer .lines.medium .en-col-1 {
		background-position: -29% 49%;
	}
	.center-main .parallaxcontainer.Inward-art .lines.largest .en-col-1 {
		background-position: -29% 43%;
	}
	.center-main .parallaxcontainer .lines.largest .column-container > .en-col-1 {
		background-position: -29% 45%;
	}
	.center-main .parallaxcontainer.Inward-art .lines.small .en-col-1{background-position:-29% 51%;}
}
@media screen and (min-width: 1650px) and (max-width: 1749px) {
	.center-main .parallaxcontainer .lines.medium .en-col-1 {
		background-position: -20% 47%;
	}
	.center-main .parallaxcontainer.Inward-art .lines.largest .en-col-1 {
		background-position: -20% 47%;
	}
	.center-main .parallaxcontainer .lines.largest .column-container > .en-col-1 {
		background-position: -20% 47%;
	}
}
@media screen and (min-width: 1750px) and (max-width: 1849px) {
	.center-main .parallaxcontainer .lines.medium .en-col-1 {
		background-position: -11% 47%;
	}
	.center-main .parallaxcontainer.Inward-art .lines.largest .en-col-1 {
		background-position: -11% 43%;
	}
	.center-main .parallaxcontainer .lines.largest .column-container > .en-col-1 {
		background-position: -11% 42%;
	}
}
@media screen and (min-width: 1850px) and (max-width: 1999px) {
	.center-main .parallaxcontainer .lines.medium .en-col-1 {
		background-position: -5% 47%;
	}
	.center-main .parallaxcontainer.Inward-art .lines.large .en-col-1{
		background-position: -4% 47%;
	}
	.center-main .parallaxcontainer.Inward-art .lines.largest .en-col-1 {
		background-position: -5% 42%;
	}
	.center-main .parallaxcontainer .lines.largest .column-container > .en-col-1 {
		background-position: -5% 42%;
	}
	.center-main .parallaxcontainer.Inward-art .lines.small .en-col-1{background-position:-5% 51%;}
}
/*carousel css*/
/*carousel in parallax starts*/
.parallax_mobile .curve #engagednow-component-layout-container .text-image .en-carousel .text h1{
	color:#fff;
}
/*carousel in parallax ends*/
.onecolumn .carousel {
    margin: 0 auto;
    padding: 100px 0 100px;
    width: 960px;
}
.onecolumn .parallaxcontainer .carousel {
	padding: 0px;
}
.bx-wrapper img{
	 display: block;
	 width:auto;
	 max-width:auto;

}
.carousel-list-item .en-image-text #engagednow-component-adaptive-image{
	display:inline-block;
	width:45%;
}
.carousel-list-item .en-image-text .text{
	display:inline-block;
	width:45%;
	padding-top: 60px;
    vertical-align: top;
}
/*.carousel-next, .carousel-prev{
	top:-61px;
}*/
.carousel-pagination{bottom:35px;}
.carousel-next a{
	background: url('ssbsr_en_clientlibs-12.7/layout_images/sprite.png') no-repeat  scroll -164px -209px;
	width:25px; height:48px
}
.carousel-prev a{
	 background: url("ssbsr_en_clientlibs-12.7/layout_images/sprite.png") no-repeat scroll -206px -209px ;
	 width:25px; height:48px
}
.carousel-pagination a{
	background: url("ssbsr_en_clientlibs-12.7/layout_images/sprite.png") no-repeat scroll -282px -214px;
	margin: 0px 15px 1px 0;
}
.carousel-pagination .active, .carousel-pagination a:focus{
	background: url("ssbsr_en_clientlibs-12.7/layout_images/sprite.png") no-repeat scroll -247px -214px
}


/*executive-leader carosual starts*/

.executive-leader .carousel{
	width: 917px;
	padding-bottom: 0px;
}
.executive-leader .carousel-next{
	right: -70px;
}
.executive-leader .carousel-prev{
	left:-70px;
}
.executive-leader .firstChild{
	height: auto !important;
}
.executive-leader ul.carousel-list {
    overflow: hidden;
}
.executive-leader ul li{
	height: 100%;
	border-right: 1px solid #d3d4da;
	padding:25px 0px;
	height: auto;
	list-style-type: none;

}
.executive-leader ul li:last-child{
	border-right: none;
}
.executive-leader .bx-wrapper{
	margin: 0 auto;
}
.executive-leader .carousel-pagination{
	bottom:0px;
	display: none;
}
.executive-leader .text a{
	text-decoration: none;
	color: #737373;
}
.executive-leader .text p {
    text-align: center;
    margin: 6px 20px;
	line-height: 26px;
	padding: 0 20px;
	color: #002c5f;
	width: 75%;
	font-size:16px;/*----------- for making landing page same size */
}
.executive-leader .text .designation p{
	color: #707070;
}
.executive-leader .text a + p {
    text-align: center;
    margin-top: -20px;
}
.executive-leader .text h3{
	 text-align: center;
	 margin-top: 20px;
	 line-height: 24px;
	 padding: 0 20px;
	 color: #002c5f;
}
.executive-leader .text .subtitle{
	text-align: center;
	color: #707070;
	margin: 10px 10px 20px;
	font-size: 12px;
	font-weight: normal;

}
.executive-leader .text .designation{
	text-align: center;
	color: #707070;
	font-size: 16px;
	margin-top: -24px;
	font-weight: normal;
}
.executive-leader .auth_line {
    border-bottom: 1px solid #707070;
    margin: 5px auto 15px;
    width: 31% !important;
}
.center-main .executive-leader p{text-align: center;margin: 6px 20px;
line-height: 26px;
padding: 0 20px;
color: #002c5f;
width: 75%; }
.executive-leader h3{ text-align: center;padding: 0 20px; }
.executive-leader .bx-wrapper .bx-viewport{
	border: none;
	box-shadow: none;
	height:auto !important;
}
.executive-leader .carousel-list-item .en-image-text .text{
	width:100%;
	height: 69px;
	overflow: hidden;
	padding-top: 0px;
}
.executive-leader .bx-wrapper img{
	margin: 0 auto;
}
.executive-leader .bx-wrapper .en-image > a {
    display: block;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.executive-leader .navigation {
	margin-bottom: 100px;
}
.executive-leader .navigation .primaryNavTitle {
	width: auto;
	text-align: center;
	margin: 0 auto;
	display: block;
}
.executive-leader .navigation .primaryNavTitle a {
	padding: 8px 15px 7px 14px;
	background: #0a2f59;

	font-size:12px;
	text-transform:uppercase;
	color: #fff;
	text-align: center;
	display: inline-block;
}
.executive-leader .navigation .primaryNavTitle a:hover {
	background: #002c5f;
}
.executive-leader .state-readmore {
	text-align: center;
	/*padding-top: 5px;----------- for making landing page same size */
	font-weight:bold;
}
.image-text .carousel-list-item .en-image-text .text h6,.onecolumn .twocolumnimagetext .richText h6 {
    color: #002c5f;
    font-size: 18px;
    font-weight:bold;
	padding-bottom:0px;
	margin-bottom:0px;
	line-height:18px;
}
.image-text .carousel-list-item .en-image-text .text h6 h7{ margin-bottom:0px}
.text-image .carousel-list-item .en-image-text .text h6 {
	color: #002c5f;
    font-size: 18px;
    font-weight:bold;
	padding-bottom:0px;
	margin-bottom:0px;
	line-height:18px;
}
.text-image .carousel-list-item .en-image-text .text h6 h7{ margin-bottom:0px}
/*executive-leader carosual ends*/
.image-text #engagednow-component-textImage .en-adaptive-image{
		width:324px;
		height:auto;
		float:left;
	}
/* multi-image-carousel starts*/
.parallaxcontainer .en-carousel .carousel-next a{ background:url("ssbsr_en_clientlibs-12.7/layout_images/carousel_arrows_white.png") -29px -8px;}
.parallaxcontainer .en-carousel .carousel-prev a{ background:url("ssbsr_en_clientlibs-12.7/layout_images/carousel_arrows_white.png") 6px -8px;}

.parallax_mobile .column-container .en-col .section.clearfix.en-row .column-container .en-col.en-col-1-of-1.en-col-1 .section.richText div p.peopleDes1 {
    /*Hu,Gongda 12-23-2020*/
    height: 0px;
}

@media screen and (min-width: 767px){
	.image-text .carousel-pagination a{margin: 60px 15px 1px 0;}
	/*.multi-image-carousel li.carousel-list-item{
		width: 1170px !important;
	}*/
	 .multi-image-carousel .bx-wrapper {
		max-width: 940px !important;
	}
	.image-text #engagednow-component-textImage .en-adaptive-image{
		width:324px;
		height:auto;
		float:left;
	}
	.text-image #engagednow-component-textImage .en-adaptive-image{
		width:auto;
		float:right;
		margin-left:60px;
	}
}
html.ie-8  .text-image #engagednow-component-textImage .en-adaptive-image{
		width:auto;
		float:right;
		margin-left:60px;
}
/*html.ie-8 #image-text #engagednow-component-textImage .en-adaptive-image{
		width:304px;
		height: auto;
		float:left;
	}
html.ie-8 .text-image #engagednow-component-textImage .en-adaptive-image{
		width:auto;
		float:right;
	}*/
.multi-image-carousel .bx-wrapper .bx-viewport{
	height:auto !important;
}
html.ie-8 .multi-image-carousel li.carousel-list-item{
	width: 1100px !important;
}
html.ie-8 .multi-image-carousel .bx-wrapper {
	max-width: 1200px !important;
}
html.ie-8 .multi-image-carousel .slide-header-image {
	float:left;
}
 .multi-image-carousel .slide-header-1{
  max-width: 480px;
  padding:10px;
  float: left;
}
 .multi-image-carousel .slide-header-image{
  max-width: 400px;
  overflow: hidden;
  padding-left:35px;
}
 .multi-image-carousel .slide-header-image img{
  max-width: 190px;
  height: auto;
  padding:0px 8px 2px 2px;
  float: left;
  margin-left:0px;
}
.multi-image-carousel .slide-header-image .en-adaptive-image, .multi-image-carousel .ten-images .en-adaptive-image{
	width: auto;
}
.multi-image-carousel .slide-header-image .video, .multi-image-carousel .ten-images .video{
	cursor: pointer;
}
.multi-image-carousel .ten-images img{
  max-width: 190px;
  height: auto;
  padding:0px 5px 0px 2px;
  float: left;
    margin-left:0px;
}
/*.multi-image-carousel .carousel-prev a, .carousel-next a{
    top:0px;
}
*/.multi-image-carousel .carousel-prev{
    left:-70px;
    top:0px;
}
.multi-image-carousel .carousel-next{
    right: -60px;
    top:0px;
}
.multi-image-carousel .carousel-pagination{
    bottom:-16px;
}
.multi-image-carousel .slide-header-1 h3{
    margin-left: 3px;
}
/*@media and screen and(max-width:767px){

.multi-image-carousel li.carousel-list-item{
    width: 100%;
}
 .multi-image-carousel .bx-wrapper {
    max-width: 100%;
}
.onecolumn .multi-image-carousel .carousel {
    padding: 0;
    width: 100%;
}

}*/
/* multi-image-carousel ends*/

/*Text image carousel starts*/
/*.text-image .bx-viewport, .image-text .bx-viewport{
    min-height:300px;
}*/
/*.onecolumn .text-image .carousel{
	width: 1102px !important;
}*/
.image-text .carousel-list-item .en-image-text .text{
    /*float:right;*/
    margin-left: 29px;
    width: 530px;
}
.text-image .carousel-list-item .en-image-text .text{
    float:left;
    width: 68%;
}
.text-image .carousel-next a{
	right:-87px;
}
.text-image .carousel-prev a{
	left:-71px;
}
.multi-image-carousel .carousel-next a {
left: 12px;
}
.multi-image-carousel .carousel-prev a {
right: 6px;
}
.image-text .carousel-prev a{ left: -70.5px;} .image-text .carousel-next a{ right:-85.5px;}
.executive-leader .carousel-prev a {
	left: -20px;
	top: 35% !important;
}
/*.executive-leader .carousel-next a {
	right: -26px;
	top: 240px !important;
}
.bx-wrapper .bx-prev, .bx-wrapper .bx-prev:hover {
  left: 2px !important;
}

.text-image .carousel-list-item .en-image-text #engagednow-component-adaptive-image{
    width: 27%;
    padding-left: 60px;
}
.text-image .carousel-prev{
	left: -52px;
}*/
/*Text image carousel ends*/
/*new changes to fix arrow issues and h2 issues in carousel starts*/

	.center-main .image-text h2, .center-main .text-image h2{
		margin-top:0px;

	}
	.text-image .carousel-list-item .en-image-text .text{
		padding-top: 0px;
		width: 468px;
		padding-left: 0px;
	}
	.text-image .carousel-prev {
    	left:auto;
    }
	.image-text .carousel-list-item .en-image-text #engagednow-component-adaptive-image, .text-image .carousel-list-item .en-image-text #engagednow-component-adaptive-image{
		padding: 30px 0px 0px 90px;
		width: 304px;
	}


/*new changes to fix arrow issues and h2 issues in carousel ends*/

.layoutContainer  .en-carousel .bx-wrapper{
	margin:0 auto 60px;
}
.layoutContainer  .en-carousel .carousel-pagination{
	bottom:0px;
	left: 7px;
}
.layoutContainer  .en-carousel .carousel-pagination a{
	margin:30px 15px 1px 0px;
}
.text-image a.bx-pager-link{
	margin:0px 15px 1px 0px;
}
.onecolumn .layoutContainer .en-col-1-of-1{
	width:100%;
	margin:0;
}
.onecolumn .multicarousels {
	padding:100px 0;
}
.multicarousels .pagerWrapper {
    display: block;
    margin-top: 0;
    width: 100%;
}
 .bx-wrapper .bx-controls-auto{
	bottom: -26px;
}
.multicarousels .bx-wrapper .bx-pager{
	bottom:37px;
}
.twocolumnimagetext  span.en-adaptive-image{
		width:100%;
		height:auto;
	}
@media screen and (max-width: 767px){
	.carousel-next a{
		 background: url('ssbsr_en_clientlibs-12.7/layout_images/sprite.png') no-repeat  -365px -204px;
	}
	.carousel-prev a{
		 background: url('ssbsr_en_clientlibs-12.7/layout_images/sprite.png') no-repeat  -343px -214px;
	}
	.multi-image-carousel .carousel-prev a, .multi-image-carousel .carousel-next a{
		top:70% !important;
	}
	.spec-img.en-adaptive-image{
	 	display: block;
	 }
		.image-text .carousel-list-item .en-image-text #engagednow-component-adaptive-image, .text-image .carousel-list-item .en-image-text #engagednow-component-adaptive-image{
			padding-left:0px;
			width: 100%;
		}
	.image-text .carousel-next, .image-text .carousel-prev, .text-image .carousel-prev, .text-image .carousel-next {
		height: 45px;
    	margin: 0px;
		bottom: -12px;
		top: auto;
    	z-index: 99;
	}
	.image-text .bx-next {
		bottom:0px; right:0px;
	}

	.text-image .carousel-next a, .image-text .carousel-next a{
		right:43px;
	}
	.text-image .carousel-prev a, .image-text .carousel-prev a{
		left:45px;
	}
	.onecolumn .executive-leader .carousel{
		padding: 40px 0 40px;
	}
	.executive-leader .navigation .primaryNavTitle a {
		padding: 8px 8px;
		font-size: 14px;
	}
	.text-image{
		padding-bottom:50px;
	}
	/*.text-image .bx-pager.bx-default-pager{
		margin-top: 25px;
	}*/
	.executive-leader .carousel-pagination{
		bottom:-15px;
		display: block;
	}
	.executive-leader .carousel-next, .executive-leader .carousel-prev{
		top: 235px;
	}
	.executive-leader .carousel-next{
		right: 4px; margin-right:3px; margin-top:1px;
	}
	.executive-leader .carousel-prev{
		left: 0px;
	}
	.carousel-list-item .en-image-text #engagednow-component-adaptive-image {
		width: auto;
		display: block;
	} .image-text .carousel-list-item .en-image-text .text h7 {font-size: 14px !important;}
	.image-text .carousel-list-item .en-image-text .text p{
		font-size: 14px !important; line-height:12px;  -webkit-text-size-adjust: none;}
		.image-text .carousel-list-item .en-image-text .text h5{ font-size:12px}
		.image-text .carousel-list-item .en-image-text .text h1{ font-size:22px}

	.image-text .carousel-list-item .en-image-text .text, .text-image .carousel-list-item .en-image-text .text {
		width: auto;
		text-align: center;
		margin: 0 20px;
		display: block;
		padding-top: 20px;
		padding-left: 0px;
	}	
	.text-image .carousel-list-item .en-image-text .text{
		text-align: left;
	}
	.image-text .carousel, .multi-image-carousel .carousel {
		width: auto;
		padding: 20px 0;
	}
	/*.text-image .carousel-prev, .text-image .carousel-next {
		height: 25%;
    	top: 225px;
	}*/
	.image-text .carousel-pagination a{margin: 0px 15px 1px 0;}
	.image-text .bx-wrapper, .text-image .bx-wrapper {
		margin: 0 auto;
	}
	span.en-adaptive-image{
		display: block;
	}
	 .image-text .bx-wrapper img, .text-image .bx-wrapper img, .multi-image-carousel .bx-wrapper img{
		margin: 0 auto;
	}
	.image-text .carousel-pagination, .text-image .carousel-pagination {
		bottom: 0px;
	}
	.center-main .parallaxcontainer .circlecontent .blue_button {
		padding: 0px;
	}
	.text-image .carousel {
		width: auto;
		padding: 0px;
	}
	.text-image .carousel-list-item .en-image-text #engagednow-component-adaptive-image {
		width: auto;
	}

	.multi-image-carousel li.carousel-list-item {
		width: auto;
	}
	.multi-image-carousel .carousel-list-item .en-image-text .text {
		display:none;
	}
	.multi-image-carousel .carousel-next {
		right: 0px;
		top: 100px;
	}
	.multi-image-carousel .carousel-prev {
		left: 0px;
		top: 100px;
	}
	.multi-image-carousel .carousel-pagination	.bx-default-pager {
		width: 60%;
		margin: 0 auto;
	}
	.multi-image-carousel .carousel-pagination{
    bottom:-20px;
	}
	/*para width overlaps starts*/
	.multicarousels .caro_sub_title, .multicarousels .caro_textarea {
	    margin: 0 20px;
	    width: 89% !important;
	}
	/*para width overlaps ends*/
	.executive-leader .bx-next{
	   z-index:1;top:32%; margin-left:1px;height:45px;
	}
	.executive-leader .bx-prev { z-index:1;top:33%; margin-left:0px;height: 45px;}
	.multi-image-carousel .bx-next, .multi-image-carousel .bx-prev {
	    top:34%;
	}
	.executive-leader .carousel-pagination .bx-default-pager {
		margin: 0 auto;
		width: 53%
	}
	.executive-leader .navigation {
		margin-bottom: 25px;
	}
	.executive-leader .carousel-pagination a {
		margin:0px 10px 1px 0;
	}
	.image-text .bx-wrapper .bx-viewport, .text-image .bx-wrapper .bx-viewport{
		border: 0px;
		height:auto !important;
	}
	.image-text #engagednow-component-carousel .en-carousel .carousel-prev{
		height:45px;
		left:0px;
		bottom:-10px;
		top:auto;
		margin:0px;
	}
	.layoutContainer  .en-carousel .carousel-pagination a{
		margin:0px 15px 1px 0;
	}
	.onecolumn .multicarousels {
		padding:45px 0;
		width:auto;
	}
	.multicarousels .pagerWrapper {
        display: block;
        margin-top: -50px;
        width: 100%;
    }
    .onecolumn .layoutContainer .en-col .parsys .section.richText div p img {/*Hu,Gongda 12-21-2020*/
        width: 120px;
    }
}
.carousel-prev a, .carousel-next a{
     width: 38px;
	height:48px;
	top:35% !important;
}
.carousel-next a:hover { background-position:-164px -209px }
.carousel-prev a:hover { background-position:-206px -209px }
@media screen and (max-width: 767px) {
	 .carousel-next a{
	height:53px;
	background-position:-365px -214px ;
}
.carousel-prev a{
	height:53px;
	background-position:-329px -214px;
}
.carousel-next a:hover { background-position:-365px -214px  }
.carousel-prev a:hover { background-position:-329px -214px }
.center-main .parallaxcontainer .lines.medium .curve .en-col-1 .en-col-1{ padding-bottom:0px}
	.center-main .parallaxcontainer .lines.medium .curve > .column-container > .en-col-1{ padding-bottom:90px}
.parallaxcontainer .en-carousel .carousel-next a{ background:url("ssbsr_en_clientlibs-12.7/layout_images/carousel_arrows_white.png") -29px -85px; margin-top:-11px;}
.parallaxcontainer .en-carousel .carousel-prev a{ background:url("ssbsr_en_clientlibs-12.7/layout_images/carousel_arrows_white.png") 6px -85px; margin-top:-11px;}
}
/*---------- Ie8 fixes -----------------*/
.ie-8 .carousel-prev a, .ie-8 .carousel-next a {top:35% !important; }
.ie-8  .multi-image-carousel .en-adaptive-image {float:left; max-width:198px; padding-bottom:7px}
/*.ie-8 .bx-wrapper .bx-pager.bx-default-pager a{background: url('ssbsr_en_clientlibs-12.7/layout_images/sprite.png') no-repeat scroll -281px -214px !important}*/
.multicarousels .bx-wrapper .bx-pager.bx-default-pager a {
    background: url("ssbsr_en_clientlibs-12.7/layout_images/sprite.png") no-repeat scroll -282px -214px transparent !important;
}
.multicarousels .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: url("ssbsr_en_clientlibs-12.7/layout_images/sprite.png") no-repeat scroll -282px -214px transparent;
}
.multicarousels .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: url("ssbsr_en_clientlibs-12.7/layout_images/sprite.png") no-repeat -247px -214px transparent !important;
}
/******** for making landing page same font ------*/
.text-image .carousel-list-item .en-image-text .text p, .multi-image-carousel .slide-header-1 p{ font-size:16px; line-height:26px;}
.multicarousels .caro_learnmore { margin-top:1px !important}
.twocolumnlayoutcontent .richText #engagednow-component-richtext p{ font-size:16px; line-height:26px;margin-bottom: 18px;}
.center-main .parallaxcontainer #lines.medium #curve .richText #engagednow-component-richtext p .blue_button a{ margin-top:0px}
.center-main .parallaxcontainer #lines #curve .en-col-1 .richText #engagednow-component-richtext p{font-size:16px; line-height:26px;}
.center-main .parallaxcontainer #lines #curve .layoutContainer  #engagednow-component-layout-container    .blue_button {margin-top: -2px;}
.center-main .parallaxcontainer .lines.largest .curve .en-col-1 .richText #engagednow-component-richtext p, .center-main .executive-leader p,.multicarousels .caro_textarea{ line-height:26px; font-size:16px; margin-bottom:18px}
.center-main .parallaxcontainer .lines .curve .en-col-1 .layoutContainer .richText p .blue_button a{ margin-top:4px;}
@media screen and (max-width: 767px) {
	.multicarousels .caro_textarea{ max-height:100% !important; min-height:100% !important}
	.multicarousels .slider-outer > div > .bx-wrapper > .bx-viewport > .slider-inner > div.slide{ width:334px !important}
	.multicarousels .slider-inner, .multicarousels .slider-outer, .multicarousels .slider-outer > div, .multicarousels .slider-outer > div > .bx-wrapper, .multicarousels .slider-outer > div > .bx-wrapper > .bx-viewport{ position: inherit !important}
	.en-adaptive-image { width:100%; text-align:center}
	#en-footer-content .en-adaptive-image{text-align:left;}
	.center-main .parallaxcontainer .lines .curve .en-col-1 .richText h5, h5{ padding-bottom:10px; font-size:14px}
	h1, .parallaxcontainer .lines .text-image-text .richText p, .parallaxcontainer .lines .text-image-text .richText h1, .center-main .parallaxcontainer .lines .curve .en-col-1 .richText h1{ line-height:30px}
.text-image .carousel-list-item .en-image-text .text p, .multi-image-carousel .slide-header-1 p{font-size:14px; line-height:24px;  -webkit-text-size-adjust: none;}
.twocolumnlayoutcontent .en-col #engagednow-component-layout-container .column-container .en-col {
    display: block;
    margin: 0;
    width: 100%;
	clear:both;

}
.parallax_mobile .column-container .en-col .section.clearfix.en-row .column-container .en-col.en-col-1-of-1.en-col-1 .section.richText div p:nth-child(2) {/*Hu,Gongda 12-23-2020*/
    height: 48px;
}
.parallax_mobile .column-container .en-col .section.clearfix.en-row .column-container .en-col.en-col-1-of-1.en-col-1 .section.richText div p.peopleDes {
    /*Hu,Gongda 12-23-2020*/
    height: 0px;
}
.parallax_mobile .column-container .en-col .section.clearfix.en-row .column-container .en-col.en-col-1-of-1.en-col-1 .section.richText div p.peopleDes1 {
    /*Hu,Gongda 12-23-2020*/
    height: auto;
}
.multicarousels .caro_title{font:bold  24px/30px "dinxtlight","Helvetica Neue",Helvetica,Arial,sans-serif !important;}
.multicarousels .caro_sub_title { font:bold  14px/14px "dinxtlight","Helvetica Neue",Helvetica,Arial,sans-serif !important;margin: 0 17px !important}
.multicarousels .caro_title{ margin-top:10px !important; margin-bottom:0px !important;}
.en-carousel li{ padding-top:10px;}

	.bx-wrapper .bx-next, .bx-wrapper .bx-next:hover{ background:url("ssbsr_en_clientlibs-12.7/layout_images/sprite.png") no-repeat scroll -365px -204px !important}
	.bx-wrapper .bx-prev, .bx-wrapper .bx-prev:hover{background:url("ssbsr_en_clientlibs-12.7/layout_images/sprite.png") no-repeat scroll -343px -204px !important}
	.bx-controls-direction ,.bx-has-controls-direction,.carousel-manual-control{ position:relative; padding:0 16px; min-height:18px; z-index:9}
	.multicarousels .bx-wrapper .fix-arrow .bx-controls-direction a{ margin-top:-72px !important}
	.multicarousels .bx-wrapper .bx-controls-direction a{ margin-top:12px !important}
	.executive-leader .carousel-next, .executive-leader .carousel-prev{ top:0px}
	.executive-leader .carousel-next a{ top:-6px !important}
	.multi-image-carousel .carousel-prev a, .multi-image-carousel .carousel-next a{ top:0px !important; z-index:99}
	.multi-image-carousel .carousel-next{ top:0px !important}
/*GHR changes starts*/
	.multi-image-carousel .carousel-pagination .bx-default-pager{
		padding-top:0px;
		color: #007298;
		font-size: 18px;
		padding-top: 0;
		font-family: "dinxtmedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	.layoutContainer .multi-image-carousel .en-carousel .carousel-pagination { bottom:-9px;}
.layoutContainer .multi-image-carousel .en-carousel .carousel-next{
	right: 29%;
}
.layoutContainer .multi-image-carousel .en-carousel .carousel-prev{
	left: 33%;
}
/*GHR changes ends*/
	.carousel-pagination { height: inherit !important}
	.layoutContainer .en-carousel .carousel-pagination { max-height:55px}
	.carousel-prev a, .carousel-next a{ width: 38px;height:48px;top:18% !important;}
	.text-image .carousel-next a, .image-text .carousel-next a{ right:0px}
	.text-image .carousel-prev a, .image-text .carousel-prev a{ left:0px}
	.executive-leader .carousel-prev a{ top:-6px !important;}
	.executive-leader .carousel-prev{left: 13px;}
	.executive-leader .carousel-next a { right: -16px;}
	.text-image .carousel-prev{ left:2px;}
	.multi-image-carousel .carousel-prev{ top:0px !important}
	.multi-image-carousel .carousel-next a{ left:7px}
	.bx-wrapper .bx-prev, .bx-wrapper .bx-prev:hover {left: -2px !important;}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ width:80% !important; margin-left:10px}
	.center-main .parallaxcontainer .lines.small .curve .en-col-1 .share .en-col{ width:100% }
.center-main .parallaxcontainer .lines.largest .curve .en-col-1 .richText #engagednow-component-richtext p, .center-main .executive-leader p,.multicarousels .caro_textarea{ line-height:24px; font-size:14px;}
.twocolumnlayoutcontent .richText #engagednow-component-richtext p{line-height:24px; font-size:14px; }
.center-main .parallaxcontainer .lines .curve .en-col-1 .layoutContainer .richText p,.center-main .parallaxcontainer .lines .curve .en-col-1 .richText p{line-height:24px; font-size:14px;}
.articleDetailpage .center-main .parallaxcontainer .lines .curve .en-col-1 .richText h6{ font-size:17px}

.articleDetailpage #en-main-content .blue_button{ margin-top:0px !important;}
.statestreet-center-content .emphasis .richText p{ margin:0 20px; font-size:18px; line-height:28px }
.articleDetailpage .en-detail .statestreet-center-content{ margin-top:-70px;}
.articleDetailpage .left_emphasis p{ background-position:left top !important; text-align: left !important;}
.authorbio-main-content .authorbio-readmore{ padding-bottom:25px}
.articleDetailpage #rightsidebar h3{ margin:0px 0 12px;}
#wrapper{ width:100% !important; overflow-x:hidden;}/* for hidding mobile horizontal scroll */
.center-main .parallaxcontainer .lines .curve .en-col-1 .richText{ margin-top: 20px;}
.onecolumn .center-main .parallaxcontainer .lines .curve .en-col-1 .richText{ margin-top:-35px}

.twocolumnlayoutcontent .richText, .onecolumn .twocolumnimagetext .adaptive-image {float: left;width: 100%;height: auto;}
.onecolumn .twocolumnimagetext .richText {width: auto;margin: 0 20px;text-align: center;padding-top: 20px;}
.onecolumn .twocolumnlayoutcontent, .onecolumn .twocolumnimagetext { width: 320px;}
.center-main .executive-leader p{ font-size:12px !important; line-height:16px}
.image-text .carousel-list-item .en-image-text .text h6{ font-size:12px; }
.executive-leader .auth_line{margin: -5px auto 15px;}
.center-main .parallaxcontainer .lines .curve .en-col-1 .share {
    padding-left: 20px;
}
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 640px)
and (orientation : landscape) {
.center-main .parallaxcontainer .lines.small .curve .en-col-1{ padding-bottom:43px}
}

.center-main .noBgbx .lines .curve .en-col-1 .richText h1{ color:#fff !important}
.articleDetailpage .center-main .noBgbx .lines .curve .en-col-1 .richText h6{ color:#fff !important}
.center-main .noBgbx .lines .curve .en-col-1 .richText p{ color:#fff !important}
.noBgbx .social_share_bar p{ color:#fff !important}
/*
.noBgbx ul.social_share a {background-image: url("../layout_images/social_icon_nobg.png" !important); background-repeat:no-repeat}
.noBgbx ul.social_share .provider_mail a{ background-position:0 0 !important;}
.noBgbx ul.social_share .provider_mail a:hover{ background-position:-41px 0 !important;}
.noBgbx ul.social_share .provider_twitter a{ background-position:0 -51px !important;}
.noBgbx ul.social_share .provider_twitter a:hover{ background-position:-41px -51px !important;}
.noBgbx ul.social_share .provider_linkedin a{ background-position:0 -101px !important;}
.noBgbx ul.social_share .provider_linkedin a:hover{ background-position:-41px -101px !important;}

.noBgbx ul.social_share .provider_facebook a{background:url("/apps/ssbsr/components/share/clientlib/images/retina-fb.png" !important); background-repeat:no-repeat;
background-size: 30px 30px;}

.noBgbx ul.social_share .provider_facebook a:hover{background:url("/apps/ssbsr/components/share/clientlib/images/retina-fb-hover.png" !important); background-repeat:no-repeat;
background-size: 30px 30px;}
*/





/* New Microsite CSS changes*/
.center-main .parallaxcontainer .lines .bothside-curve {
	background: url("ssbsr_en_clientlibs-12.7/layout_images/swoop.png") no-repeat scroll center bottom;
	height: 615px;
	width: 100%;
	display: block;
}
.center-main .parallaxcontainer .lines .bothside-curve .column-container {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
}
.center-main .parallaxcontainer .lines .bothside-curve .en-col-1 {
	width: 1200px;
	margin: 0 auto;
}
.center-main .parallaxcontainer .lines .bothside-curve .en-col-1 .richText {
    text-align: center;
	margin: 182px 82px;
    padding-bottom: 445px;
}
.center-main .parallaxcontainer .lines .bothside-curve .en-col-1 .richText h5 {
    font-size: 28px;
    color: #007298;
    font-family: dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.center-main .parallaxcontainer .lines .bothside-curve .en-col-1 .richText h6{
	margin: 50px 0px 90px 0px;
}
.center-main .parallaxcontainer .lines .bothside-curve .en-col-1 .richText h6, .onecolumnlayoutcontent .richText #engagednow-component-richtext h6, .layoutContainer .microsite-executive-leader .en-col-1 .richText h6 {
    font-size: 30px;
    color: #007298;
    font-family: dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.center-main .parallaxcontainer .lines .bothside-curve .en-col-1 .richText h6 img, .onecolumnlayoutcontent .richText #engagednow-component-richtext h6 img, .onecolumn .layoutContainer .onecolumntext .en-col-1 .richText h6 img, .layoutContainer .microsite-executive-leader .en-col-1 .richText h6 img{
	width: 50px;
    margin-right: 18px;
}
.center-main .parallaxcontainer .lines .bothside-curve .en-col-1 .richText h1 {
	color: #0a2f5d;
    font-family: dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 117px;
    line-height: 140px;
    margin-top: 36px;
}
.center-main .parallaxcontainer .lines .bothside-curve .en-col-1 .richText p {
	color: #0a2f5d;
    font-size: 36px;
    line-height: 52px;
    text-align: left;
    font-family: dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.center-main .parallaxcontainer .lines .bothside-curve .navigation .section { 
	text-align: left; 
}
.center-main .parallaxcontainer .lines.largest .bothside-curve .en-col-1 .richText, .center-main .parallaxcontainer .lines.large .bothside-curve .en-col-1 .richText{
	margin: 182px 82px;
}
.center-main .en-hero .parallaxcontainer .lines .en-col-1 .bothside-curve {
	background: url("ssbsr_en_clientlibs-12.7/layout_images/Bothside_Swoop.png") no-repeat scroll center bottom;
	display: block;
	height:100%;
	width: 100%;
	margin:0;
    margin-bottom: -4px;
}
.onecolumn .onecolumnlayoutcontent {/*Hu,Gongda 01-07-2020*/
    border-top: medium none;
    /*width: 1200px;*/
    width: auto;
}
.onecolumn .layoutContainer .onecolumntext .en-col-1 .richText{
    border-top: medium none;
    margin: 100px auto;
    width: 1200px;
}
.onecolumn .onecolumnlayoutcontent .adaptive-image {
    text-align: center;
}
.onecolumn .onecolumnlayoutcontent .adaptive-image, .onecolumn .onecolumnlayoutcontent .richText {/*Hu,Gongda 01-07-2020*/
	/*margin: 0px 82px;*/
    margin: 0px 10px;
}
.onecolumnlayoutcontent .richText #engagednow-component-richtext p {/*Hu,Gongda 01-07-2020*/
	color: #0a2f5d;
    font-size: 36px;
    line-height: 24px;
   	margin-top: 24px;
    margin-bottom: 24px;
    /*font-family: dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-family: "DINNextW01-Regular", Helvetica, Helvetica Neue, Arial, sans-serif;
    position:relative;
}
.onecolumnlayoutcontent .richText #engagednow-component-richtext p:before,
.onecolumnlayoutcontent .richText #engagednow-component-richtext p:after {
	position: absolute;
}
.onecolumnlayoutcontent .richText #engagednow-component-richtext p:before {
	content: '“';
	left: -16px;
}
.onecolumnlayoutcontent .richText #engagednow-component-richtext p:after {
	content: '”';
}
.onecolumn .layoutContainer .onecolumntext .en-col-1 .richText h1{
	font-size: 30px;
    color: #0a2f5d;
    text-transform: uppercase;
    line-height: 75px;
    padding-bottom: 1px;
    font-family: dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.onecolumn .layoutContainer .onecolumntext .en-col-1 .richText p{
	font-size: 80px;
    line-height: 100px;
    color: #ffffff;
    margin-bottom: 82px;
    font-family: dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.onecolumn .layoutContainer .onecolumntext .en-col-1 .richText p sup{
	font-size: 50px;
   	font-family: "dinxtregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.onecolumn .layoutContainer .onecolumntext .en-col-1 .richText h5{
	margin-top: -64px;
    margin-bottom: 78px;
    color: #ffffff;
    font-size: 15px;
}
.onecolumn .layoutContainer .onecolumntext .en-col-1 .richText h6{
    font-size: 30px;
    color: #ffffff;
    font-family: dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.onecolumn .layoutContainer .onecolumntext {
    background: no-repeat center 0px;
}
/*Spacing between components starts*/
.onecolumn .onecolumnlayoutcontent{
	margin: 0px auto 130px auto;
}
.layoutContainer .microsite-executive-leader{
	margin: 130px auto;
}
.layoutContainer .executive-leader.microsite-executive-leader{
  	margin: 0px auto;  
	max-width: 2000px;
    margin: 0 auto;
    background-size: 2000px;   
}
.onecolumn .onecolumnlayoutcontent{
	margin-top: 68px;
}
/*Spacing between components ends*/
.layoutContainer .microsite-executive-leader .en-col-1 .richText h1{
	font-size: 30px;
    color: #0a2f5d;
    font-family: dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.layoutContainer .microsite-executive-leader .en-col-1 .richText h6{
    font-size: 30px;
    font-family: dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-top: 30px;
}
.layoutContainer .executive-leader.microsite-executive-leader .en-col-1{
    margin: 100px auto;
}
.microsite-executive-leader .carousel{
	width: 1200px;
	padding-bottom: 0px;
    padding-top: 42px;
}
.microsite-executive-leader .carousel-next{
	right: -70px;
}
.microsite-executive-leader .carousel-prev{
	left:-70px;
}
.microsite-executive-leader .firstChild{
	height: auto !important;
}
.microsite-executive-leader ul.carousel-list {
    overflow: hidden;
}
.microsite-executive-leader ul li{
	height: 100%;
	height: auto;
	list-style-type: none;
	width: 390px;
}
.microsite-executive-leader ul li:last-child{
	border-right: none;
}
.microsite-executive-leader .bx-wrapper{
	margin: 0 auto;
}
.microsite-executive-leader .carousel-pagination{
	bottom:0px;
	display: none;
}
.microsite-executive-leader .text a{
	text-decoration: none;
	color: #737373;
}
.microsite-executive-leader .text p {
    text-align: center;
    margin: 6px 20px;
	line-height: 26px;
	padding: 0 20px;
	color: #002c5f;
	width: 75%;
	font-size:16px;/*----------- for making landing page same size */
}
.microsite-executive-leader .text .designation p{
	color: #707070;
}
.microsite-executive-leader .text a + p {
    text-align: center;
    margin-top: -20px;
}
.microsite-executive-leader .text h3{
	 text-align: center;
	 margin-top: 20px;
	 line-height: 24px;
	 padding: 0 20px;
	 color: #002c5f;
}
.microsite-executive-leader .text .subtitle{
	text-align: center;
	color: #707070;
	margin: 10px 10px 20px;
	font-size: 12px;
	font-weight: normal;
}
.microsite-executive-leader .text .designation{
	text-align: center;
	color: #707070;
	font-size: 16px;
	margin-top: -24px;
	font-weight: normal;
}
.microsite-executive-leader .auth_line, .microsite-executive-leader .carousel-list-item .en-image-text .text {
    display: none;
}
.center-main .microsite-executive-leader p{
   	text-align: left;
    line-height: 40px;
    color: #0a2f5d;
    margin-top: 42px;
    font-size: 30px;
    width: 85%;
    font-family: "dinxtregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.microsite-executive-leader h3{ 
    text-align: center;
    padding: 0 20px; 
}
.microsite-executive-leader .bx-wrapper .bx-viewport{
	border: none;
	box-shadow: none;
	height:auto !important;
}
.microsite-executive-leader .bx-wrapper img{
	margin: 0 auto;
}
.microsite-executive-leader .bx-wrapper .en-image > a {
    display: block;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.microsite-executive-leader .navigation {
	margin-bottom: 100px;
}
.microsite-executive-leader .navigation .primaryNavTitle {
	width: auto;
	text-align: center;
	margin: 0 auto;
	display: block;
}
.microsite-executive-leader .navigation .primaryNavTitle a {
	padding: 8px 15px 7px 14px;
	background: #0a2f59;
	font-size:12px;
	text-transform:uppercase;
	color: #fff;
	text-align: center;
	display: inline-block;
}
.microsite-executive-leader .navigation .primaryNavTitle a:hover {
	background: #002c5f;
}
.microsite-executive-leader .state-readmore {
	text-align: center;
	font-weight:bold;
}
.image-text .carousel-list-item .en-image-text .text h6,.onecolumn .twocolumnimagetext .richText h6 {
    color: #002c5f;
    font-size: 18px;
    font-weight:bold;
	padding-bottom:0px;
	margin-bottom:0px;
	line-height:18px;
}
.image-text .carousel-list-item .en-image-text .text h6 h7{ 
    margin-bottom:0px;
}
.text-image .carousel-list-item .en-image-text .text h6 {
	color: #002c5f;
    font-size: 18px;
    font-weight:bold;
	padding-bottom:0px;
	margin-bottom:0px;
	line-height:18px;
}
.text-image .carousel-list-item .en-image-text .text h6 h7{
    margin-bottom:0px;
}
.layoutContainer .executive-leader.microsite-executive-leader .en-carousel .bx-wrapper{
	max-width:1150px !important;
}
.layoutContainer .executive-leader.microsite-executive-leader ul li{
	width: 370px !important;
    border-right: none !important;
}
.executive-leader.microsite-executive-leader .carousel-prev {
    left: -20px;
}
.executive-leader.microsite-executive-leader .carousel-next {
    right: -50px;
}
.executive-leader.microsite-executive-leader .carousel-pagination {
  	display: block;
}
.center-main .executive-leader.microsite-executive-leader p {
    text-align: center;
    line-height: 30px;
    color: #0a2f5d;
    margin: 6px 8px;
    font-size: 24px;
    font-family: "dinxtregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.executive-leader.microsite-executive-leader .carousel-list-item .en-image-text .text{
    display:block;
    height: auto !important;
    margin-top: 10px;
}
.executive-leader.microsite-executive-leader .carousel-list-item .en-image-text .text h1{
	font-size: 30px;
    color: #0a2f5d;
    line-height: 40px;
    font-family: dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.executive-leader.microsite-executive-leader .carousel-list-item .en-image-text .text h2 {
    font-size: 26px;
    color: #0a2f5d;
    line-height: 40px;
    font-family: dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.center-main .parallaxcontainer.Inward-art .lines.none .en-col-1 {
	background: none;
}
.center-main .parallaxcontainer .lines.none, .center-main .parallaxcontainer .lastcomponent-microsite.none {
    background: no-repeat center 0px;
    margin: 0 auto;
    max-width: 2000px;
}
.center-main .parallaxcontainer .lines .bothside-curve-subpage .column-container {
	width: 960px;
	height: 100%;
	margin: 0 auto;
}
.center-main .parallaxcontainer .lines .bothside-curve-subpage .en-col-1 {
	width: 960px;
	margin: 0 auto;
}
.center-main .parallaxcontainer .lines .bothside-curve-subpage .en-col-1 .richText {
    text-align: left;
	margin: 225px 0px;
    padding-bottom: 100px;
}
.center-main .parallaxcontainer .lines .bothside-curve-subpage .en-col-1 .richText h1 {
	color: #ffffff;
    font-family: dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 85px;
    line-height: 100px;
}
.center-main .parallaxcontainer .lines .bothside-curve-subpage .en-col-1 .richText h5 {
    font-size: 30px;
    color: #0a2f5d;
    padding-bottom: 26px;
    font-family: dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.center-main .parallaxcontainer .lines.largest .bothside-curve-subpage .en-col-1 .richText, .center-main .parallaxcontainer .lines.large .bothside-curve-subpage .en-col-1 .richText{
	margin: 182px 0px;
}
.center-main .en-hero .parallaxcontainer .lines .en-col-1 .bothside-curve-subpage {
	background: url("ssbsr_en_clientlibs-12.7/layout_images/Bothside_Swoop.png") no-repeat scroll center bottom;
	display: block;
	height:100%;
	width: 100%;
	margin:0;
	margin-bottom: -4px;
}
#leftsidebar .Onelevel .sub-nav li:active a{
	color: #ffffff !important;
	background: url('ssbsr_en_clientlibs-12.7/css/ssbsr_en_clientlibs-4.4/layout_images/LNav_arrow_hover.png') no-repeat right center #0a2f59;
	border-top:none;
}
.center-main .parallaxcontainer .lastcomponent-microsite.none {
	height: 1450px;
}
.center-main .parallaxcontainer .lastcomponent-microsite.none .none {
	background: none;
	height: 100%;
	width: 1200px;
	display: block;
	margin: 0 auto;
}
.center-main .parallaxcontainer .lastcomponent-microsite.none .none .column-container {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.center-main .parallaxcontainer .lastcomponent-microsite.none .none .en-col-1 {
	background: none;
	float: none;
}

.en-detail .layoutContainer.parallaxcontainer.section .parallax_mobile .section .column-container .en-col .container_par_1.parsys .section.richText #engagednow-component-richtext h1{/*Hu,Gongda 01-07-2020*/
font-family: 'dinxtlight', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.en-detail .layoutContainer.parallaxcontainer.section .parallax_mobile .section .column-container .en-col .container_par_1.parsys .section.richText #engagednow-component-richtext {/*Hu,Gongda 01-07-2020*/
    position: relative;
   // margin-top: -50px;
    margin-top: 0px;
}

/*---------Mobile css starts-----------*/
@media only screen and (max-width: 767px) {
.center-main .parallaxcontainer .lines.none, .center-main .parallaxcontainer .lastcomponent-microsite.none{
	background: none !important;
}
.center-main .parallaxcontainer .lines .bothside-curve {
	background: url("ssbsr_en_clientlibs-12.7/layout_images/mainpromo_mobile_curve.png") no-repeat scroll center 68%;
	height: auto;
	width: auto;
	display: block;
}
.center-main .parallaxcontainer .lines .bothside-curve .column-container {
	width: auto;
	height: auto;
	margin: 0 auto;
}
.center-main .parallaxcontainer .lines .bothside-curve .en-col-1 {
	width: auto;
	margin: 0 auto;
}
.center-main .parallaxcontainer .lines .bothside-curve .en-col-1 .richText {
    text-align: center;
    margin: 30px 50px;
    padding-bottom: 470px;
}
.center-main .parallaxcontainer .lines .bothside-curve .en-col-1 .richText h5 {
    font-size: 20px;
    color: #007298;
    font-family: dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.center-main .parallaxcontainer .lines .bothside-curve .en-col-1 .richText h6{
	margin: 25px 0px 50px 0px;
}
.center-main .parallaxcontainer .lines .bothside-curve .en-col-1 .richText h6, .onecolumnlayoutcontent .richText #engagednow-component-richtext h6, .layoutContainer .microsite-executive-leader .en-col-1 .richText h6 {
    font-size: 17px;
    color: #007298;
    font-family: dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.center-main .parallaxcontainer .lines .bothside-curve .en-col-1 .richText h6 img, .onecolumnlayoutcontent .richText #engagednow-component-richtext h6 img, .onecolumn .layoutContainer .onecolumntext .en-col-1 .richText h6 img, .layoutContainer .microsite-executive-leader .en-col-1 .richText h6 img{
	width: 35px;
    margin-right: 10px;
}
.center-main .parallaxcontainer .lines .bothside-curve .en-col-1 .richText h1 {
	color: #0a2f5d;
    font-family: dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 60px;
    line-height: 72px;
    margin-top: 8px;
}
.center-main .parallaxcontainer .lines .bothside-curve .en-col-1 .richText p {
	color: #0a2f5d;
    font-size: 25px;
    line-height: 35px;
    text-align: center;
    font-family: dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.center-main .parallaxcontainer .lines .bothside-curve .navigation .section {
	text-align: left; 
}
.center-main .parallaxcontainer .lines.largest .bothside-curve .en-col-1 .richText, .center-main .parallaxcontainer .lines.large .bothside-curve .en-col-1 .richText{
	margin: 30px 10px;
}
.center-main .en-hero .parallaxcontainer .lines .en-col-1 .bothside-curve {
	background: url("ssbsr_en_clientlibs-12.7/layout_images/Mobile_Bothside_Swoop.png") no-repeat scroll center bottom;
	display: block;
	height:auto;
	width: auto;
	margin:0;
}
.onecolumn .onecolumnlayoutcontent {
    border-top: medium none;
    width: auto;
}
.onecolumn .onecolumnlayoutcontent .adaptive-image {
    text-align: center;
}
.onecolumn .onecolumnlayoutcontent .adaptive-image, .onecolumn .onecolumnlayoutcontent .richText {
	margin: 0px 10px;
}
.onecolumnlayoutcontent .richText #engagednow-component-richtext p {/*Hu,Gongda 01-07-2020*/
	color: #0a2f5d;
    font-size: 25px;
    line-height: 24px;
    margin-top: 24px;
    margin-bottom: 24px;
    /*font-family: dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-family: "DINNextW01-Regular", Helvetica, Helvetica Neue, Arial, sans-serif;
    position:relative;
}
.onecolumnlayoutcontent .richText #engagednow-component-richtext p:before,
.onecolumnlayoutcontent .richText #engagednow-component-richtext p:after {
	position: absolute;
}
.onecolumnlayoutcontent .richText #engagednow-component-richtext p:before {
	content: '“';
	left: -10px;
}
.onecolumnlayoutcontent .richText #engagednow-component-richtext p:after {
	content: '”';
}
.onecolumn .onecolumnlayoutcontent{
	margin: 53px 50px 100px 50px;
}
.onecolumn .layoutContainer .onecolumntext .en-col-1 .richText{
    border-top: medium none;
    margin: 82px 50px 100px 50px;
    width: auto;
}
.onecolumn .layoutContainer .onecolumntext .en-col-1 .richText h1{
	font-size: 20px;
    color: #0a2f5d;
    text-transform: uppercase;
    line-height: 55px;
    font-family: dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.onecolumn .layoutContainer .onecolumntext .en-col-1 .richText p{
	font-size: 50px;
    line-height: 60px;
    color: #ffffff;
    margin-bottom: 50px;
    font-family: dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.onecolumn .layoutContainer .onecolumntext .en-col-1 .richText p sup{
	font-size: 50px;
   	font-family: "dinxtregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.onecolumn .layoutContainer .onecolumntext .en-col-1 .richText h5{
	margin-top: -40px;
    margin-bottom: 30px;
    color: #ffffff;
    font-size: 15px;
}
.onecolumn .layoutContainer .onecolumntext .en-col-1 .richText h6{
    font-size: 17px;
    color: #ffffff;
    font-family: dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.onecolumn .layoutContainer .onecolumntext {
    background: no-repeat center 0px;
}
.layoutContainer .microsite-executive-leader{
	margin: 0px 50px;
}
.layoutContainer .microsite-executive-leader .en-col-1 .richText h1{
	font-size: 17px;
    color: #0a2f5d;
    font-family: dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.layoutContainer .microsite-executive-leader .en-col-1 .richText h6{
    font-size: 28px;
    font-family: dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-top: 0px;
}
.layoutContainer .microsite-executive-leader .en-col-1{
    margin: 95px auto !important;
}
.microsite-executive-leader .carousel{
	width: auto;
	padding-bottom: 0px;
    padding-top: 8px;
}
.microsite-executive-leader .carousel-next{
	right: -70px;
}
.microsite-executive-leader .carousel-prev{
	left:-70px;
}
.microsite-executive-leader .firstChild{
	height: auto !important;
}
.microsite-executive-leader ul.carousel-list {
    overflow: hidden;
}
.microsite-executive-leader ul li{
	padding:15px 0px 50px 0px;
	height: auto;
	list-style-type: none;
	width: 100%;
}
.microsite-executive-leader ul li:last-child{
	border-right: none;
}
.microsite-executive-leader .bx-wrapper{
	margin: 0 auto;
}
.microsite-executive-leader .carousel-pagination{
	bottom:0px;
	display: none;
}
.microsite-executive-leader .text a{
	text-decoration: none;
	color: #737373;
}
.microsite-executive-leader .text p {
    text-align: center;
    margin: 6px 20px;
	line-height: 26px;
	padding: 0 20px;
	color: #002c5f;
	width: 75%;
	font-size:16px;/*----------- for making landing page same size */
}
.microsite-executive-leader .text .designation p{
	color: #707070;
}
.microsite-executive-leader .text a + p {
    text-align: center;
    margin-top: -20px;
}
.microsite-executive-leader .text h3{
	 text-align: center;
	 margin-top: 20px;
	 line-height: 24px;
	 padding: 0 20px;
	 color: #002c5f;
}
.microsite-executive-leader .text .subtitle{
	text-align: center;
	color: #707070;
	margin: 10px 10px 20px;
	font-size: 12px;
	font-weight: normal;
}
.microsite-executive-leader .text .designation{
	text-align: center;
	color: #707070;
	font-size: 16px;
	margin-top: -24px;
	font-weight: normal;
}
.microsite-executive-leader .auth_line, .microsite-executive-leader .carousel-list-item .en-image-text .text {
    display: none;
}
.center-main .microsite-executive-leader p{
   	text-align: left;
    line-height: 40px;
    color: #0a2f5d;
    margin-top: 42px;
    font-size: 30px;
    width: 85%;
    font-family: "dinxtregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.microsite-executive-leader h3{
    text-align: center;
    padding: 0 20px;
}
.microsite-executive-leader .bx-wrapper .bx-viewport{
	border: none;
	box-shadow: none;
	height:auto !important;
}
.microsite-executive-leader .bx-wrapper img{
	margin: 0 auto;
}
.microsite-executive-leader .bx-wrapper .en-image > a {
    display: block;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.microsite-executive-leader .navigation {
	margin-bottom: 100px;
}
.microsite-executive-leader .navigation .primaryNavTitle {
	width: auto;
	text-align: center;
	margin: 0 auto;
	display: block;
}
.microsite-executive-leader .navigation .primaryNavTitle a {
	padding: 8px 15px 7px 14px;
	background: #0a2f59;
	font-size:12px;
	text-transform:uppercase;
	color: #fff;
	text-align: center;
	display: inline-block;
}
.microsite-executive-leader .navigation .primaryNavTitle a:hover {
	background: #002c5f;
}
.microsite-executive-leader .state-readmore {
	text-align: center;
	font-weight:bold;
}
.microsite-executive-leader .carousel-next{
	right: 0px !important;
}
.microsite-executive-leader .carousel-prev{
	left: 8px !important;
}
.executive-leader.microsite-executive-leader .carousel-list-item .en-image-text .text h2 {
    font-size: 17px;
    color: #0a2f5d;
    line-height: 27px;
    font-family: dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.center-main .executive-leader.microsite-executive-leader p {
    text-align: center;
    line-height: 18px;
    color: #0a2f5d;
    margin-top: 2px;
    font-size: 14px !important;
    font-family: "dinxtregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.onecolumn .executive-leader.microsite-executive-leader .carousel {
    padding: 5px 0 0px;
}
.layoutContainer .executive-leader.microsite-executive-leader .en-carousel .bx-wrapper {
    margin: 0 auto;
}
.layoutContainer .executive-leader.microsite-executive-leader ul li {
    padding: 15px 0px 0px 0px;
}
.executive-leader.microsite-executive-leader .carousel-next a {
    top: -12px !important;
}
.executive-leader.microsite-executive-leader .carousel-prev a {
    top: -12px !important;
}
.executive-leader.microsite-executive-leader .carousel-list-item .en-image-text .text {
    margin-top: 0px;
}
.center-main .parallaxcontainer .lastcomponent-microsite.none .none {
	background: none;
	height: 100%;
	width: auto !important;
	display: block;
	margin: 0 auto;
}
.center-main .parallaxcontainer .lastcomponent-microsite.none {
	height: auto !important;
}
.center-main .parallaxcontainer .lines .bothside-curve-subpage .column-container {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.center-main .parallaxcontainer .lines .bothside-curve-subpage .en-col-1 {
    width: 100%;
    margin: 0 auto;
}
.center-main .parallaxcontainer .lines .bothside-curve-subpage .en-col-1 .richText {
    margin: 65px 20px;
    padding-bottom: 120px;
}
.center-main .parallaxcontainer .lines .bothside-curve-subpage .en-col-1 .richText h5 {
    font-size: 15px;
    padding-bottom: 8px;
}
.center-main .parallaxcontainer .lines .bothside-curve-subpage .en-col-1 .richText h1 {
    font-size: 34px;
    line-height: 44px;
}
.center-main .en-hero .parallaxcontainer .lines .en-col-1 .bothside-curve-subpage {
	background: url("ssbsr_en_clientlibs-12.7/layout_images/Mobile_Bothside_Swoop.png") no-repeat scroll center bottom;
    display: block;
	height:auto;
	width: auto;
	margin:0;
}
}
/*---------Mobile css ends-----------*/
/*Article page Overlay Starts*/

.overlay-wrapper {
	
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color: rgba(0,0,0,0.6);
	opacity: 0.4;
	display: none;
}
.overlay {
	position: fixed;
	top: 10%;
	left: 25%;
	width: 600px;
	height: 620px;
	z-index: 10000;
	opacity: 1;
	display: none;
}
.close-btn {
	font-size: 30px;
	color: gray;
	display: none;
	float: right;
	height: 22px;
	margin-right: 30px;
	margin-top: 15px;
	position: absolute;
	right: 0;
	top: 0;
	width: 22px;
	z-index: 10005;
	cursor: pointer;
	background:url("ssbsr_en_clientlibs-12.7/layout_images/Close.png") no-repeat;
}
.border-line {
	color: gray;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 50px;
	width: 100%;
	border-bottom: 1px solid gray;
	display: none;
}
.registerCalloutIframe {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10001;
}
.i-frame-src { display: none; }
/*Fix for pension-video page colorbox button*/
/*.pension_button{
	display: inline-block;
    padding: 8px 18px 8px 18px;
    color: #62c0df;
    font-family: 'dinxtbold',"Helvetica Neue",Helvetica,Arial,sans-serif;
    border: 1px solid #ccc;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    background-color: #fff;
    cursor: pointer;
}*/

.registercallout .blue_button, .white_button a, .pension_button, .pension_video {
	padding:11px 14px 10px;
	font-family: 'dinxtbold', "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: inline-block;
	font-size: 12px;
	line-height:18px;
	/*letter-spacing: 1px;*/
	margin:-5px 0px 5px;
	color: #0a2f59;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #cdced5;
	cursor: pointer;
	background-color: #fff;
}
.white_button a:hover{
	background: none repeat scroll 0 0 #0a2f59; 
	color: #002c5f;
}
.pension_button:hover, .pension_video:hover{
	background: none repeat scroll 0 0 #0a2f59; 
	color: #fff !important;
}
#rightsidebar .white_button .pension_button {
	color: #0a2f59;	
}
.register_title {
	font-size: 18px;
	font-family: 'dinxtbold', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #002c5f;
	padding-top:3px;
}
.register_desc { margin-top: 5px; }
.articleDetailpage .en-detail {
	max-width: 960px;
	margin: 0 auto;
}
.articleDetailpage .en-detail #leftsidebar {
	width: 190px;
	float: left;
	margin-top:52px;
}
.threecolumn .en-detail #leftsidebar {
	margin-top: 155px;
}
.threecolumn .en-detail #rightsidebar{
	margin: 147px 10px 0 0;
}
.articleDetailpage .en-detail .statestreet-center-content {
	width: 460px;
	float: left;
	margin-top: 47px;
}
.articleDetailpage .en-detail #rightsidebar {
	width: 190px;
	float: right;
	margin-top: 40px;
}
.articleDetailpage .left_emphasis {
	margin-left: -271px;
	width: 221px;
	margin-top: -160px;
	float: left;
	position:absolute;
}
.articleDetailpage #leftsidebar .en-col-1-of-1{
	width:100%;
}
.articleDetailpage .left_emphasis p {
	font-size: 22px;
	color: #007298;
	background:url("ssbsr_en_clientlibs-12.7/layout_images/quteimg.png")  no-repeat top right;
	padding-top:30px;
	text-align:right;
	line-height: 28px;
}
.articleDetailpage .emphasis p { font-size: 24px; }
.articleDetailpage .sub_article .parsys .richText:nth-child(2) {
	width: 220px;
	display: inline-block;
	float: left;
	margin-top: 20px;
}
.articleDetailpage .sub_article .registercallout {
	width: 200px;
	display: inline-block;
	padding-left: 20px;
	margin-top: 10px;
}
.articleDetailpage .statestreet-center-content .layoutContainer {/* display: inline-block; */}
.articleDetailpage .authorintro { margin: 20px auto; }
.articleDetailpage .authorintro p:first-child {
	display: inline-block;
	float: left;
}
.articleDetailpage .authorintro p:nth-child(2) {
	display: inline-block;
	padding-left: 20px;
	width: 50%;
}
.articleDetailpage .authorintro p:nth-child(3) {
	display: inline-block;
	clear: both;
}
.articleDetailpage #en-main-content .highlight {
	/*margin: 0px 0px 0px -20px;*/
	padding: 0;
	width:auto;
	/*border-bottom: 1px solid gray;*/
	border-top: 1px solid gray;
}
.articleDetailpage #en-main-content .highlight p{
	font-size: 12px;
}
.articleDetailpage #en-main-content .authorintro p > h3 {
	display: block;
	color: #D7E5F0;
	font-size: 20px;
}
.articleDetailpage #en-main-content .authorintro .navigation ul li {
	display: block;
	color: #D7E5F0;
	margin-top: 15px;
	list-style-type: none;
}
.statestreet-center-content .emphasis .richText p{ font-size:22px; line-height:33px}
#leftsidebar .Twolevelmodal ul li .primaryNavTitle a{background:url("ssbsr_en_clientlibs-12.7/css/ssbsr_en_clientlibs-4.1/layout_images/site_link_arrow.png") no-repeat scroll right center transparent;border-top:1px solid #cdced5;color:#007298;display:inline-block;font-family:"dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:19px;margin-left:10px;padding:10px 10px 10px 0;text-decoration:none;width:180px}
#leftsidebar .Twolevelmodal li .primaryNavTitle a:hover{color:#fff;background:url('ssbsr_en_clientlibs-12.7/css/ssbsr_en_clientlibs-4.1/layout_images/LNav_arrow_hover.png') no-repeat 95% center #0a2f59;margin-left:0;padding-left:10px;padding-right:10px;width:190px;border-bottom:1px solid #cdced5;border-top:1px solid #cdced5;}

 @media only screen and (max-width: 766px) {
 	/*Ticket: 10403 article page alignment*/
 	
 .center-main .parallaxcontainer .lines .curve .en-col-1 .share{
 	/*margin-left: -7.5%;*/
 }
 /*Ticket 10526 share icon alignment*/
 .shareMarginLeft{
 	margin-left: -7.5%;
 }
 .statestreet-center-content .emphasis .richText p{
 	margin-top: 8%;
 }
.articleDetailpage .layoutContainer { display: block; }
.articleDetailpage .en-detail .statestreet-center-content {
	width: 100%;
	margin-top: -50px;
}
.overlay-wrapper {
	
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color: rgba(0,0,0,0.6);
	opacity: 0.4;
	display: none;
}
.overlay {
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index: 10000;
	opacity: 1;
	display: none;
}
.close-btn {
	font-size: 30px;
	color: #002C5F;
	display: none;
	float: left;
	height: 22px;
	left: 0;
	margin-left: 15px;
	margin-top: 62px;
	position: absolute;
	top: 0;
	width: 13px;
	z-index: 10005;
	background:url("ssbsr_en_clientlibs-12.7/layout_images/Back_Button.png") no-repeat;
}
.registerCalloutIframe {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	margin-top: 100px;
	z-index: 10001;
}
.border-line {
	display: block;
	color: gray;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 48px;
	width: 100%;
	height: 51px;
	border-bottom: 1px solid gray;
	background: #fff;
}
.articleDetailpage #en-main-content #leftsidebar {
	display: block;
	width: 100%;
	height: auto;
	/*background: #D7E5F0;*/
	margin-top: -78px;
}
.articleDetailpage .emphasis {
	margin-top: 10px;
	font-size: 20px;
}
.articleDetailpage .en-detail .layoutContainer {
	display: block;
	width: auto;
	height: auto;
	padding: 5px 0px;
}
.articleDetailpage #emphasis{
	padding:0 20px;
}
.articleDetailpage .paragraph{
	padding:0 20px;
}
.articleDetailpage .en-detail #rightsidebar .layoutContainer {
	padding:0;
}
.articleDetailpage .en-detail #leftsidebar .layoutContainer {
	padding: 80px 0px 0px;
}
.articleDetailpage .layoutContainer .left_emphasis {
	color: #D7E5F0;
	font-size: 30px;
	padding:0 20px;
	width:auto;
	margin: 0px;
	float: none;
	position:relative;
}
.articleDetailpage .layoutContainer .sub_article{
	padding:0 20px;
}
.articleDetailpage #en-main-content  #leftsidebar .registercallout.section {
	background: url("ssbsr_en_clientlibs-12.7/layout_images/mainpromo_mobile_curve_bg.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    float: none;
    margin: 0;
    padding: 80px 0px 0px;
    position: relative;
    top: -97px;
    width: 100%;
}
.articleDetailpage #en-main-content .registercallout.section > div{
	background: none repeat scroll 0 0 #d6e5f0;
    padding: 0 20px;
}
.articleDetailpage #en-main-content .register_title, .articleDetailpage #en-main-content .register_desc { padding: 20px 0px 0px 0px; }
.articleDetailpage #en-main-content .blue_button { margin: 20px 0; }
.articleDetailpage #en-main-content .highlight {
	margin:0px;
	padding: 0 20px;
	width:auto;
/*	border-bottom: 1px solid gray;*/
	border-top: none;
}
.articleDetailpage #en-main-content .highlight p { padding: 20px 0; }
.articleDetailpage #rightsidebar h3 {
	margin-top: 20px;
	padding-left: 0px;
}
.articleDetailpage #rightsidebar ol {
	padding-left: 20px;
	list-style-type: none;
}
.articleDetailpage .authorintro p {
	display: block;
	width: 100%;
	clear: both;
	padding: 0;
}
.articleDetailpage .authorintro p:nth-child(2) {
	width: 100%;
	padding: 0;
}
.articleDetailpage #en-main-content .authorintro {
	text-align: center;
	margin-top: 20px;
}
.articleDetailpage #en-main-content .authorintro p > span {
	display: block;
	color: #D7E5F0;
	font-size: 20px;
}
.articleDetailpage #en-main-content .authorintro div > a {
	display: block;
	color: #D7E5F0;
	margin-top: 15px;
}
.articleDetailpage .sub_article .parsys .richText:nth-child(2), .articleDetailpage #leftsidebar .layoutContainer .sub_article .en-col.en-col-1-of-1.en-col-1 {
	width: 100%;	
}
.threecolumn .center-main .statestreet-center-content h1{ position:inherit !important}
}
.authorintro .richText.section p img {
	margin-bottom: 18px;
	float: left;
}
.authorintro .richText.section h4 {
	margin-left: 23px;
	float: left;
	width: 70%;
}
.authorintro .richText.section h3 {
	float: left;
	margin-left: 23px;
}
/*Article page Overlay Ends*/

.articleDetailpage ul.social_share{
	padding-bottom:30px;
}
.articleDetailpage .social_share_bar p{
	padding-bottom:30px;
}
.triggerIframe:hover{ background:#0a2f59; color:#fff; border-color:#0a2f59}
 .white_button:hover { background:#0a2f59; color:#fff; border-color:#0a2f59}
  .white_button:hover a { color:#fff !important;}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
.overlay{
	height: 600px;
    left: 25%;
    opacity: 1;
    position: fixed;
    top: 10%;
    width: 600px;
    z-index: 10000;
	overflow:scroll; 
	-webkit-overflow-scrolling:touch;
	}

}
/*------------ social icon hover added ---------------*/
ul.social_share .provider_mail a:hover{ background-position:-34px -166px !important}
ul.social_share .provider_twitter a:hover{background-position:-34px -60px !important}
ul.social_share .provider_linkedin a:hover{background-position:-34px -221px !important}
.threecolumn .center-main .statestreet-center-content h1{ padding-top:40px}
.threecolumn .center-main .statestreet-center-content span.h1{ padding-top:40px}
#leftsidebar .Twolevelmodal ul li .primaryNavTitle a{background:url("ssbsr_en_clientlibs-12.7/layout_images/site_link_arrow.png") no-repeat scroll right center transparent;border-top:1px solid #cdced5;color:#007298;display:inline-block;font-family:"dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:19px;margin-left:10px;padding:10px 10px 10px 0;text-decoration:none;width:180px}
#leftsidebar .Twolevelmodal li .primaryNavTitle a:hover{color:#fff;background:url('ssbsr_en_clientlibs-12.7/layout_images/LNav_arrow_hover.png') no-repeat 95% center #0a2f59;margin-left:0;padding-left:10px;padding-right:10px;width:190px;border-bottom:1px solid #cdced5;border-top:1px solid #cdced5;}
.articleDetailpage .en-detail .statestreet-center-content span.h2{ margin-bottom:-4px}

/*------Footer theme (column layout)----------*/
#en-footer-content{/*background:url('ssbsr_en_clientlibs-12.7/layout_images/footer_reaptbg.png')  repeat-x left -20px;*/ clear:both;}/* given clear both for correcting about us page footer issue*/
#en-footer-content > .footerpar{background:url("ssbsr_en_clientlibs-12.7/layout_images/footer_bg.png") no-repeat 50% 0%; background-size: 2005px;}
.onecolumn #en-footer-content > .footerpar{ margin-top:-170px}
#en-footer-content > .footerpar > div{margin:0 auto; width:960px;}
#en-footer-content .footerpar .footerpar{margin:10px 10px 0; width:940px; padding-bottom:20px;}
#en-footer-content .en-col-1-of-4 li, #en-footer-content .en-col-1-of-2 li{list-style:none;}
#en-footer-content .en-col-1-of-4 li:first-child .primaryNavTitle {
	font-family:"dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 15px;
	color:#002c5f;
	border-bottom:1px solid #e1ebf2;
	display:block;
	margin-bottom:10px;
	font-weight:bold;
}
#en-footer-content .en-col-1-of-4 li:first-child .primaryNavTitle a{
	font-family:"dinxtregular","Helvetica Neue", Helvetica,Arial,sans-serif;
	font-size: 15px;
	color:#002c5f;
	text-decoration:none;	
}
#en-footer-content .en-col-1-of-4 li .primaryNavTitle{font-family:"dinxtregular","Helvetica Neue", Helvetica,Arial,sans-serif; font-size: 14px; text-decoration:none; color:#007298; display:block; padding:7px 0;}
#en-footer-content .en-col-1-of-4 li .primaryNavTitle a{
	font-family:"dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif; 
	font-size: 14px; 
	text-decoration:none; 
	color:#007298;
	display: block;
}
#en-footer-content .en-col-1-of-4 li .primaryNavTitle:hover, #en-footer-content .en-col-1-of-4 li .primaryNavTitle:focus{background:#0a2f59; margin-left:-6px; padding-left:6px; color:#fff;}
#en-footer-content .en-col-1-of-4 li:first-child .primaryNavTitle:hover{background:none; margin-left:0px; padding-left:0px; color:#002c5f;}
#en-footer-content .en-col-1-of-4 li .primaryNavTitle:hover a, 
#en-footer-content .en-col-1-of-4 li .primaryNavTitle a:hover, #en-footer-content .en-col-1-of-4 li .primaryNavTitle a:focus{color:#fff;}
#en-footer-content .en-col-1-of-2.en-col-1{margin-right: 10px;width: auto;}
#en-footer-content .en-col-1-of-2.en-col-2{width:31%; margin:1% 0;}
.footer .followus{
	color:#007298; 
	font-family:"dinxtbold","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 18px;
	padding-top:200px;
	/*CAB-10654 footer logo cutoff*/
	background:url("ssbsr_en_clientlibs-12.7/layout_images/STT_Logo_withShip.png") no-repeat right 98px; /*Retina Images CAB #10701*/
    background-size: 181px 129px;  /*Retina Images CAB #10701*/
}
.onecolumn #en-footer-content  .footer .followus{
	padding-top:242px;
	/*CAB-10654 footer logo cutoff*/
	background:url("ssbsr_en_clientlibs-12.7/layout_images/STT_Logo_withShip.png") no-repeat right 140px;  /*Retina Images CAB #10701*/
    background-size: 181px 129px;  /*Retina Images CAB #10701*/
}
.onecolumn #en-footer-content  .footer .followus .followus{
	background:none; padding-top:0; position:relative; top:6px; z-index: 0;
}
.footer .followus .followus{background:none; padding-top:0; position:relative; top:6px; z-index: 0;}
.footer .followusgroup{
	display: inline-block;
}
.footer .followus a {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

.footer .followus a:focus{
	outline: 1px dashed #5B9DD9;
}

#en-footer-content .en-col-1-of-2 .link-list-item .primaryNavTitle{font-family:"dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; text-decoration:none; color:#007298; padding:0px 10px; border-right:1px solid #007298;}
#en-footer-content .en-col-1-of-2 .link-list-item .primaryNavTitle a{font-family:"dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; text-decoration:none; color:#007298;}
#en-footer-content .en-col-1-of-2 .link-list-item:first-child .primaryNavTitle{padding-left:4px;}
#en-footer-content .en-col-1-of-2 .link-list-item{display:inline-block; float:left;}
#en-footer-content .en-col-1-of-2 .richText p{color:#007298; font-family:"dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; padding: 3px 0;}
#en-footer-content .layoutContainer{margin-top:30px;}
#en-footer-content .layoutContainer:first-child{margin-top:0px;}
#en-footer-content .en-col-1-of-2 .link-list-item .primaryNavTitle a:hover, 
#en-footer-content .en-col-1-of-2 .link-list-item .primaryNavTitle a:focus{color:#002c5f;}
.footer-logo-container .en-col-1-of-4{ width:auto; margin-right:20px}
/*Footer Mobile*/
@media only screen and (max-width: 767px) {
#en-footer-content {
    background: url("ssbsr_en_clientlibs-12.7/layout_images/footer_bg_mobile.png") no-repeat scroll right top;
	margin-top: -20px;
}
#en-footer-content > .footerpar {
    margin: 0;
    width: 100%;
	/*background: url("ssbsr_en_clientlibs-12.7/layout_images/footer_reaptbg.png") repeat-x scroll left -104px;*/
}
#en-footer-content > .footerpar > div{margin:0; width:auto;}
#en-footer-content .footerpar .footerpar{margin:0; width:auto; padding-bottom:0px;}
#en-footer-content .layoutContainer {
    margin: 0;
}
#en-footer-content .layoutContainer .en-col{
    width:100%;
	margin:0;
}
#twitterfeed .tfeed .feed{
	margin-right:0 !important;
}
.footer .followus {
    background:url("ssbsr_en_clientlibs-12.7/layout_images/STT_Logo_withShip.png") no-repeat 41px 59px; /*Mobile Retina CAB #10701*/
    color: #007298;
    font-family: "dinxtbold","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    
    padding-top: 215px;
    background-size: 181px 129px; /*Mobile Retina CAB #10701*/
}
.onecolumn #en-footer-content  .footer .followus{
	padding-top:215px;
	background:url("ssbsr_en_clientlibs-12.7/layout_images/STT_Logo_withShip.png") no-repeat 41px 59px;  /*Mobile Retina CAB #10701*/
    background-size: 181px 129px; /*Mobile Retina CAB #10701*/
}
.onecolumn #en-footer-content  .footer .followus .followus{
	margin-bottom: 20px;
    margin-left: 20px;
    position: relative;
    top: 20px;
}
.footer .followus .followus{
	margin-bottom: 20px;
    margin-left: 20px;
    position: relative;
    top: 20px;
}
#en-footer-content .en-col-1-of-4 {
    width: 100%;
	margin:0;
}
#en-footer-content .en-col-1-of-4 ul.en-link-list{
	border-bottom:1px solid #e1ebf2;
}
#en-footer-content .en-col-1-of-4 li:first-child .primaryNavTitle{
	padding: 15px 35px;
	border-bottom:none;
	border-top:none;
	margin-bottom:0;
}
#en-footer-content .en-col-1-of-4 li:first-child .primaryNavTitle:hover{
	padding: 15px 35px;
}
#en-footer-content .en-col-1-of-4 li .primaryNavTitle {
	border-top:none;
	border-bottom:none;
	 padding: 0;
}
#en-footer-content .en-col-1-of-4 li .primaryNavTitle a {
    margin: 0 0 0 35px;
	border-top:1px solid #e1ebf2;
	display:block;
	padding: 15px 0;
}
#en-footer-content .en-col-1-of-4 li .primaryNavTitle:hover {
    margin-left: 0;
    padding-left: 0;
}
#en-footer-content .en-col-1-of-4 li .primaryNavTitle:hover a{
	border-top:none;
}
#en-footer-content .en-col-1-of-4 .adaptive-image{
	padding: 12px 35px;
	border-bottom:1px solid #e1ebf2;
}
#en-footer-content .en-col-1-of-2 .link-list-item .primaryNavTitle, #en-footer-content .en-col-1-of-2 .link-list-item:first-child .primaryNavTitle{
	padding:0 35px;
	border-right:none;
}
#en-footer-content .en-col-1-of-2.en-col-1, #en-footer-content .en-col-1-of-2.en-col-2 {
    width: 100%;
	background: #c7d7e2;
	margin: 0;
}
#en-footer-content .en-col-1-of-2 .link-list-item {
    background: none repeat scroll 0 0 #c7d7e2;
    border-bottom: 1px solid #fff;
    display: block;
    padding: 15px 0;
	width: 100%;
	/*Ticket: 10407 expanding footer clickable area*/
	cursor: pointer;
}
#en-footer-content .en-col-1-of-2 .richText p{
	 padding: 15px 35px;
	 color:#002c5f;
	 font-weight:bold;
}
/*Footer styles is added starts*/
.footer #engagednow-component-navigation .section #en-link-list-811 li {
	padding:0px;
}
.footer #engagednow-component-navigation .section #en-link-list-811 li span{
	display:block;
	padding:0px;
}
.footer #engagednow-component-navigation .section #en-link-list-811 li span a{
	display:block;
	padding:15px 0px 15px 35px;
	
}
.footer #engagednow-component-navigation .section #en-link-list-811 li span a:hover{
	color: #ffffff;
	background: #0a2f59;
}
.onecolumn #en-footer-content > .footerpar {
    margin-top: -60px !important;
	background:none;
}
.onecolumn #en-footer-content {
	margin-top: 14px;
}
/*Footer styles is added ends*/
}
.footer-logo-container{ clear:left}
#twitterfeed .tfeed .feed { background:#eef5fa !important}

#en-footer-content .en-col-1-of-4 ul.en-link-list li a:focus{
    outline:none!important;

}
/*Error Page Starts*/
.error-page{	
	width: 960px;
	margin: 0 auto;
	padding-top: 100px;
}
.onecolumn  .layoutContainer .error-page .en-col-1-of-1{
	width:700px;
}
.error-page .richText p{
	color: #00CCFF;
}
.error-page .adaptive-image{
	margin-top:150px;
}
.error-page .adaptive-image .text{
	margin-top:30px;
}
.error-page #en-footer-content > .footerpar{
	background: url("ssbsr_en_clientlibs-12.7/layout_images/footer_bg.png") no-repeat 50% 0%; background-size: 2005px;
}
.error-page .footer .followus {
	color: #007298;
	font-family: "dinxtbold","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 18px;
	
	padding-top: 200px;
	background: url("ssbsr_en_clientlibs-12.7/layout_images/Footer_Logo.png") no-repeat scroll right bottom;
}
@media screen and (max-width: 767px){
	.error-page{	
		width: 100%;	
		padding-top: 10px;
	}
	.onecolumn  .layoutContainer .error-page .en-col-1-of-1{
		width:auto;
	}
	.error-page .richText{
		padding: 20px;
	}
	.error-page .adaptive-image{
		margin-top:20px;
		padding: 20px;
	}
	.error-page .adaptive-image .text{
		margin-top:10px;
	}
}
/*Error Page Ends*/
/*Executive Leader Overlay Starts*/
.center-main .executive-leader-overlay-wrapper{
    width: 800px;
    margin: 0 auto;
}
.executive-leader .en-carousel .bx-viewport > div{
    /*display: none;*/
}
.executive-hidden{
    display: none;
}
.executive-content-main{
    width: 661px;
    margin: 0 auto;   
    padding:60px;
}
.executive-content-main img{
    max-width: 661px;
    height: auto;
    margin: 0 auto;    
}
.executive-content-main .richText #engagednow-component-richtext h3:first-child{
    margin-top:30px;     
}
.executive-content-main .richText #engagednow-component-richtext h3{
    margin-top:51px; 
    color: #3280aa;
}
#wrapper .executive-content-main, .mobile-overlay-inner{
        margin-top: 0px;
        border-top: none;
        width: 680px;
    }
	
#wrapper #exec-overlay-back {
    background: url("ssbsr_en_clientlibs-12.7/layout_images/Back_Button.png") no-repeat ;
    display: none;
    float: left;
    font-size: 30px;
    height: 22px;
    left: 0;
    margin-left: 15px;
    margin-top: 15px;
    position: absolute;
    top: 0;
    width: 13px;
    z-index: 10005;
}

@media screen and (max-width:767px){
    #wrapper #exec-overlay-back{
        display: block;
        cursor: pointer;
    }
    #wrapper .executive-content-main, .mobile-overlay-inner{
        margin-top: 45px;
        border-top: 1px solid #61C0DF;
        padding: 10px;
		width:100%;
    }
    .executive-content-main,#cboxLoadedContent #wrapper, #wrapper .executive-leader-overlay-wrapper{
        width: 100%;       
    }
    .executive-content-main img{
        max-width: 50%; 
        height: auto;
    }
    .executive-content-main .richText #engagednow-component-richtext h3:first-child{
        margin-top:15px;         
    }
    .executive-content-main .richText #engagednow-component-richtext h3{
        margin-top:35px; 
        color: #3280aa;
    }
    #wrapper .executive-leader-overlay-wrapper .executive-content-main .richText{
        padding-right: 25px;
    }
}
/*Executive Leader Overlay Ends*/

.authorbiography {
	border-top: 1px solid gray;	
}
.authorbio-main-content{
  width: 100%;
  margin: 0 auto;
}
.authorbio-main-content .authorbio-heading{
  overflow: hidden;
}
.authorbio-main-content .authorbio-image{
  float: left;
  margin-top: 30px;
}
.authorbio-main-content .authorbio-designation{
  display: inline-block;
  margin-top: 54px;
  margin-left: 11px;
  width: 360px;
}
.authorbio-readmore{
  margin-top: 16px;
}
.authorbio-readmore a{
 font-size: 12px;
font-family: 'dinxtregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #007298;
}
.authorbio-main-content .authorbio-description{
  clear: both;
  position: relative;
  margin-top: -2px;/* for fixing autor title and discription gap(30px)*/
  padding-right: 0px;
}

.authorbio-main-content .authorbio-image img{
    width: 85px;
    height: 81px;
  }
@media screen and (max-width:767px){

 .authorbio-main-content{
    width: auto;
    margin: 0;
	padding:0 20px;
  }
  .authorbio-main-content .authorbio-image{
  float: none;
  display: block;
  text-align: center;
}

  .authorbio-main-content .authorbio-designation{
    display: block;
    margin-left: 0px;
    margin-top: 25px;
    text-align: center;
	width:100%;
  }
  .authorbio-main-content .authorbio-description{
    text-align: center;
    /*padding-right: 20px;*/
  }
  .authorbio-main-content .authorbio-readmore{
    text-align: center;
    margin-top: 15px;
  }
  .authorbio-main-content .authorbio-image img{
    width: 183px;
    height: 181px;
  }
}
/*cookie styles*/

.cookie-wrapper {
    position: relative;
    width: 100%;
	padding:15px 0;
	color:#002c5f;
	background:white;/*#eef5fa;*/
	z-index:10002;
	display: none !important;
}



/*html.ie-8 .cookie-wrapper {
	margin-top: 60px;
	padding-bottom:0;
}*/
/*html.ie-8 .cookie-wrapper-close {
    top:45px;
}*/
.cookie-wrapper-close {
    float: right;
    position: absolute;
    right:25px;
    top:10px;
	font-size:18px;
	font-weight:bold;
	color:#002c5f;
	cursor:pointer;
	padding:5px;
    display: none;
}

.cookie-main-content {
    margin: 0 auto;
    width: 960px;
}

/*This is no use as no text is in this wrapper*/
.cookie-main-content p{
    font-size:14px;
	color:#002c5f;

     margin:32px;
}
.cookie-main-content p a{
    font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
    border: 1px solid #002c5f;
    padding: 9px 18px;
    margin-left: 15px;
    color: #002c5f;
}

.cookie-wrapper #engagednow-component-richtext {

    margin: 0 auto;
    margin-left: 45px;
    width: 960px;
    padding: 0px;
    width: 460px;
}

.cookie-wrapper #engagednow-component-richtext p{
    font-family: inherit;
    font-size:14px;
	color:#707070;
}

.cookie-wrapper #engagednow-component-richtext h1 {
    color: #002c5f;
    font-size: 36px;
    font-family: inherit;
    margin: 0.67em 0;
}

.cookie-wrapper #engagednow-component-richtext h3 {
    color: #3280a9;
    font-size: 22px;
    font-family: inherit;
}

.cookie-main-content #fillColorCookieBtn{
    color: #fff;
    background-color: #002c5f;

}

.cookie-wrapper .cookieRadio {
    margin-left: 45px;
    margin-bottom: 30px;
}

#switchbtnwrapper p {
    margin: 0;
    font-size: 14px;
    color: #707070;
}

/* mask layer style from cookiemanager.js*/

div#divCookieMaskLayer {
    position:fixed;
    z-index:100000;
    width:100%!important;
    height:100%!important;
    top:0;
    left:0;
    background: gray;/*for old browsers*/
    background-color: rgba(128,128,128,0.7);
}

div#divCookiePopup {
    position:relative;
    background-color:white;
    z-index:100001;
    overflow:auto;
    overflow-x:hidden;
    margin:0 auto;
    top: 120px;
}



@media screen and (max-width: 767px) {
	.cookie-main-content {
		margin: 0 auto;
		width: 82%;
	}
	.cookie-main-content p{
		margin:0;
	}

	.cookie-main-content p a {
		font-size: 12px;
		font-weight:bold;
		text-transform: uppercase;
		color: #002c5f;
		display: block;
		margin: 15px 0px;
		width:100px;
	}

	.cookie-wrapper-close {
	    float: right;
		position: absolute;
		right: 25px;
		bottom: 27px;
		font-size: 18px;
		font-weight: bold;
		color: #002c5f;
		cursor: pointer;
		top: inherit;
        display: none;
	}


    div#divCookieMaskLayer {
        position:fixed;
        z-index:100000;
        width:100%!important;
        height:100%!important;
        top:0;
        left:0;
        background: gray;/*for old browsers*/
        background-color: rgba(128,128,128,0.7);
    }
    
    div#divCookiePopup {
        position:relative;
        background-color:white;
        z-index:100001;
        overflow:auto;
        overflow-x:hidden;
        margin:0 auto;
        top: 120px;
    }

   .cookie-wrapper #engagednow-component-richtext {

       margin: 0;
       padding: 10px;
       width: 70%;
   }

   .cookie-wrapper #engagednow-component-richtext p{

       width: 90%;
	   margin:0;
       padding: 5px;

   }
   .cookie-wrapper #engagednow-component-richtext h1{

       width: 90%;
	   margin:0;
   }


}
/*GHR styling starts*/
/*Parallax circle content styling starts*/
.center-main .parallaxcontainer .lines .curve .en-col-1 .right-circle-content .richText{    
    float:left;
}
.center-main .parallaxcontainer .lines .curve .en-col-1 .right-circle-content .richText+.richText{
    float:right;
    width: 400px;
    background: url("ssbsr_en_clientlibs-12.7/layout_images/ghr_right_circle.png") no-repeat ;    
    padding-top: 255px;
}
.center-main .parallaxcontainer .lines .curve .en-col-1 .right-circle-content .richText+.richText > #engagednow-component-richtext{ 
    width: 265px;
    height: 170px;    
    margin: -204px  35px 0px 33px;
    padding-bottom: 77px;
    text-align: center;  
}

/*Parallax circle content styling ends*/
.ghr_twocolumnlist  .richText.section  + .richText.section {
    clear: both;
}
.ghr_twocolumnlist .richText.section+.richText.section p {
    line-height: 18px !important;
}
 .onecolumn .ghr_twocolumnlist  { 
    border-top: medium none; 
    margin: 100px auto; 
    width: 960px; 
} 
.ghr_twocolumnlist  .richText{
    float:left;
}
.ghr_twocolumnlist  .richText:nth-child(2){
    position:absolute;
	width: 30%;
	margin-left:115px;
}
.ghr_twocolumnlist  .richText{
    clear: none;
    display: inline-block;
    width: 48%;
}
.center-main .ghr_twocolumnlist  .blue_button{
    clear: both;
	margin:0px;
}
.ghr_twocolumnlist .richText #engagednow-component-richtext p{ font-size:16px; line-height:26px;margin-bottom: 18px;}

@media only screen and (max-width: 767px) {
.center-main .parallaxcontainer .lines.medium .curve.whiteCurve{background:url("ssbsr_en_clientlibs-12.7/layout_images/Curve-white-top.png") no-repeat scroll center top !important;}
.center-main .parallaxcontainer .lines.medium .curve.whiteCurve > .column-container > .en-col-1{
    background:url("ssbsr_en_clientlibs-12.7/layout_images/Curve-white-bottom.png") no-repeat scroll center bottom !important;
	margin-bottom: -53px;
    padding-bottom: 81px;
}
.center-main .parallaxcontainer .lines.medium .curve.whiteCurve .ghr_curvetext > .column-container > .en-col{
    background:none !important;
}
.onecolumn .ghr_twocolumnlist  {
    /*border-top: 1px solid #cdced5;*/
    margin: 40px auto;
   /* padding-top: 50px;*/
    width: auto;
}
.ghr_twocolumnlist  .adaptive-image {
    float: none;
}
.ghr_twocolumnlist  .richText:nth-child(2){
    position:relative;
	width: auto;
	margin-left:0px;
}
.ghr_twocolumnlist  .blue_button {
    display: block;
    margin: 0 20px;
    width: auto;
    clear:none;
}
.ghr_twocolumnlist  .en-col #engagednow-component-layout-container .column-container .en-col {
    display: block;
    margin: 0;
    width: 100%;
	clear:both;
	
}
.center-main .parallaxcontainer .lines .curve .en-col-1 .right-circle-content .richText+.richText{
    /*float:left;
    width: 114% !important;
    background: none;
    background-color: #d6e5f0;    
    padding-top: 0px;
    margin: 18px -20px 0px;*/
	display:none;
}
.center-main .parallaxcontainer .lines .curve .en-col-1 .right-circle-content .richText+.richText>#engagednow-component-richtext{
    margin: 0;
    padding: 0 20px;
    text-align: left;
    width: 85%;
    height:auto;
}
.ghr_twocolumnlist  .richText #engagednow-component-richtext p{line-height:24px; font-size:14px;width:84%; }
.ghr_twocolumnlist  .richText{float: left;width: 100%;height: auto;padding: 0 20px;}
.onecolumn .ghr_twocolumnlist { width:100%;margin-top:0px;}
/* .center-main .parallaxcontainer .lines .curve .en-col-1 .layoutContainer .richText p{
    width: 84%;
} */

}

.center-main .parallaxcontainer .lines.medium .curve .ghr_curvetext .richText{
}
.center-main .parallaxcontainer .lines.medium .curve .ghr_curvetext{
	margin: -100px auto 50px;
	width: 960px;
}
.center-main .parallaxcontainer .lines.medium .curve .ghr_curvetext .richText span.blue_button a{
	margin-top:0px !important;
}
@media only screen and (max-width: 767px) {
	.center-main .parallaxcontainer .lines.medium .curve .ghr_curvetext{
		width: 100%;
		margin: 40px auto;
	}
    .center-main .parallaxcontainer .lines .curve .en-col-1 .layoutContainer .richText p .blue_button+.blue_button+.blue_button a{
        margin-top:20px;
    }
}
/*GHR styling ends*/
.GHR-About-Us, .GHR-Why-State-Street, .GHR-Who-We-Hire, .GHR-Where-We-Hire{
    background: none repeat scroll 0 0 #eef5fa;
    left: 0;
    position: fixed;
    top: 60px;
    width: 100%;
    z-index: 99;
}
.GHR-About-Us .column-container, .GHR-Why-State-Street .column-container, .GHR-Who-We-Hire .column-container, .GHR-Where-We-Hire .column-container{
    margin: 0 auto;
    width: 960px;
}
.GHR-About-Us .en-col.en-col-1-of-2.en-col-1 , .GHR-Why-State-Street .en-col.en-col-1-of-2.en-col-1 , .GHR-Who-We-Hire .en-col.en-col-1-of-2.en-col-1 ,.GHR-Where-We-Hire .en-col.en-col-1-of-2.en-col-1 {
    margin: 0 0 0 10px;
    padding: 25px 30px 0px 0;
    width: 510px;
}

.GHR-About-Us .en-col.en-col-1-of-2.en-col-2 , .GHR-Why-State-Street .en-col.en-col-1-of-2.en-col-2 , .GHR-Who-We-Hire .en-col.en-col-1-of-2.en-col-2 ,.GHR-Where-We-Hire .en-col.en-col-1-of-2.en-col-2 {
    margin: 20px 0 20px;
    padding: 42px 10px 0px 20px;
    width: 377px;
	border-left: 1px solid #c7d7e2;
}
.GHR-About-Us .navigation ul.en-link-list, .GHR-Why-State-Street .navigation ul.en-link-list, .GHR-Who-We-Hire .navigation ul.en-link-list, .GHR-Where-We-Hire .navigation ul.en-link-list{
    display: inline-block;
    list-style: outside none none;
    margin-right: 10px;
	margin-bottom: 15px;
    padding-left: 0;
    vertical-align: top;
    /*width: 168px;*/
}
.GHR-About-Us .navigation ul.en-link-list .sub-nav, .GHR-Why-State-Street .navigation ul.en-link-list .sub-nav, .GHR-Who-We-Hire .navigation ul.en-link-list .sub-nav, .GHR-Where-We-Hire .navigation ul.en-link-list .sub-nav{
    display: inline-block;
    list-style: outside none none;
    margin-right:20px;
    padding-left: 0;
    vertical-align: top;
    width: 160px;
}
.GHR-About-Us .navigation ul.en-link-list .sub-nav-right, .GHR-Why-State-Street .navigation ul.en-link-list .sub-nav-right, .GHR-Who-We-Hire .navigation ul.en-link-list .sub-nav-right, .GHR-Where-We-Hire .navigation ul.en-link-list .sub-nav-right{
    display: inline-block;
    list-style: outside none none;
    margin-right:20px;
    padding-left: 0;
    vertical-align: top;
    width: 160px;
}
.GHR-About-Us .navigation ul.en-link-list li a, .GHR-Why-State-Street .navigation ul.en-link-list li a, .GHR-Who-We-Hire .navigation ul.en-link-list li a, .GHR-Where-We-Hire .navigation ul.en-link-list li a {
    color: #3280aa;
    display: block;
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 8px;
    padding: 6px 10px;
    text-decoration: none;
	font-family: "dinxtregular",​Helvetica,​Arial,​sans-serif;
}
.GHR-About-Us .navigation ul.en-link-list li a:hover, .GHR-Why-State-Street .navigation ul.en-link-list li a:hover, .GHR-Who-We-Hire .navigation ul.en-link-list li a:hover, .GHR-Where-We-Hire .navigation ul.en-link-list li a:hover {
    background: none repeat scroll 0 0 #0a2f59;
    color: #fff;
}
.GHR-About-Us h1, .GHR-Why-State-Street h1, .GHR-Who-We-Hire h1, .GHR-Where-We-Hire h1{
	color: #002c5f;
    font-size: 22px;
    margin: 0;
	font-family: "dinxtregular", Helvetica,​Arial,​sans-serif;
	line-height: 30px;
	font-weight:normal;
}
.GHR-About-Us p, .GHR-Why-State-Street p, .GHR-Who-We-Hire p, .GHR-Where-We-Hire p{
	font-size:14px;
	color: #002c5f;
	line-height: 24px;
}
.GHR-header {
    background: none repeat scroll 0 0 #002c5f;
    display: block;
    font-family: "dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    height: 60px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
}
.GHR-header  .adaptive-image {
    display: inline-block;
    float: left;
    padding-left: 40px;
    padding-top: 17px;
    width: 13%;
}
.GHR-header .en-col-1-of-1 {
    margin: 0;
    width: 100%;
}
.GHR-header  .adaptive-image a {
    display: inline-block;
}
.GHR-header  .richText {
    color: #fff;
}
.GHR-header  .link-list-item {
    display: inline-block;
    float: left;
    position: relative;
    text-align: center;
    z-index: 9999;
}
.GHR-header  .parbase.navigation.list.section .en-link-list {
    height: 60px;
    position: fixed;
    right: 0px;
    top: 0;
}
.GHR-header  .en-link-list .primaryNavTitle {
    border-left: 1px solid #334359;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: "dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
    padding: 0;
}
.GHR-header .en-link-list .link-list-item:first-child .primaryNavTitle {
    padding: 18px 40px;
}
.GHR-header  .en-link-list .link-list-item:first-child .primaryNavTitle a {
    padding: 0;
}
.GHR-header  .link-list-item .primaryNavTitle a {
    color: #fff;
    display: block;
    padding: 18px 40px;
    text-decoration: none;
}
.GHR-header  .en-link-list .link-list-item:hover {
    background: none repeat scroll 0 0 #eef5fa;
    color: #002c5f;
}
.GHR-header  .en-link-list .link-list-item:hover a {
    color: #002c5f;
}
.GHR-header  .en-link-list .link-list-item.currentList{
	background: none repeat scroll 0 0 #eef5fa;
    color: #002c5f;
}
.GHR-header  .en-link-list .link-list-item.currentList a{
    color: #002c5f;
}
.GHR-header .header_text {
    border-left: 1px solid #334359;
    color: #d6e5f0;
    display: inline-block;
    float: left;
    left: 159px;
    margin-left: 74px;
    padding: 18px 0 18px 27px;
    position: absolute;
    top: 0;
}
.GHR-header .header_text a{
	color: #d6e5f0;
	text-decoration:none;
}
.GHR-About-Us, .GHR-Why-State-Street, .GHR-Who-We-Hire, .GHR-Where-We-Hire{
	visibility:hidden;
}
.twocolumn .center-main .statestreet-center-content h1{
	padding-top:40px;
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
.GHR-header  .header_text {
    display: none;
}
}
.center-main .parallaxcontainer .lines .curve .en-col-1 .ghr_threepromowrapper .en-col-1, .center-main .parallaxcontainer .lines .curve .en-col-1 .ghr_threepromowrapper .en-col-2, .center-main .parallaxcontainer .lines .curve .en-col-1 .ghr_threepromowrapper .en-col-3{
	width:300px;
	margin:0;
	display:inline-block;
}
.center-main .parallaxcontainer .lines .curve .en-col-1 .ghr_threepromowrapper .en-col-2{
	margin:0 20px !important;
}
.center-main .parallaxcontainer .lines .curve .en-col-1 .ghr_threepromowrapper .en-col-1 .en-col-1, .center-main .parallaxcontainer .lines .curve .en-col-1 .ghr_threepromowrapper .en-col-2 .en-col-1, .center-main .parallaxcontainer .lines .curve .en-col-1 .ghr_threepromowrapper .en-col-3 .en-col-1{
	margin:0;
}
.center-main .parallaxcontainer .lines .curve .en-col-1 .ghr_threepromowrapper{
	margin-top:30px;
}
.center-main .parallaxcontainer .lines .curve .en-col-1 .ghr_threepromowrapper .ghr_promoinnerwrapper .adaptive-image{
	margin:0px;
	padding:0;
	line-height:10px;
}
.center-main .parallaxcontainer .lines .curve .en-col-1 .ghr_threepromowrapper  .ghr_promoinnerwrapper  .richText{
	margin:20px 20px 0;
	width:auto;
	color:#000;
}
.center-main .parallaxcontainer .lines .curve .en-col-1 .ghr_threepromowrapper .ghr_promoinnerwrapper .richText p .blue_button a{
	margin-top:0;
}
.center-main .parallaxcontainer .lines .curve .ghr_threepromowrapper .column-container{
	height:auto;
    margin:0;
    width:auto;
}
.center-main .parallaxcontainer .lines.smallmedium .curve .ghr_threepromowrapper .en-col-1{
	background:url("ssbsr_en_clientlibs-12.7/layout_images/GHR_whowehire_promoimg.png") repeat-y scroll 0 0;
}
.center-main .parallaxcontainer.Inward-art .lines.smallmedium .curve .ghr_threepromowrapper .en-col-1{
	background:url("ssbsr_en_clientlibs-12.7/layout_images/GHR_whowehire_promoimg.png") repeat-y scroll 0 0;
}
.center-main .parallaxcontainer .lines.smallmedium .curve .ghr_threepromowrapper .en-col-1 .en-col-1{
	background:none;
}
.ghr_mobile_promo{
	display:none;
}
.GHR-header .search_hamburger{
	display:none;
}
.center-main .parallaxcontainer .lines.smallmedium{
	height: 680px;
}
.center-main .parallaxcontainer:first-child .lines.smallmedium > .column-container > .en-col-1 {
    background: url("ssbsr_en_clientlibs-12.7/layout_images/line_static_inward.png") no-repeat scroll 0 0;
}
.center-main .parallaxcontainer.Inward-art .lines.smallmedium .curve .en-col-1{
	background: none;
}
.GHR-header .adaptive-image img{border:none;}
@media screen and (max-width: 767px) {
    .center-main .en-hero .parallaxcontainer .lines .en-col-1 .curve.ghr_blur_curve_image{
        background: url("ssbsr_en_clientlibs-12.7/layout_images/mainpromo_mobile_curve_bg.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }
.ghr_threepromowrapper{
	display:none;
}
.ghr_mobile_promo{
	display:block;
}
.GHR-header {
    background: none repeat scroll 93% 47% #002c5f;
    display: block;
    font-family: "dinxtlight","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    height: 48px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
}
.GHR-header .header_text {
    display: none;
}
.GHR-header .search_hamburger {
    background: url("ssbsr_en_clientlibs-12.7/layout_images/sprite.png") no-repeat scroll -166px -279px #002c5f;
    border-left: medium none;
    height: 48px;
    padding-right: 0;
    padding-top: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 66px;
	display:block;
}
.GHR-header .search_hamburger:hover {
    background: url("ssbsr_en_clientlibs-12.7/layout_images/sprite.png") no-repeat scroll -233px -279px #eef5fa;
}
.GHR-header .search_hamburger.active {
    background: url("ssbsr_en_clientlibs-12.7/layout_images/sprite.png") no-repeat scroll -233px -279px #eef5fa;
}
.GHR-header .en-link-list .link-list-item-1, .GHR-header .en-link-list .link-list-item-2, .GHR-header .en-link-list .link-list-item-3, .GHR-header .en-link-list .link-list-item-4, .GHR-header .en-link-list .link-list-item-5 {
    display: none;
}
.GHR-header .left-border {
    display: none;
}
.GHR-header .adaptive-image {
    display: inline-block;
    float: left;
    padding-left: 20px;
    padding-top: 12px;
    position: absolute;
    width: auto;
}
.GHR-header .parbase.navigation.list.section {
    position: relative;
    right: 0;
}
.GHR-header .parbase.navigation.list.section .en-link-list {
    height: auto;
    top: -12px;
}
.GHR-header .link-list-item {
    display: block;
    float: none;
    text-align: left;
}
.GHR-header .en-link-list .primaryNavTitle a {
    display: block;
    height: 36px;
    padding: 24px 40px 0;
    text-decoration: none;
}
.GHR-header .en-col-1-of-1 {
    margin: 0;
    width: 100%;
}
.GHR-header .en-col:first-child {
    margin: 0;
    width: 100%;
}
.onecolumn .center-main .parallaxcontainer .lines .curve .en-col-1 .ghr_mobile_promo .richText{
	margin-top:0;
}
.center-main .parallaxcontainer .ghr_mobile_promo .blue_button{
	margin: 0 20px 0 0;
}
.center-main .parallaxcontainer .lines.smallmedium {
    background: none!important;
    height: auto;
}
.center-main .parallaxcontainer .lines.smallmedium .curve {
		background: url("ssbsr_en_clientlibs-12.7/layout_images/mainpromo_mobile_curve.png") no-repeat center bottom;
		padding-bottom: 0px;
	}
.center-main .parallaxcontainer .lines.smallmedium .curve  .en-col-1{
	padding-bottom: 25px;
}
}
@media screen and (min-width: 1300px) and (max-width: 1399px) {
	.center-main .parallaxcontainer.Inward-art .lines.smallmedium .en-col-1 {
		background-position: -67% 51%;
	}
}
@media screen and (min-width: 1400px) and (max-width: 1549px) {
	.center-main .parallaxcontainer.Inward-art .lines.smallmedium .en-col-1 {
		background-position: -56% 51%;
	}
}
@media screen and (min-width: 1550px) and (max-width: 1649px) {
	.center-main .parallaxcontainer.Inward-art .lines.smallmedium .en-col-1{background-position:-29% 51%;}
}
@media screen and (min-width: 1850px) and (max-width: 1999px) {
	.center-main .parallaxcontainer.Inward-art .lines.smallmedium .en-col-1{background-position:-5% 51%;}
}
/*tablet ghr close button*/
.ghr-tab-close{
	background:url("ssbsr_en_clientlibs-12.7/layout_images/tab_close.png") no-repeat scroll left center;
	width:22px;
	height:22px;
	position: fixed;
    right: 30px;
    top: 90px;
	display:none;
	z-index:999;
}
/*For tablet navigation touch issue*/
@media only screen and (min-width: 767px) and (max-width: 1024px) {
/*For ipad horizontal scrolling issue when no content*/
.statestreet-center-content{
	min-height:200px;
}
.GHR-header .en-link-list .link-list-item:active{
    background:#eef5fa;
    color: #002c5f;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}
.GHR-header .en-link-list .link-list-item:active.currentList, .GHR-header .en-link-list .link-list-item.currentList{
	background:#eef5fa !important;
    color: #002c5f !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}
.GHR-header .en-link-list .link-list-item{
    background: #002c5f !important;
	color:#fff !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}
.GHR-header .en-link-list .link-list-item a{
	color:#fff !important;
}
.GHR-header .en-link-list .link-list-item:hover{
    background:#eef5fa;
    color: #002c5f;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}
.GHR-header .en-link-list .link-list-item:active.currentList a, .GHR-header .en-link-list .link-list-item.currentList a{
	color: #002c5f !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}
.GHR-About-Us .navigation ul.en-link-list li a:active, .GHR-Why-State-Street .navigation ul.en-link-list li a:active, .GHR-Who-We-Hire .navigation ul.en-link-list li a:active, .GHR-Where-We-Hire .navigation ul.en-link-list li a:active{
	background: none repeat scroll 0 0 #0a2f59 !important;
    color: #fff !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}
.GHR-About-Us .navigation ul.en-link-list li a, .GHR-Why-State-Street .navigation ul.en-link-list li a, .GHR-Who-We-Hire .navigation ul.en-link-list li a, .GHR-Where-We-Hire .navigation ul.en-link-list li a{
	background: none !important;
    color: #3280aa !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}
}
.ghr-tab-carousel-wrapper{
         height:auto;
         margin:15px auto 0;
         background-color: #eef5fa;
      }
         .ghr-tab-carousel-wrapper .bx-prev,.ghr-tab-carousel-wrapper .bx-next{
            display: none;
         }
         .ghr-tab-carousel-wrapper .bx-wrapper .bx-viewport{
            -webkit-box-shadow: none; 
            box-shadow: none; 
            border: 5px solid #eef5fa;
            padding-bottom: 30px;
            background-color: #eef5fa;
            height:auto !important;
         }
         .ghr-tab-carousel-wrapper .bx-wrapper{
            margin: 35px auto 60px;
         }
         .ghr-tab-carousel{
               max-width: 412px;
               margin: 0 auto;
         }
         #ghr-bx-pager {
            margin: 0 auto;
            padding:0px;
            display: block;
            width: 412px;
         }
         #ghr-bx-pager a{
            width:99px;
            height: 16px;
            display: inline-block;
            background-color:#b9d5e4;
            margin: 0 auto;
            text-decoration: none;            
         }
         #ghr-bx-pager.tab-2 a{
            width:203px;
            height: 16px;
            display: inline-block;
            background-color:#b9d5e4;
            margin: 0 auto;
            text-decoration: none;            
         }
         .ghr-tab-carousel-wrapper .ghr-timings.tab-2 span{
            margin-left:185px;
         }
         .ghr-tab-carousel-wrapper .ghr-timings.tab-2 span.last-child{
            margin-left:174px;
            
         }
         #ghr-bx-pager.tab-3 a{
            width:134px;
            height: 16px;
            display: inline-block;
            background-color:#b9d5e4;
            margin: 0 auto;
            text-decoration: none;            
         }
         .ghr-tab-carousel-wrapper .ghr-timings.tab-3 span{
            margin-left:113px;
         }
         .ghr-tab-carousel-wrapper .ghr-timings.tab-3 span.last-child{
            margin-left:98px;
            
         }
          #ghr-bx-pager.tab-5 a{
            width:79px;
            height: 16px;
            display: inline-block;
            background-color:#b9d5e4;
            margin: 0 auto;
            text-decoration: none;            
         }
         .ghr-tab-carousel-wrapper .ghr-timings.tab-5 span:nth-child(2){
            margin-left:63px;
         }
         .ghr-tab-carousel-wrapper .ghr-timings.tab-5 span{
            margin-left:52px;
         }
         .ghr-tab-carousel-wrapper .ghr-timings.tab-5 span.last-child{
            margin-left:39px;
            
         }
         #ghr-bx-pager a:hover{
            cursor: pointer;
            background-color: #002c5f;           
         }        
         
         #ghr-bx-pager a .pager > span.last-child{
            margin-left: 70px;
            cursor: auto;
         }
         .ghr-tab-carousel-wrapper .ghr-timings{
            width: 412px;
            margin: 0 auto;
            color: #007298;
            padding-top:27px;
			font-family: dinxtregular;
			font-size: 14px;
         }
		 .ghr-tab-carousel .bx-viewport .slide .column-container .richText #engagednow-component-richtext p{
			font-family: "dinxtregular";
		}
		.ghr-tab-carousel .bx-viewport .slide .column-container .richText #engagednow-component-richtext p:first-child{
			font-family: "dinxtmedium";
			margin:0px;
			color: #002c5f;
		}
		.image-text-twocolumn .bx-viewport ul li.carousel-list-item p span.designation{
			font-family: "dinxtregular";
			font-size: 12px;
		}
		.ghr-tab-carousel .bx-viewport .slide .column-container .en-adaptive-image{
			border-bottom: 1px solid #cdced5;
			margin-bottom:10px;
		}
		.ghr-tab-carousel .bx-viewport .slide .layoutContainer:first-child{
			margin-bottom: 2px;
		}
         .ghr-tab-carousel-wrapper .ghr-timings.tab-4 span{
            margin-left:70px;
         }
		 .ghr-tab-carousel-wrapper .ghr-timings.tab-4 span:nth-child(2){
			margin-left: 88px;
		}
         .ghr-tab-carousel-wrapper .ghr-timings.tab-4 span:first-child{
            margin-left:0px;
            position: absolute;
         }
         .ghr-tab-carousel-wrapper .ghr-timings.tab-4 span:last-child{
            margin-left:53px;            
         }
         .ghr-tab-carousel-wrapper .ghr-tab-carousel .slide{   
            background-color:#eef5fa;
         }
         .ghr-tab-carousel-wrapper .ghr-tab-carousel .slide img{
            padding:12px 0px 25px;            
         }
         .ghr-tab-carousel-wrapper .ghr-tab-carousel .slide .text{
            padding-bottom:25px;
         }
         .ghr-tab-carousel-wrapper .ghr-tab-carousel .slide .text.last-child{
            padding-top:25px;
            border-top:1px solid #cdced5;
         }
         .ghr-tab-carousel-wrapper .ghr-tab-carousel .slide div > span.tab-carousel-text-header{
            color:#002c5f;
         }
		 .ghr-tab-carousel-wrapper #ghr-bx-pager a.active{
			background-color:#002c5f;
		}

         @media only screen and (max-width: 767px){
            
            .ghr-tab-carousel-wrapper .bx-wrapper{
               margin: 0px 0px 0px 5px;
            }
            .ghr-tab-carousel-wrapper. .ghr-tab-carousel{
               width: 100%;
            }
            #ghr-bx-pager, .ghr-timings{
               display: none;
            }

            .ghr-tab-carousel-wrapper .ghr-tab-carousel .slide {
               padding-top: 15px;
            }
            .ghr-tab-carousel-wrapper .bx-prev,.ghr-tab-carousel-wrapper .bx-next{
               display: inline-block;
            }
            .ghr-tab-carousel-wrapper .bx-wrapper .bx-prev {
                background: url("ssbsr_en_clientlibs-12.7/css/sprite.png") no-repeat scroll -206px -209px;
                margin-left: 9%;
                top: -31px;
            }
            .ghr-tab-carousel-wrapper .bx-wrapper .bx-next {
                background: url("ssbsr_en_clientlibs-12.7/css/sprite.png") no-repeat scroll -164px -209px;
                right: 4%;
                top: -31px;
            }
            .ghr-tab-carousel-wrapper .bx-wrapper .bx-controls-direction a{
               position: absolute;
               height:45px;
            }
            .ghr-tab-carousel-wrapper .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
               bottom:27px;
            }
            .ghr-tab-carousel-wrapper .ghr-tab-carousel .slide img {
                margin: 0 auto;               
                width: 95%;
            }
            .ghr-tab-carousel-wrapper .bx-wrapper .bx-viewport{
               width: auto !important;
            }
            .section.tab-carousel {
                width: auto;
            }

            #brightcove-player-wrapper{
               width: auto;
            }
            #brightcove-player-wrapper .BrightcoveExperience{
               width: 245px;
               height: 187px;
            }
			.ghr-tab-carousel-wrapper .bx-wrapper p{
				-webkit-text-size-adjust: none;
			}
         }

/*GHR styling for two column layout*/
.image-text-twocolumn  .en-col:first-child, .image-text-twocolumn  .en-col{
	border-bottom: 1px solid #cdced5;
    border-top: 1px solid #cdced5;
    margin: 5px 0 55px;
    padding: 25px 0 0;
}
.image-text-twocolumn #engagednow-component-textImage .en-adaptive-image {
    float: left;
    margin: 0 30px 0 40px;
    text-align: center;
    width: 165px;
}
.image-text-twocolumn .carousel-list-item .en-image-text .text{
    /*float:right;*/
    margin-left: 0;
    padding-top: 15px;
    width: 380px;
}
.image-text-twocolumn .carousel-prev{width:38px; background:#fff;}
.image-text-twocolumn .carousel-next{width:50px; background:#fff;}
.ghr-slider-dropdown .image-text-twocolumn .carousel-prev{width:16px; background:none;}
.ghr-slider-dropdown .image-text-twocolumn .carousel-next{width:16px; background:none;}
.image-text-twocolumn .carousel-prev a{ left: 0px; background: url("ssbsr_en_clientlibs-12.7/layout_images/sprite-ghr.png") no-repeat scroll -4px -530px; width:16px; height:30px; top: 50% !important;}
.image-text-twocolumn .carousel-prev a:hover{background: url("ssbsr_en_clientlibs-12.7/layout_images/sprite-ghr.png") no-repeat scroll -4px -530px;}
.image-text-twocolumn .carousel-next a{ right:0px; background: url("ssbsr_en_clientlibs-12.7/layout_images/sprite-ghr.png") no-repeat scroll -30px -530px;  width:16px; height:30px; top: 50% !important;}
.ghr-slider-dropdown  .image-text-twocolumn .carousel-next a, .ghr-slider-dropdown .image-text-twocolumn .carousel-prev a {top: 35% !important;}
.image-text-twocolumn .carousel-next a:hover{background: url("ssbsr_en_clientlibs-12.7/layout_images/sprite-ghr.png") no-repeat scroll -30px -530px;}
.center-main .image-text-twocolumn h2{	
		margin-top:0px;
		
	}
.image-text-twocolumn .carousel-list-item .en-image-text #engagednow-component-adaptive-image{
		padding: 30px 0px 0px 90px;
		width: 304px;
	}

.image-text-twocolumn span.h1 {
    color: #002c5f;
    display: block;
    font-family: dinxtregular,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-weight: normal;
    line-height: 22px;
    margin-bottom: -8px;
    padding-bottom: 0;
}
.image-text-twocolumn h1 {
    color: #002c5f;
    display: block;
    font-family: dinxtregular,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-weight: normal;
    line-height: 22px;
    margin-bottom: -8px;
    padding-bottom: 0;
}
.image-text-twocolumn h6 {
    color: #002c5f;
	font-size:14px;
	line-height:16px;
}
.image-text-twocolumn .text .subtitle{
	color: #737373;
    font-family: dinxtregular,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 16px;
}
.image-text-twocolumn .text .link a{
	color: #737373;
    font-family: dinxtregular,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 16px;
}
.image-text-twocolumn .text .link a:hover{
	color: #010101;
}
.image-text-twocolumn .text p b{
	color:#002c5f;
}
.image-text-twocolumn span.h2{
	margin-top:0px;
}
.twocolumnbodylayout .en-col-1{
	margin:0 50px 0 0;
	width:450px;
}
.twocolumnbodylayout .en-col-2{
	margin:0;
	width:190px;
}
.twocolumnbodylayout .en-col-2 .en-col-1{
	width:100%;
	margin:0;
}
.twocolumnbodylayout h5{
	font-size:22px;
	color:#007298;
}
/*Flexible career path*/
.ghrcarrer-fcp-main{
	padding:20px;
	background:#eef5fa;
	margin-bottom:20px;
	margin-top:54px;
}
.ghrcarrer-fcp-main h2{
	margin-top:0;
}
#ghrcareer_article_filter .filter .col1{
	width:100%;
	margin-right:0;
}
#ghrcareer_article_filter .dk-select:first-child{
	margin-right:20px;
	width:175px;
}
#ghrcareer_article_filter #dk0-ghrcareer_filter_topics{
	margin-right:20px;
}
#ghrcareer_article_filter .dk-select{
	width:175px;
	background-color:#fff;
}
#ghrcareer_article_filter .GHR-accordion{margin-bottom:15px;}
#ghrcareer_article_filter .button{
	border:0;
}
.right-body-image .adaptive-image{
    float: left;
    margin-right: 10px;
    width: 40px;
	max-width:100%;
}
#rightsidebar .right-body-image .richText {
    float: left;
    width: 135px;
}
/*upcoming events style*/
.eventlist li{
	list-style:none;
	margin-top:25px;
}
.eventlist {
    margin-bottom: 30px;
}
.eventdate {
    background: url("ssbsr_en_clientlibs-12.7/layout_images/how-we-hire-circle.png") no-repeat scroll 0 0;
    height:50px;
    width: 50px;
	margin-right:10px;
	display:inline-block;
	vertical-align: top;
	margin-top:3px;
}
.eventdate span{
	font-size:16px;
	color:#8aacc4;
	font-family:dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height:14px;
    text-align: center;
	display: block;
}
.eventdate span.eventday{
	margin-top: 10px;
}
.eventdate span.eventmonth{
	font-size:12px;
}
.eventdetail {
    width: 124px;
	display:inline-block;
}
.twocolumn .twocolumnbodylayout .en-col-2 .eventdetail p, #rightsidebar .eventdetail p, .eventdetail p{
	font-size:14px;
	color:#000000;
	font-family:"dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height:24px;
	margin:0;
}
.eventdetail p a{
	color:#007298;
}
#en-main-content #rightsidebar #upcomingEventRight button{
	background-color: #fff;
    border: 1px solid #cdced5;
    color: #0a2f59;
    cursor: pointer;
    display: inline-block;
    font-family: "dinxtbold","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 18px;
    padding: 11px 14px 10px;
    text-decoration: none;
    text-transform: uppercase;
}
#en-main-content #rightsidebar #upcomingEventRight button:hover{
	color: #fff;
	background-color: #0a2f59;
}
.twocolumn .twocolumnbodylayout .en-col-2  .parsys  > .richText{
	padding-bottom:30px;
}
.twocolumn .twocolumnbodylayout .en-col-2  p{
	color:#007298;
	margin-bottom:15px;
}
.twocolumn .twocolumnbodylayout .en-col-2  p b{
	color:#000;
}
.twocolumn .twocolumnbodylayout .en-col-2  p a{
	color:#007298;
}
.twocolumn .twocolumnbodylayout .en-col-2  p a:hover{
	color:#002c5f;
}
#rightsidebar .right-body-image .richText #engagednow-component-richtext p:first-child{
	margin-top:0px;
}
.right-image-text .adaptive-image{
	margin-bottom:15px;
}
#en-main-content #rightsidebar #engagednow-component-layout-container .en-col{
	margin:0;
	width:100%;
}
.dept_error, .role_error{
	display:none;
	color:#ed1c24;
	font-size:14px;
	font-family:"dinxtbold","Helvetica Neue",Helvetica,Arial,sans-serif;
}
#ghrcareer_article_filter .dk-select.dk-select-disabled {
    color: #bbbbbb;
    /*cursor: not-allowed;*/
    opacity: 0.6;
	background-color:#ccc;
}
/*events list*/
.countryCol{
	display: inline-block;
    width: 56%;
}
.cityCol{
	display: inline-block;
    width: 43%;
}
#ghrcareer_eventlist_filter .filter .col1{
	 margin-right: 0;
	 width: 100%;
	 margin-bottom:50px;
}
#ghrcareer_eventlist_filter .filter label{
	text-transform: uppercase;
}
.ghrcareer_eventlist-Results p.total{
	font-size:12px;
	font-family:"dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
	color:#737373;
	margin-bottom:15px;
}
.ghrcareer_eventlist-Results li{
	list-style:none;
	margin-bottom:50px;
	font-family:"dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.ghrcareer_eventlist-Results li p{
	font-family:"dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.ghrcareer_eventlist-Results .eventdate_image {
    display: inline-block;
    margin-right: 10px;
    width: 50px;
	height:50px;
	background:url("ssbsr_en_clientlibs-12.7/layout_images/how-we-hire-circle.png") no-repeat scroll 0 0;
	vertical-align:top;
	margin-bottom: 15px;
}
.ghrcareer_eventlist-Results .eventdate_image a{
	height:50px;
	display:block;
}
.ghrcareer_eventlist-Results .event_text {
    display: inline-block;
	width:84%;
}
.ghrcareer_eventlist-Results .event_text h2{
	line-height: 30px;
    margin-bottom: 5px;
    margin-top: 0;
}
.ghrcareer_eventlist-Results .event_text p{
	margin-bottom:6px;
}
.ghrcareer_eventlist-Results .event_text p.tags a{
	color:#737373;
	font-size:12px;
	font-family:"dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
	border-left:1px solid #a0a0a0;
	padding: 0 9px;
}
.ghrcareer_eventlist-Results .event_text p.tags a:hover{
	color:#010101;
}
.ghrcareer_eventlist-Results .event_text p.tags a:first-child {
    border-left: medium none;
    padding-left: 0;
}
.ghrcareer_eventlist-Results p.desc a{
	color:#010101;
}
.ghrcareer_eventlist-Results p.more{
	font-size:12px;
}
.ghrcareer_eventlist-Results p span.venue{
	color:#002c5f;
	font-family:"dinxtbold","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.ghrcareer_eventlist-Results .eventdate_image span {
    color: #8aacc4;
    display: block;
    font-family: dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 14px;
    text-align: center;
}
.ghrcareer_eventlist-Results .eventdate_image  span.eventmonth {
    font-size: 12px;
}
.ghrcareer_eventlist-Results .eventdate_image  span.eventday {
    padding-top: 10px;
}
#ghrcareer_eventlist_filter .dk-select{
	width:130px;
}
/*SSGHR-267*/
.twocolumnbodylayout  span.h8{
	display: inherit;
    margin-bottom: -20px;
}	
.ghrcareer_eventlist-Results .eventdate_image .eventdate_mobile{
	display:none;
}
/*Blog*/
.ghrcarrer-blist-main .filter .col1{	
	margin-bottom: 50px;
	margin-right: 0;
	width: 100%;
}
.ghrcareer_bloglist-Results p.total {
    color: #737373;
    font-family: "dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    margin-bottom:15px;
}
.ghrcareer_bloglist-Results li {
    font-family: "dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
    list-style: outside none none;
    margin-bottom: 50px;
}
.ghrcareer_bloglist-Results li p {
    font-family: "dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.ghrcareer_bloglist-Results .blogdate{
	margin-bottom: 10px;
}
.ghrcareer_bloglist-Results .blogdate .blogdatedisp {
    font-family: "dinxtbold","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:12px;
	color:#737373;    
}
.ghrcareer_bloglist-Results .blog_text h2 {
    line-height: 30px;
    margin-bottom: 10px;
    margin-top: 0;
}
.ghrcareer_bloglist-Results .blog_text p.tags {
    margin-bottom: 13px;
}
.ghrcareer_bloglist-Results .blog_text p.tags a:first-child {
    border-left: medium none;
    padding-left: 0;
}
.ghrcareer_bloglist-Results .blog_text p.tags a {
    border-left: 1px solid #a0a0a0;
    color: #737373;
    font-family: "dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    padding: 0 8px 0 9px;
}
.ghrcareer_bloglist-Results .blog_text p.tags a:hover{
	color:#010101;
}
.ghrcareer_bloglist-Results .blog_text p.more{
	font-size:12px;
}
#ghrcareer_bloglist_filter #brightcove-player-wrapper{
	margin-bottom:20px;
}
#ghrcareer_bloglist_filter #brightcove-player-wrapper .BrightcoveExperience{
    height: 400px;
    width: 460px;
}
.ghrcareer_bloglist-Results li p .en-adaptive-image {
    width: 100%;
}
.twocolumn .twocolumnbodylayout .white_button a, #rightsidebar .white_button a{
		margin:0 0 5px;
	}
@media screen and (min-width: 767px){
	.image-text-twocolumn .carousel-pagination a{margin: 60px 15px 1px 0;}
	.image-text-twocolumn #engagednow-component-textImage .en-adaptive-image{
		width:auto;
		height:auto;
		float:left;
	}
}
@media screen and (max-width: 767px){

.image-text-twocolumn .carousel-next a, .image-text-twocolumn .carousel-prev a, .image-text-twocolumn .carousel-prev a, .image-text-twocolumn .carousel-next a, .ghr-slider-dropdown  .image-text-twocolumn .carousel-next a, .ghr-slider-dropdown .image-text-twocolumn .carousel-prev a {top: 8% !important;}
	.twocolumnbodylayout h5{
		font-size:18px;
	}
	.image-text-twocolumn span.h1 {
		font-size: 18px;
	}
	.image-text-twocolumn h1 {
		font-size: 18px;
	}
	.twocolumnbodylayout{
		margin: 0;
		width: auto;
	}
	.twocolumn .statestreet-center-content .parsys > .richText{
		margin:0 20px;
		width:auto;
	}
	.twocolumn .statestreet-center-content .layoutContainer .parsys > .richText{
		margin:0;
	}
	/*twocolumn chnages from .com site*/	
	.twocolumn .image-text-twocolumn{
		margin:0 20px;
	}
	.twocolumn .twocolumnbodylayout .en-col-1{
		margin:0 20px;
		width:auto;
	}
	.twocolumn .twocolumnbodylayout .en-col-1 .en-col-1{
		margin:0px;
		width:100%;
	}
	.twocolumn .twocolumnbodylayout .en-col-2 .en-col-1 {
		margin:0px;
		width:100%;
	}
	.twocolumn .twocolumnbodylayout .en-col-2{
		margin:0px;
		background: url("ssbsr_en_clientlibs-12.7/layout_images/footer_bg_mobile_rightbar.png") no-repeat scroll right bottom #d6e5f0;
		bottom: 0;
		position: relative;
		width:auto;
		padding:0;
		width:100%;
	}
	.twocolumn .twocolumnbodylayout .en-col-2  p{
		color:#002c5f;
	}
	.twocolumn .twocolumnbodylayout .en-col-2  p b{
		color:#002c5f;
	}
	.twocolumn .twocolumnbodylayout .en-col-2  p a{
		color:#007298;
	}
	.image-text-twocolumn  .en-col:first-child, .image-text-twocolumn  .en-col{
		border-bottom: none;
		border-top:none;
		margin: 0px 0 30px;
		padding: 0;
	}
	.image-text-twocolumn .carousel-list-item  #engagednow-component-textImage .en-adaptive-image{
		float: none;
		margin: 0;
		text-align: center;
		width: auto;
	}
	.image-text-twocolumn span.h2{
		margin-top:10px;
	}
	.image-text-twocolumn h6 {
		color: #007298;
		font-size:18px;
		line-height:22px;
	}
	.image-text-twocolumn .carousel-next, .image-text-twocolumn .carousel-prev{
		height: 45px;
    	margin: 0px;
		bottom: -12px;
		top: auto;
    	z-index: 99;
		width:16px;
		background:none;
	}
	.image-text-twocolumn .bx-next {
		bottom:0px; right:0px;
	}
	.image-text-twocolumn .carousel-next a{
		right:43px;
	}
	.image-text-twocolumn .carousel-prev a{
		left:45px;
	}
	.image-text-twocolumn .carousel-list-item .en-image-text .text h7 {font-size: 14px !important;}
	.image-text-twocolumn .carousel-list-item .en-image-text .text p{
		font-size: 14px; line-height:24px;  
		font-family:"dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
		-webkit-text-size-adjust: none;
	}
	.image-text-twocolumn .carousel-list-item .en-image-text .text p  span.h2{
		line-height:24px;
	}
	.image-text-twocolumn .carousel-list-item .en-image-text .text h5{ font-size:12px}
	.image-text-twocolumn .carousel-list-item .en-image-text .text h1{ font-size:22px}
	.image-text-twocolumn .carousel-list-item .en-image-text .text{
		width: auto;
		text-align: center;
		margin:0px;
		display: block;
		padding-top: 20px;
		padding-left: 0px;
	}
	.image-text-twocolumn .carousel{
		width: auto;
		padding: 20px 0;
	}
	/*.text-image .carousel-prev, .text-image .carousel-next {
		height: 25%;
    	top: 225px;
	}*/
	.image-text-twocolumn .carousel-pagination a{margin: 0px 15px 1px 0;}
	.image-text-twocolumn .bx-wrapper{
		margin: 0 auto;
	}
	.image-text-twocolumn .bx-wrapper img{
		margin: 0 auto;
	} 
	.image-text-twocolumn .carousel-pagination{
		bottom: 0px;
	}
	.image-text-twocolumn .bx-wrapper .bx-viewport{
		border: 0px;
		height:auto !important;
	}
	.image-text-twocolumn #engagednow-component-carousel .en-carousel .carousel-prev{
		height:45px;
		left:0px;
		bottom:-10px;
		top:auto;
		margin:0px;
	}
	.image-text-twocolumn .carousel-next a{ right:0px}
	.image-text-twocolumn .carousel-prev a{ left:0px}
	.ghrcarrer-fcp-main {
		background: none;
		margin-bottom: 20px;
		padding: 0;
	}
	#ghrcareer_article_filter .dk-select:first-child {
		margin-bottom: 20px;
		width: 92%;
	}
	#ghrcareer_article_filter #dk0-ghrcareer_filter_topics{
		margin-right:0px;
	}
	#ghrcareer_article_filter .dk-select {		
		width: 92%;
		margin-bottom: 25px;
	}
	#ghrcareer_article_filter .button {		
		margin-bottom: 30px;
		margin-top:0px;
	}
	#rightsidebar .flexi_right .layoutContainer  .en-col-1 .richText{
		border-top:0;
	}
	.twocolumn .twocolumnbodylayout .en-col-2 .parsys > .richText, .twocolumn .twocolumnbodylayout .en-col-2  .richText{
		border-top:1px solid #fff;
		padding: 30px 20px 10px;
	}
	.twocolumn .twocolumnbodylayout .en-col-2  > .layoutContainer, .twocolumn .twocolumnbodylayout .en-col-2  .layoutContainer{
		border-top:1px solid #fff;
		padding: 30px 20px;
	}
	.twocolumn .twocolumnbodylayout .en-col-2   .layoutContainer  .layoutContainer{
		border-top:none;
		padding:0;
	}
	.twocolumn .twocolumnbodylayout .en-col-2  > .layoutContainer .richText, .twocolumn .twocolumnbodylayout .en-col-2  .layoutContainer .richText{
		border-top:none;
		padding:0;
	}
	.twocolumn .twocolumnbodylayout .en-col-2  .parsys > .layoutContainer:first-child, .twocolumn .twocolumnbodylayout .en-col-2 .parsys > .richText:first-child{
		border-top:none;
	}
	#rightsidebar .richText{
		padding:30px 20px 10px;
	}
	.right-body-image .adaptive-image{
		float: left;
		margin-right: 20px;
		width: 90px;
	}
	#rightsidebar .right-body-image .richText {
		float: left;
		width: 57%;
	}
	.right-image-text .adaptive-image{
		float: left;
		margin-right: 20px;
		max-width: 100%;
		margin-bottom:0;
	}
	#rightsidebar .right-image-text .richText {
		float: left;
		width: 60%;
	}
	#rightsidebar .right-image-text .richText #engagednow-component-richtext p:first-child{
		margin-top:0px;
	}
	.eventdate {
		background: url("ssbsr_en_clientlibs-12.7/layout_images/events_roundimage_mobile.png") no-repeat scroll 0 0;
		margin:5px 20px 0 10px;
		vertical-align: top;
	}
	.eventlist {
		margin-bottom: 30px;
	}	
	.eventdetail {
		width: 68%;
	}
	.twocolumn .twocolumnbodylayout .en-col-2 .eventdetail p, #rightsidebar .eventdetail p, .eventdetail p{
		color:#002c5f;
	}
	#en-main-content #rightsidebar .eventlist li, .eventlist li{
		margin-top:30px;
	}
	/*eventlist*/
	.countryCol {
		display:block;
		width: 100%;
		margin-bottom:25px;
	}	
	.cityCol {
		display:block;
		width: 100%;
	}
	#ghrcareer_eventlist_filter .dk-select {
		width: 91.4%;
		min-width:230px;
	}
	#ghrcareer_eventlist_filter .filter .col1{
		margin-bottom:55px;
	}
	.ghrcareer_eventlist-Results .eventdate_image{
		background: none;
		height: auto;
		margin-bottom: 10px;
		margin-right: 0;
		vertical-align: top;
		width: auto;
		display:block;
	}
	.ghrcareer_eventlist-Results .eventdate_image a{
		height:auto;
		display:block;
	}
	.ghrcareer_eventlist-Results .eventdate_image span{
		color: #737373;
		display: inline;
		font-family: dinxtbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
		font-size: 12px;
		line-height: 24px;
		text-align: left;
		margin-right:0px;
	}
	.ghrcareer_eventlist-Results .eventdate_image span.eventday, .ghrcareer_eventlist-Results .eventdate_image span.eventmonth{
		display:none;
	}
	.ghrcareer_eventlist-Results .eventdate_image .eventdate_mobile{
		display:block;
	}
	.ghrcareer_eventlist-Results .event_text h2{
		line-height: 25px;
		margin-bottom:6px;
	}
	.ghrcareer_eventlist-Results .event_text {
		display: block;
		width:auto;
	}
	#ghrcareer_eventlist_filter .filter label{
		margin-bottom: 10px;
	}
	.ghrcareer_eventlist-Results .event_text p{
		margin-bottom:6px;
	}
	.eventlist-page{
		width:100%;
    }
	#ghrcareer_bloglist_filter .filter label{
		margin-bottom: 10px;
		display:block;
	}
	#ghrcareer_bloglist_filter .dk-select {
		min-width: 257px;
		width: 91.4%;
	}
	#ghrcareer_bloglist_filter .filter .col1 {
		margin-bottom: 55px;
		width:auto;
	}
	.ghrcareer_bloglist-Results p.total {
		margin-bottom: 15px;
	}
	.ghrcareer_eventlist-Results p.total{
		margin-bottom: 15px;
	}
	.ghrcareer_bloglist-Results .blog_text h2{
		line-height: 25px;
		margin-bottom:6px;
	}
	#ghrcareer_bloglist_filter #brightcove-player-wrapper .BrightcoveExperience{
		height:187px;
		width: 245px;
	}
	.twocolumn .twocolumnbodylayout .white_button a, #rightsidebar .white_button a{
		margin:0 0 5px;
	}
	.button_load{
		margin:20px 0px 30px;
	}
}
/* dropdown changes starts*/
         #ghr-bx-pager-dropdown {
            margin: 0 auto;
            padding:25px 0px 0px;
            display: block;
            width: 100%;
         }
         #ghr-bx-pager-dropdown a{
            width:88px;
            height: 110px;
            display: inline-block;
            margin: 0 auto;
            text-decoration: none;            
         }
         #ghr-bx-pager-dropdown a .circle-image{
            display:block;
            margin: 0 auto;
            width: 50px;
            height: 52px;
            background:url('ssbsr_en_clientlibs-12.7/layout_images/how-we-hire-circle.png') no-repeat;
         }
         #ghr-bx-pager-dropdown a .circle-image.hoverClass{
            background:url('ssbsr_en_clientlibs-12.7/layout_images/how-we-hire-circleHover.png') no-repeat;
            cursor:pointer
         }
         #ghr-bx-pager-dropdown a .circle-text{
            color:#007298;
            position:absolute;
            text-align:center;
            width:95px;
            margin-left: -3px;
            margin-top: 10px;
			font-size: 14px;
         }
        #ghr-bx-pager-dropdown a .numbering{
            color:#007298;
            font-size:24px;
            margin:-37px 38px;
            position:absolute;
            width:10px;
            text-align: left;
         }
         #ghr-bx-pager-dropdown a .circle-image .circle-text:hover{
            color:#95b6cc;
         }  
         /*Carousel Starts*/
.ghr-tab-dropdown-carousel {
   width: 460px;
   margin: 0px;
}
.ghr-tab-dropdown-carousel > .bx-wrapper > .bx-controls > .bx-controls-direction > a{
   display: none;
}
.ghr-tab-dropdown-carousel .slide #engagednow-component-layout-container .image-text-twocolumn{
   margin-top:45px;
}
.ghr-tab-dropdown-carousel .slide #engagednow-component-layout-container .image-text-twocolumn .carousel-next{
   top:65%;
   right:35%;
   z-index:99;
}
.ghr-tab-dropdown-carousel .slide #engagednow-component-layout-container .image-text-twocolumn .carousel-prev{
   top:65%;
   left:35%;
   z-index:99;
}
.ghr-tab-dropdown-carousel .slide #engagednow-component-layout-container .image-text-twocolumn ul li .en-image-text > .en-adaptive-image{
   width: 110px;
   height:auto;
   display: inline-block;
   margin: 0px;
}
.ghr-tab-carousel .slide #engagednow-component-layout-container .image-text-twocolumn ul li .en-image-text > .text{
   width: 300px;
   height:auto;
   display: inline-block;
   margin:-25px 0px 0px 20px;
   padding:0px;
}
.ghr-tab-carousel-dropdown-wrapper .ghr-tab-dropdown-carousel .slide .ghr_twoColumn_singleSlide{
   width: 100%;
}
.ghr-tab-dropdown-carousel .slide .image-text-twocolumn .bx-wrapper .bx-viewport{
  height: 166px !important;
}

.ghr-tab-carousel-dropdown-wrapper #ghr-bx-pager-dropdown a.active .numbering{
  color:#EEF5FA;
  font-weight:bold;
}
.ghr-tab-carousel-dropdown-wrapper #ghr-bx-pager-dropdown a.active .circle-text{
  font-weight:bold;
}
.ghr-tab-carousel-dropdown-wrapper #ghr-bx-pager-dropdown a.active .circle-image{
  background:url('ssbsr_en_clientlibs-12.7/layout_images/how-we-hire-circleHover.png') no-repeat;
    cursor:pointer;
}
.ghr-tab-carousel-dropdown-wrapper .ghr-tab-dropdown-carousel .slide .ghr_twoColumn_singleSlide .adaptive-image{
   width:80px;
   margin-right:25px;
   display: inline-block;
   float: left;
}
.ghr-tab-carousel-dropdown-wrapper .ghr-tab-dropdown-carousel .slide .ghr_twoColumn_singleSlide .richText:first-child{
   display: block;
   width: 100%;
}
.ghr-tab-carousel-dropdown-wrapper .ghr-tab-dropdown-carousel .slide .ghr_twoColumn_singleSlide .richText{
   display: inline-block;
   width: 350px;
   margin: 0px;

}
/*Carousel Ends*/
.ghr-slider-dropdown .image-text-twocolumn .en-col:first-child, .ghr-slider-dropdown .image-text-twocolumn .en-col{
   border-bottom: 1px solid #cdced5;
    border-top: 1px solid #cdced5;
    margin: 5px 0 55px;
    padding: 15px 0 0;
}
.ghr-tab-carousel-dropdown-wrapper .ghr-tab-dropdown-carousel .slide .ghr_twoColumn_singleSlide .richText span.h2{
   line-height: 34px;
}

.ghr_twoColumn_singleSlide .en-col .parsys{
   margin-top: -30px;
}

.bx-wrapper .bx-pager.bx-default-pager a{
   width:15px !important;
   height:15px !important;
   background: url("ssbsr_en_clientlibs-12.7/layout_images/sprite.png") no-repeat scroll -282px -214px !important;
}
.bx-wrapper .bx-pager.bx-default-pager a.active{
   background: url("ssbsr_en_clientlibs-12.7/layout_images/sprite.png") no-repeat scroll -247px -214px !important;
}

         .ghr-tab-carousel-dropdown-wrapper .ghr-tab-dropdown-carousel .slide img{
            padding:12px 0px 25px;           
            width: 100%;
            height:auto; 
         }
         .ghr-tab-carousel-dropdown-wrapper .ghr-tab-dropdown-carousel .slide .text{
            padding-bottom:25px;
             width:310px;
             float:right;
             padding: 0px;
             margin:-20px 0px 0px 0px;
         }
         .ghr-tab-carousel-dropdown-wrapper .ghr-tab-dropdown-carousel .slide .text.last-child{
            padding-top:25px;
            border-top:1px solid #cdced5;
         }
         .ghr-tab-carousel-dropdown-wrapper .ghr-tab-dropdown-carousel .slide div > span.tab-carousel-text-header{
            color:#002c5f;
         }
         .selectForMobile{
            display: none;
         }
         .en-detail > #engagednow-component-richtext.copiedHTML,.en-detail > #engagednow-component-richtext.copiedHTML.careers{
            display: none;
         }

         @media only screen and (max-width: 767px){
		 .ghr-tab-dropdown-carousel .slide .image-text-twocolumn .bx-wrapper .bx-viewport{
			  height: auto !important;
			}
            .ghr-slider-dropdown .image-text-twocolumn .en-col:first-child, .ghr-slider-dropdown .image-text-twocolumn .en-col{
               border-bottom: none;
                border-top: none;
                margin: -25px 0 50px;
                padding: 0px;
            }
            .selectForMobile{
               display: block;
               width:100%;
            }
            .selectForMobile > p {
                  color: #002f5f;
                  font-size: 24px !important;
                  margin-top: 50px;
                  font-family:"dinxtregular","Helvetica Neue",Helvetica,Arial,sans-serif;
              }
            .dropdownValue{
               width:90%;  
            }
            .ghr-tab-carousel-dropdown-wrapper .bx-wrapper{
               margin: 0px 0px 0px 5px;
            }
            .ghr-tab-carousel-dropdown-wrapper. .ghr-tab-dropdown-carousel{
               width: 100%;
            }
            #ghr-bx-pager-dropdown, .ghr-timings{
               display: none;
            }

            /* .ghr-tab-carousel-dropdown-wrapper .ghr-tab-dropdown-carousel .slide {
               padding-top: 15px;
            } */
            .ghr-tab-carousel-dropdown-wrapper .bx-prev,.bx-next{
               display: inline-block;
            }
            .ghr-tab-carousel-dropdown-wrapper .bx-wrapper .bx-prev {
                background: url("ssbsr_en_clientlibs-12.7/layout_images/sprite.png") no-repeat scroll -206px -209px;
                left: 10px;
                top: -21px;
            }
            .ghr-tab-carousel-dropdown-wrapper .bx-wrapper .bx-next {
                background: url("ssbsr_en_clientlibs-12.7/layout_images/sprite.png") no-repeat scroll -164px -209px;
                right: -223px;
                top: -21px;
            }
            .ghr-tab-carousel-dropdown-wrapper .bx-wrapper .bx-controls-direction a{
               position: relative;
               height:45px;
            }
            .ghr-tab-carousel-dropdown-wrapper .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
               bottom:27px;
            }
            .ghr-tab-carousel-dropdown-wrapper .ghr-tab-dropdown-carousel .slide img {
                margin: 0 auto;
               
                width: 95%;
            }
            .ghr-tab-carousel-dropdown-wrapper{
                  width: 98%;
               }
            .ghr-tab-dropdown-carousel{width:auto;margin:0}
            .ghr-tab-carousel-dropdown-wrapper .ghr-tab-dropdown-carousel .slide .ghr_twoColumn_singleSlide .richText{display:block;width:auto;margin:0;}
            .ghr-tab-carousel-dropdown-wrapper .ghr-tab-dropdown-carousel .slide .text{padding-bottom:25px;width:auto;float:none;padding:0;margin:0px;}
            .ghr-tab-dropdown-carousel .slide #engagednow-component-layout-container .image-text-twocolumn ul li .en-image-text>.en-adaptive-image{width:100%;height:auto;display:block;margin:0;}
            .ghr-tab-dropdown-carousel .slide #engagednow-component-layout-container .image-text-twocolumn ul li .en-image-text>.en-adaptive-image img{width:180px;height:auto;display:block;margin:0 auto;}
            .ghr-tab-dropdown-carousel .slide #engagednow-component-layout-container .image-text-twocolumn .carousel-next{top:-17px;right:0;z-index:99;}
            .ghr-tab-dropdown-carousel .slide #engagednow-component-layout-container .image-text-twocolumn .carousel-prev{top:-17px;left:0;z-index:99;}
            .ghr-tab-carousel-dropdown-wrapper .ghr-tab-dropdown-carousel .slide .ghr_twoColumn_singleSlide .adaptive-image {width:100%;display:block;}
.ghr-tab-carousel-dropdown-wrapper .ghr-tab-dropdown-carousel .slide .ghr_twoColumn_singleSlide .adaptive-image .en-adaptive-image{width:170px;margin:0 auto;display:block;}
.ghr-tab-carousel-dropdown-wrapper .ghr-tab-dropdown-carousel .slide .ghr_twoColumn_singleSlide .richText:first-child{display:block;width:100%}
.ghr-tab-carousel-dropdown-wrapper .ghr-tab-dropdown-carousel .slide .ghr_twoColumn_singleSlide .richText{display:inline-block;width:auto;margin:0}

.en-detail > #engagednow-component-richtext.copiedHTML{
   width: auto;
   padding: 10px 20px 20px;
   background-color: #d6e5f0;
   display: block;
}
.en-detail > #engagednow-component-richtext.copiedHTML.careers{
	margin-bottom:25px;
   display: block;
}
.center-main .en-hero .parallaxcontainer .lines .en-col-1 .curve.ghr_blur_curve_noCircleContent{
   background: url("ssbsr_en_clientlibs-12.7/layout_images/mainpromo_mobile_curve_bg.png") no-repeat scroll center bottom;
   min-height:400px;
}

         }

@media only screen and (min-width:320px) and (max-width:479px){
   .ghr-tab-dropdown-carousel .image-text-twocolumn .bx-wrapper ul li.carousel-list-item{
      width: 280px !important;
   }
}

.ss-hotspot-container .ss-hotspot-tooltip-wrapper .ss-tooltip .map_toolTip{width:81px;height:39px;
background:url("ssbsr_en_clientlibs-12.7/layout_images/mapRectBox.png") no-repeat;color:#fff;font-size:12px;
text-align:center;margin-left:-77px;line-height:35px;visibility:hidden;padding-bottom: 5px;
}
.ss-hotspot-container .ss-hotspot-tooltip-wrapper .ss-tooltip .map_toolTip p{margin:0;padding:0}
.ss-hotspot-container .ss-hotspot-tooltip-wrapper .ss-tooltip{margin-top:-44px}
.ss-hotspot-container .ss-hotspot-tooltip-wrapper .ss-tooltip .map-clicked-image{
   background:url("ssbsr_en_clientlibs-12.7/layout_images/mapSelectedImage.png") no-repeat;
   width: 16px;
   height: 16px;
   margin-top: -11px;
   margin-left: -5px;
   visibility: hidden;
}
.ss-tooltipimage {
	width: 5px;
	height: 5px;
}
.twocolumnbodylayout .ghr-map-results{
	width: 460px;
	min-height: 200px;
}
.ghr-map-results .eventslisting.section{
	display:none;
}
#ss-component-hotspot .ss-hotspot-container .map-dropdown{
      display: none;
   }

.ss-hotspot-container .ss-hotspot-tooltip-wrapper img{
   cursor: pointer;
   display:inherit;
}
#ss-component-hotspot{
   border-bottom: 1px solid #cdced5;
    margin-bottom: 28px;
    padding-bottom: 50px;
	padding-top: 34px;
}

@media only screen and (max-width:767px){
   #ss-component-hotspot {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
	padding-top: 0px;
}
   .ss-hotspot-container .ss-hotspot-bg{display:none}
   #ss-component-hotspot .ss-hotspot-container .dk-select.map-dropdown{
   display: block;
   margin:0px 0px 30px 20px;
   }
   .twocolumnbodylayout .ghr-map-results{
      width:100%;
      min-height:200px
   }
}