/* images */
/* fonts */
/* Noto Sans */
/* Montserrat */
/* DIN */
/************** BEGIN Font Declarations ************************/
@font-face {
  font-family: "Montserrat";
  src: url("../font/Montserrat-regular.eot?#iefix");
  src: url("../font/Montserrat-regular.eot?#iefix") format("eot"), url("../font/Montserrat-regular.woff") format("woff"), url("../font/Montserrat-regular.ttf?v=15768139") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Montserrat";
  src: url("../font/Montserrat-700.eot?#iefix");
  src: url("../font/Montserrat-700.eot?#iefix") format("eot"), url("../font/Montserrat-700.woff") format("woff"), url("../font/Montserrat-700.ttf?v=15768139") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "DIN Condensed";
  src: url("https://static.cancer.gov/fonts/FS-WebFonts/1381346/ba8374b0-f3d8-4cc2-b782-8bf578b1950f.eot?#iefix");
  src: url("https://static.cancer.gov/fonts/FS-WebFonts/1381346/ba8374b0-f3d8-4cc2-b782-8bf578b1950f.eot?#iefix") format("eot"), url("https://static.cancer.gov/fonts/FS-WebFonts/1381346/54113791-74a1-4d34-a045-592d484e51b9.woff2") format("woff2"), url("https://static.cancer.gov/fonts/FS-WebFonts/1381346/07e17e93-babd-4bce-bbde-cc2a88b4564a.woff") format("woff"), url("https://static.cancer.gov/fonts/FS-WebFonts/1381346/5dc47294-657d-4a9d-b4f9-e26ea02bfb27.ttf?v=15768139") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "DIN Condensed";
  src: url("https://static.cancer.gov/fonts/FS-WebFonts/5425816/4b974770-fdd2-4cb6-ab28-02f5000b83ff.eot?#iefix");
  src: url("https://static.cancer.gov/fonts/FS-WebFonts/5425816/4b974770-fdd2-4cb6-ab28-02f5000b83ff.eot?#iefix") format("eot"), url("https://static.cancer.gov/fonts/FS-WebFonts/5425816/84ab08ad-4ce4-454b-a247-bc639f5eacd7.woff2") format("woff2"), url("https://static.cancer.gov/fonts/FS-WebFonts/5425816/c76f8a54-5ec1-4f2f-88e7-7a935ccbf62b.woff") format("woff"), url("https://static.cancer.gov/fonts/FS-WebFonts/5425816/56633575-7acf-4dbd-94c9-5b013067b285.ttf?v=15768139") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "DIN Regular";
  src: url("https://static.cancer.gov/fonts/FS-WebFonts/5426089/a397c752-ee83-47cf-b8a8-b476511dd2c9.eot?#iefix");
  src: url("https://static.cancer.gov/fonts/FS-WebFonts/5426089/a397c752-ee83-47cf-b8a8-b476511dd2c9.eot?#iefix") format("eot"), url("https://static.cancer.gov/fonts/FS-WebFonts/5426089/53fb9c60-2054-4c31-9283-5562244b4935.woff2") format("woff2"), url("https://static.cancer.gov/fonts/FS-WebFonts/5426089/45831ca8-93bd-4808-aa5f-3c915944f727.woff") format("woff"), url("https://static.cancer.gov/fonts/FS-WebFonts/5426089/429a3e29-88da-4603-94ff-c1450c089c88.ttf?v=15768139") format("truetype");
  font-weight: normal;
  font-style: normal; }

/********************* END Font Declarations ******************************************/
ul.no-bullets,
.contentzone ul.no-bullets,
.rawHtml ul.no-bullets {
  padding: 0; }
  ul.no-bullets > li, .contentzone ul.no-bullets > li, .rawHtml ul.no-bullets > li {
    background: none;
    list-style-type: none;
    padding: 0; }
    ul.no-bullets > li:before, .contentzone ul.no-bullets > li:before, .rawHtml ul.no-bullets > li:before {
      display: none;
      content: none; }
  ul.no-bullets ul, .contentzone ul.no-bullets ul, .rawHtml ul.no-bullets ul {
    margin: 5px 0 8px; }
    ul.no-bullets ul > li, .contentzone ul.no-bullets ul > li, .rawHtml ul.no-bullets ul > li {
      padding: 0 0 0 10px;
      margin: 0 0 5px; }

.embedded-entity[data-entity-embed-display*="_feature_card"] a:hover, .topic-feature a:hover, a.arrow-link:hover, a.arrow-link-white:hover, .embedded-entity[data-entity-embed-display*="_feature_card"] a:focus, .topic-feature a:focus, a.arrow-link:focus, a.arrow-link-white:focus {
  color: #BB0E3D;
  text-decoration: none; }

/****************** VENDOR LIBRARIES SECTION ********************/
/***  BEGIN RESET STYLES ***/
/* CSS Document */
/* 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, .related-resources h6, 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, .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%;
  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; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

/***  END RESET STYLES ***/
/***  BEGIN FOUNDATION STYLES ***/
/****************** NCI UTILITIES ********************/
/**
 * The following variable and function originate from the sass-mq library.
 * If you have already included it, you can eliminate the below
 * https://github.com/sass-mq/sass-mq/blob/master/_mq.scss
 */
.ui-selectmenu-button span.ui-icon::before, form button.startover:before,
.button.startover:before, .icon-exit-notification, .feature-card .image-hover a.icon-exit-notification, .cthp-card-image a.icon-exit-notification, .CDR_audiofile, #sitesearch, button.nav-header::before, a.nav-contact::before, a.nav-dictionary::before, button.nav-search::before, .site-footer__icons .icon.facebook::before, .site-footer__icons .icon.twitter::before, .site-footer__icons .icon.instagram::before, .site-footer__icons .icon.pinterest::before, .site-footer__icons .icon.youtube::before, .site-footer__icons .icon.linkedin::before, .site-footer__icons .icon.rss::before, .site-footer__icons .icon.govdelivery::before, figure a.article-image-enlarge::before, a.infographic-view-full::before, a.video-view-full::before, .site-notification .notification a::after, .modal__btn-close::before, .modal__content .CDR_audiofile, .slick-slide .site-link::before, .arrows-for-other-nci-sites .next, .arrows-for-other-nci-sites .next:hover, .arrows-for-other-nci-sites .previous, .arrows-for-other-nci-sites .previous:hover, .site-footer .back-to-top::after, .news-share a.news-twitter:before, .news-share a.news-facebook:before, .news-share a.news-youtube:before, .news-share a.news-rss:before, .news-share a.news-govdelivery:before, .news-share a.news-events:before, .pub-buttons a.html::before, .pub-buttons a.pdf::before, .pub-buttons a.kindle::before, .pub-buttons a.epub::before, .pub-buttons a.lector::before, .pub-buttons a.free::before, .filetype.pdf, .filetype.exe, .filetype.txt, .filetype.ebook, .filetype.ppt, .filetype.word, .filetype.excel, .contact-buttons .phone:before, .contact-buttons .chat:before, .contact-buttons .email:before, #section-menu-button::before, #nvcgSlMainNav.searching .mobile-menu-bar .menu-btn:before, .arrows-for-ic-carousel .previous, .arrows-for-ic-carousel .next, .yt-carousel-arrows .previous,
.yt-carousel-m-arrows .m-previous, .yt-carousel-arrows .next,
.yt-carousel-m-arrows .m-next, a.arrow-link::before, a.arrow-link-white::before, a.arrow-link:hover::before, a.arrow-link-white:hover::before, a.toggle-arrow-link::after, a.toggle-arrow-link:hover::after, a.toggle-arrow-link:focus::after, .checkbox input[type="checkbox"]:checked + label::before, .popup-close a, table[data-sortable] thead th:before, table[data-sortable] th[data-sorted="down"]:before, table[data-sortable] th[data-sorted="up"]:before, .ProactiveLiveHelpPrompt .live-help, .ProactiveLiveHelpPrompt .spanish-livehelp .live-help, .ProactiveLiveHelpPrompt .close {
  display: inline-block;
  background-image: url(../images/sprites/svg-sprite.svg);
  background-size: 12em 265.9375em; }

.flex-columns {
  display: -webkit-box;
  display: flex;
  float: none; }
  @media only screen and (max-width: 765px) {
    .flex-columns.guide-card {
      display: inherit; } }
  @media only screen and (max-width: 640px) {
    .flex-columns:not(.multimedia) {
      display: inherit; } }

@media only screen and (min-width: 1025px) {
  .row .gutter {
    margin-left: 2%; }
    .row .gutter:first-child {
      margin-left: 0; }
    .row .gutter.large-6 {
      width: 48.5%; }
    .row .gutter.large-4 {
      width: 32%; } }

meta.foundation-mq-small {
  font-family: "screen and (min-width: 641px)";
  width: 641px; }

meta.foundation-mq-medium {
  font-family: "screen and (min-width: 1025px)";
  width: 1025px; }

meta.foundation-mq-large {
  font-family: "screen and (min-width: 1441px)";
  width: 1441px; }

/* Grid HTML Classes */
.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5em;
  *zoom: 1; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column,
  .row.collapse > .columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    width: auto;
    margin-left: -0.9375em;
    margin-right: -0.9375em;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom: 1; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none;
      *zoom: 1; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.column,
.columns {
  position: relative;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  width: 100%;
  float: left; }

@media only screen {
  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }
  .small-1 {
    position: relative;
    width: 8.33333%; }
  .small-2 {
    position: relative;
    width: 16.66667%; }
  .small-3 {
    position: relative;
    width: 25%; }
  .small-4 {
    position: relative;
    width: 33.33333%; }
  .small-5 {
    position: relative;
    width: 41.66667%; }
  .small-6 {
    position: relative;
    width: 50%; }
  .small-7 {
    position: relative;
    width: 58.33333%; }
  .small-8 {
    position: relative;
    width: 66.66667%; }
  .small-9 {
    position: relative;
    width: 75%; }
  .small-10 {
    position: relative;
    width: 83.33333%; }
  .small-11 {
    position: relative;
    width: 91.66667%; }
  .small-12 {
    position: relative;
    width: 100%; }
  .small-offset-0 {
    position: relative;
    margin-left: 0%; }
  .small-offset-1 {
    position: relative;
    margin-left: 8.33333%; }
  .small-offset-2 {
    position: relative;
    margin-left: 16.66667%; }
  .small-offset-3 {
    position: relative;
    margin-left: 25%; }
  .small-offset-4 {
    position: relative;
    margin-left: 33.33333%; }
  .small-offset-5 {
    position: relative;
    margin-left: 41.66667%; }
  .small-offset-6 {
    position: relative;
    margin-left: 50%; }
  .small-offset-7 {
    position: relative;
    margin-left: 58.33333%; }
  .small-offset-8 {
    position: relative;
    margin-left: 66.66667%; }
  .small-offset-9 {
    position: relative;
    margin-left: 75%; }
  .small-offset-10 {
    position: relative;
    margin-left: 83.33333%; }
  [class*="column"] + [class*="column"]:last-child {
    float: right; }
  [class*="column"] + [class*="column"].end {
    float: left; }
  .column.small-centered,
  .columns.small-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important; } }

/* Styles for screens that are atleast 768px; */
@media screen and (min-width: 641px) {
  .large-1 {
    position: relative;
    width: 8.33333%; }
  .large-2 {
    position: relative;
    width: 16.66667%; }
  .large-3 {
    position: relative;
    width: 25%; }
  .large-4 {
    position: relative;
    width: 33.33333%; }
  .large-5 {
    position: relative;
    width: 41.66667%; }
  .large-6 {
    position: relative;
    width: 50%; }
  .large-7 {
    position: relative;
    width: 58.33333%; }
  .large-8 {
    position: relative;
    width: 66.66667%; }
  .large-9 {
    position: relative;
    width: 75%; }
  .large-10 {
    position: relative;
    width: 83.33333%; }
  .large-11 {
    position: relative;
    width: 91.66667%; }
  .large-12 {
    position: relative;
    width: 100%; }
  .row .large-offset-0 {
    position: relative;
    margin-left: 0%; }
  .row .large-offset-1 {
    position: relative;
    margin-left: 8.33333%; }
  .row .large-offset-2 {
    position: relative;
    margin-left: 16.66667%; }
  .row .large-offset-3 {
    position: relative;
    margin-left: 25%; }
  .row .large-offset-4 {
    position: relative;
    margin-left: 33.33333%; }
  .row .large-offset-5 {
    position: relative;
    margin-left: 41.66667%; }
  .row .large-offset-6 {
    position: relative;
    margin-left: 50%; }
  .row .large-offset-7 {
    position: relative;
    margin-left: 58.33333%; }
  .row .large-offset-8 {
    position: relative;
    margin-left: 66.66667%; }
  .row .large-offset-9 {
    position: relative;
    margin-left: 75%; }
  .row .large-offset-10 {
    position: relative;
    margin-left: 83.33333%; }
  .row .large-offset-11 {
    position: relative;
    margin-left: 91.66667%; }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column.large-centered,
  .columns.large-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important; }
  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; }
  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right !important; } }

/* Foundation Visibility HTML Classes */
.show-for-small,
.show-for-medium-down,
.show-for-large-down {
  display: inherit !important; }

.show-for-medium,
.show-for-medium-up,
.show-for-large,
.show-for-large-up,
.show-for-xlarge {
  display: none !important; }

.hide-for-medium,
.hide-for-medium-up,
.hide-for-large,
.hide-for-large-up,
.hide-for-xlarge {
  display: inherit !important; }

.hide-for-small,
.hide-for-medium-down,
.hide-for-large-down {
  display: none !important; }

/* Specific visilbity for tables */
table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge {
  display: table; }

thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge {
  display: table-header-group !important; }

tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge {
  display: table-row-group !important; }

tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge {
  display: table-row !important; }

td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge,
th.show-for-small,
th.show-for-medium-down,
th.show-for-large-down,
th.hide-for-medium,
th.hide-for-medium-up,
th.hide-for-large,
th.hide-for-large-up,
th.hide-for-xlarge {
  display: table-cell !important; }

/* Medium Displays: 768px - 1279px */
@media screen and (min-width: 641px) {
  .show-for-medium,
  .show-for-medium-up {
    display: inherit !important; }
  .show-for-small {
    display: none !important; }
  .hide-for-small {
    display: inherit !important; }
  .hide-for-medium,
  .hide-for-medium-up {
    display: none !important; }
  /* Specific visilbity for tables */
  table.show-for-medium, table.show-for-medium-up, table.hide-for-small {
    display: table; }
  thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small {
    display: table-header-group !important; }
  tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small {
    display: table-row-group !important; }
  tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small {
    display: table-row !important; }
  td.show-for-medium, td.show-for-medium-up, td.hide-for-small,
  th.show-for-medium,
  th.show-for-medium-up,
  th.hide-for-small {
    display: table-cell !important; } }

/* Large Displays: 1280px - 1440px */
@media screen and (min-width: 1025px) {
  .show-for-large,
  .show-for-large-up {
    display: inherit !important; }
  .show-for-medium,
  .show-for-medium-down {
    display: none !important; }
  .hide-for-medium,
  .hide-for-medium-down {
    display: inherit !important; }
  .hide-for-large,
  .hide-for-large-up {
    display: none !important; }
  /* Specific visilbity for tables */
  table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down {
    display: table; }
  thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down {
    display: table-header-group !important; }
  tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down {
    display: table-row-group !important; }
  tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down {
    display: table-row !important; }
  td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down,
  th.show-for-large,
  th.show-for-large-up,
  th.hide-for-medium,
  th.hide-for-medium-down {
    display: table-cell !important; } }

/* X-Large Displays: 1400px and up */
@media screen and (min-width: 1441px) {
  .show-for-xlarge {
    display: inherit !important; }
  .show-for-large,
  .show-for-large-down {
    display: none !important; }
  .hide-for-large,
  .hide-for-large-down {
    display: inherit !important; }
  .hide-for-xlarge {
    display: none !important; }
  /* Specific visilbity for tables */
  table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down {
    display: table; }
  thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down {
    display: table-header-group !important; }
  tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down {
    display: table-row-group !important; }
  tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down {
    display: table-row !important; }
  td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down,
  th.show-for-xlarge,
  th.hide-for-large,
  th.hide-for-large-down {
    display: table-cell !important; } }

/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important; }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }

/* Specific visilbity for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table; }

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important; }

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important; }

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important; }

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important; }

@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important; }
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important; }
  /* Specific visilbity for tables */
  table.show-for-landscape, table.hide-for-portrait {
    display: table; }
  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important; }
  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important; }
  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important; }
  td.show-for-landscape, td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important; } }

@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important; }
  .hide-for-portrait,
  .show-for-landscape {
    display: none !important; }
  /* Specific visilbity for tables */
  table.show-for-portrait, table.hide-for-landscape {
    display: table; }
  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important; }
  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important; }
  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important; }
  td.show-for-portrait, td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important; } }

/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important; }

.hide-for-touch {
  display: inherit !important; }

.touch .show-for-touch {
  display: inherit !important; }

.touch .hide-for-touch {
  display: none !important; }

/* Specific visilbity for tables */
table.hide-for-touch {
  display: table; }

.touch table.show-for-touch {
  display: table; }

thead.hide-for-touch {
  display: table-header-group !important; }

.touch thead.show-for-touch {
  display: table-header-group !important; }

tbody.hide-for-touch {
  display: table-row-group !important; }

.touch tbody.show-for-touch {
  display: table-row-group !important; }

tr.hide-for-touch {
  display: table-row !important; }

.touch tr.show-for-touch {
  display: table-row !important; }

td.hide-for-touch {
  display: table-cell !important; }

.touch td.show-for-touch {
  display: table-cell !important; }

th.hide-for-touch {
  display: table-cell !important; }

.touch th.show-for-touch {
  display: table-cell !important; }

/* Foundation Block Grids for below small breakpoint */
@media only screen {
  [class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 -0.625em;
    *zoom: 1; }
    [class*="block-grid-"]:before, [class*="block-grid-"]:after {
      content: " ";
      display: table; }
    [class*="block-grid-"]:after {
      clear: both; }
    [class*="block-grid-"] > li {
      display: inline;
      height: auto;
      float: left;
      padding: 0 0.625em 1.25em; }
  .small-block-grid-1 > li {
    width: 100%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-1 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }
  .small-block-grid-2 > li {
    width: 50%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-2 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }
  .small-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-3 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }
  .small-block-grid-4 > li {
    width: 25%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-4 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }
  .small-block-grid-5 > li {
    width: 20%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-5 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }
  .small-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-6 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }
  .small-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-7 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }
  .small-block-grid-8 > li {
    width: 12.5%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-8 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }
  .small-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-9 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }
  .small-block-grid-10 > li {
    width: 10%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-10 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }
  .small-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-11 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }
  .small-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-12 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }

/* Foundation Block Grids for above small breakpoint */
@media screen and (min-width: 641px) {
  /* Remove small grid clearing */
  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: none; }
  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: none; }
  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: none; }
  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: none; }
  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: none; }
  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: none; }
  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: none; }
  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: none; }
  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: none; }
  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: none; }
  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: none; }
  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: none; }
  .large-block-grid-1 > li {
    width: 100%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-1 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }
  .large-block-grid-2 > li {
    width: 50%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-2 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }
  .large-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-3 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }
  .large-block-grid-4 > li {
    width: 25%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-4 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }
  .large-block-grid-5 > li {
    width: 20%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-5 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }
  .large-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-6 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }
  .large-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-7 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }
  .large-block-grid-8 > li {
    width: 12.5%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-8 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }
  .large-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-9 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }
  .large-block-grid-10 > li {
    width: 10%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-10 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }
  .large-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-11 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }
  .large-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-12 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }

p.lead {
  font-size: 1.21875em;
  line-height: 1.6; }

.subheader {
  line-height: 1.4;
  color: #adadad;
  font-weight: 300;
  margin-top: 0.2em;
  margin-bottom: 0.5em; }

/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3, h4, .related-resources h6,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  direction: ltr; }

/* Default Link Styles */
a {
  color: #2ba6cb;
  text-decoration: none;
  line-height: inherit; }
  a:hover, a:focus {
    color: #2795b6; }
  a img {
    border: none; }

/* Default paragraph styles */
p {
  font-family: inherit;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.6;
  margin-bottom: 1.25em;
  text-rendering: optimizeLegibility; }
  p aside {
    font-size: 0.875em;
    line-height: 1.35;
    font-style: italic; }

/* Default header styles */
h1, h2, h3, h4, .related-resources h6, h5, h6 {
  font-family: Montserrat, "Avant Garde", Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #606060;
  text-rendering: optimizeLegibility;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  line-height: 1.2125em; }
  h1 small, h2 small, h3 small, h4 small, .related-resources h6 small, h5 small, h6 small {
    font-size: 60%;
    color: #adadad;
    line-height: 0; }

h1 {
  font-size: 1.375em; }

h2 {
  font-size: 1.125em; }

h3 {
  font-size: 1.1875em; }

h4, .related-resources h6 {
  font-size: 0.9375em; }

h5 {
  font-size: 1.125em; }

h6 {
  font-size: 1em; }

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25em 0 1.1875em;
  height: 0; }

/* Helpful Typography Defaults */
em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 60%;
  line-height: inherit; }

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: bold;
  color: #7f0a0c; }

/* Lists */
ul,
ol,
dl {
  font-size: 1em;
  line-height: 1.6;
  margin-bottom: 1.25em;
  list-style-position: outside;
  font-family: inherit; }

ul, ol {
  margin-left: 0; }
  ul.no-bullet, ol.no-bullet {
    margin-left: 0; }

/* Unordered Lists */
ul li ul,
ul li ol {
  margin-left: 1.25em;
  margin-bottom: 0;
  font-size: 1em;
  /* Override nested font-size change */ }

ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit; }

ul.square {
  list-style-type: square; }

ul.circle {
  list-style-type: circle; }

ul.disc {
  list-style-type: disc; }

ul.no-bullet {
  list-style: none; }

/* Ordered Lists */
ol li ul,
ol li ol {
  margin-left: 1.25em;
  margin-bottom: 0; }

/* Definition Lists */
dl dt {
  margin-bottom: 0.3em;
  font-weight: normal; }

dl dd {
  margin-bottom: 0.75em; }

/* Dictionary Definition Term */
dt dfn span, dt dfn {
  font-weight: bold; }

/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #2e2e2e;
  border-bottom: 1px dotted #ddd;
  cursor: help; }

abbr {
  text-transform: none; }

/* Blockquotes */
blockquote {
  margin: 0 0 1.25em;
  padding: 0.5625em 1.25em 0 1.1875em;
  border-left: 1px solid #ddd; }
  blockquote cite {
    display: block;
    font-size: 0.8125em;
    color: #939393; }
    blockquote cite:before {
      content: "\2014    "; }
    blockquote cite a,
    blockquote cite a:visited {
      color: #939393; }

blockquote,
blockquote p {
  line-height: 1.6;
  color: #adadad; }

/* Microformats */
.vcard {
  display: inline-block;
  margin: 0 0 1.25em 0;
  border: 1px solid #ddd;
  padding: 0.625em 0.75em; }
  .vcard li {
    margin: 0;
    display: block; }
  .vcard .fn {
    font-weight: bold;
    font-size: 0.9375em; }

.vevent .summary {
  font-weight: bold; }

.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 0.0625em; }

@media screen and (min-width: 641px) {
  h1, h2, h3, h4, .related-resources h6, h5, h6 {
    line-height: 1.4; }
  h1 {
    font-size: 2em; }
  h2 {
    font-size: 1.75em; }
  h3 {
    font-size: 1.5em; }
  h4, .related-resources h6 {
    font-size: 1.25em; } }

/* Flex Video */
.flex-video {
  position: relative;
  padding-top: 0;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1em;
  overflow: hidden; }
  .flex-video.widescreen {
    padding-bottom: 56.25%; }
  .flex-video.vimeo {
    padding-top: 0; }
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* Breadcrumbs */
.breadcrumbs {
  display: block;
  padding: 0.5625em 0.875em 0.5625em;
  overflow: hidden;
  margin-left: 0;
  list-style: none;
  border-style: solid;
  border-width: 1px;
  background-color: #f6f6f6;
  border-color: gainsboro;
  border-radius: 2px; }
  .breadcrumbs > * {
    margin: 0;
    float: left;
    font-size: 0.6875em;
    text-transform: uppercase; }
    .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
      text-decoration: underline; }
    .breadcrumbs > * a,
    .breadcrumbs > * span {
      text-transform: uppercase;
      color: #2ba6cb; }
    .breadcrumbs > *.current {
      cursor: default;
      color: #333; }
      .breadcrumbs > *.current a {
        cursor: default;
        color: #333; }
      .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
        text-decoration: none; }
    .breadcrumbs > *.unavailable {
      color: #999; }
      .breadcrumbs > *.unavailable a {
        color: #999; }
      .breadcrumbs > *.unavailable:hover,
      .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus,
      .breadcrumbs > *.unavailable a:focus {
        text-decoration: none;
        color: #999;
        cursor: default; }
    .breadcrumbs > *:before {
      content: "/";
      color: #aaa;
      margin: 0 0.75em;
      position: relative;
      top: 1px; }
    .breadcrumbs > *:first-child:before {
      content: " ";
      margin: 0; }

/* Inline Lists */
.inline-list {
  margin: 0 auto 1.0625em auto;
  margin-left: -1.375em;
  margin-right: 0;
  padding: 0;
  list-style: none;
  overflow: hidden; }
  .inline-list > li {
    list-style: none;
    float: left;
    margin-left: 1.375em;
    display: block; }
    .inline-list > li > * {
      display: block; }

/* Default Pagination */
ul.pagination {
  display: block;
  height: 1.5em;
  margin-left: -0.3125em; }
  ul.pagination li {
    height: 1.5em;
    color: #222;
    font-size: 0.875em;
    margin-left: 0.3125em; }
    ul.pagination li a {
      display: block;
      padding: 0.0625em 0.4375em 0.0625em;
      color: #999; }
    ul.pagination li:hover a,
    ul.pagination li a:focus {
      background: #e6e6e6; }
    ul.pagination li.unavailable a {
      cursor: default;
      color: #999; }
    ul.pagination li.unavailable:hover a,
    ul.pagination li.unavailable a:focus {
      background: transparent; }
    ul.pagination li.current a {
      background: #2ba6cb;
      color: #fff;
      font-weight: bold;
      cursor: default; }
      ul.pagination li.current a:hover, ul.pagination li.current a:focus {
        background: #2ba6cb; }
  ul.pagination li {
    float: left;
    display: block; }

/* Pagination centred wrapper */
.pagination-centered {
  text-align: center; }
  .pagination-centered ul.pagination li {
    float: none;
    display: inline-block; }

/* Panels */
.panel {
  border-style: solid;
  border-width: 1px;
  border-color: #bdbdc2;
  margin-bottom: 1.25em;
  padding: 1.25em;
  background: #f2f2f2; }
  .panel > :first-child {
    margin-top: 0; }
  .panel > :last-child {
    margin-bottom: 0; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel .related-resources h6, .related-resources .panel h6, .panel h5, .panel h6, .panel p {
    color: #333; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel .related-resources h6, .related-resources .panel h6, .panel h5, .panel h6 {
    line-height: 1;
    margin-bottom: 0.625em; }
    .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel .related-resources h6.subheader, .related-resources .panel h6.subheader, .panel h5.subheader, .panel h6.subheader {
      line-height: 1.4; }
  .panel.callout {
    border-style: solid;
    border-width: 1px;
    border-color: #bdbdc2;
    margin-bottom: 1.25em;
    padding: 1.25em;
    background: #2ba6cb;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
    .panel.callout > :first-child {
      margin-top: 0; }
    .panel.callout > :last-child {
      margin-bottom: 0; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout .related-resources h6, .related-resources .panel.callout h6, .panel.callout h5, .panel.callout h6, .panel.callout p {
      color: #fff; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout .related-resources h6, .related-resources .panel.callout h6, .panel.callout h5, .panel.callout h6 {
      line-height: 1;
      margin-bottom: 0.625em; }
      .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout .related-resources h6.subheader, .related-resources .panel.callout h6.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
        line-height: 1.4; }
    .panel.callout a {
      color: #fff; }
  .panel.radius {
    border-radius: 2px; }

/* Tables */
table {
  background: #fff;
  margin-bottom: 1.25em;
  border: solid 1px #ddd; }
  table thead,
  table tfoot {
    background: #f5f5f5;
    font-weight: bold; }
    table thead tr th,
    table thead tr td,
    table tfoot tr th,
    table tfoot tr td {
      padding: 0.5em 0.625em 0.625em;
      font-size: 0.875em;
      color: #2e2e2e;
      text-align: left; }
  table tr th,
  table tr td {
    padding: 0.5625em 0.625em;
    font-size: 0.875em;
    color: #2e2e2e; }
  table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #f9f9f9; }
  table thead tr th,
  table tfoot tr th,
  table tbody tr td,
  table tr td,
  table tfoot tr td {
    display: table-cell;
    line-height: inherit; }

/* Image Thumbnails */
.th {
  line-height: 0;
  display: inline-block;
  border: solid 4px #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out; }
  .th:hover, .th:focus {
    box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); }
  .th.radius {
    border-radius: 2px; }

a.th {
  display: inline-block;
  max-width: 100%; }

/* Tooltips */
.has-tip {
  border-bottom: dotted 1px #ccc;
  cursor: help;
  font-weight: bold;
  color: #333; }
  .has-tip:hover, .has-tip:focus {
    border-bottom: dotted 1px #196177;
    color: #2ba6cb; }
  .has-tip.tip-left, .has-tip.tip-right {
    float: none !important; }

.tooltip {
  display: none;
  position: absolute;
  z-index: 999;
  font-weight: bold;
  font-size: 0.9375em;
  line-height: 1.3;
  padding: 0.5em;
  max-width: 85%;
  left: 50%;
  width: 100%;
  color: #fff;
  background: #000;
  border-radius: 2px; }
  .tooltip > .nub {
    display: block;
    left: 5px;
    position: absolute;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent transparent #000 transparent;
    top: -10px; }
  .tooltip.opened {
    color: #2ba6cb !important;
    border-bottom: dotted 1px #196177 !important; }

.tap-to-close {
  display: block;
  font-size: 0.625em;
  color: #888;
  font-weight: normal; }

@media screen and (min-width: 641px) {
  .tooltip > .nub {
    border-color: transparent transparent #000 transparent;
    top: -10px; }
  .tooltip.tip-top > .nub {
    border-color: #000 transparent transparent transparent;
    top: auto;
    bottom: -10px; }
  .tooltip.tip-left, .tooltip.tip-right {
    float: none !important; }
  .tooltip.tip-left > .nub {
    border-color: transparent transparent transparent #000;
    right: -10px;
    left: auto;
    top: 50%;
    margin-top: -5px; }
  .tooltip.tip-right > .nub {
    border-color: transparent #000 transparent transparent;
    right: auto;
    left: -10px;
    top: 50%;
    margin-top: -5px; } }

/* @import "grid"; */
/* using this for override of foundation media screen if necessary */
/***  END FOUNDATION STYLES ***/
/***  BEGIN FOUNDATION OVERRIDE STYLES ***/
/* Breadcrumb Overrides */
ul.breadcrumbs {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  min-height: 1em; }

ul.breadcrumbs > * {
  text-transform: none;
  font-size: inherit;
  /* The .bcrumbs container sets the font at 0.8em, so this does not need to reset it */ }

ul.breadcrumbs > *:first-child:before {
  content: " ";
  margin: 0; }

ul.breadcrumbs > *:before {
  content: ">";
  color: #2e2e2e;
  margin: 0 0.25em; }

ul.breadcrumbs > * a {
  text-transform: none;
  color: #2b7bba; }

/* Remove extra margin on second-level list items */
ul li ul, ul li ul {
  margin-left: 0; }

/***  END FOUNDATION OVERRIDE STYLES ***/
/***  BEGIN SLICK STYLES ***/
/* Slider */
.other-nci-sites {
  margin-left: -10px; }

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  touch-action: pan-y;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  margin-bottom: 30px;
  /* Room for Dots */ }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  /* This image does not appear to be on the site.
	.slick-loading & {
		background: white url('ajax-loader.gif') center center no-repeat;
	}
		*/ }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom: 1; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

/* Icons
@font-face { font-family: "slick"; src: url('fonts/slick.eot'); src: url('fonts/slick.eot?#iefix') format("embedded-opentype"), url('fonts/slick.woff') format("woff"), url('fonts/slick.ttf') format("truetype"), url('fonts/slick.svg#slick') format("svg"); font-weight: normal; font-style: normal; }
*/
/* Arrows */
.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:focus, .slick-next:focus {
    outline: none; }
  .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before, .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.85;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

/*
.slick-prev { left: -25px; }
.slick-prev:before { content: "\2190"; }

.slick-next { right: -25px; }
.slick-next:before { content: "\2192"; }
*/
/* Dots */
ul.slick-dots {
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
  margin: 1.5em 0; }
  ul.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    ul.slick-dots li:before {
      display: none !important; }
    ul.slick-dots li button {
      display: block;
      border: 3px solid #2b7bba;
      border-radius: 50%;
      background-color: #FFFFFF;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0;
      font-size: 0;
      padding: 0;
      cursor: pointer; }
      ul.slick-dots li button:focus {
        outline: dotted 1px #2b7bba; }
      ul.slick-dots li button:hover {
        background-color: #CAE2F4; }
      ul.slick-dots li button:active {
        background-color: #2b7bba; }
    ul.slick-dots li.slick-active button {
      background-color: #2b7bba; }

/***  BEGIN SLICK STYLES ***/
/***  BEGIN JQUERY UI STYLES ***/
/*! jQuery UI - v1.12.1 - 2017-04-18
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=smoothness&cornerRadiusShadow=8px&offsetLeftShadow=-8px&offsetTopShadow=-8px&thicknessShadow=8px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=aaaaaa&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cd0a0a&fcError=cd0a0a&borderColorError=cd0a0a&bgImgOpacityError=95&bgTextureError=glass&bgColorError=fef1ec&iconColorHighlight=2e83ff&fcHighlight=363636&borderColorHighlight=fcefa1&bgImgOpacityHighlight=55&bgTextureHighlight=glass&bgColorHighlight=fbf9ee&iconColorActive=454545&fcActive=212121&borderColorActive=aaaaaa&bgImgOpacityActive=65&bgTextureActive=glass&bgColorActive=ffffff&iconColorHover=454545&fcHover=212121&borderColorHover=999999&bgImgOpacityHover=75&bgTextureHover=glass&bgColorHover=dadada&iconColorDefault=888888&fcDefault=555555&borderColorDefault=d3d3d3&bgImgOpacityDefault=75&bgTextureDefault=glass&bgColorDefault=e6e6e6&iconColorContent=222222&fcContent=222222&borderColorContent=aaaaaa&bgImgOpacityContent=75&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=222222&fcHeader=222222&borderColorHeader=aaaaaa&bgImgOpacityHeader=75&bgTextureHeader=highlight_soft&bgColorHeader=cccccc&cornerRadius=4px&fsDefault=1.1em&fwDefault=normal&ffDefault=Verdana%2CArial%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
  touch-action: none; }

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none; }

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  touch-action: none; }

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-selectable {
  touch-action: none; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-sortable-handle {
  touch-action: none; }

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%; }

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0; }

.ui-menu .ui-menu {
  position: absolute; }

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em; }

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px; }

/* icon support */
.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0; }

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0; }

.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible; }

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none; }

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap; }

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0; }

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px; }

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap; }

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em; }

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block; }

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0; }

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999; }

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left; }

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box; }

.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em; }

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%; }

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none; }

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none; }

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none; }

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none; }

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc( 100% - 2.4em); }

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid; }

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none; }

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none; }

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid; }

.ui-checkboxradio-disabled {
  pointer-events: none; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em; }

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
  box-sizing: content-box;
  /* fix for resize events on dialog windows */ }
  .ui-dialog * {
    box-sizing: content-box; }

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative; }

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px; }

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right; }

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer; }

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0; }

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0; }

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0; }

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0; }

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px; }

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0; }

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0; }

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0; }

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden; }

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%; }

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25; }

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none; }

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none; }

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px; }

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0; }

.ui-selectmenu-open {
  display: block; }

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em; }

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0; }

.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  touch-action: none; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  -webkit-filter: inherit;
          filter: inherit; }

.ui-slider-horizontal {
  height: .8em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle; }

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em; }

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0; }

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none; }

.ui-spinner-up {
  top: 0; }

.ui-spinner-down {
  bottom: 0; }

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em; }

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap; }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text; }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer; }

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px; }

body .ui-tooltip {
  border-width: 2px; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1em; }

.ui-widget.ui-widget-content {
  border: 1px solid #d3d3d3; }

.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff;
  color: #222222; }

.ui-widget-content a {
  color: #222222; }

.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #cccccc url("/profiles/custom/cgov_site/themes/custom/cgov/static/images/jquery/ui-bg_highlight-soft_75_cccccc_1x100.png?v=15768139") 50% 50% repeat-x;
  color: #222222;
  font-weight: bold; }

.ui-widget-header a {
  color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url("/profiles/custom/cgov_site/themes/custom/cgov/static/images/jquery/ui-bg_glass_75_e6e6e6_1x400.png?v=15768139") 50% 50% repeat-x;
  font-weight: normal;
  color: #555555; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #555555;
  text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #999999;
  background: #dadada url("/profiles/custom/cgov_site/themes/custom/cgov/static/images/jquery/ui-bg_glass_75_dadada_1x400.png?v=15768139") 50% 50% repeat-x;
  font-weight: normal;
  color: #212121; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #212121;
  text-decoration: none; }

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #aaaaaa;
  background: #ffffff url("/profiles/custom/cgov_site/themes/custom/cgov/static/images/jquery/ui-bg_glass_65_ffffff_1x400.png?v=15768139") 50% 50% repeat-x;
  font-weight: normal;
  color: #212121; }

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #aaaaaa;
  background-color: #212121; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url("/profiles/custom/cgov_site/themes/custom/cgov/static/images/jquery/ui-bg_glass_55_fbf9ee_1x400.png?v=15768139") 50% 50% repeat-x;
  color: #363636; }

.ui-state-checked {
  border: 1px solid #fcefa1;
  background: #fbf9ee; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url("/profiles/custom/cgov_site/themes/custom/cgov/static/images/jquery/ui-bg_glass_95_fef1ec_1x400.png?v=15768139") 50% 50% repeat-x;
  color: #cd0a0a; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon,
.ui-widget-content .ui-icon,
.ui-widget-header .ui-icon {
  background-image: url("/profiles/custom/cgov_site/themes/custom/cgov/static/images/jquery/ui-icons_222222_256x240.png?v=15768139"); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon,
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("/profiles/custom/cgov_site/themes/custom/cgov/static/images/jquery/ui-icons_454545_256x240.png?v=15768139"); }

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("/profiles/custom/cgov_site/themes/custom/cgov/static/images/jquery/ui-icons_2e83ff_256x240.png?v=15768139"); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("/profiles/custom/cgov_site/themes/custom/cgov/static/images/jquery/ui-icons_cd0a0a_256x240.png?v=15768139"); }

.ui-button .ui-icon {
  background-image: url("/profiles/custom/cgov_site/themes/custom/cgov/static/images/jquery/ui-icons_888888_256x240.png?v=15768139"); }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-caret-1-n {
  background-position: 0 0; }

.ui-icon-caret-1-ne {
  background-position: -16px 0; }

.ui-icon-caret-1-e {
  background-position: -32px 0; }

.ui-icon-caret-1-se {
  background-position: -48px 0; }

.ui-icon-caret-1-s {
  background-position: -65px 0; }

.ui-icon-caret-1-sw {
  background-position: -80px 0; }

.ui-icon-caret-1-w {
  background-position: -96px 0; }

.ui-icon-caret-1-nw {
  background-position: -112px 0; }

.ui-icon-caret-2-n-s {
  background-position: -128px 0; }

.ui-icon-caret-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -65px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -65px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */ }

.ui-widget-shadow {
  box-shadow: -8px -8px 8px #aaaaaa; }

/***  END JQUERY UI STYLES ***/
/***  BEGIN JQUERY UI OVERRIDE STYLES ***/
/*
 * jQuery UI Overrides
 */
/* general */
.ui-widget {
  font-family: inherit;
  /* jquery-ui.css:832 sets this to 'Verdana,Arial,sans-serif' */
  font-size: inherit;
  /* jquery-ui.css:832 sets this to '1.1em' */ }

/* accordion */
.ui-accordion .ui-accordion-header {
  padding: 14.5px 70px 14.5px 20px;
  margin: 0 -0.9375em;
  border: none;
  background-color: #bcedf2;
  color: #606060;
  margin: 0 -0.9375em;
  min-height: 50px;
  font-size: 1.125em;
  background-image: none; }
  .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    top: 0;
    left: auto;
    right: 0;
    background-image: none;
    margin-top: 0; }

.ui-accordion.columns .ui-accordion-header {
  margin: 0; }

.ui-accordion .ui-accordion-content {
  border: 0;
  padding: 10px 20px; }
  @media only screen and (min-width: 641px) {
    .ui-accordion .ui-accordion-content {
      margin-left: -16px;
      margin-right: -16px; } }

.ui-accordion-header {
  /* accordion zebra styling */ }
  .ui-accordion-header.ui-state-active {
    background-color: #CCEEFA;
    color: #606060;
    border: none; }
    .ui-accordion-header.ui-state-active .toggle {
      background-color: white;
      color: #8fd4db; }
  .ui-accordion-header.odd, .ui-accordion-header.odd.ui-state-active {
    background-color: #bcedf2; }
  .ui-accordion-header.even, .ui-accordion-header.even.ui-state-active {
    background-color: #dbf4f6; }
  .ui-accordion-header:first-child {
    border-top-width: 0; }
  .ui-accordion-header > p {
    margin: 0;
    line-height: inherit; }

/* Blog Series Archive accordion in right rail */
.desktop {
  clear: both; }
  .desktop .toggle {
    right: 0;
    top: 0;
    margin-top: 0;
    font-size: 2em;
    height: 100%;
    width: 50px; }
    .desktop .toggle:after {
      position: absolute;
      top: 50%;
      margin-top: -0.5em; }
  .desktop #blog-archive-accordion #archive,
  .desktop #blog-archive-accordion .ui-accordion .ui-accordion-header.ui-state-active,
  .desktop #blog-archive-accordion .ui-state-default,
  .desktop #blog-archive-accordion .ui-widget-content .ui-state-default,
  .desktop #blog-archive-accordion .ui-widget-header .ui-state-default {
    background-image: none;
    background-color: white; }
  .desktop #blog-archive-accordion ul li {
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: Montserrat, "Avant Garde", Arial, sans-serif; }
  .desktop #blog-archive-accordion .ui-accordion-header .toggle {
    color: #454545;
    background-color: white; }
  .desktop #blog-archive-accordion .ui-accordion-header.ui-state-active .toggle {
    color: #14819b; }
  @media only screen and (max-width: 1024px) {
    .desktop #blog-archive-accordion .ui-accordion .ui-accordion-header {
      margin-right: 0 !important; } }

/* selectmenu */
.ui-selectmenu-button {
  padding: 0;
  color: #2e2e2e;
  background-color: #f2f2f3;
  vertical-align: middle;
  overflow: hidden; }
  .ui-selectmenu-button span.ui-icon {
    position: relative;
    background-image: none;
    background-color: #2b7bba;
    top: 0;
    right: 0;
    margin-top: 0;
    padding: 1em; }
    .ui-selectmenu-button span.ui-icon::before {
      content: '';
      position: absolute;
      width: 1.25em;
      height: 0.78125em;
      background-position: 5.84795% 21.92621%;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%) rotate(180deg);
              transform: translateX(-50%) translateY(-50%) rotate(180deg);
      font-size: .6em; }
  .ui-selectmenu-button span.ui-selectmenu-text {
    padding: .5em;
    line-height: 1;
    margin-right: 32px; }
  .ui-selectmenu-button:hover span.ui-icon,
  .ui-selectmenu-button:focus span.ui-icon {
    background-image: none;
    background-color: #2b7bba; }

.ui-menu .ui-state-active {
  border: none;
  background: transparent none !important;
  color: inherit;
  font-weight: bold; }

.ui-selectmenu-menu .ui-menu {
  padding-bottom: 0;
  max-height: 14.25em; }
  .ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper {
    padding: 3px .5em; }

.ui-selectmenu-menu .ui-menu-item {
  padding: .5em 0 .5em .5em;
  line-height: 1; }

.ui-selectmenu-menu .ui-state-focus {
  color: #fff;
  background: #286ea7; }
  .ui-selectmenu-menu .ui-state-focus:last-child {
    margin: -2px 0 0; }

.ui-selectmenu-menu .ui-state-active {
  font-weight: normal; }

/* Stop drop downs from bleeding through megamenu*/
.ui-selectmenu-menu.ui-front.ui-selectmenu-open {
  z-index: 998 !important; }

/* autocomplete */
.ui-autocomplete .ui-menu-item {
  background-color: #FEFEFD;
  background-color: rgba(254, 254, 253, 0.9);
  color: #2e2e2e;
  padding: 3px 1em 3px .4em;
  list-style: none; }
  .ui-autocomplete .ui-menu-item:before {
    content: none;
    display: none; }
  .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper {
    padding: 0;
    margin: 0; }
  @media only screen and (max-width: 1024px) {
    .ui-autocomplete .ui-menu-item {
      background-color: transparent;
      border-bottom: 1px solid #2e2e2e;
      padding: 0.2em 1em; }
      .dictionary-search .ui-autocomplete .ui-menu-item {
        padding-left: 0.5em; } }

.ui-autocomplete .ui-state-focus {
  color: #fff;
  background: #286ea7; }

@media only screen and (max-width: 1024px) {
  .ui-autocomplete {
    z-index: 99999;
    background-color: #e9eae8;
    background-color: rgba(230, 232, 230, 0.9);
    background-image: none !important;
    font-size: 1.375em;
    width: auto !important;
    right: 20px; }
    .dictionary-search .ui-autocomplete {
      height: auto;
      font-size: 1em; } }

.ui-widget-content .ui-state-hover,
.ui-widget-content .ui-state-focus {
  background-image: none; }

.ui-state-default .ui-icon {
  background-image: url("/profiles/custom/cgov_site/themes/custom/cgov/static/images/jquery/ui-icons_888888_256x240.png?v=15768139"); }

[class^="ui-corner-"], [class*=" ui-corner-"] {
  border-radius: 0; }

/* end override of default location for jquery ui images */
/***  END JQUERY UI OVERRIDE STYLES ***/
/****************** END VENDOR LIBRARIES SECTION ********************/
/****************** NCI COMPONENTS SECTION ********************/
*,
*:before,
*:after {
  box-sizing: border-box; }

html,
body {
  font-size: 100%; }

body {
  background: #fff;
  color: #2e2e2e;
  padding: 0;
  margin: 0;
  font-family: "Noto Sans", "Century Gothic", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default; }

a:hover {
  cursor: pointer; }

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

img {
  -ms-interpolation-mode: bicubic; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

.text-justify {
  text-align: justify !important; }

.hide {
  display: none; }

.antialiased {
  -webkit-font-smoothing: antialiased; }

img {
  display: inline-block;
  vertical-align: middle; }

/* textarea {
  height: auto;
  min-height: 50px; } */

/* select {
  width: 100%; } */

form a.button,
form a.button:hover {
  text-decoration: none; }

.contentzone form button,
.contentzone .button {
  min-width: 130px; }

form button,
.button {
  border-style: none;
  border-width: 0;
  cursor: pointer;
  font-family: Montserrat, "Avant Garde", Arial, sans-serif;
  font-weight: bold;
  line-height: normal;
  margin: 0 0 1.25em;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  background-color: #2ba6cb;
  border-color: #2284a1;
  color: #fff;
  border-radius: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-right: 28px;
  padding: 5px 12px 5px;
  font-size: 1em;
  min-height: 39px; }
  form button:hover, form button:focus,
  .button:hover,
  .button:focus {
    background-color: #2284a1; }
  form button:hover, form button:focus,
  .button:hover,
  .button:focus {
    color: #fff; }
  form button[type=submit], form button.submit,
  .button[type=submit],
  .button.submit {
    background-color: #620788;
    border-color: #3f0557;
    color: #fff; }
    form button[type=submit]:hover, form button[type=submit]:focus, form button.submit:hover, form button.submit:focus,
    .button[type=submit]:hover,
    .button[type=submit]:focus,
    .button.submit:hover,
    .button.submit:focus {
      background-color: #3f0557; }
    form button[type=submit]:hover, form button[type=submit]:focus, form button.submit:hover, form button.submit:focus,
    .button[type=submit]:hover,
    .button[type=submit]:focus,
    .button.submit:hover,
    .button.submit:focus {
      color: #fff; }
  form button[type=reset], form button.reset,
  .button[type=reset],
  .button.reset {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0);
    color: #fff;
    color: #2b7bba;
    box-shadow: none;
    font-weight: normal; }
    form button[type=reset]:hover, form button[type=reset]:focus, form button.reset:hover, form button.reset:focus,
    .button[type=reset]:hover,
    .button[type=reset]:focus,
    .button.reset:hover,
    .button.reset:focus {
      background-color: rgba(0, 0, 0, 0); }
    form button[type=reset]:hover, form button[type=reset]:focus, form button.reset:hover, form button.reset:focus,
    .button[type=reset]:hover,
    .button[type=reset]:focus,
    .button.reset:hover,
    .button.reset:focus {
      color: #fff; }
    form button[type=reset]:hover, form button.reset:hover,
    .button[type=reset]:hover,
    .button.reset:hover {
      color: #2b7bba;
      text-decoration: underline; }
  form button.action,
  .button.action {
    background-color: #319ebd;
    border-color: #277c95;
    color: #fff; }
    form button.action:hover, form button.action:focus,
    .button.action:hover,
    .button.action:focus {
      background-color: #277c95; }
    form button.action:hover, form button.action:focus,
    .button.action:hover,
    .button.action:focus {
      color: #fff; }
  form button.startover,
  .button.startover {
    position: relative;
    padding-left: 2.4375em; }
    form button.startover:before,
    .button.startover:before {
      content: "";
      position: absolute;
      left: 0.5em;
      width: 1.5625em;
      height: 1.375em;
      background-position: 6.0241% 95.77032%; }
  form button.left-align,
  .button.left-align {
    text-align: left;
    padding-left: 0.75em; }
  form button.right-align,
  .button.right-align {
    text-align: right;
    padding-right: 0.75em; }
  form button[disabled][type=submit], form button[disabled].submit, form button.disabled[type=submit], form button.disabled.submit,
  .button[disabled][type=submit],
  .button[disabled].submit,
  .button.disabled[type=submit],
  .button.disabled.submit {
    background-color: #620788;
    border-color: #3f0557;
    color: #fff;
    cursor: default;
    opacity: 0.6;
    box-shadow: none; }
    form button[disabled][type=submit]:hover, form button[disabled][type=submit]:focus, form button[disabled].submit:hover, form button[disabled].submit:focus, form button.disabled[type=submit]:hover, form button.disabled[type=submit]:focus, form button.disabled.submit:hover, form button.disabled.submit:focus,
    .button[disabled][type=submit]:hover,
    .button[disabled][type=submit]:focus,
    .button[disabled].submit:hover,
    .button[disabled].submit:focus,
    .button.disabled[type=submit]:hover,
    .button.disabled[type=submit]:focus,
    .button.disabled.submit:hover,
    .button.disabled.submit:focus {
      background-color: #3f0557; }
    form button[disabled][type=submit]:hover, form button[disabled][type=submit]:focus, form button[disabled].submit:hover, form button[disabled].submit:focus, form button.disabled[type=submit]:hover, form button.disabled[type=submit]:focus, form button.disabled.submit:hover, form button.disabled.submit:focus,
    .button[disabled][type=submit]:hover,
    .button[disabled][type=submit]:focus,
    .button[disabled].submit:hover,
    .button[disabled].submit:focus,
    .button.disabled[type=submit]:hover,
    .button.disabled[type=submit]:focus,
    .button.disabled.submit:hover,
    .button.disabled.submit:focus {
      color: #fff; }
    form button[disabled][type=submit]:hover, form button[disabled][type=submit]:focus, form button[disabled].submit:hover, form button[disabled].submit:focus, form button.disabled[type=submit]:hover, form button.disabled[type=submit]:focus, form button.disabled.submit:hover, form button.disabled.submit:focus,
    .button[disabled][type=submit]:hover,
    .button[disabled][type=submit]:focus,
    .button[disabled].submit:hover,
    .button[disabled].submit:focus,
    .button.disabled[type=submit]:hover,
    .button.disabled[type=submit]:focus,
    .button.disabled.submit:hover,
    .button.disabled.submit:focus {
      background-color: #620788; }
  form button[disabled][type=reset], form button[disabled].reset, form button.disabled[type=reset], form button.disabled.reset,
  .button[disabled][type=reset],
  .button[disabled].reset,
  .button.disabled[type=reset],
  .button.disabled.reset {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0);
    color: #fff;
    cursor: default;
    opacity: 0.6;
    box-shadow: none; }
    form button[disabled][type=reset]:hover, form button[disabled][type=reset]:focus, form button[disabled].reset:hover, form button[disabled].reset:focus, form button.disabled[type=reset]:hover, form button.disabled[type=reset]:focus, form button.disabled.reset:hover, form button.disabled.reset:focus,
    .button[disabled][type=reset]:hover,
    .button[disabled][type=reset]:focus,
    .button[disabled].reset:hover,
    .button[disabled].reset:focus,
    .button.disabled[type=reset]:hover,
    .button.disabled[type=reset]:focus,
    .button.disabled.reset:hover,
    .button.disabled.reset:focus {
      background-color: rgba(0, 0, 0, 0); }
    form button[disabled][type=reset]:hover, form button[disabled][type=reset]:focus, form button[disabled].reset:hover, form button[disabled].reset:focus, form button.disabled[type=reset]:hover, form button.disabled[type=reset]:focus, form button.disabled.reset:hover, form button.disabled.reset:focus,
    .button[disabled][type=reset]:hover,
    .button[disabled][type=reset]:focus,
    .button[disabled].reset:hover,
    .button[disabled].reset:focus,
    .button.disabled[type=reset]:hover,
    .button.disabled[type=reset]:focus,
    .button.disabled.reset:hover,
    .button.disabled.reset:focus {
      color: #fff; }
    form button[disabled][type=reset]:hover, form button[disabled][type=reset]:focus, form button[disabled].reset:hover, form button[disabled].reset:focus, form button.disabled[type=reset]:hover, form button.disabled[type=reset]:focus, form button.disabled.reset:hover, form button.disabled.reset:focus,
    .button[disabled][type=reset]:hover,
    .button[disabled][type=reset]:focus,
    .button[disabled].reset:hover,
    .button[disabled].reset:focus,
    .button.disabled[type=reset]:hover,
    .button.disabled[type=reset]:focus,
    .button.disabled.reset:hover,
    .button.disabled.reset:focus {
      background-color: transparent; }
  form button[disabled].action, form button.disabled.action,
  .button[disabled].action,
  .button.disabled.action {
    background-color: #319ebd;
    border-color: #277c95;
    color: #fff;
    cursor: default;
    opacity: 0.6;
    box-shadow: none; }
    form button[disabled].action:hover, form button[disabled].action:focus, form button.disabled.action:hover, form button.disabled.action:focus,
    .button[disabled].action:hover,
    .button[disabled].action:focus,
    .button.disabled.action:hover,
    .button.disabled.action:focus {
      background-color: #277c95; }
    form button[disabled].action:hover, form button[disabled].action:focus, form button.disabled.action:hover, form button.disabled.action:focus,
    .button[disabled].action:hover,
    .button[disabled].action:focus,
    .button.disabled.action:hover,
    .button.disabled.action:focus {
      color: #fff; }
    form button[disabled].action:hover, form button[disabled].action:focus, form button.disabled.action:hover, form button.disabled.action:focus,
    .button[disabled].action:hover,
    .button[disabled].action:focus,
    .button.disabled.action:hover,
    .button.disabled.action:focus {
      background-color: #319ebd; }

a.button {
  padding-top: 9px; }

a.search-link {
  font-family: Montserrat, "Avant Garde", Arial, sans-serif; }

@media only screen {
  form button,
  form .button {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) inset;
    -webkit-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out; }
    form button.radius,
    form .button.radius {
      border-radius: 2px; } }

@media only screen and (min-width: 641px) {
  form button,
  form .button {
    display: inline-block; } }

.toggle {
  display: inline-block;
  cursor: pointer;
  background: transparent;
  position: relative;
  overflow: visible;
  font-family: Arial, sans-serif;
  text-align: center;
  box-shadow: none;
  
  /* Removed these for toggle children rows
  margin: 0;
  padding: 0;
  border: 0;
  
  right: 4%;
  top: 50%;
  margin-top: -0.5em;
  font-size: 1em;
  font-weight: bold;
  line-height: 1;
  text-indent: 0;
  height: 1em;
  width: 1em; */
  }
  .toggle:after {
    display: block;
    height: 1em;
    width: 100%;
    line-height: 1; }
  [aria-expanded="false"] .toggle:after, .toggle[aria-expanded="false"]:after {
    content: "+"; }
  [aria-expanded="true"] .toggle:after, .toggle[aria-expanded="true"]:after {
    content: "\2212";
    /* "2212" is Unicode for the minus sign */ }

@media only screen and (max-width: 1024px) {
  .toggle {
    right: 0;
    top: 0;
    margin-top: 0;
    font-size: 2em;
    height: 100%;
    width: 50px; }
    .toggle:after {
      position: absolute;
      top: 50%;
      margin-top: -0.5em; }
  .ui-accordion-header.odd[aria-expanded="false"] .toggle,
  .ui-accordion-header.odd .toggle[aria-expanded="false"] {
    color: white;
    background-color: #8fd4db; }
  .ui-accordion-header.odd[aria-expanded="true"] .toggle,
  .ui-accordion-header.odd .toggle[aria-expanded="true"] {
    color: #8fd4db;
    background-color: white; }
  .ui-accordion-header.even[aria-expanded="false"] .toggle,
  .ui-accordion-header.even .toggle[aria-expanded="false"] {
    color: white;
    background-color: #b2dcdf; }
  .ui-accordion-header.even[aria-expanded="true"] .toggle,
  .ui-accordion-header.even .toggle[aria-expanded="true"] {
    color: #b2dcdf;
    background-color: white; }
  #mega-nav .toggle {
    font-size: 2.5em;
    box-shadow: -15px 0px 15px -15px rgba(0, 0, 0, 0.6) inset; }
  #mega-nav[aria-expanded="false"] .toggle,
  #mega-nav .toggle[aria-expanded="false"] {
    color: white;
    background-color: #c3c1b4; }
  #mega-nav[aria-expanded="true"] .toggle,
  #mega-nav .toggle[aria-expanded="true"] {
    color: #c3c1b4;
    background-color: white; }
  #mega-nav .current-page > div[aria-expanded="false"] .toggle,
  #mega-nav .current-page > div .toggle[aria-expanded="false"] {
    color: white;
    background-color: #12738a; }
  #mega-nav .current-page > div[aria-expanded="true"] .toggle,
  #mega-nav .current-page > div .toggle[aria-expanded="true"] {
    color: #12738a;
    background-color: white; }
  .section-nav[aria-expanded="false"] .toggle,
  .section-nav .toggle[aria-expanded="false"] {
    color: white;
    background-color: #c3c1b4; }
  .section-nav[aria-expanded="true"] .toggle,
  .section-nav .toggle[aria-expanded="true"] {
    color: #c3c1b4;
    background-color: white; }
  .section-nav .level-1.contains-current[aria-expanded="false"] .toggle,
  .section-nav .level-1.contains-current .toggle[aria-expanded="false"] {
    color: white;
    background-color: #d4d2e3; }
  .section-nav .level-1.contains-current[aria-expanded="true"] .toggle,
  .section-nav .level-1.contains-current .toggle[aria-expanded="true"] {
    color: #d4d2e3;
    background-color: white; }
  .section-nav .has-children > .current-page[aria-expanded="false"] .toggle,
  .section-nav .has-children > .current-page .toggle[aria-expanded="false"] {
    color: white;
    background-color: #12738a; }
  .section-nav .has-children > .current-page[aria-expanded="true"] .toggle,
  .section-nav .has-children > .current-page .toggle[aria-expanded="true"] {
    color: #12738a;
    background-color: white; } }

@media only screen and (min-width: 1025px) {
  .toggle {
    font-size: 1.25em;
    margin-top: -0.625em; }
    [aria-expanded="false"] .toggle, .toggle[aria-expanded="false"] {
      color: #454545; }
    [aria-expanded="true"] .toggle, .toggle[aria-expanded="true"] {
      color: #14819b; } }

.desktop .ui-accordion-header.odd[aria-expanded="false"] .toggle,
.desktop .ui-accordion-header.odd .toggle[aria-expanded="false"] {
  color: white;
  background-color: #8fd4db; }

.desktop .ui-accordion-header.odd[aria-expanded="true"] .toggle,
.desktop .ui-accordion-header.odd .toggle[aria-expanded="true"] {
  color: #8fd4db;
  background-color: white; }

.desktop .ui-accordion-header.even[aria-expanded="false"] .toggle,
.desktop .ui-accordion-header.even .toggle[aria-expanded="false"] {
  color: white;
  background-color: #b2dcdf; }

.desktop .ui-accordion-header.even[aria-expanded="true"] .toggle,
.desktop .ui-accordion-header.even .toggle[aria-expanded="true"] {
  color: #b2dcdf;
  background-color: white; }

/* Placeholder text styling */
input::-webkit-input-placeholder {
  font-family: inherit;
  color: #7b7b7b;
  font-size: inherit;
  font-style: italic;
  opacity: 1; }

input:-moz-placeholder {
  font-family: inherit;
  color: #7b7b7b;
  font-size: inherit;
  font-style: italic;
  opacity: 1; }

input::-moz-placeholder {
  font-family: inherit;
  color: #7b7b7b;
  font-size: inherit;
  font-style: italic;
  opacity: 1; }

input[type]:-ms-input-placeholder {
  font-family: inherit;
  color: #7b7b7b;
  font-size: inherit;
  font-style: italic;
  opacity: 1; }

/* Standard Forms */
form {
  margin: 0 0 1em; }

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -0.9375em; }
  form .row .row .column,
  form .row .row .columns {
    padding: 0 0.9375em; }
  form .row .row.collapse {
    margin: 0; }
    form .row .row.collapse .column,
    form .row .row.collapse .columns {
      padding: 0; }
    form .row .row.collapse input {
      -moz-border-radius-bottomright: 0;
      -moz-border-radius-topright: 0;
      -webkit-border-bottom-right-radius: 0;
      -webkit-border-top-right-radius: 0; }

form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 0.9375em; }

/* Label Styles */
label, .label {
  font-size: 0.875em;
  color: #606060;
  cursor: pointer;
  display: block;
  font-weight: normal;
  margin-bottom: 0.1875em;
  display: inline-block;
  line-height: 1em;
  font-family: Montserrat, "Avant Garde", Arial, sans-serif;
  font-size: 16px;
  /* Styles for required inputs */ }
  label.right, .label.right {
    float: none;
    text-align: right; }
  label.inline, .label.inline {
    margin: 0 0 1em 0;
    padding: 0.625em 0; }
  label small, .label small {
    text-transform: capitalize;
    color: #7a7a7a; }

.label {
  margin: 0 0 1em 0; }

.email-us-form label {
  float: right;
  text-align: right; }

@media only screen and (max-width: 640px) {
  .email-us-form label {
    text-align: left;
    float: left; } }

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: none;
  border-width: 0px;
  overflow: hidden;
  font-size: 0.875em;
  height: 2.3125em;
  line-height: 2.3125em; }

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125em;
  height: 2.4375em;
  font-size: 1em; }

.prefix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125em;
  height: 2.4375em;
  font-size: 1em; }

.prefix.button.radius {
  border-radius: 0;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px; }

.postfix.button.radius {
  border-radius: 0;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }

.prefix.button.round {
  border-radius: 0;
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

.postfix.button.round {
  border-radius: 0;
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px; }

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix,
label.prefix {
  background: #f2f2f2;
  border-color: #d9d9d9;
  border-right: none;
  color: #333; }
  span.prefix.radius,
  label.prefix.radius {
    border-radius: 0;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-topleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px; }

span.postfix,
label.postfix {
  background: #f2f2f2;
  border-color: #cccccc;
  border-left: none;
  color: #333; }
  span.postfix.radius,
  label.postfix.radius {
    border-radius: 0;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; }

/* Input groups will automatically style first and last elements of the group */
.input-group.radius > *:first-child,
.input-group.radius > *:first-child * {
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px; }

.input-group.radius > *:last-child,
.input-group.radius > *:last-child * {
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }

.input-group.round > *:first-child,
.input-group.round > *:first-child * {
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

.input-group.round > *:last-child,
.input-group.round > *:last-child * {
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px; }

/* We use this to get basic styling on all basic form elements */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  -webkit-appearance: none;
  border-radius: 0;
  background-color: #f2f2f3;
  font-family: inherit;
  border: 1px solid #bdbdc2;
  box-shadow: 0px 2px 4px 0px rgba(242, 242, 243, 0.05) inset;
  color: #2e2e2e;
  /* display: block; */
  /* font-size: 1em; */
  /* margin: 0 0 1em 0;
  padding: 0.5em; */
  /* height: 2.4375em; */
  /* width: 100%; */
  box-sizing: border-box;
  -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
  -webkit-transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  textarea:focus {
    box-shadow: 0 0 5px #999999;
    border-color: #999999; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  textarea:focus {
    background: #ededee;
    border-color: #888891;
    outline: none; }
  input[type="text"][disabled],
  input[type="password"][disabled],
  input[type="date"][disabled],
  input[type="datetime"][disabled],
  input[type="datetime-local"][disabled],
  input[type="month"][disabled],
  input[type="week"][disabled],
  input[type="email"][disabled],
  input[type="number"][disabled],
  input[type="search"][disabled],
  input[type="tel"][disabled],
  input[type="time"][disabled],
  input[type="url"][disabled],
  textarea[disabled] {
    background-color: #ddd; }

/* Disable box shadow effect on forms */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
  box-shadow: none; }

input[type="text"]::-ms-clear {
  width: 0;
  height: 0;
  visibility: hidden; }

input[size] {
  width: auto;
  width: initial;
  display: inline-block; }

textarea[rows] {
  height: auto;
  height: initial; }

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 1em; }

/* Normalize file input width */
/* input[type="file"] {
  width: 100%; } */

#recaptcha_area input {
  height: auto;
  height: initial;
  display: inline-block;
  display: initial; }

/* We add basic fieldset styling */
fieldset {
  border: none 0px transparent;
  padding: 0;
  margin: 0; }
  fieldset legend, fieldset .legend {
    font-weight: bold;
    background: #fff;
    padding: 0 0.1875em;
    margin: 0;
    margin-left: -0.1875em; }
  fieldset legend, fieldset .legend {
    margin-left: 0;
    font-family: Montserrat, "Avant Garde", Arial, sans-serif;
    color: #606060;
    font-size: 1.25em;
    line-height: 1.5625em;
    float: left; }

form fieldset {
  margin-top: 20px; }

fieldset div.row {
  padding-bottom: 20px; }

/* Error Handling */
[data-abide] .error small.error,
[data-abide] span.error,
[data-abide] small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #c60f13;
  color: #fff; }

[data-abide] span.error,
[data-abide] small.error {
  display: none; }

span.error,
small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #c60f13;
  color: #fff; }

.error input,
.error textarea,
.error select {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1);
  margin-bottom: 0; }
  .error input:focus,
  .error textarea:focus,
  .error select:focus {
    background: #ededee;
    border-color: #888891; }

.error label,
.error label.error {
  color: #c60f13; }

.error > small,
.error small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #c60f13;
  color: #fff; }

.error span.error-message {
  display: block; }

input.error,
textarea.error {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1);
  margin-bottom: 0; }
  input.error:focus,
  textarea.error:focus {
    background: #ededee;
    border-color: #888891; }

.error select {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1); }
  .error select:focus {
    background: #ededee;
    border-color: #888891; }

label.error {
  color: #c60f13; }

select {
  /* width: auto; */
  font-size: inherit;
  font-family: "Noto Sans", "Century Gothic", Arial, sans-serif;
  color: #2e2e2e;
  line-height: 1;
  /* padding: .5em 1em .5em .75em;  */
}
  /* select.full-width, select.fullwidth {
    width: 100%; 
  } */
  select[multiple] {
    padding: 0; }
    select[multiple] > option {
      padding: .05em 1.25em .05em 1em; }

/* Custom radio and checkbox styling
 * Note that these do not get applied to IE8 and below.
 */
span.radio + span.radio,
span.radio + span.checkbox,
span.checkbox + span.radio,
span.checkbox + span.checkbox {
  margin-left: 2em; }

.radio, .checkbox {
  position: relative; }

.cdrid_mirror_row .radio, .cdrid_mirror_row .checkbox {
  position: static; }

span.radio input[type="radio"], span.checkbox input[type="checkbox"] {
  margin-top: 0.5em; }

.radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer; }
  .radio input[type="radio"] + label {
    position: relative;
    margin-left: 1.5em; }
    .radio input[type="radio"] + label:before {
      content: "";
      position: absolute;
      left: -1.5em;
      display: inline-block;
      text-align: center;
      border-style: solid;
      margin-right: 0.5em;
      width: 1em;
      height: 1em;
      background-color: white;
      border-width: 2px;
      border-color: #186d89; }
  .radio input[type="radio"]:disabled + label:before {
    border-color: #b0b0b0; }

.radio input[type="radio"] + label:before {
  border-radius: 0.5em; }

.radio input[type="radio"]:checked + label:before {
  background-color: #186d89; }

.radio input[type="radio"]:checked:disabled + label:before {
  background-color: #ccc; }

.checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer; }
  .checkbox input[type="checkbox"] + label {
    position: relative;
    margin-left: 1.5em; }
    .checkbox input[type="checkbox"] + label:before {
      content: "";
      position: absolute;
      left: -1.5em;
      display: inline-block;
      text-align: center;
      border-style: solid;
      margin-right: 0.5em;
      width: 1em;
      height: 1em;
      background-color: white;
      border-width: 2px;
      border-color: #186d89; }
  .checkbox input[type="checkbox"]:disabled + label:before {
    border-color: #b0b0b0; }

.checkbox input[type="checkbox"] {
  margin-top: 0.5em; }
  .checkbox input[type="checkbox"] + label:before {
    border-radius: 0;
    line-height: 0.75em;
    font-weight: bold; }
  .checkbox input[type="checkbox"]:checked + label:before {
    content: "\2713";
    background-color: white;
    color: #186d89; }
  .checkbox input[type="checkbox"]:checked:disabled + label:before {
    color: #ccc; }

/* unique form element styling */
.roundy-box {
  border: 1px solid;
  border-color: black;
  border-color: rgba(0, 0, 0, 0.1);
  border-radius: 3px; }

.scrolling-list {
  overflow: auto;
  white-space: nowrap;
  max-height: 200px;
  padding: 0.5em 2em 0.5em 1em; }
  .scrolling-list.tall {
    max-height: none;
    max-height: initial;
    overflow: visible;
    overflow: initial; }
  .scrolling-list p:first-child {
    margin-top: 0; }
  .scrolling-list p:last-child {
    margin-bottom: 0; }

fieldset label.field, fieldset .label.field {
  float: right;
  text-align: right;
  font-family: Montserrat, "Avant Garde", Arial, sans-serif;
  font-size: 16px;
  margin-top: 14px; }

.columns.legend {
  text-align: right;
  padding-right: 0.9375em;
  margin-bottom: 15px;
  display: table; }

@media only screen and (max-width: 640px) {
  .columns.legend {
    text-align: left; }
  .clinical-trials-search-form .field {
    margin-bottom: 10px; }
  fieldset label.field {
    float: left;
    text-align: left; } }

.clinical-trials-search-form fieldset {
  outline: 0; }

#legend-location-zip + div, #legend-location-citystate + div {
  display: inline-block;
  margin-left: 15px;
  margin-top: 15px; }

#legend-location-hospital + div, #legend-location-NIH + div {
  margin-top: 15px; }

.ct-country-area {
  margin-bottom: 10px; }
  .ct-country-area span.ui-selectmenu-button, .ct-country-area div.ui-selectmenu-menu {
    width: 220px !important; }

@media only screen and (max-width: 640px) {
  .ct-country-area .ui-selectmenu-button {
    width: 200px !important; } }

.ct-state-label {
  width: 72px;
  float: left; }

.ct-state-list {
  background: white; }

.ct-country-label, .ct-city-label {
  width: 70px; }

#showInterventionListButtonArea {
  margin-top: 10px; }

/*.checkbox label {
	padding-left: 5px;
}*/
.cts-location {
  padding: 10px; }

.cts-location > div {
  padding: 12px 0; }

.ct-zip-row {
  margin-top: 10px;
  padding-bottom: 0 !important; }

.ct-zip-area {
  display: block;
  position: relative; }

.ct-zip-row .ui-selectmenu-button {
  margin-right: 10px;
  margin-bottom: 10px;
  width: 160px !important; }

@media only screen and (max-width: 1024px) {
  .ct-zip-row span {
    display: block; }
  .ct-zip-row .ui-selectmenu-button {
    margin-bottom: 15px; } }

.ct-zip {
  display: block !important;
  margin-left: 15px;
  margin-bottom: 6px !important;
  width: 140px !important; }

.ct-zip-row .icon-exit-notification {
  display: none; }

fieldset fieldset {
  background: #E2F5F9;
  margin: 0;
  padding: 18px; }

fieldset fieldset .legend {
  font-size: 1.2em;
  color: #606060;
  background: transparent; }

#drugListSubBox .radio {
  display: block; }

.ct-popup-form {
  margin-left: 1em; }

.ct-popup-line {
  margin-top: 1em; }

.ct-popup-label {
  font-weight: bold; }

.genetics-form legend, .genetics-form .legend, .genetics-form .legend {
  background: transparent;
  line-height: 1.35em; }

.genetics-form .checkbox label {
  line-height: 1.4em;
  word-wrap: break-word; }

@media only screen and (max-width: 1024px) {
  .genetics-form .row {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: start;
            justify-content: flex-start;
    max-width: calc(100vw - 50px); }
    .genetics-form .row .columns {
      display: -webkit-box;
      display: flex;
      width: calc(100vw - 110px);
      margin: 0;
      padding: 0;
      margin-left: 50px; }
      .genetics-form .row .columns.scrolling-list {
        padding: 8px 0 8px 8px;
        max-width: calc(100% - 50px); }
    .genetics-form .row .legend {
      width: 50px;
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: start;
              justify-content: flex-start; }
    .genetics-form .row .legend, .genetics-form .row legend, .genetics-form .row .legend {
      font-size: 1.1em; }
  .genetics-form fieldset .row:first-child {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row; }
    .genetics-form fieldset .row:first-child .columns {
      margin: 0; }
  .genetics-form .label.right, .genetics-form label.right {
    text-align: left; }
  .genetics-form .checkbox {
    width: 100%; }
  .genetics-form .genetics-form__options .columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column; } }

@media only screen and (max-width: 390px) {
  .genetics-form .captcha-row .columns, .genetics-form .buttons-row .columns {
    margin: 0; } }

.text-icon-help,
.main-content .text-icon-help {
  font-size: 1em;
  line-height: 1;
  font-family: Montserrat, "Avant Garde", Arial, sans-serif;
  font-weight: bold;
  color: #2b7bba;
  background-color: white;
  display: inline-block;
  height: 1.5625em;
  width: 1.5625em;
  padding: 0.21875em;
  text-align: center;
  border: 2px solid #2b7bba;
  border-radius: 1em;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1) inset; }
  .text-icon-help:hover, .text-icon-help:focus,
  .main-content .text-icon-help:hover,
  .main-content .text-icon-help:focus {
    color: #bb0e3d;
    border-color: #bb0e3d;
    text-decoration: none; }

.icon-exit-notification {
  width: 0.93769em;
  height: 0.8125em;
  background-position: 5.68192% 29.92219%;
  display: inline-block;
  margin-left: 0.25em;
  margin-right: 0.25em; }

.feature-card .image-hover a.icon-exit-notification, .cthp-card-image a.icon-exit-notification {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 35.173439px;
  height: 30px;
  display: inline-block;
  width: 2.125em;
  height: 1.8125em;
  background-position: 6.36943% 30.81657%; }

@media only screen and (max-width: 640px) {
  .feature-card .image-hover a.icon-exit-notification {
    font-size: .7em; }
  .cthp-card-image a.icon-exit-notification {
    display: none; } }

@media only screen and (min-width: 641px) {
  .cgvcancertypehome .cardBody .icon-exit-notification {
    display: none; } }

.cthp-card-image {
  position: relative; }

.cthp-card-image .icon-exit-notification {
  position: absolute;
  right: 0;
  bottom: 0; }

.CDR_audiofile {
  width: 1.5625em;
  height: 1.3125em;
  background-position: 6.0241% 96.7399%;
  display: inline-block;
  vertical-align: sub; }

#sitesearch {
  border: none;
  box-shadow: none;
  -webkit-transition: none;
  transition: none;
  padding: 0;
  margin: 0;
  width: 1.12506em;
  height: 1.12519em;
  background-position: 5.78038% 85.29279%;
  background-color: transparent;
  min-height: auto;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 1em; }

/****************** END NCI COMPONENTS SECTION ********************/
.toolbar-oriented .toolbar-bar {
  z-index: 1500; }

/********************* BEGIN General Styles ******************************************/
body {
  line-height: 1.375em;
  /* word-wrap: break-word; */
  /* done to let long words that are bigger than container wrap within the word */
  -webkit-font-smoothing: subpixel-antialiased; }

h1, h2, h3, h4, .related-resources h6, h5, h6 {
  margin-top: 1em;
  margin-bottom: 0.5em; }
  h1 p,
  h2 p,
  h3 p,
  h4 p,
  .related-resources h6 p,
  h5 p,
  h6 p {
    font-weight: inherit; }
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  .related-resources h6 a,
  h5 a,
  h6 a {
    font-weight: normal; }

.section-nav {
  font-family: Montserrat, "Avant Garde", Arial, sans-serif; }

@media only screen and (min-width: 1025px) {
  h1 {
    margin-top: 0.58em; } }

h1 {
  line-height: 1.1em;
  font-size: 1.75em; }

h2 {
  line-height: 1.215em;
  font-size: 1.4375em; }

h3 {
  line-height: 1.25em;
  font-size: 1.25em; }

h4, .related-resources h6 {
  line-height: 1.333em;
  font-size: 1.125em; }

h5 {
  line-height: 1.333em;
  font-size: 1em; }

h6 {
  line-height: 1.125em;
  font-size: 1em;
  font-style: italic; }

.related-resources h6 {
  margin-top: 40px;
  font-style: normal; }

.article-footer h6 {
  font-style: normal; }

.article-footer {
  clear: both; }

.contentzone .small-1 > h1:first-child, .contentzone .small-2 > h1:first-child, .contentzone .small-3 > h1:first-child, .contentzone .small-4 > h1:first-child, .contentzone .small-5 > h1:first-child, .contentzone .small-6 > h1:first-child, .contentzone .small-7 > h1:first-child, .contentzone .small-8 > h1:first-child, .contentzone .small-9 > h1:first-child, .contentzone .small-10 > h1:first-child, .contentzone .small-11 > h1:first-child, .contentzone .small-12 > h1:first-child,
.contentzone .small-1 > h2:first-child,
.contentzone .small-2 > h2:first-child,
.contentzone .small-3 > h2:first-child,
.contentzone .small-4 > h2:first-child,
.contentzone .small-5 > h2:first-child,
.contentzone .small-6 > h2:first-child,
.contentzone .small-7 > h2:first-child,
.contentzone .small-8 > h2:first-child,
.contentzone .small-9 > h2:first-child,
.contentzone .small-10 > h2:first-child,
.contentzone .small-11 > h2:first-child,
.contentzone .small-12 > h2:first-child,
.contentzone .small-1 > h3:first-child,
.contentzone .small-2 > h3:first-child,
.contentzone .small-3 > h3:first-child,
.contentzone .small-4 > h3:first-child,
.contentzone .small-5 > h3:first-child,
.contentzone .small-6 > h3:first-child,
.contentzone .small-7 > h3:first-child,
.contentzone .small-8 > h3:first-child,
.contentzone .small-9 > h3:first-child,
.contentzone .small-10 > h3:first-child,
.contentzone .small-11 > h3:first-child,
.contentzone .small-12 > h3:first-child,
.contentzone .small-1 > h4:first-child,
.contentzone .small-2 > h4:first-child,
.contentzone .small-3 > h4:first-child,
.contentzone .small-4 > h4:first-child,
.contentzone .small-5 > h4:first-child,
.contentzone .small-6 > h4:first-child,
.contentzone .small-7 > h4:first-child,
.contentzone .small-8 > h4:first-child,
.contentzone .small-9 > h4:first-child,
.contentzone .small-10 > h4:first-child,
.contentzone .small-11 > h4:first-child,
.contentzone .small-12 > h4:first-child, .contentzone .related-resources .small-1 > h6:first-child, .related-resources .contentzone .small-1 > h6:first-child, .contentzone .related-resources .small-2 > h6:first-child, .related-resources .contentzone .small-2 > h6:first-child, .contentzone .related-resources .small-3 > h6:first-child, .related-resources .contentzone .small-3 > h6:first-child, .contentzone .related-resources .small-4 > h6:first-child, .related-resources .contentzone .small-4 > h6:first-child, .contentzone .related-resources .small-5 > h6:first-child, .related-resources .contentzone .small-5 > h6:first-child, .contentzone .related-resources .small-6 > h6:first-child, .related-resources .contentzone .small-6 > h6:first-child, .contentzone .related-resources .small-7 > h6:first-child, .related-resources .contentzone .small-7 > h6:first-child, .contentzone .related-resources .small-8 > h6:first-child, .related-resources .contentzone .small-8 > h6:first-child, .contentzone .related-resources .small-9 > h6:first-child, .related-resources .contentzone .small-9 > h6:first-child, .contentzone .related-resources .small-10 > h6:first-child, .related-resources .contentzone .small-10 > h6:first-child, .contentzone .related-resources .small-11 > h6:first-child, .related-resources .contentzone .small-11 > h6:first-child, .contentzone .related-resources .small-12 > h6:first-child, .related-resources .contentzone .small-12 > h6:first-child,
.contentzone .small-1 > h5:first-child,
.contentzone .small-2 > h5:first-child,
.contentzone .small-3 > h5:first-child,
.contentzone .small-4 > h5:first-child,
.contentzone .small-5 > h5:first-child,
.contentzone .small-6 > h5:first-child,
.contentzone .small-7 > h5:first-child,
.contentzone .small-8 > h5:first-child,
.contentzone .small-9 > h5:first-child,
.contentzone .small-10 > h5:first-child,
.contentzone .small-11 > h5:first-child,
.contentzone .small-12 > h5:first-child,
.contentzone .small-1 > h6:first-child,
.contentzone .small-2 > h6:first-child,
.contentzone .small-3 > h6:first-child,
.contentzone .small-4 > h6:first-child,
.contentzone .small-5 > h6:first-child,
.contentzone .small-6 > h6:first-child,
.contentzone .small-7 > h6:first-child,
.contentzone .small-8 > h6:first-child,
.contentzone .small-9 > h6:first-child,
.contentzone .small-10 > h6:first-child,
.contentzone .small-11 > h6:first-child,
.contentzone .small-12 > h6:first-child {
  margin-top: 0; }

@media only screen and (min-width: 1025px) {
  .contentzone .medium-1 > h1:first-child, .contentzone .medium-2 > h1:first-child, .contentzone .medium-3 > h1:first-child, .contentzone .medium-4 > h1:first-child, .contentzone .medium-5 > h1:first-child, .contentzone .medium-6 > h1:first-child, .contentzone .medium-7 > h1:first-child, .contentzone .medium-8 > h1:first-child, .contentzone .medium-9 > h1:first-child, .contentzone .medium-10 > h1:first-child, .contentzone .medium-11 > h1:first-child, .contentzone .medium-12 > h1:first-child,
  .contentzone .medium-1 > h2:first-child,
  .contentzone .medium-2 > h2:first-child,
  .contentzone .medium-3 > h2:first-child,
  .contentzone .medium-4 > h2:first-child,
  .contentzone .medium-5 > h2:first-child,
  .contentzone .medium-6 > h2:first-child,
  .contentzone .medium-7 > h2:first-child,
  .contentzone .medium-8 > h2:first-child,
  .contentzone .medium-9 > h2:first-child,
  .contentzone .medium-10 > h2:first-child,
  .contentzone .medium-11 > h2:first-child,
  .contentzone .medium-12 > h2:first-child,
  .contentzone .medium-1 > h3:first-child,
  .contentzone .medium-2 > h3:first-child,
  .contentzone .medium-3 > h3:first-child,
  .contentzone .medium-4 > h3:first-child,
  .contentzone .medium-5 > h3:first-child,
  .contentzone .medium-6 > h3:first-child,
  .contentzone .medium-7 > h3:first-child,
  .contentzone .medium-8 > h3:first-child,
  .contentzone .medium-9 > h3:first-child,
  .contentzone .medium-10 > h3:first-child,
  .contentzone .medium-11 > h3:first-child,
  .contentzone .medium-12 > h3:first-child,
  .contentzone .medium-1 > h4:first-child,
  .contentzone .medium-2 > h4:first-child,
  .contentzone .medium-3 > h4:first-child,
  .contentzone .medium-4 > h4:first-child,
  .contentzone .medium-5 > h4:first-child,
  .contentzone .medium-6 > h4:first-child,
  .contentzone .medium-7 > h4:first-child,
  .contentzone .medium-8 > h4:first-child,
  .contentzone .medium-9 > h4:first-child,
  .contentzone .medium-10 > h4:first-child,
  .contentzone .medium-11 > h4:first-child,
  .contentzone .medium-12 > h4:first-child, .contentzone .related-resources .medium-1 > h6:first-child, .related-resources .contentzone .medium-1 > h6:first-child, .contentzone .related-resources .medium-2 > h6:first-child, .related-resources .contentzone .medium-2 > h6:first-child, .contentzone .related-resources .medium-3 > h6:first-child, .related-resources .contentzone .medium-3 > h6:first-child, .contentzone .related-resources .medium-4 > h6:first-child, .related-resources .contentzone .medium-4 > h6:first-child, .contentzone .related-resources .medium-5 > h6:first-child, .related-resources .contentzone .medium-5 > h6:first-child, .contentzone .related-resources .medium-6 > h6:first-child, .related-resources .contentzone .medium-6 > h6:first-child, .contentzone .related-resources .medium-7 > h6:first-child, .related-resources .contentzone .medium-7 > h6:first-child, .contentzone .related-resources .medium-8 > h6:first-child, .related-resources .contentzone .medium-8 > h6:first-child, .contentzone .related-resources .medium-9 > h6:first-child, .related-resources .contentzone .medium-9 > h6:first-child, .contentzone .related-resources .medium-10 > h6:first-child, .related-resources .contentzone .medium-10 > h6:first-child, .contentzone .related-resources .medium-11 > h6:first-child, .related-resources .contentzone .medium-11 > h6:first-child, .contentzone .related-resources .medium-12 > h6:first-child, .related-resources .contentzone .medium-12 > h6:first-child,
  .contentzone .medium-1 > h5:first-child,
  .contentzone .medium-2 > h5:first-child,
  .contentzone .medium-3 > h5:first-child,
  .contentzone .medium-4 > h5:first-child,
  .contentzone .medium-5 > h5:first-child,
  .contentzone .medium-6 > h5:first-child,
  .contentzone .medium-7 > h5:first-child,
  .contentzone .medium-8 > h5:first-child,
  .contentzone .medium-9 > h5:first-child,
  .contentzone .medium-10 > h5:first-child,
  .contentzone .medium-11 > h5:first-child,
  .contentzone .medium-12 > h5:first-child,
  .contentzone .medium-1 > h6:first-child,
  .contentzone .medium-2 > h6:first-child,
  .contentzone .medium-3 > h6:first-child,
  .contentzone .medium-4 > h6:first-child,
  .contentzone .medium-5 > h6:first-child,
  .contentzone .medium-6 > h6:first-child,
  .contentzone .medium-7 > h6:first-child,
  .contentzone .medium-8 > h6:first-child,
  .contentzone .medium-9 > h6:first-child,
  .contentzone .medium-10 > h6:first-child,
  .contentzone .medium-11 > h6:first-child,
  .contentzone .medium-12 > h6:first-child {
    margin-top: 0; } }

@media only screen and (min-width: 641px) {
  .contentzone .large-1 > h1:first-child, .contentzone .large-2 > h1:first-child, .contentzone .large-3 > h1:first-child, .contentzone .large-4 > h1:first-child, .contentzone .large-5 > h1:first-child, .contentzone .large-6 > h1:first-child, .contentzone .large-7 > h1:first-child, .contentzone .large-8 > h1:first-child, .contentzone .large-9 > h1:first-child, .contentzone .large-10 > h1:first-child, .contentzone .large-11 > h1:first-child, .contentzone .large-12 > h1:first-child,
  .contentzone .large-1 > h2:first-child,
  .contentzone .large-2 > h2:first-child,
  .contentzone .large-3 > h2:first-child,
  .contentzone .large-4 > h2:first-child,
  .contentzone .large-5 > h2:first-child,
  .contentzone .large-6 > h2:first-child,
  .contentzone .large-7 > h2:first-child,
  .contentzone .large-8 > h2:first-child,
  .contentzone .large-9 > h2:first-child,
  .contentzone .large-10 > h2:first-child,
  .contentzone .large-11 > h2:first-child,
  .contentzone .large-12 > h2:first-child,
  .contentzone .large-1 > h3:first-child,
  .contentzone .large-2 > h3:first-child,
  .contentzone .large-3 > h3:first-child,
  .contentzone .large-4 > h3:first-child,
  .contentzone .large-5 > h3:first-child,
  .contentzone .large-6 > h3:first-child,
  .contentzone .large-7 > h3:first-child,
  .contentzone .large-8 > h3:first-child,
  .contentzone .large-9 > h3:first-child,
  .contentzone .large-10 > h3:first-child,
  .contentzone .large-11 > h3:first-child,
  .contentzone .large-12 > h3:first-child,
  .contentzone .large-1 > h4:first-child,
  .contentzone .large-2 > h4:first-child,
  .contentzone .large-3 > h4:first-child,
  .contentzone .large-4 > h4:first-child,
  .contentzone .large-5 > h4:first-child,
  .contentzone .large-6 > h4:first-child,
  .contentzone .large-7 > h4:first-child,
  .contentzone .large-8 > h4:first-child,
  .contentzone .large-9 > h4:first-child,
  .contentzone .large-10 > h4:first-child,
  .contentzone .large-11 > h4:first-child,
  .contentzone .large-12 > h4:first-child, .contentzone .related-resources .large-1 > h6:first-child, .related-resources .contentzone .large-1 > h6:first-child, .contentzone .related-resources .large-2 > h6:first-child, .related-resources .contentzone .large-2 > h6:first-child, .contentzone .related-resources .large-3 > h6:first-child, .related-resources .contentzone .large-3 > h6:first-child, .contentzone .related-resources .large-4 > h6:first-child, .related-resources .contentzone .large-4 > h6:first-child, .contentzone .related-resources .large-5 > h6:first-child, .related-resources .contentzone .large-5 > h6:first-child, .contentzone .related-resources .large-6 > h6:first-child, .related-resources .contentzone .large-6 > h6:first-child, .contentzone .related-resources .large-7 > h6:first-child, .related-resources .contentzone .large-7 > h6:first-child, .contentzone .related-resources .large-8 > h6:first-child, .related-resources .contentzone .large-8 > h6:first-child, .contentzone .related-resources .large-9 > h6:first-child, .related-resources .contentzone .large-9 > h6:first-child, .contentzone .related-resources .large-10 > h6:first-child, .related-resources .contentzone .large-10 > h6:first-child, .contentzone .related-resources .large-11 > h6:first-child, .related-resources .contentzone .large-11 > h6:first-child, .contentzone .related-resources .large-12 > h6:first-child, .related-resources .contentzone .large-12 > h6:first-child,
  .contentzone .large-1 > h5:first-child,
  .contentzone .large-2 > h5:first-child,
  .contentzone .large-3 > h5:first-child,
  .contentzone .large-4 > h5:first-child,
  .contentzone .large-5 > h5:first-child,
  .contentzone .large-6 > h5:first-child,
  .contentzone .large-7 > h5:first-child,
  .contentzone .large-8 > h5:first-child,
  .contentzone .large-9 > h5:first-child,
  .contentzone .large-10 > h5:first-child,
  .contentzone .large-11 > h5:first-child,
  .contentzone .large-12 > h5:first-child,
  .contentzone .large-1 > h6:first-child,
  .contentzone .large-2 > h6:first-child,
  .contentzone .large-3 > h6:first-child,
  .contentzone .large-4 > h6:first-child,
  .contentzone .large-5 > h6:first-child,
  .contentzone .large-6 > h6:first-child,
  .contentzone .large-7 > h6:first-child,
  .contentzone .large-8 > h6:first-child,
  .contentzone .large-9 > h6:first-child,
  .contentzone .large-10 > h6:first-child,
  .contentzone .large-11 > h6:first-child,
  .contentzone .large-12 > h6:first-child {
    margin-top: 0; } }

p {
  margin: 1.25em 0;
  line-height: 1.5em;
  font-size: inherit; }

h1 + p,
h2 + p,
h3 + p,
h4 + p,
.related-resources h6 + p,
h5 + p,
h6 + p {
  margin-top: 0.5em; }

table caption {
  font-weight: bold;
  text-align: left;
  color: #000;
  padding: 20px 0 10px;
  /* using padding instead of margin due to problem in Safari */ }

.noMargin {
  margin: 0; }

.row .header {
  font-weight: bold;
  font-family: Montserrat, "Avant Garde", Arial, sans-serif; }

/* begin add-on functionality to foundation rows */
.row .row.vertical-space,
.row.vertical-space {
  margin-top: 1.5em;
  margin-bottom: 1.5em; }

.row .row.top-row-padding,
.row.top-row-padding {
  margin-top: 3em;
  margin-bottom: 1.5em; }

.row.collapse-edges .columns:first-child,
.row .row.collapse-edges .columns:first-child {
  padding-left: 0; }

.row.collapse-edges .columns:last-child,
.row .row.collapse-edges .columns:last-child {
  padding-right: 0; }

.row.collapse-edges .columns:only-child,
.row .row.collapse-edges .columns:only-child {
  padding: 0.9375em; }

@media only screen and (max-width: 640px) {
  .row.collapse-edges .columns[class*=" large-"], .row.collapse-edges .columns[class^="large-"],
  .row .row.collapse-edges .columns[class*=" large-"],
  .row .row.collapse-edges .columns[class^="large-"] {
    padding-left: 0;
    padding-right: 0; }
  .row.collapse-edges .columns[class*=" small-"]:first-child, .row.collapse-edges .columns[class^="small-"]:first-child,
  .row .row.collapse-edges .columns[class*=" small-"]:first-child,
  .row .row.collapse-edges .columns[class^="small-"]:first-child {
    padding-left: 0;
    padding-right: 0.9375em; }
  .row.collapse-edges .columns[class*=" small-"]:last-child, .row.collapse-edges .columns[class^="small-"]:last-child,
  .row .row.collapse-edges .columns[class*=" small-"]:last-child,
  .row .row.collapse-edges .columns[class^="small-"]:last-child {
    padding-left: 0.9375em;
    padding-right: 0; } }

@media only screen and (max-width: 1024px) {
  .row.collapse-edges .columns[class*=" medium-"], .row.collapse-edges .columns[class^="medium-"],
  .row .row.collapse-edges .columns[class*=" medium-"],
  .row .row.collapse-edges .columns[class^="medium-"] {
    padding-left: 0;
    padding-right: 0; } }

@media only screen and (min-width: 1025px) {
  .medium-1 {
    position: relative;
    width: 8.33333%; }
  .medium-2 {
    position: relative;
    width: 16.66667%; }
  .medium-3 {
    position: relative;
    width: 25%; }
  .medium-4 {
    position: relative;
    width: 33.33333%; }
  .medium-5 {
    position: relative;
    width: 41.66667%; }
  .medium-6 {
    position: relative;
    width: 50%; }
  .medium-7 {
    position: relative;
    width: 58.33333%; }
  .medium-8 {
    position: relative;
    width: 66.66667%; }
  .medium-9 {
    position: relative;
    width: 75%; }
  .medium-10 {
    position: relative;
    width: 83.33333%; }
  .medium-11 {
    position: relative;
    width: 91.66667%; }
  .medium-12 {
    position: relative;
    width: 100%; }
  .row .medium-offset-0 {
    position: relative;
    margin-left: 0%; }
  .row .medium-offset-1 {
    position: relative;
    margin-left: 8.33333%; }
  .row .medium-offset-2 {
    position: relative;
    margin-left: 16.66667%; }
  .row .medium-offset-3 {
    position: relative;
    margin-left: 25%; }
  .row .medium-offset-4 {
    position: relative;
    margin-left: 33.33333%; }
  .row .medium-offset-5 {
    position: relative;
    margin-left: 41.66667%; }
  .row .medium-offset-6 {
    position: relative;
    margin-left: 50%; }
  .row .medium-offset-7 {
    position: relative;
    margin-left: 58.33333%; }
  .row .medium-offset-8 {
    position: relative;
    margin-left: 66.66667%; }
  .row .medium-offset-9 {
    position: relative;
    margin-left: 75%; }
  .row .medium-offset-10 {
    position: relative;
    margin-left: 83.33333%; }
  .row .medium-offset-11 {
    position: relative;
    margin-left: 91.66667%; } }

@media only screen and (max-width: 1024px) {
  .row .row {
    margin-left: auto;
    margin-right: auto; } }

/* style to collapse individual columns */
.row .column.collapse,
.row .columns.collapse {
  padding-left: 0;
  padding-right: 0; }

/* end add-on functionality to foundation rows */
/* We needed to set the min-height style so that pages without */
/* bread crumbs create enough space so that the social media   */
/* buttons would be displayed with the same spacing to the top */
/* menu as those pages including bread crumbs                  */
.bcrumbs {
  font-size: 0.8em;
  margin-bottom: 1.25em;
  margin-top: 2em;
  min-height: 1.1875em;
  font-family: Montserrat, "Avant Garde", Arial, sans-serif; }

@media only screen and (max-width: 640px) {
  .bcrumbs {
    display: none; } }

@media only screen and (max-width: 1024px) {
  .bcrumbs {
    padding-left: 15px;
    margin-bottom: 0; } }

/* clearfix for clearing floated items */
.clearfix, .pullquote,
.pullquote-right,
.pullquote-left, .embedded-entity[data-entity-embed-display*="_feature_card"] a {
  zoom: 1; }
  .clearfix:after, .pullquote:after,
  .pullquote-right:after,
  .pullquote-left:after, .embedded-entity[data-entity-embed-display*="_feature_card"] a:after {
    clear: both; }
  .clearfix:before, .pullquote:before,
  .pullquote-right:before,
  .pullquote-left:before, .embedded-entity[data-entity-embed-display*="_feature_card"] a:before, .clearfix:after, .pullquote:after,
  .pullquote-right:after,
  .pullquote-left:after, .embedded-entity[data-entity-embed-display*="_feature_card"] a:after {
    content: " ";
    display: table; }

/* begin images using the HTML5 figure and figcaption elements */
/* add block level style to HTML5 elements, for IE */
header,
nav,
article,
footer,
section,
aside,
figure,
figcaption {
  display: block; }

/* The Previous/Next, Older/Newer navigation links need to be   */
/* separated more from the content of the page                  */
div#cgvSlPagination,
div.previous-next-links {
  margin-top: 3em !important; }

/* End Previous/Next */
/* Pullquotes */
.pullquote {
  border-left: 3px solid #2a72a5;
  margin: 40px auto;
  padding-left: 20px;
  width: 100%;
  color: #2a72a5; }

.pullquote-text {
  font-size: 24px;
  line-height: 28px; }

.pullquote-text:before {
  content: "\201C"; }

/* we are doing quotes manually for spanish pages due to difference in grammar where period comes after quote in spanish */
:lang(es) .pullquote-text:before {
  content: ""; }

.pullquote-text:after {
  content: "\201D"; }

/* we are doing quotes manually for spanish pages due to difference in grammar where period comes after quote in spanish */
:lang(es) .pullquote-text:after {
  content: ""; }

.pullquote p {
  margin: 0 0 30px 0;
  font-family: "DIN Condensed", Montserrat, "Avant Garde", Arial, sans-serif;
  font-weight: bold; }

.pullquote-left {
  width: 40%;
  margin: 20px 1em 20px 0;
  float: left; }

.pullquote-right {
  width: 40%;
  margin: 20px 0 20px 1em;
  float: right; }

.pullquote,
.pullquote-right,
.pullquote-left {
  font-family: "DIN Condensed", Montserrat, "Avant Garde", Arial, sans-serif;
  font-weight: bold; }
  @media only screen and (max-width: 640px) {
    .pullquote,
    .pullquote-right,
    .pullquote-left {
      width: 100%;
      float: none;
      margin: 1em auto; } }
  .pullquote .author,
  .pullquote-right .author,
  .pullquote-left .author {
    font-family: "DIN Condensed", Montserrat, "Avant Garde", Arial, sans-serif;
    text-align: left;
    color: #706f6f;
    font-size: 24px;
    line-height: 24px; }
  .pullquote p.author,
  .pullquote-right p.author,
  .pullquote-left p.author {
    margin-bottom: -1px; }
  .pullquote p.author:before,
  .pullquote-right p.author:before,
  .pullquote-left p.author:before {
    content: "\2014"; }
  .pullquote p.author:after,
  .pullquote-right p.author:after,
  .pullquote-left p.author:after {
    content: none; }

/* fix for Chrome problem with rendering sup tags */
.sup,
sup {
  font-size: 80%;
  position: relative;
  bottom: 0.6em;
  vertical-align: text-top; }

.sub,
sub {
  font-size: 80%;
  position: relative;
  bottom: -0.2em; }

/* BEGIN columns by css instead of tables */
.two-columns,
.three-columns,
.four-columns,
.five-columns {
  width: 100%;
  overflow: auto;
  margin-bottom: 1em; }

/* 2 col */
.two-columns .column1,
.two-columns .column2 {
  float: left;
  width: 48%;
  padding-right: 4%; }

.two-columns .column2 {
  padding-right: 0; }

/* 3 col */
.three-columns .column1,
.three-columns .column2,
.three-columns .column3 {
  float: left;
  width: 30%;
  padding-right: 5%; }

.three-columns .column3 {
  padding-right: 0; }

/* 4 col */
.four-columns .column1,
.four-columns .column2,
.four-columns .column3,
.four-columns .column4 {
  float: left;
  width: 22%;
  padding-right: 4%; }

.four-columns .column4 {
  padding-right: 0; }

/* 5 col */
.five-columns .column1,
.five-columns .column2,
.five-columns .column3,
.five-columns .column4,
.five-columns .column5 {
  float: left;
  width: 16%;
  padding-right: 5%; }

.five-columns .column5 {
  padding-right: 0; }

@media only screen and (max-width: 640px) {
  .two-columns .column1,
  .two-columns .column2,
  .three-columns .column1,
  .three-columns .column2,
  .three-columns .column3,
  .four-columns .column1,
  .four-columns .column2,
  .four-columns .column3,
  .four-columns .column4,
  .five-columns .column1,
  .five-columns .column2,
  .five-columns .column3,
  .five-columns .column4,
  .five-columns .column5 {
    float: none;
    width: 100%;
    padding-right: 0; } }

/* END columns by css instead of tables */
[class*="callout-box"] {
  border: 1px solid #818181;
  background-color: #FFFFFF;
  box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.15);
  overflow: auto;
  padding: 25px; }
  [class*="callout-box"] h2:first-child,
  [class*="callout-box"] h3:first-child,
  [class*="callout-box"] p:first-child,
  [class*="callout-box"] ul:first-child,
  [class*="callout-box"] h4,
  [class*="callout-box"] .related-resources h6,
  .related-resources [class*="callout-box"] h6 {
    margin-top: 0; }
  [class*="callout-box"] p:last-child {
    margin-bottom: 0; }
  [class*="callout-box"] figure.image-center-full {
    margin: 0; }

.callout-box,
.callout-box-blue {
  margin: 25px auto;
  width: 80%; }

.callout-box-right,
.callout-box.right {
  float: right;
  margin: 0 0 15px 15px;
  width: 40%; }

.callout-box-left {
  float: left;
  margin: 0 15px 15px 0;
  width: 40%; }

.callout-box-full {
  margin: 25px auto;
  width: 100%; }

@media only screen and (max-width: 640px) {
  .callout-box,
  .callout-box-left,
  .callout-box-right {
    width: 90%;
    float: none !important;
    margin: 1em auto; } }

/* prevent outlines on tab content */
div[tabindex]:focus,
p[tabindex]:focus,
section[tabindex]:focus,
h1[tabindex]:focus,
h2[tabindex]:focus,
h3[tabindex]:focus,
h4[tabindex]:focus,
.related-resources h6[tabindex]:focus,
h5[tabindex]:focus,
h6[tabindex]:focus {
  outline: none; }

/* cgh staff page styles */
.cgh-staff td {
  vertical-align: middle; }

.cgh-staff .embedded-entity.align-center {
  margin: 0;
  text-align: left; }

.cgh-staff figure.centered-set {
  margin: 0;
  text-align: left; }

/* Begin Body by Location top Navigation */
.body-location-content-nav {
  width: 100%;
  margin: 0 0 5px 0;
  padding: 5px 8px;
  background: #f5f5f3; }

.body-location-content-nav ul {
  width: 33%;
  float: left;
  margin: 0;
  padding: 0; }

.body-location-content-nav ul li {
  background: none;
  margin: 0 0 3px 0;
  padding: 0; }

.contentzone .body-location-content-nav ul > li:before {
  content: none;
  display: none; }

@media only screen and (max-width: 640px) {
  .body-location-content-nav ul {
    width: 100%;
    float: none; } }

/* End Body by Location top Navigation */
@media only screen and (max-width: 640px) {
  .guide-title h2 {
    display: none; } }

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

.skipnav:active, .skipnav:focus {
  display: block;
  left: 0;
  z-index: 999;
  background: #fff;
  border: 1px solid #000;
  padding: 5px;
  width: auto;
  height: auto;
  clip: unset; }

/********************* END General Styles ******************************************/
/********************* BEGIN Header Styles ******************************************/
header {
  padding-top: 1.5em; }

/* Regular pages */
.nci-logo-pages.columns {
  padding-left: 0;
  padding-right: 0; }

.nci-logo-pages a {
  display: block; }

.nci-logo-pages img[src*='.svg'] {
  -webkit-transform: translate(0px, 0.5px);
          transform: translate(0px, 0.5px); }

.nci-logo-pages img {
  width: 60%; }

.nci-logo-pages a {
  padding-left: 20px;
  padding-right: 20px; }

@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .nci-logo-pages img {
    width: 60%; }
  .nci-logo-pages a {
    padding-left: 7.5px;
    padding-right: 7.5px; } }

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .nci-logo-pages img {
    width: 70%;
    min-width: 564.3px;
    max-width: 595.5px; }
  .nci-logo-pages a {
    padding-left: 15px;
    padding-right: 15px; } }

@media only screen and (max-width: 640px) {
  .nci-logo-pages img {
    width: 90%; }
  .nci-logo-pages a {
    padding-left: 13px;
    padding-right: 13px; } }

/* mobile menu sprites - must be set outside of media query for mixins to operate */
button.nav-header::before,
a.nav-contact::before,
a.nav-dictionary::before,
button.nav-search::before {
  font-size: 16px;
  content: "";
  position: absolute;
  top: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

button.nav-header::before {
  width: 1.6875em;
  height: 1.25062em;
  background-position: 6.09756% 65.42292%;
  top: 7px; }

a.nav-contact::before {
  width: 1.6875em;
  height: 1.6875em;
  background-position: 6.09756% 50.05914%; }

a.nav-dictionary::before {
  width: 2.25em;
  height: 1.67937em;
  background-position: 6.45161% 3.38291%; }

button.nav-search::before {
  width: 1.75em;
  height: 1.75em;
  background-position: 6.13497% 86.41742%; }

/* popup */
.nci-logo {
  font-weight: bold;
  font-size: 37.7px;
  background: url("/profiles/custom/cgov_site/themes/custom/cgov/static/images/design-elements/logos/NIH-red-logo.png?v=15768139") no-repeat 20px 0;
  min-height: 54px; }
  .nci-logo.columns {
    padding-left: 0;
    padding-right: 0; }
  .nci-logo a {
    color: #bb0e3d;
    padding-left: 113px;
    padding-top: 16px;
    display: block; }
    .nci-logo a span {
      position: absolute;
      left: -10000px;
      color: #5d5d5d;
      font-size: 0.6em; }

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .nci-logo {
    font-size: 24px;
    min-height: 36px; }
    .nci-logo a {
      padding-left: 95px;
      padding-top: 9px; } }

/* begin mobile menu bar styles */
@media only screen and (max-width: 1024px) {
  header {
    padding-top: 1em;
    padding-bottom: 1em; }
  .mobile-menu-bar > a,
  .mobile-menu-bar > button {
    display: inline-block;
    position: relative;
    background: transparent no-repeat center 0;
    width: 13%;
    padding: 3em 0 0 0;
    margin: 1em 8%;
    font-family: Montserrat, "Avant Garde", Arial, sans-serif;
    line-height: 1;
    font-weight: bold;
    font-size: 0.8em;
    color: #fff;
    text-transform: uppercase;
    text-align: center; }
    .mobile-menu-bar > a:hover, .mobile-menu-bar > a:focus,
    .mobile-menu-bar > button:hover,
    .mobile-menu-bar > button:focus {
      color: #fff; }
  .mobile-menu-bar > button {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    border: none; }
    .mobile-menu-bar > button:hover {
      cursor: pointer; }
  .mobile-menu-bar button.nav-header {
    margin-left: 0; }
  .mobile-menu-bar button.nav-search {
    margin-right: 0; } }

@media only screen and (max-width: 640px) {
  .nci-logo {
    font-size: 16px;
    min-height: 28px; }
    .nci-logo a {
      padding-left: 80px;
      padding-top: 5px; }
  .mobile-menu-bar > a,
  .mobile-menu-bar > button {
    width: 19%; }
  button.nav-header {
    margin-right: 4%; }
  a.nav-contact, a.nav-dictionary {
    margin-left: 4%;
    margin-right: 4%; }
  button.nav-search {
    margin-left: 4%; } }

@media only screen and (max-width: 390px) {
  .nci-logo {
    font-size: 13px; } }

/* end mobile menu styles */
/********************* END Header Styles ******************************************/
/********************* BEGIN Sticky Nav Styles ******************************************/
/* these styles control behaviour on scroll for sticky nav using headroom.js */
.slide--up {
  display: none; }

.slide--reset {
  display: block; }

/********************* END Sticky Nav Styles ******************************************/
/********************* BEGIN Language Bar Styles ******************************************/
.language-bar {
  background-color: #fff;
  padding: 0 0 0.2em;
  min-height: 28px; }

.sitewide-language {
  padding-right: 0; }

.sitewide-language a {
  color: #2b7bba; }

.sitewide-language ul {
  text-align: right;
  margin-bottom: 1.5em; }

.sitewide-language li {
  float: right;
  margin-left: 1em;
  text-align: right; }

@media only screen and (max-width: 1024px) {
  .language-bar {
    background: #2a71a5; }
  .sitewide-language a {
    color: white; } }

@media only screen and (max-width: 640px) {
  /* remove padding on language links to fit all on one line */
  .sitewide-language {
    padding-right: 0; } }

/********************* END Language Bar Styles ******************************************/
/********************* BEGIN Utility Styles ******************************************/
.row.utility {
  padding-right: 0.9375em; }

.utility-background {
  background: #2a71a5;
  min-height: 29px; }

.utility {
  color: white;
  padding: 0;
  text-align: right; }
  .utility a {
    color: white; }
  .utility span {
    padding: 0.2em 1em;
    display: inline-block; }
    .utility span:last-child {
      padding-right: 0; }

/* These utility dictionary classes aren't currently used, but should be once we do the dropdown for the dictionary link on the utility bar */
/* removing dictionary dropdown styles until functionality is implemented again
#utility-dictionary {
    position: relative;

    &.dropdown {
        background: url($buttons + "white-arrow-down.png") no-repeat 100% 60%;
    }

    &.link {
        // following 2 lines added to accomodate the UI/UX request from Lynn:
        // as long as the dictionary functionality does not work, the dropdown arrow should not appear.
        padding-right: 0px;
        background: none;
    }

    &.active {
        background: #f5f7f6;

        a {
            color: #2a73a8;
        }
    }
}

#utility-dropdown {
    width: 20em;
    display: none;
    text-align: left;
    color: #7f8084;
    padding: 1em;
    overflow: hidden;
    background: #f5f7f6;
    @include transition(height 0.5s ease-out 0s);
    position: absolute;
    top: 1.4em;
    right: 0;
    z-index: 10;
}

form.dictionary-dropdown {
    margin: 0;

    input {
        width: 19em;
        display: inline;
        margin-left: 2em;
    }

    ul {
        margin: 0;
    }

    ul li {
        display: inline;
        margin-right: 0.3em;
    }
}
*/
/********************* END Utility Styles ******************************************/
/********************* BEGIN Megamenus/Search Styles ******************************************/
/*** Navigation/Search bar ***/
.nav-search-bar {
  background: #363636;
  /* fallback */
  background: -webkit-gradient(linear, left top, left bottom, from(#363636), to(#4a4a4a));
  background: linear-gradient(to bottom, #363636 0%, #4a4a4a 100%);
  /* W3C */ }

@media only screen and (max-width: 1024px) {
  .sitewide-search-menu {
    z-index: 99999;
    background-color: #e9eae8;
    background-color: rgba(230, 232, 230, 0.9);
    background-image: none !important;
    font-size: 1.375em;
    width: auto !important;
    right: 20px; }
    .sitewide-search-menu .ui-menu-item {
      background-color: transparent;
      border-bottom: 1px solid #2e2e2e;
      padding: 0.2em 1em; }
    .sitewide-search-menu .ui-state-focus {
      color: #fff;
      background: #286ea7; } }

/* off canvas navigation
 * Source: http://codepen.io/scottb/details/javhr/
 */
#content {
  clear: both; }

#siteSearchForm {
  height: 100%;
  position: relative; }

.search {
  width: 25%;
  float: right;
  background-color: #636363;
  height: 61px; }

#swKeyword {
  width: 100%;
  height: 100%;
  padding-left: 1.5em;
  padding-right: 3em;
  margin-bottom: 0;
  border: 0;
  background-color: #636363;
  font-family: Montserrat, "Avant Garde", Arial, sans-serif;
  font-style: normal;
  font-size: 0.85em;
  color: #fff;
  /* placeholder text */ }
  #swKeyword::-webkit-input-placeholder {
    color: inherit;
    font-style: inherit; }
  #swKeyword:-moz-placeholder {
    color: inherit;
    font-style: inherit; }
  #swKeyword::-moz-placeholder {
    color: inherit;
    font-style: inherit; }
  #swKeyword:-ms-input-placeholder {
    /*	color: inherit;     Removed this rule for IE9 to work. */
    /*                      Text color was not white.          */
    font-style: inherit; }

/*** Dictionaries ***/
.dictionary-search .columns,
.dictionary-search .column {
  padding-left: 0; }

/********************* END Megamenus/Search Styles ******************************************/
/********************* BEGIN Footer Styles ******************************************/
.site-footer {
  background: #123e57 url("../img/hexagon_molecular_structure_footer.png?v=15768139") no-repeat -120% 150px;
  padding: 1em 0; }
  .site-footer * {
    color: #FFFFFF;
    font-family: "Noto Sans", "Century Gothic", Arial, sans-serif;
    text-align: center;
    -webkit-font-smoothing: antialiased; }
  .site-footer h2 {
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 1em; }
  .site-footer a {
    font-weight: 700; }
    .site-footer a:hover, .site-footer a:focus {
      color: #FFFFFF;
      text-decoration: underline; }
  .site-footer h4, .site-footer .related-resources h6, .related-resources .site-footer h6 {
    font-size: 16px; }

.site-footer__container {
  width: 100%;
  max-width: 62.5em;
  margin: 0 auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column; }

.site-footer__header {
  text-align: left;
  margin: 0 auto; }
  .site-footer__header h1 {
    font-family: Montserrat, "Avant Garde", Arial, sans-serif;
    font-size: 23px; }
    .site-footer__header h1 span {
      font-family: Montserrat, "Avant Garde", Arial, sans-serif;
      display: block;
      font-size: 16px; }

.site-footer__nav {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  margin: 1em auto; }
  .site-footer__nav ul {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap; }
  .site-footer__nav li {
    width: 100%;
    margin-bottom: 1em;
    line-height: 1.3em; }

.site-footer__icons {
  max-width: 232px;
  margin: 0 auto;
  margin-bottom: 1.25em; }
  .site-footer__icons li {
    position: relative;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin: 5px;
    background: #FFFFFF;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center; }
    .site-footer__icons li:hover, .site-footer__icons li:focus {
      opacity: 0.8;
      -webkit-transform: scale(0.99);
              transform: scale(0.99); }
  .site-footer__icons .icon::before {
    content: '';
    vertical-align: top; }
  .site-footer__icons .icon.facebook::before {
    width: 0.625em;
    height: 1.125em;
    background-position: 5.52486% 31.8933%; }
  .site-footer__icons .icon.twitter::before {
    width: 1.3125em;
    height: 1.09531em;
    background-position: 5.88235% 93.87521%; }
  .site-footer__icons .icon.instagram::before {
    width: 1.25em;
    height: 1.25em;
    background-position: 5.84795% 51.08644%; }
  .site-footer__icons .icon.pinterest::before {
    width: 1.05313em;
    height: 1.32125em;
    background-position: 5.74218% 74.08702%; }
  .site-footer__icons .icon.youtube::before {
    width: 1.25em;
    height: 1.48537em;
    background-position: 5.84795% 98.74158%; }
  .site-footer__icons .icon.linkedin::before {
    width: 1em;
    height: 0.9375em;
    background-position: 5.71429% 54.87143%; }
  .site-footer__icons .icon.rss::before {
    width: 1.25em;
    height: 1.25em;
    background-position: 5.84795% 83.46717%; }
  .site-footer__icons .icon.govdelivery::before {
    width: 1.5em;
    height: 1.5em;
    background-position: 5.98802% 48.03783%; }
  .site-footer__icons .icon::after {
    position: absolute;
    content: '';
    height: 48px;
    width: 48px;
    border-radius: 50%;
    top: 0;
    left: 0; }

.site-footer__agencies {
  width: auto;
  align-self: center;
  font-size: 0.8em; }
  .site-footer__agencies ul {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column; }
  .site-footer__agencies li:after {
    content: '';
    display: block;
    margin: 10px auto;
    width: 75px;
    height: 1px;
    background: rgba(255, 255, 255, 0.6); }
  .site-footer__agencies li:last-child:after {
    display: none; }

.site-footer__tagline {
  width: 95%;
  align-self: center; }
  .site-footer__tagline * {
    font-weight: 400; }

@media only screen and (min-width: 641px) {
  .site-footer {
    background-position: -30% 150px; }
  .site-footer__header {
    margin: 0.9375em; }
    .site-footer__header * {
      text-align: left; }
    .site-footer__header h1 {
      font-size: 25px; }
  .site-footer__nav {
    max-width: 100%;
    margin: 0.9375em;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-pack: start;
            justify-content: flex-start; }
    .site-footer__nav * {
      text-align: left; }
    .site-footer__nav div {
      -webkit-box-flex: 1;
              flex: 1;
      padding-right: 1.1em; }
  .site-footer__icons {
    max-width: 100%; }
    .site-footer__icons li {
      margin: 6px 11px 6px 0; }
  .site-footer__agencies ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row wrap;
    -webkit-box-pack: center;
            justify-content: center;
    max-width: 640px; }
  .site-footer__agencies li:after {
    content: '';
    display: inline-block;
    position: relative;
    top: 1px;
    margin: 0 10px;
    width: 1px;
    height: 12px;
    background: rgba(255, 255, 255, 0.6); }
  .site-footer__agencies li:nth-child(even):after {
    display: none; } }

@media only screen and (min-width: 1025px) {
  .site-footer {
    background-position: 130% 150px; }
  .site-footer__nav div {
    flex-basis: 20%;
    margin-right: 2%;
    padding-right: 10px; }
  .site-footer__agencies ul {
    max-width: none; }
  .site-footer__agencies li:not(:last-child):after {
    display: inline-block; } }

@media only screen and (min-width: 1441px) {
  .site-footer__container {
    max-width: 1200px; } }

/********************* END Footer Styles ******************************************/
/********************* BEGIN Content Styles ******************************************/
.main-content {
  padding: 0;
  background: #f7f8f3 url("../img/hexagon_molecular_structure_body.png?v=15768139") no-repeat 110% 600px; }

.main-content a {
  color: #2b7bba; }

.main-content a:hover, .main-content a:focus {
  text-decoration: underline; }

@media only screen and (max-width: 640px) {
  .main-content {
    background: none; } }

/* h3 links should have a default of cranberry & no underline for link hovers */
#cgvBody h3 a:hover, #cgvBody h3 a:focus {
  text-decoration: none;
  color: #bb0e3d; }

/* content pages need a default of underline for link hovers */
.general-page-body-container a:hover, .general-page-body-container a:focus {
  text-decoration: underline; }

a.definition,
a.definition:hover, a.definition:focus {
  color: #2e2e2e;
  text-decoration: none;
  border-bottom: thin dotted; }

a.definition:hover, a.definition:focus {
  border-bottom: thin solid; }

.general-page-body-container {
  background: #fffffb;
  padding-bottom: 1.5em;
  position: relative;
  box-shadow: 10px 0 10px -7px rgba(0, 0, 0, 0.5), -10px 0 10px -7px rgba(0, 0, 0, 0.5); }
  .no-boxshadow .general-page-body-container {
    /* Border used here because IE8 doesn't support box-shadow */
    border-left: 1px solid #cfd0cb;
    border-right: 1px solid #cfd0cb; }

div.row > div.contentzone:first-child {
  width: 100%; }

@media only screen and (min-width: 1025px) {
  .contentzone {
    padding-right: 3.125em; }
    .contentzone:first-child {
      padding-left: 3.125em; } }

/* Research Areas with Table of Contents */
/*the -1em for right margin is due to the fact that it has to touch the edge whereas the container it is in has padding for the edge. */
.featured-zone {
  background-color: #14819b;
  padding: 0 0 1.25em 1.25em;
  overflow: hidden;
  /*because in some pages content within box have floated elements */
  margin-right: -1em;
  padding: 1em; }

.featured-zone,
.featured-zone h1,
.featured-zone h2,
.featured-zone h3,
.featured-zone h4,
.featured-zone .related-resources h6,
.related-resources .featured-zone h6,
.featured-zone a {
  color: white; }

.toc-container {
  padding-right: 0;
  margin-right: -2em;
  padding: 1em; }

@media only screen and (max-width: 1024px) {
  /* hide the TOC on small/medium screens. The accordion serves the same purpose */
  .toc-container {
    display: none; }
  .feature-zone-image img {
    display: block;
    margin: 0 auto; }
  .featured-zone {
    margin-right: 0; } }

#my-toc {
  background-color: #fff;
  padding: 25px 0 30px 35px;
  overflow: hidden;
  padding-right: 0; }

#my-toc h2 {
  color: #606060;
  margin: 0 0 10px;
  font-size: 1.5em; }

/* hide default TOC header */
#my-toc h4, #my-toc .related-resources h6, .related-resources #my-toc h6 {
  display: none; }

#my-toc ul {
  margin: 0 1em;
  list-style-type: disc;
  color: #2b7bba; }

#my-toc li {
  padding-left: 0;
  margin-left: 0;
  line-height: 20px;
  margin-bottom: 5px; }

#my-toc ul a {
  color: #2b7bba;
  font-weight: bold; }

@media only screen and (min-width: 1025px) {
  /* large screen styles for TOC */
  #my-toc {
    margin: 10px 0 0 10px; } }

/* BEGIN general content page styles */
ol {
  list-style-type: decimal; }
  ol.lower-alpha {
    list-style-type: lower-alpha; }
  ol.lower-roman {
    list-style-type: lower-roman; }
  ol.upper-alpha {
    list-style-type: upper-alpha; }
  ol.upper-roman {
    list-style-type: upper-roman; }

.contentzone ul,
.contentzone ol,
.rawHtml ul,
.rawHtml ol {
  margin-bottom: 1em; }

.contentzone ol li,
.rawHtml ol li {
  margin-left: 38px; }

.contentzone li,
.rawHtml li {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 28px; }
  .contentzone li li,
  .rawHtml li li {
    margin-left: 32px; }

.contentzone ul.no-bullets > li,
.contentzone ol.no-bullets > li,
.rawHtml ul.no-bullets > li,
.rawHtml ol.no-bullets > li {
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 0; }

.contentzone ul.no-description > li,
.contentzone ul.no-description > li {
  margin-top: 4px;
  margin-bottom: 4px; }

.contentzone ul > li,
.rawHtml ul > li {
  list-style-type: none; }
  .contentzone ul > li:before,
  .rawHtml ul > li:before {
    content: "\2022";
    display: inline;
    position: relative;
    float: left;
    left: -0.5em;
    top: 0.25em;
    margin: 0 -0.2em;
    font-size: 1.1em;
    line-height: 0.90909em; }

.toptoc ul > li:before {
  content: none;
  display: none; }

table.no-bullet-padding ul {
  margin: 0;
  padding: 0; }
  table.no-bullet-padding ul > li {
    margin: 0;
    padding: 0 0 0 10px; }

/*the -1em for right margin is due to the fact that it has to touch the edge whereas the container it is in has padding for the edge. */
.key-facts {
  background: #d7f9fa;
  float: right;
  width: 40%;
  padding: 0 1em;
  margin: 1em -1em 1em 1em; }

/* END general content page styles */
#cgvDate {
  margin: 1.5em 0 1em; }

.contentzone .document-dates {
  margin-top: 1.5em; }
  .contentzone .document-dates ul > li {
    margin: 0;
    display: block; }
    .contentzone .document-dates ul > li:before {
      content: none;
      display: none; }
  .contentzone .document-dates.horizontal ul > li {
    display: inline; }
    .contentzone .document-dates.horizontal ul > li:before {
      content: "|";
      position: relative;
      float: none;
      display: inline;
      left: 0;
      top: -0.1em;
      margin: 0 0.4em;
      font-size: 1em; }
    .contentzone .document-dates.horizontal ul > li:first-child:before {
      content: none;
      display: none; }

.press-release-date-contact {
  margin-bottom: 1em; }
  .press-release-date-contact .document-dates {
    margin-top: 0;
    float: left; }
  .press-release-date-contact .media-contact {
    float: right;
    text-align: right; }
    @media only screen and (max-width: 640px) {
      .press-release-date-contact .media-contact {
        float: left;
        text-align: left;
        width: 100%; } }
    .press-release-date-contact .media-contact p {
      margin: 0; }

.press-release-date-contact.row.collapse {
  margin-bottom: 1em; }

.media-contact-info {
  display: inline; }

@media only screen and (max-width: 640px) {
  .media-contact-info {
    display: block; } }

@media only screen and (max-width: 1024px) {
  .contentzone .document-dates ul > li,
  .contentzone .document-dates.horizontal ul > li {
    display: block; }
    .contentzone .document-dates ul > li:before,
    .contentzone .document-dates.horizontal ul > li:before {
      content: none;
      display: none; } }

.article-citation li p {
  display: inline; }

hr.ps-divider {
  border: solid #7d7d7d;
  border-width: 1px 0 0; }

.public-use {
  padding: 0;
  font-style: italic;
  clear: both; }
  @media only screen and (max-width: 1024px) {
    .public-use {
      font-size: .875em; } }

.public-use, .syndication p {
  margin-top: 0; }

/* Add spacing above syndication class to prevent image/text from jutting against horizontal rule */
.syndication {
  padding-top: 1.1em; }

/* this is to prevent the border from writing over a floated element */
.syndication {
  overflow: hidden; }

@media only screen and (max-width: 1024px) {
  .syndication {
    font-size: 0.875em; } }

/* icon that goes with syndication image */
.syndication > div {
  padding-left: calc(57px + 0.9375em);
  background: transparent url("/profiles/custom/cgov_site/themes/custom/cgov/static/images/design-elements/icons/syndication.png?v=15768139") center left no-repeat; }

/* Separator line for right above the public use and/or syndication text blocks */
#nvcgSlPublicUse,
#nvcgSlSyndication {
  /*
	// Remove border
	@include bp(medium-up) {
		border-top: 1px solid #7d7d7d;
	}
	*/
  border-top: 1px solid #7d7d7d; }
  @media only screen and (max-width: 640px) {
    #nvcgSlPublicUse,
    #nvcgSlSyndication {
      margin-top: 1.25em; } }

#nvcgSlPublicUse + #nvcgSlSyndication {
  border-top: none; }

/* hidden elements */
.hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.hide-desktop {
  display: none; }

::-webkit-input-placeholder {
  color: #fff; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #fff; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff; }

:-ms-input-placeholder {
  color: #fff; }

.scrollable-y {
  overflow-y: auto; }

.scrollable-x {
  overflow-x: auto; }

.scrollable {
  overflow: auto; }

/********************* END Content Styles ******************************************/
/****************** BEGIN images ********************/
figure a.article-image-enlarge, a.infographic-view-full, a.video-view-full {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  background-color: #403f3f;
  padding: 0.3125em 2.25em 0.3125em 1em;
  font-weight: bold;
  text-transform: uppercase;
  opacity: 0.9;
  text-align: right;
  line-height: normal; }
  figure a.article-image-enlarge:hover, a.infographic-view-full:hover, a.video-view-full:hover, figure a.article-image-enlarge:focus, a.infographic-view-full:focus, a.video-view-full:focus {
    text-decoration: none;
    background-color: #bb0e3d; }
  figure a.article-image-enlarge::before, a.infographic-view-full::before, a.video-view-full::before {
    width: 1.12506em;
    height: 1.12519em;
    background-position: 5.78038% 85.29279%;
    content: "";
    position: absolute;
    right: .6em;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }

figure {
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  /* image right 25% width */
  /* image right 40% width */
  /* image left 25% width */
  /* image left 40% width */
  /* image center 75% width */
  /* image center 100% width */
  /* image center 40% width */
  /* contain image inside fig */ }
  figure a.article-image-enlarge {
    background-color: rgba(18, 62, 88, 0.7);
    font-size: 0.875em !important; }
  figure.image-right-small {
    float: right;
    width: 25%;
    margin: 0 0 2.5em 2.5em; }
  figure.image-right-medium {
    float: right;
    width: 40%;
    margin: 0 0 2.5em 2.5em; }
  figure.image-left-small {
    float: left;
    width: 25%;
    margin: 0 2.5em 2.5em 0; }
  figure.image-left-medium {
    float: left;
    width: 40%;
    margin: 0 2.5em 2.5em 0; }
  figure.image-center {
    width: 75%;
    margin: 2.5em auto;
    /* center images using the centered templates */ }
    figure.image-center img {
      margin: 0 auto; }
  figure.image-center-full {
    width: 100%;
    margin: 2.5em auto;
    /* center images using the centered templates */ }
    figure.image-center-full img {
      margin: 0 auto; }
  figure.image-center-medium {
    width: 40%;
    margin: 2.5em auto;
    /* center images using the centered templates */ }
    figure.image-center-medium img {
      margin: 0 auto; }
  figure img {
    max-width: 100%;
    /* remove white space under image */
    display: block; }

@media only screen and (max-width: 640px) {
  figure.image-right-small, figure.image-left-small, figure.image-right-medium, figure.image-left-medium, figure.image-center {
    float: none;
    width: 100%;
    margin: 0 0 1em 0; } }

a.infographic-view-full, a.video-view-full {
  background-color: rgba(18, 62, 88, 0.7); }
  a.infographic-view-full::before, a.video-view-full::before {
    width: 1.25em;
    height: 0.78125em;
    background-position: 5.84795% 21.92621%;
    font-size: .9em;
    -webkit-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg); }

.centered-set {
  text-align: center; }

.centered-element {
  display: inline-block;
  max-width: 100%;
  position: relative; }

.centered-exempt {
  text-align: left; }

table figure {
  display: table;
  table-layout: fixed; }

.caption-container {
  padding: 1.25em 0.9375em;
  line-height: 1.5em;
  background-color: #F5F5F5;
  font-size: 14px;
  font-family: Montserrat, "Avant Garde", Arial, sans-serif;
  text-align: left;
  margin-top: -0.3125em; }
  .caption-container p {
    margin: 0; }
  .caption-container .image-photo-credit {
    font-size: 12px; }

table figure img {
  display: inline-block;
  vertical-align: top; }

.oar-staff-directory figure.image-left-small.centered-set {
  margin: 0; }

/****************** END images ********************/
.embedded-entity {
  /* https://github.com/NCIOCPL/cgov-digital-platform/issues/1575
  This file should be refactored to scope all embedded entitiy rules to only the
  appropriate entity types. Like so. */ }
  .embedded-entity[data-entity-embed-display] {
    width: 100%; }
  .embedded-entity[data-entity-embed-display*="_feature_card"] {
    background-color: #FFFFFF;
    border: 1px solid #818181;
    box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.15); }
    .embedded-entity[data-entity-embed-display*="_feature_card"].align-center, .embedded-entity[data-entity-embed-display*="_feature_card"].align-left, .embedded-entity[data-entity-embed-display*="_feature_card"].align-right {
      margin: 1.25em 0; }
    .embedded-entity[data-entity-embed-display*="_feature_card"] h3 {
      font-size: 1.375em;
      line-height: 1.272; }
    .embedded-entity[data-entity-embed-display*="_feature_card"] a {
      padding: 15px 1.875em;
      display: block; }
      .embedded-entity[data-entity-embed-display*="_feature_card"] a h3 {
        font-weight: normal;
        color: #2b7bba; }
      .embedded-entity[data-entity-embed-display*="_feature_card"] a:hover h3, .embedded-entity[data-entity-embed-display*="_feature_card"] a:focus h3 {
        color: #BB0E3D; }
    .embedded-entity[data-entity-embed-display*="_feature_card"] p {
      color: #2e2e2e;
      font-size: 1em;
      line-height: 1.167em;
      margin-bottom: 0; }
    .embedded-entity[data-entity-embed-display*="_feature_card"] .columns {
      padding: 0; }
      .embedded-entity[data-entity-embed-display*="_feature_card"] .columns a {
        padding: 1.875em;
        display: block; }
    .embedded-entity[data-entity-embed-display*="_feature_card"] .feature-card h3 {
      color: #2b7bba;
      font-size: 1.2em;
      font-weight: normal;
      line-height: 1.2;
      margin-top: 0; }
    .embedded-entity[data-entity-embed-display*="_feature_card"] .feature-card p {
      color: #757575;
      font-size: 0.9em;
      line-height: 1.375; }
    .embedded-entity[data-entity-embed-display*="_feature_card"] .feature-card h3,
    .embedded-entity[data-entity-embed-display*="_feature_card"] .feature-card p {
      float: none;
      width: auto; }
    .embedded-entity[data-entity-embed-display*="_feature_card"] .feature-card .image-hover {
      float: left;
      margin-bottom: 1em;
      width: 30%; }
      .embedded-entity[data-entity-embed-display*="_feature_card"] .feature-card .image-hover ~ h3,
      .embedded-entity[data-entity-embed-display*="_feature_card"] .feature-card .image-hover ~ p {
        float: right;
        width: 68%; }
    .embedded-entity[data-entity-embed-display*="_feature_card"] .feature-card:hover h3, .embedded-entity[data-entity-embed-display*="_feature_card"] .feature-card:focus h3 {
      color: #BB0E3D; }
    @media only screen and (min-width: 641px) {
      .embedded-entity[data-entity-embed-display*="_feature_card"] {
        width: 33.333%; }
        .embedded-entity[data-entity-embed-display*="_feature_card"].align-right {
          margin: 0 0 1em 1em; }
        .embedded-entity[data-entity-embed-display*="_feature_card"].align-left {
          margin: 0 1em 1em 0; }
        .embedded-entity[data-entity-embed-display*="_feature_card"].align-center {
          margin: 0 auto 1em; }
        .embedded-entity[data-entity-embed-display*="_feature_card"] .feature-card > a {
          padding: 1.875em; }
        .embedded-entity[data-entity-embed-display*="_feature_card"] .feature-card .image-hover {
          float: none;
          width: 100%; }
          .embedded-entity[data-entity-embed-display*="_feature_card"] .feature-card .image-hover ~ h3,
          .embedded-entity[data-entity-embed-display*="_feature_card"] .feature-card .image-hover ~ p {
            float: none;
            width: 100%; } }
  @media only screen and (min-width: 641px) {
    .embedded-entity {
      margin-bottom: 2.5em; }
      .embedded-entity.align-right {
        margin: 0 0 2.5em 2.5em; }
      .embedded-entity.align-left {
        margin: 0 2.5em 2.5em 0; }
      .embedded-entity.align-center {
        margin: 2.5em auto; }
      .embedded-entity[data-entity-embed-display*="_small"] {
        width: 25%; }
      .embedded-entity[data-entity-embed-display*="_medium"] {
        width: 40%; }
      .embedded-entity[data-entity-embed-display*="_large"] {
        width: 75%; } }
  @media only screen and (min-width: 641px) {
    .embedded-entity[data-entity-embed-display*="video"] {
      width: 100%; } }
  @media only screen and (min-width: 1025px) {
    .embedded-entity[data-entity-embed-display*="video"][data-entity-embed-display*="_small"] {
      width: 45%; }
    .embedded-entity[data-entity-embed-display*="video"][data-entity-embed-display*="_medium"] {
      width: 70%; }
    .embedded-entity[data-entity-embed-display*="video"][data-entity-embed-display*="_large"] {
      width: 100%; } }

/* Public Archive banner/Colo banner */
.public-archive-banner, .notification-banner > div > div {
  background: #BB0E3D;
  font-family: Montserrat, "Avant Garde", Arial, sans-serif;
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.12;
  color: white;
  padding: 1.28em;
  margin-bottom: 1px; }
  .public-archive-banner a, .notification-banner > div > div a {
    color: white;
    text-decoration: underline; }
  .public-archive-banner p:first-child, .notification-banner > div > div p:first-child {
    margin-top: 0; }
  .public-archive-banner p:last-child, .notification-banner > div > div p:last-child {
    margin-bottom: 0; }

/* END Public Archive banner */
/* BEGIN Site Notices banners (including Colo and Emergency) */
.site-notification {
  margin-top: 1px;
  background-color: #BB0E3D;
  margin-bottom: 1px; }
  .first-SI .site-notification, .only-SI .site-notification {
    margin-top: 0; }
  .site-notification .row {
    padding: 1.4375em 1.5625em; }
  .site-notification .notification {
    font-family: Montserrat, "Avant Garde", Arial, sans-serif;
    font-weight: bold;
    font-size: 1.125em;
    line-height: 1.11111em;
    color: white; }
    .site-notification .notification a {
      display: table;
      padding-right: 2.5625em;
      color: white;
      overflow: visible;
      line-height: 1.25em;
      font-size: 16px;
      padding-bottom: 0.01em; }
      .site-notification .notification a:hover {
        text-decoration: underline; }
      .site-notification .notification a::after {
        content: "";
        width: 1.3125em;
        height: 1.3125em;
        background-position: 5.88235% 11.07961%;
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
        margin-left: 10px;
        vertical-align: bottom; }

.row.banner-slot {
  margin-top: 1.3em; }

@media only screen and (max-width: 640px) {
  .site-notification .notification {
    font-size: 0.75em;
    line-height: 1.16667em; } }

/* END Site Notices banners */
.body-banner {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0; }

/* BEGIN Accordion Styles */
@media only screen and (max-width: 640px) {
  .accordion section {
    clear: both; } }

.ui-accordion-content .location-filter {
  margin: 1em 0 2em; }

.ui-accordion-content p:first-child, .ui-accordion-content h2:first-child {
  margin-top: 0; }

.ui-accordion-content p:last-child {
  margin-bottom: 0; }

/* begin CTHP accordion styling rules */
@media only screen and (max-width: 640px) {
  #content .cthp-intro-multimedia h2,
  #content .cthpCard h2 {
    background-color: transparent; }
    #content .cthp-intro-multimedia h2.ui-state-active span,
    #content .cthpCard h2.ui-state-active span {
      background-color: #fff; }
  #content .cthp-intro-multimedia h2 span, #content .cthp-overview h2 span {
    background-color: #4c34c3; }
  #content .cthp-intro-multimedia h2.ui-state-active span, #content .cthp-overview h2.ui-state-active span {
    color: #4c34c3; }
  #content .cthp-treatment h2 span {
    background-color: #119f7d; }
  #content .cthp-treatment h2.ui-state-active span {
    color: #119f7d; }
  #content .cthp-research h2 span {
    background-color: #036eab; }
  #content .cthp-research h2.ui-state-active span {
    color: #036eab; }
  #content .cthp-causes h2 span {
    background-color: #753190; }
  #content .cthp-causes h2.ui-state-active span {
    color: #753190; }
  #content .cthp-genetics h2 span {
    background-color: #248f92; }
  #content .cthp-genetics h2.ui-state-active span {
    color: #248f92; }
  #content .cthp-screening h2 span {
    background-color: #9e2f54; }
  #content .cthp-screening h2.ui-state-active span {
    color: #9e2f54; }
  #content .cthp-survival h2 span {
    background-color: #b77704; }
  #content .cthp-survival h2.ui-state-active span {
    color: #b77704; }
  #content .cthp-general h2 span {
    background-color: #29768c; }
  #content .cthp-general h2.ui-state-active span {
    color: #29768c; }
  #content .cthp-pink-feature h2 span {
    background-color: #b9299b; }
  #content .cthp-pink-feature h2.ui-state-active span {
    color: #b9299b; }
  #content .cthp-yellow-feature h2 span {
    background-color: #cbb218; }
  #content .cthp-yellow-feature h2.ui-state-active span {
    color: #cbb218; }
  /* end CTHP accordion styling rules */
  /* begin accordion stretching styles */
  .ui-accordion .ui-accordion-header {
    margin-left: -16px;
    margin-right: -16px; }
  .ui-accordion div.ui-accordion-content {
    padding: 10px 0 5px 0;
    margin: 0; }
  .cgvcancertypehome .ui-accordion .ui-accordion-header {
    margin-left: -30px;
    margin-right: -30px; }
  .cgvcancertypehome .ui-accordion .ui-accordion-content {
    margin-left: -12px;
    margin-right: -12px; }
  .cgvfactsheet .ui-accordion .ui-accordion-header {
    padding-left: 37px; }
  .cgvfactsheet .related-resources .ui-accordion-header {
    padding-left: 22px; }
  #cgvCitationSl h6 {
    padding-left: 22px; }
  /** Hide auto-generated OTP on mobile accordion collapse */
  .hide-otp-on-collapse {
    display: none; } }

/* end accordion stretching styles */
/* END Accordion Styles */
/* BEGIN TABLE STYLES */
/* begin default content table styling */
td, th {
  vertical-align: top; }

table.table-default caption, figure.table figcaption, figure.table .emptyCaptionShim {
  font-family: Montserrat, "Avant Garde", Arial, sans-serif;
  font-weight: normal;
  color: #606060;
  text-align: left;
  padding: 20px 0 10px;
  font-size: 1.375em;
  /* using padding instead of margin due to problem in Safari */ }

table.table-default {
  border-collapse: collapse;
  margin: 15px 0; }
  geneticsprofessional table.table-default caption {
    /* genetics-professional-specific fix to prevent table captions from wrapping */
    white-space: nowrap; }
  table.table-default tr {
    background-color: #fff;
    /* removed "zebra striping" due to 508 color contrast concerns
		&:nth-child(even) {
			background-color: #e8f3f6;
		}
		*/ }
  table.table-default th {
    font-family: "Noto Sans", "Century Gothic", Arial, sans-serif;
    font-weight: bold;
    color: #2e2e2e;
    background-color: #d0f1f2;
    /*text-align: left;*/ }
  table.table-default td, table.table-default th {
    /* both definitions are for #bgbgbg at 0.28 opacity */
    border: 1px solid #ececec;
    border: 1px solid rgba(189, 189, 189, 0.28);
    padding: 20px;
    border-spacing: 0;
    -webkit-background-clip: padding-box;
    /* for Safari */
    background-clip: padding-box;
    /* for IE9+, Firefox 4+, Opera, Chrome */ }
    table.table-default td p:first-child, table.table-default th p:first-child {
      margin-top: 0; }
    table.table-default td p:last-child, table.table-default th p:last-child {
      margin-bottom: 0; }
  table.table-default ul {
    padding-left: 4px; }

table.table-default-center-td td {
  text-align: center; }

table.table-default.complex-table tr {
  background-color: #fff; }

/* end default content table styling */
/* table enlarge styles */
.scrollable.has-scroll {
  position: relative;
  overflow: hidden;
  /* Clips the shadow created with the pseudo-element in the next rule. Not necessary for the actual scrolling. */ }

.scrollable.has-scroll:after {
  position: absolute;
  top: 0;
  left: 100%;
  width: 50px;
  height: 100%;
  border-radius: 10px 0 0 10px / 50% 0 0 50%;
  box-shadow: -5px 0 10px rgba(0, 0, 0, 0.25);
  content: ''; }

/* This is the element whose content will be scrolled if necessary */
.scrollable.has-scroll > div {
  overflow-x: auto; }

figure.table {
  margin: 15px 0;
  margin-top: 0; }
  figure.table .table-default {
    margin: 0; }
  figure.table figcaption, figure.table .emptyCaptionShim {
    font-size: 1.25em;
    line-height: 1.4; }
    figure.table figcaption + a.article-image-enlarge, figure.table .emptyCaptionShim + a.article-image-enlarge {
      top: 10px; }

@media only screen and (max-width: 640px) {
  table .article-image-enlarge {
    font-size: 7px;
    margin-top: -5px;
    padding-left: 3px !important;
    padding-right: 24px !important; } }

.ui-front {
  z-index: 1001; }

.ui-dialog {
  z-index: 1002; }

.table-enlarged .ui-dialog-titlebar {
  display: none; }

.table-enlarged .popup-close {
  margin: 0.3125em 2.25em 0.3125em 1em; }

/* end table enlarge styles */
/* PDQ table styling */
.pdqcancerinfosummary table thead tr th {
  text-align: center; }

/* Enlarge table for PDQ */
/* now that we are not using "zebra striping" we don't need to change the color of links
table tbody tr td a{
	color: #2ba6cb !important;
}
*/
table tbody tr td a:hover {
  color: #2795b6;
  text-decoration: underline; }

/* ENLARGE text within table for PDQ */
table tbody tr td figure a {
  color: white !important; }

/* End PDQ table styling */
/* END TABLE STYLES */
[class^="flexTable"] {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  min-width: 170px; }
  [class^="flexTable"] > div {
    box-sizing: border-box;
    -webkit-box-flex: 1;
            flex-grow: 1;
    width: 100%;
    padding: 0.4em 0.8em;
    overflow: hidden;
    list-style: none;
    white-space: normal; }
    [class^="flexTable"] > div > h1, [class^="flexTable"] > div > h2, [class^="flexTable"] > div > h3, [class^="flexTable"] > div > h4, .related-resources [class^="flexTable"] > div > h6, [class^="flexTable"] > div > h5, [class^="flexTable"] > div > h6 {
      margin: 0; }

.flexTable--2cols > div {
  width: 50%; }

.flexTable--3cols > div {
  width: 33.33%; }

.flexTable--4cols > div {
  width: 25%; }

.flexTable--5cols > div {
  width: 20%; }

.flexTable--6cols > div {
  width: 16.6%; }

.highcharts-tooltip .flexTable--2cols > div:nth-child(odd) {
  position: relative;
  width: 60%; }
  .highcharts-tooltip .flexTable--2cols > div:nth-child(odd) span {
    position: absolute;
    top: 4px;
    left: 0; }

.highcharts-tooltip .flexTable--2cols > div:nth-child(even) {
  width: 40%; }

.highcharts-tooltip .flexTable--2cols.cellWidths-45-55 > div:nth-child(odd) {
  width: 45%; }

.highcharts-tooltip .flexTable--2cols.cellWidths-45-55 > div:nth-child(even) {
  width: 55%; }

.highcharts-tooltip .flexTable--2cols.cellWidths-50-50 > div:nth-child(odd) {
  width: 50%; }

.highcharts-tooltip .flexTable--2cols.cellWidths-50-50 > div:nth-child(even) {
  width: 50%; }

/* END TABLE STYLES */
/********** BEGIN font resizer Styles ******************************************/
.no-resize {
  font-size: initial !important; }

.caption-container.no-resize {
  font-size: 14px !important;
  background-color: #F5F5F5;
  line-height: 1.5em; }

.no-resize-pdq-section {
  font-size: 13px !important; }

/********** END font resizer Styles ******************************************/
.spinkit {
  margin: 30px auto;
  width: 100px;
  height: 100px;
  position: relative;
  top: -15px;
  text-align: center; }

.spinner {
  -webkit-animation: sk-rotate 2.0s infinite linear;
  animation: sk-rotate 2.0s infinite linear; }

.dot1, .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #319FBE;
  border-radius: 100%;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out; }

.dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; }

@-webkit-keyframes sk-rotate {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes sk-rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg); } }

@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0); }
  50% {
    -webkit-transform: scale(1); } }

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

/**************************\
  Basic Modal Styles
\**************************/
@-webkit-keyframes mmfadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes mmfadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes mmfadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes mmfadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%); } }

@keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%); } }

.dialog {
  position: fixed;
  top: 50%;
  z-index: 10;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%); }

.modal {
  position: relative;
  z-index: 1000; }

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center; }

.modal__container {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  top: 20px;
  background-color: #445159;
  padding: 10px 0;
  width: 94vw;
  max-width: 700px;
  max-height: 90vh;
  box-sizing: border-box;
  color: #FFFFFF;
  box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.15); }

.modal__btn-close {
  background-color: transparent;
  border: none; }
  .modal__btn-close::before {
    width: 2.25em;
    height: 2.25em;
    background-position: 6.45161% 23.77904%;
    content: '';
    cursor: pointer; }
  .modal__btn-close:first-child {
    margin-bottom: 10px; }
  .modal__btn-close:last-child {
    margin-top: 10px; }

.modal__content {
  padding: 0 20px;
  line-height: 1.5;
  overflow-y: auto;
  overflow-x: hidden;
  font-family: Montserrat, "Avant Garde", Arial, sans-serif;
  -webkit-overflow-scrolling: touch; }
  .modal__content .CDR_audiofile {
    width: 1.75em;
    height: 1.3125em;
    background-position: 6.13497% 97.70848%;
    position: relative;
    top: -1px;
    font-size: .762em; }
  .modal__content dl {
    margin-bottom: 0; }
  .modal__content dt.term {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 1em;
    text-align: center; }
    .modal__content dt.term .title {
      margin-bottom: 5px; }
    .modal__content dt.term dfn {
      display: inline;
      border-bottom: 2px solid #fff;
      line-height: 1.1em; }
  .modal__content .caption-container {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0; }
  .modal__content figure {
    width: 100%;
    margin: 0 auto 10px; }
    .modal__content figure:last-child {
      margin-bottom: 0; }
      .modal__content figure:last-child .caption-container {
        padding-bottom: 0; }

_:-ms-input-placeholder, :root .modal__content {
  width: 100%;
  max-height: calc(80vh - 75px); }

.modal-slide {
  display: none; }
  .modal-slide .modal__container {
    will-change: transform; }
  .modal-slide .modal__overlay {
    will-change: transform; }

.modal-slide.is-open {
  display: block; }

.modal-slide[aria-hidden="false"] .modal__overlay {
  -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.modal-slide[aria-hidden="false"] .modal__container {
  -webkit-animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.modal-slide[aria-hidden="true"] .modal__overlay {
  -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

.modal-slide[aria-hidden="true"] .modal__container {
  -webkit-animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

.dialog {
  will-change: transform; }

.dialog[aria-hidden="false"] {
  -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.dialog[aria-hidden="true"] {
  -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

@media only screen and (min-width: 641px) {
  .modal__content {
    padding: 0 40px; }
  .modal__btn-close {
    align-self: flex-end;
    margin-right: 10px; }
  .modal__btn-close[aria-hidden] {
    display: none; } }

/* ***************** BEGIN CAROUSEL ***************** */
.slick-slide .container {
  background-color: #fff;
  position: relative;
  width: auto;
  height: 14.25em;
  display: block; }
  .slick-slide .container:hover, .slick-slide .container:focus {
    text-decoration: none; }
    .slick-slide .container:hover:before, .slick-slide .container:focus:before {
      content: " ";
      display: block;
      position: absolute;
      height: 100%;
      width: 100%;
      background-color: rgba(3, 3, 3, 0.2); }

.carousel-title {
  margin-top: 20px;
  margin-bottom: 20px; }

.arrows-for-other-nci-sites {
  text-align: right;
  padding-right: 11px; }
  .arrows-for-other-nci-sites div {
    display: inline; }
  .arrows-for-other-nci-sites button {
    padding: 0;
    border: 0;
    height: 56px;
    width: 56px;
    background-color: transparent;
    cursor: pointer;
    display: inline; }

.site-name {
  position: relative;
  font-size: 1.45em;
  font-family: Montserrat, "Avant Garde", Arial, sans-serif;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  padding: 15px;
  margin: 0;
  line-height: normal; }

.slick-slide .site-link {
  display: block;
  width: 100%;
  background-color: #403e3f;
  padding: 12px 16px 12px 12px;
  margin: 0;
  position: absolute;
  bottom: 0;
  color: #fff; }
  .slick-slide .site-link::before {
    width: 1.25em;
    height: 0.78125em;
    background-position: 5.84795% 21.92621%;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    content: "";
    position: absolute;
    right: .6em;
    top: 1.1em; }

/* TODO: Make the slick dots into html, not images
.slick-dots button:hover {
	background-color: $lblue;
} */
.spotlight-on-scientists .slick-track, .spotlight-on-scientists .slick-list {
  height: 15em; }

.other-nci-sites {
  margin-left: -10px; }
  .other-nci-sites .slick-slide .container {
    height: 16.25em; }

@media only screen and (max-width: 1024px) {
  /*CAROUSEL STYLES*/
  /* spacing */
  .slick-slide {
    margin: 0 10px 0 0; }
  /*.slick-slide:last-child {
        margin: 0;
    }*/
  /* opacity on non-active slide items */
  .slick-slide {
    background-color: #000; }
  .slick-slide .container {
    opacity: 0.5; }
  /* overwrite above styles for opacity and background-color */
  .slick-active {
    background-color: #fff; }
  .slick-active .container {
    opacity: 1; }
  .arrows-for-other-nci-sites .previous {
    display: none; }
  .arrows-for-other-nci-sites .next {
    position: absolute;
    right: 20px;
    z-index: 800;
    top: 50%; }
  .arrows-for-other-nci-sites .next {
    display: none; }
  .slick-dots {
    display: none !important; }
  .public-use {
    font-size: 0.875em; }
  /*END: CAROUSEL STYLES*/ }

/*CAROUSEL STYLES*/
/* desktop arrows */
/* mtn updated bkgrnd images to pull from sprite  06-19-17 */
.arrows-for-other-nci-sites .next,
.arrows-for-other-nci-sites .previous {
  font-size: 100%; }
  .arrows-for-other-nci-sites .next span,
  .arrows-for-other-nci-sites .previous span {
    font-size: 1px; }

.arrows-for-other-nci-sites .next {
  width: 3.375em;
  height: 3.375em;
  background-position: 7.29927% 13.11905%; }

.arrows-for-other-nci-sites .next:hover {
  width: 3.375em;
  height: 3.375em;
  background-position: 7.29927% 16.83333%; }

.arrows-for-other-nci-sites .previous {
  margin-right: 5px;
  width: 3.375em;
  height: 3.375em;
  background-position: 7.29927% 13.11905%;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.arrows-for-other-nci-sites .previous:hover {
  width: 3.375em;
  height: 3.375em;
  background-position: 7.29927% 16.83333%;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

@media only screen and (min-width: 1025px) {
  /* spacing */
  .slick-slide .container {
    margin: 0 11px; } }

/****************** END CAROUSEL STYLES ******************/
.site-footer .back-to-top {
  /* place on top of all other elements */
  z-index: 998;
  display: none;
  position: fixed;
  right: 0.5em;
  bottom: 1em;
  color: #2e2e2e;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  padding: 10px 5px 0;
  text-shadow: -1px -1px 3px #fff, 1px -1px 3px #fff, -1px 1px 3px #fff, 1px 1px 3px #fff; }
  .site-footer .back-to-top::before {
    content: " ";
    display: block;
    width: 55px;
    height: 55px;
    border: 4px solid #7fd0d1;
    border-radius: 50%;
    background-color: #fff;
    margin-bottom: 2px; }
  .site-footer .back-to-top::after {
    content: " ";
    display: block;
    position: absolute;
    top: 26px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 1.25em;
    height: 0.78125em;
    background-position: 5.84795% 21.14818%;
    font-size: 30px; }
  .site-footer .back-to-top:hover, .site-footer .back-to-top:focus {
    color: #2e2e2e;
    text-decoration: none; }

@media only screen and (max-width: 640px) {
  .back-to-top {
    display: none !important; } }

/******* BEGIN CONTENT-TEMPLATE STYLES ****************************************/
.hide {
  display: none; }

.section-head {
  float: left;
  width: 80%; }

@media only screen and (max-width: 1024px) {
  .section-head {
    float: none;
    width: 100%; } }

/******* END CONTENT-TEMPLATE STYLES ***************************************/
/********** BEGIN News Page Styles ******************************************/
a.arrow-link.news-footer, a.news-footer.arrow-link-white {
  display: inline; }

.news-share {
  margin-bottom: 10px; }
  .news-share ul li {
    position: relative; }
  .news-share ul > li {
    margin-bottom: 5px; }
  .news-share a:first-child {
    display: inline-block;
    position: relative;
    padding-left: 23px;
    line-height: 130%; }
  .news-share a:before {
    content: " ";
    margin-right: 0.5em;
    position: absolute;
    top: 0;
    left: 0; }
  .news-share a.news-twitter:before {
    top: 3px;
    width: 1.3125em;
    height: 1.09531em;
    background-position: 5.88235% 93.87521%; }
  .news-share a.news-facebook:before {
    left: 4px;
    top: 1px;
    min-width: 18px;
    width: 0.625em;
    height: 1.125em;
    background-position: 5.52486% 31.8933%; }
  .news-share a.news-youtube:before {
    top: -2px;
    width: 1.25em;
    height: 1.48537em;
    background-position: 5.84795% 98.74158%; }
  .news-share a.news-rss:before {
    top: 3px;
    width: 1.25em;
    height: 1.25em;
    background-position: 5.84795% 83.46717%; }
  .news-share a.news-govdelivery:before {
    top: 3px;
    width: 1.5em;
    height: 1.5em;
    background-position: 5.98802% 48.03783%;
    font-size: .85em; }
  .news-share a.news-events:before {
    width: 1.25em;
    height: 1.375em;
    background-position: 5.84795% 4.4896%; }
  .news-share a.icon-exit-notification {
    vertical-align: bottom;
    margin-bottom: 6px; }

@media only screen and (max-width: 640px) {
  .news-share {
    margin: 0; }
  .news .list .general-list-item a.news-footer {
    padding-left: 15px; } }

.news .card {
  padding-top: 0em; }

.news .list .general-list-item {
  display: list-item; }

.news .list li {
  display: none; }

@media only screen and (min-width: 641px) {
  .news .large-8.gutter {
    width: 66%; }
  .news .card {
    margin-bottom: 1em;
    padding-left: 0.9375em;
    padding-right: 0.9375em; } }

.news .dynamic > .title {
  font-size: 1.5em;
  font-weight: bold; }

/********** END News Page Styles ******************************************/
/*******************************************
* ON THIS PAGE and KEY POINTS
*******************************************/
#_toc_article {
  /* TODO: find a better way to determine if on-this-page is appearing on a PDQ page.
	 * Currently, the javascript generates a div with id "_toc_article" and class "on-this-page".
	 * So, we can safely assume that if a div has this ID, it is an on-this-page style section, but on a PDQ page.
	 * Enforcing width: inherit will allow the on-this-page to be full width. Everywhere else, 50% width.
	 */
  width: inherit; }

/* "On This Page" on:
 * - Clinical Trial individual result view
 * - Cancer Information Summaries
 * - Factsheets
 * - General content (if 'data-otp-selector' attribute is specified)
 *
 * "Key Points" on:
 * - Cancer Information Summaries
 */
.key-points, .on-this-page {
  margin: 0 0 2.5em 0.9375em; }
  .key-points ul, .on-this-page ul {
    padding: 0;
    margin: 0;
    line-height: 1.5em; }
  .key-points li, .on-this-page li {
    list-style-type: none;
    color: #2e2e2e;
    margin-left: 28px;
    line-height: 1.5em; }
    .key-points li p, .on-this-page li p {
      display: inline; }
    .key-points li li, .on-this-page li li {
      margin-left: 32px; }

@media only screen and (max-width: 1024px) {
  .key-facts,
  .key-points {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    float: none; }
  #pdq-toc-article > .on-this-page {
    display: block; }
  .pdq-sections .on-this-page {
    display: none; } }

@media only screen and (max-width: 640px) {
  /* Hide 'On This Page' section on PDQ & factsheet pages */
  #pdq-toc-article nav.on-this-page, body.cgvfactsheet nav.on-this-page {
    display: none; }
  div.pre-otp ~ .on-this-page {
    display: none; } }

.key-points h3, .on-this-page h6 {
  display: block;
  margin: 1.3em 0 0.75em;
  text-transform: uppercase;
  font-size: 1.125em;
  font-family: Montserrat, "Avant Garde", Arial, sans-serif;
  font-weight: bold;
  line-height: 1.25em;
  font-style: normal; }

.on-this-page li:before {
  color: #2E2E2E; }

/********** BEGIN Institutions Styles ******************************************/
/* Cancer Centers */
div.institution-grouping {
  clear: both; }

div.institution-grouping > div {
  clear: both; }

div.institution-sidebar {
  background: #eaebe6;
  overflow: hidden;
  float: right;
  width: 30%;
  margin: 0 0 12px 12px; }

div.institution-sidebar div.institution-sidebar-content {
  padding: 0 8px 8px 8px; }

div.institution {
  border-top: 1px solid #BDBDBD;
  clear: both;
  padding: 15px 0 0; }

div.institution-legend {
  border-bottom: 1px dashed #BDBDBD;
  padding: 4px 0 19px 0; }

.institution-header {
  color: #4D4D4D;
  margin-bottom: 23px; }

h2.institution-title {
  font-size: 16px; }

div.institution-content {
  width: 280px;
  margin: 0 0 10px 0;
  float: left;
  padding: 0 0 0 33px; }

div.institution-grouping > div div:first-child {
  margin-right: 15px; }

div.institution-content p {
  margin-top: 20px; }

@media only screen and (max-width: 640px) {
  div.institution-sidebar {
    width: 100%;
    margin: 0 0 1em 0; } }

/********** End Institutions Styles ******************************************/
/* Begin Ebooks */
div.ebook-info {
  clear: left;
  margin-left: 0;
  margin-bottom: 2em;
  margin-top: 2em; }

div.ebook-cover {
  float: left;
  margin: 0 0 10px 0; }
  div.ebook-cover img {
    margin-bottom: 10px; }

div.ebook-title {
  margin-left: 103px; }
  div.ebook-title h4, div.ebook-title .related-resources h6, .related-resources div.ebook-title h6 {
    margin-top: 0; }

/* End Ebooks */
/* Begin eBook buttons */
.pub-buttons {
  overflow: auto;
  font-family: Montserrat, "Avant Garde", Arial, sans-serif; }
  .pub-buttons a {
    min-width: 130px;
    padding: 6px 15px;
    text-decoration: none;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    color: #fff;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
    .pub-buttons a.icon {
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
              flex-direction: row;
      -webkit-box-align: center;
              align-items: center;
      -webkit-box-pack: center;
              justify-content: center;
      flex-wrap: nowrap;
      float: left;
      min-height: 37px;
      padding: 5px 18px;
      border-radius: 3px;
      color: #fff;
      font: normal 14px Montserrat, "Avant Garde", Arial, sans-serif;
      margin: 10px 10px 0 0; }
      .pub-buttons a.icon::before {
        content: "";
        margin-right: 11px;
        font-size: 115%; }
    .pub-buttons a:hover {
      text-decoration: none; }
    .pub-buttons a.lector {
      line-height: 12px;
      padding-bottom: 4px; }
    .pub-buttons a.html {
      background-color: #82368c; }
      .pub-buttons a.html::before {
        width: 1.6875em;
        height: 1.054em;
        background-position: 6.09756% 27.967%; }
    .pub-buttons a.pdf {
      background-color: #bb0e3d; }
      .pub-buttons a.pdf:hover {
        background-color: #8c0a2e; }
      .pub-buttons a.pdf::before {
        width: 1.25em;
        height: 1.4375em;
        background-position: 5.84795% 44.22122%; }
    .pub-buttons a.kindle {
      background-color: #ff5f00; }
      .pub-buttons a.kindle:hover {
        background-color: #cc4c00; }
      .pub-buttons a.kindle::before {
        width: 1.6875em;
        height: 1.54506em;
        background-position: 6.09756% 0.23645%;
        font-size: 103%; }
    .pub-buttons a.epub, .pub-buttons a.lector {
      background-color: #2a72a5; }
      .pub-buttons a.epub:hover, .pub-buttons a.lector:hover {
        background-color: #20567c; }
      .pub-buttons a.epub::before, .pub-buttons a.lector::before {
        width: 1.1875em;
        height: 1.6875em;
        background-position: 5.81395% 28.90939%; }
    .pub-buttons a.free {
      background-color: #2dc799; }
      .pub-buttons a.free:hover {
        background-color: #249d79; }
      .pub-buttons a.free::before {
        width: 1.1875em;
        height: 1.375em;
        background-position: 5.81395% 72.28261%; }

@media all and (-ms-high-contrast: none) {
  .pub-buttons a.icon {
    height: 37px; } }

/* End eBook buttons */
/****************** BEGIN materials-to-share ********************/
/* these styles are for adding social (twitter) share links as seen on https://www.cancer.gov/about-nci/organization/crchd/inp/screen-to-save/connect. */
.materials-to-share {
  clear: both; }

.materials-to-share .column1 {
  width: 25%;
  padding-top: 15px; }

.materials-to-share .column2 {
  font-size: 0.875em;
  width: 70%;
  padding-top: 10px; }

.materials-to-share .column2 .addthis_toolbox p {
  margin-top: 5px; }

.materials-to-share figure {
  margin: 0 auto; }

.materials-to-share p {
  padding: 10px 25px;
  margin-left: 180px;
  position: relative;
  color: #706f6f;
  font-size: 0.9375em;
  font-family: Montserrat, "Avant Garde", Arial, sans-serif;
  line-height: 1.4; }
  @media only screen and (max-width: 640px) {
    .materials-to-share p {
      margin-left: 0; } }

.materials-to-share p:after,
.materials-to-share p:before {
  border: 3px solid #ADADAD;
  bottom: 0;
  content: '';
  position: absolute;
  top: 0;
  width: 15px; }

.materials-to-share p:after {
  border-left: none;
  right: 0; }

.materials-to-share p:before {
  border-right: none;
  left: 0; }

.materials-to-share p:empty {
  display: none; }

.materials-to-share .social-share--custom-tweet {
  margin-right: 5px;
  margin-top: 4px;
  float: left;
  padding: 0 2px; }
  @media only screen and (max-width: 640px) {
    .materials-to-share .social-share--custom-tweet {
      float: none;
      padding-top: 30px;
      width: 100%;
      height: 40px; } }

.materials-to-share .addthis_32x32_style .at300bs {
  line-height: 32px !important;
  width: 32px !important;
  display: block;
  height: 32px !important;
  overflow: hidden;
  background: url("/profiles/custom/cgov_site/themes/custom/cgov/static/images/design-elements/buttons/addthis_buttons_32.png?v=15768139") no-repeat left 50%;
  margin-right: 5px; }

.materials-to-share .addthis_32x32_style .at15t_facebook {
  background-position: 0px -256px; }

.materials-to-share .addthis_32x32_style .at15t_twitter {
  background-position: 0px -1152px; }

.materials-to-share .addthis_32x32_style .at300bs .at_a11y {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

.materials-to-share .download-image {
  padding-top: 15px; }

.materials-to-share .download-image p {
  margin-top: 0px;
  padding-top: 1px; }

.materials-to-share .download-image span.download-infographic-button {
  width: 32px;
  height: 32px;
  margin: 0 7px 0 2px;
  background-image: url("/profiles/custom/cgov_site/themes/custom/cgov/static/images/design-elements/buttons/download-button.png?v=15768139");
  display: block;
  float: left; }

.materials-to-share .two-columns.border-bottom {
  border-bottom: solid 1px #bdbdbd;
  padding-bottom: 20px; }

/****************** END materials-to-share ********************/
ul,
ol,
dl {
  line-height: 1.5; }

.list {
  position: relative;
  margin: 0 0 1em; }
  .list > .title {
    font-family: Montserrat, "Avant Garde", Arial, sans-serif;
    color: #606060;
    font-weight: normal;
    font-size: 1.25em;
    line-height: 1.2em; }
  .list .description {
    font-size: 1em;
    line-height: 1.5em; }
    .list .description > .date, .list .description > .body {
      margin: 0.25em 0; }
  .list.compact li {
    margin: 1em 0 1em 2em; }
    .list.compact li:before {
      content: "\2022";
      display: inline;
      position: relative;
      float: left;
      left: -0.5em;
      top: 0.25em;
      margin: 0 -0.2em;
      font-size: 1.1em;
      line-height: 0.90909em;
      color: #2E2E2E; }
  .list.more-info li {
    margin: 0; }
    .list.more-info li:before {
      content: "\2022";
      display: inline;
      position: relative;
      float: left;
      left: -0.5em;
      top: 0.25em;
      margin: 0 -0.2em;
      font-size: 1.1em;
      line-height: 0.90909em;
      color: #2E2E2E; }
    .list.more-info li .title-and-desc {
      display: inline; }
    .list.more-info li .title {
      font-family: inherit;
      font-size: inherit; }
  .list.related-resources li {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    margin-left: 0; }
    .list.related-resources li .title {
      font-family: inherit;
      font-size: inherit; }
  .list .title a.title:hover, .list .title a.title:focus, .list .title a:hover, .list .title a:focus {
    color: #BB0E3D;
    text-decoration: none; }
  .list ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .list ul > li {
      margin: 1.875em 0;
      clear: both; }
      .list ul > li:before {
        content: "";
        display: none; }
  .list.has-images ul > li {
    margin-top: 2.5em;
    margin-bottom: 2.5em; }
    .list.has-images ul > li:first-child {
      margin-top: 1.875em; }
  .list .container {
    display: inline-block;
    vertical-align: top;
    padding: 0; }
    .list .container.image {
      width: 21%;
      margin-top: .25em;
      padding: 0;
      margin-right: -4px; }
      .list .container.image + .container.title {
        width: 78%;
        padding-left: 1.25em;
        margin-right: -4px; }
        @media only screen and (max-width: 640px) {
          .list .container.image + .container.title {
            width: 100%;
            padding: 0; } }
      @media only screen and (max-width: 640px) {
        .list .container.image {
          display: none; } }
    .list .container .title {
      font-family: Montserrat, "Avant Garde", Arial, sans-serif;
      font-weight: normal;
      font-size: 1.125em;
      line-height: 1.111em; }
    .list .container .desc {
      font-size: inherit;
      font-family: inherit;
      color: inherit; }
  .list .infographic {
    background: transparent; }

.filetype {
  position: relative;
  top: 0.25em;
  display: inline-block;
  margin-left: 5px; }
  .filetype.pdf {
    width: 1.25em;
    height: 1.4375em;
    background-position: 5.84795% 42.21224%; }
  .filetype.exe, .filetype.txt {
    width: 1.25em;
    height: 1.4375em;
    background-position: 5.84795% 36.84708%; }
  .filetype.ebook {
    width: 1.3125em;
    height: 1.59963em;
    background-position: 5.88235% 37.88662%; }
  .filetype.ppt {
    width: 1.3125em;
    height: 1.25019em;
    background-position: 5.88235% 45.20551%; }
  .filetype.word {
    width: 1.3125em;
    height: 1.25em;
    background-position: 5.88235% 46.17383%; }
  .filetype.excel {
    width: 1.3125em;
    height: 1.29081em;
    background-position: 5.88235% 38.92901%; }
  .filetype.unknown {
    top: 0;
    height: auto;
    background: none; }

.row.news .list .container.image {
  width: 25%; }

.list-item span.title a.title {
  font-family: Montserrat, "Avant Garde", Arial, sans-serif;
  font-size: 1em;
  line-height: 1.11111em; }

@media only screen and (max-width: 640px) {
  .dynamic {
    padding: 0 15px; } }

.large-8 .list .container.image + .container.title {
  width: 73%; }

@media only screen and (max-width: 640px) {
  .large-8 .list .container.image + .container.title {
    width: 100%; } }

p.date.dynamic-date {
  margin: 0; }

p.description.dynamic-description {
  margin: 0; }

/* A to Z menu Start
 * uses include Cancer Types A to Z
 * and Drug Dictionary A to Z
 */
.az-list .browse {
  float: left;
  padding-top: 0.5em;
  margin-right: 1em; }

.az-list.inline {
  display: inline-block;
  margin-left: 1em; }
  .az-list.inline > ul {
    margin-bottom: inherit; }

.az-list > ul > li {
  font-family: Montserrat, "Avant Garde", Arial, sans-serif;
  margin-left: 0;
  margin-right: 1em;
  display: inline-block; }
  .az-list > ul > li:before {
    content: none;
    display: none; }

.az-list.narrow .browse, .az-list.narrow ul > li {
  margin-right: 0.5em; }

.azMenu {
  width: auto; }
  .azMenu ul {
    width: 100%;
    background: #f5f5f3;
    margin: 0;
    padding: 10px 0 10px 4px;
    overflow: auto; }
    .azMenu ul li {
      display: block;
      width: 3.8%;
      text-align: center;
      float: left;
      margin: 0;
      padding: 0; }
      .azMenu ul li:before {
        content: none;
        display: none; }
  .azMenu:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }

/* end A to Z menu End */
/* lists used for A to Z List of Cancer, Cancers by Body Location/System */
ul.cancer-list li {
  margin-left: 0; }
  ul.cancer-list li:before {
    content: none; }

ul.cancer-list ul {
  margin-bottom: 0; }
  ul.cancer-list ul > li {
    margin-left: 1em; }

/* lists for Press Releases, NCI Fact Sheets */
.list.no-bullets .general-list-item {
  margin: 0 0 1.875em; }

/* list styling shim to handle the different permutations of managed list styles */
/* TODO: fix overly deep nesting */
.list.managed, .list.dynamic {
  /* replaces compact list */ }
  .list.managed li.has-media, .list.dynamic li.has-media {
    margin: 2em 0; }
    .list.managed li.has-media:first-child, .list.dynamic li.has-media:first-child {
      margin-top: 1em; }
    @media only screen and (min-width: 391px) {
      .list.managed li.has-media, .list.dynamic li.has-media {
        display: -webkit-box;
        display: flex;
        width: 100%; } }
    @media only screen and (small) {
      .list.managed li.has-media, .list.dynamic li.has-media {
        display: -webkit-box;
        display: flex;
        width: 100%; } }
    .list.managed li.has-media > .container, .list.dynamic li.has-media > .container {
      padding: 0 0.9375em 0 0; }
      .list.managed li.has-media > .container + .container, .list.dynamic li.has-media > .container + .container {
        margin: 0;
        width: auto;
        padding: 0 0.9375em; }
    .list.managed li.has-media .list-item-image, .list.dynamic li.has-media .list-item-image {
      display: none;
      margin: 0; }
      @media only screen and (min-width: 641px) {
        .list.managed li.has-media .list-item-image, .list.dynamic li.has-media .list-item-image {
          display: block;
          -webkit-box-flex: 0;
                  flex: 0 0 auto;
          width: 25%; }
          .list.managed li.has-media .list-item-image + .title-and-desc, .list.dynamic li.has-media .list-item-image + .title-and-desc {
            margin-left: 0; } }
      .list.managed li.has-media .list-item-image a:not(:empty), .list.dynamic li.has-media .list-item-image a:not(:empty) {
        background: #000000;
        display: block; }
      .list.managed li.has-media .list-item-image img, .list.dynamic li.has-media .list-item-image img {
        width: 100%; }
    @media only screen and (min-width: 641px) {
      .list.managed li.has-media .title-and-desc, .list.dynamic li.has-media .title-and-desc {
        -webkit-box-flex: 1;
                flex: 1 1 auto;
        margin-left: 25%;
        padding-left: 15px; } }
    .list.managed li.has-media .title-and-desc h3, .list.dynamic li.has-media .title-and-desc h3 {
      margin-top: 0; }
    .list.managed li.has-media:hover, .list.dynamic li.has-media:hover {
      cursor: pointer; }
      .list.managed li.has-media:hover img, .list.dynamic li.has-media:hover img {
        opacity: 0.8; }
      .list.managed li.has-media:hover a, .list.dynamic li.has-media:hover a {
        color: #BB0E3D;
        text-decoration: none; }
  .list.managed .title-and-desc h3 a, .list.dynamic .title-and-desc h3 a {
    font-size: inherit; }
  .list.managed .title-and-desc a, .list.dynamic .title-and-desc a {
    font-size: 1.125em; }
  .list.managed .title-desc, .list.dynamic .title-desc {
    margin-left: 0;
    padding-left: 0;
    width: auto; }
    .list.managed .title-desc h3, .list.dynamic .title-desc h3 {
      margin-bottom: 0;
      margin-top: 0; }
      .list.managed .title-desc h3 a, .list.dynamic .title-desc h3 a {
        font-size: inherit; }
  .list.managed .title-only, .list.dynamic .title-only {
    margin: 1em 0 1em 2em; }
    .list.managed .title-only::before, .list.dynamic .title-only::before {
      color: #2e2e2e;
      content: "\2022";
      display: inline-block;
      font-size: 1.1em;
      position: relative;
      left: -0.5em;
      line-height: 0.90909em;
      margin: 0 -0.2em;
      top: 0.25em; }
    .list.managed .title-only a, .list.dynamic .title-only a {
      font-family: Montserrat, "Avant Garde", Arial, sans-serif;
      font-size: 1.125em;
      text-rendering: optimizeLegibility; }

.list.dynamic h2 {
  margin-bottom: 34px;
  margin-top: 0; }

.list.dynamic li .list-item-image {
  padding: 0; }
  .list.dynamic li .list-item-image + .title-and-desc {
    padding-left: 0; }
    @media only screen and (min-width: 641px) {
      .list.dynamic li .list-item-image + .title-and-desc {
        padding-left: 20px; } }

@media only screen and (max-width: 640px) {
  .large-8 .list.dynamic .container.image + .container.title {
    padding-left: 0;
    width: 100%; }
  .large-8 .list.dynamic .container.title {
    padding-left: 0; } }

.topic-feature {
  margin-bottom: 1em;
  border: 1px solid #818181;
  background-color: #FFFFFF;
  box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.15); }
  .topic-feature.card {
    padding: 0; }
    .topic-feature.card.left {
      margin-right: 1em; }
    .topic-feature.card.right {
      margin-left: 1em; }
  .topic-feature h3 {
    font-size: 1.375em;
    line-height: 1.272; }
  .topic-feature a {
    padding: 1.875em;
    display: block; }
    .topic-feature a h3 {
      font-weight: normal;
      color: #2b7bba; }
    .topic-feature a:hover h3, .topic-feature a:focus h3 {
      color: #BB0E3D; }
  .topic-feature p {
    margin-bottom: 0;
    color: #2e2e2e;
    font-size: 1em;
    line-height: 1.167em; }
  .topic-feature .columns {
    padding: 0; }
    .topic-feature .columns a {
      padding: 1.875em;
      display: block; }
  .topic-feature .feature-card div {
    margin-bottom: 1em; }
  .topic-feature .feature-card h3 {
    margin-top: 0;
    font-size: 1.2em;
    line-height: 1.2; }
  .topic-feature .feature-card p {
    line-height: 1.375;
    font-size: 0.9em;
    color: #757575; }

@media only screen and (max-width: 640px) {
  .topic-feature {
    margin: 1.25em 0; }
    .topic-feature a:hover {
      color: white; }
    .topic-feature.columns a {
      padding-bottom: 15px;
      padding-top: 15px;
      overflow: auto; }
    .topic-feature.card.left, .topic-feature.card.right {
      float: none !important;
      margin: 1.25em 0; }
    .topic-feature .image-hover {
      float: left;
      width: 30%; }
    .topic-feature:not(.no-image) .feature-card h3, .topic-feature:not(.no-image) .feature-card p {
      float: right;
      width: 68%; }
    .topic-feature:not(.no-image) .feature-card h3 {
      margin-top: 0;
      font-size: 1.13em;
      line-height: 1.111em; }
  .feature-primary .card {
    background: #14819b; } }

/*** Flex Video override ***/
.flex-video {
  margin-bottom: 0; }

/*** End Flex Video override ***/
/*** Video Player ***/
.videoPlayer {
  /* margin: 0px 0 20px 0; */ }

.video-carousel-container {
  /* padding:0 0 20px 0;
	float:left; */ }

/* Video Titles */
.video > h4, .related-resources .video > h6 {
  font-weight: normal;
  line-height: 24px; }

h4.video50title, .related-resources h6.video50title {
  padding: 0;
  font-size: 14px; }

h4.video75title, .related-resources h6.video75title {
  padding: 0;
  font-size: 16px; }

h4.video100title, .related-resources h6.video100title {
  padding: 0;
  font-size: 18px; }

/* End Video Titles */
/* Video Captions */
.media-caption {
  display: block;
  color: #666;
  background: #DDDDDD;
  padding: 10px;
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.2em; }

.media-caption p:first-child {
  margin-top: 0; }

.media-caption p:last-child {
  margin-bottom: 0; }

.caption-line {
  margin-top: 5px;
  border-top: 1px solid #BDBDBD; }

.video.size50 .media-caption {
  font-size: 11px; }

.video.size75 .media-caption {
  font-size: 12px; }

.video.size100 .media-caption {
  font-size: 13px; }

.video-carousel-caption {
  display: block;
  color: #666;
  background: #DDDDDD;
  text-align: right;
  padding: 10px; }

.video-carousel-caption img {
  float: right;
  padding-left: 5px; }

.video-carousel-caption .size75 {
  font-size: 13px; }

.video-carousel-caption .size100 {
  font-size: 14px; }

/* End Video Captions */
/* Video Sizes */
.video.size50 {
  width: 45%; }

.video.size75 {
  width: 70%; }

.video.size100 {
  width: 100%; }

@media only screen and (max-width: 1024px) {
  .video.size50, .video.size75 {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-right: 0; } }

/* End Video Sizes */
/* Video Alignment */
.video.center {
  float: none;
  margin: auto; }

.video.left {
  float: left;
  margin-right: 5%; }

.video.right {
  float: right;
  margin-left: 5%; }

/* End Video Alignment */
/*** END Video Player ***/
/** 

Uncomment the following for the new tool tip look and feel
----------------------------------------------------------

.referencetooltip {
     padding: 1px 8px 13px 8px;
     font-size: .8em;
}

.referencetooltip a {
    color: $color-link;
}
.referencetooltip a:hover, .referencetooltip a:focus {
    text-decoration: underline;
}

*/
/*** 
--------- DELETE EVERYTHING PAST THIS POINT FOR THE NEW TOOLTIP LOOK AND FEEL ----------
***/
.referencetooltip {
  position: absolute;
  list-style: none;
  list-style-image: none;
  opacity: 0;
  font-size: 11px;
  margin: 0;
  z-index: 1003;
  padding: 0; }

.referencetooltip li {
  border: #b3b3b3 1px solid;
  max-width: 260px;
  padding: 10px 8px 13px 8px;
  margin: 0px;
  background-color: #F7F7F7;
  box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3); }

.referencetooltip li + li {
  margin-left: 7px;
  margin-top: -1px;
  border: 0;
  padding: 0;
  height: 3px;
  width: 0px;
  background-color: transparent;
  box-shadow: none;
  border-top: 12px #b3b3b3 solid;
  border-right: 7px transparent solid;
  border-left: 7px transparent solid; }

.referencetooltip > li + li:after {
  content: '';
  border-top: 8px #F7F7F7 solid;
  border-right: 5px transparent solid;
  border-left: 5px transparent solid;
  margin-top: -12px;
  margin-left: -5px;
  z-index: 1;
  height: 0px;
  width: 0px;
  display: block; }

.client-js body .referencetooltip li li {
  border: none;
  box-shadow: none;
  height: auto;
  width: auto;
  margin: auto;
  padding: 0;
  position: static; }

.RTflipped {
  padding-top: 11px;
  margin-top: 10px; }

.referencetooltip.RTflipped li + li {
  position: absolute;
  top: 0;
  border-top: 0;
  border-bottom: 12px #b3b3b3 solid; }

.referencetooltip.RTflipped li + li:after {
  border-top: 0;
  border-bottom: 10px #F7F7F7 solid;
  position: absolute;
  margin-top: 3px; }

.RTTarget {
  border: #b3b3b3 1px solid; }

.error-page {
  font-size: 1.125em;
  padding: 0 20px; }
  .error-page .error-content {
    margin: 0 auto; }
    .error-page .error-content h1 {
      font-size: 1.75em; }

.error-searchbar {
  margin-bottom: 1.25em; }
  .error-searchbar .searchString,
  .error-searchbar button {
    display: inline-block; }
  .error-searchbar .searchString {
    width: 270px;
    padding: 0 0 0 8px;
    margin-right: 5px; }
  .error-searchbar form {
    padding: 0;
    margin-bottom: 0; }
    .error-searchbar form legend, .error-searchbar form .legend {
      padding-left: 0;
      margin: 0 0 13px;
      background: transparent;
      font-size: inherit;
      float: none; }
    .error-searchbar form fieldset {
      margin-top: 0; }
    .error-searchbar form input {
      font-size: 16px; }
    .error-searchbar form input,
    .error-searchbar form button {
      margin-bottom: 0; }
  .error-searchbar .searchSubmit {
    display: block;
    margin: 5px 0 0;
    width: 270px; }
  .error-searchbar .choose-language-radio {
    margin-bottom: 15px; }
    .error-searchbar .choose-language-radio label {
      margin-right: 30px; }

@media only screen and (min-width: 641px) {
  .error-content h1 {
    margin-top: 0.58em; }
  .error-searchbar .searchSubmit {
    display: inline-block;
    margin: 0;
    width: 130px; } }

/****************** BEGIN Contact Info styles ********************/
.contact-buttons {
  overflow: auto; }
  @media only screen and (min-width: 641px) {
    .contact-buttons {
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: justify;
              justify-content: space-between; } }
  .contact-buttons > div {
    flex-basis: 30%; }
  .contact-buttons a.icon {
    -webkit-box-pack: center;
            justify-content: center;
    color: white;
    border-radius: 3px;
    padding: 8px 15px 0;
    text-decoration: none;
    color: #fff;
    line-height: 24px;
    font-family: Montserrat, "Avant Garde", Arial, sans-serif;
    font-size: 13px; }
  @media only screen and (max-width: 640px) {
    .contact-buttons {
      margin: 0 20px; } }

.contact-buttons a:hover {
  text-decoration: none; }

.contact-buttons a.phone {
  background-color: #82368c; }

.contact-buttons a.chat {
  background-color: #bb0e3d; }

.contact-buttons a.email {
  background-color: #ff5f00; }

.contact-buttons a.icon {
  padding: 8px 11px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: center;
          align-items: center; }

.contact-buttons a.icon span {
  padding-left: 11px;
  vertical-align: top; }

.contact-buttons a.icon:before {
  content: "";
  font-size: 130%; }

.contact-buttons .phone:before {
  width: 0.9375em;
  height: 0.93744em;
  background-position: 5.68182% 73.15403%; }

.contact-buttons .chat:before {
  width: 1.25em;
  height: 1.08944em;
  background-position: 5.84795% 26.08243%; }

.contact-buttons .email:before {
  width: 1.5625em;
  height: 1em;
  background-position: 6.0241% 64.51156%; }

/****************** END Contact Info styles ********************/
#section-menu-button::before {
  content: '';
  position: absolute;
  top: 49%;
  right: .7em;
  width: 1.25em;
  height: 0.78125em;
  background-position: 5.84795% 21.92621%;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg); }

.nav-search-bar {
  min-height: 68px; }
  @media only screen and (min-width: 391px) {
    .nav-search-bar {
      min-height: 76px; } }
  @media only screen and (small) {
    .nav-search-bar {
      min-height: 76px; } }
  @media only screen and (min-width: 1025px) {
    .nav-search-bar {
      min-height: 61px; } }

.fixedtotop {
  width: 100%;
  position: relative;
  z-index: 1000;
  top: 0; }

.header--fixedToTop {
  margin-bottom: 97px; }
  @media only screen and (min-width: 391px) {
    .header--fixedToTop {
      margin-bottom: 104px; } }
  @media only screen and (small) {
    .header--fixedToTop {
      margin-bottom: 104px; } }
  @media only screen and (min-width: 1025px) {
    .header--fixedToTop {
      margin-bottom: 118px; } }

/* *************************************************************************/
/* LARGE AND UP */
/* *************************************************************************/
@media only screen and (min-width: 1025px) {
  /*** BEGIN desktop section nav ("left nav") styles ***/
  .general-page-body-container .local-navigation {
    margin-top: 1.3em;
    padding-left: 0;
    padding-right: 38px; }
  /* remove default margin to butt menu up against container */
  .section-nav,
  .section-nav ul,
  .section-nav ul li {
    margin-left: 0; }
  .section-nav div {
    position: relative;
    font-size: 0.875em;
    line-height: 1.2;
    padding-top: 0.625em;
    padding-bottom: 0.625em; }
  .section-nav .contains-current > div {
    font-weight: bold; }
    .section-nav .contains-current > div a {
      color: #82368C; }
  .section-nav .current-page:after {
    left: 100%;
    top: 50%;
    margin-top: -12px;
    border: 12px solid transparent;
    border-right-style: dotted;
    border-left-color: #14819b;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .section-nav .current-page + ul,
  .section-nav .contains-current > ul {
    display: block !important; }
  .section-nav .current-page > .toggle,
  .section-nav .contains-current > div > .toggle {
    display: none !important; }
  .section-nav div > a {
    display: inline-block;
    color: #606060;
    margin-left: 20px;
    margin-right: 45px; }
  .section-nav div.current-page > a {
    color: white;
    font-weight: bold; }
  /** BEGIN level-by-level styling **/
  /* level 0 */
  .section-nav .level-0 > div {
    font-size: 19px;
    font-weight: bold;
    line-height: 21px;
    padding-top: 0.625em;
    padding-bottom: 0.625em;
    background-color: #1c5e86;
    text-transform: uppercase; }
  .section-nav .level-0 > div > a {
    color: #FFFFFF; }
  /* level 1 */
  .section-nav .level-1 {
    font-size: 15px;
    line-height: 17px;
    border-top: 1px solid #d5d5d2; }
  .section-nav .level-1 > div > a {
    text-transform: none; }
  .section-nav .level-1.contains-current {
    background-color: #eeedf4; }
  .section-nav .level-1 > ul {
    margin-left: 2.0625em; }
  /* level 2 */
  .section-nav .level-2 div > a {
    margin-left: 7px; }
  .section-nav .level-2 > ul {
    margin-left: 0.875em; }
  /* level 3 */
  .section-nav .level-3 > ul {
    margin-left: 0.875em; }
  /* level 4 */
  .section-nav .level-4 > ul {
    margin-left: 0.875em; }
  /** END level-by-level styling **/
  /* this rule to be below the level-by-level styles */
  .section-nav div.current-page {
    background: #14819b; }
  /* hide section menu clicker on desktop */
  #section-menu-button {
    display: none; }
  /*** END desktop section nav ("left nav") styles ***/
  /*** BEGIN Megamenus/Search Styles ***/
  /* hide mobile nav */
  #mega-nav .mobile-item, .mobile-menu-bar, #searchclear {
    display: none !important; }
  #mega-nav .toggle {
    display: none; }
  #mega-nav .nav-item.contains-current > .nav-item-title > a,
  #mega-nav .nav-item.current-page > .nav-item-title > a {
    background-color: #fff;
    /* the height of the border bottom (7px) is already set. Here we are only changing its color
			/* from transparent to teal. If the border height ever changes, it's changed in one place, not two.
			*/
    border-bottom-color: #14819b;
    color: #2f2f2f; }
  /*** END Megamenus/Search styles ***/ }

@media only screen and (max-width: 1024px) {
  /*** BEGIN mobile section nav ("tongue") styles ***/
  /* fix the margin (on mobile) for pages with a section nav */
  .has-section-nav {
    margin-top: 1.5em; }
  /* container width */
  .main-content .general-page-body-container .local-navigation {
    padding-left: 5%;
    padding-right: 5%; }
  .section-nav {
    display: none;
    position: absolute;
    top: -0.85em;
    z-index: 999;
    width: 90%;
    background: white; }
  .section-nav,
  .section-nav ul,
  .section-nav ul li {
    margin: 0; }
  .section-nav div {
    position: relative;
    font-size: 0.875em;
    line-height: 1.2;
    padding-top: 14.5px;
    padding-bottom: 14.5px; }
  .section-nav .contains-current > div {
    font-weight: bold; }
    .section-nav .contains-current > div a {
      color: #82368C; }
  .section-nav div > a {
    display: inline-block; }
  .section-nav ul li {
    border-top: 1px solid #d5d5d2; }
  .section-nav ul > li:first-child {
    border: none; }
  /* these will not apply to the top-level item (currently in blue) */
  .section-nav ul div > a {
    margin-right: 3.8125em;
    color: #606060;
    line-height: 1.5;
    vertical-align: middle; }
  .section-nav div.current-page > a {
    color: white;
    font-weight: bold; }
  /** BEGIN level-by-level styling **/
  /* level 0 */
  .section-nav .level-0 > div {
    font-size: 1.125em;
    font-weight: bold;
    padding-top: 0.625em;
    padding-bottom: 0.625em;
    background-color: #1c5e86; }
    .section-nav .level-0 > div > a {
      color: #FFFFFF;
      margin-left: 0.8888em;
      margin-right: 3.3888em;
      text-transform: uppercase; }
  /* level 1 */
  .section-nav .level-1 > div > a {
    text-transform: none;
    margin-left: 1em; }
  .section-nav .level-1.contains-current {
    background-color: #eeedf4; }
  /* level 2 */
  .section-nav .level-2 > div > a {
    margin-left: 1.875em; }
  /* level 3 */
  .section-nav .level-3 > div > a {
    font-size: 0.9em;
    margin-left: 3.05556em;
    margin-right: 4.23611em; }
  /* level 4 */
  .section-nav .level-4 > div > a {
    font-size: 0.9em;
    margin-left: 4.02778em;
    margin-right: 4.23611em; }
  /** END level-by-level styling **/
  /* this rule to be below the level-by-level styles */
  .section-nav div.current-page {
    background: #14819b; }
  /* style section menu clicker on mobile */
  #section-menu-button {
    position: absolute;
    z-index: 999;
    cursor: pointer;
    text-align: right;
    color: #fff;
    font-size: 0.625em;
    line-height: 1.6;
    min-height: 1.5em;
    padding: 0.75em 2.5em 0.75em 0.75em;
    top: 0;
    right: 5%;
    background: #1c5e86 95% 50% no-repeat;
    font-family: Montserrat, "Avant Garde", Arial, sans-serif;
    text-transform: uppercase; }
    #section-menu-button.open::before {
      -webkit-transform: translateY(-50%) rotate(0);
              transform: translateY(-50%) rotate(0); }
  /* Fallbacks */
  .no-js .section-nav ul {
    display: none; }
  .no-js .section-nav:hover ul, .no-js .section-nav:focus ul {
    display: block; }
  /* section nav grey page overlay - http://css-tricks.com/snippets/jquery/append-site-overlay-div/ */
  #overlay {
    opacity: 0.4;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: black;
    width: 100%;
    z-index: 998; }
  /*** BEGIN Megamenus/Search Styles ***/
  #content {
    padding-top: 0; }
  #page, #mega-nav {
    position: relative;
    left: 0;
    -webkit-transition: left 500ms ease;
    transition: left 500ms ease; }
  html.nav-open {
    overflow: hidden; }
    html.nav-open #page {
      left: 80%; }
  .fixedtotop {
    -webkit-transition: left 500ms ease;
    transition: left 500ms ease; }
  /* When the panel is closed, transition the page back to the left */
  /* hide search on mobile */
  .search {
    display: none; }
  #nvcgSlMainNav .mobile-menu-bar {
    left: 0px;
    position: relative; }
  #nvcgSlMainNav.searching {
    position: relative; }
    #nvcgSlMainNav.searching .mobile-menu-bar {
      left: -100%;
      height: 100%; }
      #nvcgSlMainNav.searching .mobile-menu-bar .menu-btn {
        position: absolute;
        left: calc(100% + 1em);
        width: 64px;
        margin-right: 0;
        color: transparent;
        z-index: 90;
        background: none; }
        #nvcgSlMainNav.searching .mobile-menu-bar .menu-btn:before {
          /* The arrow in the back to menu button */
          width: 3em;
          height: 1.25062em;
          background-position: 6.99301% 66.39128%;
          font-size: 170%;
          top: .7em; } }
        @media only screen and (max-width: 1024px) and (-ms-high-contrast: none), only screen and (max-width: 1024px) and (-ms-high-contrast: active) {
          #nvcgSlMainNav.searching .mobile-menu-bar .menu-btn:before {
            font-size: 80%; } }

@media only screen and (max-width: 1024px) {
    #nvcgSlMainNav.searching .search {
      /* we use the main search...it's just easier */
      display: block;
      width: 100%;
      position: absolute;
      right: 0;
      top: 0;
      height: 100%;
      padding-left: 90px;
      background-color: #444; }
    #nvcgSlMainNav.searching #siteSearchForm {
      margin: 0; }
      #nvcgSlMainNav.searching #siteSearchForm:before {
        content: " ";
        display: block;
        width: calc(100% - 68px);
        height: 10px;
        border: 2px solid #2BA6CB;
        border-top: none;
        background-color: transparent;
        position: absolute;
        bottom: 10px; }
    #nvcgSlMainNav.searching #swKeyword {
      position: relative;
      left: 2%;
      height: 100%;
      width: calc(96% - 68px);
      margin: 0;
      padding: 0;
      font-size: 1.375em;
      z-index: 80;
      box-shadow: none;
      background-color: transparent; }
      #nvcgSlMainNav.searching #swKeyword:-moz-placeholder {
        color: #888;
        height: 100%;
        position: relative;
        display: block; }
      #nvcgSlMainNav.searching #swKeyword::-moz-placeholder {
        color: #888;
        height: 100%;
        position: relative;
        display: block; }
      #nvcgSlMainNav.searching #swKeyword:-ms-input-placeholder {
        color: #888;
        height: 100%;
        position: relative;
        display: block; }
      #nvcgSlMainNav.searching #swKeyword::-webkit-input-placeholder {
        color: #888;
        height: 100%;
        position: relative;
        display: block; }
    #nvcgSlMainNav.searching #sitesearch {
      display: none; }
    #nvcgSlMainNav.searching #searchclear {
      position: absolute;
      right: 20px;
      top: 0.25em;
      padding: 0;
      margin: 0;
      font-family: "Noto Sans", "Century Gothic", Arial, sans-serif;
      color: #888;
      min-height: auto; }
      #nvcgSlMainNav.searching #searchclear:before {
        content: "\D7";
        font-size: 3em; }
  /* Move nav off screen, setup transitions */
  #mega-nav {
    visibility: hidden;
    z-index: 1000;
    position: fixed;
    left: -80vw;
    top: 0;
    width: 80vw;
    height: 100%;
    background-color: #f3f3f2;
    box-shadow: -15px 0px 15px -15px rgba(0, 0, 0, 0.6) inset;
    /* Display nav items vertically */
    /* remove margin from lists */
    /* Level Styles */
    /* list item spacing through the hierarchy */ }
    html.nav-open #mega-nav {
      visibility: visible;
      left: 0.01%; }
    html.nav-moving #mega-nav {
      visibility: visible; }
    #mega-nav > ul > li:first-child {
      display: inherit; }
    #mega-nav ul.menu {
      border-top: 1px solid #888;
      overflow-y: auto;
      height: 100%; }
    #mega-nav li {
      width: 100%;
      box-sizing: border-box;
      border-top: 1px solid #888;
      font-weight: normal;
      background-color: #f3f3f2; }
      #mega-nav li > div {
        position: relative; }
      #mega-nav li a {
        display: inline-block;
        width: 100%;
        min-height: 50px;
        padding-right: 70px;
        color: #606060; }
      #mega-nav li.contains-current > div.nav-item-title > a {
        color: #82368C; }
    #mega-nav ul {
      margin: 0;
      width: 100%; }
    #mega-nav .lvl-1 a, #mega-nav .lvl-2 a, #mega-nav .lvl-3 a {
      font-family: Montserrat, "Avant Garde", Arial, sans-serif; }
    #mega-nav .mobile-item {
      display: none; }
    #mega-nav .lvl-1 {
      display: block;
      text-transform: uppercase; }
      #mega-nav .lvl-1 a {
        font-size: 1.2em;
        padding-left: 17px;
        padding-top: 10px;
        padding-bottom: 10px; }
    #mega-nav .lvl-2 {
      text-transform: uppercase; }
      #mega-nav .lvl-2 a {
        font-size: 1.05em;
        padding-left: 31px;
        padding-top: 11.5px;
        padding-bottom: 11.5px; }
    #mega-nav .lvl-3 a {
      font-size: 0.84em;
      padding-left: 44px;
      padding-top: 15px;
      padding-bottom: 15px; }
    #mega-nav .contains-current {
      font-weight: bold;
      display: block; }
      #mega-nav .contains-current > .mobile-item > li {
        display: block; }
    #mega-nav .current-page {
      display: block;
      background-color: #14819b;
      color: #ffffff;
      font-weight: bold; }
      #mega-nav .current-page > div > a {
        color: #ffffff; }
    #mega-nav .lvl-1.contains-current .lvl-2,
    #mega-nav .lvl-2.contains-current .lvl-3,
    #mega-nav .lvl-1.current-page .lvl-2,
    #mega-nav .lvl-2.current-page .lvl-3 {
      display: block; }
    #mega-nav .nav-item-title {
      position: relative; }
  .sub-nav-mega {
    display: none; }
  .hidden-sibling {
    display: none; }
  .hidden {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden; }
  /*** END Megamenus/Search Styles ***/ }

@media only screen and (max-width: 640px) {
  .section-nav {
    top: 1.9375em; } }

@media only screen and (max-width: 390px) {
  .mobile-menu-bar > a,
  .mobile-menu-bar > button {
    font-size: 0.5em;
    padding: 4.5em 0 0 0; }
  #nvcgSlMainNav.searching .search {
    padding-left: 75px; }
  #nvcgSlMainNav.searching #siteSearchForm:before {
    width: calc(100% - 53px); }
  #nvcgSlMainNav.searching #swKeyword {
    width: calc(96% - 53px); }
  #nvcgSlMainNav.searching #searchclear {
    right: 10px;
    top: -.3em; } }

/********** BEGIN Pagination Styles ******************************************/
/* Desktop pagination styles */
.pager {
  font-size: 16px;
  float: none; }
  .pager h4, .pager .related-resources h6, .related-resources .pager h6 {
    margin: 0; }
  .pager__item {
    display: inline-block;
    margin: 10px; }
    .pager__item a {
      text-align: center;
      color: #2b7bba;
      padding: 3px 6px;
      border-radius: 3px;
      font-weight: normal;
      text-decoration: none; }
    .pager__item--first, .pager__item--last, .pager__item--ellipsis {
      display: none; }
    .pager__item.is-active a {
      color: #2E2E2E;
      text-decoration: none;
      pointer-events: none; }
    .pager__item--previous a,
    .pager__item--next a {
      display: block;
      margin: 0 auto;
      width: 100%; }
    .pager__item:first-child a {
      padding-left: 0; }

/********** BEGIN Pagination Styles ******************************************/
/****************** START IMAGE CAROUSEL STYLES ******************/
.ic-carousel {
  margin-bottom: 30px; }
  .ic-carousel .row:nth-child(2) {
    padding-bottom: 2px; }
  .ic-carousel .slick-slide img {
    width: auto; }
  @media only screen and (min-width: 1025px) {
    .ic-carousel {
      margin-left: 18%;
      margin-right: 18%; }
      .ic-carousel .slick-slide img {
        max-height: 401px; } }
  @media only screen and (max-width: 1024px) and (min-width: 769px) {
    .ic-carousel {
      margin-left: 25%;
      margin-right: 25%; }
      .ic-carousel .slick-slide img {
        max-height: 356px; } }
  @media only screen and (max-width: 768px) and (min-width: 641px) {
    .ic-carousel {
      margin-left: 18%;
      margin-right: 18%; }
      .ic-carousel .slick-slide img {
        max-height: 413px; } }
  @media only screen and (max-width: 640px) {
    .ic-carousel {
      margin: 10px 0px 30px; }
      .ic-carousel .pagingInfo, .ic-carousel .ic-carousel-title h4, .ic-carousel .ic-carousel-title .related-resources h6, .related-resources .ic-carousel .ic-carousel-title h6 {
        padding-left: 5px; }
      .ic-carousel .slick-slide {
        margin: 0 5px 0 5px !important; }
      .ic-carousel .slick-slide img {
        display: block;
        max-width: 100%;
        max-height: 450px; } }
  .ic-carousel .slick-slider {
    margin-bottom: 0;
    overflow: hidden; }
  .ic-carousel .slick-track {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }
  .ic-carousel .slick-slide {
    background-color: #FFFFFB;
    border-color: #FFFFFB;
    float: none; }
    .ic-carousel .slick-slide img {
      margin: auto; }
  .ic-carousel .slick-list {
    left: -1px; }

.ic-carousel-title h4, .ic-carousel-title .related-resources h6, .related-resources .ic-carousel-title h6 {
  line-height: 1.333em; }

.ic-controls {
  border-top: solid 1px #ccc;
  margin-top: 10px; }

.ic-credit {
  color: #757575;
  font-size: 11px;
  line-height: 15px;
  text-align: right;
  margin-top: 3px;
  padding-right: 1px; }

.ic-caption p {
  color: #606060;
  font-size: 13px;
  line-height: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 1px; }
  @media only screen and (max-width: 640px) {
    .ic-caption p {
      margin-bottom: 10px; } }

.pagingInfo {
  color: #606060;
  float: left;
  font-family: Montserrat, "Avant Garde", Arial, sans-serif;
  font-size: 14px;
  width: 50%;
  margin-top: 5px; }

.arrows-for-ic-carousel {
  float: right;
  text-align: right;
  width: 50%;
  margin-top: 12px; }
  .arrows-for-ic-carousel button {
    background-color: transparent;
    border: 0 none;
    cursor: pointer;
    display: inline;
    height: 40px;
    padding: 0;
    width: 40px; }
  .arrows-for-ic-carousel .previous {
    width: 1.25em;
    height: 0.78125em;
    background-position: 5.84795% 20.37015%;
    -webkit-transform: rotate(-90deg) scaleX(-1);
            transform: rotate(-90deg) scaleX(-1);
    font-size: 1.875em; }
  .arrows-for-ic-carousel .next {
    width: 1.25em;
    height: 0.78125em;
    background-position: 5.84795% 20.37015%;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    font-size: 1.875em; }

span.ic-arrow-button {
  position: absolute;
  bottom: 0;
  right: 0;
  clip: rect(1px, 1px, 1px, 1px); }

/****************** END IMAGE CAROUSEL STYLES ******************/
/****************** START VIDEO CAROUSEL STYLES ******************/
.yt-carousel {
  width: 85%;
  margin: auto;
  margin-top: 30px; }
  @media only screen and (max-width: 640px) {
    .yt-carousel {
      width: 100%; } }

.ytc-thumb-container {
  background-color: #FFFFFB;
  border-color: #FFFFFB;
  padding-top: 10px;
  padding-right: 10px; }
  .ytc-thumb-container span {
    display: block;
    font-size: 13px;
    line-height: 1.334;
    padding-left: 4px;
    padding-top: 4px;
    color: #606060; }

.yt-carousel-thumb img {
  padding: 6px; }

.yt-carousel-thumb.ytc-clicked img {
  background-color: #c74769; }

.yt-carousel-arrows {
  margin-top: 35px;
  padding: 0px 10px;
  text-align: center; }
  @media only screen and (min-width: 1441px) {
    .yt-carousel-arrows button.previous {
      margin-right: 7px; }
    .yt-carousel-arrows button.next {
      margin-left: 7px; } }
  @media only screen and (min-width: 1441px) {
    .yt-carousel-arrows {
      margin-top: 50px; } }

.yt-carousel-m-arrows {
  margin-top: 35px;
  padding: 0px 10px; }
  @media only screen and (max-width: 390px) {
    .yt-carousel-m-arrows {
      width: 90px; } }

.yt-carousel-arrows button,
.yt-carousel-m-arrows button {
  background-color: transparent;
  border: 0 none;
  cursor: pointer;
  display: inline;
  height: 40px;
  padding: 0;
  width: 40px; }

.yt-carousel-arrows .previous,
.yt-carousel-m-arrows .m-previous {
  width: 1.25em;
  height: 0.78125em;
  background-position: 5.84795% 20.37015%;
  font-size: 1.875em;
  -webkit-transform: rotate(-90deg) scaleX(-1);
          transform: rotate(-90deg) scaleX(-1); }

.yt-carousel-arrows .next,
.yt-carousel-m-arrows .m-next {
  width: 1.25em;
  height: 0.78125em;
  background-position: 5.84795% 20.37015%;
  font-size: 1.875em;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

button.previous.ytc-hidden,
button.next.ytc-hidden {
  background-image: none; }
  button.previous.ytc-hidden:focus,
  button.next.ytc-hidden:focus {
    outline: 0; }
  button.previous.ytc-hidden:hover,
  button.next.ytc-hidden:hover {
    cursor: default; }

.yt-carousel-pager {
  color: #606060;
  display: block;
  font-family: Montserrat, "Avant Garde", Arial, sans-serif;
  font-size: 14px;
  margin-top: 15px; }

.yt-carousel-m-pager {
  color: #606060;
  float: left;
  font-family: Montserrat, "Avant Garde", Arial, sans-serif;
  font-size: 14px;
  margin: 12px 10px;
  width: 50%; }

/** Custom breakpoints for desktop/tablet slick transition **/
@media only screen and (min-width: 770px) and (max-width: 1024px) {
  .yt-carousel {
    width: 80%; } }

@media only screen and (min-width: 770px) {
  .yt-carousel-m-controls {
    display: none; } }

@media only screen and (max-width: 769px) {
  .yt-carousel-controls {
    display: none; }
  .yt-carousel-m-arrows {
    margin-top: 14px;
    padding: 0px 8px;
    float: right; } }

@media only screen and (max-width: 860px) {
  .yt-carousel-m-arrows {
    text-align: right;
    width: 40% !important; }
    .yt-carousel-m-arrows .m-next {
      margin-right: 1px; } }

/****************** END VIDEO CAROUSEL STYLES ******************/
.video-preview--container:hover, .video-preview--container:focus {
  cursor: pointer; }
  .video-preview--container:hover .play-button--bg, .video-preview--container:focus .play-button--bg {
    fill: red;
    fill-opacity: 1;
    -webkit-transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
    transition: all 100ms cubic-bezier(0, 0, 0.2, 1); }

.video-preview--container::before {
  z-index: 1;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), color-stop(60%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0) 100%); }

.video-preview--container p {
  position: absolute;
  color: #FFFFFF;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  z-index: 10;
  width: 95%;
  margin: 0.5em 0;
  padding: 0 15px; }

.video-preview--container > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  margin-top: -9.4%; }

.video-preview--play-button {
  position: absolute;
  top: calc(50% - 24px);
  left: calc(50% - 34px);
  width: 68px;
  height: 48px; }

a.arrow-link, a.arrow-link-white {
  padding: 1px 2em 1px 0;
  width: 100%;
  display: block;
  color: #2e2e2e;
  text-decoration: none;
  position: relative; }
  a.arrow-link:hover, a.arrow-link-white:hover {
    text-decoration: none; }
  a.arrow-link::before, a.arrow-link-white::before {
    width: 1.3125em;
    height: 1.3125em;
    background-position: 5.88235% 14.76494%;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    content: "";
    right: 0;
    position: absolute;
    margin-top: -8px;
    top: 39%; }
  a.arrow-link:hover::before, a.arrow-link-white:hover::before {
    width: 1.3125em;
    height: 1.3125em;
    background-position: 5.88235% 15.73352%;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }

a.arrow-link-white {
  padding-right: 26px; }

@media only screen and (min-width: 641px) {
  a.arrow-link-white::before {
    width: 1.3125em;
    height: 1.3125em;
    background-position: 5.88235% 18.45027%;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); } }

/**** Styles for arrow links inside version toggle button ****/
a.toggle-arrow-link::after {
  content: "";
  position: absolute;
  right: 2%;
  width: 1.3125em;
  height: 1.3125em;
  background-position: 5.88235% 18.45027%;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

@media only screen and (max-width: 709px) {
  a.toggle-arrow-link::after {
    width: 1.3125em;
    height: 1.3125em;
    background-position: 5.88235% 12.04819%;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  a.toggle-arrow-link:hover::after, a.toggle-arrow-link:focus::after {
    width: 1.3125em;
    height: 1.3125em;
    background-position: 5.88235% 15.73352%; } }

.checkbox input[type="checkbox"]:checked + label::before {
  width: 1em;
  height: 1em;
  background-position: 5.71429% 9.43841%;
  color: #2a72a5;
  content: "";
  border-color: #2a72a5; }

.popup .popuplogo {
  max-width: 500px;
  margin: 20px 10px 0 10px; }

.popup .popuplogo img {
  max-height: 30px; }

.popup div.heading {
  font-size: 1.0625em;
  font-weight: bold;
  margin: 0 0 0 2.1875em; }

.popup .audioPronounceLink {
  margin: 1.5625em 0 0 2.1875em; }

.audioPronounceLink .term {
  font-weight: bold; }

.popup .definition {
  margin: 1.25em 0 0 2.1875em; }

.popup .definitionImage {
  margin: 1.25em 0 0 2.1875em; }

.popup .nci-logo {
  margin: 0.5em 1.8125em 0 0.5em;
  float: left;
  padding: 0 0 0.2em; }
  .popup .nci-logo a {
    padding-top: 13px;
    padding-left: 105px; }
    .popup .nci-logo a:hover {
      cursor: inherit; }

@media only screen and (max-width: 640px) {
  .popup .nci-logo a {
    padding-top: 3px;
    padding-left: 85px; } }

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .popup .nci-logo a {
    padding-top: 6px;
    padding-left: 95px; } }

.popup .caption-container {
  display: none; }

.popup-close a {
  width: 1.25em;
  height: 1.25em;
  background-position: 5.84795% 22.74445%;
  display: inline-block;
  position: relative; }

.popup-close {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0.3125em;
  opacity: 0.9; }

.popup .CDR_audiofile {
  margin-left: 0.625em; }

/* TODO: sorry for all the !important declarations but our table CSS cascade is terrible - upgrade to BEM */
/* tables selectors like table.table-default.complex-table are overriding everything else */
table[data-sortable] {
  border-spacing: 0;
  width: 100% !important; }
  table[data-sortable] thead tr {
    background-color: #2b7bba !important; }
  table[data-sortable] thead th {
    position: relative;
    padding: 10px 10px 20px 10px;
    border-left: none;
    background-color: #2b7bba;
    color: #fff;
    font-family: Montserrat,Avant Garde,Arial,sans-serif;
    font-size: 14px;
    text-align: center;
    line-height: 1em; }
    table[data-sortable] thead th:before {
      width: 1.5em;
      height: 1.5em;
      background-position: 5.98802% 91.06383%;
      content: "";
      display: block !important;
      margin: 10px auto 10px; }
  table[data-sortable] th[data-sorted="up"], table[data-sortable] th[data-sorted="down"] {
    background-color: #175E95; }
    table[data-sortable] th[data-sorted="up"]:before, table[data-sortable] th[data-sorted="down"]:before {
      visibility: visible;
      display: block; }
  table[data-sortable] th[data-sorted="down"]:before {
    width: 1.5em;
    height: 1.5em;
    background-position: 5.98802% 90.02364%; }
  table[data-sortable] th[data-sorted="up"]:before {
    width: 1.5em;
    height: 1.5em;
    background-position: 5.98802% 88.98345%; }
  table[data-sortable] th[data-fixed]:before {
    background-image: none; }
  table[data-sortable] td[data-sorted="true"] {
    background-color: #F9F9F9; }

@media only screen and (max-width: 640px) {
  table[data-sortable] {
    height: 100% !important; }
    table[data-sortable] thead tr th {
      height: 7.85em !important; }
      table[data-sortable] thead tr th:first-child {
        box-shadow: 8px 0 12px -3px rgba(0, 0, 0, 0.2);
        z-index: 2; }
    table[data-sortable] thead tr th:nth-child(2) {
      padding-left: 175px; }
    table[data-sortable] thead tr th:first-child,
    table[data-sortable] tbody tr td:first-child {
      border-right: 1px solid #ccc;
      border-left: 1.25px solid #ccc;
      top: auto;
      left: 0px;
      position: absolute !important;
      width: 160px !important; }
    table[data-sortable] tbody tr:first-child td:nth-child(1) {
      height: calc(100% - 7.85em - 16px) !important;
      box-shadow: 8px 0 12px -3px rgba(0, 0, 0, 0.2); }
    table[data-sortable] tbody tr td:first-child {
      background-color: #FFFFFF;
      z-index: 1;
      border-bottom: none; }
    table[data-sortable] tbody tr td:nth-child(2) {
      padding-left: 185px; }
    table[data-sortable] tbody tr td[data-sorted="true"]:first-child {
      background-color: #F9F9F9; }
    table[data-sortable] tfoot tr td {
      height: auto !important; }
      table[data-sortable] tfoot tr td:last-child {
        padding-bottom: 20px; } }

@media all and (-ms-high-contrast: none) and (max-width: 640px) {
  table[data-sortable] tbody tr:first-child td:nth-child(1) {
    height: calc(100% - 7.85em - 19px) !important; } }

/****************** NCI ENHANCEMENTS SECTION ********************/
.ProactiveLiveHelpPrompt {
  position: fixed;
  top: 40%;
  left: 50%;
  padding: 20px 15px 12px 15px;
  width: 400px;
  border: 6px solid #2A7CB8;
  z-index: 1000;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  font: normal 0.875em Montserrat, "Avant Garde", Arial, sans-serif;
  color: #606060;
  background: #fff url("../img/proactive-chat-woman.jpg?v=15768139") no-repeat bottom right; }
  .ProactiveLiveHelpPrompt #bar button {
    background: #086F89;
    color: #ffffff;
    border: none;
    margin: 0;
    min-height: 0;
    font: bold 1.1em Montserrat, "Avant Garde", Arial, sans-serif;
    padding: .35em 1.8em;
    border-radius: .2em;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none; }
  .ProactiveLiveHelpPrompt h2 {
    margin: 0;
    width: 95%; }
  .ProactiveLiveHelpPrompt form {
    margin-bottom: 0; }
  .ProactiveLiveHelpPrompt .content {
    width: 60%;
    font-size: 17px; }
    .ProactiveLiveHelpPrompt .content p {
      margin-top: 12px;
      line-height: 1.12; }
  .ProactiveLiveHelpPrompt .live-help {
    content: " ";
    width: 10.375em;
    height: 3.5em;
    background-position: 40% 57.0748%;
    font-size: 60%;
    margin-left: 20px;
    margin-top: 12px; }
  .ProactiveLiveHelpPrompt .spanish-livehelp .live-help {
    width: 10.375em;
    height: 4.625em;
    background-position: 40% 59.13876%;
    font-size: 60%;
    margin: 10px 35px 0 25px; }
  .ProactiveLiveHelpPrompt .close {
    position: absolute;
    text-indent: -2000%;
    right: 10px;
    top: 10px;
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    background-position: 5.84795% 22.74445%; }
  @media only screen and (max-width: 640px) {
    .ProactiveLiveHelpPrompt {
      width: 300px;
      background-size: 53%;
      background-position: 115% 100%; }
      .ProactiveLiveHelpPrompt input {
        padding: .35em 1.3em; }
      .ProactiveLiveHelpPrompt h2 {
        width: 73%; }
      .ProactiveLiveHelpPrompt .content {
        width: 73%;
        font-size: 15px; }
        .ProactiveLiveHelpPrompt .content p {
          line-height: 1.2; } }

/****************** END NCI ENHANCEMENTS SECTION ********************/
/* !-!-!-!-!-!-!-!-!-!-!-!-!-!-!-!-!-!  END RESPONSIVE STYLES SECTION  !-!-!-!-!-!-!-!-!-!-!-!-!-!-!-!-!-! */
/* PRINT STYLES --------------------------------- */
@media print {
  html {
    font-size: 14px; }
  .row,
  nav .sub-nav-group-wrapper {
    max-width: 2800px; }
  .general-page-body-container,
  header {
    background: none; }
  nav,
  .navigation,
  .nav,
  .language-bar,
  .nav-search-bar,
  .fixedtotop,
  .fixedtotop-spacer,
  .breadcrumbs,
  .bcrumbs,
  .page-options,
  .local-navigation,
  #section-menu-button,
  .site-footer,
  #nvcgSlNotificationArea,
  .toptoc,
  .pagination,
  .syndication,
  .article-image-enlarge,
  .previous-next-links,
  .general-page-body-container > div.large-12,
  .cthp-version-toggle,
  .hero,
  .carousel-title,
  .other-nci-sites,
  .icon-exit-notification,
  .accordion-controls {
    display: none !important; }
  a {
    text-decoration: none !important;
    border-bottom: none !important; }
  .contentzone {
    width: 100%;
    padding-right: 0; }
  .main-content,
  .nci-logo,
  .cthp-content {
    background: none; }
  .nci-logo-pages {
    font-size: 32px; }
  .nci-logo a,
  .columns.contentzone,
  .cthp-content .columns {
    padding-left: 0; }
  .nci-logo {
    background: none; }
  .nci-logo a span {
    display: block;
    position: relative;
    left: 0; }
  #nvcgSlCTHPIntro .row,
  .cthp-card-container {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .general-page-body-container {
    box-shadow: none; }
  .cthp-content h1 {
    color: inherit; }
  .ui-accordion .location-filter,
  .ui-accordion .location-link {
    display: none; }
  .ui-accordion h2 {
    font-size: 1.75em !important;
    margin: 1em 0 0.5em 0 !important;
    line-height: 1.215em !important;
    border: none !important;
    padding: 0 !important;
    background-color: rgba(0, 0, 0, 0) !important;
    min-height: 0 !important; }
  .ui-accordion .ui-accordion-content {
    padding: 5px 0 !important;
    display: block !important;
    overflow: auto; }
  .ui-accordion .ui-accordion-header-icon {
    display: none !important; }
  .delighter-rail,
  .ProactiveLiveHelpPrompt {
    display: none !important; }
  /* Need these styles to overwrite right-aligned labels in print view */
  .columns.legend {
    text-align: left;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    margin-bottom: 15px; }
  /* Type/Stage are label elements; need to be left aligned in print view */
  /* Same for checkbox on results page */
  fieldset label.field,
  .cts-results-container .row .checkbox {
    float: none; }
  /* Styling for PDQ small screen printing */
  .cis-mobile-print {
    display: block; }
  .embedded-entity.align-right {
    margin: 0 0 2.5em 2.5em; }
  .embedded-entity.align-left {
    margin: 0 2.5em 2.5em 0; }
  .embedded-entity.align-center {
    margin: 2.5em auto; }
  .embedded-entity[data-entity-embed-display*="_small"] {
    width: 25%; }
  .embedded-entity[data-entity-embed-display*="_medium"] {
    width: 40%; }
  .embedded-entity[data-entity-embed-display*="_large"] {
    width: 75%; }
  .embedded-entity[data-entity-embed-display*="_feature_card"] {
    width: 33.333%; }
    .embedded-entity[data-entity-embed-display*="_feature_card"].align-right {
      margin: 0 0 1em 1em; }
    .embedded-entity[data-entity-embed-display*="_feature_card"].align-left {
      margin: 0 1em 1em 0; }
    .embedded-entity[data-entity-embed-display*="_feature_card"].align-center {
      margin: 0 auto 1em; }
  .embedded-entity[data-entity-embed-display*="video"][data-entity-embed-display*="_small"] {
    width: 45%; }
  .embedded-entity[data-entity-embed-display*="video"][data-entity-embed-display*="_medium"] {
    width: 70%; }
  .embedded-entity[data-entity-embed-display*="video"][data-entity-embed-display*="_large"] {
    width: 100%; } }

/* END PRINT STYLES ----------------------------- */
/* HACK STYLES */
body.cgvfactsheet h2 p {
  line-height: inherit;
  margin: inherit; }

.featured-text.funding-announcements {
  color: inherit !important;
  padding: 1.875em; }
  .featured-text.funding-announcements > h2 {
    margin-top: 0;
    font-size: 1.5em;
    line-height: 1.215; }
    @media only screen and (min-width: 641px) and (max-width: 750px) {
      .featured-text.funding-announcements > h2 {
        font-size: 20px; } }
  .featured-text.funding-announcements .title > a {
    display: inline; }
  .featured-text.funding-announcements .description {
    font-size: 1.125em; }
  .featured-text.funding-announcements .arrow-link {
    font-size: 1.125em;
    color: #2e2e2e; }

@media only screen and (min-width: 641px) {
  .cgvtopicpage .card-thumbnail .small-2 {
    width: 25%; }
  .cgvtopicpage .card-thumbnail .small-10 {
    width: 75%; } }

@media only screen and (max-width: 640px) {
  .medium-9 .post-info {
    padding-left: 0;
    padding-right: 0; } }

.dictionary-search .button {
  min-width: inherit; }

@media only screen and (min-width: 1025px) {
  .cthp-card-container .cthp-dropdown.more-info ul {
    z-index: 11 !important; } }

/* END HACK STYLES */
/* new styles */
.trial-sites h4, .trial-sites .related-resources h6, .related-resources .trial-sites h6 {
  background: #E6E6E2;
  padding: 3px 0;
  /* font-size: 16px; */ }

.trial-sites h5 {
  color: #993333;
  font-size: 15px;
  margin: 10px 0; }

.trial-sites h6 {
  /* font-size: 14px; */
  font-style: normal;
  margin: 5px 0 10px; }

.trial-sites .two-columns {
  margin: 0 30px; }

.definition-term {
  line-height: 1em; }

.definition-term-image {
  display: inline-block;
  vertical-align: middle; }

figure.definition-image {
  width: 25%;
  display: block; }

table.drug-combination {
  margin-left: 0px;
  width: 100%; }
  table.drug-combination td {
    padding: 5px; }
    table.drug-combination td.drug-combo-letter {
      text-align: right;
      font-weight: bold; }

.two-columns.brand-fda {
  width: 60%; }

.brand-fda .column1 {
  font-weight: bold; }

table.table-default tfoot td {
  border: none;
  font-style: normal;
  margin: 0;
  padding: 8px 10px;
  background: #F5F5F5;
  font-size: 14px;
  line-height: 1.5em;
  font-family: Montserrat, "Avant Garde", Arial, sans-serif; }

/* end new styles */
.key-intro {
  padding: 1em 1.25em;
  border-left: 3px solid #82368C;
  background-color: #F5F5F5; }
  .key-intro p {
    margin: 0;
    padding-bottom: 1em;
    font-size: 0.8em;
    font-family: Montserrat, "Avant Garde", Arial, sans-serif; }
  .key-intro p:last-child {
    padding: 0; }

.blog-comment-policy {
  display: none; }

@media only screen and (max-width: 640px) {
  figure.image-small, figure.image-medium, figure.image-center {
    float: none;
    width: 100%;
    margin: 0 0 1em 0; } }

body .ui-dialog.ui-dialog-off-canvas {
  z-index: 9998; }

body .ui-dialog-off-canvas #drupal-off-canvas .button,
body .ui-dialog-off-canvas #drupal-off-canvas button {
  min-height: 0; }

body .ui-dialog-off-canvas {
  box-sizing: border-box; }

/**
 * The following variable and function originate from the sass-mq library.
 * If you have already included it, you can eliminate the below
 * https://github.com/sass-mq/sass-mq/blob/master/_mq.scss
 */
.page-options .page-options--resize a::before, .page-options .page-options--print a::before, .page-options .page-options--email a::before, .page-options .social-share--facebook a::before, .page-options .social-share--twitter a::before, .page-options .social-share--pinterest a::before, a.social-share--custom-tweet::after {
  display: inline-block;
  background-image: url(../images/sprites/svg-sprite.svg);
  background-size: 12em 265.9375em; }

/* COMMON for all page options */
.page-options {
  margin: 1em 0;
  font-size: 16px; }
  .page-options ul {
    margin: 0;
    background: transparent;
    white-space: nowrap;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }
  .page-options li {
    display: inline-block;
    margin: 0; }
    .page-options li:before {
      content: none !important;
      display: none !important; }
  .page-options a:before {
    content: ''; }
  .page-options .page-options--resize a::before {
    width: 1.5em;
    height: 1.0625em;
    background-position: 5.98802% 47.0852%; }
  .page-options .page-options--print a::before {
    width: 1.5625em;
    height: 1.3125em;
    background-position: 6.0241% 78.43137%; }
  .page-options .page-options--email a::before {
    width: 1.5625em;
    height: 1em;
    background-position: 6.0241% 63.6621%; }
  .page-options .social-share--facebook a::before {
    width: 0.625em;
    height: 1.125em;
    background-position: 5.52486% 31.8933%; }
  .page-options .social-share--twitter a::before {
    width: 1.3125em;
    height: 1.09531em;
    background-position: 5.88235% 93.87521%; }
  .page-options .social-share--pinterest a::before {
    width: 1.05313em;
    height: 1.32125em;
    background-position: 5.74218% 74.08702%; }

a.social-share--custom-tweet {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  height: 56px;
  width: 166px; }
  a.social-share--custom-tweet::after {
    content: '';
    width: 10.75em;
    height: 3.76562em;
    background-position: 52.63158% 92.90015%; }

#blogPageOptionsInnerContainer {
  margin: 1em 0; }

/* DESKTOP page options */
@media only screen and (min-width: 1025px) {
  .columns.page-options {
    top: 0;
    right: 0;
    position: static; }
  .cthp-mobile.page-options {
    display: none; }
  .page-options.cts-share {
    top: 0;
    position: relative;
    float: none; }
  .page-options {
    margin-top: 1.25em;
    float: right;
    position: absolute;
    top: -3.75em;
    right: 0.875em; }
    .page-options ul {
      float: right; }
    .page-options li {
      margin: 0 0 0 0.675em; }
  /* Blog pages template places the page options outside the normal container
	   To fix styling we simply need to reverse the top margin applied by the page-options class
	*/
  #blogPageOptionsOuterContainer {
    position: absolute;
    right: 0;
    top: 3.8em; } }

/* MOBILE page options */
@media only screen and (max-width: 1024px) {
  .cthp-desktop.page-options {
    display: none; }
  .page-options li {
    margin: 0 0.875em 0 0;
    width: 35px;
    height: 35px;
    background-color: #2b7bba;
    border-radius: 50%; }
    .page-options li a {
      position: relative;
      display: block;
      height: 100%;
      font-size: 91%;
      min-width: 35px; }
      .page-options li a::before {
        position: absolute;
        left: 50%;
        top: calc(50% + 1px);
        -webkit-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%); }
    .page-options li:hover {
      background-color: #BB0E3D; }
    .page-options li:last-child {
      margin-right: 0; }
  .page-options .po-view-entire-document {
    display: none; }
  .page-options .page-options--resize {
    display: none; }
  .page-options .page-options--print {
    display: none; }
  .page-options .page-options--email a::before {
    display: inline-block;
    background-image: url(../images/sprites/svg-sprite.svg);
    background-size: 12em 265.9375em;
    background-position: 6.0241% 64.51156%; }
  .page-options .social-share--facebook a::before {
    display: inline-block;
    background-image: url(../images/sprites/svg-sprite.svg);
    background-size: 12em 265.9375em;
    background-position: 5.52486% 32.79037%;
    font-size: 22px; }
  .page-options .social-share--twitter a::before {
    display: inline-block;
    background-image: url(../images/sprites/svg-sprite.svg);
    background-size: 12em 265.9375em;
    background-position: 5.88235% 94.77219%;
    font-size: 17px; }
  .page-options .social-share--pinterest a::before {
    display: inline-block;
    background-image: url(../images/sprites/svg-sprite.svg);
    background-size: 12em 265.9375em;
    background-position: 5.74218% 75.07926%;
    font-size: 120%; } }

@media only screen and (max-width: 640px) {
  #blogPageOptionsOuterContainer {
    display: none; }
  .page-options-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    clear: both;
    margin: 1em 0; }
  .page-options {
    width: auto;
    -webkit-box-flex: 1;
            flex-grow: 1;
    margin: 0; }
    .page-options li {
      margin: 0 3% 0 0; } }

@media only screen and (max-width: 390px) {
  .page-options-container {
    flex-wrap: wrap; }
  .page-options {
    width: 100%;
    float: none; }
    .page-options ul {
      -webkit-box-pack: justify;
              justify-content: space-between; }
    .page-options li {
      width: 48px;
      height: 48px; } }

@media only screen and (max-width: 640px) {
  .resize-content .page-options-container {
    width: calc(100% + 15px); } }

@media only screen and (max-width: 390px) {
  .resize-content .page-options-container {
    width: 100%; } }

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .large-7 + .page-options-container ul {
    float: right; } }

/* Noto Sans */
/* Montserrat */
/* DIN */
.nav-menu .nav-item {
  line-height: 2em; }
  html[lang="es"] .nav-menu .nav-item.item-1 {
    line-height: 2em; }
    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
      html[lang="es"] .nav-menu .nav-item.item-1 {
        width: 107.5px; } }
    @media only screen and (min-width: 1441px) {
      html[lang="es"] .nav-menu .nav-item.item-1 {
        width: 133px; } }
  html[lang="es"] .nav-menu .nav-item.item-2 {
    line-height: 2em; }
    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
      html[lang="es"] .nav-menu .nav-item.item-2 {
        width: 159.5px; } }
    @media only screen and (min-width: 1441px) {
      html[lang="es"] .nav-menu .nav-item.item-2 {
        width: 183px; } }
  html[lang="es"] .nav-menu .nav-item.item-3 {
    line-height: 2em; }
    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
      html[lang="es"] .nav-menu .nav-item.item-3 {
        width: 141.5px; } }
    @media only screen and (min-width: 1441px) {
      html[lang="es"] .nav-menu .nav-item.item-3 {
        width: 166px; } }
  html[lang="es"] .nav-menu .nav-item.item-4 {
    line-height: 1em; }
    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
      html[lang="es"] .nav-menu .nav-item.item-4 {
        width: 142.5px; } }
    @media only screen and (min-width: 1441px) {
      html[lang="es"] .nav-menu .nav-item.item-4 {
        width: 167px; } }
  html[lang="es"] .nav-menu .nav-item.item-5 {
    line-height: 2em; }
    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
      html[lang="es"] .nav-menu .nav-item.item-5 {
        width: 94.5px; } }
    @media only screen and (min-width: 1441px) {
      html[lang="es"] .nav-menu .nav-item.item-5 {
        width: 120px; } }
  html[lang="es"] .nav-menu .nav-item.item-6 {
    line-height: 1em; }
    @media only screen and (min-width: 1025px) and (max-width: 1440px) {
      html[lang="es"] .nav-menu .nav-item.item-6 {
        width: 101.5px; } }
    @media only screen and (min-width: 1441px) {
      html[lang="es"] .nav-menu .nav-item.item-6 {
        width: 127px; } }

.nav-item > .nav-item-title > a {
  color: #fff;
  padding: 14px 1.39em 8px; }

@media only screen and (min-width: 1025px) {
  #nvcgSlMainNav {
    display: -webkit-box;
    display: flex; }
    #nvcgSlMainNav .slot-item:first-of-type {
      width: 75%; }
    #nvcgSlMainNav .slot-item:not(:only-child):last-child {
      width: 25%; }
    #nvcgSlMainNav .slot-item:only-child {
      display: -webkit-box;
      display: flex;
      width: 100%; }
      #nvcgSlMainNav .slot-item:only-child > div:first-child {
        width: 75%; }
      #nvcgSlMainNav .slot-item:only-child > div:nth-of-type(2) {
        width: 25%; }
  /* mega menu list */
  .nav-menu {
    display: -webkit-box;
    display: flex;
    /* removing style to allow for full screen width mega menu
		position: relative; */
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 15; }
  /* a top level navigation item in the mega menu */
  .nav-menu .nav-item {
    -webkit-box-flex: 1;
            flex-grow: 1;
    list-style: none;
    padding: 0;
    margin: 0; }
  .search {
    float: none;
    width: auto; }
  /* first descendant link within a top level navigation item */
  .nav-item > .nav-item-title > a {
    position: relative;
    width: 100%;
    min-height: 61px;
    display: inline-block;
    padding: 14px 7px 7.5px;
    margin: 0;
    background-color: rgba(255, 255, 255, 0);
    border-bottom: 7px solid transparent;
    font-size: 14px;
    font-family: Montserrat, "Avant Garde", Arial, sans-serif;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: background-color .15s linear;
    transition: background-color .15s linear; }
  /* nav item spacing for breakpoints, decreasing spacing as screen gets smaller (desktop) */
  .nav-menu .level-1 {
    display: block; }
  .nav-menu .level-1 {
    display: none; }
  /* focus/open states of first descendant link within a top level navigation item */
  .nav-item > .nav-item-title > a:focus,
  .nav-item > .nav-item-title > a.open {
    background-color: #fff;
    color: #2f2f2f; }
  /* Active state for top level items when you are in that section of the site */
  .nav-item > .nav-item-title > a.active {
    background-color: #fff;
    /* the height of the border bottom (7px) is already set. Here we are only changing its color
		 * from transparent to teal. If the border height ever changes, it's changed in one place, not two.
		 */
    border-bottom-color: #14819b;
    color: #2f2f2f; }
  /* open state of first descendant link within a top level navigation item */
  .nav-item > .nav-item-title > a.open {
    /*
		background-color: #fff;
		border-bottom: none;
		*/
    z-index: 1; }
  /* sub-navigation panel */
  .sub-nav-mega {
    /* display mega menu over content */
    z-index: 999;
    position: absolute;
    /* make menu the width of the entire nav bar */
    left: 0;
    border-bottom: 1px solid #dedede;
    box-shadow: 0 11px 15.2px 0.8px rgba(0, 0, 0, 0.4);
    border-top: none;
    background-color: #fff;
    width: 100%;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 500ms ease 100ms;
    transition: all 500ms ease 100ms;
    overflow: hidden;
    /* sub-navigation panel open state */ }
    .sub-nav-mega.open {
      max-height: 460px;
      opacity: 1;
      visibility: visible;
      -webkit-transition-delay: 500ms;
              transition-delay: 500ms; }
  .no-csstransitions .sub-nav-mega {
    max-height: 300px;
    overflow: hidden !important;
    visibility: visible; }
  .no-csstransitions .sub-nav-mega.open {
    opacity: 0; }
  .empty-mega {
    background-color: transparent;
    padding: 0;
    border: 0; }
  /* allow mega menu to span full width of screen while keep menu items within limits of content */
  .sub-nav-group-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0.5em 1em; }
  /* list of items within sub-navigation panel */
  .sub-nav-mega ul {
    display: inline-block;
    vertical-align: top;
    margin: 0 3% 0 0;
    padding: 0;
    line-height: 1.1em; }
  /* make columns out of sub nav groups */
  .sub-nav-mega .sub-nav-group {
    width: 22%;
    /* using pixel value because we don't want this to change if user changes their default computer text size (no ems) */
    margin-bottom: 20px; }
  /* mega menu group headers (level 2) */
  .sub-nav-group-header {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    color: #2b7bba;
    display: block;
    font-family: Montserrat, "Avant Garde", Arial, sans-serif;
    line-height: 19px; }
  /* sub nav group header hover color */
  .sub-nav-group-header:hover, .sub-nav-group-header:focus {
    color: #BB0E3D; }
  /* vertical line for Cancer Types menu */
  .sub-nav-mega .cancer-types-border-container {
    width: 66%;
    border-right: 1px solid #000; }
  .cancer-types-border-container > li {
    margin-top: 0; }
    .cancer-types-border-container > li > ul {
      width: 31.33333%;
      margin-right: -4px; }
      .cancer-types-border-container > li > ul:first-child {
        margin-right: 0px; }
  /* mega menu group links (level 3) */
  .sub-nav-group ul li a {
    font-size: 14px;
    color: #2f2f2f;
    line-height: 17px; }
  .sub-nav-group ul li a:hover, .sub-nav-group ul li a:focus {
    text-decoration: underline; }
  /* remove scroll bar from megamenu
	.mega-menu-scroll {
		overflow-y: scroll;
	}
	*/
  html.windows .mega-menu-scroll .sub-nav-group-subwrapper {
    position: relative;
    left: 10px; }
  /* list item within sub-navigation panel */
  .sub-nav-mega li {
    display: block;
    list-style-type: none;
    /* spacing between links */
    margin: 8px 0 0 0;
    padding: 0; }
  /* MegaMenu styles for side exits */
  nav .sub-nav-group-wrapper {
    max-width: 70em; }
  nav .sub-nav-group-subwrapper {
    max-width: 62.5em;
    margin: 0 auto; } }

@media only screen and (min-width: 1441px) {
  .row, nav .sub-nav-group-wrapper {
    max-width: 1200px; }
  /* MegaMenu styles for side exits */
  nav .sub-nav-group-wrapper {
    max-width: 90em; }
  nav .sub-nav-group-subwrapper {
    max-width: 75em;
    margin: 0 auto; } }

@media only screen and (max-width: 1024px) {
  .nav-menu {
    /* clicked link state */ }
    .nav-menu a:active {
      color: #FFFFFF !important;
      background-color: #BB0E3D; } }

/* Noto Sans */
/* Montserrat */
/* DIN */
/**
 * The following variable and function originate from the sass-mq library.
 * If you have already included it, you can eliminate the below
 * https://github.com/sass-mq/sass-mq/blob/master/_mq.scss
 */
.floating-delighter {
  position: fixed;
  top: 51%;
  right: 20px;
  z-index: 998; }
  .floating-delighter .floating-delighter__link {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    padding: 7px 10px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 16px; }

.floating-delighter__icon, .floating-delighter__label {
  height: 50%;
  width: 100%; }

.floating-delighter__icon {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center; }

.floating-delighter__label {
  text-align: center;
  font-size: 0.92em; }

/* Extra Large Screens */
@media only screen and (min-width: 1770px) {
  .floating-delighter {
    right: 10%; } }

/* Tablet/Mobile styles */
@media only screen and (max-width: 640px) {
  .floating-delighter {
    position: initial;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    z-index: 0;
    width: 50%;
    margin: 7px 0;
    padding: 0; }
    .floating-delighter .floating-delighter__link {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
              flex-direction: row;
      -webkit-box-align: center;
              align-items: center;
      width: 80%;
      max-width: 100%;
      height: 90%;
      padding: 12px 10px;
      border-radius: 0;
      border-radius: initial;
      margin: 0 auto;
      font-size: 1.2em;
      letter-spacing: 1.5px;
      font-weight: normal; }
      .floating-delighter .floating-delighter__link:hover, .floating-delighter .floating-delighter__link:focus, .floating-delighter .floating-delighter__link:active {
        text-decoration: none; }
  .floating-delighter__icon {
    width: 25%;
    height: 100%;
    margin-right: 4px; }
  .floating-delighter__label {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-flex: 1;
            flex-grow: 1;
    height: 100%;
    font-size: 0.8em;
    letter-spacing: 1px; } }

@media only screen and (max-width: 390px) {
  .floating-delighter {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px; }
    .floating-delighter .floating-delighter__link {
      width: 95%;
      height: auto; }
  .floating-delighter__icon {
    -webkit-box-flex: 1;
            flex-grow: 1;
    width: 23%;
    margin-right: 0; }
  .floating-delighter__label {
    -webkit-box-flex: 1;
            flex-grow: 1;
    font-size: .9em; } }

.results-delighter-rail .delighter.cts-feedback,
.view-delighter-rail .delighter.cts-feedback {
  display: none; }

/* Noto Sans */
/* Montserrat */
/* DIN */
/**
 * The following variable and function originate from the sass-mq library.
 * If you have already included it, you can eliminate the below
 * https://github.com/sass-mq/sass-mq/blob/master/_mq.scss
 */
.floating-delighter--cts .floating-delighter__icon::after {
  display: inline-block;
  background-image: url(../images/sprites/svg-sprite.svg);
  background-size: 12em 265.9375em; }

.floating-delighter--cts .floating-delighter__link {
  background-color: #82368c; }
  .floating-delighter--cts .floating-delighter__link:hover, .floating-delighter--cts .floating-delighter__link:focus, .floating-delighter--cts .floating-delighter__link:active {
    background-color: #3f0557;
    text-decoration: none; }

.floating-delighter--cts .floating-delighter__icon::after {
  content: '';
  width: 1.75em;
  height: 1.75em;
  background-position: 6.13497% 86.41742%;
  font-size: 1.1em; }
  @media only screen and (max-width: 640px) {
    .floating-delighter--cts .floating-delighter__icon::after {
      font-size: .7em; } }

/* Noto Sans */
/* Montserrat */
/* DIN */
/**
 * The following variable and function originate from the sass-mq library.
 * If you have already included it, you can eliminate the below
 * https://github.com/sass-mq/sass-mq/blob/master/_mq.scss
 */
.floating-delighter--social-media .floating-delighter__icon::after {
  display: inline-block;
  background-image: url(../images/sprites/svg-sprite.svg);
  background-size: 12em 265.9375em; }

.floating-delighter--social-media .floating-delighter__link {
  background-color: #0D95A1;
  font-size: .9em; }
  .floating-delighter--social-media .floating-delighter__link:hover, .floating-delighter--social-media .floating-delighter__link:focus, .floating-delighter--social-media .floating-delighter__link:active {
    background-color: #0b8590;
    text-decoration: none; }

.floating-delighter--social-media .floating-delighter__icon::after {
  content: '';
  width: 2.75em;
  height: 2.75em;
  background-position: 6.80272% 87.88599%; }
  @media only screen and (max-width: 640px) {
    .floating-delighter--social-media .floating-delighter__icon::after {
      font-size: .7em; } }

@media only screen and (max-width: 390px) {
  .floating-delighter--social-media .floating-delighter__label {
    font-size: 14px; } }

/* Noto Sans */
/* Montserrat */
/* DIN */
.floating-delighter--nci-connect .floating-delighter__link {
  background-color: #951b81;
  font-size: .9em; }
  .floating-delighter--nci-connect .floating-delighter__link:hover, .floating-delighter--nci-connect .floating-delighter__link:focus, .floating-delighter--nci-connect .floating-delighter__link:active {
    background-color: #951b81;
    text-decoration: none; }

.floating-delighter--nci-connect .floating-delighter__icon::after {
  content: ''; }
  @media only screen and (max-width: 640px) {
    .floating-delighter--nci-connect .floating-delighter__icon::after {
      font-size: .7em; } }

.floating-delighter--nci-connect .floating-delighter__label {
  padding-top: 26px; }
  @media only screen and (max-width: 390px) {
    .floating-delighter--nci-connect .floating-delighter__label {
      font-size: 14px; } }
  @media only screen and (max-width: 640px) {
    .floating-delighter--nci-connect .floating-delighter__label {
      padding-top: 0; } }