/* Structural DIVs */
.portlet {
  margin-bottom: 0px !important; }

.portlet-content {
  padding: 0 !important; }

.portlet-header {
  display: none !important; }

/* Wraper DIV */
.slider-portlet-wraper {
  display: block;
  background-color: lightgray;
  z-index: 9999; }

/* Carousel DIV */
.slider-portlet-wraper .carousel-indicators {
  margin: 0px;
  height: 0px;
  padding-bottom: 80px; }

.slider-portlet-wraper .carousel-indicators ol {
  width: 50%; }

.slider-portlet-wraper .carousel-indicators li {
  height: 10px !important;
  border-radius: 50% !important;
  width: 10px !important;
  background-color: transparent;
  border: none !important;
  padding: 4px; }

.slider-portlet-wraper .dot {
  background-size: cover;
  background-repeat: no-repeat; }

.slider-portlet-wraper .active {
  background-image: url("../images/dot_active.png") !important;
  background-repeat: no-repeat; }

.slider-portlet-wraper .carousel-item {
  background-image: none !important; }

/* Media QUERYs */
/* Query < 575.9 */
@media (max-width: 575.9px) {
  .slider-portlet-rended {
    top: 20px !important; }
  .slider-portlet-wraper {
    display: block;
    min-height: 164px; } }

/* Query > 576 < 767.9*/
@media (min-width: 576px) and (max-width: 767.9px) {
  .slider-portlet-rended {
    top: 20px !important; }
  .slider-portlet-wraper {
    display: block;
    min-height: 177px; } }

/* Query > 780< 991.9 */
@media (min-width: 780px) and (max-width: 991.9px) {
  .slider-portlet-rended {
    top: 50px !important; }
  .slider-portlet-wraper {
    display: block;
    min-height: 235px; } }

/* Query > 992 < 1279.9 */
@media (min-width: 992px) and (max-width: 1279.9px) {
  .slider-portlet-rended {
    top: 100px !important; }
  .slider-portlet-wraper {
    display: block;
    min-height: 314px; } }

/* Query > 1280   */
@media (min-width: 1280px) {
  .slider-portlet-rended {
    top: 140px !important; }
  .slider-portlet-wraper {
    display: block;
    min-height: 400px; } }

.slider-portlet-rended {
  z-index: 99; }
  .slider-portlet-rended.open {
    background: #808CB2;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0 !important;
    position: absolute; }

hr {
  border-top: 1px solid #20294a40 !important;
  margin: 10px 0 !important; }

@media (min-width: 992px) and (max-width: 1199px) {
  .card-item-first {
    width: 100% !important;
    height: auto !important; }
  .autofit-col {
    width: 50% !important; } }