@media (max-width: 576px) { 
  .display-3, .display-4 {
    font-size: 2em;
  }
}
@media (min-width: 768px) {
  .sidebox-left {
    max-width: 280px;
  }
}
@media (min-width: 1440px) {
  .sidebox-right {
    max-width: 385px;
  }
}
@media (max-width: 1439px) {
  .toggle_hide {
    position: absolute; left: -999em;
  }
}

/* MENU START */
.list-group.list-group-root {
    padding: 0;
    overflow: hidden;
    background-color: rgba(0,0,0,.05);
}
.list-group.list-group-root a {
    background-color: transparent;
}    
.list-group.list-group-root a:hover {
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.list-group.list-group-root .list-group {
    margin-bottom: 0;
}

.list-group.list-group-root .list-group-item {
    border-radius: 0;
    border-width: 1px 0 0 0;
}

.list-group.list-group-root > .list-group-item:first-child {
    border-top-width: 0;
}

.list-group.list-group-root > .list-group > .list-group-item {
    padding-left: 30px;
    background-color: rgba(0,0,0,.15);
}

.list-group.list-group-root > .list-group > .list-group > .list-group-item {
    padding-left: 45px;
    background-color: rgba(0,0,0,.30);
}

.list-group-item[aria-expanded="false"] .fa-angle-down:before { content: "\f105"; }
.list-group-item[aria-expanded="true"] .fa-angle-right:before { content: "\f107"; }
/* MENU END */
/* CAROUSEL MULTI */
.carousel-col { 
    position: relative; 
    float: left;
 }
.active > div { display:none; }
.active > div:first-child { display:block; }

@media (max-width: 699px) {
  .carousel-col { width: 100%; }
	.active > div:first-child { display:block; }
}

@media (min-width: 700px) and (max-width: 1299px) {
  .carousel-col { width: 50%; }
	.active > div:first-child { display:block; }
  .active > div:first-child + div + div { display:block; }
}

@media (min-width: 1300px) and (max-width: 1799px) {
  .carousel-col { width: 25%; }
	.active > div:first-child + div { display:block; }
  .active > div:first-child + div + div { display:block; }
	.active > div:first-child + div + div + div { display:block; }
}

@media (min-width: 1800px) and (max-width: 2099px) {
  .carousel-col { width: 20%; }
	.active > div:first-child + div { display:block; }
  .active > div:first-child + div + div { display:block; }
	.active > div:first-child + div + div + div { display:block; }
	.active > div:first-child + div + div + div + div { display:block; }	
}

@media (min-width: 2100px) {
  .carousel-col { width: 16.6%; }
 	.active > div:first-child + div { display:block; }
  .active > div:first-child + div + div { display:block; }
	.active > div:first-child + div + div + div { display:block; }
	.active > div:first-child + div + div + div + div { display:block; }	
	.active > div:first-child + div + div + div + div + div { display:block; }		
}
/* CAROUSEL MULTI END */
.bg-darker {
  background-color: #22262a;
}
label, [role="button"] { 
  cursor: pointer;
}
/* UNI */
.text-pink {
  color: var(--pink);
  color: #e83e8c;
}
.bg-pink {
  background-color: var(--pink);
  background-color: #e83e8c;
}
.text-600 {
  font-weight: 600;
}
.qdisc {
  float: right;
}

.media-desc img:hover {
    transform: scale(1.5);
    opacity: 1;
}
.media-desc img {
    height: 50px;
    width: 50px;
    float: right;
    margin: 0 5px;
}
/* RIBBONS */
.ribbon {
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 3;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}

.ribbon span {
    text-align: center;
    line-height: 20px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 100px;
    display: block;
    -webkit-box-shadow: 0 0 8px 0 rgba(49,58,70,.08), 0 1px 0 0 rgba(49,58,70,.03);
    box-shadow: 0 0 8px 0 rgba(49,58,70,.08), 0 1px 0 0 rgba(49,58,70,.03);
    position: absolute;
    top: 19px;
    left: -21px;
}

.ribbon span:before {
    border-left: 3px solid #000;
    border-top: 3px solid #000;
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    z-index: -1;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
}

.ribbon span:after {
    border-right: 3px solid #000;
    border-top: 3px solid #000;
    content: "";
    position: absolute;
    right: 0;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-bottom: 3px solid transparent;
}

.ribbon-left {
    position: absolute;
    left: 41px;
    top: 0px;
    z-index: 2;
}
.ribbon-right {
    position: absolute;
    right: 41px;
    top: 0px;
    z-index: 2;
}