/*------- CSS RESET
http://meyerweb.com/eric/tools/css/reset/
| v2.0 | 20110126 License: none (public domain)-------*/
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,
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 {
  font-family: 'Source Sans Pro', sans-serif;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1;
  counter-reset: figure tableCount; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*-------END RESET*-------/



/*------- **BEGIN** STYLES THAT VARY BY REPORT-------*/
/*------- **END** STYLES THAT VARY BY REPORT-------*/
#marcotte-header {
  background-color: white;
  width: 100%;
  height: 3.4em !important; }

.body-marcotte {
  background-color: white; }

body,
div,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
code,
blockquote {
  font-family: 'Source Sans Pro', sans-serif;
  margin: 0;
  padding: 0;
  border-width: 0;
  max-width: 100%; }

body {
  overflow-x: hidden;
  position: absolute;
  width: 100%; }

p,
h1,
h2,
h3,
h4,
h5,
h6,
img,
button,
figcaption,
caption,
div.caption,
p.commissioned-by,
.pt-trademark,
div.sidebar-A,
div.sidebar-B,
div.endnotes-wrap,
div.text-group,
ul {
  margin: 0 auto;
  font-family: 'Source Sans Pro', sans-serif; }

html {
  font-family: 'Source Sans Pro', sans-serif; }

#js-modal-page {
  background-color: #414141 !important; }

.html-report-area {
  font-family: 'Source Sans Pro', sans-serif;
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
  background-color: #fff; }
  .html-report-area > div:not(.red-header):not(.html-report-footer-wrapper):not(.header-image) {
    margin-left: 11%;
    margin-right: 11%; }
  .html-report-area img {
    width: 100%;
    height: auto;
    display: block;
    margin: 1.875em auto; }
  .html-report-area figure {
    margin-bottom: 1.875em; }
    .html-report-area figure img {
      margin-bottom: 0;
      margin-top: 0; }
  .html-report-area figure > figcaption:first-child {
    margin-top: 1.875em;
    margin-bottom: 0.5em; }
    @media only screen and (min-width: 600px) {
      .html-report-area figure > figcaption:first-child {
        margin-top: 0; } }
  .html-report-area figure > figcaption + img {
    margin-top: 0; }
  .html-report-area figure > img:first-child {
    margin-top: 1.875em;
    margin-bottom: 0; }
    @media only screen and (min-width: 600px) {
      .html-report-area figure > img:first-child {
        margin-top: 0; } }
  .html-report-area figure > img + figcaption {
    margin-top: 0.5em; }

div.red-header {
  color: #fff;
  background-color: #d2232a;
  margin: 0;
  text-align: center;
  padding: 5pt 0 8pt;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-left: 0;
  margin-right: 0; }

div.red-header p {
  color: #fff;
  margin: 0 auto;
  text-align: center;
  width: 90%; }

h1.report-title {
  color: #d2232a;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.3em;
  margin-bottom: 0.5em; }

h2 {
  color: #d2232a;
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.3em;
  margin-bottom: 1.25em; }
  h2.report-subtitle {
    color: #6d6e71; }

h3.report-section {
  color: #d2232a;
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 0.5em; }
  @media only screen and (min-width: 600px) {
    h3.report-section {
      line-height: 1.4em; } }

h4.report-subsection,
h4,
.sidebar-heading {
  color: #d2232a;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.2em;
  margin-bottom: 0.5em; }

h4.sidebar-heading {
  padding-right: 10%;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.125;
  max-width: 90%;
  margin-bottom: 1em; }

h5.report-h5 {
  color: #132240;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.1em;
  font-weight: 500;
  margin-bottom: 0.35em; }

h6.report-h6 {
  color: #132240;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1em;
  font-weight: 600;
  margin-bottom: 0.25em; }

a,
.btn-close-disclaimer {
  text-decoration: none; }
  a:hover,
  .btn-close-disclaimer:hover {
    text-decoration: underline; }

#js-modal-close {
  color: var(--color-font-hyperlink);
  border: none;
  text-decoration: none;
  text-align: center;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 5px;
  line-height: normal;
  padding: 0;
  background-color: inherit; }
  #js-modal-close:hover {
    text-decoration: underline;
    text-underline-offset: 1px; }

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

.nomarginbottom {
  margin-bottom: 0 !important; }

.commissioned-by {
  padding-top: 10px; }
  @media only screen and (min-width: 600px) {
    .commissioned-by {
      padding-top: 0; } }
  .commissioned-by p {
    color: #555;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.875em;
    margin-top: 10px;
    margin-bottom: 25px; }

div.p1-sidebar,
div.p1-sidebar-R {
  width: 100%;
  float: right;
  margin: 0;
  margin-bottom: 10px;
  width: 100%;
  float: unset;
  padding-bottom: 25px; }
  @media only screen and (min-width: 600px) {
    div.p1-sidebar,
    div.p1-sidebar-R {
      width: 43%;
      float: right;
      padding-bottom: 0; } }

div.p1-sidebar img,
div.p1-sidebar-R img,
div.p1-sidebar-L img {
  margin: 0;
  height: 100%;
  min-width: 100%;
  width: 100%; }

div.p1-sidebar-L {
  margin: 0;
  width: 100%;
  float: unset;
  padding-bottom: 25px; }
  @media only screen and (min-width: 600px) {
    div.p1-sidebar-L {
      width: 43%;
      float: left;
      -ms-flex-preferred-size: 57%;
          flex-basis: 57%;
      padding-bottom: 0; } }

div.p1-text-L {
  -ms-flex-preferred-size: 57%;
      flex-basis: 57%;
  margin: 0 !important;
  margin-right: 11% !important;
  padding-bottom: 25px;
  width: 100%;
  float: unset; }
  @media only screen and (min-width: 600px) {
    div.p1-text-L {
      -ms-flex-preferred-size: 57%;
          flex-basis: 57%;
      padding-bottom: 0; } }

div.p1-text-R {
  -ms-flex-preferred-size: 57%;
      flex-basis: 57%;
  margin: 0 !important;
  float: right; }

div.p1-text p,
div.p1-text-L p {
  margin: 0 0 1.25em 0;
  max-width: 100%; }

div.p1-text-R p {
  margin: 0 0 1.2em 1.2em;
  max-width: 100%; }

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

div.body-text p {
  margin: 0 auto 1.25em;
  clear: both; }

p {
  color: #000000;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.4em;
  margin-bottom: 1.25em; }

:not(.endnotes-wrap) ol,
:not(.endnotes-wrap) ul {
  margin-left: 40px; }
  :not(.endnotes-wrap) ol ol,
  :not(.endnotes-wrap) ol ul,
  :not(.endnotes-wrap) ul ol,
  :not(.endnotes-wrap) ul ul {
    margin-left: 0px;
    margin-bottom: 20px; }

ul,
ol {
  color: #000000;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.25em;
  list-style: none;
  margin-bottom: 1em; }

.html-report-area ul li::before {
  content: "\2022";
  color: #d2232a;
  font-weight: 400;
  display: inline-block;
  width: 1em;
  margin-left: -1em; }
  .html-report-area ul li::before ul li {
    content: "\2022";
    color: #000;
    font-weight: 400;
    display: inline-block;
    width: 1em;
    margin-left: -1em; }
    .html-report-area ul li::before ul li ul li {
      content: "\00b7";
      color: #000;
      font-weight: 400;
      display: inline-block;
      width: 1em;
      margin-left: -1em; }

ul li.level-1::before {
  content: "\2022";
  color: #d2232a;
  font-weight: 400;
  display: inline-block;
  width: 1em;
  margin-left: -1em; }

ul li.level-2::before {
  content: "\2022";
  color: #000;
  font-weight: 400;
  display: inline-block;
  width: 1em;
  margin-left: -1em; }

ul li.level-3::before {
  content: "\00b7";
  color: #000;
  font-weight: 400;
  display: inline-block;
  width: 1em;
  margin-left: -1em; }

ul li {
  margin-bottom: 0.5em; }

li.level-1,
li.level-2,
li.level-3 {
  margin-bottom: 0.5em; }

li.endnotes {
  color: #555;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 0.875em;
  line-height: 1.2;
  margin: 0 0 0.75em 0;
  max-width: 100%; }
  li.endnotes a {
    word-break: break-word;
    overflow-wrap: break-word; }

div.endnotes-wrap {
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
  margin-top: 2.5em;
  margin-bottom: 20px;
  padding: 10px 0; }
  div.endnotes-wrap ol {
    margin: auto;
    margin-top: 0.75em;
    padding-left: 1em;
    list-style: auto; }
    div.endnotes-wrap ol li {
      padding-left: 1em; }

figcaption,
caption,
div.caption {
  color: #777;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 0.875em;
  color: #58595B;
  line-height: 18px;
  margin-top: 0;
  margin-bottom: 1.5em; }

figcaption:not(.table-caption)::before {
  counter-increment: figure;
  /* Increment the value of figure counter by 1 to display before figcaption */
  content: "Figure " counter(figure) ": "; }

figcaption.caption.table::before {
  counter-increment: tableCount;
  content: "Table " counter(tableCount) ": "; }

div.caption ol {
  margin: -10px auto 1.25em; }

sup {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
  font-size: 75%; }

.header-image img {
  height: auto;
  min-width: 100%;
  width: 100%;
  display: block;
  margin: 0 0 1.25em 0; }

div.sidebar-A,
div.sidebar-B,
div.sidebar-C,
div.sidebar-D {
  padding: 20px 23px;
  margin: 20px auto;
  word-wrap: break-word; }
  div.sidebar-A p,
  div.sidebar-B p,
  div.sidebar-C p,
  div.sidebar-D p {
    margin-bottom: 1em; }
  div.sidebar-A a,
  div.sidebar-B a,
  div.sidebar-C a,
  div.sidebar-D a {
    white-space: pre-wrap;
    word-break: break-word;
    overflow-wrap: break-word;
    max-width: 100%; }
  div.sidebar-A + .sidebar-A,
  div.sidebar-A + .sidebar-B,
  div.sidebar-A + .sidebar-C,
  div.sidebar-A + .sidebar-D,
  div.sidebar-B + .sidebar-A,
  div.sidebar-B + .sidebar-B,
  div.sidebar-B + .sidebar-C,
  div.sidebar-B + .sidebar-D,
  div.sidebar-C + .sidebar-A,
  div.sidebar-C + .sidebar-B,
  div.sidebar-C + .sidebar-C,
  div.sidebar-C + .sidebar-D,
  div.sidebar-D + .sidebar-A,
  div.sidebar-D + .sidebar-B,
  div.sidebar-D + .sidebar-C,
  div.sidebar-D + .sidebar-D {
    margin-top: -20px; }

.html-report-footer-wrapper {
  border-top: 10px solid #DA2128;
  padding-top: 20px;
  margin-left: 0;
  margin-right: 0; }

.project-collateral {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.project-collateral-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: center;
      align-content: center;
  max-width: 100%;
  align-content: center;
  padding-bottom: 25px; }
  @media only screen and (min-width: 600px) {
    .project-collateral-item {
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
      max-width: 100%;
      padding-bottom: 0;
      margin-left: 0;
      margin-right: 0; } }
  .project-collateral-item img {
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 100%;
    height: initial;
    font-size: 0.875em;
    width: 300px;
    border: 0.5px solid #ececec;
    min-width: initial; }
    @media only screen and (min-width: 600px) {
      .project-collateral-item img {
        width: 200px; } }
  .project-collateral-item .collateral-text {
    text-align: center;
    width: 100%;
    font: normal normal normal 16px/20px Source Sans Pro;
    letter-spacing: 0px;
    color: #777777; }
  .project-collateral-item:hover {
    text-decoration: none; }
    .project-collateral-item:hover img {
      -webkit-filter: drop-shadow(0px 18px 18px #00000033);
              filter: drop-shadow(0px 18px 18px #00000033);
      border-color: transparent; }
    .project-collateral-item:hover .collateral-text {
      color: #0088CC; }

.pt-trademark {
  padding-bottom: 25px; }
  .pt-trademark p {
    color: #555;
    font-size: 0.875em;
    width: 100%;
    max-width: 100%;
    margin: initial; }

.disclaimer-wrapper {
  text-align: center; }

.disclaimer-btn {
  width: 100%;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding: 21px;
  background-color: #cecece;
  height: 60px;
  -webkit-transition: all .2s;
  transition: all .2s;
  cursor: pointer;
  border: 0;
  margin-top: 30px;
  font-size: 0.875em; }
  .disclaimer-btn:hover {
    background-color: #777777;
    color: white; }

.disclaimer-image {
  width: 100%;
  max-width: auto;
  height: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-left: auto;
  margin-right: auto; }

dialog {
  display: block; }

.hidden {
  display: none; }

.sr-only,
.invisible {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  /* 1 */
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  /* 2 */
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
  /* 3 */ }

#js-modal {
  position: fixed;
  left: 0;
  top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 85vw;
  max-height: 90vh;
  color: #000000;
  border-radius: 0;
  overflow-y: auto;
  border: none;
  margin: auto;
  z-index: 667;
  font-size: 14px;
  line-height: 20px;
  -webkit-filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.5)); }
  #js-modal.lightbox-modal {
    top: 0;
    margin: 20px;
    max-height: 90vh;
    margin: auto; }
    @media only screen and (min-width: 600px) {
      #js-modal.lightbox-modal {
        top: 10px;
        max-width: 90vw; } }

#js-modal.modal_disclaimer {
  background: #F2F2F2;
  width: 700px; }

#js-modal-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(88, 89, 91, 0.65);
  z-index: 3; }

.no-scroll {
  overflow: hidden;
  position: absolute;
  top: initial;
  max-width: 100%; }

.lightbox-btn {
  cursor: pointer; }

.lightbox-modal-image {
  max-width: 100%; }

.col-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto; }
  .col-group h3,
  .col-group h4,
  .col-group h5,
  .col-group h6 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  .col-group .img-R,
  .col-group .img-L {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    width: auto;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  .col-group .body-text-R,
  .col-group .body-text-L {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  .col-group img {
    height: auto;
    display: block;
    width: 100%;
    margin: 0; }
  @media (min-width: 768px) {
    .col-group {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      .col-group .img-R,
      .col-group .img-L {
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0;
        -ms-flex-negative: 1;
            flex-shrink: 1;
        -ms-flex-preferred-size: 43%;
            flex-basis: 43%; }
        .col-group .img-R img,
        .col-group .img-L img {
          width: 100%;
          height: auto; }
      .col-group .body-text-R,
      .col-group .body-text-L {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        -ms-flex-preferred-size: 57%;
            flex-basis: 57%; }
      .col-group .body-text-R {
        padding-left: 0.5em; }
      .col-group .body-text-L {
        padding-right: 0.5em; } }

div.endnotes-wrap ol {
  padding-left: 1em;
  list-style: decimal; }

a,
.Hyperlink {
  color: var(--color-font-hyperlink); }

p.note {
  color: #444;
  background-color: #f2f2f2;
  padding: 1em;
  font-size: 0.9em;
  line-height: 1em;
  border-radius: 3px;
  margin: 20px auto; }

.sidebar-text {
  font-size: 0.9em;
  font-weight: 400;
  line-height: 1.25em;
  list-style: none;
  margin-bottom: 1.2em;
  color: inherit; }

.summary-header {
  background: #f1f2f2;
  color: #d2232a; }
  .summary-header p {
    color: #d2232a;
    margin-top: -1.25em;
    text-align: center;
    padding: 5pt 0 5pt; }

div.sidebar-A {
  background-color: var(--color-bg-sidebar-A);
  color: var(--color-txt-sidebar-A); }
  div.sidebar-A h2,
  div.sidebar-A h3,
  div.sidebar-A h4,
  div.sidebar-A h5,
  div.sidebar-A h6 {
    color: var(--color-h-sidebar-A); }
  div.sidebar-A p {
    color: inherit; }
  div.sidebar-A a,
  div.sidebar-A .Hyperlink {
    color: var(--color-hyperlink-sidebar-A); }

div.sidebar-B {
  background-color: var(--color-bg-sidebar-B);
  color: var(--color-txt-sidebar-B); }
  div.sidebar-B h2,
  div.sidebar-B h3,
  div.sidebar-B h4,
  div.sidebar-B h5,
  div.sidebar-B h6 {
    color: var(--color-h-sidebar-B); }
  div.sidebar-B p {
    color: inherit; }
  div.sidebar-B a,
  div.sidebar-B .Hyperlink {
    color: var(--color-hyperlink-sidebar-B); }

div.sidebar-C {
  background-color: var(--color-bg-sidebar-C);
  color: var(--color-txt-sidebar-C); }
  div.sidebar-C h2,
  div.sidebar-C h3,
  div.sidebar-C h4,
  div.sidebar-C h5,
  div.sidebar-C h6 {
    color: var(--color-h-sidebar-C); }
  div.sidebar-C p {
    color: inherit; }
  div.sidebar-C a,
  div.sidebar-C .Hyperlink {
    color: var(--color-hyperlink-sidebar-C); }

div.sidebar-D {
  background-color: var(--color-bg-sidebar-D);
  color: var(--color-txt-sidebar-D); }
  div.sidebar-D h2,
  div.sidebar-D h3,
  div.sidebar-D h4,
  div.sidebar-D h5,
  div.sidebar-D h6 {
    color: var(--color-h-sidebar-D); }
  div.sidebar-D p {
    color: inherit; }
  div.sidebar-D a,
  div.sidebar-D .Hyperlink {
    color: var(--color-hyperlink-sidebar-D); }

sup.endnote-link {
  color: #2a677b; }

table {
  margin-bottom: 1.875em; }
  table caption {
    margin-bottom: 0.5em; }

.table-container {
  overflow-x: auto; }
  .table-container th,
  .table-container td {
    padding: 8px 5px; }
  .table-container th {
    font-weight: 600;
    color: var(--color-txt-table-header);
    background-color: var(--color-bg-table-header);
    border-right: 1px solid #fff;
    border-left: 1px solid #fff; }
  .table-container td {
    border: 1px solid #808080; }
    .table-container td.table-number {
      text-align: right; }
    .table-container td.table-subhead {
      background-color: #E6E7E8;
      border-right: 0px;
      border-left: 0px; }

.modal-share-btn-wrapper {
  display: none;
  position: fixed;
  margin-left: 0px !important;
  top: 580px;
  -webkit-transition: .2s opacity;
  transition: .2s opacity;
  opacity: 0; }
  @media only screen and (min-width: 600px) {
    .modal-share-btn-wrapper {
      display: block;
      position: fixed;
      margin-left: 0; } }

.mobile-modal-share-btn-wrapper {
  display: block;
  margin-right: 0px !important;
  position: fixed;
  right: 0; }
  .mobile-modal-share-btn-wrapper .modal-share-title {
    padding-top: 0px;
    margin-top: 17px;
    color: black;
    font-size: 14px;
    font-weight: 400;
    text-align: center; }
  .mobile-modal-share-btn-wrapper .modal-share-btn {
    height: 32px;
    width: 32px; }
    .mobile-modal-share-btn-wrapper .modal-share-btn img {
      margin: 6.92px 4.94px 6.92px 6.94px; }
  @media only screen and (min-width: 600px) {
    .mobile-modal-share-btn-wrapper {
      display: none;
      -webkit-transition: .03s top;
      transition: .03s top; } }

.modal-share-title {
  padding-top: 0px;
  margin-top: 17px;
  color: black;
  font-size: 14px;
  font-weight: 400;
  text-align: center; }

.modal-share-btn {
  width: 44px;
  height: 71px;
  background-color: #F2F2F2;
  border: 0px;
  color: #58595B;
  padding: 0px; }
  .modal-share-btn img {
    margin-top: 0px;
    margin-bottom: 7px;
    margin-left: 12px;
    width: 20.12px; }
  .modal-share-btn:hover {
    background-color: #DA2128;
    color: white;
    cursor: pointer; }
    .modal-share-btn:hover .filter-gray {
      -webkit-filter: invert(100%) sepia(99%) saturate(16%) hue-rotate(209deg) brightness(104%) contrast(100%);
              filter: invert(100%) sepia(99%) saturate(16%) hue-rotate(209deg) brightness(104%) contrast(100%); }
    .modal-share-btn:hover img {
      -webkit-filter: invert(100%) sepia(99%) saturate(16%) hue-rotate(209deg) brightness(104%) contrast(100%);
              filter: invert(100%) sepia(99%) saturate(16%) hue-rotate(209deg) brightness(104%) contrast(100%); }

.mobile-modal-share-btn-wrapper-bottom {
  display: block; }
  .mobile-modal-share-btn-wrapper-bottom .modal-share-btn {
    width: 98px;
    height: 30px;
    border: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    justify-items: center; }
    .mobile-modal-share-btn-wrapper-bottom .modal-share-btn img {
      margin: 0 12px 0 15px;
      width: 20.12px; }
  @media only screen and (min-width: 600px) {
    .mobile-modal-share-btn-wrapper-bottom {
      display: none; } }

#js-modal.modal_socialshare {
  top: 258px;
  width: 320px;
  height: 250px;
  background-color: #FFFFFF;
  padding: 0px !important; }
  #js-modal.modal_socialshare h1 {
    text-align: center; }
  #js-modal.modal_socialshare #js-modal-close {
    background-color: #FFFFFF;
    margin-top: 20px; }
  #js-modal.modal_socialshare .modal-close__text {
    color: #58595B;
    cursor: pointer; }
    #js-modal.modal_socialshare .modal-close__text:hover {
      text-decoration: none; }

.social-btn-wrapper {
  max-width: 250px;
  padding: 20px 33px 12px 31px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .social-btn-wrapper .btn-share-link {
    border: 0px;
    width: 48px;
    height: 63px;
    font-size: 12px;
    color: #58595B;
    text-decoration: none;
    text-align: center; }
    .social-btn-wrapper .btn-share-link:first-child {
      width: 44px;
      height: 63px; }
    .social-btn-wrapper .btn-share-link:nth-child(2) {
      width: 48px;
      height: 63px; }
    .social-btn-wrapper .btn-share-link:nth-child(3) {
      width: 44px;
      height: 63px; }
    .social-btn-wrapper .btn-share-link:nth-child(4) {
      width: 44px;
      height: 63px; }
    .social-btn-wrapper .btn-share-link img {
      max-width: 34px;
      height: auto;
      padding: 5px; }
      .social-btn-wrapper .btn-share-link img:hover {
        background-color: #F2F2F2; }

.btn-share-link-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  background-color: #F2F2F2;
  width: 280px;
  border: 0px;
  padding-bottom: 12px;
  padding-top: 12px;
  margin-top: 10px;
  position: relative; }
  .btn-share-link-wrapper #clipboardlink {
    border: 0px;
    margin-left: 26px;
    margin-right: 26px;
    width: auto;
    font-size: 12px;
    height: 15px;
    font-weight: 400;
    line-height: normal;
    font-family: 'Source Sans Pro', Arial, sans-serif; }
  .btn-share-link-wrapper .btn-share-link {
    border: 0px;
    cursor: pointer;
    width: 64px;
    height: 24px;
    background-color: #58595B;
    color: white;
    font-size: 12px;
    padding-top: 2px;
    padding-bottom: 3px; }
    .btn-share-link-wrapper .btn-share-link:hover {
      background-color: #DA2128;
      color: white; }

.filter-gray {
  -webkit-filter: invert(35%) sepia(5%) saturate(191%) hue-rotate(182deg) brightness(95%) contrast(91%);
          filter: invert(35%) sepia(5%) saturate(191%) hue-rotate(182deg) brightness(95%) contrast(91%); }

.animate-hidden {
  opacity: 0;
  -webkit-transition: .2s opacity;
  transition: .2s opacity; }