﻿.u-block-hover [class*="icon-"] {
    padding: 5px 1px 1px 1px;
}

.award-badge{

}

.u-btn-white {
    transition: all ease-in .2s;
    letter-spacing: .25px;
}
    .u-btn-white:hover,
    .u-btn-white:active {
        color: #fff;
        background-color: #f34d2a;
        border-color: #f34d2a;
        transition: all ease-in .25s;
    }

.g-rounded-top-10 {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.g-rounded-bottom-10 {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;

}

/* Award Ribbon */

/* common */
.ribbon-container {
    position: absolute;
    right: 15px;
    z-index: 500;
    pointer-events: none;
}

.ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
}

    .ribbon::before,
    .ribbon::after {
        position: absolute;
        z-index: -1;
        content: '';
        display: block;
        border: 5px solid #c23719;
    }

    .ribbon span {
        position: absolute;
        display: block;
        width: 225px;
        padding: 9px 0;
        background-color: #F34D2A;
        box-shadow: 0 5px 10px rgba(0,0,0,.1);
        color: #515140;
        font: 700 12px 'Lato', sans-serif;
        text-shadow: 0 1px 1px rgba(0,0,0,.2);
        text-transform: uppercase;
        text-align: center;
    }


        .ribbon span.platinum {
            background: linear-gradient(to bottom, #d8dcf6, #d8eae7, #FFF, #97a7a3);
        }
        .ribbon.platinum::before,
        .ribbon.platinum::after {
            border: 5px solid #75777e;
        }

    .ribbon span.gold {
        color: #4a3206;
        background: linear-gradient(-10deg, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    }
        .ribbon.gold::before,
        .ribbon.gold::after {
            border: 5px solid #8d6a21;
        }

        .ribbon span.silver {
            background: linear-gradient( to bottom, #bcc6cc, #FFF, #9f9f9f);
        }
        .ribbon.silver::before,
        .ribbon.silver::after {
            border: 5px solid #8c989f;
        }

        /* top left*/
        .ribbon-top-left {
            top: -10px;
            left: -10px;
        }

    .ribbon-top-left::before,
    .ribbon-top-left::after {
        border-top-color: transparent;
        border-left-color: transparent;
    }

    .ribbon-top-left::before {
        top: 0;
        right: 0;
    }

    .ribbon-top-left::after {
        bottom: 0;
        left: 0;
    }

    .ribbon-top-left span {
        right: -25px;
        top: 30px;
        transform: rotate(-45deg);
    }

/* top right*/
.ribbon-top-right {
    top: -10px;
    right: -10px;
}

    .ribbon-top-right::before,
    .ribbon-top-right::after {
        border-top-color: transparent;
        border-right-color: transparent;
    }

    .ribbon-top-right::before {
        top: 0;
        left: 0;
    }

    .ribbon-top-right::after {
        bottom: 0;
        right: 0;
    }

    .ribbon-top-right span {
        left: -25px;
        top: 30px;
        transform: rotate(45deg);
    }

/* bottom left*/
.ribbon-bottom-left {
    bottom: -10px;
    left: -10px;
}

    .ribbon-bottom-left::before,
    .ribbon-bottom-left::after {
        border-bottom-color: transparent;
        border-left-color: transparent;
    }

    .ribbon-bottom-left::before {
        bottom: 0;
        right: 0;
    }

    .ribbon-bottom-left::after {
        top: 0;
        left: 0;
    }

    .ribbon-bottom-left span {
        right: -25px;
        bottom: 30px;
        transform: rotate(225deg);
    }

/* bottom right*/
.ribbon-bottom-right {
    bottom: -10px;
    right: -10px;
}

    .ribbon-bottom-right::before,
    .ribbon-bottom-right::after {
        border-bottom-color: transparent;
        border-right-color: transparent;
    }

    .ribbon-bottom-right::before {
        bottom: 0;
        left: 0;
    }

    .ribbon-bottom-right::after {
        top: 0;
        right: 0;
    }

    .ribbon-bottom-right span {
        left: -25px;
        bottom: 30px;
        transform: rotate(-225deg);
    }