/*
* ===================================================
*     CUSTOM CSS CODE BELOW
* ===================================================
*/

/* Airlectra */

.has-dropdown.on-hover:hover > .dropdown-menu.dropdown-menu-first {
    display:grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(12,auto);
}

.navbar-bg>li.has-dropdown.on-hover:last-of-type:hover > .dropdown-menu.dropdown-menu-first {
    right: 0;
}

.option-image-bg {
    position:relative;
}

.option-row .option-row-custom .option-image-bg label {
    background-position-y: 63%!important;
    height:110px;
}

.varname, .varqty {
    text-align:center;
    line-height:1;
    position:absolute;
    width: calc(100% - 8px);
    left: 0;
    font-size:12px;
}
.varname {
    top:2px;
}

.varqty {
    bottom:12px;
}

.infobox {
    color:#50b5a3;
    border:2px solid #50b5a3;
    padding:0.5rem;
    margin-top: 1rem;
}

.thumbSwiper {
    position:relative;
}

.thumbSwiper .swiper-button-next {
    right: 0;
    left: auto;
}

.thumbSwiper .swiper-button-prev {
    right: auto;
    left: 0;
}

.thumbSwiper .swiper-slide {
    border-color:transparent;
    padding:0;
}

.thumbSwiper .swiper-slide.swiper-slide-thumb-active {
    border-color:#d000;
}