.main {
    color: white;
    background: #ededed;
    padding: 30px 0;
}

div#headerbar {
    position: sticky;
    position: -webkit-sticky;
    top: 0px;
    width: 100%;
    z-index: 15;
}

div#headerbar header {
    top: 0px;
    position: absolute;
    width: 100%;
}

div#footer {
    bottom: 0px;
    width: 100%;
    margin-top: 0px;
}

html, body, div#root {
    max-height: 100%;
    overflow: auto;
    width: 100%;
    overflow-x: hidden;
}

section.categories div li.AwardsSlot.greyOverlay {
    opacity: .3;
    filter: alpha(opacity=30);
    /* For IE8 and earlier */
    z-index: 10;
}

section.categories div li.AwardsSlot.greyOverlay:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */
}

li.AwardsSlot a {
    z-index: 5;
    position: absolute;
    color: white;
    width: 100%;
    height: 100%;
}

section.overallWinner a.aOverlay {
    z-index: 5;
    position: absolute;
    color: white;
    width: 50%;
    font-size: 1.375rem;
    display: inline-block;
}
section.overallWinner strong {
    position: initial;
    z-index: 2;
    font-size: 1em;
    display: table;
    margin: 25% auto 30%;
}

.categories.large section.overallWinner:hover strong {
    opacity: 0;
}

li.AwardsSlot h3 {
    float: left;
}

li.AwardsSlot:last-child {
    float: right;
}

li.AwardsSlot.previousYearWinner a {
    color: #e32116;
}

li.AwardsSlot img {
    opacity: .3;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

li.AwardsSlot.previousYearWinner img {
    opacity: unset;
    -webkit-transition: all unset;
    -moz-transition: all unset;
    -ms-transition: all unset;
    -o-transition: all unset;
    transition: all unset;
}

.categories.large section.overallWinner img {
    opacity: .6;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    clip-path: inset(90px 0 0 0);
    position: relative;
    top: -90px;
}

.categories.large section.overallWinner:hover img {
    opacity: 1
}

li.AwardsSlot:hover img {
    opacity: 1;
}

li.AwardsSlot:hover a {
    opacity: 0;
}

li.AwardsSlot.previousYearWinner:hover a {
    color: #000;
    opacity: 1;
}

.categories a:hover strong:last-child {
    opacity: 1;
}

.overallWinner {
    float: left;
    max-width: 50%;
    overflow: hidden;
    color: white;
    position: sticky;
    position: -webkit-sticky;
    top: 65px;
    left: 0px;
    line-height: 0.8em;
    margin-bottom: 15px;
    margin-top: -90px
}
.overallWinner div {
    display: inline-block;
}

.categories.large section.overallWinner {
    max-width: 50%;
    color: white;
    position: initial;
    line-height: 0.8em;
    margin-left: auto;
    margin-right: auto;
    float: unset;
    overflow: unset;
    margin-bottom: -90px;
    margin-top: 50px;
}

.overallWinner div.information {
    text-align: left;
    margin-left: 3%;
    margin-right: 15px;
    line-height: initial;
    font-size: 1.2em;
    padding: 15px 30px 0px;
    display: grid;
}

.overallWinner div.information h2 {
    font-size: 2rem;
    text-shadow: 0 0 5px #000;
}

.overallWinner div.information button {
    background: #bc081c;
    border: #bc081c;
    color: #FFF;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    padding: 7px 13px;
    display: inline-block;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    border-radius: 2px;
    margin-top: 22px;
}

.overallWinner img {
    max-width: 100%;
}

div.pointer {
    width: 15%;
    height: 90px;
    min-width: 348px;
    clip-path: polygon(0 0%, 50% 100%, 100% 0%);
    -webkit-clip-path: polygon(0 0%, 50% 100%, 100% 0%);
    background-color: #bc081c;
    position: relative;
    position: -webkit-absolute;
    right: 0;
    left: 0;
    top: initial;
    margin-right: auto;
    margin-left: auto;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    z-index: 10;
}

div .masthead {
    position: sticky;
    position: -webkit-sticky;
    z-index: 14;
    top: 66px;
    width: 100%;
    margin-top: 76px;
}

section.sponsor .masthead {
    top: unset;
    margin-top: unset;
}

div .masthead div.title {
    text-align: center;
    height: 66px;
    background: #bc081c;
    color: white;
}

div .masthead div.title .mobiletitle {
    display: none;
}

div .masthead div.sponsor {
    position: absolute;
    right: 0;
    top: 2px;
    max-height: 60px;
}

section.masthead div.sponsor h3 {
    all: unset;
    float: right;
    margin-top: 20px;
    color: white;
    font-weight: 400;
    font-size: .75rem;
}

div.sponsor img {
    max-width: 40%;
    max-height: 50%;
    float: right;
    margin: 5px;
}

div .masthead div.logo {
    position: absolute;
    top: 13px;
    margin-left: 4%;
    z-index: inherit;
    width: 155px;
}

div.logo img {
    width: 100%
}

div .masthead div.title h2 {
    font-family: Helvetica Neue;
    text-align: center;
    font-size: 2.5em;
    font-weight: 500;
}

div .masthead div.title h2.desktoptitle {
    padding: unset;
    display: table;
    margin: 0 auto;
    width: max-content;
    padding-top: 20px;
}

.categories.large {
    margin-top: 3%;
    width: 100%;
}

.categories.large.noTopSpacing {
    margin-top: unset;
    padding-top: unset;
}

.categories {
    text-align: center;
    width: 50%;
    position: relative;
    float: right;
    z-index: 10;
    margin-top: -90px
}

.categories.large li {
    width: 25%;
}

.categories li {
    list-style: none;
    float: left;
    position: relative;
    overflow: hidden;
    flex-basis: 32%;
    max-height: 399px;
    width: 50%;
    line-height: .8em;
}

.categories li img {
    width: 100%;
}

.categories li.meetthewinners {
    display: none;
}

.categories.large li.meetthewinners {
    display: inherit;
    width: 100%;
    height: 50px;
    background-color: white;
}

.categories.large li.meetthewinners p {
    margin-top: 18px;
    color: #000;
    font-size: 1rem;
    font-family: sans-serif;
    font-weight: 600;
    letter-spacing: .0625rem;
    text-transform: uppercase;
}

.Video .image .video #overlay {
    width: 100%;
    min-height: 86vh;
    text-align: center;
    z-index: 100;
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.Video .image .video #overlay a {
    top: 33%;
    position: sticky;
}

div#gpt_7294_mpu_flexible1 {
    float: left;
    margin-top: unset;
    margin-right: auto;
    margin-left: unset;
}

.catLink {
    float: left;
    margin: 22px auto auto 0px;
    font-size: small;
    text-transform: capitalize;
}

.masthead div.title h3 {
    z-index: 15;
}

div.title .catLink h3 {
    position: absolute;
    left: 34px;
    color: #fff;
    font-size: 13px;
    padding-top: 15px
}

div.title .desktoptitle, .desktoptitle strong, .desktoptitle em {
    z-index: 14;
    max-width: fit-content;
    max-width: -webkit-fit-content;
    display: table;
    margin: 0 auto;
    position: relative;
}

div.title h2.desktoptitle em {
    vertical-align: text-top;
}

section.overallWinner a.overallWinnerButton {
    z-index: 5;
    bottom: 17%;
    color: white;
    width: 50%;
    display: table;
    font-size: 1.375rem;
    position: unset;
    margin: unset;
}

section.overallWinner a.overallWinnerButton:hover {
    all: unset;
}

img.videoReplacement {
    width: 100%;
    height: auto;
}

div.contentBody {
    width: 55%;
    margin-left: auto;
    margin-right: unset;
}

main.sponsorship {
    background: none;
    margin: 85px auto;
}

main.sponsorship a {
    color: #e32116;
    border-bottom: 2px solid #e32116;
}

section.editorial article.col-1-2 {
    max-width: 80%;
}

section.editorial footer.col-1-2 {
    width: 18%;
}

div.imageIndent {
    border-bottom: 15px solid #101010;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    position: relative;
    content: ' ';
    z-index: 100;
    display: table;
    margin: -9.8% auto;
}

.editorial h2.safety {
    margin: 10px;
    padding: 0 0 10px;
    color: #e32116;
    font-size: 1em;
}

section.masthead div.title h1.desktoptitle em {
    font-size: 14px;
}

.previousWinner {
    position: relative;
    width: 100%;
    height: 50px;
    z-index: 15;
    color: #e32116;
    background: white;
    font-size: 20px;
}

.previousWinner h3 {
    padding-top: 8px;
    text-transform: uppercase;
}
#gpt_7294_masthead1{
    margin: 15px;
}
/* Source: assets/css/section.main.css */

@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Clear%20Sans|Bitter);
.btn {
    background: #e32116;
    color: #FFF;
    font-weight: 700;
    font-size: 1.125rem;
    padding: 7px 13px;
    display: inline-block;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    border-radius: 2px;
    margin-top: 22px;
}

.btn.review {
    background: #3a46f7
}

.btn.buy {
    background: #32a530
}

.btn:hover {
    color: #e32116;
    background: #ddd
}

.btn:hover.review {
    color: #3a46f7
}

.btn:hover.buy {
    color: #267d25
}

@media handheld, only screen and (max-width:50em) {
    .btn.buy {
        display: block;
        text-align: center;
        border: 10px solid #fff;
        padding: 13px 10px;
        margin-bottom: 20px
    }
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    overflow: auto;
}

body {
    margin: 0
}

article, section.aside, details, figcaption, figure, footer, header, hgroup, section.main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2.2em
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.flip-clock-wrapper a {
    cursor: pointer;
    text-decoration: none;
    color: #ccc
}

.flip-clock-wrapper a:hover {
    color: #fff
}

.flip-clock-wrapper ul {
    list-style: none
}

.flip-clock-wrapper.clearfix:after, .flip-clock-wrapper.clearfix:before {
    content: " ";
    display: table
}

.flip-clock-wrapper.clearfix:after {
    clear: both
}

.flip-clock-wrapper {
    -webkit-user-select: none
}

.flip-clock-meridium {
    background: none!important;
    box-shadow: 0 0 0!important;
    font-size: 36px!important
}

.flip-clock-meridium a {
    color: #313333
}

.flip-clock-wrapper {
    text-align: center;
    position: relative;
    width: auto;
    margin: 0 auto;
    display: inline-block
}

.flip-clock-wrapper:after, .flip-clock-wrapper:before {
    content: " ";
    display: table
}

.flip-clock-wrapper:after {
    clear: both
}

.flip-clock-wrapper ul {
    position: relative;
    float: left;
    margin: 5px;
    width: 60px;
    height: 90px;
    font-size: 80px;
    font-weight: 700;
    line-height: 87px;
    border-radius: 6px;
    background: #000
}

.flip-clock-wrapper ul li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 87px;
    text-decoration: none!important
}

.flip-clock-wrapper ul li:first-child {
    z-index: 2
}

.flip-clock-wrapper ul li a {
    display: block;
    height: 100%;
    -webkit-perspective: 200px;
    -moz-perspective: 200px;
    perspective: 200px;
    margin: 0!important;
    overflow: visible!important;
    cursor: default!important
}

.flip-clock-wrapper ul li a div {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    font-size: 80px;
    overflow: hidden;
    outline: transparent solid 1px
}

.flip-clock-wrapper ul li a div .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2
}

.flip-clock-wrapper ul li a div.up {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    top: 0
}

.flip-clock-wrapper ul li a div.up:after {
    content: "";
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 3px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .4)
}

.flip-clock-wrapper ul li a div.down {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.flip-clock-wrapper ul li a div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    color: #fff;
    text-align: center;
    background-color: #e32116;
    border-radius: 6px;
    font-size: 70px
}

.flip-clock-wrapper ul li a div.up div.inn {
    top: 0
}

.flip-clock-wrapper ul li a div.down div.inn {
    bottom: 0
}

.flip-clock-wrapper ul.play li.flip-clock-before {
    z-index: 3
}

.flip-clock-wrapper ul.play li.flip-clock-active {
    -webkit-animation: asd .5s .5s linear both;
    -moz-animation: asd .5s .5s linear both;
    animation: asd .5s .5s linear both;
    z-index: 5
}

.flip-clock-divider {
    float: left;
    display: inline-block;
    position: relative;
    width: 20px;
    height: 100px
}

.flip-clock-divider:first-child {
    width: 0
}

.flip-clock-dot {
    display: block;
    background: #fff;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    left: 5px
}

.flip-clock-divider .flip-clock-label {
    position: absolute;
    top: -1.5em;
    right: -87px;
    color: #fff;
    text-shadow: none
}

.flip-clock-divider.hours .flip-clock-label {
    right: -90px
}

.flip-clock-divider.minutes .flip-clock-label {
    right: -95px
}

.flip-clock-divider.seconds .flip-clock-label {
    right: -100px
}

.flip-clock-dot.top {
    top: 30px
}

.flip-clock-dot.bottom {
    bottom: 30px
}

@-webkit-keyframes asd {
    0% {
        z-index: 2
    }
    100%, 20% {
        z-index: 4
    }
}

@-moz-keyframes asd {
    0% {
        z-index: 2
    }
    100%, 20% {
        z-index: 4
    }
}

@-o-keyframes asd {
    0% {
        z-index: 2
    }
    100%, 20% {
        z-index: 4
    }
}

@keyframes asd {
    0% {
        z-index: 2
    }
    100%, 20% {
        z-index: 4
    }
}

.flip-clock-wrapper ul.play li.flip-clock-active .down {
    z-index: 2;
    -webkit-animation: turn .5s .5s linear both;
    -moz-animation: turn .5s .5s linear both;
    animation: turn .5s .5s linear both
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotateX(90deg)
    }
    100% {
        -webkit-transform: rotateX(0deg)
    }
}

@-moz-keyframes turn {
    0% {
        -moz-transform: rotateX(90deg)
    }
    100% {
        -moz-transform: rotateX(0deg)
    }
}

@-o-keyframes turn {
    0% {
        -o-transform: rotateX(90deg)
    }
    100% {
        -o-transform: rotateX(0deg)
    }
}

@keyframes turn {
    0% {
        transform: rotateX(90deg)
    }
    100% {
        transform: rotateX(0deg)
    }
}

.flip-clock-wrapper ul.play li.flip-clock-before .up {
    z-index: 2;
    -webkit-animation: turn2 .5s linear both;
    -moz-animation: turn2 .5s linear both;
    animation: turn2 .5s linear both
}

@-webkit-keyframes turn2 {
    0% {
        -webkit-transform: rotateX(0deg)
    }
    100% {
        -webkit-transform: rotateX(-90deg)
    }
}

@-moz-keyframes turn2 {
    0% {
        -moz-transform: rotateX(0deg)
    }
    100% {
        -moz-transform: rotateX(-90deg)
    }
}

@-o-keyframes turn2 {
    0% {
        -o-transform: rotateX(0deg)
    }
    100% {
        -o-transform: rotateX(-90deg)
    }
}

@keyframes turn2 {
    0% {
        transform: rotateX(0deg)
    }
    100% {
        transform: rotateX(-90deg)
    }
}

.flip-clock-wrapper ul li.flip-clock-active {
    z-index: 3
}

.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
    -webkit-animation: show .5s linear both;
    -moz-animation: show .5s linear both;
    animation: show .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
    -webkit-animation: hide .5s .3s linear both;
    -moz-animation: hide .5s .3s linear both;
    animation: hide .5s .3s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
    -webkit-animation: show .5s linear both;
    -moz-animation: show .5s linear both;
    animation: show .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
    -webkit-animation: hide .5s .3s linear both;
    -moz-animation: hide .5s .3s linear both;
    animation: hide .5s .2s linear both
}

@-webkit-keyframes show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes hide {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes hide {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-o-keyframes hide {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes hide {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

body {
    font-family: "Clear Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-align: center;
    color: #1b1b1b;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    background: black;
    position: relative;
}

html {
    min-height: 100%;
    height: 100%
}

.paginate {
    background: #252525;
    width: 100%;
    height: 30px;
    position: relative;
    margin: 0 auto
}

.paginate .next, .paginate .prev {
    font-size: 14px;
    font-size: .875rem;
    color: #888;
    margin: 0;
    background: #252525;
    border-radius: 0;
    padding: 5px 0;
    display: inline-block;
    width: 50%;
    position: absolute;
    text-align: center;
    left: auto;
    right: auto;
    top: 0;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s
}

.paginate .next:hover, .paginate .prev:hover {
    color: #fff
}

.paginate span {
    display: block;
    width: 80%
}

.paginate .prev {
    left: 0
}

.paginate .next {
    right: 0
}

.paginate .next span {
    float: right
}

.full-img {
    position: relative;
    padding-top: 75%;
    overflow: hidden
}

.full-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto
}

a {
    color: inherit;
    text-decoration: none
}

.cf:after, .cf:before, .social:after, .social:before {
    content: " ";
    display: table
}

.cf:after, .social:after {
    clear: both
}

.container {
    width: 85%;
    max-width: 2200px;
    margin: 0 auto;
    padding: 0 50px
}

.col-1-2 {
    float: left
}

.masthead #leaderboard-container {
    padding-bottom: 10px;
    border-bottom: 2px solid #ededed
}

.masthead #leaderboard-container #gpt_7294_leaderboard {
    max-width: 728px;
    height: 90px;
    margin: 0 auto
}

@media handheld, only screen and (max-width:50em) {
    .masthead #leaderboard-container {
        display: none
    }
}

.masthead .logo-container {
    position: relative;
    padding-top: 14px
}

.masthead .logo-container a {
    display: block
}

.masthead .logo-container .back {
    font-size: 14px;
    font-size: .875rem;
    color: #888;
    margin-left: 30px;
    display: inline-block;
    padding-bottom: 10px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: relative;
    top: -6px;
    z-index: 5
}

.masthead .logo-container .back:hover {
    color: #000
}

@media handheld, only screen and (max-width:50em) {
    .masthead .logo-container .back {
        display: block;
        margin: 0 auto;
        width: 100px
    }
}

.masthead .logo-container h1 {
    position: absolute;
    z-index: 100;
    left: 30px;
    top: 31px
}

@media handheld, only screen and (max-width:50em) {
    .masthead .logo-container h1 {
        position: static
    }
}

.masthead .logo-container h1 img {
    width: 124px;
    height: auto;
    display: block
}

body.home .masthead h1 {
    top: 28px!important
}

body.home .masthead h1 img {
    width: 155px
}

body.home .masthead .back {
    padding-bottom: 18px
}

body.holding .masthead h1 {
    display: none
}

body.holding .masthead .back {
    top: 7px
}

.categorygrid header, .Video header {
    background: url(../img/bg-header.png) 50% 100%/100% 140px no-repeat;
    -webkit-background-size: 100% 140px;
    -moz-background-size: 100% 140px;
    -ms-background-size: 100% 140px;
    -o-background-size: 100% 140px;
    position: absolute;
    z-index: 4;
    max-width: 640px;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 13px;
    letter-spacing: -.4px;
    letter-spacing: -.025rem
}

.categorygrid header h1, .Video header h1 {
    color: #000
}

.categorygrid header h2, .Video header h2 {
    display: inline-block;
    padding: 10px 20px 20px
}

.categorygrid header h3 span, .Video header h3 span {
    border-top: 1px solid #505050;
    padding-top: 8px
}

.categorygrid header h3 strong, .Video header h3 strong {
    display: block;
    margin-top: 2px
}

.categorygrid header h3 em, .Video header h3 em {
    display: block;
    font-style: normal;
    margin-bottom: 42px;
    color: #aaa
}

.categorygrid header {
    margin-top: 135px;
    padding-bottom: 40px;
    -webkit-background-size: 100% 85px;
    -moz-background-size: 100% 85px;
    -ms-background-size: 100% 85px;
    -o-background-size: 100% 85px;
    background-size: 100% 85px
}

.categorygrid header h3 em {
    margin-bottom: 25px
}

.Video header {
    padding-top: 130px
}

.Video header h1 {
    font-size: 1.9em;
    color: #e32116;
    max-width: 400px;
    margin: 0 auto
}

.Video header h3 strong {
    display: inline-block;
    border-top: 1px solid #eee;
    padding-top: 11px;
    margin-top: 9px
}

.Video header h3 span {
    width: 100px;
    margin: 0 auto;
    border-top: 1px solid #eee
}

.Video header h3 em {
    margin-top: 0
}

.awards-header {
    padding: 0;
    background-color: #fff
}

.awards-header #leaderboard-container {
    padding: 10px 0
}

.masthead {
    text-align: left;
}

@media handheld, only screen and (max-width:50em) {
    .awards-header #leaderboard-container {
        display: none
    }
}

.newheader {
    z-index: 200!important
}

.masthead--sticky {
    z-index: 10
}

.masthead--sticky .newheader__social {
    display: none
}

body .section.main--sticky {
    margin-bottom: 326px
}

.newheader__nav-menu {
    overflow-y: hidden
}

@media handheld, only screen and (min-width:1120px) {
    .newheader__nav-menu {
        overflow-y: initial
    }
}

body .social__item {
    margin-top: 3px
}

.sponsorship .container {
  text-align: left;
}
.sponsorship .container h2 {
  font-size: 1.6875rem;
  margin: 0;
  padding: 0;
}

div.sponsor {
    float: right;
    margin-right: 30px;
    top: 13px;
    right: 0;
    position: absolute;
    z-index: 5
}

div.sponsor strong {
    color: #888;
    font-weight: 400;
    font-size: 12px;
    font-size: .75rem;
    float: right;
    margin-top: 22px;
}

div.sponsor img {
    vertical-align: middle;
    margin-left: 10px;
    height: auto;
    width: auto
}

div.sponsor.allianz {
    top: 11px
}

div.sponsor.allianz img {
    height: 41px;
    padding: 4px
}

div.sponsor.nxl {
    top: 11px
}

div.sponsor.nxl img {
    height: 41px;
    padding: 4px
}

div.sponsor.ala {
    top: 11px
}

div.sponsor.ala img {
    height: 50px
}

div.sponsor.hpi {
    top: 9px
}

div.sponsor.hpi img {
    height: 50px
}

div.sponsor.reevoo {
    top: 20px
}

div.sponsor.reevoo img {
    margin-top: -3px;
    height: 18px
}

div.sponsor.thatcham {
    top: 9px
}

div.sponsor.thatcham img {
    height: 51px;
    padding: 2px
}

div.sponsor.warrantydirect {
    top: 16px
}

div.sponsor.warrantydirect img {
    height: 33px
}

div.sponsor.nec {
    top: 9px
}

div.sponsor.nec img {
    height: 46px;
    padding: 2px
}

div.sponsor.stuff {
    top: 16px
}

div.sponsor.stuff img {
    height: 33px
}

div.sponsor a, div.sponsor a:hover .desc {
    display: block
}

body.sponsor section.sponsorship.categorygrid .container {
    width: 60%
}

@media handheld, only screen and (max-width:50em) {
    body.sponsor section.sponsorship.categorygrid .container {
        width: 90%
    }
}

@media handheld, only screen and (max-width:50em) {
    body.sponsor .logo-container .sponsor {
        display: none
    }
}

.intro {
    background-image: url(../img/curtains.jpg);
    -webkit-background-fill: fit;
    -moz-background-fill: fit;
    -ms-background-fill: fit;
    -o-background-fill: fit;
    background-fill: fit;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    color: #fff
}

.intro .box {
    position: relative;
    max-width: 730px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px
}

.intro .box div {
    position: relative
}

.intro .box h1 {
    padding: 18% 0 0;
    margin: 0
}

.intro .box h1 img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.intro .box p {
    margin: 0;
    padding: 20px 0 40px
}

.intro p a {
    color: #e32116;
    border-bottom: 1px solid #e32116
}

.intro .countdown {
    padding-top: 20px;
    margin-bottom: 150px;
    overflow: hidden
}

body.live {
    background: url(/awards/assets/video/winner_blur.jpg) 50% 50%/cover no-repeat fixed #000;
    -webkit-background-fill: fit;
    -moz-background-fill: fit;
    -ms-background-fill: fit;
    -o-background-fill: fit;
    background-fill: fit;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover
}

body.live .masthead {
    z-index: 100;
    top: 0;
    right: 0;
    left: 0
}

body.live .masthead h1 {
    background: url(../img/bg-header.png) 50% 100%/100% 140px no-repeat;
    -webkit-background-size: 100% 140px;
    -moz-background-size: 100% 140px;
    -ms-background-size: 100% 140px;
    -o-background-size: 100% 140px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
    padding: 40px 0
}

body.live .fallback {
    display: none;
    width: 100%;
    height: auto
}

body.live .footer {
    display: none
}

body.live .section.main {
    width: 50%;
    position: fixed;
    top: 50%
}

body.live video {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, .5), 0 -20px 20px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 20px 20px rgba(0, 0, 0, .5), 0 -20px 20px rgba(0, 0, 0, .5);
    -ms-box-shadow: 0 20px 20px rgba(0, 0, 0, .5), 0 -20px 20px rgba(0, 0, 0, .5);
    -o-box-shadow: 0 20px 20px rgba(0, 0, 0, .5), 0 -20px 20px rgba(0, 0, 0, .5);
    box-shadow: 0 20px 20px rgba(0, 0, 0, .5), 0 -20px 20px rgba(0, 0, 0, .5)
}

body.live .btn {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    border-radius: 2px
}

body.live .btn.ani-anchor, body.live .copy strong {
    display: none
}

body.live .copy {
    color: #fff;
    text-align: left;
    padding: 15px 30px 0
}

body.live .copy h1, body.live .copy h2 {
    -webkit-text-shadow: 0 0 5px #000;
    -moz-text-shadow: 0 0 5px #000;
    -ms-text-shadow: 0 0 5px #000;
    -o-text-shadow: 0 0 5px #000;
    text-shadow: 0 0 5px #000
}

body.live .copy h1 {
    font-size: 40px;
    font-size: 2.5rem
}

body.live .copy h2 {
    font-weight: 400;
    margin: 5px 0 25px;
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 30px;
    line-height: 1.875rem
}

body.live .copy strong {
    margin: 0 5px
}

body.live .copy img {
    float: left
}

body.live .categories {
    width: 50%;
    float: right;
    padding-top: 175px
}

body.live .categories h1 {
    display: none
}

body.live .categories li {
    width: 50%;
    padding-top: 30%
}

body.home .paginate, body.live .categories li.winner {
    display: none
}

body.home li.previous-winners {
    display: block
}

@media handheld, only screen and (max-width:50em) {
    body.home li.previous-winners {
        display: none
    }
}

body.home div.previous-winners {
    display: none
}

body.home .masthead .logo-container h2 {
    font-size: 40px
}

body .categories h1 {
    margin-top: 7px
}

body .previous-winners a {
    background-color: #fff;
    color: #e32116;
    font-size: 0.9375rem;
}

body .previous-winners a:hover {
    color: #252525;
}

body .previous-winners a:hover strong {
    opacity: 1!important
}

body div.sponsor img {
    background-color: #fff
}

body li.previous-winners {
    display: none
}

body div.previous-winners a {
    display: block;
    width: 100%;
    padding: 16px 0 14px;
    text-transform: uppercase
}

body .Video {
    margin-top: 30px;
}

body section.aside .accolade em {
    margin-top: 0
}

body .paginate-bg {
    position: absolute;
    bottom: -30px;
    height: 30px;
    width: 100%;
    background-color: #252525
}

body .paginate {
    position: absolute;
    height: 30px;
}

body .paginate a.next, body .paginate a.prev {
    background-color: transparent;
    padding: 7px 0
}

body .Video header {
    display: none
}

@media handheld, only screen and (max-width:50em) {
    body .Video header {
        display: block;
        padding-top: 21px
    }
}

body .Video-sticky {
    padding-top: 339px;
    margin-bottom: -339px
}

@media handheld, only screen and (max-width:50em) {
    body .Video-sticky {
        padding-top: 153px;
        margin-bottom: -153px
    }
}

body .section.main--sticky {
    position: relative;
    top: 326px
}

body div.sponsor strong {
    color: #FFF
}

body .masthead {
    z-index: 14
}

body .masthead .logo-container {
    min-height: 34px;
    z-index: 0
}

body .masthead .logo-container span.pointer {
    clip-path: polygon(50% 5%, -15% 100%, 100% 74%);
    -webkit-clip-path: polygon(50% 5%, -15% 100%, 100% 74%);
    background: #e32116;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    width: 413px;
    height: 180px;
    position: absolute;
    left: 50%;
    margin-left: -207px
}

body .masthead .logo-container h1 {
    z-index: 4;
    top: 40px
}

body .masthead h1 {
    color: #FFF;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
    z-index: 2;
    font-weight: 600;
    font-size: 23px;
    padding: 16px 34%
}

body .masthead h1 strong {
    display: block;
    font-size: 18px;
    border-top: 1px solid #EC6C54;
    font-weight: 200;
    max-width: 303px;
    margin: 6px auto 0;
    padding: 9px 0 4px
}

body .masthead h1 em {
    color: #EC6C54;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    text-transform: capitalize
}

@media screen and (min-width:900px) {
    body .masthead h1 {
        font-size: 25px;
        padding: 16px;
    }
    body .masthead h1 strong {
        font-size: 22px;
    }
    body .masthead h1 em {
        font-size: 20px;
    }
    .mpu--sticky {
        top: 10rem !important;
        bottom: 1rem;
        align-self: flex-end;
    }
}

@media screen and (min-width:1500px) {
    body .masthead h1 {
        font-size: 35px;
        padding: 16px;
    }
    body .masthead h1 em, body .masthead h1 strong {
        font-size: 20px
    }
}

body .masthead h1 span {
    background-color: #e32116;
    position: absolute;
    width: 100%;
    display: inline-block;
    min-height: 72px;
    top: 0;
    left: 0;
    z-index: -1
}

@media handheld, only screen and (max-width:50em) {
    body .masthead h1 span {
        background-color: transparent
    }
}

body .masthead h3 {
    position: absolute;
    left: 32px;
    color: #fff;
    font-size: 23px;
    z-index: 4;
    text-transform: capitalize;
    padding-top: 5px;
}

body .masthead h3 strong {
    width: 244px;
    background-size: contain;
    display: block
}

body .masthead h3 strong span {
    font-size: 23px;
    padding-top: 8px;
    font-weight: 600
}

body .masthead h3 span {
    font-size: 13px;
    display: block;
    text-transform: capitalize;
    font-weight: 400
}

body.carpage .section.main--sticky {
    position: relative;
    top: 44px;
    clear: both
}

body.home .section.main {
    position: absolute;
    top: 70%
}

body.home .section.main--sticky {
    position: fixed;
    top: 51%
}

body.home .categories {
    padding-top: 0;
    margin-top: 35px
}

@media handheld, only screen and (max-width:50em) {
    body.home .categories {
        padding-top: 0!important;
        margin-top: 0
    }
}

body.home .masthead .logo-container {
    min-height: inherit
}

@media screen and (max-width:1024px) {
    body.home .masthead .logo-container span.pointer {
        height: 140px
    }
}

body.home .masthead h1 {
    color: #FFF;
    font-size: 35px;
    padding-top: 20px;
    padding-bottom: 0;
    font-weight: 500
}

body.home .masthead h1 span {
    background-color: #e32116;
    position: absolute;
    width: 100%;
    display: inline-block;
    min-height: 72px;
    top: 0;
    left: 0;
    z-index: -1
}

body.contdown .paginate, body.sponsor .masthead .logo-container span.pointer {
    height: 125px
}

body.sponsor .masthead span.page-title {
    display: none
}

body.sponsor .section.main {
    margin-top: 58px
}

body.sponsor .footer--sticky {
    position: relative;
    top: 326px
}

.mobile-logo-container {
    display: none
}

@media handheld, only screen and (max-width:50em) {
    .section.main {
        margin-top: 31px!important
    }
    body .section.main--sticky {
        top: 157px!important
    }
    .masthead {
        padding: 0!important
    }
    .logo-container {
        display: none
    }
    html body .mobile-logo-container {
        display: block;
        position: relative;
        min-height: 52px;
        background-color: #e32116;
        overflow: hidden;
        min-width: 360px
    }
    html body .mobile-logo-container h2.title {
        width: 244px;
        background-size: contain;
        float: left;
        padding: 0;
        margin: -3px 0 0 9px
    }
    html body .mobile-logo-container h2.title span {
        font-size: 23px;
        padding-top: 8px;
        margin-left: -12px;
        font-weight: 700
    }
    html body .mobile-logo-container .page-title {
        color: #fff;
        z-index: 2;
        position: absolute;
        left: 10px;
        top: 32px;
        font-size: 13px
    }
    html body .mobile-logo-container .sponsor {
        float: right;
        display: inline-block!important;
        text-align: right;
        margin: 0;
        padding: 8px
    }
    html body .mobile-logo-container .sponsor strong {
        display: block;
        margin-bottom: 2px
    }
    html body .mobile-logo-container .sponsor img {
        height: 25px
    }
    html body.home .mobile-logo-container .page-title {
        display: none
    }
    html body.home .mobile-logo-container h2.title {
        display: block;
        margin-top: 6px
    }
}

span.highlight {
    color: #e32116
}

body .Video-sticky .image .video .btn {
    z-index: 15
}

body.mobile-nav-active .Video .image .video .btn {
    z-index: 50
}

body.car-of-the-year .categories, body.carpage .categories {
    margin-top: -7px!important
}

.categories h1 {
    background: #fff
}

.categories li.car-of-the-year, .categories li.winner {
    width: 50%;
    padding-top: 30%
}

@media handheld, only screen and (max-width:50em) {
    .categories li.car-of-the-year, .categories li.winner {
        width: 100%;
        padding-top: 0
    }
}

.categories strong {
    position: relative;
    z-index: 2;
    top: 46.5%;
    font-size: 0.8em;
}

.categories .image {
    -webkit-background-fill: fit;
    -moz-background-fill: fit;
    -ms-background-fill: fit;
    -o-background-fill: fit;
    background-fill: fit;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.categories a:hover strong {
    opacity: 0
}

.categorygrid {
    color: #fff;
    background-image: url(../img/bg-warp.png);
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-background-fill: fill;
    -moz-background-fill: fill;
    -ms-background-fill: fill;
    -o-background-fill: fill;
    background-fill: fill;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    margin-top: -60px;
}

.categorygrid .container {
    text-align: left;
    padding: 30px 0 0;
    width: 50%;
    float: left;
    margin-left: 8%;
}

.categorygrid .container #mpu-container {
    max-width: 300px;
    float: right
}

@media handheld, only screen and (max-width:50em) {
    .categorygrid .container #mpu-container {
        max-width: none;
        float: none
    }
}

.categorygrid .container ul {
    margin-top: 20px;
    float: left
}

@media handheld, only screen and (max-width:50em) {
    .categorygrid .container ul {
        max-width: 100%
    }
}

.categorygrid .container li {
    padding: 0 0 15px 10px;
    margin-left: 20px;
    list-style: square
}

.categorygrid .container p a {
    color: #e32116;
    border-bottom: 2px solid #e32116
}

.categorygrid .cars {
    position: relative;
    margin: 0 0 0
}

.categorygrid .cars article {
    position: absolute;
    width: 26%;
    list-style: none;
    top: 70px;
    margin-bottom: 30px;
    z-index: 2;
}

.categorygrid .cars article.runnerup-01 {
    right: 0
}

.categorygrid .cars article.winner {
    width: 48.1%;
    position: relative;
    margin-left: 26%;
    z-index: 3;
    top: 0
}

.categorygrid .cars article.winner .image {
    -webkit-box-shadow: 10px 0 20px rgba(0, 0, 0, .3), -10px 0 20px rgba(0, 0, 0, .3);
    -moz-box-shadow: 10px 0 20px rgba(0, 0, 0, .3), -10px 0 20px rgba(0, 0, 0, .3);
    -ms-box-shadow: 10px 0 20px rgba(0, 0, 0, .3), -10px 0 20px rgba(0, 0, 0, .3);
    -o-box-shadow: 10px 0 20px rgba(0, 0, 0, .3), -10px 0 20px rgba(0, 0, 0, .3);
    box-shadow: 10px 0 20px rgba(0, 0, 0, .3), -10px 0 20px rgba(0, 0, 0, .3);
    overflow: hidden;
    border-radius: 2px
}

.categorygrid .cars article .full-img {
    background: url(../img/loading.gif) 50% 50%/32px 32px no-repeat #000;
    -webkit-background-size: 32px 32px;
    -moz-background-size: 32px 32px;
    -ms-background-size: 32px 32px;
    -o-background-size: 32px 32px
}

.categorygrid .cars article .image {
    position: relative;
    overflow: hidden
}

.categorygrid .cars article .image .lead {
    width: 100%;
    height: auto;
    display: block
}

.categorygrid .cars article .image .badge {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1
}

.categorygrid .cars article .image .price-badge {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    position: absolute;
    z-index: 1;
    background: rgba(227, 33, 22, .9);
    line-height: 1.2em;
    top: 12px;
    right: -50px;
    width: 186px;
    padding: 10px 50px;
    color: #fff;
    font-family: Bitter, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    font-weight: 700;
    opacity: 0;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.categorygrid .cars article header {
    background: 0 0;
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 0;
    height: auto;
    position: relative;
    z-index: 1
}

.categorygrid .cars article .full-img:after {
    border-bottom: 15px solid #101010;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    display: block;
    position: absolute;
    bottom: 11.2%;
    left: 46.9%;
    content: ' ';
}

.categorygrid .cars article p {
    padding: 0 25px
}

.categorygrid .cars article a {
    display: block
}

.categorygrid .cars article a:hover .btn {
    background: #e5e5e5;
    color: #e32116
}

.categorygrid .cars article.winner a:hover .price-badge {
    opacity: 1
}

.categorygrid .cars article a:hover .price-badge {
    opacity: 1
}

.categorygrid .cars article .video {
    margin-top: 40px
}

.categorygrid .cars article .video.on {
    padding-top: 56.25%;
    height: 0;
    position: relative
}

.categorygrid .cars article .video .btn {
    text-align: center;
    display: inline-block
}

.categorygrid .cars article .video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.Video .image {
    margin: -120px auto auto;
    position: relative;
    overflow: hidden;
    -webkit-background-fill: fit;
    -moz-background-fill: fit;
    -ms-background-fill: fit;
    -o-background-fill: fit;
    background-fill: fit;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.Video .image .shadow {
    background: rgba(0, 0, 0, .4);
    width: 100%;
    padding: 0;
    opacity: 0.4;
}

.Video .image .full-img {
    background: url(../img/loading.gif) 50% 50%/32px 32px no-repeat;
    -webkit-background-size: 32px 32px;
    -moz-background-size: 32px 32px;
    -ms-background-size: 32px 32px;
    -o-background-size: 32px 32px
}

.Video .image .video {
    text-align: center;
    left: 0;
    top: 0;
    right: 0;
    padding: 0;
    width: 80%;
    min-height: 92%;
}

.Video .image .video .btn {
    position: relative;
    z-index: 2;
    top: 20px
}

.Video .image .video.on {
    background: rgba(0, 0, 0, .9);
    bottom: 0
}

.Video .image .video.on .btn {
    float: right
}

.Video .image .video iframe, #overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

section.aside {
    color: #fff;
    padding: 30px 0;
    background-image: url(https://www.whatcar.com/awards/assets/img/bg-warp.png);
    -webkit-background-fill: fill;
    -moz-background-fill: fill;
    -ms-background-fill: fill;
    -o-background-fill: fill;
    background-fill: fill;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50%
}

section.aside .accolade {
    border: 1px solid #fff;
    margin: 10px 0 15px 40px;
    background: white;
}

section.aside .accolade p {
    float: left;
    width: 50%;
    text-align: center;
    margin: 0;
    padding: 10px 0
}

section.aside .accolade p.category {
    background: black;
}

section.aside .accolade .categorygrid {
    background: 0 0
}

section.aside .accolade .categorygrid.full {
    width: 100%
}

section.aside .accolade .range {
    background: #fff;
    color: #000;
    font-weight: 700;
    margin-top: 4px;
}

section.aside .price {
    border: 1px solid #505050;
    margin: 0 0 0 40px
}

section.aside .price p {
    float: left;
    width: 50%;
    margin: 0
}

section.aside .price em {
    float: left;
    font-weight: 700;
    font-style: normal;
    text-align: left;
    text-transform: uppercase;
    font-size: 14px;
    font-size: .875rem;
    padding: 25px 0 25px 20px
}

section.aside .price span {
    font-weight: 700;
    float: right;
    padding: 10px 15px 0 0;
}

section.aside .price .list span {
    color: #727272
}

section.aside .price .target span {
    color: #e32116
}

section.aside .price .target em {
    border-left: 1px solid #505050
}

section.aside .social {
    margin: 10px 0 10px 40px;
    text-align: left;
    font-size: 18px;
    font-size: 1.125rem
}

section.aside .social ul {
    float: right
}

section.aside .social ul li {
    float: left;
    list-style: none;
    margin-left: 15px
}

section.aside .social a {
    opacity: .7
}

section.aside .social a:hover {
    opacity: 1
}

section.aside .social img {
    vertical-align: middle
}

section.aside blockquote {
    margin: 0;
    text-align: left;
    width: 50%;
}

section.aside blockquote p {
    margin: 0
}

section.aside blockquote cite {
    font-style: normal;
    margin-top: 25px;
    float: left;
    width: 100%
}

section.aside blockquote cite strong {
    display: block
}

section.aside blockquote cite .profile {
    border-radius: 75px;
    overflow: hidden;
    float: left;
    margin: -7px 15px 0 0
}

section.aside blockquote cite .profile img {
    display: block
}

section.aside h2 {
    margin: 0 0 5px;
    padding: 0
}

.editorial {
    background: #ededed;
    padding: 30px 0
}

.editorial .winner {
    margin-bottom: 30px
}

.editorial article, .editorial footer {
    text-align: left
}

.editorial .actions {
    margin: 0 0 0 30px;
    background: #fff;
    padding: 10px 5px;
    display: none
}

.editorial .actions p {
    margin: 0;
    width: 33.33%;
    float: left
}

.editorial .actions .btn {
    display: block;
    margin: 0 5px;
    text-align: center;
    padding: 13px 10px
}

.editorial .specs {
    margin: 15px 0 15px 30px;
}

.editorial .specs dl, .editorial .specs ul {
    float: left;
    width: 100%;
    margin: 0 0 10px;
}

.editorial .specs dt {
    padding: 0 0 0 10px
}

.editorial .specs dd {
    margin: 0 10px;
    padding: 20px 0 25px;
    border-bottom: 1px solid #ccc
}

.editorial .specs-title {
    text-align: center;
    font-size: 2em;
    padding-bottom: 10px;
    line-height: 1.3em
}

.editorial .specs-title2 {
    text-align: center;
    font-size: 2em;
    padding-bottom: 10px;
    padding-top: 10px;
    line-height: 1.3em
}

.editorial #mpu-container {
    width: 100%;
    float: left;
    padding-top: 20px
}

.editorial #mpu-container #gpt_7294_mpu {
    margin: 0 auto;
    max-width: 300px
}

section.main.error {
    min-height: 428px
}

section.main.error h1 {
    padding: 80px 0;
    text-align: center
}

section.main.error .container {
    text-align: center
}

h1, h2, h3, h4, li, ul {
    margin: 0;
    padding: 0
}

.footer h1 {
    width: 130px;
    height: 25px;
    font-size: 0;
    margin: 0 12px 0 30px;
    background: url(../img/wc-logo.png) 0 0/130px 25px no-repeat;
    -webkit-background-size: 130px 25px;
    -moz-background-size: 130px 25px;
    -ms-background-size: 130px 25px;
    -o-background-size: 130px 25px;
    vertical-align: top
}

.intro p {
    font-size: 28px;
    font-size: 1.75rem
}

.categories h1 {
    font-size: 15px;
    font-size: .9375rem;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    text-transform: uppercase;
    padding: 15px 0
}

.categories li {
    font-size: 22px;
    font-size: 1.375rem
}

.categorygrid .container ul {
    font-size: 18px;
    font-size: 1.125rem
}

.categorygrid .container h1 {
    font-size: 27px;
    font-size: 1.6875rem
}

.categorygrid header {
    font-size: 15px;
    font-size: .9375rem
}

.categorygrid h2 {
    color: #e32116
}

.categorygrid .winner h2 {
    font-size: 30px;
    font-size: 1.875rem
}

.categorygrid p {
    font-size: 28px;
}

.categorygrid header h3, .Video header h3 {
    line-height: 29px;
    line-height: 1.8125rem
}

.categorygrid header h3 em, .Video header h3 em {
    font-size: 17px;
    font-size: 1.0625rem
}

.categorygrid header h3 strong, .Video header h3 strong {
    font-size: 28px;
    font-size: 1.75rem;
    font-family: Bitter, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif
}

.categorygrid header h1, .Video header h1 {
    line-height: 35px;
    line-height: 2.1875rem
}

.Video header h3 {
    line-height: 26px;
    line-height: 1.625rem
}

section.aside blockquote p {
    font-size: 19px;
    font-size: 1.1875rem
}

section.aside .price span {
    font-family: Bitter, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    font-size: 39px;
    font-size: 2.4375rem
}

.editorial {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 27px;
    line-height: 1.6875rem;
    display: flex;
}

.editorial .winner {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 28px;
    line-height: 1.75rem
}

div.informationsheet p:first-of-type:first-letter {
    font-size: 61px;
    font-size: 3.8125rem;
    font-weight: 700;
    float: left;
    line-height: 50px;
    margin-right: 10px
}

div.informationsheet a {
    color: red;
}

.editorial .specs dt {
    font-weight: 700;
    font-style: normal;
    text-align: left;
    text-transform: uppercase;
    font-size: 14px;
    font-size: .875rem;
    color: #ababab
}

.editorial .specs dd {
    font-family: Bitter, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    font-size: 40px;
    font-size: 1.5rem;
    font-weight: 700
}

.editorial .specs h3 {
    margin: 10px;
    padding: 0 0 10px;
    color: #e32116
}

.editorial .specs ul {
    padding: 10px 0 0
}

.editorial .specs li {
    list-style: square;
    font-weight: 700;
    margin-left: 30px
}

.footer {
    clear: both;
    background: #000;
    color: #fff;
    padding: 50px 0;
    text-align: left
}

.footer h1 {
    display: inline-block;
    margin-left: 0
}

.footer .social {
    display: inline-block;
    font-size: 18px;
    font-size: 1.125rem
}

.footer .social a {
    opacity: .7
}

.footer .social a:hover {
    opacity: 1
}

.footer .social img {
    vertical-align: middle
}

.footer .social li, .footer .social ul {
    margin-left: 10px
}

.footer ul {
    float: right
}

.footer ul li {
    list-style: none;
    display: inline-block;
    margin-left: 15px
}

.footer ul a {
    color: #888;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.footer ul a:hover {
    color: #fff
}

@font-face {
    font-family: icomoon;
    src: url(//whatcar.media/fonts/public/fonts/icomoon.eot);
    src: url(//whatcar.media/fonts/public/fonts/icomoon.eot#iefix) format("embedded-opentype"), url(//whatcar.media/fonts/public/fonts/icomoon.woff) format("woff"), url(//whatcar.media/fonts/public/fonts/icomoon.ttf) format("truetype"), url(//whatcar.media/fonts/public/fonts/icomoon.svg#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: SSGizmo;
    src: url(//whatcar.media/fonts/public/ncb/fonts/ss-gizmo.eot);
    src: url(//whatcar.media/fonts/public/ncb/fonts/ss-gizmo.eot?#iefix) format("embedded-opentype"), url(//whatcar.media/fonts/public/ncb/fonts/ss-gizmo.woff) format("woff"), url(//whatcar.media/fonts/public/ncb/fonts/ss-gizmo.ttf) format("truetype"), url(//whatcar.media/fonts/public/ncb/fonts/ss-gizmo.svg#SSGizmo) format("svg");
    font-weight: 400;
    font-style: normal
}

.newheader {
    background-color: #fff;
    position: relative
}

.newheader * {
    font-family: "Clear Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color: #1a262d;
    margin: 0;
    padding: 0
}

.newheader__social {
    background: #edefed;
    padding: 11px 20px 18px;
    overflow: hidden;
    display: none;
    height: 24px
}

.newheader__social-wrapper {
    max-width: 1110px;
    margin: 0 auto
}

@media handheld, only screen and (min-width:792px) {
    .newheader__social {
        display: block
    }
}

.newheader__social-banner {
    float: left;
    width: 45%
}

.newheader__social-subscribe {
    float: right;
    width: 55%;
    text-align: right
}

.newheader__social-subscribe a:hover {
    opacity: .7
}

.newheader__nav {
    max-width: 1110px;
    margin: 0 auto;
    text-align: left;
    padding: 20px 20px 0;
    position: relative;
    min-height: 30px;
    width: auto
}

@media handheld, only screen and (min-width:1120px) {
    .newheader__nav {
        padding: 20px
    }
}

h2.desktoptitle strong, em {
    font-size: 22px;
}

.newheader__nav-menu {
    float: none;
    margin: 0 -20px;
    padding: 0;
    width: auto;
    position: relative;
    background-color: #fff;
    overflow-x: scroll;
    white-space: nowrap;
    clear: both
}

@media handheld, only screen and (min-width:1120px) {
    .newheader__nav-menu {
        background-color: transparent;
        margin: 0 0 0 5px;
        float: left;
        overflow-x: initial;
        clear: initial
    }
}

.newheader__nav-logo {
    float: left;
    position: relative;
    z-index: 10;
    width: 150px;
    height: 28px;
    margin: 2px 0 0;
    display: inline-block;
    vertical-align: middle;
    background: url(//whatcar.media/png/0/0/0/0/0/0/0/0/0/0/0/0/0/0/0/0/public/img/wc-logo.png) 0 0/150px 28px no-repeat;
    -webkit-background-size: 150px 28px;
    -moz-background-size: 150px 28px;
    -ms-background-size: 150px 28px;
    -o-background-size: 150px 28px;
    padding-bottom: 20px
}

.newheader__nav-logo a {
    height: 28px;
    display: block;
    text-indent: -999px
}

.nav-menu {
    float: none;
    display: inline-block;
    margin-top: 5px;
    position: relative;
    padding: 0;
    list-style: none;
    border-right: 1px solid #edefed;
    border-top: 1px solid #edefed
}

.nav-menu-account-hover {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .1);
    overflow: hidden
}

.nav-menu-account {
    min-height: 50px;
    display: block;
    z-index: 10;
    position: relative;
    padding-right: 8px
}

@media handheld, only screen and (min-width:1120px) {
    .nav-menu-account {
        padding-right: 0
    }
}

.nav-menu-account ul {
    list-style: none;
    background: #fff;
    margin-right: -15px;
    padding: 2px 15px 10px 25px;
    display: none
}

.nav-menu-account ul a {
    font-size: 14px;
    padding-top: 10px
}

@media handheld, only screen and (min-width:1120px) {
    .nav-menu {
        float: left;
        display: block;
        border-top: none;
        border-left: 1px none;
        border-right: 1px solid #edefed
    }
}

.nav-menu a {
    font-weight: 700;
    padding: 15px 15px 13px;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    float: left
}

@media handheld, only screen and (min-width:1120px) {
    .nav-menu a {
        display: inline;
        float: initial;
        padding: 25px 15px
    }
}

.nav-menu a:hover, .nav-menu-hovered a {
    opacity: .65
}

.nav-menu-hovered ul a {
    opacity: initial
}

.nav-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    left: 0;
    background-color: #fff;
    position: relative
}

@media handheld, only screen and (min-width:1120px) {
    .nav-menu ul {
        position: absolute;
        float: none;
        padding: 23px 15px 0;
    }
}

.nav-menu ul li {
    display: inline
}

@media handheld, only screen and (min-width:1120px) {
    .nav-menu ul li {
        display: block
    }
}

.nav-menu ul a {
    white-space: nowrap;
    padding: 18px 20px 16px;
    display: block;
    line-height: 18px;
    font-size: 14px;
    margin-bottom: -4px;
    background-color: #f5f5f5
}

@media handheld, only screen and (min-width:1120px) {
    .nav-menu ul a {
        padding: 0 0 15px;
        background-color: #fff;
        margin-bottom: 0
    }
}

.nav-menu ul a:hover {
    opacity: 1;
    color: #ea2914
}

.nav-menu ul {
    display: none
}

.nav-menu-open a {
    color: #ea2914
}

.nav-menu-open ul {
    display: inline-block!important
}

.nav-menu-open ul a {
    color: #1a262d
}

.nav__search-form {
    padding: 0 0 10px;
    display: none;
    clear: both;
    margin: 0 -10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .1)
}

@media handheld, only screen and (min-width:1120px) {
    .nav__search-form {
        position: absolute;
        top: 67px;
        right: 20px;
        background-color: #fff;
        padding: 10px;
        width: 350px
    }
}

.nav__search-form .search-input {
    width: 58%;
    height: 41px;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #c4c4c4;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
    padding: 5px;
    color: #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box
}

.nav__search-form .submit {
    height: 42px;
    font-size: 16px;
    font-weight: 400;
    width: 40%;
    color: #fff;
    background: #32a530;
    padding: 9px 0 11px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    border: none;
    word-wrap: break-word;
    cursor: pointer;
    -webkit-transition: background-color .1s;
    -moz-transition: background-color .1s;
    -ms-transition: background-color .1s;
    -o-transition: background-color .1s;
    transition: background-color .1s;
    float: right
}

.nav__search-form-control {
    padding-left: 10px;
    margin-left: 10px;
    float: right
}

.nav__search-form-control-opener {
    content: '';
    font-family: SSGizmo;
    vertical-align: middle;
    font-variant: normal;
    font-size: 150%;
    padding-left: 0;
    position: relative;
    top: 3px;
    cursor: pointer;
    float: right;
    background: 0 0;
    border: none;
    outline: 0;
    padding-right: 6px
}

.nav__search-form-control .search-input {
    background-color: #fff;
    border: 1px solid #c4c4c4;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
    margin-bottom: 0;
    border-color: #edefed;
    position: relative;
    display: none;
    height: auto;
    padding: .5em .375em;
    font-size: .875em;
    line-height: 1.25;
    color: #000;
    -webkit-border-radius: .1875em;
    -moz-border-radius: .1875em;
    border-radius: .1875em;
    box-sizing: border-box
}

.nav__controls {
    float: right;
    position: absolute;
    right: 10px
}

@media handheld, only screen and (min-width:1120px) {
    .nav__controls {
        right: 20px
    }
}

.nav__controls i.ss-user {
    font-size: 19px;
    vertical-align: bottom;
    color: #c4c4c4;
    margin-right: 5px
}

.nav__controls i.ss-user:before {
    content: 'ðŸ‘¤';
    font-family: SSGizmo;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap
}

.nav__button-signin {
    float: right
}

.nav__button-signin a {
    font-weight: 700;
    padding: 6px 0 0;
    text-decoration: none;
    display: inline-block;
    text-overflow: ellipsis;
    max-width: 132px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 15px
}

.nav__button-signin a:hover {
    opacity: .65
}

@media handheld, only screen and (max-width:361px) {
    .nav__button-signin a {
        max-width: 58px
    }
}

@media handheld, only screen and (min-width:1120px) {
    .nav__button-signin a {
        max-width: 86px
    }
}

.subscribe__item {
    display: inline-block;
    padding-left: 10px;
    line-height: inherit;
    font-size: 14px;
    vertical-align: sub;
    opacity: .4;
    color: #000;
    text-decoration: none;
    font-family: "Clear Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif
}

.subscribe__item:last-child {
    border-left: 1px solid #aaa;
    margin-left: 9px
}

.social__item {
    color: #000;
    text-decoration: none;
    font-family: "Clear Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif
}

.social__item .icon:before {
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.social__item .icon--twitter:before {
    content: "\f099"
}

.social__item .icon--facebook:before {
    content: "\f09a"
}

.social__item .icon--gplus:before {
    content: "\f0d5"
}

.social__item .icon--youtube:before {
    content: "\ea9d"
}

@media screen and (min-width:1120px\0) {
    .newheader__nav-menu {
        overflow-x: visible;
        overflow-y: visible;
        clear: none;
        margin-top: -25px
    }
    .nav-menu ul {
        top: 50px
    }
    .nav-menu a:hover, .nav-menu-hovered a {
        opacity: 1!important
    }
    .nav-menu ul li {
        overflow: hidden
    }
}

.nav__mobile-overlay, .nav__mobile-wrap-close, .nav__search-form .submit-icon {
    display: none
}

.mobile-nav-open {
    position: fixed;
    width: 100%
}

.mobile-nav-open .nav__mobile-overlay, .mobile-nav-open .nav__mobile-wrap-close {
    display: block
}

.nav__mobile-wrap-close, .newheader__mobile__social, .newheader__nav-menu-control {
    display: none
}

@keyframes showNav {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@media handheld, only screen and (min-width:1121px) {
    .mobile__user-account, .nav__mobile-wrap-close, .newheader__mobile__social {
        display: none!important
    }
}

@media handheld, only screen and (max-width:1120px) {
    .nav__search-form {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }
    .mobile__user-account {
        padding: 0 0 40px 21px;
        display: block;
        overflow: hidden
    }
    .mobile__user-account:before {
        content: '';
        width: 20px;
        height: 20px;
        position: absolute;
        right: 20px;
        margin-top: 4px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK8AAACvABQqw0mAAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMi8yMC8xN7hXAVUAAAAldEVYdFNvZnR3YXJlAE1hY3JvbWVkaWEgRmlyZXdvcmtzIE1YIDIwMDSHdqzPAAADa0lEQVR4nK2U3U+bdRTHP488LbVtQBMGgmzAKixTQHCLImyFsrS8FAcocw6SsURxMSPGOC80/gHGG+OFaOJABxOB7C1YVlpex0ulODZEnSCbG6s4eemcmzWDPg88XmwWS6NXO5fnd/I93+85398RFEXhfoX4f48pmVnKgaq96LValv1+PvuijcmxYeG/6h9Yn0h9xqhseSpbAUjYtBGVKPJxQxOSLJNsSAo0ycjJD5Ek/FumtaJSqSi1IssrnO7oZFtGOoveG9gc3VhMRh7bnMTQyCjlJUVoNOF0OHs43tQghIClP5unHK49yPsf1qHX6SizFrCweIPj7R2BZqXFBWyMj+OMs5f5hUXefet1PmloYrTfIQTNTJJkJEni4YcimfHMUlffSHxcLPtfqiAyIoI/fT4GXG7a7U4AYmOikWWZZb8/dGaTY8NC22kbZdZCACwmIzXVlVy6chWbo4uLkz9Rtaec3cUWAEoKzdi7+vjW1RcsMzkzS3l8SwqZ6an8fvMmI+cucPBAFe998BFLy8uBzqIo8vYbh2g91Y4hKZFkQxKjYxeYmv6ZqfMuQQSo2V/JnaUlrv3yKz39g+yrKKOrbzAICECWZWyObkw7czjS2Iwsy2SkpZL99PY1mTqdjk+PNuPsPcvK6iqRkRFcn5tfv3kAFha9ROj1APQODHOksZkHNRoCC/D5/qKmugrP7F1mt27dJu6RGK5e84SARW+I4rbPhyAIFOzKw5CYwJ2lpTVm9ce+ZPy7H9gU/yjlJUX0DX2NJd+IJjw8CEgURZ4rNNM/5MKSn4shMYFh9zfUH2tZY3Zp3C0AmEv3KBaTketfzTE8co533qzF0XuW3+bmiY6KwpKfy8TFH7l8ZYa8HdmMjU9gP9kSatqt23coh2tf5fPmNmY8swDEx8WSb8wJ8tk/0mM2RPHay9XU1R8N2CNgWpVKRK1S88e9eZVZC1lY9NLUeiIg02rZRbHZRGfPXbZhYWGEq9WEMAMofmGfsvf53fj9Eu12J9ueTGPe68XW2U1uThZpT2xl0OWmvKQItVrFma7eoL8ZdILsJ1uEtKxcRZJkps67BEvpi4rZtBO9TkeyYTNj4xN0nmoVUjKzFK1WG+T+EDCA790DgYIZj4eVlVUOvVKNX5KYmr4MwPS9ha0P4X5e2r8B3IFval/QLogAAAAASUVORK5CYII=)
    }
    .mobile__user-account-initials {
        background-color: #30414F;
        border-radius: 50%;
        padding: 12px;
        color: #fff;
        float: left
    }
    .mobile__user-account-user {
        float: left
    }
    .mobile__user-account-name {
        color: #fff;
        padding: 1px 0 0 15px;
        font-size: 15px;
        font-weight: 700
    }
    .mobile__user-account-email {
        color: #fff;
        padding: 0 0 0 15px;
        font-size: 15px
    }
    .desktop-search .nav__mobile-wrap {
        position: relative;
        right: 0;
        z-index: -1
    }
    .newheader__mobile__social, .newheader__nav-menu {
        display: none
    }
    .nav__mobile-wrap {
        position: absolute;
        right: -84%
    }
    .mobile-nav-open .nav__mobile-wrap {
        width: 84%;
        top: 0;
        background-color: #1a262d;
        z-index: 1000;
        display: block;
        margin: 0;
        overflow-y: scroll;
        height: 100vh;
        transition: .5s
    }
    .mobile-nav-open .newheader__nav-menu {
        display: block
    }
    .mobile-nav-open .newheader li a {
        color: #8E9699
    }
    .mobile-nav-open .newheader li ul li a {
        color: #fff
    }
    .mobile-nav-open .nav-menu a.nav-menu-trigger {
        font-size: 18px;
        font-weight: 400;
        width: 100%;
        padding: 20px 15px;
        color: #8E9699
    }
    .mobile-nav-open .nav-menu-open a.nav-menu-trigger {
        padding: 20px 15px 10px
    }
    .mobile-nav-open .non-trigger a {
        width: 100%;
        padding: 20px 15px
    }
    .mobile-nav-open .nav__search-form .submit {
        width: 18%;
        text-indent: -999px;
        float: left
    }
    .mobile-nav-open .nav__search-form .submit:before {
        content: "text";
        color: #fff
    }
    .mobile-nav-open .nav__search-form .search-input {
        width: 82%;
        background-color: #2C424D;
        color: #fff;
        border-color: #2C424D;
        float: left;
        -webkit-appearance: none;
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 0;
        border-radius: 3px 0 0 3px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-bottomleft: 3px
    }
    .mobile-nav-open .nav__search-form .search-input::-webkit-input-placeholder {
        color: #fff
    }
    .mobile-nav-open .nav__search-form .search-input:-moz-placeholder {
        color: #fff;
        opacity: 1
    }
    .mobile-nav-open .nav__search-form .search-input::-moz-placeholder {
        color: #fff;
        opacity: 1
    }
    .mobile-nav-open .nav__search-form .search-input:-ms-input-placeholder {
        color: #fff
    }
    .mobile-nav-open .nav__search-form .search-input::-ms-input-placeholder {
        color: #fff
    }
    .mobile-nav-open .nav__search-form .search-input::placeholder {
        color: #fff
    }
    .mobile-nav-open .nav__mobile-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        z-index: 105;
        -moz-opacity: .7;
        opacity: .7;
        filter: alpha(opacity=70)
    }
    .mobile-nav-open .nav__mobile-wrap {
        right: 0
    }
    .mobile-nav-open .nav__mobile-wrap-close {
        width: 16%;
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10000;
        color: #fff;
        font-size: 0;
        text-align: center;
        padding: 14px 0 6px;
        transition: 1s
    }
    .mobile-nav-open .nav__mobile-wrap-close:before {
        content: '\2421';
        font-family: SSGizmo;
        font-size: 35px;
        color: #000
    }
    .mobile-nav-open .nav-menu {
        display: block!important;
        overflow: hidden;
        border: none;
        border-bottom: 1px solid #30414F;
        padding-left: 10px;
        margin-top: 0
    }
    .mobile-nav-open .nav-menu ul {
        display: none;
        background-color: #1a262d;
        clear: both;
        margin-left: 10px;
        animation: showNav 500ms ease-in-out both
    }
    .mobile-nav-open .nav-menu ul a {
        background-color: transparent;
        float: none!important;
        font-size: 17px;
        font-weight: 400;
        padding: 12px 20px 16px;
        position: relative
    }
    .mobile-nav-open .nav-menu ul a:before {
        content: '\27A1';
        font-family: SSGizmo;
        font-size: 13px;
        color: #c7c7c7;
        float: right;
        margin-right: 24px;
        margin-top: 17px;
        position: absolute;
        right: 0;
        top: -3px
    }
    .mobile-nav-open .nav-menu:before {
        content: '\F501';
        font-family: SSGizmo;
        font-size: 24px;
        color: #c7c7c7;
        float: right;
        margin-right: 20px;
        margin-top: 17px;
        position: absolute;
        right: 0;
        top: -3px
    }
    .mobile-nav-open .nav-menu-open ul {
        display: block!important;
        margin-bottom: 15px
    }
    .mobile-nav-open .nav-menu-open .nav-menu-trigger {
        color: #8E9699;
        padding: 20px 15px 10px;
        opacity: 1
    }
    .mobile-nav-open .nav-menu-open:before {
        content: '\F500'
    }
    .mobile-nav-open .non-trigger:before {
        content: '\27A1';
        font-size: 22px;
        top: -1px
    }
    .mobile-nav-open .non-trigger a {
        font-size: 18px;
        font-weight: 400
    }
    .mobile-nav-open .nav__search-form {
        width: 100%;
        position: relative;
        right: 0;
        top: 0;
        background-color: #1a262d;
        z-index: 1000;
        display: block!important;
        margin: 0
    }
    .mobile-nav-open .nav__search-form form {
        margin: 13px 20px 0
    }
    .mobile-nav-open .newheader__mobile__social {
        display: block;
        background: 0 0;
        padding: 50px 0 120px 23px
    }
    .mobile-nav-open .newheader__mobile__social a {
        color: #fff;
        opacity: 1;
        display: inline-flex;
        padding: 0;
        width: 100%;
        margin: 0;
        font-size: 15px;
        min-height: 27px
    }
    .mobile-nav-open .newheader__mobile__social a:before {
        content: '\2709';
        font-family: SSGizmo;
        font-size: 19px;
        color: #c7c7c7;
        margin-right: 8px;
        vertical-align: middle;
        margin-top: -3px
    }
    .mobile-nav-open .newheader__mobile__social .social__fb:before {
        content: "";
        font-family: icomoon;
        font-size: 17px;
        padding-left: 1px;
        vertical-align: bottom;
        width: 15px;
        height: 17px;
        margin-left: 1px;
        margin-top: 2px;
        margin-right: 10px;
        display: inline-block;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK8AAACvABQqw0mAAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMi8yMC8xN7hXAVUAAAAldEVYdFNvZnR3YXJlAE1hY3JvbWVkaWEgRmlyZXdvcmtzIE1YIDIwMDSHdqzPAAABWklEQVR4nM2SzStEYRjFf6+GaKJRjOluDFO3JDelpDRGLJgQWUoWykKy8ldYWZBSPsrHNCmysZCNCAvJTvlqzEzTrIwiTKY7j4Wi8XUnNs7ufc5zznOe932VphvCH2BTSjE2Okyxw5G1SCRNYHWd07NzaGrvlt9gfikgmm6ITSllOfHs4pKdvQOekklafV5qqqtQKud1BSvx7v4h/UMjmKYJQEF+PjXVVe93YGUwtxjANE3qag26/G001Ndl8JYGsXgcgMGBPno6/J/4nO+EoXCEo+MTHh4eAYhEYxwdn3CTSGSXYGpmjuDaxtt5fGISgJXZaZq9jdYJnKUleCrd5OXmAuByOvFUuqlwl2c2+vw9P753S2evaLohm1vbGfWF5aBouiHfJsgW/8Dg7v6edDpt2fjxyydub1/rmm5ImbOUosLCL4XhSJTnVArNVYbdbgdARLgKXSMivADM4sdGt2+PoAAAAABJRU5ErkJggg==)
    }
    .mobile-nav-open .newheader__mobile__social .social__tw:before {
        content: "\f099";
        font-family: icomoon;
        font-size: 17px;
        padding-left: 1px;
        vertical-align: bottom;
        margin-right: 8px;
        margin-top: 2px
    }
    .mobile-nav-open .newheader__mobile__social .social__yt:before {
        content: "\ea9d";
        font-family: icomoon;
        font-size: 17px;
        padding-left: 1px;
        vertical-align: bottom;
        margin-right: 7px;
        margin-top: 2px
    }
    .mobile-nav-open .nav__search-form .submit-button {
        display: none
    }
    .mobile-nav-open .nav__search-form .submit-icon {
        display: block;
        content: '';
        font-family: SSGizmo;
        font-size: 155%;
        top: 0;
        cursor: pointer;
        color: #fff;
        text-indent: 0;
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0;
        border-radius: 0 3px 3px 0;
        -moz-border-radius-topright: 3px;
        -moz-border-radius-bottomright: 3px
    }
    .mobile-nav-open .newheader {
        position: initial
    }
    .mobile-nav-open .newheader__nav {
        min-height: 47px;
        position: initial
    }
    .mobile-nav-open .newheader__nav-menu {
        width: 100%;
        position: relative;
        right: 0;
        top: 0;
        background-color: #1a262d;
        z-index: 1000;
        margin: 0;
        overflow: hidden
    }
    .mobile-nav-open .newheader__nav-menu-control {
        position: relative;
        padding-left: 1.25em
    }
    .newheader__nav {
        min-height: 47px
    }
    .newheader__nav-menu-control {
        padding: 4px 15px;
        display: inline-block;
        font-size: 18px
    }
    .awards-header {
        overflow: hidden
    }
}

.masthead__social {
    background: #edefed
}

@media handheld, only screen and (max-width:50em) {
    .masthead__social {
        display: none
    }
}

.masthead h1 {
    z-index: -1
}

.social--banner {
    margin: 0 auto;
    max-width: 1110px;
    padding: 15px 0;
    line-height: 34px
}

@media only screen and (max-width:1110px) {
    .social--banner {
        max-width: none;
        padding-left: 15px;
        padding-right: 15px
    }
}

.social__item {
    float: left;
    display: inline-block;
    margin-right: 30px;
    padding-left: 15px;
    margin-left: -15px;
    padding-right: 15px;
    line-height: inherit;
    font-size: 14px;
    vertical-align: middle;
    opacity: .4
}

.social__item:hover {
    opacity: .7;
    text-decoration: none
}

.social__item--last {
    float: right;
    margin-right: 0;
    padding-right: 0;
    margin-left: 30px
}

.social__item i {
    font-size: 24px;
    vertical-align: -5px;
    line-height: inherit;
    margin: 0 .3em 0 0
}

@media handheld, only screen and (max-width:50em) {
    .social__item {
        font-size: 0
    }
    .social__item--last {
        font-size: 14px
    }
    #gpt_7294_masthead1{
        margin: 10px;
    }
}

.slowHide {
    transition: all 0.5s linear;
    display: none;
    opacity: 0;
}

.masthead--sticky {
    position: fixed;
    width: 100%;
    padding-top: 0;
    top: 0;
    right: 0
}

.masthead--sticky #leaderboard-container, .masthead--sticky .masthead__social {
    display: none
}

.logo {
    width: 150px;
    height: 28px;
    font-size: 0;
    margin: 2px 0 0;
    display: inline-block;
    vertical-align: middle;
    background: url(/awards/assets/img/wc-logo.png) 0 0/150px 28px no-repeat;
    -webkit-background-size: 150px 28px;
    -moz-background-size: 150px 28px;
    -ms-background-size: 150px 28px;
    -o-background-size: 150px 28px
}

.logo a {
    display: block;
    width: 100%;
    height: 100%
}

.signin--valuations {
    margin-top: 15px
}

@media handheld, only screen and (max-width:1200px) {
    div.pointer {
        height: 95px;
        min-width: 365px;
        top: initial;
        margin-top: -1px;
    }
    body .Video {
        margin-top: 25px;
    }
    .categories.large {
        top: unset;
        margin-bottom: unset;
    }
    div .masthead {
        top: 65px;
    }
    body .masthead h3 {
        font-size: 22px;
    }
    div .masthead div.logo {
        margin-left: 4%;
        max-width: 100px;
    }
    div#gpt_7294_mpu_flexible1 {
        float: unset;
    }
    .Video .image .shadow {
        height: 45vh;
    }
    section.overallWinner strong {
        margin: 20% auto 25%;
    }
}

@media handheld, only screen and (min-width:1120px) {
    .logo {
        margin-top: 6px;
        width: 110px;
        height: 20px;
        -webkit-background-size: 110px 20px;
        -moz-background-size: 110px 20px;
        -ms-background-size: 110px 20px;
        -o-background-size: 110px 20px;
        background-size: 110px 20px
    }
    .masthead .badge {
        position: relative;
        margin-left: 5px;
        top: 2px;
        left: 0
    }
}

@font-face {
    font-family: icomoon;
    src: url(/awards/assets/fonts/icomoon.eot);
    src: url(/awards/assets/fonts/icomoon.eot#iefix) format("embedded-opentype"), url(/awards/assets/fonts/icomoon.woff) format("woff"), url(/awards/assets/fonts/icomoon.ttf) format("truetype"), url(/awards/assets/fonts/icomoon.svg#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

.icon:before {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon--twitter:before {
    content: "\f099"
}

.icon--facebook:before {
    content: "\f09a"
}

.icon--gplus:before {
    content: "\f0d5"
}

.icon--youtube:before {
    content: "\ea9d"
}

.ss-starplain:before {
    content: 'â˜…'!important;
    font-family: sans-serif!important;
    position: relative;
    top: -.1em
}

@font-face {
    font-family: SSGizmo;
    src: url(/awards/assets/fonts/ss-gizmo.eot);
    src: url(/awards/assets/fonts/ss-gizmo.eot?#iefix) format("embedded-opentype"), url(/awards/assets/fonts/ss-gizmo.woff) format("woff"), url(/awards/assets/fonts/ss-gizmo.ttf) format("truetype"), url(/awards/assets/fonts/ss-gizmo.svg#SSGizmo) format("svg");
    font-weight: 400;
    font-style: normal
}

.ss-icon, .ss-icon.ss-gizmo, [class*=" ss-"].right:after, [class*=" ss-"].ss-gizmo.right:after, [class*=" ss-"].ss-gizmo:before, [class*=" ss-"]:before, [class^=ss-].right:after, [class^=ss-].ss-gizmo.right:after, [class^=ss-].ss-gizmo:before, [class^=ss-]:before {
    font-family: SSGizmo;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased
}

[class*=" ss-"].right:before, [class*=" ss-"].ss-gizmo.right:before, [class^=ss-].right:before {
    display: none;
    content: ''
}

.ss-cursor.right:after, .ss-cursor:before {
    content: 'î€'
}

.ss-crosshair.right:after, .ss-crosshair:before {
    content: 'âŒ–'
}

.ss-search.right:after, .ss-search:before {
    content: 'ðŸ”Ž'
}

.ss-zoomin.right:after, .ss-zoomin:before {
    content: 'î€‚'
}

.ss-zoomout.right:after, .ss-zoomout:before {
    content: 'î€ƒ'
}

.ss-view.right:after, .ss-view:before {
    content: 'ðŸ‘€'
}

.ss-attach.right:after, .ss-attach:before {
    content: 'ðŸ“Ž'
}

.ss-link.right:after, .ss-link:before {
    content: 'ðŸ”—'
}

.ss-unlink.right:after, .ss-unlink:before {
    content: 'î€‘'
}

.ss-move.right:after, .ss-move:before {
    content: 'î°'
}

.ss-write.right:after, .ss-write:before {
    content: 'âœŽ'
}

.ss-writingdisabled.right:after, .ss-writingdisabled:before {
    content: 'î±'
}

.ss-erase.right:after, .ss-erase:before {
    content: 'âœ'
}

.ss-compose.right:after, .ss-compose:before {
    content: 'ðŸ“'
}

.ss-lock.right:after, .ss-lock:before {
    content: 'ðŸ”’'
}

.ss-unlock.right:after, .ss-unlock:before {
    content: 'ðŸ”“'
}

.ss-key.right:after, .ss-key:before {
    content: 'ðŸ”‘'
}

.ss-backspace.right:after, .ss-backspace:before {
    content: 'âŒ«'
}

.ss-ban.right:after, .ss-ban:before {
    content: 'ðŸš«'
}

.ss-smoking.right:after, .ss-smoking:before {
    content: 'ðŸš¬'
}

.ss-nosmoking.right:after, .ss-nosmoking:before {
    content: 'ðŸš­'
}

.ss-trash.right:after, .ss-trash:before {
    content: 'îƒ'
}

.ss-target.right:after, .ss-target:before {
    content: 'â—Ž'
}

.ss-tag.right:after, .ss-tag:before {
    content: 'î„€'
}

.ss-bookmark.right:after, .ss-bookmark:before {
    content: 'ðŸ”–'
}

.ss-flag.right:after, .ss-flag:before {
    content: 'âš‘'
}

.ss-like.right:after, .ss-like:before {
    content: 'ðŸ‘'
}

.ss-dislike.right:after, .ss-dislike:before {
    content: 'ðŸ‘Ž'
}

.ss-heart.right:after, .ss-heart:before {
    content: 'â™¥'
}

.ss-star.right:after, .ss-star:before {
    content: 'â‹†'
}

.ss-sample.right:after, .ss-sample:before {
    content: 'îˆ€'
}

.ss-crop.right:after, .ss-crop:before {
    content: 'îˆ'
}

.ss-layers.right:after, .ss-layers:before {
    content: 'îˆ‚'
}

.ss-layergroup.right:after, .ss-layergroup:before {
    content: 'îˆ‡'
}

.ss-pen.right:after, .ss-pen:before {
    content: 'âœ’'
}

.ss-bezier.right:after, .ss-bezier:before {
    content: 'îŠ '
}

.ss-pixels.right:after, .ss-pixels:before {
    content: 'îŠ¡'
}

.ss-phone.right:after, .ss-phone:before {
    content: 'ðŸ“ž'
}

.ss-phonedisabled.right:after, .ss-phonedisabled:before {
    content: 'îŒ€'
}

.ss-touchtonephone.right:after, .ss-touchtonephone:before {
    content: 'â˜'
}

.ss-mail.right:after, .ss-mail:before {
    content: 'âœ‰'
}

.ss-inbox.right:after, .ss-inbox:before {
    content: 'ðŸ“¥'
}

.ss-outbox.right:after, .ss-outbox:before {
    content: 'ðŸ“¤'
}

.ss-chat.right:after, .ss-chat:before {
    content: 'ðŸ’¬'
}

.ss-user.right:after, .ss-user:before {
    content: 'ðŸ‘¤'
}

.ss-users.right:after, .ss-users:before {
    content: 'ðŸ‘¥'
}

.ss-usergroup.right:after, .ss-usergroup:before {
    content: 'î€'
}

.ss-businessuser.right:after, .ss-businessuser:before {
    content: 'î‡'
}

.ss-man.right:after, .ss-man:before {
    content: 'ðŸ‘¨'
}

.ss-male.right:after, .ss-male:before {
    content: 'î‘'
}

.ss-woman.right:after, .ss-woman:before {
    content: 'ðŸ‘©'
}

.ss-female.right:after, .ss-female:before {
    content: 'î‘‘'
}

.ss-raisedhand.right:after, .ss-raisedhand:before {
    content: 'âœ‹'
}

.ss-hand.right:after, .ss-hand:before {
    content: 'î'
}

.ss-pointup.right:after, .ss-pointup:before {
    content: 'ðŸ‘†'
}

.ss-pointupright.right:after, .ss-pointupright:before {
    content: 'ï”'
}

.ss-pointright.right:after, .ss-pointright:before {
    content: 'ðŸ‘‰'
}

.ss-pointdownright.right:after, .ss-pointdownright:before {
    content: 'ï”‘'
}

.ss-pointdown.right:after, .ss-pointdown:before {
    content: 'ðŸ‘‡'
}

.ss-pointdownleft.right:after, .ss-pointdownleft:before {
    content: 'ï”’'
}

.ss-pointleft.right:after, .ss-pointleft:before {
    content: 'ðŸ‘ˆ'
}

.ss-pointupleft.right:after, .ss-pointupleft:before {
    content: 'ï”“'
}

.ss-cart.right:after, .ss-cart:before {
    content: 'î”€'
}

.ss-creditcard.right:after, .ss-creditcard:before {
    content: 'ðŸ’³'
}

.ss-calculator.right:after, .ss-calculator:before {
    content: 'î•‘'
}

.ss-barchart.right:after, .ss-barchart:before {
    content: 'ðŸ“Š'
}

.ss-piechart.right:after, .ss-piechart:before {
    content: 'î•°'
}

.ss-box.right:after, .ss-box:before {
    content: 'ðŸ“¦'
}

.ss-home.right:after, .ss-home:before {
    content: 'âŒ‚'
}

.ss-globe.right:after, .ss-globe:before {
    content: 'ðŸŒŽ'
}

.ss-navigate.right:after, .ss-navigate:before {
    content: 'î™°'
}

.ss-compass.right:after, .ss-compass:before {
    content: 'î™±'
}

.ss-signpost.right:after, .ss-signpost:before {
    content: 'î™²'
}

.ss-location.right:after, .ss-location:before {
    content: 'î›'
}

.ss-floppydisk.right:after, .ss-floppydisk:before {
    content: 'ðŸ’¾'
}

.ss-database.right:after, .ss-database:before {
    content: 'îž '
}

.ss-hdd.right:after, .ss-hdd:before {
    content: 'îž°'
}

.ss-microchip.right:after, .ss-microchip:before {
    content: 'îŸ€'
}

.ss-music.right:after, .ss-music:before {
    content: 'â™«'
}

.ss-headphones.right:after, .ss-headphones:before {
    content: 'ðŸŽ§'
}

.ss-discdrive.right:after, .ss-discdrive:before {
    content: 'î©‚'
}

.ss-volume.right:after, .ss-volume:before {
    content: 'ðŸ”ˆ'
}

.ss-lowvolume.right:after, .ss-lowvolume:before {
    content: 'ðŸ”‰'
}

.ss-mediumvolume.right:after, .ss-mediumvolume:before {
    content: 'î ƒ'
}

.ss-highvolume.right:after, .ss-highvolume:before {
    content: 'ðŸ”Š'
}

.ss-airplay.right:after, .ss-airplay:before {
    content: 'î €'
}

.ss-camera.right:after, .ss-camera:before {
    content: 'ðŸ“·'
}

.ss-picture.right:after, .ss-picture:before {
    content: 'ðŸŒ„'
}

.ss-video.right:after, .ss-video:before {
    content: 'ðŸ“¹'
}

.ss-webcam.right:after, .ss-webcam:before {
    content: 'î©'
}

.ss-film.right:after, .ss-film:before {
    content: 'î¢°'
}

.ss-playvideo.right:after, .ss-playvideo:before {
    content: 'î¢¡'
}

.ss-videogame.right:after, .ss-videogame:before {
    content: 'ðŸŽ®'
}

.ss-play.right:after, .ss-play:before {
    content: 'â–¶'
}

.ss-pause.right:after, .ss-pause:before {
    content: 'î¢ '
}

.ss-stop.right:after, .ss-stop:before {
    content: 'â– '
}

.ss-record.right:after, .ss-record:before {
    content: 'â—'
}

.ss-rewind.right:after, .ss-rewind:before {
    content: 'âª'
}

.ss-fastforward.right:after, .ss-fastforward:before {
    content: 'â©'
}

.ss-skipback.right:after, .ss-skipback:before {
    content: 'â®'
}

.ss-skipforward.right:after, .ss-skipforward:before {
    content: 'â­'
}

.ss-eject.right:after, .ss-eject:before {
    content: 'â'
}

.ss-repeat.right:after, .ss-repeat:before {
    content: 'ðŸ”'
}

.ss-replay.right:after, .ss-replay:before {
    content: 'â†º'
}

.ss-shuffle.right:after, .ss-shuffle:before {
    content: 'ðŸ”€'
}

.ss-index.right:after, .ss-index:before {
    content: 'î¤‚'
}

.ss-storagebox.right:after, .ss-storagebox:before {
    content: 'î¤'
}

.ss-book.right:after, .ss-book:before {
    content: 'ðŸ“•'
}

.ss-notebook.right:after, .ss-notebook:before {
    content: 'ðŸ““'
}

.ss-newspaper.right:after, .ss-newspaper:before {
    content: 'ðŸ“°'
}

.ss-gridlines.right:after, .ss-gridlines:before {
    content: 'îˆ†'
}

.ss-rows.right:after, .ss-rows:before {
    content: 'î¦¡'
}

.ss-columns.right:after, .ss-columns:before {
    content: 'î¦¢'
}

.ss-thumbnails.right:after, .ss-thumbnails:before {
    content: 'î¦£'
}

.ss-mouse.right:after, .ss-mouse:before {
    content: 'î©€'
}

.ss-usb.right:after, .ss-usb:before {
    content: 'î®†'
}

.ss-desktop.right:after, .ss-desktop:before {
    content: 'ðŸ’»'
}

.ss-laptop.right:after, .ss-laptop:before {
    content: 'î¨€'
}

.ss-tablet.right:after, .ss-tablet:before {
    content: 'î¨'
}

.ss-smartphone.right:after, .ss-smartphone:before {
    content: 'î¨‚'
}

.ss-cell.right:after, .ss-cell:before {
    content: 'ðŸ“±'
}

.ss-battery.right:after, .ss-battery:before {
    content: 'ðŸ”‹'
}

.ss-highbattery.right:after, .ss-highbattery:before {
    content: 'î¨'
}

.ss-mediumbattery.right:after, .ss-mediumbattery:before {
    content: 'î¨‘'
}

.ss-lowbattery.right:after, .ss-lowbattery:before {
    content: 'î¨’'
}

.ss-chargingbattery.right:after, .ss-chargingbattery:before {
    content: 'î¨”'
}

.ss-lightbulb.right:after, .ss-lightbulb:before {
    content: 'ðŸ’¡'
}

.ss-washer.right:after, .ss-washer:before {
    content: 'îª€'
}

.ss-downloadcloud.right:after, .ss-downloadcloud:before {
    content: 'î¬€'
}

.ss-download.right:after, .ss-download:before {
    content: 'î¬'
}

.ss-downloadbox.right:after, .ss-downloadbox:before {
    content: 'î¬‚'
}

.ss-uploadcloud.right:after, .ss-uploadcloud:before {
    content: 'î­€'
}

.ss-upload.right:after, .ss-upload:before {
    content: 'î­'
}

.ss-uploadbox.right:after, .ss-uploadbox:before {
    content: 'î­‚'
}

.ss-fork.right:after, .ss-fork:before {
    content: 'î®€'
}

.ss-merge.right:after, .ss-merge:before {
    content: 'î®'
}

.ss-refresh.right:after, .ss-refresh:before {
    content: 'â†»'
}

.ss-sync.right:after, .ss-sync:before {
    content: 'î®‚'
}

.ss-loading.right:after, .ss-loading:before {
    content: 'î®ƒ'
}

.ss-file.right:after, .ss-file:before {
    content: 'ðŸ“„'
}

.ss-files.right:after, .ss-files:before {
    content: 'î°€'
}

.ss-addfile.right:after, .ss-addfile:before {
    content: 'î°'
}

.ss-removefile.right:after, .ss-removefile:before {
    content: 'î°‚'
}

.ss-checkfile.right:after, .ss-checkfile:before {
    content: 'î°ƒ'
}

.ss-deletefile.right:after, .ss-deletefile:before {
    content: 'î°„'
}

.ss-exe.right:after, .ss-exe:before {
    content: 'î°°'
}

.ss-zip.right:after, .ss-zip:before {
    content: 'î°±'
}

.ss-doc.right:after, .ss-doc:before {
    content: 'î°²'
}

.ss-pdf.right:after, .ss-pdf:before {
    content: 'î°´'
}

.ss-jpg.right:after, .ss-jpg:before {
    content: 'î°µ'
}

.ss-png.right:after, .ss-png:before {
    content: 'î°¶'
}

.ss-mp3.right:after, .ss-mp3:before {
    content: 'î°·'
}

.ss-rar.right:after, .ss-rar:before {
    content: 'î°¸'
}

.ss-gif.right:after, .ss-gif:before {
    content: 'î°¹'
}

.ss-folder.right:after, .ss-folder:before {
    content: 'ðŸ“'
}

.ss-openfolder.right:after, .ss-openfolder:before {
    content: 'ðŸ“‚'
}

.ss-downloadfolder.right:after, .ss-downloadfolder:before {
    content: 'î±¶'
}

.ss-uploadfolder.right:after, .ss-uploadfolder:before {
    content: 'î±·'
}

.ss-quote.right:after, .ss-quote:before {
    content: 'â€œ'
}

.ss-unquote.right:after, .ss-unquote:before {
    content: 'â€'
}

.ss-print.right:after, .ss-print:before {
    content: 'âŽ™'
}

.ss-copier.right:after, .ss-copier:before {
    content: 'îµ‚'
}

.ss-fax.right:after, .ss-fax:before {
    content: 'ðŸ“ '
}

.ss-scanner.right:after, .ss-scanner:before {
    content: 'îµƒ'
}

.ss-printregistration.right:after, .ss-printregistration:before {
    content: 'îµ„'
}

.ss-shredder.right:after, .ss-shredder:before {
    content: 'îµ€'
}

.ss-expand.right:after, .ss-expand:before {
    content: 'â¤¢'
}

.ss-contract.right:after, .ss-contract:before {
    content: 'î¸'
}

.ss-help.right:after, .ss-help:before {
    content: 'â“'
}

.ss-info.right:after, .ss-info:before {
    content: 'â„¹'
}

.ss-alert.right:after, .ss-alert:before {
    content: 'âš '
}

.ss-caution.right:after, .ss-caution:before {
    content: 'â›”'
}

.ss-logout.right:after, .ss-logout:before {
    content: 'î¸‚'
}

.ss-login.right:after, .ss-login:before {
    content: 'î¸ƒ'
}

.ss-scaleup.right:after, .ss-scaleup:before {
    content: 'î¸„'
}

.ss-scaledown.right:after, .ss-scaledown:before {
    content: 'î¸…'
}

.ss-plus.right:after, .ss-plus:before {
    content: '+'
}

.ss-hyphen.right:after, .ss-hyphen:before {
    content: '-'
}

.ss-check.right:after, .ss-check:before {
    content: 'âœ“'
}

.ss-delete.right:after, .ss-delete:before {
    content: 'â¡'
}

.ss-notifications.right:after, .ss-notifications:before {
    content: 'ðŸ””'
}

.ss-notificationsdisabled.right:after, .ss-notificationsdisabled:before {
    content: 'ðŸ”•'
}

.ss-clock.right:after, .ss-clock:before {
    content: 'â²'
}

.ss-stopwatch.right:after, .ss-stopwatch:before {
    content: 'â±'
}

.ss-alarmclock.right:after, .ss-alarmclock:before {
    content: 'â°'
}

.ss-egg.right:after, .ss-egg:before {
    content: 'ï„€'
}

.ss-eggs.right:after, .ss-eggs:before {
    content: 'ï„‡'
}

.ss-cheese.right:after, .ss-cheese:before {
    content: 'ï„'
}

.ss-chickenleg.right:after, .ss-chickenleg:before {
    content: 'ðŸ—'
}

.ss-pizzapie.right:after, .ss-pizzapie:before {
    content: 'î¿ '
}

.ss-pizza.right:after, .ss-pizza:before {
    content: 'ðŸ•'
}

.ss-cheesepizza.right:after, .ss-cheesepizza:before {
    content: 'î¿¡'
}

.ss-frenchfries.right:after, .ss-frenchfries:before {
    content: 'ðŸŸ'
}

.ss-apple.right:after, .ss-apple:before {
    content: 'ðŸ'
}

.ss-carrot.right:after, .ss-carrot:before {
    content: 'ï„‘'
}

.ss-broccoli.right:after, .ss-broccoli:before {
    content: 'ï„—'
}

.ss-cucumber.right:after, .ss-cucumber:before {
    content: 'ï„–'
}

.ss-orange.right:after, .ss-orange:before {
    content: 'ðŸŠ'
}

.ss-lemon.right:after, .ss-lemon:before {
    content: 'ðŸ‹'
}

.ss-onion.right:after, .ss-onion:before {
    content: 'ï„•'
}

.ss-bellpepper.right:after, .ss-bellpepper:before {
    content: 'ï„”'
}

.ss-peas.right:after, .ss-peas:before {
    content: 'ï„’'
}

.ss-grapes.right:after, .ss-grapes:before {
    content: 'ðŸ‡'
}

.ss-strawberry.right:after, .ss-strawberry:before {
    content: 'ðŸ“'
}

.ss-bread.right:after, .ss-bread:before {
    content: 'ðŸž'
}

.ss-mug.right:after, .ss-mug:before {
    content: 'â˜•'
}

.ss-mugs.right:after, .ss-mugs:before {
    content: 'ï„«'
}

.ss-espresso.right:after, .ss-espresso:before {
    content: 'î¿°'
}

.ss-macchiato.right:after, .ss-macchiato:before {
    content: 'î¿±'
}

.ss-cappucino.right:after, .ss-cappucino:before {
    content: 'î¿²'
}

.ss-latte.right:after, .ss-latte:before {
    content: 'î¿³'
}

.ss-icedcoffee.right:after, .ss-icedcoffee:before {
    content: 'î¿´'
}

.ss-coffeebean.right:after, .ss-coffeebean:before {
    content: 'î¿µ'
}

.ss-coffeemilk.right:after, .ss-coffeemilk:before {
    content: 'î¿¶'
}

.ss-coffeefoam.right:after, .ss-coffeefoam:before {
    content: 'î¿·'
}

.ss-coffeesugar.right:after, .ss-coffeesugar:before {
    content: 'î¿¸'
}

.ss-sugarpackets.right:after, .ss-sugarpackets:before {
    content: 'ï„µ'
}

.ss-capsule.right:after, .ss-capsule:before {
    content: 'î¿¹'
}

.ss-capsulerecycling.right:after, .ss-capsulerecycling:before {
    content: 'î¿º'
}

.ss-insertcapsule.right:after, .ss-insertcapsule:before {
    content: 'î¿»'
}

.ss-tea.right:after, .ss-tea:before {
    content: 'ðŸµ'
}

.ss-teabag.right:after, .ss-teabag:before {
    content: 'î¿¼'
}

.ss-jug.right:after, .ss-jug:before {
    content: 'ï„¦'
}

.ss-pitcher.right:after, .ss-pitcher:before {
    content: 'ï†›'
}

.ss-kettle.right:after, .ss-kettle:before {
    content: 'ï†œ'
}

.ss-wineglass.right:after, .ss-wineglass:before {
    content: 'ðŸ·'
}

.ss-sugar.right:after, .ss-sugar:before {
    content: 'ï„´'
}

.ss-oven.right:after, .ss-oven:before {
    content: 'ï…€'
}

.ss-stove.right:after, .ss-stove:before {
    content: 'ï…'
}

.ss-vent.right:after, .ss-vent:before {
    content: 'ï…ƒ'
}

.ss-exhaust.right:after, .ss-exhaust:before {
    content: 'ï…„'
}

.ss-steam.right:after, .ss-steam:before {
    content: 'â™¨'
}

.ss-dishwasher.right:after, .ss-dishwasher:before {
    content: 'ï†’'
}

.ss-toaster.right:after, .ss-toaster:before {
    content: 'ï†“'
}

.ss-microwave.right:after, .ss-microwave:before {
    content: 'ï†”'
}

.ss-electrickettle.right:after, .ss-electrickettle:before {
    content: 'ï†•'
}

.ss-refrigerator.right:after, .ss-refrigerator:before {
    content: 'ï†–'
}

.ss-freezer.right:after, .ss-freezer:before {
    content: 'ï†—'
}

.ss-utensils.right:after, .ss-utensils:before {
    content: 'ðŸ´'
}

.ss-cookingutensils.right:after, .ss-cookingutensils:before {
    content: 'ï…‘'
}

.ss-whisk.right:after, .ss-whisk:before {
    content: 'ï…’'
}

.ss-pizzacutter.right:after, .ss-pizzacutter:before {
    content: 'ï…“'
}

.ss-measuringcup.right:after, .ss-measuringcup:before {
    content: 'ï…¢'
}

.ss-colander.right:after, .ss-colander:before {
    content: 'ï…£'
}

.ss-eggtimer.right:after, .ss-eggtimer:before {
    content: 'ï…¥'
}

.ss-platter.right:after, .ss-platter:before {
    content: 'ï…¦'
}

.ss-plates.right:after, .ss-plates:before {
    content: 'ï…§'
}

.ss-steamplate.right:after, .ss-steamplate:before {
    content: 'ï†˜'
}

.ss-cups.right:after, .ss-cups:before {
    content: 'ï„ª'
}

.ss-steamglass.right:after, .ss-steamglass:before {
    content: 'ï†™'
}

.ss-pot.right:after, .ss-pot:before {
    content: 'ï…¨'
}

.ss-steampot.right:after, .ss-steampot:before {
    content: 'ï†š'
}

.ss-chef.right:after, .ss-chef:before {
    content: 'ï…²'
}

.ss-weathervane.right:after, .ss-weathervane:before {
    content: 'ïˆ€'
}

.ss-thermometer.right:after, .ss-thermometer:before {
    content: 'ïˆ'
}

.ss-thermometerup.right:after, .ss-thermometerup:before {
    content: 'ïˆƒ'
}

.ss-thermometerdown.right:after, .ss-thermometerdown:before {
    content: 'ïˆ„'
}

.ss-droplet.right:after, .ss-droplet:before {
    content: 'ðŸ’§'
}

.ss-sunrise.right:after, .ss-sunrise:before {
    content: 'ðŸŒ…'
}

.ss-sunset.right:after, .ss-sunset:before {
    content: 'ðŸŒ‡'
}

.ss-sun.right:after, .ss-sun:before {
    content: 'â˜€'
}

.ss-cloud.right:after, .ss-cloud:before {
    content: 'â˜'
}

.ss-clouds.right:after, .ss-clouds:before {
    content: 'ïˆ '
}

.ss-partlycloudy.right:after, .ss-partlycloudy:before {
    content: 'â›…'
}

.ss-rain.right:after, .ss-rain:before {
    content: 'â˜”'
}

.ss-rainheavy.right:after, .ss-rainheavy:before {
    content: 'ïˆ¤'
}

.ss-lightning.right:after, .ss-lightning:before {
    content: 'â˜‡'
}

.ss-thunderstorm.right:after, .ss-thunderstorm:before {
    content: 'â›ˆ'
}

.ss-umbrella.right:after, .ss-umbrella:before {
    content: 'â˜‚'
}

.ss-rainumbrella.right:after, .ss-rainumbrella:before {
    content: 'ï‰°'
}

.ss-rainbow.right:after, .ss-rainbow:before {
    content: 'ðŸŒˆ'
}

.ss-rainbowclouds.right:after, .ss-rainbowclouds:before {
    content: 'ïˆ”'
}

.ss-fog.right:after, .ss-fog:before {
    content: 'ïˆ‘'
}

.ss-wind.right:after, .ss-wind:before {
    content: 'ïˆ’'
}

.ss-tornado.right:after, .ss-tornado:before {
    content: 'ïˆ“'
}

.ss-snowflake.right:after, .ss-snowflake:before {
    content: 'â„'
}

.ss-snowcrystal.right:after, .ss-snowcrystal:before {
    content: 'â†'
}

.ss-lightsnow.right:after, .ss-lightsnow:before {
    content: 'ïˆ°'
}

.ss-snow.right:after, .ss-snow:before {
    content: 'ïˆ±'
}

.ss-heavysnow.right:after, .ss-heavysnow:before {
    content: 'ïˆ²'
}

.ss-hail.right:after, .ss-hail:before {
    content: 'ï‰„'
}

.ss-crescentmoon.right:after, .ss-crescentmoon:before {
    content: 'ðŸŒ™'
}

.ss-waxingcrescentmoon.right:after, .ss-waxingcrescentmoon:before {
    content: 'ðŸŒ’'
}

.ss-firstquartermoon.right:after, .ss-firstquartermoon:before {
    content: 'ðŸŒ“'
}

.ss-waxinggibbousmoon.right:after, .ss-waxinggibbousmoon:before {
    content: 'ðŸŒ”'
}

.ss-waninggibbousmoon.right:after, .ss-waninggibbousmoon:before {
    content: 'ðŸŒ–'
}

.ss-lastquartermoon.right:after, .ss-lastquartermoon:before {
    content: 'ðŸŒ—'
}

.ss-waningcrescentmoon.right:after, .ss-waningcrescentmoon:before {
    content: 'ðŸŒ˜'
}

.ss-fan.right:after, .ss-fan:before {
    content: 'ïŠ€'
}

.ss-bike.right:after, .ss-bike:before {
    content: 'ðŸš²'
}

.ss-wheelchair.right:after, .ss-wheelchair:before {
    content: 'â™¿'
}

.ss-briefcase.right:after, .ss-briefcase:before {
    content: 'ðŸ’¼'
}

.ss-hanger.right:after, .ss-hanger:before {
    content: 'ï† '
}

.ss-comb.right:after, .ss-comb:before {
    content: 'ï†¡'
}

.ss-medicalcross.right:after, .ss-medicalcross:before {
    content: 'ï’°'
}

.ss-up.right:after, .ss-up:before {
    content: 'â¬†'
}

.ss-upright.right:after, .ss-upright:before {
    content: 'â¬ˆ'
}

.ss-right.right:after, .ss-right:before {
    content: 'âž¡'
}

.ss-downright.right:after, .ss-downright:before {
    content: 'â¬Š'
}

.ss-down.right:after, .ss-down:before {
    content: 'â¬‡'
}

.ss-downleft.right:after, .ss-downleft:before {
    content: 'â¬‹'
}

.ss-left.right:after, .ss-left:before {
    content: 'â¬…'
}

.ss-upleft.right:after, .ss-upleft:before {
    content: 'â¬‰'
}

.ss-navigateup.right:after, .ss-navigateup:before {
    content: 'ï”€'
}

.ss-navigateright.right:after, .ss-navigateright:before {
    content: 'â–»'
}

.ss-navigatedown.right:after, .ss-navigatedown:before {
    content: 'ï”'
}

.ss-navigateleft.right:after, .ss-navigateleft:before {
    content: 'â—…'
}

.ss-retweet.right:after, .ss-retweet:before {
    content: 'ï˜€'
}

.ss-share.right:after, .ss-share:before {
    content: 'ï˜'
}

@media handheld, only screen and (max-width:1255px) {
    section.aside .price {
        padding: 20px 0
    }
    section.aside .price span {
        float: none;
        text-align: center;
        display: inherit;
    }
    section.aside .price em {
        float: none;
        padding: 0;
        border-left: none!important;
        display: block;
        text-align: center
    }
    section.aside .price em br {
        display: none
    }
    div .masthead div.title h2 {
        font-size: 1.5em;
    }
    div.contentBody {
        width: 71%;
        margin-left: 5px;
    }
    section.editorial article.col-1-2 {
        max-width: 68%;
    }
    section.editorial footer.col-1-2 {
        width: 32%;
    }
}

@media handheld, only screen and (max-width:50em) {
    .Video .image .shadow {
        display: none;
    }
    .Video .image .video {
        min-height: 82%;
    }
    .col-1-2 {
        width: auto;
        float: none;
        clear: both
    }
    .container {
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
    }
    .paginate span {
        width: 100%
    }
    body.home .sponsor, body.winner .sponsor {
        display: none
    }
    .masthead {
        padding: 10px 0 15px
    }
    .masthead h1 {
        position: static
    }
    div.title .desktoptitle {
        display: none;
    }
    section.aside blockquote {
        width: unset;
    }
    section.editorial article.col-1-2 {
        width: 100%;
        max-width: unset;
    }
    section.editorial footer.col-1-2 {
        width: unset;
    }
    div.contentBody {
        width: 100%;
    }
    .masthead h1 img {
        margin: 0 auto
    }
    .masthead .back {
        position: absolute;
        margin-left: 5%;
        top: 10px
    }
    .masthead .back span {
        display: none
    }
    body.holding .masthead .back {
        position: static;
        padding-bottom: 0
    }
    .footer {
        padding: 25px 0;
        text-align: center
    }
    .footer ul {
        float: none
    }
    .footer .social ul {
        float: right
    }
    .footer .social li {
        margin: 0 5px
    }
    .footer h1 {
        margin: 15px auto;
        display: block
    }
    div.sponsor {
        float: none;
        margin: 5px auto 0;
        text-align: center;
        position: static
    }
    div.sponsor .desc {
        width: auto;
        position: static;
        padding: 5px 20px;
        text-align: left;
        clear: both;
        margin-top: 20px
    }
    div.sponsor .desc:after {
        display: none
    }
    .intro {
        height: auto;
        padding-bottom: 50px
    }
    .intro .box p {
        font-size: 20px;
        font-size: 1.25rem
    }
    .intro .countdown {
        zoom: .6;
        margin-bottom: 0
    }
    .intro .flip-clock-wrapper ul {
        width: 50px
    }
    .intro .flip-clock-wrapper ul, .intro .flip-clock-wrapper ul li a div, .intro .flip-clock-wrapper ul li a div div.inn {
        font-size: 50px
    }
    div#root div#footer {
        margin-top: 0px;
    }
    body div.sponsor strong {
        right: 29px;
        position: inherit;
        margin-top: unset;
    }
    li.AwardsSlot h3 {
        margin-top: 7px;
    }
    .overallWinner {
        width: 100%;
        position: unset;
        max-width: unset;
        margin-bottom: unset;
        margin-top: unset;
    }
    .categories.large li {
        width: 100%
    }
    .categories {
        position: relative;
        width: 100%;
        top: 98px;
        margin-bottom: 65px;
    }
    .categories li {
        width: 100%;
        padding-top: 0;
        height: 70px;
        border-bottom: 1px solid #333;
        line-height: .8em;
    }
    .categorygrid{
        margin-top: unset;
    }
    li.AwardsSlot a {
        top: unset;
        vertical-align: middle;
        width: unset;
        color: #fff;
        font-weight: 700;
        text-decoration: none;
        border: 0;
        left: 0px;
        max-height: 60px;
    }
    li.AwardsSlot a strong {
        top: unset;
    }
    li.AwardsSlot.previousYearWinner a {
        margin-left: 40px;
    }
    li.AwardsSlot.previousYearWinner img {
        max-width: unset;
    }
    li.AwardsSlot:hover, .categories.large section.overallWinner:hover {
        display: inherit;
        background: #ea2914;
    }
    li.AwardsSlot:hover a {
        opacity: 1;
    }
    .categories li img {
        max-height: 90px;
        max-width: 112px;
        float: right;
        z-index: 5;
    }
    li.AwardsSlot:hover a {
        display: inherit;
        text-decoration: none;
    }
    .categories:hover li {
        position: inherit;
        border-bottom: none;
    }
   li.AwardsSlot:not(.previousYearWinner):last-child {
        /*display: none;*/
        margin-bottom: unset;
    }
    div#footer {
        margin-top: 65px;
    }
    div.logo {
        display: none;
    }
    .overallWinner div{
        width: inherit;
    }
    li.AwardsSlot:last-child {
        margin-bottom: 30px;
    }
    section.masthead div.sponsor h3 {
        float: right;
        margin-top: 3px;
        color: white;
        font-weight: 400;
        font-size: .75rem;
        position: absolute;
        right: 38px;
    }
    div.sponsor img {
        max-width: 25%;
        max-height: 50%;
        float: right;
        margin: 19px;
        margin-top: 23px;
    }
    section.overallWinner a {
        bottom: unset;
        font-weight: 700;
        border: 0;
        margin: 6px auto;
    }
    section.overallWinner a.aOverlay {
        z-index: 5;
        position: absolute;
        color: white;
        width: 100%;
        display: table;
        margin: 0 auto;
        font-size: 1.375rem;
        height: 60px;
        bottom: 47px;
    }
    section.overallWinner:hover a.aOverlay {
        display: table;
    }
    section.overallWinner strong{
        margin: unset;
    }
    .categories.large a {
        width: 100%;
    }
    .categories.large section.overallWinner img {
        height: 60px;
        width: 112px;
        float: right;
        clip-path: unset;
        position: initial;
        top: unset;
    }
    .categories.large section.overallWinner {
        height: 60px;
        max-width: unset;
        float: inherit;
        margin-bottom: 50px;
        margin-top: unset;
    }
    .previousWinner {
        position: absolute;
        bottom: 0px;
    }
    .categories.large section.overallWinner:hover strong {
        opacity: 1;
    }
    .categories li.meetthewinners {
        display: initial;
        background: white;
        max-height: 50px;
        font-family: "Clear Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    }
    .categories li.meetthewinners h2 {
        font-size: 17px;
        font-weight: 800;
        margin-top: 15px;
    }
    div .masthead div.title .mobiletitle {
        all: unset;
        display: initial;
        font-family: Arial, Helvetica, Geneva, sans-serif;
        float: left;
        padding-top: 20px;
        font-size: 23px;
        font-weight: 700;
        margin-left: 10px;
    }
    div .masthead div.title div h2.desktoptitle {
        top: 66px;
        background: white;
        width: 100%;
        color: red;
        font-size: x-large;
    }
    body .masthead h1 strong {
        color: black;
        font-weight: 900;
    }
    div.title h2.desktoptitle em {
        color: darkgrey;
    }
    section.editorial {
        display: inline-block;
    }
    div.pointer {
        display: none;
    }
    [class*="MenuMobileFirstRow"] {
        margin-top: 3%;
    }
    .categories li.winner {
        width: 100%;
        padding-top: 0;
        position: absolute;
        top: 0
    }
    .categories a {
        padding-top: 19px;
        text-align: left;
        padding-left: 20px
    }
    .categories a:hover strong {
        opacity: 1
    }
    .categorygrid header {
        background: #ea2914
    }
    .categorygrid header h1 {
        color: #fff
    }
    .categorygrid .container {
        padding-top: 10px;
        margin: 0 40px 30px;
        width: auto;
    }
    .categorygrid .container ul li {
        list-style: none;
        margin: 0;
        padding-left: 0
    }
    .categorygrid .cars {
        margin: 0
    }
    .categorygrid .cars article, .categorygrid .cars article.winner {
        position: static;
        width: auto;
        margin: 30px 0 30px
    }
    .categorygrid header, .Video header {
        position: static;
        padding-top: 10px;
        padding-bottom: 15px;
        margin-top: 0;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -ms-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
        max-width: 100%
    }
    .categorygrid header h1, .Video header h1 {
        max-width: 100%
    }
    .categorygrid header h3 em, .Video header h3 em {
        margin: 0;
        margin-left: auto;
        margin-right: auto;
    }
    .categorygrid header h3 strong, .Video header h3 strong {
        font-size: 25px;
        font-size: 1.5625rem
    }
    .Video header {
        background: #fff;
        padding-top: 0
    }
    .Video .image {
        background: none!important;
        top: 10px;
        margin: unset;
    }
    .Video .image.extended {
        background: none!important;
        height: 353px;
        top: 30px;
    }
    section.aside .accolade, section.aside .price, section.aside .social {
        margin: 10px 0
    }
    section.aside .accolade br, section.aside .price br, section.aside .social br {
        display: none
    }
    section.aside .accolade em, section.aside .price em, section.aside .social em {
        border: none!important;
        float: none;
        padding: 0;
        margin-top: 10px;
        display: block;
        text-align: center
    }
    section.aside .price p {
        float: none;
        width: auto
    }
    section.aside .price span {
        float: none;
        padding: 0;
        margin-bottom: 10px;
        display: block
    }
    section.aside cite {
        float: none;
        margin-bottom: 20px
    }
    .editorial article {
        padding: 0 25px
    }
    .editorial article .btn.review {
        display: block;
        text-align: center;
        border: 10px solid #fff;
        padding: 13px 10px
    }
    .editorial .actions {
        margin: 0 25px
    }
    .editorial .specs {
        margin: 20px 15px
    }
    .editorial .specs dl, .editorial .specs ul {
        width: auto;
        float: none
    }
    .editorial .specs dl:last-of-type dd, .editorial .specs ul:last-of-type dd {
        border-bottom: none
    }
    .editorial .specs dd {
        padding-top: 5px;
        padding-bottom: 15px;
        font-size: 30px;
        font-size: 1.875rem
    }
    .editorial .actions p {
        width: 50%
    }
    .editorial .actions .btn.review {
        display: none
    }
    body.live .masthead {
        position: static
    }
    body.live .masthead h1 {
        display: none
    }
    body.live .footer {
        display: block
    }
    body.live .section.main {
        width: 100%;
        position: static
    }
    body.live .categories, body.live .categories li {
        width: 100%;
        padding-top: 0
    }
    body.live .categories h1 {
        display: block
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    body .paginate {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 36px;
        top: 66px;
    }
    body .paginate .next, body .paginate .prev {
        padding: 15px 0;
        background: 0 0;
        font-size: 16px;
        font-size: 1rem;
        color: #fff
    }
    li.AwardsSlot:last-child{
        margin-bottom: unset;
    }
    .overallWinner{
        margin-top: -95px;
    }
    .categories{
        margin-top: -95px;
    }
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .masthead h1 {
        top: 38px
    }
    .masthead h1 img {
        width: 123px
    }
    body.home .masthead h1 {
        top: 31px
    }
}