.gridder-btn-tab.active, .gridder-btn-tab:focus {

background: red !important;

    outline: none !important;

    color: #ffffff !important;

    font-weight: 600 !important;

    border-radius: 100px;

box-shadow:none!important;

}

p.descriptiondetails{

  font-size: 14px !important;

  word-break: break-all;

 }

.gridder {

  margin: 0px;

  padding: 0px;

  list-style-type: none;

  font-size: 0;

  text-align: center;

}

.gridder .gridder-list {

  display: inline-block;

  vertical-align: top;

  cursor: pointer;

  position: relative;

  width: 350px;

  margin-bottom: 0.5%;

  margin-right: 0.5%;

}

.gridder .gridder-list .image {

  background-color: #313131;

  background-size: cover;

  background-position: center;

  width: 350px;

  height: 250px;

  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: 12px;

}

.gridder .selectedItem:after {

  content: " ";

  display: block;

  border-bottom: 10px solid #222;

  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: 0.2;

}



.gridder-show {

  padding: 4%;

  background: #fbf8f8;

  position: relative;

  display: block;

  float: left;

  width: 100%;

  margin-bottom: 0.5%;

  text-align: left;

  color: black;



    

}

.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: #ed1c24;

  background-image: linear-gradient(top, #3e3e3e, #333);

  border: 1px solid #bd0000;

  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-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAlCAYAAABYkymLAAABOUlEQVRIS7WXXRXCMAxGvygAB4CD4QAUoGUOcABScAAogDlAAg7KCaw7K/tJmrZ72cPae0/aLt9GSLycc2sAJwB8fwKoiejtsZTCd85VAK4Alj0OS/ZeYhZMwL2nk5gEAjyUxC6REu6xdVQFkXCW3NUCA5wFugqM8IaIKrECKxzAjo/qrCAVzms0KcgBnxTkgo8KcsIHgtzwQFAC3glKwb+Ctp8//lqu1KIaf86lgSy4ADhIA3vP1XBfwQvAKkKwISKeo7osFQSJJVn8HvCkhTR4Khbn5n1bRXuKbiUkXS8qJQmaXQnJoJvmloy265wSKQ+SN16TaEkSbSabJaIg5T0hoq1KkCDRfRf5VmA4XfovO6MkroJIyS83IjpoMFRYri6UzIKZjQ8SL0nQSvjf7NxmOufKsf+P9gEzOdBut2RfcQAAAABJRU5ErkJggg==);

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

}



.gridder-navigation .gridder-nav.next {

  right: -6px;

  -webkit-transform: scaleX(-1);

  transform: scaleX(-1);

}



.gridder-navigation .gridder-nav.next span {

 

background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAlCAYAAABYkymLAAABOUlEQVRIS7WXXRXCMAxGvygAB4CD4QAUoGUOcABScAAogDlAAg7KCaw7K/tJmrZ72cPae0/aLt9GSLycc2sAJwB8fwKoiejtsZTCd85VAK4Alj0OS/ZeYhZMwL2nk5gEAjyUxC6REu6xdVQFkXCW3NUCA5wFugqM8IaIKrECKxzAjo/qrCAVzms0KcgBnxTkgo8KcsIHgtzwQFAC3glKwb+Ctp8//lqu1KIaf86lgSy4ADhIA3vP1XBfwQvAKkKwISKeo7osFQSJJVn8HvCkhTR4Khbn5n1bRXuKbiUkXS8qJQmaXQnJoJvmloy265wSKQ+SN16TaEkSbSabJaIg5T0hoq1KkCDRfRf5VmA4XfovO6MkroJIyS83IjpoMFRYri6UzIKZjQ8SL0nQSvjf7NxmOufKsf+P9gEzOdBut2RfcQAAAABJRU5ErkJggg==);

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;



}



.gridder-navigation .gridder-nav:hover {

  background: #bb0209;

}



.gridder-navigation .gridder-close {

  background: url(data:image/gif;base64,R0lGODlhFAAUAJEAAE1NTf///////wAAACH5BAEHAAIALAAAAAAUABQAAAIzBISpK+YMm5Enpodw1HlCfnkKOIqU1VXk55goVb2hi7Y0q95lfG70uurNaqLgTviyyUoFADs=)

    no-repeat center center;

  cursor: pointer;

  height: 30px;

  padding: 7px;

  position: absolute;

  right: 10px;

  top: 10px;

  width: 30px;

  z-index: 2;

}



.gridder-navigation .gridder-close:hover {

  color: #3d3d3d;

}