/*-------------------------------------*/
/* Derivative page */
/*-------------------------------------*/
.price {
    -ms-flex-item-align: stretch!important;
    align-self: stretch!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    padding-left: 0!important;
    padding-right: 0!important;
    background: #3c3a3a;
    color: #FEFEFE;
}
@media screen and (max-width:767px) { /* Mobile Large */
.price {
	padding: 1% 0;
}
.mobilebadge{
    width:90%;
}
}
.derivative-min-height{
    min-height: 104px;
}
.hover-shadow .hover-button {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 10%;
    background: -moz-linear-gradient(-45deg,  rgba(141,141,141,0.4) 0%, rgba(141,141,141,0.4) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(141,141,141,0.4) 0%,rgba(141,141,141,0.4) 100%);
    background: linear-gradient(135deg,  rgba(141,141,141,0.4) 0%,rgba(141,141,141,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#668d8d8d', endColorstr='#668d8d8d',GradientType=1 );
    backdrop-filter: blur(3px);
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s;
}
.hover-shadow:hover .hover-button {
    opacity: 1;
    transition: opacity 0.5s;
    z-index:3;
}
.price .tertiary-colour{
    color:#c693d2 !important;
}
.derivative .special-ribbon{
    max-width: 78%;

}

.special-ribbon.mobile{
    position: absolute;
    top: 3px;
    right:10px;
    background-color: transparent;
    padding: 7px !important;
    transform: rotate(0deg) skew(-15deg) !important;
}

.stock-ribbon.mobile{
    position: absolute;
    top:3px;
    right:120px;
    background-color: transparent;
    transform: rotate(0deg) skew(-15deg) !important;
}