/*** page-catalog ***/
.page-catalog .catalog{
    background:#f6f6f6;
}

.page-catalog .catalog button{
    font-size:0.8rem;
}

.page-catalog .catalog a img{
    transform: scale(1);
    transition: all 0.5s ease-in-out !important;
}

.page-catalog .catalog a:hover img{
    transform: scale(1.1);
    transition: all 0.5s ease-in-out !important;
    -webkit-box-shadow: 0 0 15px 1px #757575;
    box-shadow: 0 0 15px 1px #757575;   
}

.page-catalog .catalog a button,
.page-catalog .catalog a label{
    /* transform: scale(1); */
    transform: translateY(0);
    transition: all 0.5s ease-in-out !important;
}

.page-catalog .catalog a:hover button,
.page-catalog .catalog a:hover label{
    /* transform: scale(0); */
    transform: translateY(-15px);
    transition: all 0.5s ease-in-out !important;
}

@media all and (max-width: 480px) {
    .page-catalog #catalogMaterial{
        justify-content: center!important;
    }
}

/*** page-product ***/
.page-product .product a label{
    font-size: 0.75rem;
    font-weight: bold;
    transform: translateY(0);
    transition: all 0.5s ease-in-out !important;
}

.page-catalog .product a:hover label{
    transform: translateY(-15px);
    color:#bbed34;
}

.page-product .tag{
    top:5px;
    right: -5px;
    background:#000;
    z-index:2;
    font-size: 0.8rem;
    transition: all 0.5s ease-in-out !important;
    font-weight: bold;
    color:#fff;
}

@media all and (max-width: 480px) {
    .page-catalog #productListing{
        justify-content: center!important;
    }
}

/*** page-reference ***/
.page-reference .catalog a img{
    max-height: 250px;
    height:250px;
}
.page-reference .catalog a:hover label{
    background: #bbed34;
    border-radius: .25rem;
    color:#fff;
}

#referencerModal .carousel-item img{
    object-fit: contain;
    width:auto !important;
    max-height: 400px;
    margin:0 auto !important;
}

#referencerModal .carousel-inner{
    height: 400px;
    max-height: 400px;
}

#referencerModal .carousel-item{
    height: 400px;
    max-height: 400px;
}
.carousel-control-next, 
.carousel-control-prev{
    width: 50px;
    color:#000;
    height: 50px;
    background: #fff;
    top: calc(50% - 50px);
}
.carousel-control-next:hover, 
.carousel-control-prev:hover,
.carousel-control-next:focus, 
.carousel-control-prev:focus{
    color:#bbed34;
}

.simple-pagination ul {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	text-align: center;
}

.simple-pagination li {
	display: inline-block;
	margin-right: 5px;
}

.simple-pagination li a,
.simple-pagination li span {
	color: #666;
	padding: 5px 10px;
	text-decoration: none;
	border: 1px solid #EEE;
	background-color: #FFF;
	box-shadow: 0px 0px 10px 0px #EEE;
}

.simple-pagination .current {
	color: #FFF;
	background-color: #bbed34;
	border-color: #bbed34;
}

.simple-pagination .prev.current,
.simple-pagination .next.current {
	background: #bbed34;
}


@media all and (max-width: 480px) {
    .page-reference .catalog a img{
        height: 150px;
        max-height: 150px;
    }

    #referencerModal .carousel-item img{
        height: auto !important;
        width: 100% !important;
    }

    #referencerModal .carousel-inner,
    #referencerModal .carousel-item{
        height: auto;
        max-height: auto;
    }

    #productDescription{
        text-align: center;
    }

    #productPDF{
        margin: 0 auto;
    }
}

/*** Modal ***/
.modal .modal-dialog{
    max-width: unset;
}
.modal .modal-header{
    border:none;
}

.modal .close:focus{
    outline:none;
}

.modal .modal-header .close{
    z-index: 9;
}

.modal .modal-header .close span{
    font-size: 1rem;
}

.modal .modal-body label{
    font-size: 1.2rem;
}

.modal .modal-body p{
    font-size: 0.9rem;
}

.modal .modal-body button{
    font-weight: normal;
}
#modalProduct.desk,
#modalProduct.storage,
#modalProduct.acoustic{
    flex: 0 0 100% !important;
    max-width: 100% !important;
}