@font-face {
  font-family: 'Gotham HTF';
  src: url("../fonts/GothamHTF-XLight.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/GothamHTF-XLight.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamHTF-XLight.woff") format("woff"), url("../fonts/GothamHTF-XLight.ttf") format("truetype"), url("../fonts/GothamHTF-XLight.svg#8b52fed0408ead3f12b31de25bf83f53") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: 'Gotham HTF';
  src: url("../fonts/GothamHTF-Book.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/GothamHTF-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamHTF-Book.woff") format("woff"), url("../fonts/GothamHTF-Book.ttf") format("truetype"), url("../fonts/GothamHTF-Book.svg#8815e0559e42d2bb6d63fb542f63fc99") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Gotham HTF';
  src: url("../fonts/GothamHTF-Medium.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/GothamHTF-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamHTF-Medium.woff") format("woff"), url("../fonts/GothamHTF-Medium.ttf") format("truetype"), url("../fonts/GothamHTF-Medium.svg#05487aa5c1216ca29ce360668b852782") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 500;
}
body {
  margin: 0 auto;
  background: #efefef;
  color: #444 !important;
  /*font-family: roboto, sans-serif;*/
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 400;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
}
.portfolio {
  background-color: rgba(68, 68, 68, .15);
}
.noteworthy {
  background-color: rgba(68, 68, 68, .15);
}
.noteworthy-banner {
  background-color: #FFC20E;
  padding: 20px 30px;
  margin-top: 110px;
  margin-bottom: 0px;
  font-family: neue-haas-grotesk-display, sans-serif !important;
  font-weight: 900 !important;
  color: #444 !important;
}
ul.dropdown-menu.show li {
    
    padding:0 0 0 10px;
}


header {
  position: fixed;
  top: 0;
  margin: 0 auto;
  width: 100%;
  height: auto;
  z-index: 1000;
  background-color: rgba(68, 68, 68, 1);
  border-bottom: solid 1px #fff;
}
header h1 {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 900;
  font-size: 18px;
  color: #fff;
  position: absolute;
  top: 24px;
  left: 80px;
}
header h1 span {
  font-weight: 400;
}
.navbar-brand {
  display: inline-block;
  /* padding-top: 0;
    padding-bottom: .5rem;
    margin-right: 1rem;*/
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.nav-link {
  font-family: neue-haas-grotesk-display, sans-serif;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  font-weight: 900;
}
.navbar-dark .navbar-nav .nav-link {
  text-transform: uppercase;
  font-size: 14px;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 1);
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, .75) !important;
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: #FFC20E;
}
.jda-logo-hdr {
  width: 50px;
  height: auto;
}
.vh-50 {
  height: 50vh;
}
.vh-33 {
  height: 33vh;
}
.home-nav {
  padding-top: 73px;
  position: fixed;
  /*background-color: #997408;*/
  background-color: rgba(68, 68, 68, 1);
  width: 100%;
  z-index: 999;
  /*border-bottom: solid 1px #444;*/
}
.home-nav ul li {
  padding-bottom: 0px;
}
.home-nav .nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.home-nav .nav-link:focus, .home-nav .nav-link:hover {
  color: rgba(255, 255, 255, .7);
}
.home-nav .nav-link.disabled {
  color: #FFC20E;
}
@media only screen and (max-width : 767px) {
  .home-nav .nav-link {
    font-size: 12px;
  }
  .justify-content-end {
    justify-content: center !important;
  }
}
/******************************************************/
.visual {
  min-height: 30vh;
}
.intro h1 {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 900;
  font-size: 5vw;
  line-height: .95;
}
.intro h1 span {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 200;
}
.yellow {
  background-color: #FFC20E !important;
}
.white {
  color: #fff;
}
.drk-gray {
  color: #444;
}
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}
/***************** Header *********************/
/**************** footer *********************/
footer {
  /*background-image: url(../images/common/trans-bg-gray.png);*/
  background-color: #444;
  padding-top: 20px;
  padding-bottom: 40px;
  color: #fff;
}
footer a {
  color: #FFC20E;
}
footer a:hover, a:active, a:focus {
  color: #FFC20E;
  text-decoration: underline;
}
.affiliations {
  text-align: right;
}
@media (max-width: 768px) {
  .affiliations {
    text-align: left;
  }
}
/***************** sidebar *******************/
@media (max-width: 768px) {
  #sidebar {
    display: none;
  }
}
.topbar {
  background-color: #000;
  color: #fff;
}
.topbar ul {
  list-style-type: none;
  margin: 0;
  padding: 0; /*position: absolute;*/
}
/*Create a horizontal list with spacing*/
.topbar li {
  display: inline-block;
  float: left;
}
.topbar li.right_item {
  float: right;
  /*width:100px;*/
  margin-right: 0;
  margin-left: 10px;
  text-align: center;
}
/****************** synqy ****************/
.synqy-wrapper {
  padding-right: 10px;
  display: inline-block;
  vertical-align: top;
}
/***************** home *******************/
.glyphicons.download:before {
  /* position: absolute; */
  left: 0;
  top: 0;
  display: inline-block;
  margin: 0;
  padding: 0;
  font: 32px/2em 'Glyphicons Regular';
  font-style: normal;
  font-weight: normal;
  /* color: #1d1d1b; */
  vertical-align: middle;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}
.circle-white {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background-image: url(../images/common/circle-white.png);
  background-position: center;
  background-repeat: no-repeat;
}
#section-one .next-section {
  position: absolute;
  margin: 0 auto;
  width: 100%;
  bottom: 40px;
}
/************** path2purchase ************/
.path2purchase h4 {
  text-align: center;
  padding: 10px;
  color: #fff;
  font-weight: 900;
  margin-top: 0px;
}
.path2purchase h4 span {
  float: left;
  margin-top: -9px;
  opacity: .5;
}
.path2purchase .col-sm-6 {
  padding-left: 0;
  padding-right: 0; /*background-color:#ff0000;*/
}
.path2purchase .col-md-3 {
  padding-left: 0;
  padding-right: 0;
  /* background-color: #ff0000; */
}
.pad-lr {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}
.yellow {
  background-color: #ffcc00;
}
.blue {
  background-color: #047aba;
}
.gray {
  background-color: #545454;
}
.green {
  background-color: #4a926a;
}
.trans-bg-liteyellow {
  background-image: url(../images/common/trans-bg-liteyellow.png);
}
.trans-bg-litegray {
  background-image: url(../images/common/trans-bg-litegray.png);
}
.trans-bg-liteblue {
  background-image: url(../images/common/trans-bg-liteblue.png);
}
.trans-bg-litegreen {
  background-image: url(../images/common/trans-bg-litegreen.png);
}
.trans-bg-darkgray {
  background-image: url(../images/common/trans-bg-drkgray.png)
}
/************** bevels *******************/
/* bevel size, left offset and color settings next 3 lines */
.bvc {
  left: -15px
}
.bevel, .bevel-content {
  border-width: 15px
}
.bevel, .bevel-content {
  border-color: rgba(234, 234, 234, 0.95);
  border-style: solid;
}
.bvc {
  width: 100%; /* width of overall box, variable or fixed */
  margin: 0 auto;
  /*position: relative;*/
  margin-bottom: 15px;
}
.bvc .tr, .bvc .tl, .bvc .br, .bvc .bl {
  height: 0px;
  width: 100%;
}
.bvc .tr, .bvc .tl {
  border-top: 0;
}
.bvc .br, .bvc .bl {
  border-bottom: 0;
}
.bvc .tr, .bvc .br {
  border-right-color: transparent;
}
.bvc .tl, .bvc .bl {
  border-left-color: transparent;
}
.no_bevel {
  height: 0px;
  width: 100%;
  border-bottom: 0;
}
.bevel-content {
  background-color: rgba(234, 234, 234, 0.95);
  width: 100%;
  border: 0px;
  padding: 0px 20px 0px 20px;
}
/*********************************************/
.noteworthy-hdr {
  position: relative;
  top: 0px;
}
.quoted {
  position: relative;
  top: 125px;
}
.quoted h3 {
  color: #fff;
}
/*.home h1.section-intro {
	text-shadow: 2px 2px 2px #000;
	margin-top: 180px;
	color: #fff;
	text-transform: uppercase;
}
.home h1.section-intro span {
	font-weight: 900 !important;
	color: #ffcc00;
}
h1.section-intro {
	text-shadow: 2px 2px 2px #000;
	margin-top: 180px;
	color: #fff;
}
h1.section-intro span {
	font-weight: 900 !important;
	text-transform: uppercase;
	color: #ecbd03;
}*/
.social-links {
  width: 100%;
  background-image: url(../images/common/trans-bg-liteyellow.png);
}
.intro-scroll-down {
  width: 100%;
  background-image: url(../images/common/trans-bg-liteyellow.png);
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  text-align: center;
  font-size: 32px;
}
h2.portfolio-subheadline {
  /*text-shadow: 2px 2px 2px #000;*/
  font-size: 14px;
  color: #ff00ff; /*#666*/
  text-transform: uppercase;
  margin-bottom: 20px;
}
h2 strong {
  font-weight: 600 !important;
}
strong {
  font-weight: 900 !important;
}
b {
  font-weight: 900 !important;
}
.spacer {
  width: 1px;
  display: inline-block;
}
@media (max-width: 1199px) {
  .noteworthy-hdr {
    top: 40px;
  }
}
@media (max-width: 991px) {
  .noteworthy-hdr {
    top: 53px;
  }
  .quoted {
    top: 150px;
  }
  h1.section-intro {
    margin-top: 150px;
  }
  h1 {
    font-size: 24px;
  }
  h3 {
    font-size: 21px;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  .spacer {
    width: 100px;
    display: inline-block;
  }
}
@media (max-width: 768px) {
  .quoted {
    top: 140px;
  }
  h1 {
    font-size: 24px;
  }
  h2 {
    font-size: 21px;
  }
  h3 {
    font-size: 18px;
  }
}
@media (max-width: 640px) {
  .quoted {
    top: 125px;
  }
  h1.section-intro {
    margin-top: 160px;
  }
  h1 {
    font-size: 24px;
  }
  h2 {
    font-size: 21px;
  }
  h3 {
    font-size: 18px;
  }
  .portfolio .v-center {
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 25px;
  }
  .synqy .v-center {
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 25px;
  }
}
@media (max-width: 460px) {
  h1.section-intro {
    margin-top: 120px;
  }
}
.gridder-top {
  padding-top: 130px;
}
h3 {
  font-size: 18px;
}
#accordionAwards .accordion-body ul {
  margin-left: 0px;
  padding-left: 15px; /*list-style: url(../images/common/bullet-yellow.png) outside;*/
}
ul.bullet-white {
  margin-left: 0px;
  padding-left: 15px;
  list-style: url(../images/common/bullet-white.png) outside;
}
ul.bullet-yellow {
  margin-left: 0px;
  padding-left: 15px;
  list-style: url(../images/common/bullet-yellow.png) outside;
}
ul li {
  padding-bottom: 3px;
}
img.team {
  margin-bottom: 20px;
}
.adjust-top {
  padding-top: 65px;
}
/*.portfolio section {
	padding-top: 135px;
}*/
#omniChannel {
  padding-top: 135px;
}
.about .section-top {
  padding-top: 135px;
}
.promos .section-top {
  padding-top: 145px;
}
.section-top {
  padding-top: 135px;
}
@media (max-width: 680px) {
  .adjust-top {
    padding-top: 35px;
  }
  .section-top {
    padding-top: 95px;
  }
  #omniChannel {
    padding-top: 95px;
  }
}
@media (max-width: 640px) {
  .alignMe {
    text-align: center;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  .alignMe .spacer {
    width: 1px;
    display: inline-block;
  }
  .alignMe img {
    text-align: center;
    left: 0;
    right: 0;
  }
  .alignMe ul {
    text-align: left;
    margin-left: 0px;
    padding-left: 15px;
  }
  .alignMe #accordionAwards .accordion-body {
    text-align: left;
  }
}
.radius-all-sm {
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.radius-all {
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.radius-top {
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.radius-btm {
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}
.trans-bg-white {
  background-image: url(../images/common/trans-bg-white.png);
}
.trans-bg-yellow {
  background-image: url(../images/common/trans-bg-yellow.png);
}
.trans-bg-gray {
  background-image: url(../images/common/trans-bg-gray.png);
}
.effect1 {
  -webkit-box-shadow: 0 1em 1em -.8em #111;
  -moz-box-shadow: 0 1em 1em -.8em #111;
  box-shadow: 0 1em 1em -.8em #111;
}
.lead {
  margin-top: 20px;
}
.white-txt {
  color: #fff;
}
/*********************** five columns ****************************/
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
.col-xs-5ths {
  width: 20%;
  float: left;
}
@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}
/***************** columns of same height styles *****************/
.row-full-height {
  height: 100%;
}
.col-full-height {
  height: 100%;
  vertical-align: top;
}
.row-same-height {
  display: table;
  width: 100%;
  /* fix overflow */
  table-layout: fixed; /*border-collapse: separate;
  	border-spacing: 15px;*/
}
.col-xs-height {
  display: table-cell;
  float: none !important;
}
@media (min-width: 768px) {
  .col-sm-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 992px) {
  .col-md-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .col-lg-height {
    display: table-cell;
    float: none !important;
  }
}
/****************** Step Number ****************/
.step-number {
  font-weight: 300;
  font-size: 72px;
  color: #cccccc;
}
/**************** button ***************/
.btn-primary-yellow {
  margin-bottom: 20px;
  color: #545454;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #dba601;
  background-image: -moz-linear-gradient(top, #f7d014, #dba601);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7d014), to(#dba601));
  background-image: -webkit-linear-gradient(top, #f7d014, #dba601);
  background-image: -o-linear-gradient(top, #f7d014, #dba601);
  background-image: linear-gradient(to bottom, #f7d014, #dba601);
  background-repeat: repeat-x;
  border-color: #dba601 #dba601 #dba601;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7d014', endColorstr='#dba601', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-primary-yellow:hover, .btn-primary-yellow:focus, .btn-primary-yellow:active, .btn-primary-yellow.active, .btn-primary-yellow.disabled, .btn-primary-yellow[disabled] {
  color: #545454;
  background-color: #dba601;
  outline: thin dotted;
  outline: 0px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
/************** Carousel *************/
#home-carousel .carousel-inner > .item {
  height: 50vh;
}
#home-carousel .carousel-caption h1 {
  /*font-weight: 300;
	font-size: 28px;*/
  color: #FFFFFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
#home-carousel .carousel-caption .lead, .carousel-caption .btn {
  /*font-weight: 300;
	font-size: 14px;*/
}
.carousel-control {
  font-weight: 300;
  font-size: 120px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
  background-color: transparent;
  border: 0;
  z-index: 10;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.carousel .btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #dba601;
  background-image: -moz-linear-gradient(top, #f7d014, #dba601);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7d014), to(#dba601));
  background-image: -webkit-linear-gradient(top, #f7d014, #dba601);
  background-image: -o-linear-gradient(top, #f7d014, #dba601);
  background-image: linear-gradient(to bottom, #f7d014, #dba601);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7d014', endColorstr='#dba601', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.carousel .btn-primary:hover, .carousel .btn-primary:focus, .carousel .btn-primary:active, .carousel .btn-primary.active, .carousel .btn-primary.disabled, .carousel .btn-primary[disabled] {
  color: #ffffff;
  background-color: #dba601;
}
.carousel p {
  line-height: normal;
}
/********************************************************/
@media (max-width: 768px) {
  .img-portfolio {
    margin-top: 10px;
    margin-bottom: 20px;
  }
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  padding-left: 15px;
}
/********************** spin360 ************************/
#spinContainer {
  position: relative;
  padding‐bottom: 55.4%;
  height: 0;
}
#spinImage {
  position: absolute;
  width: 100%;
  height: 100%;
}
/********************** dropdown menus ***********************
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: auto;
  padding: 0px 10px 0px 15px;
  margin: 15px 0 0;
  font-size: 10px;
  text-align: center;
  list-style: none;
  background-color: #999;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}*/
#noteworthy-nav .dropdown-menu > li > a {
  display: table-cell;
  padding: 0px 10px 0px 0px;
  width: auto;
  /* clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;*/
  white-space: nowrap;
}
/*.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777;
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
@media only screen and (max-width : 768px) {
  .collapse {
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
  }
}
/******************* center stage *****************/
.centered-play-btn .parent {
  position: relative;
}
.centered-play-btn .child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.centered {
  position: absolute;
  top: 50%;
  left: 48%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width : 767px) {}
/****************** adjustments ******************/
.pt15 {
  padding-top: 15px;
}
.pt30 {
  padding-top: 30px;
}
.pt70 {
  padding-top: 70px;
}
.pt100 {
  padding-top: 100px;
}
.pb15 {
  padding-bottom: 15px;
}
.pb30 {
  padding-bottom: 30px;
}
.mt15 {
  margin-top: 15px;
}
.mt30 {
  margin-top: 30px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb30 {
  margin-bottom: 30px;
}
/**************** box-shadows *******************/
.outerBoxShadow {
  -webkit-box-shadow: 0px 0px 15px #666;
  /* Firefox */
  -moz-box-shadow: 0px 0px 15px #666;
  /* Standard syntax */
  box-shadow: 0px 0px 15px #666;
}
/**************  GRIDDER ********************/
.content2 h3 {
  font-weight: 900;
}
#gridder ul li {
  padding-bottom: 0px;
}
.gridder {
  margin: 0px;
  padding: 6px 0px 0px 0px;
  list-style-type: none;
  font-size: 0;
  text-align: center;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0px;
}
.gridder .gridder-list {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  position: relative;
  width: 15.8333333333%;
  margin-bottom: 0.5%;
  margin-right: 0.5%;
}
.gridder .gridder-list-placeholder {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  position: relative;
  width: 15.8333333333%;
  margin-bottom: 0.5%;
  margin-right: 0.5%;
}
.gridder .gridder-list img {
  width: 100%;
  height: auto;
  position: relative;
}
.gridder .overlay {
  position: absolute;
  left: 10%;
  top: 10%;
  color: #FFF;
  line-height: 130%;
  text-align: left;
}
.gridder .overlay .title {
  font-weight: 800;
  font-size: 16px;
  color: #FFF;
}
.gridder .overlay .description {
  font-weight: 300;
  font-size: 14px;
  color: #FFF;
}
.gridder .gridder-list, .gridder .gridder-show {
  font-size: 16px !important;
}
.gridder .selectedItem:after {
  content: ' ';
  display: block;
  border-bottom: 10px solid #efefef;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  height: 0%;
  position: absolute;
  top: 101%;
  width: 0;
  left: 43%;
  margin-bottom: -4px;
}
.gridder-list-placeholder .selectedItem:after {
  content: ' ';
  display: none !important;
  border-bottom: 10px solid #efefef;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  height: 0%;
  position: absolute;
  top: 101%;
  width: 0;
  left: 43%;
  margin-bottom: -4px;
}
.gridder.hasSelectedItem .gridder-list:not(.selectedItem) {
  opacity: .2;
}
.gridder-show {
  padding: 4%;
  background: #efefef;
  position: relative;
  display: block;
  overflow: hidden;
  float: left;
  width: 100%;
  margin-bottom: 0.5%;
  margin-top: 5px;
  text-align: left;
  color: #444;
}
.gridder-show img {
  width: 100%;
  box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
}
.gridder-content {
  display: none;
}
.gridder-navigation .gridder-nav {
  height: 77px;
  padding: 0;
  position: absolute;
  width: 32px;
  z-index: 1;
  background-color: #FFC20E;
  opacity: 0.7;
  /*background-image: linear-gradient(top, #3e3e3e, #333);*/
  /*border: 1px solid #444;
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 1px 1px 0 rgba(255, 255, 255, 0.03), -1px -1px 0 rgba(0, 0, 0, 0.02), inset 1px 1px 0 rgba(255, 255, 255, 0.05);
    color: #aaa !important;*/
  cursor: pointer !important;
  display: inline-block;
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#303030', EndColorStr='#262626');*/
  font-size: 11px;
  font-weight: bold;
  margin: 0 5px;
  outline: 0;
  text-align: center;
  text-decoration: none !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: normal;
  word-wrap: normal;
  top: 50%;
  margin-top: -40px;
  overflow: hidden;
}
.gridder-navigation .gridder-nav span {
  display: block;
  bottom: 0;
  height: 23px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 14px;
}
.gridder-navigation .gridder-nav.prev {
  left: -6px;
}
.gridder-navigation .gridder-nav.prev span {
  background: url("//www.jdainc.com/images/common/prev.png") center no-repeat;
}
.gridder-navigation .gridder-nav.next {
  right: -6px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.gridder-navigation .gridder-nav.next span {
  background: url("//www.jdainc.com/images/common/prev.png") center no-repeat;
}
.gridder-navigation .gridder-nav:hover {
  background: #FFC20E;
  opacity: 1.0;
}
.gridder-navigation .gridder-close {
  background: url(//www.jdainc.com/images/common/close.png) no-repeat center center;
  cursor: pointer;
  height: 30px;
  /* padding: 7px; */
  position: absolute;
  right: 0px;
  top: 0px;
  width: 32px;
  background-color: #FFC20E;
  z-index: 2;
  opacity: 0.7;
}
.gridder-navigation .gridder-close:hover {
  color: #3d3d3d;
}
.gridder-list:nth-of-type(6n) {
  margin-right: -0.2%;
  margin-bottom: 0
}
.gridder-list-placeholder:nth-of-type(6n) {
  margin-right: -0.2%;
  margin-bottom: 0
}
@media screen and (max-width: 768px) {
  .gridder-list {
    width: 30% !important;
  }
  .gridder-list:nth-child(n) {
    margin-bottom: 1%;
    margin-right: 1%;
  }
  .gridder-list:nth-of-type(6n) {
    margin-right: 0;
    margin-bottom: 0;
  }
  .gridder-expanded-content img {
    margin-bottom: 15px;
  }
}
.card-title {
    font-weight:900;
    margin-bottom:0px;
}
/********************** AWARDS ACCORDION *******************/
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 18px;
    font-weight: 900;
    color: #444;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
}
.accordion-button:not(.collapsed) {
    color: #444;
    background-color: #FFC20E!important;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}
.accordion-button:focus {
    z-index: 3;
    border-color: #FFC20E;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(255 194 14 / 25%);
}