/*************
RESET
*************/

#skin {
    padding-top: 100px;
}

#header-secondary,
#header-tertiary,
#div-gpt-ad-footer {
    display: none !important;
}

#sticky-nav {
    position: fixed;
    top: 44px;
    width: 100%;
    z-index: 99;
    left: 0;
    /*height: 88px;*/
    border-bottom: 4px solid #ca0808;
}

#itnews-logo-sticky {
    display: block !important;
}

.f-topbar-fixed {
    padding: 0 !important;
}

#header-primary .fixed {
    padding-top: 0;
}

/*************
LAYOUT
*************/
#container-awards {
    background: var(--itn-white-bg);
    max-width: 70em;
    margin: 2rem auto;
}

/*************
HEADER
*************/
#awards-header {
    height: auto;
    width: 100%;
    background: #1d375c;
    text-align: center;
    padding: 25px 0 1.25em 0;
    background-image: url(../images/awards/itnews-benchmark-awards-header-bg.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    width: 100%;
    text-align: center;
}

.security-awards #awards-header {
    background-image: url(../images/security-awards/security-awards-bg.jpg);
}

#awards-header img {
    width: 100%;
    height: auto;
    max-width: 240px;
}

.awards-header__intro {
    margin-top: 20px;
}


.awards-header__intro-heading {
    color: white;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 900;
    font-size: 30px;
    line-height: 1.125;
    margin-bottom: 10px;
    text-transform: capitalize;
}

    .awards-header__intro-heading span {
        font-size: 32px;
    }

.awards-header__intro-text {
    color: #e9e9e9;
    background: #05193652;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.125;
    margin: 0;
    margin-bottom: .125em;
}

    .awards-header__intro-text sub {
        top: -0.25em;
    }

#awards-header .button {
    background-color: white;
    margin-top: 20px;
    color: #008ad2;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    font-size: 1.125rem;
}

.info-body {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}

.video-aspect-ratio {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: calc(var(--aspect-ratio,1) * 100%); /* Look for the aspect-ratio variable, else fall back to 1:1 */
    margin-bottom: 60px;
}

    .video-aspect-ratio iframe {
        position: absolute;
        max-width: 100%;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }



.meet-the-finalists-word {
    padding-bottom: 20px;
    font-size: 27px;
    font-weight: bold;
    text-align: center;
}

/*************
NAV BUTTONS
*************/
#awards-nav-container {
    background: #171c22;
    width: 100%;
}

ul#awards-nav {
    max-width: 70em;
    width: 100%;
    height: 50px;
    list-style: none;
    margin: 0 auto !important;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    background-color: #171c22;
    border-top: 1px solid #171c22;
}

    ul#awards-nav li {
        background: none;
        list-style: none;
        flex: 1 auto;
        margin: 0px;
        padding: 0px;
    }

        ul#awards-nav li a,
        ul#awards-nav li a:hover {
            height: 100%;
            width: 100%;
            display: block;
            text-align: center;
            color: #F5EDDF;
            line-height: 44px;
            text-transform: uppercase;
            font-family: 'Lato', Sans-Serif;
            font-size: 1.22em;
            font-weight: 300;
            text-transform: uppercase;
            border-right: 1px solid #111111;
            box-shadow: -1px 0 rgba(216, 236, 254, 0.1) inset;
        }

        ul#awards-nav li:first-child a {
            /*border-left:1px solid #171c22;*/
        }

        ul#awards-nav li:last-child a {
            border-right: none;
            box-shadow: none;
        }

        ul#awards-nav li a:hover,
        ul#awards-nav li a.current {
            color: #FFF;
            text-decoration: none;
            border-bottom: 4px solid #0093d6;
        }

        ul#awards-nav li a.faded {
            background-color: #CCCCCC;
            color: #777777;
        }

/*************
SPONSORS
*************/
.sponsor-heading {
    text-align: center;
    color: var(--itn-color-body-text);
    font-style: italic;
    position: relative;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    font-size: 20px;
}

    .sponsor-heading hr {
        background-color: #cacaca;
        height: 1px;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .sponsor-heading span {
        display: block;
        text-align: center;
    }

.sponsor,
.sponsor-modal {
    margin: 5px auto;
    text-align: center;
    width: 130px;
    height: 100px;
    display: inline-block;
}

.platinum .sponsor,
.platinum .sponsor-modal {
    width: 240px;
}

.sponsor-modal {
    cursor: pointer;
}

.sponsors-container {
    text-align: center;
}

    .sponsors-container h2 {
        font-size: 1.6rem;
        margin-bottom: 0.75em;
    }

.sponsor img {
    text-align: center;
}

.sponsors {
    overflow: hidden;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}

    .sponsors a {
        background: none;
        margin: 0;
        padding: 0 1em;
        list-style: none;
        display: inline-block;
        text-align: center;
    }
/***************************
MODALS
***************************/
/* the overlayed element */
.awards_overlay {
    /* must be initially hidden */
    display: none;
    /* place overlay on top of other elements */
    z-index: 99999999 !important;
    /* styling */
    background-color: #ffffff;
    position: relative;
    font-family: 'Martel', Georgia, Serif;
    /* adds scrollbar when required */
    overflow: auto !important;
}

    .awards_overlay, .awards_overlay p, .awards_overlay ul, .awards_overlay li {
        font-size: 0.875rem !important;
        font-weight: 400;
    }

        .awards_overlay a, .awards_overlay a:hover, .awards_overlay a:focus {
            color: #245899;
            text-decoration: underline;
        }

            .awards_overlay a:hover {
                text-decoration: none;
            }

        .awards_overlay .logo {
            position: absolute;
            top: 20px;
            left: 20px;
            width: 100px;
        }

        .awards_overlay .description {
            margin: 0 0 0 120px;
            text-align: left;
            padding: 20px;
        }

.ui-dialog .ui-dialog-titlebar {
    display: block;
    padding: 7px;
    position: relative;
}

    .ui-dialog .ui-dialog-titlebar button {
        position: absolute;
        margin: 0;
        top: 10px;
        right: 10px;
    }

/* close button positioned on upper right corner */
.awards_overlay .close {
    background-image: url('../images/close.png');
    position: absolute;
    right: -15px;
    top: -15px;
    cursor: pointer;
    height: 36px;
    width: 36px;
}

/***************
CONTENT SPECIFIC
***************/
h1 {
    margin: 0.25em 0;
    color: var(--itn-color-accent-blue-4);
    font-size: 2.5em;
    font-weight: 600;
}

article h1 {
    color: var(--itn-color-body-text);
}

.container-primary  a {
    color: #ff0000;
}

.columns {
    /*padding-left: 0;
    padding-right: 0;*/
}

.categories {
    display: flex;
    flex-wrap: wrap;
}

    .categories .column a {
        text-align: center;
        background: #1d375c;
        display: block;
        width: 100%;
        height: auto;
        color: #ffffff;
        position: relative;
    }

    .categories .column div.award-coming-soon {
        text-align: center;
        background: #1d375c;
        display: block;
        width: 100%;
        height: auto;
        color: #ffffff;
        position: relative;
    }

.award-coming-soon img {
    height: auto;
    width: 100%;
    object-fit: cover;
}

.categories img {
    padding: 2px;
}

.categories .column {
    margin-bottom: 1.5em;
}

    .categories .column .category-body {
        display: flex;
        flex-direction: column;
        background: #1d375c;
        box-shadow: 0 0.1rem 0.2rem .02rem rgba(0, 0, 0, 0.3);
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;
    }

    .categories .column .categoryName {
        color: #ffffff;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 1.35em;
        line-height: 1.25em;
        background: #1d375c;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        padding: .5rem 15px .25rem;
        text-align: center;
        width: 100%;
        height: 100%;
        min-height: 52px;
    }

    .categories .column .specification {
        font-size: 0.825em;
    }

    .categories .column div a {
        background: #000000;
        text-align: left;
    }

.change img {
    /*padding: 2px;*/
}

.change .column {
    margin-bottom: 1.5em;
    position: relative;
}

    .change .column a {
        position: relative;
        display: block;
    }

    .change .column div.heading {
        text-align: left;
        color: #ffffff;
        font-weight: 600;
        font-size: 1.35em;
        line-height: 1.25em;
        width: 100%;
        background-color: rgba(29, 55, 92, 0.85);
        position: absolute;
        bottom: 0;
        padding: 5px 10px;
    }

    .change .column div.coming-soon {
        position: relative;
        display: block;
    }

    .change .column + .column:last-child, .change .columns + .column:last-child, .change .column + .columns:last-child, .change .columns + .columns:last-child {
        float: left;
    }

.change .mrec {
    height: 324px;
    height: 260px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

    .change .mrec div {
        background: none;
        top: 0;
        text-align: center;
        padding: 0;
    }

#div-gpt-ad-island div {
    text-align: center;
}

.nominee-list {
    display: flex;
    flex-wrap: wrap;
}

.nominee-container {
    margin-bottom: 1.5em;
    float: left !important;
    text-align: center;
    padding-left: 1.375em;
    padding-right: 1.375em;
    margin-bottom: 2.5em !important;
}

    .nominee-container .video-aspect-ratio {
        margin-bottom: 0;
    }

    .nominee-container .award {
        position: absolute;
        top: 0;
        text-transform: uppercase;
        background: #29538e;
        width: 100%;
        color: #ffffff;
        padding: 2px 5px 0 5px;
    }

.nominee-overlay-details {
    width: 100%;
    position: relative;
    padding: 0 20px;
    height: 150px
}

    .nominee-overlay-details .nomineeImage {
        float: left;
        max-width: 25%;
        height: 100%;
        overflow: hidden;
    }

        .nominee-overlay-details .nomineeImage img {
            height: 100%;
            max-width: none;
        }

    .nominee-overlay-details .nominee-overlay-description {
        position: absolute;
        bottom: 0;
        left: 30%;
    }

.nomineeName {
    color: #182950;
    font-size: 2em;
    font-weight: bold;
}

.nomineeCustomer {
    font-size: 1.25em;
}

.nominee-blurb {
    clear: both;
    padding: 20px;
}

.full-list li:first-child {
    color: var(--itn-color-accent-blue-4);
    font-weight: bold;
}

.full-list a {
    text-decoration: underline;
}


/*************
ROUNDTABLE TABS START
*************/

.roundtables {
    display: flex;
    flex-wrap: wrap;
}

.roundtable-container {
    margin-bottom: 1.5em;
    float: left !important;
    text-align: center;
}

    .roundtable-container .roundtable {
        width: 100%;
        height: 100%;
        display: block;
        background: #171c22;
        position: relative;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    .roundtable-container .video-aspect-ratio {
        margin-bottom: 0;
    }

    .roundtable-container .details {
        background: #171c22;
        color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        justify-content: center;
        padding: 1rem 15px;
        position: relative;
        bottom: 0;
        text-align: center;
        width: 100%;
        height: 100%;
    }

    .roundtable-container .name {
        text-transform: uppercase;
        font-size: 1.2em;
        font-weight: bold;
        line-height: 1.25em;
    }

    .roundtable-container .customer {
        font-size: 0.9em;
    }

/*************
ROUNDTABLE TABS END
*************/


/*************
PAST WINNERS TABS
*************/
#pastwinners-ddl-container {
    display: none;
}

.win-page h3 {
    font-family: "Martel",Georgia,serif;
    font-size: 1.1em;
    font-weight: 900;
}

#win-header span {
    display: inline-block;
    position: relative;
    line-height: 1.5em;
    height: auto;
}

    #win-header span:hover {
        cursor: pointer;
    }

.win-tab {
    border-width: 1px 1px 0 1px;
    border-color: #c2c2c2;
    border-style: solid;
    padding: 0 8px;
    position: relative;
    top: 2px;
    background-color: #e4e4e4;
    margin-right: 3px;
    color: #01234A;
}

    .win-tab.selected {
        font-weight: normal;
        border-color: #d3d3d3;
        border-bottom-color: #fff;
        border-width: 1px 1px 5px 1px;
        background-color: #fff;
    }

.win-page .category {
    text-transform: uppercase;
    font-size: 1.25em;
    margin-bottom: 0.25em;
}

.cat-sub-nav-container {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
}

.cat-sub-nav {
    margin: 0 37px;
    /* Make this scrollable when needed */
    overflow-x: auto;
    /* We don't want vertical scrolling */
    overflow-y: hidden;
    /* Make an auto-hiding scroller for the 3 people using a IE */
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /* For WebKit implementations, provide inertia scrolling */
    -webkit-overflow-scrolling: touch;
    /* We don't want internal inline elements to wrap */
    white-space: nowrap;
    /* Remove the default scrollbar for WebKit implementations */
    scrollbar-width: none;
}

    .cat-sub-nav::-webkit-scrollbar {
        display: none;
    }

    .cat-sub-nav ul {
        display: flex;
        padding: 0;
        margin: 0;
        list-style: none;
        flex-grow: 1;
    }

    .cat-sub-nav li {
        display: inline-table;
        margin: 0 10px;
        font-size: 16px;
    }

.arrow {
    display: block;
    margin: 30px auto;
    width: 20px;
    height: 20px;
    border-top: 2px solid #bd131a;
    border-left: 2px solid #bd131a;
}

.nav-prev {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 14px;
    transform: rotate(-45deg);
    top: -13px;
    cursor: pointer;
}

.nav-next {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 97%;
    transform: rotate(135deg);
    top: -13px;
    cursor: pointer;
}

/* adjustment of Nav-next button on smaller screen sizes */

@media screen and (max-width: 600px) {
    .nav-next {
        left: 96.5%;
    }
}

@media screen and (max-width: 600px) {
    .nav-next {
        left: 95%;
    }
}


/*************
WINNERS 
*************/
        .awards-winners h1, .awards-winners h2, .awards-winners h3 {
    color: #1E1C24;
    text-align: center;
}

.awards-winners .video-main {
    margin-left: -.5em !important;
    margin-right: -.5em !important;
}

.awards-winners .video-main-inner {
    padding: 0;
}

.awards-winners .video-wrapper {
    background-color: #f9f9f9;
    box-shadow: 0 6px 14px 5px rgba(0,0,0,0.1),0 0 0 1px rgba(0,0,0,0.02);
    height: auto;
    padding: .875em;
    transition: all .5s ease;
}

    .awards-winners .video-wrapper .video-aspect-ratio {
        margin: 0;
    }

.awards-winners .container-primary p:first-child {
    max-width: 960px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


.awards-winners .categories-heading, .awards-winners .poty-heading {
    color: var(--itn-color-accent-blue-4);
    font-size: calc(26px + (32 - 26) * ((100vw - 320px) / (1120 - 320)));
    margin-bottom: .625em;
}

.awards-winners .categories-heading {
    margin-top: 1.5em;
}

.awards-winners .poty {
    background: #f6f8fd;
    padding: 2.5em 0;
    text-align: center;
}

.awards-winners .nominee-container .name {
    font-size: calc(16px + (19 - 16) * ((100vw - 320px) / (1120 - 320)));
    font-weight: bold;
    line-height: 1.25em;
}


/*************
HOSTED
*************/
.hosted-container {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-family: 'Open Sans', sans-serif;
    background: #000000;
    margin: 1.5em auto;
    width: 100%;
    max-width: 600px;
    padding: 0.5em;
    position: relative;
}

    .hosted-container a {
        display: inline-block;
        width: 100%;
        height: 100%;
        font-weight: 300 !important;
        color: #E5574A;
    }

        .hosted-container a div {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 120px;
            padding: 0.5em;
        }

    .hosted-container img {
        float: left;
        width: 100px;
        vertical-align: middle;
    }

    .hosted-container a span {
        position: absolute;
        right: 0px;
        bottom: 0px;
        margin: 10px;
        background-color: #E5574A;
        color: #FFFFFF;
        padding: 2px 4px;
        font-size: 0.9rem;
    }


.categoryReleaseDate {
    background-color: #aed0ff;
    box-shadow: 0 0.1rem 0.1rem .01rem rgba(0, 0, 0, 0.13);
    color: #051936;
    font-size: medium;
    font-weight: bold;
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-top: 7px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 3px;
    text-transform: uppercase;
    width: 200px;
}

.categoryReleaseSoon {
    background-color: #aed0ff;
    box-shadow: 0 0.1rem 0.1rem 0.01rem rgb(0 0 0 / 13%);
    color: #051936;
    font-size: medium;
    font-weight: bold;
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-top: 7px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 3px;
    text-transform: uppercase;
    text-align: center;
    width: 200px;
}

.kpmg-coming-soon {
    background-color: #efeff6;
    padding: 2rem;
    margin-top: 1rem;
}

    .kpmg-coming-soon h3 {
        color: var(--itn-color-accent-blue-4);
        font-size: 2.125rem;
        font-family: 'Martel', Georgia, Serif;
        text-align: center;
    }

    .kpmg-coming-soon ul {
        list-style-image: none;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0;
    }

        .kpmg-coming-soon ul li {
            color: #01234a;
            background-color: #aed0ff;
            font-weight: 600;
            margin-bottom: 1.5rem;
            margin-left: .875rem;
            margin-right: .875rem;
            padding: 1rem 1rem;
            transition: all ease 0.3s;
            border-bottom: 5px solid #a8c6ef;
            text-align: center;
            font-size: 1.125rem;
            line-height: 1.25;
            display: flex;
            justify-content: center;
            align-items: center;
        }

.mb-4 {
    margin-bottom: 40px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.showcase {
    display: flex;
    flex-wrap: wrap;
}

.details {
    background-color: #1d375c;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
    padding: 1rem 15px;
    position: relative;
    bottom: 0;
    text-align: center;
    width: 100%;
    height: 110px;
}

    .details .name {
        text-transform: uppercase;
        font-size: 1.125em;
        font-weight: bold;
        line-height: 1.25em;
    }

    .details .customer {
        font-size: 0.825em;
    }

.enter-now {
    text-align: center;
    padding: 10px;
    margin: 30px 0;
}

.enter-now a {
    background-color: #ca0808;
    color: #fff !important;
    padding: 15px 30px 15px 30px;
    border-radius: 20px;
    font-weight: bold;
    font-size: 2em;
    font-family: "Lato", Helvetica, Roboto, Arial, sans-serif;
}

/*************
SPEAKERS
*************/

.awards-speakers {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}

.team-member {
    text-align: center !important;
    flex: 0 0 auto;
    width: 25%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
    cursor: pointer;
}

.speaker {
    padding: 1rem .75rem 1rem;
    border: 1px solid #eff1f5;
    background-color: #eff1f5;
    height: 100%;
}

.card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}

img.speaker-image {
    width: 110px;
    height: 110px;
    border: 5px solid #d7dff8;
    border-radius: 50% !important;
}

.team-member-heading {
    color: #282359;
    font-weight: 600;
    margin-top: .625em;
    margin-bottom: 1rem;
    line-height: 1.2;
    font-size: 1.5rem;
}

.team-member-title {
    color: #3c5dba;
    display: block;
    font-size: .9em;
    line-height: 1.5;
    margin-top: .25em;
}

.speaker .read-more {
    color: #3c5dba;
    font-weight: bold;
    font-size: .9em;
}

.awards_overlay .modal-header {
    display: flex;
    border-bottom-color: #d6dbe5;
    align-items: center;
    padding: .75rem 1.625rem;
    background-color: #e9ecf0;
}

.round-image {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 20px;
}

.ui-dialog .ui-dialog-titlebar {
    background-color: #e9ecf0;
}

.modal-description {
    padding: 0 1em;
}

/*************
MOBILE
*************/
@media (min-width:400px) {
    .columns {
        padding-left: 0.9375em;
        padding-right: 0.9375em;
    }
}

@media (min-width:501px) {
    #awards-header .container {
        display: flex;
        justify-content: center;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .awards-header-logo {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .awards-header__intro {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (min-width:640px) {
    #awards-header .container {
        display: flex;
        justify-content: center;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .awards-header-logo {
        width: 40%;
    }

    .awards-header__intro {
        margin-top: 50px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .awards-header__intro-heading {
        font-size: 34px;
    }

        .awards-header__intro-heading span {
            font-size: 36px;
        }

    .awards-header__intro-text {
        font-size: 20px;
        line-height: 1.25;
    }

    .categories .column .categoryName {
        min-height: 62px;
    }
}


@media (min-width:700px) {
    .categories .column .categoryName {
        min-height: 62px;
    }
}


@media (min-width:960px) {
    .change .mrec {
        height: 324px;
        width: 33.33333%
    }

    .columns {
        padding-left: 0.9375em;
        padding-right: 0.9375em;
    }

    .kpmg-coming-soon ul li {
        width: 22%;
    }

    .awards-header__intro {
        margin-top: 70px;
    }

    .awards-header__intro-heading {
        font-size: 50px;
        line-height: 1.25;
    }

        .awards-header__intro-heading span {
            font-size: 50px;
        }

        .awards-header__intro-heading span {
            font-size: 54px;
        }
}

@media (min-width:1120px) {
    #awards-header .container {
        max-width: 1120px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .awards-header__intro-heading span {
        font-size: 56px;
    }

    .awards-header__intro-text {
        font-size: 22px;
        line-height: 1.125;
        margin-top: 100px;
    }

    #awards-header .button {
        font-size: 1.35rem;
    }

    .awards-winners .categories-heading {
        font-size: 32px;
        margin-bottom: .9875em;
    }

    .awards-winners .poty-heading {
        font-size: 32px;
        line-height: 1;
        margin-bottom: .5em;
    }

    .awards-winners .video-main {
        margin-top: 1rem;
        margin-bottom: 4rem;
    }

    .awards-winners .nominee-container .name {
        font-size: 19px;
    }

    .awards-winners .poty {
        margin-top: 2.5rem;
        padding-bottom: 4.5em;
        padding-top: 3em;
    }

        .awards-winners .poty p {
            margin-top: 1.375rem;
        }
}

@media (max-width: 960px) {
    #sticky-nav {
        top: 0;
        border-bottom: 0;
    }

    #skin {
        padding-top: 70px;
    }

    #awards {
        margin-top: 0;
    }

    #awards-header {
        padding-top: 60px;
    }

        #awards-header img {
            max-width: 200px;
        }

    ul#awards-nav li a, ul#awards-nav li a:hover {
        font-size: 0.875rem !important;
        height: 49px !important;
    }

        ul#awards-nav li a:hover:after {
            border-bottom: none !important;
        }
}

@media (max-width: 720px) {
    #awards-header img {
        max-width: 160px;
    }

    ul#awards-nav {
        flex-flow: wrap;
        height: auto !important;
    }

        ul#awards-nav li {
            flex: 1 33.33333% !important;
        }
}

@media (max-width: 640px) {
    h2 {
        font-size: 1.75em;
    }
}

@media (max-width: 600px) {
    #awards-header img {
        max-width: 50%;
        max-width: 140px;
    }

    .nominee-overlay-details .nomineeImage {
        width: 120px;
        max-width: none;
    }

    .nominee-overlay-details .nominee-overlay-description {
        left: 150px;
        padding-right: 20px;
    }
}

@media (max-width: 525px) {
    ul#awards-nav li.nav-benchmarkingchange a {
        line-height: 20px;
    }
}

@media (max-width: 500px) {
    #awards-header img {
        max-width: 40%;
    }

    .categories .column {
        padding: 0 0.3em;
    }

    .hosted-container {
        font-size: 0.875rem;
    }

    #pastwinners-ddl-container {
        display: block;
    }

    #win-header {
        display: none;
    }

    .nominee-overlay-details {
        height: 190px;
    }

        .nominee-overlay-details .nomineeImage {
            width: 120px;
            height: 120px;
        }

        .nominee-overlay-details .nominee-overlay-description {
            position: static;
            padding-right: 0;
            padding-top: 10px;
            left: 0;
            clear: left;
        }

    .nomineeName {
        font-size: 1.75em;
        line-height: 1.25em;
    }

    .nomineeCustomer {
        font-size: 1em;
        line-height: 1.5em;
        font-style: italic;
    }

    ul#awards-nav li a, ul#awards-nav li a:hover {
        font-size: 0.71rem !important;
        height: 49px !important;
    }
}

@media (max-width: 360px) {
    h1 {
        font-size: 2.15em;
    }

    .awards_overlay .logo {
        position: relative;
        float: right;
        top: 0px;
        left: 0px;
        margin: 10px;
    }

    .awards_overlay .description {
        margin: 0;
    }

    .hosted-container img {
        width: 75px;
    }

    .hosted-container a div {
        left: 85px;
    }
}