/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
.preload {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: center;
}
@media (max-width: 1199px) {
    .thumbnail-container .product-image .quickview {
        display: none;
    }
}
@media (min-width: 992px) {
	.box-hd-service {
		padding-top: 166px;
	}
}
@media (max-width: 991px) {
	.box-hd-service {
		padding-top: 62px;
	}
}

.product-detail.product-thumbs-left .product-thumb-images .thumb.selected {
    opacity: 1;
}
.product-detail.product-thumbs-left .product-thumb-images.has-arrows .thumb.selected {
    opacity: 0.4;
}
.product-detail.product-thumbs-left .product-thumb-images.has-arrows .slick-list .slick-slide.slick-current .thumb {
	opacity: 1;
}


.lps_results.ac_results {
    width: 100% !important;
}

#product-modal.active{
    left: 0;
    z-index: 9999;
}
#product-modal .modal-content .modal-body .product-images{
    display: block !important;
}
#product-modal .modal-dialog{
    height: calc(100% - 60px);
    transform: translate(0, 0);
}

#product-modal .modal-content .modal-body figure img{
    width: auto;
}
#product-modal #thumbnails{
    padding: 15px 0;
    height: calc(100% - 30px);
}
@media (max-width: 767px) {
    .header-top.active{
        display: block !important;
    }
}