.article-carousel {
  overflow: hidden;
}
.article-carousel .row {
  width: 1000px;
  min-height: 1px;
  clear: both;
  margin: 0 auto;
  overflow: hidden;
}
.article-carousel .row.no-margin {
  margin: 0;
}
.article-carousel .row.center {
  margin-left: auto;
  margin-right: auto;
}
.article-carousel .row div[class*='col-'] {
  min-height: 1px;
  float: left;
  margin: 0 10px;
  padding: 0;
  overflow: hidden;
}
.article-carousel .row div[class*='col-']:first-child {
  margin-left: 20px;
}
.article-carousel .row div[class*='col-']:last-child {
  margin-right: 20px;
}
.article-carousel .row div[class*='col-'].no-margin {
  margin: 0;
}
.article-carousel .row .col-thirds {
  width: calc(320px);
  margin: 0;
}
.article-carousel .row .col-1 {
  width: 300px;
}
.article-carousel .row .col-2 {
  width: 650px;
}
.article-carousel .row .col-3 {
  width: 100%;
  float: none;
}
.article-carousel .container {
  min-width: calc(300px);
  max-width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}
.article-carousel .container .row {
  width: 100%;
}
/**
 * Tablet Grid Classes
 *
 */
.tablet .article-carousel .row {
  width: 768px;
  margin: 0 auto;
}
.tablet .article-carousel div[class*='col-'] {
  min-height: 1px;
  float: left;
  margin: 0 10px;
  padding: 0;
  overflow: hidden;
}
.tablet .article-carousel div[class*='col-']:first-child {
  margin-left: 20px;
}
.tablet .article-carousel div[class*='col-']:last-child {
  margin-right: 20px;
}
.tablet .article-carousel div[class*='col-'].no-margin {
  margin: 0;
}
.tablet .article-carousel .col-thirds {
  width: calc(242.66666667px);
  margin: 0;
}
.tablet .article-carousel .col-2 {
  width: calc(408px);
}
.tablet .article-carousel .col-3 {
  width: 100%;
  float: none;
}
.tablet .article-carousel .container {
  max-width: 768px;
}
/**
 * Mobile Grid Classes
 *
 */
.mobile .article-carousel .row {
  width: 100%;
  margin: 0 0 10px auto;
}
.mobile .article-carousel .row.no-margin {
  margin: 0;
}
.mobile .article-carousel div[class*='col-'] {
  width: calc(320px);
  margin: 0 auto;
  float: none;
}
.mobile .article-carousel div[class*='col-']:first-child {
  margin: 0 auto;
}
.mobile .article-carousel div[class*='col-']:last-child {
  margin: 0 auto;
}
.mobile .article-carousel .col-1 {
  width: calc(310px);
}
.mobile .article-carousel .col-2 {
  width: calc(310px);
}
.mobile .article-carousel .col-3 {
  width: calc(310px);
  float: none;
}
/*
 *******************************************************************************
 * DO NOT MAKE PROJECT-SPECIFIC MODIFICATIONS TO THIS FILE.
 * ALL CHANGES TO THIS FILE SHOULD FIRST BE MADE IN THE NASCAR-STYLE-GUIDE
 * PROJECT IN THE FILE OF THE SAME NAME.
 *******************************************************************************
 */
.relative {
  position: relative;
  overflow: hidden;
}
.no-desktop {
  display: none;
}
.on-desktop {
  display: none;
}
.no-mobile {
  display: block;
}
.on-mobile {
  display: none;
}
.on-tablet {
  display: none;
}
.desktop .on-desktop {
  display: block;
}
.desktop table tbody tr td.no-mobile,
.desktop table thead tr th.no-mobile {
  display: table-cell;
}
.desktop table tbody tr td.no-tablet,
.desktop table thead tr th.no-tablet {
  display: table-cell;
}
.desktop table tbody tr td.no-desktop,
.desktop table thead tr th.no-desktop {
  display: none;
}
.desktop table tbody tr td.on-desktop,
.desktop table thead tr th.on-desktop {
  display: table-cell;
}
.tablet .no-desktop {
  display: block;
}
.tablet .no-tablet {
  display: none;
}
.tablet .on-tablet {
  display: block;
}
.tablet table tbody tr td.no-mobile,
.tablet table thead tr th.no-mobile {
  display: table-cell;
}
.tablet table tbody tr td.no-desktop,
.tablet table thead tr th.no-desktop {
  display: table-cell;
}
.tablet table tbody tr td.no-tablet,
.tablet table thead tr th.no-tablet {
  display: none;
}
.tablet table tbody tr td.on-tablet,
.tablet table thead tr th.on-tablet {
  display: table-cell;
}
.mobile .no-desktop {
  display: block;
}
.mobile .no-mobile {
  display: none;
}
.mobile .on-mobile {
  display: block;
}
.mobile table tbody tr td.no-tablet,
.mobile table thead tr th.no-tablet {
  display: table-cell;
}
.mobile table tbody tr td.no-desktop,
.mobile table thead tr th.no-desktop {
  display: table-cell;
}
.mobile table tbody tr td.no-mobile,
.mobile table thead tr th.no-mobile {
  display: none;
}
.mobile table tbody tr td.on-mobile,
.mobile table thead tr th.on-mobile {
  display: table-cell;
}
/*
 *******************************************************************************
 * DO NOT MAKE PROJECT-SPECIFIC MODIFICATIONS TO THIS FILE.
 * ALL CHANGES TO THIS FILE SHOULD FIRST BE MADE IN THE NASCAR-STYLE-GUIDE
 * PROJECT IN THE FILE OF THE SAME NAME.
 *******************************************************************************
 * Do not remove the "draft" selector as it is used to scope these items to a
 * more specific class to prevent issues with legacy code.
 *******************************************************************************
 */
.draft h1,
.draft h2,
.draft h3,
.draft h4,
.draft h5,
.draft h6 {
  font-family: "Stainless-Bold-Italic", "Arial", "Helvetica", sans-serif;
  letter-spacing: .005px;
}
.draft h1 {
  font-size: 28px;
  line-height: 32px;
  text-transform: uppercase;
}
.draft h2 {
  font-size: 24px;
  line-height: 28px;
  text-transform: uppercase;
}
.draft h3 {
  font-family: "Stainless-Regular-Italic", "Arial", "Helvetica", sans-serif;
  font-size: 16px;
  line-height: 20px;
}
.draft h4 {
  font-family: "Stainless-Regular-Italic", "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  line-height: 16px;
}
.draft h5 {
  font-family: "Stainless-Regular", "Arial", "Helvetica", sans-serif;
  font-size: 11px;
  line-height: 15px;
  color: #ffd659;
}
.draft h6 {
  font-family: "Stainless-Regular-Italic", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  line-height: 16px;
}
.draft p {
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 24px;
}
/*
 *******************************************************************************
 * DO NOT MAKE PROJECT-SPECIFIC MODIFICATIONS TO THIS FILE.
 * ALL CHANGES TO THIS FILE SHOULD FIRST BE MADE IN THE NASCAR-STYLE-GUIDE
 * PROJECT IN THE FILE OF THE SAME NAME.
 *******************************************************************************
 * Do not remove the "draft" selector as it is used to scope these items to a
 * more specific class to prevent issues with legacy code.
 *******************************************************************************
 */
.draft table.table {
  width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border: 0;
}
.draft table.table td,
.draft table.table th {
  width: 20%;
  padding: 5px 10px;
  white-space: nowrap;
}
.draft table.table td.center,
.draft table.table th.center {
  text-align: center;
}
.draft table.table td.left,
.draft table.table th.left {
  text-align: left;
}
.draft table.table td.right,
.draft table.table th.right {
  text-align: right;
}
.draft table.table td.justify,
.draft table.table th.justify {
  text-align: justify;
}
.draft table.table tr td:last-child,
.draft table.table tr th:last-child {
  width: auto;
}
.draft table.table thead tr {
  background-color: #000000;
}
.draft table.table thead tr th {
  color: #ffffff;
  font-family: "Scout-Regular", "Arial", "Helvetica", sans-serif;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  text-transform: uppercase;
}
.draft table.table thead tr th[data-sorted-direction="ascending"]:after {
  content: "\25b2";
  font-size: 14px;
  margin: 0 4px;
}
.draft table.table thead tr th[data-sorted-direction="descending"]:after {
  content: "\25bc";
  font-size: 14px;
  margin: 0 4px;
}
.draft table.table tbody tr.odd {
  background-color: #fff;
}
.draft table.table tbody tr.even {
  background-color: #ccc;
}
.draft table.table tbody tr:nth-child(odd) {
  background-color: #ffffff;
}
.draft table.table tbody tr:nth-child(even) {
  background-color: #d7d7d7;
}
.draft table.table tbody tr td {
  color: #000000;
  font-family: "Scout-Regular", "Arial", "Helvetica", sans-serif;
  font-size: 16px;
}
.draft table.table tbody tr td a {
  color: #0079c2;
}
/*
 *******************************************************************************
 * PROJECT-SPECIFIC MODIFICATIONS SHOULD BE MADE BELOW THIS BLOCK
 *******************************************************************************
 */
 .close-button {
 background-color: #ffffff;
 border-radius: 4px;
 padding: 5px 15px 0;
 position: absolute;
 right: 0;

 -webkit-box-shadow: 5px 8px 15px -5px #cacaca;
 -moz-box-shadow: 5px 8px 15px -5px #cacaca;
 box-shadow: 5px 8px 15px -5px #cacaca;
}
.close-button button {
  background-color: transparent;
  border-top: 5px solid #fafafa;
  color: #000000;
  cursor: pointer;
  font-size: 12px;
  height: 30px;
  margin: 0;
  padding: 5px 15px;
  position: relative;
  outline: none;
  text-transform: uppercase;
}
.related-Text {
  width: 96%;
  text-align:center;
  height: 100%;
  padding-bottom: 3px;
  position: absolute;
  top: 101%;
  left: 4px;
  font-size: 16px;
  line-height: 22px;
  font-family: "Stainless-Bold", "Arial", "Helvetica", sans-serif;
  color: #000;
  z-index: 5000;
  background-color: rgba(255,255,255,0.7);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
}
.related-Text .related-text-inner{
  padding-top: 10px;
  max-height: 80px;
  overflow: hidden;
}
.related-Text .related-Text:hover {
  transition: top 500 ease;
}
.slick-slide {
  background-color: transparent;
  padding-bottom: 0px;
  padding-top: 0px;
  display: block;
  float: left;
}
.slick-slide h2 {
  padding: 10px;
}
.slick-buttons {
  position: absolute;
  right: 10px;
  top: 40px;
  width: 25px;
  z-index: 10;
  cursor: pointer;
  color: #616161;
  font-size: 40px;
  font-weight: normal;
  border: 0px solid #ccc;
  display: none;
}
.slick-buttons img {
  width: 100%;
}
.slick-prev {
  left: 3px;
}
#article-scroller {
  width: 100%;
  min-height: 90px;
  background-color: #fff;
  color: #524D4D;
  text-align: center;
  margin: 0px 0px;
  border-bottom: 0px solid #B9B6B6;
  padding-bottom: 5px;
  position: fixed;
  top: -230px;
  z-index: 5000000;
  box-shadow: 2px 3px 15px 2px #CACACA;
}
#relatedItems2 {
  width: 100%;
  padding-left: 36px;
  padding-right: 35px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  display: inline-block;
  text-align: center;
  position: relative;
}
.related-image {
  height: auto;
  width: 96%;
  display: inline-block !important;
  padding-left: 5px;
  margin-top: 0px !important;
  position: relative;
  float: left !Important;
}
.article-item {
  width: 100px;
  height: 100px;
  background-color: #000;
}
.slick-slide a {
  text-decoration: none;
  color: #000 !important;
  height: 100px;
  display: block;
}
.loading-text {
  padding-top: 20px;
  display: block;
}
.tablet.portrait .related-image {
  height: auto;
}
.tablet.portrait .related-text {
  width: 40%;
}
.tablet.portrait #test-scroller {
  height: 70px;
}
.tablet.portrait #relatedItems2 {
  padding-left: 60px;
  padding-right: 60px;
}
/* SLICK CSS STYLES */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-initialized .slick-slide {
  display: block;
  position: relative;
}

.article-carousel {
  margin: 20px 0 0;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 100%;
  color: #000000;
}
.article-carousel section {
  margin: 0;
}
.article-carousel a {
  color: #0079c2;
}
.article-carousel ul,
.article-carousel ol {
  list-style: none;
  padding: 0;
}

.article-container {
  min-width: 320px;
  margin: 0 auto;
  background-color: #ffffff;
  overflow: hidden;
  clear: both;
}
.article-container article .flelemtwidth {
  padding-bottom: 15px;
  font-family: "Helvetica";
  font-size: 14px;
}
.article-container article .flelemtwidth p {
  line-height: 24px;
  letter-spacing: 0.03em;
}
.article-container article .flelemtwidth p span.articleDescription {
  line-height: 24px;
}
.article-container article .flelemtwidth p span.articleDescription img {
  max-width: 100%;
}
.article-container article .flelemtwidth p a {
  font-weight: bold;
  letter-spacing: 0.04em;
}
.red {
  color: #ef3d42;
}
.green {
  color: #00853e;
}
.imageRight {
  float: left;
  margin: 10px;
  max-width: 500px;
}
.imageLeft {
  float: right;
  margin: 10px;
  max-width: 500px;
}
div.imageLeft object,
div.imageLeft img {
  display: block;
}
div.imageRight object,
div.imageRight img {
  display: block;
}
div.imageLeft p {
  float: right;
  text-align: center;
  font-size: 10px;
  font-family: "Arial", "Helvetica", sans-serif;
  font-style: italic;
  display: block;
  margin: 5px 5px 0 5px;
  color: #787878;
}
div.imageRight p {
  float: left;
  text-align: center;
  font-size: 10px;
  font-family: "Arial", "Helvetica", sans-serif;
  font-style: italic;
  display: block;
  margin: 0 5px 0 5px;
  color: #787878;
}
/**
 * Tablet Layout Styles
 *
 */
.tablet .article-container {
  max-width: 1024px;
  margin: 0 auto;
}
.tablet photoSlider {
  width: 100%;
  height: 310px;
}
/**
 * Mobile Layout Styles
 *
 */
body.mobile {
  margin: 0;
}
.tablet .photoSlider {
  width: 100%;
  height: 405px;
}
.phablet .photoSlider {
  width: 100%;
  height: 405px;
}
.mobile .photoSlider {
  width: 100%;
  height: 405px;
}
.mobile .article-container {
  width: 100%;
  margin: 0 auto;
}
.mobile div.imageRight #myExperience,
.mobile div.imageLeft #myExperience {
  width: 99% !important;
  display: block;
  margin: auto;
}
.landscape.mobile .photoSlider {
  width: 100%;
  height: 365px;
}
.mobile div.imageRight,
.tablet.portrait div.imageRight,
.mobile div.imageLeft,
.tablet.portrait div.imageLeft {
  margin: 10px 0;
  float: none;
}
.mobile div.imageRight p,
.tablet.portrait div.imageRight p,
.mobile div.imageLeft p,
.tablet.portrait div.imageLeft p,
.mobile div.imageRight img,
.tablet.portrait div.imageRight img,
.mobile div.imageLeft img,
.tablet.portrait div.imageLeft img {
  float: none;
}
.mobile div.imageRight p,
.tablet.portrait div.imageRight p,
.mobile div.imageLeft p,
.tablet.portrait div.imageLeft p {
  margin: 5px 0px;
  width: auto !important;
}
.mobile div.imageRight img,
.tablet.portrait div.imageRight img,
.mobile div.imageLeft img,
.tablet.portrait div.imageLeft img {
  width: 100% !important;
  height: auto !important;
}
.mobile.landscape div.imageRight,
.mobile.landscape div.imageLeft {
  margin: auto;
}
@media screen and (max-width: 550px) {
  div#article-carousel {
      display: none;
  }
}