/*! normalize.css v3.0.0 | MIT License | git.io/normalize */


/*! normalize.css v3.0.0 | HTML5 Display Definitions | MIT License | git.io/normalize */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
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
}


/*! normalize.css v3.0.0 | Base | MIT License | git.io/normalize */

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

body {
    margin: 0
}


/*! normalize.css v3.0.0 | Links | MIT License | git.io/normalize */

a {
    background: transparent
}

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


/*! normalize.css v3.0.0 | Typography | MIT License | git.io/normalize */

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

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

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

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}


/*! normalize.css v3.0.0 | Embedded Content | MIT License | git.io/normalize */

img {
    border: 0
}

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


/*! normalize.css v3.0.0 | Figures | MIT License | git.io/normalize */

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
}


/*! normalize.css v3.0.0 | Forms | MIT License | git.io/normalize */

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 #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}


/*! normalize.css v3.0.0 | Tables | MIT License | git.io/normalize */

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

td,
th {
    padding: 0
}

@media screen and (min-width: 320px) {
    head {
        font-family: "mobile 320px"
    }
    body:after {
        content: "mobile - min-width: 320px"
    }
}

@media screen and (min-width: 768px) {
    head {
        font-family: "tablet 768px"
    }
    body:after {
        content: "tablet - min-width: 768px"
    }
}

@media screen and (min-width: 1024px) {
    head {
        font-family: "desktop 1024px"
    }
    body:after {
        content: "desktop - min-width: 1024px"
    }
}

head {
    clear: both
}

head title {
    font-family: "mobile 320px,tablet 768px,desktop 1024px"
}

body:after {
    display: none
}

*[data-usn-if] {
    display: none
}

.hidden {
    display: none !important;
    visibility: hidden
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.js-slider-link {
    position: relative
}

.js-slider-link a.link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    z-index: 200
}

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

.clearfix:after {
    clear: both
}

.align-left {
    text-align: left
}

.align-center {
    text-align: center
}

.align-right {
    text-align: right
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.float-none {
    float: none
}

.clear-left {
    clear: left
}

.clear-right {
    clear: right
}

.clear-both,
.clear {
    clear: both
}

.fluid-image {
    max-width: 100%;
    width: 100%;
    height: auto
}

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #666;
    margin: 1em 0;
    padding: 0
}

img {
    margin: 0;
    max-width: 100%;
    height: auto;
    vertical-align: bottom
}

blockquote,
cite {
    margin: 0;
    padding: 0
}

.mod-5-word-speeches__refresh:hover {
    -moz-box-shadow: inset 0 0 0 4px;
    -webkit-box-shadow: inset 0 0 0 4px;
    box-shadow: inset 0 0 0 4px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.site-header-button {
    -moz-transition: color linear, background-color linear;
    -o-transition: color linear, background-color linear;
    -webkit-transition: color linear, background-color linear;
    transition: color linear, background-color linear
}

@media (min-width: 768px) {
    .site-header-button:hover {
        -moz-box-shadow: inset 0 0 0 4px;
        -webkit-box-shadow: inset 0 0 0 4px;
        box-shadow: inset 0 0 0 4px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-color: #fff !important;
        color: #000 !important
    }
}

@media (min-width: 768px) {
    .icon-arrow-left:before {
        padding: 0 7px
    }
    .no-touch .icon-arrow-left:hover:before,
    .touch .icon-arrow-left:active:before {
        -moz-box-shadow: inset 0 0 0 3px;
        -webkit-box-shadow: inset 0 0 0 3px;
        box-shadow: inset 0 0 0 3px;
        padding: 0 7px
    }
}

@media (min-width: 768px) {
    .icon-arrow-right:before {
        padding: 0 7px
    }
    .no-touch .icon-arrow-right:hover:before,
    .touch .icon-arrow-right:active:before {
        -moz-box-shadow: inset 0 0 0 3px;
        -webkit-box-shadow: inset 0 0 0 3px;
        box-shadow: inset 0 0 0 3px;
        padding: 0 7px
    }
}

@media (min-width: 768px) {
    .icon-arrow-up:before {
        padding: 7px 0
    }
    .no-touch .icon-arrow-up:hover:before,
    .touch .icon-arrow-up:active:before {
        -moz-box-shadow: inset 0 0 0 3px;
        -webkit-box-shadow: inset 0 0 0 3px;
        box-shadow: inset 0 0 0 3px;
        padding: 7px 0
    }
}

@media (min-width: 768px) {
    .icon-arrow-down:before {
        padding: 7px 0
    }
    .no-touch .icon-arrow-down:hover:before,
    .touch .icon-arrow-down:active:before {
        -moz-box-shadow: inset 0 0 0 3px;
        -webkit-box-shadow: inset 0 0 0 3px;
        box-shadow: inset 0 0 0 3px;
        padding: 7px 0
    }
}

@media (min-width: 768px) {
    .mod-full-video__image .icon-play:hover,
    .mod-netted-1up__image .icon-play:hover {
        -moz-box-shadow: inset 0 0 0 4px;
        -webkit-box-shadow: inset 0 0 0 4px;
        box-shadow: inset 0 0 0 4px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        font-size: 30px;
        padding: 10px 8px 10px 12px
    }
}

@media (min-width: 1024px) {
    .mod-full-video__image .icon-play:hover,
    .mod-netted-1up__image .icon-play:hover {
        font-size: 30px;
        padding: 15px 13px 15px 17px
    }
}

.mod-5-word-speeches__refresh {
    -moz-transition: color linear, background-color linear;
    -o-transition: color linear, background-color linear;
    -webkit-transition: color linear, background-color linear;
    transition: color linear, background-color linear
}

.mod-5-word-speeches__refresh:hover {
    background-color: #fff !important;
    color: #000 !important
}

@media (min-width: 768px) {
    .no-touch .mod-content:hover .mod-content__image>a:after {
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-width: 16px;
        border-style: solid;
        border-color: #fff
    }
    .no-touch .mod-content:hover .mod-content__text:before {
        opacity: 0
    }
    .no-touch .mod-content--v2:hover .mod-content__image>a:after,
    .no-touch .mod-content--v3:hover .mod-content__image>a:after {
        border-color: #75b9f2
    }
    .no-touch .mod-article-3up__item--all-text:hover .mod-content__image>a:after,
    .no-touch .mod-article-3up__item--2:hover .mod-content__image>a:after,
    .no-touch .mod-article-3up__item--5:hover .mod-content__image>a:after,
    .no-touch .mod-article-5up__item--2:hover .mod-content__image>a:after,
    .no-touch .mod-article-5up__item--5:hover .mod-content__image>a:after {
        border-color: #75b9f2
    }
    .no-touch .mod-article-3up__item--3:hover .mod-content__image>a:after,
    .no-touch .mod-article-3up__item--4:hover .mod-content__image>a:after,
    .no-touch .mod-article-5up__item--3:hover .mod-content__image>a:after,
    .no-touch .mod-article-5up__item--4:hover .mod-content__image>a:after {
        border-color: #a7f076
    }
}

.article-share__item.active .icon,
.winners-share__item.active .icon {
    -moz-box-shadow: inset 0 0 0 3px;
    -webkit-box-shadow: inset 0 0 0 3px;
    box-shadow: inset 0 0 0 3px
}

.article-share__item .icon:hover,
.winners-share__item .icon:hover {
    -moz-box-shadow: inset 0 0 0 3px;
    -webkit-box-shadow: inset 0 0 0 3px;
    box-shadow: inset 0 0 0 3px
}

.article-share--footer .article-share__item.active .icon {
    -moz-box-shadow: inset 0 0 0 3px;
    -webkit-box-shadow: inset 0 0 0 3px;
    box-shadow: inset 0 0 0 3px
}

.article-share--footer .article-share__item .icon:hover {
    -moz-box-shadow: inset 0 0 0 3px;
    -webkit-box-shadow: inset 0 0 0 3px;
    box-shadow: inset 0 0 0 3px
}

@media (min-width: 768px) {
    .winners-header__project-title a:hover .icon-arrow-link-out2:before {
        -moz-box-shadow: inset 0 0 0 3px;
        -webkit-box-shadow: inset 0 0 0 3px;
        box-shadow: inset 0 0 0 3px
    }
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #fff;
    color: #4c4c4c;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 25px
}

@media (min-width: 768px) {
    body {
        font-size: 16px;
        line-height: 30px
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat", sans-serif;
    line-height: 1.09375em;
    color: #000;
    margin: 0;
    text-rendering: optimizeLegibility
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #000
}

h1 {
    font-size: 22px;
    line-height: 27px;
    margin: 0 0 35px 0
}

@media (min-width: 768px) {
    h1 {
        font-size: 28px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    h1 {
        font-size: 35px;
        line-height: 40px
    }
}

h2 {
    font-size: 1.75em;
    margin: 0 0 30px 0
}

h3 {
    font-size: 1.53125em;
    margin: 0 0 30px 0
}

h4 {
    font-size: 1.3125em
}

h5 {
    font-size: 1.09375em
}

h6 {
    font-size: 0.875em
}

p {
    margin: 0 0 30px 0
}

a {
    -moz-transition: color 0.1s linear, background 0.1s linear, border 0.1s linear;
    -o-transition: color 0.1s linear, background 0.1s linear, border 0.1s linear;
    -webkit-transition: color 0.1s linear, background 0.1s linear, border 0.1s linear;
    transition: color 0.1s linear, background 0.1s linear, border 0.1s linear;
    color: #000;
    text-decoration: none
}

a:hover {
    color: #000
}

a:active,
a:focus {
    color: #000;
    outline: none
}

p a,
.link,
.column-list__item>a,
.media-headline>a,
.mod-5-word-speeches__category a,
.winners-credits__item>a,
.mod-webby50-5up .mod-webby50-about-trigger,
.mod-campaign-5up .mod-campaign-about-trigger {
    color: #4c4c4c;
    border-bottom: 1px solid #4c4c4c
}

p a:hover,
.link:hover,
.column-list__item>a:hover,
.media-headline>a:hover,
.mod-5-word-speeches__category a:hover,
.winners-credits__item>a:hover,
.mod-webby50-5up .mod-webby50-about-trigger:hover,
.mod-campaign-5up .mod-campaign-about-trigger:hover {
    color: #000;
    border-bottom: 1px solid #000
}

.mod-5-word-speeches__author a {
    color: #000;
    border-bottom: 1px solid #000
}

.mod-5-word-speeches__author a:hover {
    color: #000;
    border-bottom: 1px solid #000
}

.link--bold {
    font-size: 16px;
    font-weight: bold
}

.cat-subhead {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 13px
}

@media (min-width: 768px) {
    .cat-subhead {
        margin-bottom: 20px
    }
}

@media (min-width: 1024px) {
    .cat-subhead {
        font-size: 14px
    }
}

.section-header {
    overflow: hidden;
    *zoom: 1;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    border-bottom: 1px solid #000;
    margin: 0 0 25px 0;
    padding-bottom: 5px
}

@media (min-width: 768px) {
    .section-header {
        font-size: 20px;
        line-height: 23px;
        margin-bottom: 25px
    }
}

.section-header>span {
    float: right;
    font-size: 13px;
    color: #4c4c4c;
    font-weight: normal;
    text-transform: none;
    position: relative;
    top: 2px
}

.alert {
    color: red
}

.tag-new {
    background: #a7f076;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    padding: 3px 7px;
    font-size: 14px;
    line-height: 14px
}

.intro {
    font-weight: bold;
    font-size: 16px;
    line-height: 27px;
    text-transform: uppercase;
    color: #000;
    margin: 0 0 60px 0
}

.intro>p {
    margin: 0
}

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

.site-footer {
    color: #fff;
    position: relative;
    z-index: 1
}

@media (min-width: 1024px) {
    .site-footer {
        margin-top: 100px
    }
}

.site-footer__wrap {
    max-width: 1920px;
    margin: 0 auto;
    background-color: #000;
    position: relative;
    z-index: -2
}

.site-footer__image {
    position: absolute;
    height: 297px;
    width: 100%;
    left: 0;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: right top;
    z-index: -1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

@media (min-width: 1024px) {
    .site-footer__image {
        background-position: 0 0
    }
}

.site-footer__section {
    padding: 20px
}

@media (min-width: 768px) {
    .site-footer__section {
        padding: 20px 35px
    }
}

@media (min-width: 1024px) {
    .site-footer__section {
        padding: 20px 40px
    }
}

.site-footer__section--top {
    height: 297px;
    background: url('../../images/site-footer-gradient3.png') repeat-y -320px 0;
    padding-top: 50px
}

@media (min-width: 768px) {
    .site-footer__section--top {
        *zoom: 1
    }
    .site-footer__section--top:after {
        content: "";
        display: table;
        clear: both
    }
}

@media (min-width: 1024px) {
    .site-footer__section--top {
        background-position: -160px 0;
        float: left;
        width: 65.625%;
        position: relative
    }
}

.site-footer__section--bottom {
    background: #000
}

@media (min-width: 768px) {
    .site-footer__section--bottom {
        padding: 15px 35px;
        height: 62px
    }
}

@media (min-width: 1024px) {
    .site-footer__section--bottom {
        float: right;
        width: 34.375%;
        margin-top: -62px;
        padding: 0 20px
    }
}

.site-footer-logo {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background: url('../../images/site-logo--white@2x.png') no-repeat 0 0;
    background-size: contain;
    display: block;
    width: 105px;
    height: 60px;
    border: 0;
    margin: 0 0 37px 0
}

@media (min-width: 768px) {
    .site-footer-logo {
        width: 18.23899%;
        float: left;
        margin-right: -100%;
        margin-left: 0;
        clear: none
    }
}

@media (min-width: 768px) {
    .site-footer-nav {
        width: 40.25157%;
        float: left;
        margin-right: -100%;
        margin-left: 62.89308%;
        clear: none;
        width: 37.5%;
        margin-left: 64.5%;
        margin-top: -10px
    }
}

@media (min-width: 1024px) {
    .site-footer-nav {
        width: 37.10692%;
        float: left;
        margin-right: -100%;
        margin-left: 66.03774%;
        clear: none;
        width: 41%;
        margin-left: 64%
    }
}

.site-footer-nav__menu {
    *zoom: 1;
    max-width: 320px
}

.site-footer-nav__menu:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 768px) {
    .site-footer-nav__menu {
        max-width: none
    }
}

.site-footer-nav__item {
    float: left;
    width: 50%;
    margin: 0 0 9px 0
}

.site-footer-nav__link {
    border: 0;
    font-weight: bold;
    font-size: 12px;
    color: #fff
}

.site-footer-nav__link:hover,
.active.site-footer-nav__item .site-footer-nav__link {
    color: #fff;
    border-bottom: 1px solid #fff
}

@media (min-width: 768px) {
    .site-footer-nav__link {
        font-size: 13px
    }
}

.site-footer-social {
    margin: 0 0 60px 0
}

@media (min-width: 768px) {
    .site-footer-social {
        margin: 0
    }
}

@media (min-width: 1024px) {
    .site-footer-social {
        position: relative
    }
    .site-footer-social:after {
        content: "";
        position: absolute;
        left: 0;
        background: #000;
        height: 62px;
        top: 0;
        z-index: -1
    }
}

@media (min-width: 1024px) {
    .site-footer-social__menu {
        display: table;
        width: 100%;
        height: 62px
    }
}

.site-footer-social__item {
    display: inline-block;
    margin: 0 17px 0 0
}

@media (min-width: 1024px) {
    .site-footer-social__item {
        margin: 0;
        display: table-cell;
        text-align: center;
        height: 100%;
        vertical-align: middle
    }
}

.site-footer-social__item--label {
    display: none;
    font-size: 11px
}

@media (min-width: 768px) {
    .site-footer-social__item--label {
        display: inline;
        top: -3px;
        position: relative
    }
}

@media (min-width: 1024px) {
    .site-footer-social__item--label {
        display: table-cell;
        width: 70px;
        top: 0
    }
}

.site-footer-social__link {
    border: 0;
    font-size: 17px;
    color: #fff
}

.site-footer-social__link:hover {
    color: #999
}

.site-footer-social__link:active,
.site-footer-social__link:focus {
    color: #fff
}

.site-footer-tagline {
    margin: 0 0 15px 7px;
    font-size: 12px;
    line-height: 16px
}

@media (min-width: 768px) {
    .site-footer-tagline {
        position: absolute;
        margin-left: 0;
        top: 170px;
        left: 42px;
        width: 145px
    }
}

@media (min-width: 1024px) {
    .site-footer-tagline {
        left: 47px
    }
}

.site-footer-tagline.highlight span {
    -moz-box-shadow: #fff 7px 0 0 0, #fff -7px 0 0 0;
    -webkit-box-shadow: #fff 7px 0 0 0, #fff -7px 0 0 0;
    box-shadow: #fff 7px 0 0 0, #fff -7px 0 0 0
}

@media screen and (min-width: 0\0) {
    .site-footer-tagline.highlight span {
        box-shadow: #fff 7px 0 0 0, #fff -7px 0 0 0
    }
}

.site-footer-about {
    font-size: 10px;
    line-height: 15px;
    font-weight: bold;
    margin: 0 0 15px 0
}

@media (min-width: 768px) {
    .site-footer-about {
        font-size: 11px;
        position: absolute;
        top: 218px;
        width: 50%
    }
}

@media (min-width: 1024px) {
    .site-footer-about {
        left: 40px;
        width: 35%
    }
}

.site-footer-copyright {
    font-size: 9px;
    line-height: 14px;
    margin-bottom: 7px;
    color: #ccc
}

@media (min-width: 768px) {
    .site-footer-copyright {
        font-size: 10px;
        position: absolute;
        top: 218px;
        left: 63%;
        width: 35%
    }
}

@media (min-width: 1024px) {
    .site-footer-copyright {
        left: 41%;
        width: 24%
    }
}

.site-footer-credit {
    font-size: 9px;
    line-height: 14px;
    color: #ccc
}

.site-footer-credit a {
    color: #ccc
}

@media (min-width: 768px) {
    .site-footer-credit {
        font-size: 11px;
        color: #ccc;
        position: absolute;
        bottom: 27px;
        left: 63%;
        width: 35%
    }
}

@media (min-width: 1024px) {
    .site-footer-credit {
        left: 41%;
        width: 24%;
        bottom: 48px
    }
}

.site-header {
    height: 60px;
    background: rgba(0, 0, 0, 0.7);
    position: relative;
    z-index: 100;
    width: 100%;
    top: 0;
    left: 0
}

@media (min-width: 768px) {
    .site-header {
        height: 138px
    }
}

@media (min-width: 1024px) {
    .site-header {
        background: none;
        height: 171px
    }
}

.is-nav--opened .site-header {
    height: 100%;
    position: fixed
}

@media (min-width: 1024px) {
    .is-nav--opened .site-header {
        position: relative;
        height: 171px
    }
}

.site-header__wrap {
    overflow: static
}

@media (min-width: 1024px) {
    .site-header__wrap {
        overflow: hidden
    }
}

.site-header__overlay {
    display: none
}

@media (min-width: 1024px) {
    .site-header__overlay {
        display: block;
        background: rgba(0, 0, 0, 0.7);
        position: absolute;
        top: 0;
        left: -160px;
        height: 171px;
        width: 100%;
        z-index: -1
    }
}

.site-tagline {
    display: none;
    font-size: 12px;
    line-height: 16px
}

@media (min-width: 768px) {
    .site-tagline {
        display: inline-block;
        position: absolute;
        left: 44px;
        top: 25px
    }
}

@media (min-width: 1024px) {
    .site-tagline {
        top: 20px;
        left: 49px;
        width: 145px
    }
}

.site-tagline.highlight span {
    -moz-box-shadow: #fff 9px 0 0 0, #fff -9px 0 0 0;
    -webkit-box-shadow: #fff 9px 0 0 0, #fff -9px 0 0 0;
    box-shadow: #fff 9px 0 0 0, #fff -9px 0 0 0
}

@media screen and (min-width: 0\0) {
    .site-tagline.highlight span {
        box-shadow: #fff 9px 0 0 0, #fff -9px 0 0 0
    }
}

.site-logo__image {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background: url('../../images/site-logo--white@2x.png') no-repeat 0 0;
    background-size: contain;
    display: block;
    width: 88px;
    height: 50px;
    position: absolute;
    left: 20px;
    top: 0;
    border: 0;
    z-index: 110
}

@media (min-width: 768px) {
    .site-logo__image {
        top: 65px;
        left: 35px
    }
}

@media (min-width: 1024px) {
    .site-logo__image {
        top: 80px;
        left: 40px;
        width: 105px;
        height: 60px
    }
}

.is-nav--opened .site-logo__image {
    z-index: 0
}

.site-logo__image--inverted {
    background: url('../../images/site-logo--black@2x.png') no-repeat 0 0;
    background-size: contain;
    top: 0
}

@media (min-width: 768px) {
    .site-logo__image--inverted {
        display: none
    }
}

@media (min-width: 768px) {
    .site-header-buttons {
        position: absolute;
        top: 0;
        right: 0;
        width: 85px;
        background: #fff;
        padding: 20px;
        height: 138px
    }
}

@media (min-width: 1024px) {
    .site-header-buttons {
        background: none;
        height: auto
    }
}

.site-header-button {
    background: none;
    height: 60px;
    padding: 0
}

.site-header-button:hover {
    background: none
}

@media (min-width: 768px) {
    .site-header-button {
        background: #000;
        color: #fff;
        width: 44px;
        height: 44px;
        border-radius: 50%
    }
    .site-header-button:hover {
        background-color: #333
    }
}

.site-header-button--search {
    position: absolute;
    right: 65px;
    width: 55px
}

@media (min-width: 768px) {
    .site-header-button--search {
        width: 44px;
        position: static;
        margin: 0
    }
}

@media (min-width: 1024px) {
    .site-header-button--search {
        position: absolute;
        top: 92px;
        right: 40px;
        z-index: 110;
        display: block;
        width: 52px;
        height: 52px
    }
}

.site-header-button--search .icon-search {
    font-size: 21px
}

@media (min-width: 1024px) {
    .site-header-button--search .icon-search {
        font-size: 23px
    }
}

.site-header-button--menu {
    position: absolute;
    right: 0;
    width: 65px;
    padding: 0
}

@media (min-width: 768px) {
    .site-header-button--menu {
        width: 44px;
        position: static;
        margin: 10px 0 0 0
    }
}

@media (min-width: 1024px) {
    .site-header-button--menu {
        display: none
    }
}

.site-header-button--menu .icon-menu {
    font-size: 28px
}

.site-header-button--close {
    background: #000;
    color: #fff;
    width: 70px;
    height: 60px;
    position: fixed;
    top: 0;
    right: 0;
    font-size: 24px;
    z-index: 90
}

@media (min-width: 768px) {
    .site-header-button--close {
        width: 85px;
        height: 85px
    }
}

@media (min-width: 1024px) {
    .site-header-button--close {
        display: none
    }
}

.site-nav-pane {
    display: none
}

@media (min-width: 1024px) {
    .site-nav-pane {
        display: block !important
    }
}

.site-nav-pane__container {
    height: 100%;
    color: #000;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

@media (min-width: 768px) {
    .site-nav-pane__container {
        width: 480px;
        left: auto;
        right: 0
    }
}

@media (min-width: 1024px) {
    .site-nav-pane__container {
        position: relative;
        height: auto;
        width: 100%;
        overflow: visible
    }
}

.site-nav-pane_container__bg {
    background: #fff;
    padding: 97px 20px 20px 20px
}

@media (min-width: 768px) {
    .site-nav-pane_container__bg {
        padding-left: 35px;
        padding-right: 35px
    }
}

@media (min-width: 1024px) {
    .site-nav-pane_container__bg {
        background: none;
        padding: 0
    }
}

.site-nav-pane__logo {
    display: none;
    width: 480px;
    height: 600px;
    position: absolute;
    right: 0;
    background: url('../../images/webby-logo-cutout.png') no-repeat left bottom
}

@media (min-width: 768px) {
    .site-nav-pane__logo {
        display: block
    }
}

@media (min-width: 1024px) {
    .site-nav-pane__logo {
        display: none
    }
}

.site-nav {
    width: 80%
}

@media (min-width: 768px) {
    .site-nav {
        *zoom: 1;
        width: 100%;
        margin-bottom: 35px
    }
    .site-nav:after {
        content: "";
        display: table;
        clear: both
    }
}

@media (min-width: 1024px) {
    .site-nav {
        float: left;
        width: 71.875%;
        margin-top: 103px;
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .site-nav__menu {
        float: left;
        width: 33.3%;
        margin-right: 20px
    }
}

@media (min-width: 1024px) {
    .site-nav__menu {
        float: none;
        width: auto;
        margin: 0;
        width: 77.52809%;
        float: left;
        margin-right: -100%;
        margin-left: 0;
        clear: none;
        padding-left: 198px
    }
}

.site-nav__item {
    margin: 0 0 25px 0;
    font-weight: bold;
    font-size: 18px;
    line-height: 20px
}

@media (min-width: 768px) {
    .site-nav__item {
        font-size: 20px;
        line-height: 50px;
        margin-bottom: 30px
    }
}

@media (min-width: 1024px) {
    .site-nav__item {
        display: inline-block;
        font-size: 15px;
        line-height: 19px;
        margin: 0 25px 0 0
    }
    .site-nav__item:last-child {
        margin-right: 0
    }
}

.site-nav__link {
    border-bottom: 0;
    color: #000
}

.site-nav__link:hover,
.active.site-nav__item .site-nav__link {
    border-bottom: 2px solid #000
}

@media (min-width: 1024px) {
    .site-nav__link {
        color: #fff !important
    }
    .site-nav__link:hover,
    .active.site-nav__item .site-nav__link {
        color: #fff !important;
        border-bottom: 2px solid #fff !important
    }
}

.site-nav__menu--secondary {
    margin-bottom: 35px
}

@media (min-width: 768px) {
    .site-nav__menu--secondary {
        margin-bottom: 0
    }
}

@media (min-width: 1024px) {
    .site-nav__menu--secondary {
        width: 21.34831%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        border-top: 1px solid #999;
        padding: 33px 0 0 0;
        margin-top: -41px
    }
    .site-nav__menu--secondary .site-nav__item {
        font-size: 12px;
        line-height: 14px;
        float: left;
        width: 50%;
        display: block;
        margin: 0 0 15px 0
    }
    .site-nav__menu--secondary .site-nav__link:hover {
        border-bottom: 1px solid #fff
    }
    .site-nav__menu--secondary .active.site-nav__item .site-nav__link {
        border-bottom: 1px solid #fff
    }
}

.site-nav--tablet {
    display: none;
    float: left;
    width: 100%;
    margin-left: 0;
    margin-top: 81px;
    margin-bottom: 0
}

@media (min-width: 768px) {
    .site-nav--tablet {
        display: block
    }
    .is-nav--opened .site-nav--tablet {
        display: none
    }
}

@media (min-width: 1024px) {
    .site-nav--tablet {
        display: none
    }
}

.site-nav--tablet .site-nav__menu {
    float: none;
    width: auto;
    margin: 0;
    float: none;
    width: 100%;
    padding-left: 184px
}

.site-nav--tablet .site-nav__item {
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    margin: 0 50px 0 0
}

.site-nav--tablet .site-nav__item:last-child {
    margin-right: 0
}

.site-nav--tablet .site-nav__item.active .site-nav__link {
    border-bottom: 2px solid #fff !important
}

.site-nav--tablet .site-nav__link {
    color: #fff
}

.site-nav--tablet .site-nav__link:hover {
    color: #fff;
    border-bottom: 2px solid #fff !important
}

.site-footer__overflow {
    overflow: hidden
}

.site-header-social {
    position: absolute;
    top: 95px;
    right: 25px
}

@media (min-width: 768px) {
    .site-header-social {
        top: 115px;
        right: 35px
    }
}

@media (min-width: 1024px) {
    .site-header-social {
        top: 0;
        right: auto;
        left: 0;
        background: #000;
        color: #fff;
        width: 100%;
        height: 62px;
        padding: 0 20px
    }
    .site-header-social:after {
        content: "";
        position: absolute;
        left: 0;
        width: 680px;
        background: #000;
        height: 62px;
        top: 0;
        z-index: -1
    }
}

@media (min-width: 1024px) {
    .site-header-social__menu {
        display: table;
        width: 100%;
        height: 100%
    }
}

.site-header-social__item {
    margin: 0 0 25px 0;
    font-size: 17px
}

@media (min-width: 768px) {
    .site-header-social__item {
        margin-bottom: 35px
    }
}

@media (min-width: 1024px) {
    .site-header-social__item {
        display: table-cell;
        text-align: center;
        margin: 0;
        height: 100%;
        vertical-align: middle
    }
}

.site-header-social__link {
    border: 0;
    color: #000
}

@media (min-width: 1024px) {
    .site-header-social__link {
        color: #fff
    }
    .site-header-social__link:hover {
        color: #999
    }
    .site-header-social__link:active,
    .site-header-social__link:focus {
        color: #fff
    }
}

@media (min-width: 1024px) {
    .site-header-tertiary-nav {
        display: none
    }
}

@media (min-width: 768px) {
    .site-header-tertiary-nav__menu {
        *zoom: 1
    }
    .site-header-tertiary-nav__menu:after {
        content: "";
        display: table;
        clear: both
    }
}

.site-header-tertiary-nav__item {
    margin: 0 0 10px 0
}

@media (min-width: 768px) {
    .site-header-tertiary-nav__item {
        float: left;
        width: 33.3%;
        margin-right: 20px
    }
}

.site-header-tertiary-nav__link {
    border: 0;
    font-size: 12px;
    color: #000
}

.site-header-tertiary-nav__link:hover,
.active.site-header-tertiary-nav__item .site-header-tertiary-nav__link {
    border-bottom: 1px solid #000
}

@media (min-width: 768px) {
    .site-header-tertiary-nav__link {
        font-size: 13px;
        font-weight: bold
    }
}

@media (min-width: 1024px) {
    .site-header-sidebar {
        background: #fff;
        width: 28.125%;
        float: right;
        position: relative;
        padding: 0 40px;
        height: 171px
    }
}

.site-header-sidebar .mod-newsletter-signup {
    padding-left: 0
}

body.is-nav--opened {
    position: fixed;
    width: 100%
}

@media (min-width: 1024px) {
    body.is-nav--opened {
        position: static !important
    }
}

.wrap {
    *zoom: 1;
    max-width: 1280px;
    margin: 0 auto;
    position: relative
}

.wrap:after {
    content: "";
    display: table;
    clear: both
}

.site-content {
    margin-top: -60px
}

@media (min-width: 768px) {
    .site-content {
        margin-top: -138px
    }
}

@media (min-width: 1024px) {
    .site-content {
        margin-top: -171px !important
    }
}

.is-nav--opened .site-content {
    margin-top: 0
}

body.noscroll {
    overflow: hidden
}

@media (min-width: 1024px) {
    body.noscroll {
        overflow: visible !important
    }
}

.content-wrapper,
.article-story .page-body>p,
.article-story .page-body>ul {
    padding: 0 20px
}

@media (min-width: 768px) {
    .content-wrapper,
    .article-story .page-body>p,
    .article-story .page-body>ul {
        padding: 0 48px
    }
}

@media (min-width: 1024px) {
    .content-wrapper,
    .article-story .page-body>p,
    .article-story .page-body>ul {
        padding: 0 40px 0 80px;
        width: 65.625%;
        margin-left: 6.25%
    }
}

.page-container {
    max-width: 1600px;
    margin: 0 auto;
    position: relative
}

.page-body {
    margin-bottom: 60px
}

@media (min-width: 768px) {
    .page-body {
        margin-bottom: 120px;
        min-height: 500px
    }
}

@media (min-width: 1024px) {
    .article-story .page-body>p,
    .article-story .page-body>ul {
        padding-right: 40px !important
    }
}

.article-story .page-body>p a,
.article-story .page-body>ul a {
    color: #4c4c4c;
    border-bottom: 1px solid #4c4c4c
}

.article-story .page-body>p a:hover,
.article-story .page-body>ul a:hover {
    color: #000;
    border-color: #000
}

.text-content ul,
.text-content ol {
    margin-left: 20px;
    margin-bottom: 30px
}

.text-content ul {
    list-style-type: disc
}

.text-content ol {
    list-style-type: decimal
}

button,
.button {
    -moz-transition: color 0.1s linear, background 0.1s linear;
    -o-transition: color 0.1s linear, background 0.1s linear;
    -webkit-transition: color 0.1s linear, background 0.1s linear;
    transition: color 0.1s linear, background 0.1s linear;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #000;
    border: none;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    cursor: pointer
}

@media (min-width: 768px) {
    button,
    .button {
        padding: 20px;
        font-size: 14px
    }
}

button:hover,
.button:hover {
    background-color: #333;
    color: #fff
}

button:focus,
.button:focus {
    outline: none
}

button {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

@media (min-width: 768px) {
    button {
        font-size: 14px;
        padding: 15px
    }
}

@media (min-width: 1024px) {
    button {
        padding: 20px
    }
}

.button--arrow {
    position: relative;
    padding-right: 45px
}

@media (min-width: 768px) {
    .button--arrow {
        padding-right: 60px
    }
}

.button--arrow:after {
    font-family: "webby";
    font-size: 22px;
    font-weight: normal;
    line-height: 1;
    content: "\e61b";
    position: absolute;
    top: 10px;
    right: 12px
}

@media (min-width: 768px) {
    .button--arrow:after {
        top: 15px;
        font-size: 24px;
        right: 20px
    }
}

.button--arrow-down {
    position: relative;
    padding-right: 45px
}

@media (min-width: 768px) {
    .button--arrow-down {
        padding-right: 60px
    }
}

.button--arrow-down:after {
    font-family: "webby";
    font-size: 22px;
    font-weight: normal;
    line-height: 1;
    content: "\e619";
    position: absolute;
    top: 10px;
    right: 12px
}

@media (min-width: 768px) {
    .button--arrow-down:after {
        top: 15px;
        font-size: 24px;
        right: 20px
    }
}


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
    padding-top: 20px
}

.fancybox-skin {
    position: relative;
    color: #444;
    text-shadow: none
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-outer,
.fancybox-inner {
    position: relative
}

.fancybox-inner {
    overflow: hidden;
    font-size: 0;
    line-height: 0
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 9999
}

#fancybox-loading div {
    width: 104px;
    height: 37px;
    background: url('../../images/loader-white.gif') no-repeat 50%
}

.fancybox-close {
    font-family: 'webby';
    font-size: 22px;
    font-weight: bold;
    line-height: 65px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    background: #fff;
    color: #000;
    width: 65px;
    height: 65px;
    text-align: center;
    display: block;
    position: absolute;
    top: -65px;
    right: 0;
    cursor: pointer;
    z-index: 8040
}

.fancybox-close:before {
    content: "\e61e"
}

@media (min-width: 1024px) {
    .fancybox-close {
        right: -65px
    }
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url("blank.gif");
    -webkit-tap-highlight-color: transparent;
    z-index: 8040
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    overflow: hidden !important;
    width: auto
}

.fancybox-lock body {
    overflow: hidden !important
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: rgba(0, 0, 0, 0.85)
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible;
    display: none
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    background: rgba(0, 0, 0, 0.85);
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, 0.85)
}

fieldset {
    border: none;
    margin: 0;
    padding: 0
}

input,
label,
select {
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 0.875em
}

label {
    font-weight: bold;
    margin-bottom: 0.32813em
}

label.required:after {
    content: "*"
}

label abbr {
    display: none
}

textarea,
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="time"],
input[type="tel"],
input[type="text"],
input[type="url"],
select[multiple=multiple] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: border-color;
    -o-transition: border-color;
    -webkit-transition: border-color;
    transition: border-color;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #666;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    padding: 0.4375em 0.4375em;
    padding-left: 0;
    width: 100%
}

@media (min-width: 1024px) {
    textarea,
    input[type="date"],
    input[type="email"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="time"],
    input[type="tel"],
    input[type="text"],
    input[type="url"],
    select[multiple=multiple] {
        font-size: 14px
    }
}

textarea.placeholder,
input[type="date"].placeholder,
input[type="email"].placeholder,
input[type="number"].placeholder,
input[type="password"].placeholder,
input[type="search"].placeholder,
input[type="time"].placeholder,
input[type="tel"].placeholder,
input[type="text"].placeholder,
input[type="url"].placeholder,
select[multiple=multiple].placeholder {
    color: #666
}

textarea:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="time"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="text"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
select[multiple=multiple]:-moz-placeholder {
    color: #666;
    opacity: 1 !important
}

textarea::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
select[multiple=multiple]::-moz-placeholder {
    color: #666;
    opacity: 1 !important
}

textarea:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
select[multiple=multiple]:-ms-input-placeholder {
    color: #666
}

textarea::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
select[multiple=multiple]::-webkit-input-placeholder {
    color: #666
}

textarea:hover,
input[type="date"]:hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="time"]:hover,
input[type="tel"]:hover,
input[type="text"]:hover,
input[type="url"]:hover,
select[multiple=multiple]:hover {
    border-color: #666
}

textarea:focus,
input[type="date"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="time"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
select[multiple=multiple]:focus {
    border-color: #666;
    outline: none
}

textarea:focus::-webkit-input-placeholder,
input[type="date"]:focus::-webkit-input-placeholder,
input[type="email"]:focus::-webkit-input-placeholder,
input[type="number"]:focus::-webkit-input-placeholder,
input[type="password"]:focus::-webkit-input-placeholder,
input[type="search"]:focus::-webkit-input-placeholder,
input[type="time"]:focus::-webkit-input-placeholder,
input[type="tel"]:focus::-webkit-input-placeholder,
input[type="text"]:focus::-webkit-input-placeholder,
input[type="url"]:focus::-webkit-input-placeholder,
select[multiple=multiple]:focus::-webkit-input-placeholder {
    opacity: 0.7
}

textarea:focus:-moz-placeholder,
input[type="date"]:focus:-moz-placeholder,
input[type="email"]:focus:-moz-placeholder,
input[type="number"]:focus:-moz-placeholder,
input[type="password"]:focus:-moz-placeholder,
input[type="search"]:focus:-moz-placeholder,
input[type="time"]:focus:-moz-placeholder,
input[type="tel"]:focus:-moz-placeholder,
input[type="text"]:focus:-moz-placeholder,
input[type="url"]:focus:-moz-placeholder,
select[multiple=multiple]:focus:-moz-placeholder {
    opacity: 0.7
}

textarea:focus::-moz-placeholder,
input[type="date"]:focus::-moz-placeholder,
input[type="email"]:focus::-moz-placeholder,
input[type="number"]:focus::-moz-placeholder,
input[type="password"]:focus::-moz-placeholder,
input[type="search"]:focus::-moz-placeholder,
input[type="time"]:focus::-moz-placeholder,
input[type="tel"]:focus::-moz-placeholder,
input[type="text"]:focus::-moz-placeholder,
input[type="url"]:focus::-moz-placeholder,
select[multiple=multiple]:focus::-moz-placeholder {
    opacity: 0.7
}

textarea:focus:-ms-input-placeholder,
input[type="date"]:focus:-ms-input-placeholder,
input[type="email"]:focus:-ms-input-placeholder,
input[type="number"]:focus:-ms-input-placeholder,
input[type="password"]:focus:-ms-input-placeholder,
input[type="search"]:focus:-ms-input-placeholder,
input[type="time"]:focus:-ms-input-placeholder,
input[type="tel"]:focus:-ms-input-placeholder,
input[type="text"]:focus:-ms-input-placeholder,
input[type="url"]:focus:-ms-input-placeholder,
select[multiple=multiple]:focus:-ms-input-placeholder {
    opacity: 0.7
}

input[type="submit"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    background-color: transparent;
    padding: 0;
    text-decoration: underline;
    color: #000;
    font-weight: bold;
    font-size: 16px;
    outline: none
}

textarea {
    resize: vertical
}

input[type="search"] {
    -moz-appearance: none;
    -webkit-appearance: none
}

input[type="checkbox"],
input[type="radio"] {
    display: inline;
    margin-right: 0.32813em
}

input[type="file"] {
    margin-bottom: 0.65625em;
    padding-bottom: 0.4375em;
    width: 100%
}

select {
    margin-bottom: 1.3125em;
    max-width: 100%;
    width: auto
}

fieldset.form-field {
    padding-bottom: 30px;
    position: relative
}

fieldset.form-field label.error {
    bottom: -3px;
    color: red;
    font-size: 12px;
    position: absolute
}

fieldset.form-field input.error {
    color: red;
    font-style: italic
}

fieldset.form-field input.error::-webkit-input-placeholder {
    color: red
}

fieldset.form-field input.error:-moz-placeholder {
    color: red
}

fieldset.form-field input.error::-moz-placeholder {
    color: red
}

fieldset.form-field input.error:-ms-input-placeholder {
    color: red
}

fieldset.form-field select.error {
    color: red;
    font-style: italic
}

fieldset.form-field.form-field--choice label.error {
    display: none
}

fieldset.form-field--select label.error {
    bottom: -33px
}

.form-field--select {
    border-bottom: 1px solid #666;
    margin-bottom: 30px;
    height: 27px;
    margin-top: 1px;
    padding-left: 0;
    position: relative;
    width: 100%
}

@media (min-width: 1024px) {
    .form-field--select {
        height: 31px
    }
}

.form-field--select select {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #666;
    font-size: 12px;
    outline: none;
    margin-bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 99999;
    -webkit-appearance: none;
    -moz-appearance: treeitem
}

@media (min-width: 1024px) {
    .form-field--select select {
        font-size: 14px
    }
}

.form-field--select select::-ms-expand {
    display: none
}

.form-field--select .icon-dropdown-arrow {
    color: #000;
    font-size: 15px;
    right: 0;
    position: absolute;
    top: 5px
}

.form-field--choice {
    margin-bottom: 30px
}

.form-field--choice .label-choice {
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    position: relative;
    padding-left: 25px;
    margin-right: 15px
}

.form-field--choice .label-choice:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 7px;
    background-color: #aaa;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.8)
}

.form-field--choice input {
    display: none
}

.form-field--choice input[type="radio"]:checked+label:before {
    content: "\2022";
    color: #f3f3f3;
    font-size: 30px;
    text-align: center;
    line-height: 18px
}

.form-field--choice input[type="checkbox"]:checked+label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    font-size: 15px;
    color: #f3f3f3;
    text-align: center;
    line-height: 15px
}

button[type="submit"] {
    background-color: #000;
    color: #FFF;
    font-size: 12px;
    padding: 10px 40px 10px 10px;
    position: relative;
    text-decoration: none
}

@media (min-width: 1024px) {
    button[type="submit"] {
        font-size: 14px;
        margin-right: 30px;
        padding: 20px 60px 20px 20px
    }
}

button[type="submit"]:after {
    content: "\e61b";
    color: #FFF;
    font-size: 20px;
    position: absolute !important;
    right: 10px;
    top: 5px
}

@media (min-width: 1024px) {
    button[type="submit"]:after {
        font-size: 24px;
        right: 20px;
        top: 15px
    }
}

.dropdown {
    border-left: 5px solid #000;
    height: 80px;
    margin: 0 0 60px;
    padding: 20px 15px 0 0;
    width: 100%
}

.dropdown__sort {
    position: relative;
    height: 80px;
    padding: 0 25px
}

.dropdown__sort .icon-dropdown-arrow {
    display: inline-block;
    margin-left: 5px;
    -moz-transition: -moz-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s
}

.dropdown__sort-header {
    font-size: 11px;
    line-height: 18px;
    text-transform: uppercase;
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.dropdown__sort-selection {
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    display: inline-block
}

.dropdown__sort-selection:hover {
    cursor: pointer
}

.dropdown__sort-dropdown {
    background: #000;
    color: #fff;
    position: absolute;
    min-width: 215px;
    top: 59px;
    left: -5px;
    z-index: 9000;
    display: none;
    padding: 0 30px;
    max-height: 280px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

@media (min-width: 768px) {
    .dropdown__sort-dropdown {
        min-width: 230px
    }
}

@media (min-width: 1024px) {
    .dropdown__sort.open {
        padding-top: 0
    }
}

.dropdown__sort.open .icon-dropdown-arrow {
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.dropdown__sort.open .dropdown__sort-header {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

.dropdown__sort.open .dropdown__sort-dropdown {
    display: block;
    padding: 15px 25px
}

.dropdown__sort.open .dropdown__sort-dropdown a {
    color: #fff;
    display: block
}

.dash {
    display: block;
    width: 21px;
    height: 3px;
    background: #000;
    margin: 40px 0 35px 0
}

.highlight span {
    -moz-box-shadow: #fff 10px 0 0 0, #fff -10px 0 0 0;
    -webkit-box-shadow: #fff 10px 0 0 0, #fff -10px 0 0 0;
    box-shadow: #fff 10px 0 0 0, #fff -10px 0 0 0;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    display: inline;
    background: #fff;
    padding: 2px;
    padding-left: 0;
    padding-right: 0;
    background-color: #fff;
    -ms-box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone
}

@media (min-width: 768px) {
    .highlight span {
        -moz-box-shadow: #fff 15px 0 0 0, #fff -15px 0 0 0;
        -webkit-box-shadow: #fff 15px 0 0 0, #fff -15px 0 0 0;
        box-shadow: #fff 15px 0 0 0, #fff -15px 0 0 0
    }
}

@media screen and (min-width: 0\0) {
    .highlight span {
        box-shadow: #fff 10px 0 0 0, #fff -10px 0 0 0;
        padding: 2px 0;
        outline: 0
    }
}

@media screen and (min-width: 0\0) and (min-width: 768px) {
    .highlight span {
        box-shadow: #fff 15px 0 0 0, #fff -15px 0 0 0
    }
}

.highlight--inverted span {
    -moz-box-shadow: #000 10px 0 0 0, #000 -10px 0 0 0;
    -webkit-box-shadow: #000 10px 0 0 0, #000 -10px 0 0 0;
    box-shadow: #000 10px 0 0 0, #000 -10px 0 0 0;
    color: #fff;
    background: #000;
    background-color: #000
}

@media (min-width: 768px) {
    .highlight--inverted span {
        -moz-box-shadow: #000 15px 0 0 0, #000 -15px 0 0 0;
        -webkit-box-shadow: #000 15px 0 0 0, #000 -15px 0 0 0;
        box-shadow: #000 15px 0 0 0, #000 -15px 0 0 0
    }
}

@media screen and (min-width: 0\0) {
    .highlight--inverted {
        box-shadow: #000 10px 0 0 0, #000 -10px 0 0 0
    }
}

@media screen and (min-width: 0\0) and (min-width: 768px) {
    .highlight--inverted {
        box-shadow: #000 15px 0 0 0, #000 -15px 0 0 0
    }
}

_:-ms-fullscreen,
:root .highlight {
    padding-left: 2px
}

_:-ms-fullscreen span,
:root .highlight span {
    box-shadow: #fff 7px 0px 0 1px, #fff -7px 0px 0px 1px;
    padding: 2px 2px 2px 0;
    outline: 1px solid #fff
}

_:-ms-fullscreen span,
:root .highlight--inverted span {
    box-shadow: #000 7px 0px 0 1px, #000 -7px 0px 0px 1px;
    outline: 1px solid #000
}

.has-video {
    display: block
}

.has-video:after {
    content: "";
    z-index: 1;
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.15)
}

.videoplayer {
    display: none;
    height: 100%;
    width: 100%
}

.fancybox-opened .videoplayer {
    display: block
}

.js-visual-grid {
    *zoom: 1;
    max-width: 1280px;
    margin: 0 auto;
    position: fixed;
    width: 100%;
    height: 110%;
    opacity: 0.5;
    top: 50%;
    left: 50%;
    z-index: 9999;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: linear-gradient(to right, cyan 0%, cyan 3.125%, #3fffff 3.125%, #3fffff 3.125%, #00d8d8 3.125%, #00d8d8 6.25%, #3fffff 6.25%, #3fffff 6.25%, cyan 6.25%, cyan 9.375%, #3fffff 9.375%, #3fffff 9.375%, #00d8d8 9.375%, #00d8d8 12.5%, #3fffff 12.5%, #3fffff 12.5%, cyan 12.5%, cyan 15.625%, #3fffff 15.625%, #3fffff 15.625%, #00d8d8 15.625%, #00d8d8 18.75%, #3fffff 18.75%, #3fffff 18.75%, cyan 18.75%, cyan 21.875%, #3fffff 21.875%, #3fffff 21.875%, #00d8d8 21.875%, #00d8d8 25%, #3fffff 25%, #3fffff 25%, cyan 25%, cyan 28.125%, #3fffff 28.125%, #3fffff 28.125%, #00d8d8 28.125%, #00d8d8 31.25%, #3fffff 31.25%, #3fffff 31.25%, cyan 31.25%, cyan 34.375%, #3fffff 34.375%, #3fffff 34.375%, #00d8d8 34.375%, #00d8d8 37.5%, #3fffff 37.5%, #3fffff 37.5%, cyan 37.5%, cyan 40.625%, #3fffff 40.625%, #3fffff 40.625%, #00d8d8 40.625%, #00d8d8 43.75%, #3fffff 43.75%, #3fffff 43.75%, cyan 43.75%, cyan 46.875%, #3fffff 46.875%, #3fffff 46.875%, #00d8d8 46.875%, #00d8d8 50%, #3fffff 50%, #3fffff 50%, cyan 50%, cyan 53.125%, #3fffff 53.125%, #3fffff 53.125%, #00d8d8 53.125%, #00d8d8 56.25%, #3fffff 56.25%, #3fffff 56.25%, cyan 56.25%, cyan 59.375%, #3fffff 59.375%, #3fffff 59.375%, #00d8d8 59.375%, #00d8d8 62.5%, #3fffff 62.5%, #3fffff 62.5%, cyan 62.5%, cyan 65.625%, #3fffff 65.625%, #3fffff 65.625%, #00d8d8 65.625%, #00d8d8 68.75%, #3fffff 68.75%, #3fffff 68.75%, cyan 68.75%, cyan 71.875%, #3fffff 71.875%, #3fffff 71.875%, #00d8d8 71.875%, #00d8d8 75%, #3fffff 75%, #3fffff 75%, cyan 75%, cyan 78.125%, #3fffff 78.125%, #3fffff 78.125%, #00d8d8 78.125%, #00d8d8 81.25%, #3fffff 81.25%, #3fffff 81.25%, cyan 81.25%, cyan 84.375%, #3fffff 84.375%, #3fffff 84.375%, #00d8d8 84.375%, #00d8d8 87.5%, #3fffff 87.5%, #3fffff 87.5%, cyan 87.5%, cyan 90.625%, #3fffff 90.625%, #3fffff 90.625%, #00d8d8 90.625%, #00d8d8 93.75%, #3fffff 93.75%, #3fffff 93.75%, cyan 93.75%, cyan 96.875%, #3fffff 96.875%, #3fffff 96.875%, #00d8d8 96.875%, #00d8d8)
}

.js-visual-grid:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 768px) {
    .js-visual-grid {
        background-image: linear-gradient(to right, cyan 0%, cyan 3.125%, #3fffff 3.125%, #3fffff 3.125%, #00d8d8 3.125%, #00d8d8 6.25%, #3fffff 6.25%, #3fffff 6.25%, cyan 6.25%, cyan 9.375%, #3fffff 9.375%, #3fffff 9.375%, #00d8d8 9.375%, #00d8d8 12.5%, #3fffff 12.5%, #3fffff 12.5%, cyan 12.5%, cyan 15.625%, #3fffff 15.625%, #3fffff 15.625%, #00d8d8 15.625%, #00d8d8 18.75%, #3fffff 18.75%, #3fffff 18.75%, cyan 18.75%, cyan 21.875%, #3fffff 21.875%, #3fffff 21.875%, #00d8d8 21.875%, #00d8d8 25%, #3fffff 25%, #3fffff 25%, cyan 25%, cyan 28.125%, #3fffff 28.125%, #3fffff 28.125%, #00d8d8 28.125%, #00d8d8 31.25%, #3fffff 31.25%, #3fffff 31.25%, cyan 31.25%, cyan 34.375%, #3fffff 34.375%, #3fffff 34.375%, #00d8d8 34.375%, #00d8d8 37.5%, #3fffff 37.5%, #3fffff 37.5%, cyan 37.5%, cyan 40.625%, #3fffff 40.625%, #3fffff 40.625%, #00d8d8 40.625%, #00d8d8 43.75%, #3fffff 43.75%, #3fffff 43.75%, cyan 43.75%, cyan 46.875%, #3fffff 46.875%, #3fffff 46.875%, #00d8d8 46.875%, #00d8d8 50%, #3fffff 50%, #3fffff 50%, cyan 50%, cyan 53.125%, #3fffff 53.125%, #3fffff 53.125%, #00d8d8 53.125%, #00d8d8 56.25%, #3fffff 56.25%, #3fffff 56.25%, cyan 56.25%, cyan 59.375%, #3fffff 59.375%, #3fffff 59.375%, #00d8d8 59.375%, #00d8d8 62.5%, #3fffff 62.5%, #3fffff 62.5%, cyan 62.5%, cyan 65.625%, #3fffff 65.625%, #3fffff 65.625%, #00d8d8 65.625%, #00d8d8 68.75%, #3fffff 68.75%, #3fffff 68.75%, cyan 68.75%, cyan 71.875%, #3fffff 71.875%, #3fffff 71.875%, #00d8d8 71.875%, #00d8d8 75%, #3fffff 75%, #3fffff 75%, cyan 75%, cyan 78.125%, #3fffff 78.125%, #3fffff 78.125%, #00d8d8 78.125%, #00d8d8 81.25%, #3fffff 81.25%, #3fffff 81.25%, cyan 81.25%, cyan 84.375%, #3fffff 84.375%, #3fffff 84.375%, #00d8d8 84.375%, #00d8d8 87.5%, #3fffff 87.5%, #3fffff 87.5%, cyan 87.5%, cyan 90.625%, #3fffff 90.625%, #3fffff 90.625%, #00d8d8 90.625%, #00d8d8 93.75%, #3fffff 93.75%, #3fffff 93.75%, cyan 93.75%, cyan 96.875%, #3fffff 96.875%, #3fffff 96.875%, #00d8d8 96.875%, #00d8d8)
    }
}

@media (min-width: 1024px) {
    .js-visual-grid {
        background-image: linear-gradient(to right, cyan 0%, cyan 3.125%, #3fffff 3.125%, #3fffff 3.125%, #00d8d8 3.125%, #00d8d8 6.25%, #3fffff 6.25%, #3fffff 6.25%, cyan 6.25%, cyan 9.375%, #3fffff 9.375%, #3fffff 9.375%, #00d8d8 9.375%, #00d8d8 12.5%, #3fffff 12.5%, #3fffff 12.5%, cyan 12.5%, cyan 15.625%, #3fffff 15.625%, #3fffff 15.625%, #00d8d8 15.625%, #00d8d8 18.75%, #3fffff 18.75%, #3fffff 18.75%, cyan 18.75%, cyan 21.875%, #3fffff 21.875%, #3fffff 21.875%, #00d8d8 21.875%, #00d8d8 25%, #3fffff 25%, #3fffff 25%, cyan 25%, cyan 28.125%, #3fffff 28.125%, #3fffff 28.125%, #00d8d8 28.125%, #00d8d8 31.25%, #3fffff 31.25%, #3fffff 31.25%, cyan 31.25%, cyan 34.375%, #3fffff 34.375%, #3fffff 34.375%, #00d8d8 34.375%, #00d8d8 37.5%, #3fffff 37.5%, #3fffff 37.5%, cyan 37.5%, cyan 40.625%, #3fffff 40.625%, #3fffff 40.625%, #00d8d8 40.625%, #00d8d8 43.75%, #3fffff 43.75%, #3fffff 43.75%, cyan 43.75%, cyan 46.875%, #3fffff 46.875%, #3fffff 46.875%, #00d8d8 46.875%, #00d8d8 50%, #3fffff 50%, #3fffff 50%, cyan 50%, cyan 53.125%, #3fffff 53.125%, #3fffff 53.125%, #00d8d8 53.125%, #00d8d8 56.25%, #3fffff 56.25%, #3fffff 56.25%, cyan 56.25%, cyan 59.375%, #3fffff 59.375%, #3fffff 59.375%, #00d8d8 59.375%, #00d8d8 62.5%, #3fffff 62.5%, #3fffff 62.5%, cyan 62.5%, cyan 65.625%, #3fffff 65.625%, #3fffff 65.625%, #00d8d8 65.625%, #00d8d8 68.75%, #3fffff 68.75%, #3fffff 68.75%, cyan 68.75%, cyan 71.875%, #3fffff 71.875%, #3fffff 71.875%, #00d8d8 71.875%, #00d8d8 75%, #3fffff 75%, #3fffff 75%, cyan 75%, cyan 78.125%, #3fffff 78.125%, #3fffff 78.125%, #00d8d8 78.125%, #00d8d8 81.25%, #3fffff 81.25%, #3fffff 81.25%, cyan 81.25%, cyan 84.375%, #3fffff 84.375%, #3fffff 84.375%, #00d8d8 84.375%, #00d8d8 87.5%, #3fffff 87.5%, #3fffff 87.5%, cyan 87.5%, cyan 90.625%, #3fffff 90.625%, #3fffff 90.625%, #00d8d8 90.625%, #00d8d8 93.75%, #3fffff 93.75%, #3fffff 93.75%, cyan 93.75%, cyan 96.875%, #3fffff 96.875%, #3fffff 96.875%, #00d8d8 96.875%, #00d8d8)
    }
}

@font-face {
    font-family: "webby";
    src: url('../../fonts/webby/webby.eot?portm6');
    src: url('../../fonts/webby/webby.eot?portm6?#iefix') format('embedded-opentype'), url('../../fonts/webby/webby.woff?portm6') format('woff'), url('../../fonts/webby/webby.ttf?portm6') format('truetype'), url('../../fonts/webby/webby.svg?portm6#webby') format('svg');
    font-weight: normal;
    font-style: normal
}

button[type="submit"]:after,
.page-header__overview:after,
.webby50-image-gallery--branded .mod-full-gallery .mod-full-gallery__icon:before,
[class^="icon-"],
[class*=" icon-"] {
    font-family: 'webby';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-mobile:before {
    content: "\e600"
}

.icon-dropdown-arrow:before {
    content: "\e601"
}

.icon-badge-people:before {
    content: "\e602"
}

.icon-badge-webby:before {
    content: "\e603"
}

.icon-badge-webby-people:before {
    content: "\e604"
}

.icon-enter:before {
    content: "\e605"
}

.icon-judge:before {
    content: "\e606"
}

.icon-link:before {
    content: "\e607"
}

.icon-share:before {
    content: "\e608"
}

.icon-social:before {
    content: "\e609"
}

.icon-social-feeds:before {
    content: "\e60a"
}

.icon-special-achievement:before {
    content: "\e60b"
}

.icon-stats-awards:before {
    content: "\e60c"
}

.icon-stats-internet:before {
    content: "\e60d"
}

.icon-stats-population:before {
    content: "\e60e"
}

.icon-audio:before {
    content: "\e60f"
}

.icon-stats-websites:before {
    content: "\e610"
}

.icon-trophy:before {
    content: "\e611"
}

.icon-arrow-link-out2:before {
    content: "\e612"
}

.icon-share2:before {
    content: "\e613"
}

.icon-squiggle,
.page-header__overview:after {
    line-height: 7px;
    font-size: 71px;
    text-align: center;
    display: block;
    margin: 2px 0 15px 0
}

@media (min-width: 768px) {
    .icon-squiggle,
    .page-header__overview:after {
        margin-bottom: 25px
    }
}

.icon-squiggle:before {
    content: "\e614"
}

.icon-tumblr:before {
    content: "\e615"
}

.icon-webby-logo1:before {
    content: "\e616"
}

.icon-webby-logo2:before {
    content: "\e617"
}

.icon-interactive-ad:before {
    content: "\e618"
}

.icon-arrow-down:before {
    content: "\e619"
}

.icon-arrow-left:before {
    content: "\e61a";
    font-size: 30px
}

.icon-arrow-right:before {
    content: "\e61b";
    font-size: 30px
}

.icon-arrow-up:before {
    content: "\e61c"
}

.icon-article:before {
    content: "\e61d";
    font-size: 41px;
    line-height: 30px
}

.icon-close:before {
    content: "\e61e"
}

.icon-email:before {
    content: "\e61f"
}

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

.icon-flickr:before {
    content: "\e621"
}

.icon-google-plus:before {
    content: "\e622"
}

.icon-instagram:before {
    content: "\e623"
}

.icon-location:before {
    content: "\e624"
}

.icon-menu:before {
    content: "\e625"
}

.icon-netted:before {
    content: "\e626"
}

.icon-online-film:before {
    content: "\e627"
}

.icon-photo:before {
    content: "\e628"
}

.icon-pinterest:before {
    content: "\e629"
}

.icon-play {
    z-index: 3
}

.icon-play:before {
    content: "\e62a"
}

.icon-refresh:before {
    content: "\e62b"
}

.icon-search:before {
    content: "\e62c"
}

.icon-social2:before {
    content: "\e62d"
}

.icon-talk:before {
    content: "\e62e"
}

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

.icon-video:before {
    content: "\e630";
    font-size: 41px;
    line-height: 30px
}

.icon-vote:before {
    content: "\e631"
}

.icon-website:before {
    content: "\e632"
}

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

.icon-calendar {
    background: #FFF url('../../images/icon-calendar.png') center center no-repeat;
    background-size: 100%;
    width: 41px;
    height: 41px
}

.icon-instagram-white {
    background: url('../../images/instagram-white.png') center center no-repeat;
    background-size: 100%;
    width: 17px;
    height: 17px;
    display: block;
    margin: auto
}

.icon-instagram-black {
    background: url('../../images/instagram-black.png') center center no-repeat;
    background-size: 100%;
    width: 29px;
    height: 29px;
    display: inline-block;
    margin: auto
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style-type: none
}

dl {
    margin-bottom: 0.65625em
}

dl dt {
    font-weight: bold;
    margin-top: 0.65625em
}

dl dd {
    margin: 0
}

.list {
    margin-bottom: 50px
}

.list--dash>li {
    padding-left: 17px;
    position: relative;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .list--dash>li {
        width: 85%
    }
}

.list--dash>li:before {
    content: "—";
    position: absolute;
    left: 0
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
    -webkit-transition: height 0.3s ease-in-out;
    -moz-transition: height 0.3s ease-in-out;
    -ms-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    zoom: 1
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25
}

.slick-prev:before,
.slick-next:before {
    font-family: "webby";
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir="rtl"] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir="rtl"] .slick-next:before {
    content: "←"
}

.slick-dots {
    list-style: none;
    display: block;
    text-align: center;
    padding: 20px 20px 30px 20px;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    background: transparent;
    color: #000;
    font-size: 12px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-block;
    border: 3px solid transparent;
    padding: 0;
    font-weight: normal;
    line-height: 22px;
    margin: 0 0 0 5px
}

.slick-dots li button:first-child button {
    margin-left: 0
}

.slick-dots li.slick-active button {
    border-color: #000
}

table {
    border-collapse: collapse;
    margin: 0.65625em 0;
    table-layout: fixed;
    width: 100%
}

th {
    border-bottom: 1px solid #404040;
    font-weight: bold;
    padding: 0.65625em 0;
    text-align: left
}

td {
    border-bottom: 1px solid #666;
    padding: 0.65625em 0
}

tr,
td,
th {
    vertical-align: middle
}

.tooltip-social__content {
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -moz-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    -webkit-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    opacity: 1;
    z-index: 99999
}

.tooltip-social__content__inner {
    position: relative;
    background: #ccc;
    min-width: 60px;
    min-height: 42px;
    padding: 10px 10px 2px 10px;
    z-index: 99999
}

.tooltip-social__content__inner:before {
    content: " ";
    position: absolute;
    z-index: 99999
}

.fb-container {
    position: relative;
    overflow: hidden;
    height: 21px;
    width: 50px
}

.site-header-social .tooltip-social__content {
    width: 145px;
    left: -145px;
    top: -10px;
    pointer-events: none
}

.site-header-social .tooltip-social__content__inner {
    left: -14px;
    float: right;
    height: 42px;
    pointer-events: auto
}

.site-header-social .tooltip-social__content__inner:before {
    height: 0;
    width: 0;
    border: solid 10px transparent;
    border-right: none;
    border-left: solid 10px #ccc;
    left: 100%;
    margin-left: 0;
    margin-top: 1px
}

@media (min-width: 1024px) {
    .site-header-social .tooltip-social__content {
        left: 50%;
        top: 62px;
        width: auto
    }
    .site-header-social .tooltip-social__content__inner {
        left: -50%;
        float: none
    }
    .site-header-social .tooltip-social__content__inner:before {
        height: 0;
        width: 0;
        border: solid 14px transparent;
        border-top: none;
        border-bottom: solid 14px #ccc;
        top: -14px;
        left: 50%;
        margin-left: -14px;
        margin-top: 0
    }
}

.site-footer-social .tooltip-social__content {
    left: 50%;
    top: -62px;
    pointer-events: none
}

.site-footer-social .tooltip-social__content__inner {
    left: -50%;
    height: 42px;
    pointer-events: auto
}

.site-footer-social .tooltip-social__content__inner:before {
    height: 0;
    width: 0;
    border: solid 14px transparent;
    border-bottom: none;
    border-top: solid 14px #ccc;
    bottom: -14px;
    left: 50%;
    margin-left: -14px
}

@media (min-width: 768px) {
    .site-footer-social .tooltip-social__content {
        top: -57px
    }
}

@media (min-width: 1024px) {
    .site-footer-social .tooltip-social__content {
        top: 62px
    }
    .site-footer-social .tooltip-social__content__inner:before {
        height: 0;
        width: 0;
        border: solid 14px transparent;
        border-top: none;
        border-bottom: solid 14px #ccc;
        top: -14px
    }
}

.article-share .tooltip-social__content,
.winners-share .tooltip-social__content {
    margin-top: -10px;
    left: -24px;
    width: 80px
}

.article-share .tooltip-social__content__inner,
.winners-share .tooltip-social__content__inner {
    margin-top: 28px;
    left: 0;
    height: 42px
}

.article-share .tooltip-social__content__inner:before,
.winners-share .tooltip-social__content__inner:before {
    height: 0;
    width: 0;
    border: solid 14px transparent;
    border-top: none;
    border-bottom: solid 14px #ccc;
    left: 50%;
    top: -14px;
    margin-left: -14px
}

.tooltip-social.article-share__item--facebook .tooltip-social__content__inner,
.tooltip-social.winners-share__item--facebook .tooltip-social__content__inner {
    padding-top: 6px
}

@media (min-width: 768px) {
    .tooltip-social.article-share__item--facebook .tooltip-social__content__inner,
    .tooltip-social.winners-share__item--facebook .tooltip-social__content__inner {
        padding-top: 1px
    }
}

.gallery-share .tooltip-social__content {
    left: -14px;
    top: -20px
}

.gallery-share .tooltip-social__content__inner {
    left: -100%;
    height: 80px;
    pointer-events: auto
}

.gallery-share .tooltip-social__content__inner:before {
    height: 0;
    width: 0;
    border: solid 10px transparent;
    border-right: none;
    border-left: solid 10px #ccc;
    left: 100%;
    margin-left: 0;
    margin-top: 35px
}

@media (min-width: 768px) {
    .gallery-share .tooltip-social__content {
        margin-top: -10px;
        left: -24px;
        width: 80px
    }
    .gallery-share .tooltip-social__content__inner {
        margin-top: 28px;
        left: 0;
        height: 42px
    }
    .gallery-share .tooltip-social__content__inner:before {
        height: 0;
        width: 0;
        border: solid 14px transparent;
        border-top: none;
        border-bottom: solid 14px #ccc;
        left: 50%;
        top: -14px;
        margin-left: -14px
    }
}

.gallery-share .winners-share__group-link {
    background: #000;
    color: #fff;
    font-size: 10px;
    line-height: 20px;
    display: block;
    width: 80px;
    position: relative;
    text-align: right;
    padding-right: 4px
}

.gallery-share .winners-share__group-link:before {
    font-family: "webby";
    font-size: 15px;
    font-weight: normal;
    line-height: 1;
    content: "\e607";
    position: absolute;
    top: 2px;
    right: 60px
}

.gallery-share a.winners-share__group-link:hover {
    color: #fff
}

.gallery-share .tooltip-social__content__inner {
    padding: 0 10px
}

.gallery-share .group-share__item--facebook {
    height: 30px;
    text-align: left
}

.gallery-share .group-share__item--twitter {
    height: 25px;
    text-align: left
}

.tooltip-social {
    position: relative;
    cursor: pointer
}

.tooltip-social>span,
.tooltip-social>a {
    -moz-transition: color 0.1s linear;
    -o-transition: color 0.1s linear;
    -webkit-transition: color 0.1s linear;
    transition: color 0.1s linear
}

.tooltip-social.active .tooltip-social__content {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1
}

@media (min-width: 1024px) {
    .site-header-social .tooltip-social.active>a {
        color: #999
    }
}

.site-footer-social .tooltip-social.active>a {
    color: #999
}

.tooltip-social--facebook .tooltip-social__content__inner {
    padding-right: 6px
}

.tooltip-social--twitter .tooltip-social__content__inner {
    width: 180px
}

.tooltip-social--google-plus .tooltip-social__content__inner {
    width: 100px
}

.tooltip-social--youtube .tooltip-social__content__inner {
    width: 105px
}

.tooltip-social--tumblr .tooltip-social__content__inner {
    width: 140px
}

.tooltip-social--instagram .tooltip-social__content__inner {
    width: 145px
}

.tooltip-social--flickr .tooltip-social__content__inner {
    width: 80px;
    padding-top: 4px;
    padding-bottom: 8px
}

@media (min-width: 1024px) {
    .site-header-social .tooltip-social--instagram .tooltip-social__content__inner,
    .site-footer-social .tooltip-social--instagram .tooltip-social__content__inner {
        left: -75%
    }
    .site-header-social .tooltip-social--instagram .tooltip-social__content__inner:before,
    .site-footer-social .tooltip-social--instagram .tooltip-social__content__inner:before {
        left: 75%
    }
}

@media (min-width: 1440px) {
    .site-header-social .tooltip-social--instagram .tooltip-social__content__inner,
    .site-footer-social .tooltip-social--instagram .tooltip-social__content__inner {
        left: -50%
    }
    .site-header-social .tooltip-social--instagram .tooltip-social__content__inner:before,
    .site-footer-social .tooltip-social--instagram .tooltip-social__content__inner:before {
        left: 50%
    }
}

.site-header-social .tooltip-social--flickr .tooltip-social__content__inner {
    padding-top: 8px
}

.site-header-social .tooltip-social--flickr .tooltip-social__content__inner:before {
    margin-top: 4px
}

@media (min-width: 768px) {
    .site-header-social .tooltip-social--flickr .tooltip-social__content__inner {
        padding-top: 4px
    }
    .site-header-social .tooltip-social--flickr .tooltip-social__content__inner:before {
        margin-top: 7px
    }
}

@media (min-width: 1024px) {
    .site-header-social .tooltip-social--flickr .tooltip-social__content__inner:before {
        margin-top: 0
    }
}

.site-header-social .tooltip-social--instagram .tooltip-social__content__inner {
    padding-top: 7px
}

.site-header-social .tooltip-social--instagram .tooltip-social__content__inner:before {
    margin-top: 5px
}

@media (min-width: 768px) {
    .site-header-social .tooltip-social--instagram .tooltip-social__content__inner {
        padding-top: 2px
    }
    .site-header-social .tooltip-social--instagram .tooltip-social__content__inner:before {
        margin-top: 10px
    }
}

@media (min-width: 1024px) {
    .site-header-social .tooltip-social--instagram .tooltip-social__content__inner:before {
        margin-top: 0
    }
}

.site-footer-social .tooltip-social--flickr .tooltip-social__content__inner {
    padding-top: 8px
}

@media (min-width: 768px) {
    .site-footer-social .tooltip-social--flickr .tooltip-social__content__inner {
        padding-top: 4px
    }
}

.site-footer-social .tooltip-social--instagram .tooltip-social__content__inner {
    padding-top: 7px
}

@media (min-width: 768px) {
    .site-footer-social .tooltip-social--instagram .tooltip-social__content__inner {
        padding-top: 1px
    }
}

.tooltip__content {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    display: none;
    position: absolute;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    background: #000;
    padding: 30px;
    max-width: 400px;
    z-index: 99999
}

.tooltip__content:after {
    height: 0;
    width: 0;
    border: solid 10px transparent;
    border-bottom: none;
    border-top: solid 10px #000;
    content: " ";
    position: absolute;
    bottom: -10px;
    left: 60px;
    margin-left: -10px
}

.lt-ie9 .tooltip-social .tooltip-social__content {
    margin-left: -99999px
}

.lt-ie9 .tooltip-social:hover .tooltip-social__content {
    margin-left: auto
}

.mod-winners-gallery .mod-winners-gallery__share .gallery-share--small .gallery-share__item.tooltip-social.tooltip-social--touch .tooltip-social__content {
    display: none
}

.mod-winners-gallery .mod-winners-gallery__share .gallery-share--small .gallery-share__item.tooltip-social.tooltip-social--touch.active .tooltip-social__content {
    display: block
}

.gallery-share .winners-share__group-link {
    display: none
}

.gallery-share .tooltip-social__content__inner {
    margin-top: 19px;
    height: 55px
}

.gallery-share .tooltip-social__content__inner:before {
    margin-top: 17px
}

.gallery-share .winners-share-copy-link {
    display: none
}

.column-list {
    margin: 0 0 60px 0
}

.column-list a:hover {
    border-bottom: 1px solid #4c4c4c
}

.column-list__list {
    margin: 0;
    padding: 0
}

.column-list__item {
    position: relative;
    font-size: 14px;
    margin: 0 0 7px 0;
    padding: 0
}

.column-list__item>a .alert {
    border-bottom: 1px solid red
}

@media (min-width: 768px) {
    .column-list--two .column-list__list {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2
    }
    .column-list--two .column-list__list li {
        -moz-page-break-inside: avoid;
        -webkit-column-break-inside: avoid;
        break-inside: avoid;
        page-break-inside: avoid;
        -o-column-break-inside: avoid;
        -ms-column-break-inside: avoid;
        column-break-inside: avoid
    }
    .lt-ie9 .column-list--two .column-list__list li,
    .ie9 .column-list--two .column-list__list li {
        float: left;
        width: 50%
    }
}

.column-list--three .column-list__list {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2
}

.column-list--three .column-list__list li {
    -moz-page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside: avoid;
    -o-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    column-break-inside: avoid
}

.lt-ie9 .column-list--three .column-list__list li,
.ie9 .column-list--three .column-list__list li {
    float: left;
    width: 50%
}

@media (min-width: 768px) {
    .column-list--three .column-list__list {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3
    }
    .column-list--three .column-list__list li {
        -moz-page-break-inside: avoid;
        -webkit-column-break-inside: avoid;
        break-inside: avoid;
        page-break-inside: avoid;
        -o-column-break-inside: avoid;
        -ms-column-break-inside: avoid;
        column-break-inside: avoid
    }
    .lt-ie9 .column-list--three .column-list__list li,
    .ie9 .column-list--three .column-list__list li {
        float: left;
        width: 33.3%
    }
}

.media:not(body) {
    margin: 60px 0 0 0
}

@media (min-width: 768px) {
    .media:not(body) {
        overflow: hidden;
        zoom: 1
    }
}

.media:not(body) .float-left {
    float: none;
    border: 0
}

@media (min-width: 768px) {
    .media:not(body) .float-left {
        float: left;
        margin-right: 20px
    }
}

@media (min-width: 1024px) {
    .media:not(body) .float-left {
        margin-right: 40px
    }
}

.media-object {
    display: block;
    margin-bottom: 25px
}

@media (min-width: 768px) {
    .media-object {
        margin-bottom: 0
    }
}

.media-object.sponsor-object {
    background-color: #000
}

@media (min-width: 768px) {
    .media-body {
        overflow: hidden;
        zoom: 1
    }
}

.media-body .cat-subhead {
    font-size: 12px;
    margin-bottom: 8px;
    color: #000
}

.media-body p {
    font-size: 14px;
    line-height: 26px;
    margin: 0
}

.media-headline {
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    margin: 0 0 15px 0
}

@media (min-width: 768px) {
    .media-headline {
        font-size: 20px;
        line-height: 23px;
        margin-bottom: 20px
    }
}

.media-headline>a {
    color: #000
}

.pagination {
    border-top: 1px solid #000;
    padding-top: 48px;
    padding-bottom: 47px;
    text-align: center
}

.pagination__item {
    display: inline-block;
    height: 28px;
    line-height: 23px;
    margin-left: 5px;
    text-align: center;
    width: 28px
}

@media (min-width: 768px) {
    .pagination__item {
        font-size: 17px;
        height: 39px;
        line-height: 34px;
        margin-left: 15px;
        width: 39px
    }
}

@media (min-width: 1024px) {
    .pagination__item {
        font-size: 16px;
        height: 40px;
        line-height: 35px;
        margin: 0 7px;
        width: 40px
    }
}

.pagination__item>a:hover {
    border-bottom: 1px solid #000;
    font-weight: bold
}

.pagination__item--active {
    border: 3px solid #000;
    border-radius: 50%;
    font-weight: bold
}

.pagination__item--active>a:hover {
    border-bottom: none
}

.pagination__item--left {
    margin-left: 0;
    margin-right: 20px
}

@media (min-width: 768px) {
    .pagination__item--left {
        margin-right: 40px
    }
}

.pagination__item--right {
    margin-left: 20px
}

@media (min-width: 768px) {
    .pagination__item--right {
        margin-left: 40px
    }
}

.pagination__item--arrow>a {
    border: none
}

.pagination__item--arrow>a:hover {
    border: none
}

.pagination__item--arrow>a .icon {
    top: 8px
}

.badge {
    display: block
}

.badge--webby-winner {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    width: 120px;
    height: 52px
}

.badge--peoples-voice {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    width: 120px;
    height: 52px
}

.badge--webby-winner-peoples-voice {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    width: 138px;
    height: 52px
}

.entry-container {
    *zoom: 1;
    margin: 60px 0
}

.entry-container:after {
    content: "";
    display: table;
    clear: both
}

.newsletter-signup__header-011 {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 30px;
    text-transform: uppercase;
    width: 65%
}

@media (min-width: 768px) {
    .newsletter-signup__header-011 {
        float: left;
        width: 20%
    }
}

@media (min-width: 1024px) {
    .newsletter-signup__header-011 {
        font-size: 16px;
        line-height: 21px
    }
}

.newsletter-signup__header-011::before {
    content: "";
    border-bottom: 1px solid #000;
    display: block;
    margin-bottom: 30px;
    width: 20px
}

.newsletter-signup__form-011 {
    *zoom: 1
}

.newsletter-signup__form-011:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 768px) {
    .newsletter-signup__form-011 {
        float: right;
        width: 70%
    }
    .newsletter-signup__form-011 .form-field {
        float: left;
        width: 48%
    }
    .newsletter-signup__form-011 .form-field:first-child,
    .newsletter-signup__form-011 .form-field:nth-child(5n),
    .newsletter-signup__form-011 .form-field:nth-child(7n) {
        margin-right: 4%
    }
    .newsletter-signup__form-011 .form-field--full {
        display: block;
        width: 100%
    }
}

fieldset.entry-form__submit {
    float: left;
    margin-top: 25px;
    padding: 0;
    width: 100%
}

.entry-privacy-link {
    font-size: 12px;
    margin-left: 10px;
    text-decoration: underline
}

@media (min-width: 1024px) {
    .entry-privacy-link {
        font-size: 14px
    }
}

.mod-entry_success {
    float: left;
    padding-top: 26px;
    text-indent: 30px
}

.page-header {
    margin: 0 0 30px 0
}

@media (min-width: 768px) {
    .page-header {
        margin-bottom: 60px
    }
}

@media (min-width: 1024px) {
    .page-header {
        margin-bottom: 70px
    }
}

.page-header__image {
    max-width: 1240px;
    background-color: #000;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 380px;
    margin: 0 0 0 -120px
}

@media (min-width: 768px) {
    .page-header__image {
        height: 560px
    }
}

@media (min-width: 1024px) {
    .page-header__image {
        height: 687px;
        width: 100%;
        float: right;
        margin-left: -320px;
        margin-right: 28.125%
    }
    .page-header--winners-gallery .page-header__image {
        height: 713px
    }
}

@media (min-width: 1024px) {
    .page-header--special-feature .page-header__image {
        height: 420px
    }
}

.page-header__main {
    color: #000;
    background: #75b9f2;
    padding: 36px 20px 17px 20px;
    margin-top: -60px
}

@media (min-width: 768px) {
    .page-header__main {
        width: 58.333333333333336%;
        float: left;
        padding: 67px 48px 40px 48px;
        margin-top: 0;
        min-height: 254px
    }
}

@media (min-width: 1024px) {
    .page-header__main {
        width: 65.625%;
        margin-left: 6.25%;
        margin-top: -166px;
        padding: 70px 80px;
        min-height: 0;
        position: relative
    }
}

.page-header--article .page-header__main {
    background: #a7f076
}

@media (min-width: 1024px) {
    .page-header--article .page-header__main {
        padding-bottom: 70px
    }
}

@media (min-width: 768px) {
    .page-header--winners-gallery .page-header__main {
        margin-top: 0;
        padding-left: 35px;
        padding-right: 35px
    }
}

@media (min-width: 1024px) {
    .page-header--winners-gallery .page-header__main {
        margin-top: -292px;
        position: relative;
        right: -100px;
        z-index: 1;
        min-height: 292px;
        padding-left: 50px;
        padding-right: 50px;
        padding-bottom: 70px;
        padding-top: 78px
    }
}

@media (min-width: 1280px) {
    .page-header--winners-gallery .page-header__main {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media (min-width: 1024px) {
    .page-header--special-feature .page-header__main {
        margin-top: -58px
    }
}

.page-header--special-feature .page-header__tag {
    display: block;
    line-height: 1;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 50px;
    background-color: black;
    color: white;
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    top: 286px
}

.page-header--special-feature .page-header__tag span {
    color: white
}

@media (min-width: 768px) {
    .page-header--special-feature .page-header__tag {
        width: 58.333333333333336%;
        top: 523px
    }
}

@media (min-width: 1024px) {
    .page-header--special-feature .page-header__tag {
        width: 360px;
        top: -36px;
        bottom: initial
    }
}

.page-header__subhead {
    font-size: 12px;
    color: #000;
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .page-header__subhead {
        font-size: 14px;
        margin-bottom: 20px
    }
}

@media (min-width: 1024px) {
    .page-header__subhead {
        margin-bottom: 17px
    }
}

.page-header__headline {
    font-size: 22px;
    line-height: 28px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
    width: 85%;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none
}

@media (min-width: 768px) {
    .page-header__headline {
        font-size: 38px;
        line-height: 44px;
        margin-bottom: 22px
    }
    .page-header--winners-gallery .page-header__headline {
        width: 100%
    }
}

@media (min-width: 1024px) {
    .page-header__headline {
        width: 100%;
        font-size: 50px;
        line-height: 55px;
        margin-bottom: 0
    }
}

.page-header__sponsor {
    display: block;
    font-size: 11px;
    color: #666;
    background-repeat: no-repeat;
    background-position: -20000%;
    margin-bottom: 15px
}

.page-header__sponsor:hover {
    color: #666
}

@media (min-width: 768px) {
    .page-header__sponsor {
        font-size: 12px;
        margin-bottom: 0
    }
}

@media (min-width: 1024px) {
    .page-header__sponsor {
        background-position: -200%;
        background-size: cover;
        background-color: #000;
        position: absolute;
        top: -100px;
        right: 0;
        width: 100px;
        height: 100px;
        text-indent: -9999px;
        text-align: center
    }
}

@media (min-width: 768px) {
    .page-header--winners-gallery .page-header__sponsor {
        display: none
    }
}

@media (min-width: 1024px) {
    .page-header--winners-gallery .page-header__sponsor {
        display: block;
        top: 0;
        right: 0
    }
}

.page-header__sponsor-name {
    color: #000
}

@media (min-width: 768px) {
    .page-header__sidebar {
        width: 41.66666666666667%;
        float: right
    }
}

@media (min-width: 1024px) {
    .page-header__sidebar {
        width: 28.125%;
        position: absolute;
        top: 171px;
        right: 0;
        background: #fff
    }
    .page-header--winners-gallery .page-header__sidebar {
        height: 656px
    }
}

@media (min-width: 768px) {
    .page-header__sidebar-section {
        position: relative;
        z-index: 1
    }
    .is-nav--opened .page-header__sidebar-section {
        z-index: auto
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .page-header__sidebar-section--1 {
        height: 250px;
        overflow: hidden
    }
    .page-header--winners-gallery .page-header__sidebar-section--1 {
        height: 254px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .page-header__sidebar-section--1 .page-header__sidebar-section-content {
        position: absolute;
        width: 100%;
        bottom: 0;
        z-index: 1
    }
}

.page-header--winners-gallery {
    margin-bottom: 0
}

.page-header__overview {
    font-weight: bold;
    font-size: 16px;
    line-height: 27px;
    text-transform: uppercase;
    color: #000;
    padding: 25px 20px 0 20px;
    margin: 0
}

.page-header__overview>p {
    margin: 0
}

.page-header__overview>p a {
    color: #000;
    border-bottom: 1px solid #000
}

@media (min-width: 768px) {
    .page-header__overview {
        padding: 52px 48px 0 48px;
        float: left;
        width: 58.333333333333336%
    }
}

@media (min-width: 1024px) {
    .page-header__overview {
        width: 65.625%;
        margin-left: 6.25%;
        padding: 70px 40px 0 80px
    }
}

.page-header__overview:after {
    content: "\e614";
    margin: 20px auto 0 auto
}

@media (min-width: 768px) {
    .page-header__overview:after {
        margin: 30px 0 0 0
    }
}

@media (min-width: 1024px) {
    .page-header__overview:after {
        margin: 30px auto 0 auto
    }
}

@media (min-width: 1024px) {
    header.page-header--special-feature .page-header__main {
        padding: 55px 80px
    }
}

.winners-header {
    margin: 0 0 40px 0
}

@media (min-width: 768px) {
    .winners-header {
        margin-bottom: 80px
    }
}

.winners-header__top-bar {
    background: #000;
    height: 80px
}

@media (min-width: 768px) {
    .winners-header__top-bar {
        height: 158px
    }
}

@media (min-width: 1024px) {
    .winners-header__top-bar {
        width: 100%;
        height: 392px;
        position: relative;
        top: 0;
        left: -160px;
        z-index: -1
    }
}

@media (min-width: 1024px) {
    .winners-header__sidebar {
        width: 28.125%;
        position: absolute;
        top: 171px;
        right: 0;
        background: #fff;
        min-height: 320px
    }
}

@media (min-width: 768px) {
    .winners-header__sidebar-section--1 {
        float: right;
        width: 40%
    }
}

@media (min-width: 1024px) {
    .winners-header__sidebar-section--1 {
        float: none;
        width: 100%
    }
}

@media (min-width: 768px) {
    .winners-header__sidebar-section--2 {
        float: left;
        width: 60%
    }
}

@media (min-width: 1024px) {
    .winners-header__sidebar-section--2 {
        float: none;
        width: 100%
    }
}

.winners-header__main {
    border: 20px solid #000;
    border-top: 0;
    position: relative
}

@media (min-width: 1024px) {
    .winners-header__main {
        width: 65.625%;
        margin-left: 6.25%;
        margin-top: -150px
    }
}

.winners-header__image {
    background: #000
}

.winners-header__image>a {
    display: block;
    position: relative;
    z-index: 1
}

.winners-header__image .icon-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 70px;
    color: #fff
}

.winners-header__details {
    padding: 45px 30px;
    color: #000;
    position: relative;
    border-top: 20px solid #000
}

@media (min-width: 768px) {
    .winners-header__details {
        padding: 70px 50px 65px 50px
    }
}

@media (min-width: 1024px) {
    .winners-header__details {
        padding: 75px 60px 70px 60px
    }
}

.winners-header__badge {
    display: none
}

@media (min-width: 768px) {
    .winners-header__badge {
        display: block;
        position: absolute;
        top: 7px;
        right: 9px
    }
}

@media (min-width: 1024px) {
    .winners-header__badge {
        display: block;
        position: absolute;
        top: 10px;
        right: 10px
    }
}

.winners-header__badge .icon {
    font-size: 200px;
    height: 58px;
    line-height: 58px;
    display: block
}

.winners-header__award-class {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 13px
}

@media (min-width: 768px) {
    .winners-header__award-class {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 15px
    }
}

@media (min-width: 1024px) {
    .winners-header__award-class {
        margin-bottom: 25px
    }
}

.winners-header__project-title {
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 8px;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none
}

.winners-header__project-title a:hover {
    text-decoration: underline
}

.winners-header__project-title a:hover span {
    text-decoration: none
}

@media (min-width: 768px) {
    .winners-header__project-title {
        font-size: 38px;
        line-height: 43px;
        margin-bottom: 10px
    }
}

@media (min-width: 1024px) {
    .winners-header__project-title {
        font-size: 50px;
        line-height: 55px;
        margin-bottom: 20px
    }
}

.winners-header__project-title .icon {
    font-size: 20px;
    top: 3px;
    left: 10px;
    display: inline-block
}

@media (min-width: 768px) {
    .winners-header__project-title .icon {
        font-size: 30px;
        top: 5px;
        left: 13px
    }
}

.winners-header__organization {
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 8px
}

@media (min-width: 768px) {
    .winners-header__organization {
        font-size: 13px;
        margin-bottom: 13px
    }
}

@media (min-width: 1024px) {
    .winners-header__organization {
        margin-bottom: 22px
    }
}

.winners-header__organization a:hover {
    text-decoration: underline
}

.winners-header__category {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .winners-header__category {
        font-size: 20px;
        line-height: 30px
    }
}

.winners-header__sub-category {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .winners-header__sub-category {
        font-size: 20px;
        line-height: 30px
    }
}

.mod-ad-breaker__container {
    text-align: center;
    background: #f2f2f2
}

.mod-ad-breaker__label {
    font-size: 9px;
    color: #666;
    margin-top: 5px
}

.mod-ad-breaker--300x250 .mod-ad-breaker__container {
    max-width: 360px;
    margin: 35px auto;
    padding: 25px 10px 15px 10px
}

@media (min-width: 768px) {
    .mod-ad-breaker--300x250 .mod-ad-breaker__container {
        max-width: 384px;
        margin: 75px auto;
        padding: 75px 30px 60px 30px
    }
}

@media (min-width: 1024px) {
    .mod-ad-breaker--300x250 .mod-ad-breaker__container {
        padding: 105px 30px 90px 30px
    }
}

.mod-ad-breaker--728x90 {
    display: none
}

@media (min-width: 768px) {
    .mod-ad-breaker--728x90 {
        display: block
    }
}

.mod-ad-breaker--728x90 .mod-ad-breaker__container {
    max-width: 808px;
    margin: 0 auto;
    padding: 50px 40px 30px 40px
}

.mod-1up-article {
    color: #000;
    position: relative;
    margin: 0
}

@media (min-width: 768px) {
    .mod-1up-article {
        margin: 100px 0;
        max-width: 768px
    }
}

@media (min-width: 1024px) {
    .mod-1up-article {
        max-width: none;
        *zoom: 1
    }
    .mod-1up-article:after {
        content: "";
        display: table;
        clear: both
    }
}

@media (min-width: 768px) {
    .mod-1up-article .wrap {
        padding-bottom: 405px
    }
}

@media (min-width: 1024px) {
    .mod-1up-article .wrap {
        padding-bottom: 0;
        min-height: 588px
    }
}

@media (min-width: 768px) {
    .mod-1up-article__image {
        bottom: 0;
        max-width: 720px;
        position: absolute
    }
}

@media (min-width: 1024px) {
    .mod-1up-article__image {
        left: 0;
        position: absolute;
        top: 70px;
        max-width: 920px;
        width: 71.875%
    }
}

.mod-1up-article__image>a {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.mod-1up-article__primary {
    background: #a7f076;
    position: relative;
    text-align: center;
    padding: 30px 55px 30px
}

@media (min-width: 768px) {
    .mod-1up-article__primary {
        bottom: 0;
        left: 0;
        padding: 30px 15px;
        position: absolute;
        max-width: 185px;
        z-index: 2
    }
}

@media (min-width: 1024px) {
    .mod-1up-article__primary {
        margin: 0 3.125% 0 23.4375%;
        max-width: 940px;
        padding: 70px 3.125% 0 51.5625%;
        position: static;
        width: 73.4375%
    }
}

.mod-1up-article__primary .icon-netted {
    display: block;
    font-size: 46px;
    line-height: 32px;
    margin: 0 0 14px 0
}

@media (min-width: 1024px) {
    .mod-1up-article__primary .icon-netted {
        margin-bottom: 20px
    }
}

.mod-1up-article__primary .icon-squiggle,
.mod-1up-article__primary .page-header__overview:after {
    margin-bottom: 10px
}

@media (min-width: 1024px) {
    .mod-1up-article__primary .icon-squiggle,
    .mod-1up-article__primary .page-header__overview:after {
        margin-bottom: 25px
    }
}

.mod-1up-article__primary .mod-1up-article__text {
    font-size: 10px;
    line-height: 15px;
    margin-bottom: 15px
}

.mod-1up-article__primary .mod-1up-article__link {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline
}

.mod-1up-article__secondary {
    background: #a7f076;
    position: relative;
    text-align: center;
    padding: 30px 55px
}

@media (min-width: 768px) {
    .mod-1up-article__secondary {
        float: right;
        max-width: 588px;
        padding: 30px 35px;
        text-align: left;
        width: 100%
    }
}

@media (min-width: 1024px) {
    .mod-1up-article__secondary {
        margin: 0 3.125% 0 23.4375%;
        max-width: 940px;
        padding: 0 3.125% 55px 51.5625%;
        position: static;
        text-align: center;
        width: 73.4375%
    }
}

.mod-1up-article__secondary:before {
    height: 0;
    width: 0;
    border: solid 35px transparent;
    border-top: none;
    border-bottom: solid 35px #a7f076;
    border-left: 17.5px;
    content: "";
    position: absolute;
    top: -34px;
    left: 0;
    z-index: 1
}

@media (min-width: 768px) {
    .mod-1up-article__secondary:before {
        display: none
    }
}

@media (min-width: 768px) {
    .mod-1up-article__secondary:after {
        content: "";
        background: #a7f076;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 470px;
        max-width: 940px;
        z-index: -1
    }
}

@media (min-width: 1024px) {
    .mod-1up-article__secondary:after {
        background: transparent;
        right: 40px
    }
}

@media (min-width: 1024px) {
    .mod-1up-article__inner {
        position: relative
    }
}

.mod-1up-article__subhead {
    text-transform: uppercase
}

@media (min-width: 768px) {
    .mod-1up-article__subhead {
        margin-bottom: 3px
    }
}

@media (min-width: 1024px) {
    .mod-1up-article__subhead {
        margin-bottom: 20px
    }
}

.mod-1up-article__headline {
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    text-transform: uppercase;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none
}

@media (min-width: 768px) {
    .mod-1up-article__headline {
        font-size: 25px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .mod-1up-article__headline {
        font-size: 50px;
        line-height: 50px;
        width: 90%;
        margin: 0 auto
    }
    .mod-1up-article__headline .mod-1up-article__headline-date {
        display: block;
        margin-bottom: 20px
    }
    .mod-1up-article__headline .mod-1up-article__headline-day {
        background-color: #000;
        color: #FFF;
        font-size: 11px;
        left: 50%;
        line-height: 11px;
        margin: -10px 0 0 -24px;
        padding: 5px;
        position: absolute
    }
}

@media (min-width: 1024px) {
    .mod-1up-article__headline .icon-dash {
        display: none
    }
}

.mod-1up-article__headline .icon-dash:before {
    content: "-"
}

.mod-1up-article__description {
    margin: 10px 0 0 0;
    color: #000;
    font-size: 12px;
    line-height: 20px
}

@media (min-width: 768px) {
    .mod-1up-article__description {
        display: block;
        margin-top: 3px
    }
}

@media (min-width: 1024px) {
    .mod-1up-article__description {
        background-color: #fff;
        padding: 20px 25px;
        font-size: 13px;
        line-height: 25px
    }
}

.mod-article-3up {
    margin: 0 auto
}

@media (min-width: 768px) {
    .mod-article-3up {
        margin: 100px auto
    }
}

.mod-article-3up__header {
    background: #000;
    border: 15px solid #a7f076;
    border-bottom: 0;
    padding: 30px 0 20px 0;
    color: #fff;
    text-align: center
}

@media (min-width: 768px) {
    .mod-article-3up__header {
        border: 0;
        position: relative;
        top: 295px;
        z-index: 10;
        -sgs-span-settings: ("span": 9, "location": 1, "grid": 32, "gutter": 0, "style": "fixed", "start row": true, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 28.125%;
        float: left;
        margin-right: -100%;
        clear: none;
        padding-right: 0;
        min-height: 250px;
        padding: 40px 0 20px 0
    }
}

@media (min-width: 1024px) {
    .mod-article-3up__header {
        -sgs-span-settings: ("span": 6, "location": 6, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 18.75%;
        float: left;
        margin-right: -100%;
        margin-left: 15.625%;
        clear: none;
        padding-right: 0;
        min-height: 340px;
        top: 469px;
        padding: 80px 0 20px 0
    }
}

.mod-article-3up__header a,
.mod-article-3up__header a:hover {
    color: #fff
}

.mod-article-3up__title {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    line-height: 22px;
    width: 75%;
    margin: 0 auto 5px auto;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none
}

@media (min-width: 768px) {
    .mod-article-3up__title {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 7px
    }
}

@media (min-width: 1024px) {
    .mod-article-3up__title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 15px
    }
}

.mod-article-3up__icon {
    font-size: 41px;
    line-height: 30px
}

.mod-article-3up__container {
    background: #a7f076
}

@media (min-width: 768px) {
    .mod-article-3up__container {
        background: none;
        *zoom: 1
    }
    .mod-article-3up__container:after {
        content: "";
        display: table;
        clear: both
    }
}

.mod-article-3up__item {
    display: none;
    background: #a7f076
}

@media (min-width: 768px) {
    .mod-article-3up__item {
        display: block;
        overflow: hidden;
        height: 385px
    }
}

@media (min-width: 1024px) {
    .mod-article-3up__item {
        height: 460px
    }
}

.mod-article-3up__item.mod-article-3up__item--all-text {
    background: #fff
}

@media (min-width: 768px) {
    .mod-article-3up__item.mod-article-3up__item--all-text {
        background: #75b9f2
    }
}

.mod-article-3up__item.mod-article-3up__item--all-text .mod-content__text {
    border: 15px solid #a7f076;
    border-top: none;
    padding: 60px 50px
}

@media (min-width: 768px) {
    .mod-article-3up__item.mod-article-3up__item--all-text .mod-content__text {
        border: none
    }
}

.mod-article-3up__item.mod-article-3up__item--all-text .mod-content__text:before {
    display: none
}

.mod-article-3up__item .mod-content {
    min-height: 0;
    line-height: 0
}

.mod-article-3up__item .mod-content__text {
    padding: 25px 40px 0 40px
}

@media (min-width: 768px) {
    .mod-article-3up__item .mod-content__text {
        padding: 35px 55px 35px 55px
    }
}

.mod-article-3up__item .mod-content__text:before {
    border-bottom: solid 35px #a7f076
}

@media (min-width: 1024px) {
    .mod-article-3up__item .mod-content__headline {
        font-size: 18px;
        line-height: 26px
    }
}

.mod-article-3up__item .mod-content__image {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    height: auto
}

.mod-article-3up__item .mod-content__image:after {
    padding-top: 56.25%;
    display: block;
    content: ''
}

.mod-article-3up__item .mod-content__image>* {
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0
}

.mod-article-3up__item .mod-content__image>* img {
    display: none !important
}

@media (min-width: 768px) {
    .mod-article-3up__item .mod-content__image {
        max-height: 214px
    }
}

@media (min-width: 1024px) {
    .mod-article-3up__item .mod-content__image {
        max-height: 260px
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .mod-article-3up__item .mod-full-article__text {
        padding-bottom: 0
    }
}

.mod-article-3up__item--1 {
    background: none
}

@media (min-width: 768px) {
    .mod-article-3up__item--1 {
        -sgs-span-settings: ("span": 32, "location": 1, "grid": 32, "gutter": 0, "style": "fixed", "start row": true, "end row": true, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 100%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        padding-right: 0;
        height: auto
    }
}

.mod-article-3up__item--2 {
    display: block
}

@media (min-width: 768px) {
    .mod-article-3up__item--2 {
        -sgs-span-settings: ("span": 16, "location": 1, "grid": 32, "gutter": 0, "style": "fixed", "start row": true, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 50%;
        float: left;
        margin-right: -100%;
        clear: none;
        padding-right: 0;
        clear: both;
        background: #75b9f2
    }
}

@media (min-width: 1024px) {
    .mod-article-3up__item--2 {
        -sgs-span-settings: ("span": 12, "location": 12, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 37.5%;
        float: left;
        margin-right: -100%;
        margin-left: 34.375%;
        clear: none;
        padding-right: 0;
        clear: both;
        height: 460px
    }
}

.mod-article-3up__item--2 .mod-content {
    display: table;
    min-height: 300px;
    width: 100%
}

.mod-article-3up__item--2 .mod-content__text {
    display: table-cell;
    height: 100%;
    padding: 0 60px;
    text-align: center;
    vertical-align: middle
}

@media (min-width: 1024px) {
    .mod-article-3up__item--2 .mod-content__text {
        padding: 80px
    }
}

.mod-article-3up__item--2 .mod-content__headline {
    font-size: 25px;
    line-height: 32px;
    text-transform: uppercase;
    color: #000;
    margin: 0;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none
}

@media (min-width: 768px) {
    .mod-article-3up__item--2 .mod-content__headline {
        font-size: 28px;
        line-height: 38px
    }
}

@media (min-width: 1024px) {
    .mod-article-3up__item--2 .mod-content__headline {
        font-size: 35px;
        line-height: 45px
    }
}

@media (min-width: 768px) {
    .mod-article-3up__item--3 {
        -sgs-span-settings: ("span": 16, "location": 17, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": true, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 50%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        padding-right: 0;
        background: #a7f076
    }
}

@media (min-width: 1024px) {
    .mod-article-3up__item--3 {
        -sgs-span-settings: ("span": 9, "location": 24, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": true, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 28.125%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        padding-right: 0;
        height: 460px
    }
}

@media (min-width: 768px) {
    .mod-article-3up__item--3 .mod-content .mod-content__text:before {
        border-bottom: solid 35px #a7f076
    }
}

@media (min-width: 1024px) {
    .mod-article-3up__item--3 .mod-content .mod-content__text {
        padding: 50px 35px 0 35px
    }
}

.mod-article-3up__sponsor {
    color: #ccc;
    font-size: 10px;
    line-height: 10px;
    padding: 0 20px;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none
}

@media (min-width: 768px) {
    .mod-article-3up__sponsor {
        line-height: 15px;
        margin-top: 25px
    }
}

@media (min-width: 1024px) {
    .mod-article-3up__sponsor {
        margin-top: 10px
    }
}

.mod-article-3up__sponsor-name {
    color: #fff;
    display: inline;
    font-size: 11px;
    line-height: 16px;
    font-weight: bold
}

@media (min-width: 768px) {
    .mod-article-3up__sponsor-name {
        display: block;
        padding: 0 20px
    }
}

.mod-article-3up__sponsorship-link {
    display: none
}

@media (min-width: 1024px) {
    .mod-article-3up__sponsorship-link {
        bottom: -106px;
        display: block;
        left: -106px;
        position: absolute
    }
}

.mod-article-3up .mod-full-article {
    margin: 0
}

.mod-article-3up .mod-content {
    background: none
}

.mod-article-3up .slick-dots {
    background: #a7f076
}

@media (min-width: 768px) {
    .mod-article-3up__item--yellow .mod-full-article .mod-full-article__text {
        background: #a7f076
    }
    .mod-article-3up__item--yellow .mod-full-article .mod-full-article__text:after {
        background: #a7f076
    }
    .mod-article-3up__item--yellow.mod-article-3up__item--all-text {
        background: #a7f076
    }
    .mod-article-3up__item--yellow.mod-article-3up__item--3 {
        background: #a7f076
    }
    .mod-article-3up__item--yellow.mod-article-3up__item--3 .mod-content:hover .mod-content__image>a:after {
        border-color: #a7f076
    }
    .mod-article-3up__item--yellow.mod-article-3up__item--3 .mod-content .mod-content__text:before {
        border-bottom: solid 35px #a7f076
    }
    .mod-article-3up__item--white .mod-full-article .mod-full-article__text {
        background: #fff
    }
    .mod-article-3up__item--white .mod-full-article .mod-full-article__text:after {
        background: #fff
    }
    .mod-article-3up__item--white.mod-article-3up__item--all-text {
        background: #fff
    }
    .mod-article-3up__item--white.mod-article-3up__item--3 {
        background: #fff
    }
    .mod-article-3up__item--white.mod-article-3up__item--3 .mod-content:hover .mod-content__image>a:after {
        border-color: #fff
    }
    .mod-article-3up__item--white.mod-article-3up__item--3 .mod-content .mod-content__text:before {
        border-bottom: solid 35px #fff
    }
    .mod-article-3up__item--violet .mod-full-article .mod-full-article__text {
        background: #75b9f2
    }
    .mod-article-3up__item--violet .mod-full-article .mod-full-article__text:after {
        background: #75b9f2
    }
    .mod-article-3up__item--violet.mod-article-3up__item--all-text {
        background: #75b9f2
    }
    .mod-article-3up__item--violet.mod-article-3up__item--3 {
        background: #75b9f2
    }
    .mod-article-3up__item--violet.mod-article-3up__item--3 .mod-content:hover .mod-content__image>a:after {
        border-color: #75b9f2
    }
    .mod-article-3up__item--violet.mod-article-3up__item--3 .mod-content .mod-content__text:before {
        border-bottom: solid 35px #75b9f2
    }
}

.mod-article-5up {
    margin: 0 auto
}

@media (min-width: 768px) {
    .mod-article-5up {
        margin: 100px auto
    }
}

.mod-article-5up__header {
    background: #fff;
    border: 15px solid #75b9f2;
    border-bottom: 0;
    padding: 30px 0 17px 0;
    color: #000;
    text-align: center
}

@media (min-width: 768px) {
    .mod-article-5up__header {
        border: 0;
        position: relative;
        top: 295px;
        z-index: 10;
        -sgs-span-settings: ("span": 9, "location": 1, "grid": 32, "gutter": 0, "style": "fixed", "start row": true, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 28.125%;
        float: left;
        margin-right: -100%;
        clear: none;
        padding-right: 0;
        height: 250px;
        padding: 40px 0 20px 0
    }
}

@media (min-width: 1024px) {
    .mod-article-5up__header {
        -sgs-span-settings: ("span": 6, "location": 10, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 18.75%;
        float: left;
        margin-right: -100%;
        margin-left: 28.125%;
        clear: none;
        padding-right: 0;
        height: 340px;
        top: 439px;
        padding: 80px 0 20px 0
    }
}

.mod-article-5up__icon {
    font-size: 41px;
    line-height: 30px
}

.mod-article-5up__title {
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    line-height: 22px;
    width: 75%;
    margin: 0 auto 5px auto;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none
}

@media (min-width: 768px) {
    .mod-article-5up__title {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 12px
    }
}

@media (min-width: 1024px) {
    .mod-article-5up__title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 15px
    }
}

.mod-article-5up__container {
    background: #75b9f2
}

@media (min-width: 768px) {
    .mod-article-5up__container {
        background: none;
        *zoom: 1
    }
    .mod-article-5up__container:after {
        content: "";
        display: table;
        clear: both
    }
}

.mod-article-5up__item {
    display: none;
    background: #75b9f2
}

@media (min-width: 768px) {
    .mod-article-5up__item {
        display: block;
        overflow: hidden;
        height: 385px
    }
}

@media (min-width: 1024px) {
    .mod-article-5up__item {
        height: 460px
    }
}

.mod-article-5up__item .mod-content,
.mod-article-5up__item .mod-full-video {
    min-height: 0
}

.mod-article-5up__item .mod-content {
    line-height: 0
}

.mod-article-5up__item .mod-content__text {
    padding: 25px 40px 0 40px
}

@media (min-width: 768px) {
    .mod-article-5up__item .mod-content__text {
        padding: 35px 55px 35px 55px
    }
}

@media (min-width: 1024px) {
    .mod-article-5up__item .mod-content__text {
        padding: 50px 35px 0 35px
    }
}

.mod-article-5up__item .mod-content__text:before {
    border-bottom: solid 35px #75b9f2
}

@media (min-width: 1024px) {
    .mod-article-5up__item .mod-content__headline {
        font-size: 18px;
        line-height: 26px
    }
}

.mod-article-5up__item .mod-content__image {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    height: auto
}

.mod-article-5up__item .mod-content__image:after {
    padding-top: 56.25%;
    display: block;
    content: ''
}

.mod-article-5up__item .mod-content__image>* {
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0
}

.mod-article-5up__item .mod-content__image>* img {
    display: none !important
}

@media (min-width: 768px) {
    .mod-article-5up__item .mod-content__image {
        max-height: 214px
    }
}

@media (min-width: 1024px) {
    .mod-article-5up__item .mod-content__image {
        max-height: 260px
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .mod-article-5up__item .mod-full-video__text {
        padding-bottom: 0
    }
}

.mod-article-5up__item--1 {
    background: none
}

@media (min-width: 768px) {
    .mod-article-5up__item--1 {
        -sgs-span-settings: ("span": 32, "location": 1, "grid": 32, "gutter": 0, "style": "fixed", "start row": true, "end row": true, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 100%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        padding-right: 0;
        height: auto
    }
}

@media (min-width: 768px) {
    .mod-article-5up__item--2 {
        -sgs-span-settings: ("span": 16, "location": 1, "grid": 32, "gutter": 0, "style": "fixed", "start row": true, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 50%;
        float: left;
        margin-right: -100%;
        clear: none;
        padding-right: 0;
        clear: both
    }
}

@media (min-width: 1024px) {
    .mod-article-5up__item--2 {
        -sgs-span-settings: ("span": 9, "location": 1, "grid": 32, "gutter": 0, "style": "fixed", "start row": true, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 28.125%;
        float: left;
        margin-right: -100%;
        clear: none;
        padding-right: 0;
        clear: both;
        height: 462px
    }
}

@media (min-width: 768px) {
    .mod-article-5up__item--3 {
        -sgs-span-settings: ("span": 16, "location": 17, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": true, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 50%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        padding-right: 0
    }
}

@media (min-width: 1024px) {
    .mod-article-5up__item--3 {
        -sgs-span-settings: ("span": 17, "location": 16, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": true, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 53.125%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        padding-right: 0;
        height: auto !important
    }
}

@media (min-width: 1024px) {
    .mod-article-5up__item--3 .mod-content {
        *zoom: 1
    }
    .mod-article-5up__item--3 .mod-content:after {
        content: "";
        display: table;
        clear: both
    }
}

@media (min-width: 1024px) {
    .mod-article-5up__item--3 .mod-content .mod-content__image {
        float: right;
        width: 53%
    }
}

@media (min-width: 1024px) {
    .mod-article-5up__item--3 .mod-content .mod-content__text {
        float: left;
        width: 47%;
        padding: 35px 25px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .mod-article-5up__item--3 .mod-content .mod-content__text:before {
        height: 0;
        width: 0;
        border: solid 35px transparent;
        border-bottom: none;
        border-top: solid 35px #a7f076;
        border-left: 17.5px;
        top: 0;
        left: auto;
        right: -35px
    }
}

@media (min-width: 768px) {
    .mod-article-5up__item--4 {
        -sgs-span-settings: ("span": 16, "location": 1, "grid": 32, "gutter": 0, "style": "fixed", "start row": true, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 50%;
        float: left;
        margin-right: -100%;
        clear: none;
        padding-right: 0;
        clear: both
    }
}

@media (min-width: 1024px) {
    .mod-article-5up__item--4 {
        -sgs-span-settings: ("span": 12, "location": 10, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 37.5%;
        float: left;
        margin-right: -100%;
        margin-left: 28.125%;
        clear: none;
        padding-right: 0;
        width: 36%;
        clear: right
    }
}

@media (min-width: 768px) {
    .mod-article-5up__item--5 {
        -sgs-span-settings: ("span": 16, "location": 17, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": true, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 50%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        padding-right: 0
    }
}

@media (min-width: 1024px) {
    .mod-article-5up__item--5 {
        -sgs-span-settings: ("span": 11, "location": 22, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": true, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 34.375%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        padding-right: 0;
        width: 36%
    }
}

.mod-article-5up .mod-full-video {
    margin: 0
}

.mod-article-5up .mod-content {
    background: none
}

.mod-article-5up .slick-dots {
    background: #75b9f2
}

@media (min-width: 768px) {
    .mod-article-5up__item--yellow {
        background: #a7f076
    }
    .mod-article-5up__item--yellow.mod-article-5up__item--1 {
        background: none
    }
    .mod-article-5up__item--yellow .mod-full-video .mod-full-video__text {
        background: #a7f076
    }
    .mod-article-5up__item--yellow .mod-full-video .mod-full-video__text:after {
        background-color: #a7f076
    }
    .mod-article-5up__item--yellow .mod-content .mod-content__text {
        background: #a7f076
    }
    .mod-article-5up__item--yellow .mod-content .mod-content__text:before {
        border-bottom: solid 35px #a7f076
    }
    .mod-article-5up__item--yellow .mod-content:hover .mod-content__image>a:after {
        border-color: #a7f076
    }
    .mod-article-5up__item--white {
        background: #fff
    }
    .mod-article-5up__item--white .mod-full-video .mod-full-video__text {
        background: #fff
    }
    .mod-article-5up__item--white .mod-full-video .mod-full-video__text:after {
        background-color: #fff
    }
    .mod-article-5up__item--white .mod-content .mod-content__text {
        background: #fff
    }
    .mod-article-5up__item--white .mod-content .mod-content__text:before {
        border-bottom: solid 35px #fff
    }
    .mod-article-5up__item--white .mod-content:hover .mod-content__image>a:after {
        border-color: #fff
    }
    .mod-article-5up__item--violet {
        background: #75b9f2
    }
    .mod-article-5up__item--violet.mod-article-5up__item--1 {
        background: none
    }
    .mod-article-5up__item--violet .mod-full-video .mod-full-video__text {
        background: #75b9f2
    }
    .mod-article-5up__item--violet .mod-full-video .mod-full-video__text:after {
        background-color: #75b9f2
    }
    .mod-article-5up__item--violet .mod-content .mod-content__text {
        background: #75b9f2
    }
    .mod-article-5up__item--violet .mod-content .mod-content__text:before {
        border-bottom: solid 35px #75b9f2
    }
    .mod-article-5up__item--violet .mod-content:hover .mod-content__image>a:after {
        border-color: #75b9f2
    }
}

.mod-fixed-grid {
    margin: 0
}

@media (min-width: 768px) {
    .mod-fixed-grid {
        margin-bottom: 100px
    }
}

@media (min-width: 1024px) {
    .mod-fixed-grid__list {
        margin-top: -87px;
        position: relative;
        background: #fff
    }
}

@media (min-width: 768px) {
    .mod-fixed-grid__item {
        float: left;
        width: 50%;
        overflow: hidden;
        height: 385px
    }
    .mod-fixed-grid__item .mod-text {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media (min-width: 1024px) {
    .mod-fixed-grid__item {
        width: 33.33333333333333%;
        height: 460px
    }
    .mod-fixed-grid__item .mod-text {
        padding: 0 60px
    }
    .mod-fixed-grid__item--1,
    .mod-fixed-grid__item--2,
    .mod-fixed-grid__item--4,
    .mod-fixed-grid__item--5 {
        width: 35.9375%
    }
    .mod-fixed-grid__item--3,
    .mod-fixed-grid__item--6 {
        width: 28.125%
    }
}

.mod-fixed-grid__item--2 .mod-featured-winner>a {
    min-height: 320px
}

.mod-fixed-grid__item--2 .mod-featured-winner>a img {
    display: none
}

@media (min-width: 768px) {
    .mod-fixed-grid__item:nth-child(3),
    .mod-fixed-grid__item:nth-child(5) {
        clear: left
    }
}

@media (min-width: 1024px) {
    .mod-fixed-grid__item:nth-child(3),
    .mod-fixed-grid__item:nth-child(5) {
        clear: none
    }
    .mod-fixed-grid__item:nth-child(4) {
        clear: left
    }
}

.mod-fixed-grid--6 .mod-fixed-grid__item--1 .mod-content,
.mod-fixed-grid--6 .mod-fixed-grid__item--3 .mod-content,
.mod-fixed-grid--6 .mod-fixed-grid__item--5 .mod-content,
.mod-fixed-grid--6 .mod-fixed-grid__item--6 .mod-content {
    line-height: 0
}

.mod-fixed-grid--6 .mod-fixed-grid__item--1 .mod-content__image,
.mod-fixed-grid--6 .mod-fixed-grid__item--3 .mod-content__image,
.mod-fixed-grid--6 .mod-fixed-grid__item--5 .mod-content__image,
.mod-fixed-grid--6 .mod-fixed-grid__item--6 .mod-content__image {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%
}

.mod-fixed-grid--6 .mod-fixed-grid__item--1 .mod-content__image:after,
.mod-fixed-grid--6 .mod-fixed-grid__item--3 .mod-content__image:after,
.mod-fixed-grid--6 .mod-fixed-grid__item--5 .mod-content__image:after,
.mod-fixed-grid--6 .mod-fixed-grid__item--6 .mod-content__image:after {
    padding-top: 56.25%;
    display: block;
    content: ''
}

.mod-fixed-grid--6 .mod-fixed-grid__item--1 .mod-content__image>*,
.mod-fixed-grid--6 .mod-fixed-grid__item--3 .mod-content__image>*,
.mod-fixed-grid--6 .mod-fixed-grid__item--5 .mod-content__image>*,
.mod-fixed-grid--6 .mod-fixed-grid__item--6 .mod-content__image>* {
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0
}

.mod-fixed-grid--6 .mod-fixed-grid__item--1 .mod-content__image>* img,
.mod-fixed-grid--6 .mod-fixed-grid__item--3 .mod-content__image>* img,
.mod-fixed-grid--6 .mod-fixed-grid__item--5 .mod-content__image>* img,
.mod-fixed-grid--6 .mod-fixed-grid__item--6 .mod-content__image>* img {
    display: none !important
}

@media (min-width: 768px) {
    .mod-fixed-grid--6 .mod-fixed-grid__item--3 .mod-content__text,
    .mod-fixed-grid--6 .mod-fixed-grid__item--5 .mod-content__text,
    .mod-fixed-grid--6 .mod-fixed-grid__item--6 .mod-content__text {
        padding: 35px 35px 0 35px
    }
    .mod-fixed-grid--6 .mod-fixed-grid__item--3 .mod-content__image,
    .mod-fixed-grid--6 .mod-fixed-grid__item--5 .mod-content__image,
    .mod-fixed-grid--6 .mod-fixed-grid__item--6 .mod-content__image {
        max-height: 214px
    }
}

@media (min-width: 1024px) {
    .mod-fixed-grid--6 .mod-fixed-grid__item--3 .mod-content__headline,
    .mod-fixed-grid--6 .mod-fixed-grid__item--6 .mod-content__headline {
        font-size: 18px;
        line-height: 28px
    }
    .mod-fixed-grid--6 .mod-fixed-grid__item--3 .mod-content__text,
    .mod-fixed-grid--6 .mod-fixed-grid__item--5 .mod-content__text,
    .mod-fixed-grid--6 .mod-fixed-grid__item--6 .mod-content__text {
        padding: 50px 35px 0 35px
    }
    .mod-fixed-grid--6 .mod-fixed-grid__item--3 .mod-content__image,
    .mod-fixed-grid--6 .mod-fixed-grid__item--5 .mod-content__image,
    .mod-fixed-grid--6 .mod-fixed-grid__item--6 .mod-content__image {
        max-height: 260px
    }
}

@media (min-width: 768px) {
    .mod-fixed-grid--7 .mod-fixed-grid__list {
        margin-top: -216px
    }
}

@media (min-width: 1024px) {
    .mod-fixed-grid--7 .mod-fixed-grid__list {
        margin-top: -346px;
        background: none
    }
}

@media (min-width: 768px) {
    .mod-fixed-grid--7 .mod-fixed-grid__item--1 {
        float: none;
        width: 100%;
        height: auto !important
    }
}

@media (min-width: 1024px) {
    .mod-fixed-grid--7 .mod-fixed-grid__item--1 {
        width: 71.875%
    }
}

.mod-fixed-grid--7 .mod-fixed-grid__item--4 .mod-content,
.mod-fixed-grid--7 .mod-fixed-grid__item--6 .mod-content,
.mod-fixed-grid--7 .mod-fixed-grid__item--7 .mod-content {
    line-height: 0
}

.mod-fixed-grid--7 .mod-fixed-grid__item--4 .mod-content__image,
.mod-fixed-grid--7 .mod-fixed-grid__item--6 .mod-content__image,
.mod-fixed-grid--7 .mod-fixed-grid__item--7 .mod-content__image {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%
}

.mod-fixed-grid--7 .mod-fixed-grid__item--4 .mod-content__image:after,
.mod-fixed-grid--7 .mod-fixed-grid__item--6 .mod-content__image:after,
.mod-fixed-grid--7 .mod-fixed-grid__item--7 .mod-content__image:after {
    padding-top: 56.25%;
    display: block;
    content: ''
}

.mod-fixed-grid--7 .mod-fixed-grid__item--4 .mod-content__image>*,
.mod-fixed-grid--7 .mod-fixed-grid__item--6 .mod-content__image>*,
.mod-fixed-grid--7 .mod-fixed-grid__item--7 .mod-content__image>* {
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0
}

.mod-fixed-grid--7 .mod-fixed-grid__item--4 .mod-content__image>* img,
.mod-fixed-grid--7 .mod-fixed-grid__item--6 .mod-content__image>* img,
.mod-fixed-grid--7 .mod-fixed-grid__item--7 .mod-content__image>* img {
    display: none !important
}

@media (min-width: 1024px) {
    .mod-fixed-grid--7 .mod-fixed-grid__item--2,
    .mod-fixed-grid--7 .mod-fixed-grid__item--3,
    .mod-fixed-grid--7 .mod-fixed-grid__item--5,
    .mod-fixed-grid--7 .mod-fixed-grid__item--6 {
        width: 35.9375%
    }
}

@media (min-width: 1024px) {
    .mod-fixed-grid--7 .mod-fixed-grid__item--4,
    .mod-fixed-grid--7 .mod-fixed-grid__item--7 {
        width: 28.125%
    }
}

@media (min-width: 768px) {
    .mod-fixed-grid--7 .mod-fixed-grid__item:nth-child(1),
    .mod-fixed-grid--7 .mod-fixed-grid__item:nth-child(2),
    .mod-fixed-grid--7 .mod-fixed-grid__item:nth-child(3),
    .mod-fixed-grid--7 .mod-fixed-grid__item:nth-child(4),
    .mod-fixed-grid--7 .mod-fixed-grid__item:nth-child(5),
    .mod-fixed-grid--7 .mod-fixed-grid__item:nth-child(6),
    .mod-fixed-grid--7 .mod-fixed-grid__item:nth-child(7) {
        clear: none
    }
    .mod-fixed-grid--7 .mod-fixed-grid__item:nth-child(2),
    .mod-fixed-grid--7 .mod-fixed-grid__item:nth-child(4),
    .mod-fixed-grid--7 .mod-fixed-grid__item:nth-child(6) {
        clear: left
    }
    .mod-fixed-grid--7 .mod-fixed-grid__item--4 .mod-content__text,
    .mod-fixed-grid--7 .mod-fixed-grid__item--6 .mod-content__text,
    .mod-fixed-grid--7 .mod-fixed-grid__item--7 .mod-content__text {
        padding: 35px 35px 0 35px
    }
    .mod-fixed-grid--7 .mod-fixed-grid__item--4 .mod-content__image,
    .mod-fixed-grid--7 .mod-fixed-grid__item--6 .mod-content__image,
    .mod-fixed-grid--7 .mod-fixed-grid__item--7 .mod-content__image {
        max-height: 214px
    }
}

@media (min-width: 1024px) {
    .mod-fixed-grid--7 .mod-fixed-grid__item:nth-child(1),
    .mod-fixed-grid--7 .mod-fixed-grid__item:nth-child(2),
    .mod-fixed-grid--7 .mod-fixed-grid__item:nth-child(3),
    .mod-fixed-grid--7 .mod-fixed-grid__item:nth-child(4),
    .mod-fixed-grid--7 .mod-fixed-grid__item:nth-child(5),
    .mod-fixed-grid--7 .mod-fixed-grid__item:nth-child(6),
    .mod-fixed-grid--7 .mod-fixed-grid__item:nth-child(7) {
        clear: none
    }
    .mod-fixed-grid--7 .mod-fixed-grid__item:nth-child(2),
    .mod-fixed-grid--7 .mod-fixed-grid__item:nth-child(5) {
        clear: left
    }
    .mod-fixed-grid--7 .mod-fixed-grid__item--1 .mod-content__headline,
    .mod-fixed-grid--7 .mod-fixed-grid__item--4 .mod-content__headline,
    .mod-fixed-grid--7 .mod-fixed-grid__item--7 .mod-content__headline {
        font-size: 18px;
        line-height: 28px
    }
    .mod-fixed-grid--7 .mod-fixed-grid__item--4 .mod-content__text,
    .mod-fixed-grid--7 .mod-fixed-grid__item--6 .mod-content__text,
    .mod-fixed-grid--7 .mod-fixed-grid__item--7 .mod-content__text {
        padding: 50px 35px 0 35px
    }
    .mod-fixed-grid--7 .mod-fixed-grid__item--4 .mod-content__image,
    .mod-fixed-grid--7 .mod-fixed-grid__item--6 .mod-content__image,
    .mod-fixed-grid--7 .mod-fixed-grid__item--7 .mod-content__image {
        max-height: 260px
    }
}

@media (min-width: 1024px) {
    .mod-fixed-grid.mod-fixed-grid--7 .mod-fixed-grid__item--1 .mod-content--v3 .mod-content__image:before {
        content: "";
        width: 0;
        height: 0;
        border: solid 35px transparent;
        border-bottom: none;
        border-top: solid 35px #75b9f2;
        border-left: 17.5px;
        position: absolute;
        z-index: 2
    }
    .mod-fixed-grid.mod-fixed-grid--7 .mod-fixed-grid__item--1 .mod-content--v3:hover .mod-content__image:before {
        display: none
    }
    .mod-fixed-grid.mod-fixed-grid--7 .mod-fixed-grid__item--yellow .mod-content--v3 .mod-content__image:before {
        border-top: solid 35px #a7f076
    }
    .mod-fixed-grid.mod-fixed-grid--7 .mod-fixed-grid__item--white .mod-content--v3 .mod-content__image:before {
        border-top: solid 35px #fff
    }
    .mod-fixed-grid.mod-fixed-grid--7 .mod-fixed-grid__item--violet .mod-content--v3 .mod-content__image:before {
        border-top: solid 35px #75b9f2
    }
}

.mod-fixed-grid__item--yellow .mod-netted,
.mod-fixed-grid__item--yellow .mod-text {
    background: #a7f076
}

.mod-fixed-grid__item--yellow .mod-content__text:before {
    border-bottom-color: #a7f076
}

.mod-fixed-grid__item--yellow .mod-content,
.mod-fixed-grid__item--yellow .mod-content--v2,
.mod-fixed-grid__item--yellow .mod-content--v3 {
    background: #a7f076
}

.mod-fixed-grid__item--yellow .mod-content .mod-content__text:before,
.mod-fixed-grid__item--yellow .mod-content--v2 .mod-content__text:before,
.mod-fixed-grid__item--yellow .mod-content--v3 .mod-content__text:before {
    height: 0;
    width: 0;
    border: solid 35px transparent;
    border-top: none;
    border-bottom: solid 35px #a7f076;
    border-left: 17.5px
}

.mod-fixed-grid__item--yellow .mod-content:hover .mod-content__image>a:after,
.mod-fixed-grid__item--yellow .mod-content--v2:hover .mod-content__image>a:after,
.mod-fixed-grid__item--yellow .mod-content--v3:hover .mod-content__image>a:after {
    border-color: #a7f076
}

.mod-fixed-grid__item--white .mod-content,
.mod-fixed-grid__item--white .mod-netted,
.mod-fixed-grid__item--white .mod-text {
    background: #fff
}

.mod-fixed-grid__item--white .mod-content__text:before {
    border-bottom-color: #fff
}

.mod-fixed-grid__item--white .mod-content,
.mod-fixed-grid__item--white .mod-content--v2,
.mod-fixed-grid__item--white .mod-content--v3 {
    background: #fff
}

.mod-fixed-grid__item--white .mod-content .mod-content__text:before,
.mod-fixed-grid__item--white .mod-content--v2 .mod-content__text:before,
.mod-fixed-grid__item--white .mod-content--v3 .mod-content__text:before {
    height: 0;
    width: 0;
    border: solid 35px transparent;
    border-top: none;
    border-bottom: solid 35px #fff;
    border-left: 17.5px
}

.mod-fixed-grid__item--white .mod-content:hover .mod-content__image>a:after,
.mod-fixed-grid__item--white .mod-content--v2:hover .mod-content__image>a:after,
.mod-fixed-grid__item--white .mod-content--v3:hover .mod-content__image>a:after {
    border-color: #fff
}

.mod-fixed-grid__item--violet .mod-netted,
.mod-fixed-grid__item--violet .mod-text {
    background: #75b9f2
}

.mod-fixed-grid__item--violet .mod-content__text:before {
    border-bottom-color: #75b9f2
}

.mod-fixed-grid__item--violet .mod-content,
.mod-fixed-grid__item--violet .mod-content--v2,
.mod-fixed-grid__item--violet .mod-content--v3 {
    background: #75b9f2
}

.mod-fixed-grid__item--violet .mod-content .mod-content__text:before,
.mod-fixed-grid__item--violet .mod-content--v2 .mod-content__text:before,
.mod-fixed-grid__item--violet .mod-content--v3 .mod-content__text:before {
    height: 0;
    width: 0;
    border: solid 35px transparent;
    border-top: none;
    border-bottom: solid 35px #75b9f2;
    border-left: 17.5px
}

.mod-fixed-grid__item--violet .mod-content:hover .mod-content__image>a:after,
.mod-fixed-grid__item--violet .mod-content--v2:hover .mod-content__image>a:after,
.mod-fixed-grid__item--violet .mod-content--v3:hover .mod-content__image>a:after {
    border-color: #75b9f2
}

.mod-full-article {
    position: relative;
    margin: 0
}

@media (min-width: 768px) {
    .mod-full-article {
        margin: 100px 0
    }
}

@media (min-width: 1024px) {
    .mod-full-article {
        *zoom: 1
    }
    .mod-full-article:after {
        content: "";
        display: table;
        clear: both
    }
}

.article-aside .mod-full-article {
    margin: 35px 0
}

@media (min-width: 1024px) {
    .article-aside .mod-full-article {
        margin: 75px 0
    }
}

.mod-full-article .wrap {
    line-height: 0
}

@media (min-width: 768px) {
    .mod-full-article .wrap {
        padding-bottom: 125px
    }
}

@media (min-width: 1024px) {
    .mod-full-article .wrap {
        padding-top: 70px;
        padding-bottom: 0
    }
}

@media (min-width: 768px) {
    .mod-full-article .mod-full-article__text {
        position: absolute;
        top: 0;
        right: 0;
        line-height: 30px
    }
}

.mod-full-article__image {
    width: 100%;
    display: inline-block;
    position: relative
}

.mod-full-article__image:after {
    padding-top: 56.25%;
    display: block;
    content: ''
}

@media (min-width: 768px) {
    .mod-full-article__image {
        bottom: 0;
        max-width: 94.75%;
        max-height: 420px;
        width: 100%
    }
}

@media (min-width: 1024px) {
    .mod-full-article__image {
        float: left;
        max-width: 920px;
        max-height: none;
        width: 71.875%
    }
}

.mod-full-article__image>a {
    display: block;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0
}

@media (min-width: 768px) {
    .mod-full-article__image>a {
        top: 135px;
        height: 100%
    }
}

@media (min-width: 1024px) {
    .mod-full-article__image>a {
        top: 0
    }
}

.mod-full-article__image>a img {
    display: none
}

.mod-full-article__image .icon-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 70px;
    color: #fff
}

@media (min-width: 768px) {
    .mod-full-article__image .icon-play {
        -moz-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
        color: #000;
        top: 15px;
        right: 25px;
        left: auto;
        font-size: 50px;
        transform: none
    }
}

@media (min-width: 1024px) {
    .mod-full-article__image .icon-play {
        font-size: 60px;
        top: 5%;
        right: 35px
    }
}

.mod-full-article__image-accent {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    padding-left: 25%;
    padding-top: 25%;
    z-index: 2
}

@media (min-width: 768px) {
    .mod-full-article__image-accent {
        display: block;
        padding: 0
    }
}

@media (min-width: 1024px) {
    .mod-full-article__image-accent {
        padding-left: 25%;
        padding-top: 25%
    }
}

.mod-full-article__image-accent:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left: -140px;
    border-left: 140px solid transparent;
    border-top: 213px solid #fff;
    border-bottom: 213px solid #fff;
    -moz-transform: scale(0.9999, 0.9999);
    -ms-transform: scale(0.9999, 0.9999);
    -webkit-transform: scale(0.9999, 0.9999);
    transform: scale(0.9999, 0.9999)
}

@media (min-width: 1024px) {
    .mod-full-article__image-accent:after {
        margin-left: -180px;
        margin-top: -230px;
        border-left: 180px solid transparent;
        border-top: 259px solid #fff;
        border-bottom: 259px solid #fff
    }
}

.mod-full-article__text {
    color: #000;
    background: #a7f076;
    position: relative;
    text-align: center;
    padding: 25px 40px 30px 40px
}

@media (min-width: 768px) {
    .mod-full-article__text {
        float: right;
        max-width: 85%;
        padding: 30px 40px 30px 35px;
        position: static;
        text-align: left;
        width: 100%;
        min-height: 200px
    }
}

@media (min-width: 1024px) {
    .mod-full-article__text {
        background: #a7f076;
        margin: 0 0 0 26.5625%;
        min-height: 470px;
        padding: 130px 3.25% 30px 60.5625%;
        position: absolute;
        top: 0;
        width: 100%
    }
}

.mod-full-article__text:before {
    height: 0;
    width: 0;
    border: solid 35px transparent;
    border-top: none;
    border-bottom: solid 35px #a7f076;
    border-left: 17.5px;
    content: "";
    position: absolute;
    top: -34px;
    left: 0;
    z-index: 1
}

@media (min-width: 768px) {
    .mod-full-article__text:before {
        display: none
    }
}

@media (min-width: 768px) {
    .mod-full-article__text:after {
        content: "";
        background: #a7f076;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 470px;
        max-width: 588px;
        z-index: -1
    }
}

@media (min-width: 1024px) {
    .mod-full-article__text:after {
        background: transparent;
        max-width: 940px
    }
}

@media (min-width: 768px) {
    .mod-full-article__subhead {
        margin-bottom: 3px
    }
}

@media (min-width: 1024px) {
    .mod-full-article__subhead {
        margin-bottom: 20px;
        line-height: 19px
    }
}

.mod-full-article__headline {
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    text-transform: uppercase;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none
}

@media (min-width: 768px) {
    .mod-full-article__headline {
        font-size: 25px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .mod-full-article__headline {
        font-size: 24px;
        line-height: 30px;
        width: 90%;
        margin: 0 auto
    }
}

.mod-full-article__description {
    display: none;
    margin: 10px 0 0 0;
    color: #000;
    font-size: 12px;
    line-height: 20px
}

@media (min-width: 768px) {
    .mod-full-article__description {
        display: block;
        margin-top: 3px
    }
}

@media (min-width: 1024px) {
    .mod-full-article__description {
        margin-top: 17px;
        font-size: 13px;
        line-height: 21px
    }
}

@media (min-width: 1024px) {
    .mod-full-article__abstract {
        width: 100%;
        text-align: center;
        margin: 0
    }
}

.mod-full-article__sponsorship {
    text-align: center
}

.mod-full-article__sponsorship-text {
    color: #78727b;
    font-size: 10px;
    line-height: 15px;
    margin: 17px 0 0
}

@media (min-width: 768px) {
    .mod-full-article__sponsorship-text {
        display: none
    }
}

@media (min-width: 1024px) {
    .mod-full-article__sponsorship-text {
        display: block
    }
}

.mod-full-article__sponsorship-brand {
    font-weight: bold
}

@media (min-width: 1024px) {
    .mod-full-article__sponsorship-brand {
        display: block;
        font-size: 12px;
        margin-top: 5px
    }
}

.mod-full-article__sponsorship-link {
    display: none
}

@media (min-width: 768px) {
    .mod-full-article__sponsorship-link {
        display: block;
        left: 0;
        position: absolute;
        top: 134px;
        z-index: 1
    }
}

@media (min-width: 1024px) {
    .mod-full-article__sponsorship-link {
        left: 0;
        top: 70px
    }
}

.mod-full-gallery {
    overflow: hidden;
    *zoom: 1;
    margin: 0 0 75px 0;
    position: relative
}

@media (min-width: 768px) {
    .mod-full-gallery {
        margin: 40px 0 53px;
        padding-bottom: 140px
    }
}

@media (min-width: 1024px) {
    .mod-full-gallery {
        margin: 40px 0 53px;
        padding-bottom: 80px
    }
}

.mod-full-gallery__carousel {
    overflow: hidden;
    *zoom: 1;
    width: 10000px
}

.mod-full-gallery__item {
    float: left;
    padding: 10px;
    min-height: 1px
}

.mod-full-gallery__item-caption {
    display: none
}

.mod-full-gallery__image {
    display: block;
    width: 100%
}

.mod-full-gallery__caption {
    display: none;
    padding: 0;
    background: #000;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 18px;
    position: relative
}

@media (min-width: 768px) {
    .mod-full-gallery__caption {
        display: block;
        position: absolute;
        width: 66.1%;
        height: 95px;
        bottom: 139px;
        z-index: 3
    }
}

@media (min-width: 1024px) {
    .mod-full-gallery__caption {
        width: 440px;
        height: 140px;
        right: 10px;
        bottom: -80px;
        border-top: solid 20px #fff;
        border-left: solid 20px #fff
    }
}

.mod-full-gallery__caption__inner {
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    padding: 25px 30px
}

.mod-full-gallery__caption__inner--active {
    opacity: 1
}

.mod-full-gallery__header {
    background: #fff;
    color: #000;
    padding: 40px 70px 23px 70px;
    text-align: center;
    position: relative
}

@media (min-width: 768px) {
    .mod-full-gallery__header {
        padding: 40px 70px 28px 70px;
        position: absolute;
        z-index: 2;
        width: 33.9%;
        height: 222px;
        right: 0;
        padding: 65px 50px;
        bottom: 12px
    }
}

@media (min-width: 1024px) {
    .mod-full-gallery__header {
        top: 100px;
        width: 240px;
        bottom: auto;
        right: -210px;
        height: 376px
    }
}

.mod-full-gallery__header .icon-squiggle,
.mod-full-gallery__header .page-header__overview:after {
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .mod-full-gallery__header .icon-squiggle,
    .mod-full-gallery__header .page-header__overview:after {
        margin-bottom: 30px
    }
}

.mod-full-gallery__icon {
    font-size: 43px;
    line-height: 28px;
    margin: 0 0 17px 0;
    display: block
}

@media (min-width: 768px) {
    .mod-full-gallery__header-link .icon-arrow-right,
    .mod-full-gallery__header-link button[type="submit"]:after {
        display: none
    }
}

.mod-full-gallery__nav-container {
    display: none;
    overflow: hidden;
    *zoom: 1;
    width: 128px;
    margin: 10px auto 0
}

@media (min-width: 768px) {
    .mod-full-gallery__nav-container {
        position: absolute;
        bottom: 60px;
        left: 50%;
        margin: 0 0 0 -63px;
        height: 40px
    }
}

@media (min-width: 1024px) {
    .mod-full-gallery__nav-container {
        display: block
    }
}

.mod-full-gallery__close {
    display: none;
    background: #000;
    color: #fff;
    height: 40px;
    width: 40px;
    position: absolute;
    top: 0;
    right: 0
}

@media (min-width: 768px) {
    .mod-half-gallery--full .mod-full-gallery__close {
        display: block
    }
}

.mod-full-gallery__close .icon-close {
    font-size: 16px;
    top: -3px;
    left: -3px
}

@media (min-width: 1024px) {
    .mod-full-gallery__close .icon-close {
        top: -8px;
        left: -7px
    }
}

.mod-full-gallery__nav,
.mod-full-gallery__nav-divider {
    float: left
}

.mod-full-gallery__nav {
    font-size: 28px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    margin-top: 8px;
    position: relative;
    z-index: 2
}

.mod-full-gallery__nav-divider {
    position: relative;
    z-index: 1;
    margin: 0 16px 0 -34px;
    width: 56px;
    height: 49px;
    border-bottom: 1px solid #000;
    opacity: 0.3;
    -moz-transform: rotate(-45deg) translate(15px, -8px);
    -ms-transform: rotate(-45deg) translate(15px, -8px);
    -webkit-transform: rotate(-45deg) translate(15px, -8px);
    transform: rotate(-45deg) translate(15px, -8px)
}

.mod-full-gallery__title {
    font-size: 16px;
    line-height: 21px;
    width: 100%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    margin-bottom: 5px;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none
}

@media (min-width: 768px) {
    .mod-full-gallery__title {
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width: 1024px) {
    .mod-full-gallery__title {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 20px;
        line-height: 28px;
        padding: 0 25px
    }
}

.mod-full-gallery__main {
    float: left;
    width: 100%
}

@media (min-width: 768px) {
    .mod-full-gallery__main {
        width: 90.6%
    }
}

@media (min-width: 1024px) {
    .mod-full-gallery__main {
        width: 75%;
        position: relative
    }
}

@media (min-width: 768px) {
    .mod-full-gallery__main:after {
        content: "";
        position: absolute;
        top: 0;
        right: 9.4%;
        margin-right: -10px;
        width: 20px;
        height: 800px;
        z-index: 1;
        background-color: #fff
    }
}

@media (min-width: 1024px) {
    .mod-full-gallery__main:after {
        right: -10px;
        margin-right: 0
    }
}

.mod-full-gallery__carousel-wrapper {
    overflow: hidden;
    width: 100%
}

@media (min-width: 1024px) {
    .mod-full-gallery__carousel-wrapper {
        margin-top: 60px
    }
}

.mod-full-gallery__carousel-wrapper--up-next {
    display: none;
    margin-top: 0;
    width: 9.4%;
    position: absolute;
    right: 0;
    bottom: 234px
}

@media (min-width: 768px) {
    .mod-full-gallery__carousel-wrapper--up-next {
        display: block
    }
}

@media (min-width: 1024px) {
    .mod-full-gallery__carousel-wrapper--up-next {
        width: 25%;
        float: right;
        position: static;
        right: auto;
        bottom: auto
    }
}

.mod-full-gallery .js-carousel__pagination {
    text-align: center;
    margin: 7px 0 0
}

@media (min-width: 768px) {
    .mod-full-gallery .js-carousel__pagination {
        display: none
    }
}

.mod-full-gallery .js-carousel__pagination-item {
    display: inline-block;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 22px;
    border: solid 3px #fff;
    border-radius: 50%;
    margin: 0 4px;
    cursor: pointer
}

.mod-full-gallery .js-carousel__pagination-item.active {
    border-color: #000;
    cursor: default
}

.mod-full-gallery .js-carousel--first-slide .mod-full-gallery__nav,
.mod-full-gallery .js-carousel--last-slide .mod-full-gallery__nav {
    float: none;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 768px) {
    .mod-full-gallery .js-carousel--first-slide .mod-full-gallery__nav,
    .mod-full-gallery .js-carousel--last-slide .mod-full-gallery__nav {
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

.mod-full-gallery .js-carousel--first-slide .mod-full-gallery__nav--prev,
.mod-full-gallery .js-carousel--first-slide .mod-full-gallery__nav-divider {
    display: none
}

@media (min-width: 768px) {
    .mod-full-gallery .js-carousel--first-slide .mod-full-gallery__nav--prev,
    .mod-full-gallery .js-carousel--first-slide .mod-full-gallery__nav-divider {
        display: block
    }
}

.mod-full-gallery .js-carousel--last-slide .mod-full-gallery__nav--next,
.mod-full-gallery .js-carousel--last-slide .mod-full-gallery__nav-divider {
    display: none
}

@media (min-width: 768px) {
    .mod-full-gallery .js-carousel--last-slide .mod-full-gallery__nav--next,
    .mod-full-gallery .js-carousel--last-slide .mod-full-gallery__nav-divider {
        display: block
    }
}

@-moz-document url-prefix() {
    .mod-full-gallery__close .icon-close {
        left: 0
    }
    @media (min-width: 1024px) {
        .mod-full-gallery__close .icon-close {
            left: 0
        }
    }
}

.mod-full-image {
    *zoom: 1;
    position: relative;
    margin: 35px 0
}

.mod-full-image:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 768px) {
    .mod-full-image {
        margin: 75px 0
    }
}

@media (min-width: 1024px) {
    .mod-full-image__image {
        float: left;
        width: 920px
    }
}

.mod-full-image__caption {
    background: #000;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 18px;
    padding: 25px 20px
}

@media (min-width: 768px) {
    .mod-full-image__caption {
        -sgs-span-settings: ("span": 16, "location": 17, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": true, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 50%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        padding-right: 0;
        padding: 25px 20px;
        border: 20px solid #fff;
        border-right: 0;
        margin-top: -60px;
        position: relative
    }
}

@media (min-width: 1024px) {
    .mod-full-image__caption {
        -sgs-span-settings: ("span": 8, "location": 23, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 25%;
        float: left;
        margin-right: -100%;
        margin-left: 68.75%;
        clear: none;
        padding-right: 0;
        padding: 25px 20px;
        margin-right: 0;
        margin-top: -186px
    }
}

.mod-full-video {
    position: relative;
    margin: 0;
    min-height: 320px;
    background: #75b9f2
}

@media (min-width: 768px) {
    .mod-full-video {
        background: none;
        margin: 100px 0;
        min-height: 0
    }
}

@media (min-width: 1024px) {
    .mod-full-video {
        *zoom: 1
    }
    .mod-full-video:after {
        content: "";
        display: table;
        clear: both
    }
}

.article-aside .mod-full-video {
    margin: 35px 0
}

@media (min-width: 1024px) {
    .article-aside .mod-full-video {
        margin: 75px 0
    }
}

.mod-full-video .wrap {
    line-height: 0
}

@media (min-width: 768px) {
    .mod-full-video .wrap {
        padding-bottom: 125px
    }
}

@media (min-width: 1024px) {
    .mod-full-video .wrap {
        padding-top: 70px;
        padding-bottom: 0
    }
}

@media (min-width: 768px) {
    .mod-full-video .mod-full-video__text {
        position: absolute;
        top: 0;
        right: 0;
        line-height: 30px
    }
}

.mod-full-video__image {
    width: 100%;
    display: inline-block;
    position: relative
}

.mod-full-video__image:after {
    padding-top: 56.25%;
    display: block;
    content: ''
}

@media (min-width: 768px) {
    .mod-full-video__image {
        bottom: 0;
        max-width: 94.75%;
        max-height: 420px;
        width: 100%
    }
}

@media (min-width: 1024px) {
    .mod-full-video__image {
        float: left;
        max-width: 920px;
        max-height: none;
        width: 71.875%
    }
}

.mod-full-video__image>a {
    display: block;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0
}

@media (min-width: 768px) {
    .mod-full-video__image>a {
        top: 135px;
        height: 100%
    }
}

@media (min-width: 1024px) {
    .mod-full-video__image>a {
        top: 0
    }
}

.mod-full-video__image>a img {
    display: none
}

.mod-full-video__image .icon-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 70px;
    color: #fff
}

@media (min-width: 768px) {
    .mod-full-video__image .icon-play {
        -moz-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
        color: #000;
        top: 15px;
        right: 25px;
        left: auto;
        font-size: 50px;
        transform: none
    }
}

@media (min-width: 1024px) {
    .mod-full-video__image .icon-play {
        font-size: 60px;
        top: 5%;
        right: 20px
    }
}

@media (min-width: 1280px) {
    .mod-full-video__image .icon-play {
        right: 35px
    }
}

.mod-full-video__image-accent {
    display: none;
    position: absolute;
    right: -1px;
    top: 0;
    width: 0;
    height: 100%;
    padding-left: 25%;
    padding-top: 25%;
    z-index: 2;
    border-right: 2px solid #fff
}

@media (min-width: 768px) {
    .mod-full-video__image-accent {
        display: block;
        padding: 0
    }
}

@media (min-width: 1024px) {
    .mod-full-video__image-accent {
        padding-left: 25%;
        padding-top: 25%
    }
}

.mod-full-video__image-accent:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left: -140px;
    border-left: 140px solid transparent;
    border-top: 213px solid #fff;
    border-bottom: 213px solid #fff;
    -moz-transform: scale(0.9999, 0.9999);
    -ms-transform: scale(0.9999, 0.9999);
    -webkit-transform: scale(0.9999, 0.9999);
    transform: scale(0.9999, 0.9999)
}

@media (min-width: 1024px) {
    .mod-full-video__image-accent:after {
        margin-left: -180px;
        margin-top: -231px;
        border-left: 181px solid transparent;
        border-top: 260px solid #fff;
        border-bottom: 260px solid #fff
    }
}

.mod-full-video__text {
    color: #000;
    background: #75b9f2;
    position: relative;
    text-align: center;
    padding: 25px 40px 30px 40px
}

@media (min-width: 768px) {
    .mod-full-video__text {
        float: right;
        max-width: 85%;
        padding: 30px 40px 30px 35px;
        position: static;
        text-align: left;
        width: 100%;
        min-height: 200px
    }
}

@media (min-width: 1024px) {
    .mod-full-video__text {
        background: #75b9f2;
        margin: 0 0 0 26.5625%;
        min-height: 80%;
        padding: 130px 3.25% 30px 60.5625%;
        position: absolute;
        top: 0;
        width: 100%
    }
}

.mod-full-video__text:before {
    height: 0;
    width: 0;
    border: solid 35px transparent;
    border-top: none;
    border-bottom: solid 35px #75b9f2;
    border-left: 17.5px;
    content: "";
    position: absolute;
    top: -34px;
    left: 0;
    z-index: 1
}

@media (min-width: 768px) {
    .mod-full-video__text:before {
        display: none
    }
}

@media (min-width: 768px) {
    .mod-full-video__text:after {
        content: "";
        position: absolute;
        background-color: #75b9f2;
        top: 0;
        right: 0;
        width: 100%;
        height: 470px;
        max-width: 588px;
        z-index: -1
    }
}

@media (min-width: 1024px) {
    .mod-full-video__text:after {
        background: transparent;
        max-width: 940px;
        display: none
    }
}

@media (min-width: 768px) {
    .mod-full-video__subhead {
        margin-bottom: 3px
    }
}

@media (min-width: 1024px) {
    .mod-full-video__subhead {
        margin-bottom: 20px;
        line-height: 19px
    }
}

.mod-full-video__headline {
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    text-transform: uppercase;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none
}

@media (min-width: 768px) {
    .mod-full-video__headline {
        font-size: 25px;
        line-height: 32px
    }
}

@media (min-width: 1024px) {
    .mod-full-video__headline {
        font-size: 24px;
        line-height: 30px;
        width: 90%;
        margin: 0 auto
    }
}

.mod-full-video__headline>a:hover {
    text-decoration: underline
}

.mod-full-video__description {
    display: none;
    margin: 10px 0 0 0;
    color: #000;
    font-size: 12px;
    line-height: 20px
}

@media (min-width: 768px) {
    .mod-full-video__description {
        display: block;
        margin-top: 3px
    }
}

@media (min-width: 1024px) {
    .mod-full-video__description {
        margin-top: 17px;
        font-size: 13px;
        line-height: 21px
    }
}

.mod-full-video__description p {
    margin: 0
}

@media (min-width: 1024px) {
    .mod-full-video__abstract {
        width: 100%;
        text-align: center;
        margin: 0
    }
}

.mod-full-video__sponsorship {
    text-align: center;
    color: #78727b;
    font-size: 10px;
    line-height: 15px;
    margin: 17px 0 0
}

@media (min-width: 768px) {
    .mod-full-video__sponsorship {
        display: none
    }
}

@media (min-width: 1024px) {
    .mod-full-video__sponsorship {
        display: block
    }
}

.mod-full-video__sponsorship-brand {
    font-weight: bold
}

@media (min-width: 1024px) {
    .mod-full-video__sponsorship-brand {
        display: block;
        font-size: 12px;
        margin-top: 5px
    }
}

.mod-full-video__sponsorship-link {
    display: none
}

@media (min-width: 768px) {
    .mod-full-video__sponsorship-link {
        display: block;
        left: 0;
        position: absolute;
        top: 135px;
        z-index: 1
    }
}

@media (min-width: 1024px) {
    .mod-full-video__sponsorship-link {
        left: 0;
        top: 70px
    }
}

.mod-full-video--yellow {
    background: #a7f076
}

@media (min-width: 768px) {
    .mod-full-video--yellow {
        background: none
    }
}

.mod-full-video--yellow .mod-full-video__text {
    background: #a7f076
}

.mod-full-video--yellow .mod-full-video__text:before {
    height: 0;
    width: 0;
    border: solid 35px transparent;
    border-top: none;
    border-bottom: solid 35px #a7f076;
    border-left: 17.5px
}

.mod-full-video--yellow .mod-full-video__text:after {
    background-color: #a7f076
}

.mod-full-video--white {
    background: #fff
}

@media (min-width: 768px) {
    .mod-full-video--white {
        background: none
    }
}

.mod-full-video--white .mod-full-video__text {
    background: #fff
}

.mod-full-video--white .mod-full-video__text:before {
    height: 0;
    width: 0;
    border: solid 35px transparent;
    border-top: none;
    border-bottom: solid 35px #fff;
    border-left: 17.5px
}

.mod-full-video--white .mod-full-video__text:after {
    background-color: #fff
}

.mod-gallery-5up {
    margin: 0 auto
}

@media (min-width: 768px) {
    .mod-gallery-5up {
        *zoom: 1;
        margin: 100px auto
    }
    .mod-gallery-5up:after {
        content: "";
        display: table;
        clear: both
    }
}

.mod-gallery-5up__header {
    background: #fff;
    border: 15px solid #fff;
    border-bottom: 0;
    padding: 30px 0 17px 0;
    color: #000;
    text-align: center
}

@media (min-width: 768px) {
    .mod-gallery-5up__header {
        border: 0;
        position: relative;
        top: 325px;
        z-index: 6;
        -sgs-span-settings: ("span": 9, "location": 13, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 28.125%;
        float: left;
        margin-right: -100%;
        margin-left: 37.5%;
        clear: none;
        padding-right: 0;
        height: 260px;
        padding: 40px 0 20px 0
    }
}

@media (min-width: 1024px) {
    .mod-gallery-5up__header {
        -sgs-span-settings: ("span": 9, "location": 14, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 28.125%;
        float: left;
        margin-right: -100%;
        margin-left: 40.625%;
        clear: none;
        padding-right: 0;
        height: 360px;
        top: 284px;
        padding: 92px 0 20px 0;
        width: 260px
    }
}

.mod-gallery-5up__icon {
    font-size: 46px;
    line-height: 32px;
    margin: 0 0 14px 0;
    display: block
}

.mod-gallery-5up__title {
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    line-height: 22px;
    width: 75%;
    margin: 0 auto 5px auto;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none
}

@media (min-width: 768px) {
    .mod-gallery-5up__title {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 7px
    }
}

@media (min-width: 1024px) {
    .mod-gallery-5up__title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 15px
    }
}

.mod-gallery-5up__title-link {
    display: block
}

@media (min-width: 768px) {
    .mod-gallery-5up__container {
        *zoom: 1
    }
    .mod-gallery-5up__container:after {
        content: "";
        display: table;
        clear: both
    }
}

.mod-gallery-5up__item {
    display: none;
    background: #fff
}

@media (min-width: 768px) {
    .mod-gallery-5up__item {
        display: block;
        height: auto !important;
        overflow: hidden;
        position: relative
    }
}

.mod-gallery-5up__item--1 {
    background: none
}

@media (min-width: 768px) {
    .mod-gallery-5up__item--1 {
        -sgs-span-settings: ("span": 12, "location": 6, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 37.5%;
        float: left;
        margin-right: -100%;
        margin-left: 15.625%;
        clear: none;
        padding-right: 0;
        clear: left;
        margin-top: -70px;
        z-index: 5
    }
}

@media (min-width: 1024px) {
    .mod-gallery-5up__item--1 {
        -sgs-span-settings: ("span": 8, "location": 9, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 25%;
        float: left;
        margin-right: -100%;
        margin-left: 25%;
        clear: none;
        padding-right: 0;
        background-color: #fff;
        margin-top: 165px;
        padding: 20px
    }
}

.mod-gallery-5up__item--1 .mod-gallery__image--container {
    position: relative;
    display: block;
    width: 100%
}

.mod-gallery-5up__item--1 .mod-gallery__image--container:after {
    padding-top: 66.667%;
    display: block;
    content: ''
}

.mod-gallery-5up__item--1 .mod-gallery__image--container a {
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0
}

@media (min-width: 768px) {
    .mod-gallery-5up__item--2 {
        -sgs-span-settings: ("span": 14, "location": 19, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": true, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 43.75%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        padding-right: 0;
        margin-top: -260px;
        z-index: 1
    }
}

@media (min-width: 1024px) {
    .mod-gallery-5up__item--2 {
        -sgs-span-settings: ("span": 13, "location": 19, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 40.625%;
        float: left;
        margin-right: -100%;
        margin-left: 56.25%;
        clear: none;
        padding-right: 0;
        background-color: #fff;
        margin-top: 0;
        padding-left: 20px
    }
}

.mod-gallery-5up__item--2 .mod-gallery-5up__image {
    height: 100%;
    padding: 0 27.925531914894%
}

@media (min-width: 768px) {
    .mod-gallery-5up__item--2 .mod-gallery-5up__image {
        padding: 0
    }
}

.mod-gallery-5up__item--2 .mod-gallery-5up__image .mod-gallery__image--container {
    position: relative;
    display: inline-block;
    width: 100%
}

.mod-gallery-5up__item--2 .mod-gallery-5up__image .mod-gallery__image--container:after {
    padding-top: 150%;
    display: block;
    content: ''
}

.mod-gallery-5up__item--2 .mod-gallery-5up__image .mod-gallery__image--container a {
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0
}

@media (min-width: 768px) {
    .mod-gallery-5up__item--3 {
        -sgs-span-settings: ("span": 21, "location": 1, "grid": 32, "gutter": 0, "style": "fixed", "start row": true, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 65.625%;
        float: left;
        margin-right: -100%;
        clear: none;
        padding-right: 0;
        margin-top: 245px;
        z-index: 2
    }
}

@media (min-width: 1024px) {
    .mod-gallery-5up__item--3 {
        -sgs-span-settings: ("span": 17, "location": 2, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 53.125%;
        float: left;
        margin-right: -100%;
        margin-left: 3.125%;
        clear: none;
        padding-right: 0;
        margin-top: 347px
    }
}

.mod-gallery-5up__item--3 .mod-gallery__image--container {
    position: relative;
    display: inline-block;
    width: 100%
}

.mod-gallery-5up__item--3 .mod-gallery__image--container:after {
    padding-top: 66.667%;
    display: block;
    content: ''
}

.mod-gallery-5up__item--3 .mod-gallery__image--container a {
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0
}

@media (min-width: 768px) {
    .mod-gallery-5up__item--4 {
        -sgs-span-settings: ("span": 10, "location": 4, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 31.25%;
        float: left;
        margin-right: -100%;
        margin-left: 9.375%;
        clear: none;
        padding-right: 0;
        background-color: #fff;
        clear: both;
        margin-top: -59px;
        padding: 20px 20px 0;
        z-index: 4
    }
}

@media (min-width: 1024px) {
    .mod-gallery-5up__item--4 {
        -sgs-span-settings: ("span": 6, "location": 4, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 18.75%;
        float: left;
        margin-right: -100%;
        margin-left: 9.375%;
        clear: none;
        padding-right: 0;
        margin-top: 726px;
        padding: 20px 20px 0
    }
}

.mod-gallery-5up__item--4 .mod-gallery-5up__image {
    height: 100%;
    padding: 0 27.925531914894%
}

@media (min-width: 768px) {
    .mod-gallery-5up__item--4 .mod-gallery-5up__image {
        padding: 0
    }
}

.mod-gallery-5up__item--4 .mod-gallery-5up__image .mod-gallery__image--container {
    position: relative;
    display: inline-block;
    width: 100%
}

.mod-gallery-5up__item--4 .mod-gallery-5up__image .mod-gallery__image--container:after {
    padding-top: 150%;
    display: block;
    content: ''
}

.mod-gallery-5up__item--4 .mod-gallery-5up__image .mod-gallery__image--container a {
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0
}

@media (min-width: 768px) {
    .mod-gallery-5up__item--5 {
        -sgs-span-settings: ("span": 14, "location": 17, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 43.75%;
        float: left;
        margin-right: -100%;
        margin-left: 50%;
        clear: none;
        padding-right: 0;
        background: #fff;
        margin-top: -59px;
        padding: 20px;
        z-index: 3
    }
}

@media (min-width: 1024px) {
    .mod-gallery-5up__item--5 {
        -sgs-span-settings: ("span": 8, "location": 16, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 25%;
        float: left;
        margin-right: -100%;
        margin-left: 46.875%;
        clear: none;
        padding-right: 0;
        margin-top: 726px;
        padding: 20px
    }
}

.mod-gallery-5up__item--5 .mod-gallery__image--container {
    position: relative;
    display: inline-block;
    width: 100%
}

.mod-gallery-5up__item--5 .mod-gallery__image--container:after {
    padding-top: 66.667%;
    display: block;
    content: ''
}

.mod-gallery-5up__item--5 .mod-gallery__image--container a {
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0
}

.mod-gallery-5up__link {
    display: block
}

.mod-gallery-5up__sponsorship {
    text-align: center
}

.mod-gallery-5up__sponsorship-text {
    color: #666;
    font-size: 10px;
    line-height: 15px;
    margin: 17px 0 10px
}

@media (min-width: 768px) {
    .mod-gallery-5up__sponsorship-text {
        display: none
    }
}

.mod-gallery-5up__sponsorship-brand {
    color: #000;
    font-size: 12px;
    font-weight: bold
}

.mod-gallery-5up__sponsorship-link {
    display: none
}

@media (min-width: 768px) {
    .mod-gallery-5up__sponsorship-link {
        display: block;
        bottom: -57px;
        right: -57px;
        position: absolute;
        z-index: 7
    }
}

@media (min-width: 1024px) {
    .mod-gallery-5up__sponsorship-link {
        bottom: -62px;
        left: -62px;
        right: auto
    }
}

.mod-half-gallery {
    position: relative
}

@media (min-width: 768px) {
    .mod-half-gallery {
        padding-bottom: 120px
    }
    .mod-half-gallery:hover .mod-half-gallery__header-link .icon-arrow-right:before {
        -moz-box-shadow: inset 0 0 0 3px;
        -webkit-box-shadow: inset 0 0 0 3px;
        box-shadow: inset 0 0 0 3px;
        padding: 0 7px
    }
}

.mod-half-gallery__expand {
    display: none
}

@media (min-width: 768px) {
    .mod-half-gallery__expand {
        display: block;
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 100;
        cursor: pointer
    }
}

.mod-half-gallery__small {
    display: none;
    position: relative;
    max-width: 360px;
    margin: 35px auto;
    cursor: pointer
}

@media (min-width: 768px) {
    .mod-half-gallery__small {
        display: block;
        margin: 75px auto 130px auto;
        *zoom: 1
    }
    .mod-half-gallery__small:after {
        content: "";
        display: table;
        clear: both
    }
}

.mod-half-gallery__header-link {
    display: block
}

.mod-half-gallery__header {
    text-align: center;
    margin: 0 auto 30px auto;
    padding: 0 70px
}

.mod-half-gallery__header .icon {
    color: #000
}

@media (min-width: 768px) {
    .mod-half-gallery__header {
        width: 265px;
        background: #fff;
        padding: 35px 70px;
        position: absolute;
        right: 0;
        top: 318px;
        z-index: 1
    }
}

.mod-half-gallery__icon {
    font-size: 46px;
    line-height: 32px;
    margin: 0 0 14px 0;
    display: block
}

.mod-half-gallery__title {
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-transform: uppercase;
    margin: 0 0 3px 0;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none
}

@media (min-width: 768px) {
    .mod-half-gallery__title {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px
    }
}

.mod-half-gallery__primary {
    text-align: center
}

@media (min-width: 768px) {
    .mod-half-gallery__primary {
        width: 288px;
        float: right
    }
}

@media (min-width: 1024px) {
    .mod-half-gallery__primary {
        width: 320px
    }
}

.mod-half-gallery__secondary {
    display: none;
    text-align: center
}

@media (min-width: 768px) {
    .mod-half-gallery__secondary {
        display: block;
        width: 264px;
        margin-top: -80px;
        position: relative;
        float: left;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        border-top: 20px solid #fff;
        border-right: 20px solid #fff
    }
}

@media (min-width: 1024px) {
    .mod-half-gallery__secondary {
        width: 280px
    }
}

.mod-half-gallery__large {
    display: block
}

@media (min-width: 768px) {
    .mod-half-gallery__large {
        display: none
    }
}

.mod-half-gallery--full {
    margin: 75px 0
}

@media (min-width: 768px) {
    .mod-half-gallery--full {
        padding-bottom: 0
    }
}

.mod-half-gallery--full .mod-half-gallery__small {
    display: none
}

.mod-half-gallery--full .mod-half-gallery__large {
    display: block
}

.mod-half-image {
    *zoom: 1;
    position: relative;
    max-width: 360px;
    margin: 35px auto
}

.mod-half-image:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 768px) {
    .mod-half-image {
        margin: 75px auto
    }
}

@media (min-width: 1024px) {
    .mod-half-image {
        max-width: 400px
    }
}

.mod-half-image__caption {
    background: #000;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 18px;
    padding: 25px 20px
}

@media (min-width: 768px) {
    .mod-half-image__caption {
        float: right;
        width: 284px;
        border: 20px solid #fff;
        border-right: 0;
        margin-top: -40px;
        position: relative
    }
}

@media (min-width: 768px) and (min-width: 1024px) {
    .mod-half-image__caption {
        width: 320px
    }
}

.mod-half-video {
    position: relative;
    max-width: 360px;
    margin: 35px auto
}

@media (min-width: 768px) {
    .mod-half-video {
        margin: 75px auto
    }
}

@media (min-width: 1024px) {
    .mod-half-video {
        max-width: 400px
    }
}

@media (min-width: 768px) {
    .mod-half-video__image {
        padding-top: 172px;
        max-width: 336px;
        margin-right: 40px
    }
}

@media (min-width: 1024px) {
    .mod-half-video__image {
        max-width: 360px
    }
}

.mod-half-video__image>a {
    display: block;
    position: relative;
    z-index: 1
}

.mod-half-video__image .icon-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 70px;
    color: #fff
}

.mod-half-video__text {
    color: #000;
    background: #75b9f2;
    position: relative;
    text-align: center;
    padding: 45px 55px 65px 55px
}

@media (min-width: 768px) {
    .mod-half-video__text {
        position: absolute;
        top: 0;
        right: 0;
        width: 264px;
        height: 326px;
        padding: 40px 55px
    }
}

@media (min-width: 1024px) {
    .mod-half-video__text {
        width: 320px;
        padding: 40px 50px
    }
}

.mod-half-video__text:before {
    height: 0;
    width: 0;
    border: solid 35px transparent;
    border-top: none;
    border-bottom: solid 35px #75b9f2;
    border-left: 17.5px;
    content: "";
    position: absolute;
    top: -34px;
    left: 0;
    z-index: 1
}

@media (min-width: 768px) {
    .mod-half-video__text:before {
        display: none
    }
}

.mod-half-video__headline {
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    text-transform: uppercase;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none
}

@media (min-width: 768px) {
    .mod-half-video__headline {
        font-size: 18px;
        line-height: 26px
    }
}

@media (min-width: 1024px) {
    .mod-half-video__headline {
        font-size: 24px;
        line-height: 30px
    }
}

.mod-listicle {
    margin: 60px 0 0;
    position: relative
}

.mod-listicle__nav-wrap {
    width: 100%;
    max-width: 1280px;
    position: relative
}

.mod-listicle__nav-wrap--outer {
    z-index: 2
}

.mod-listicle__nav-wrap--inner {
    z-index: 4
}

.mod-listicle__nav-outer,
.mod-listicle__nav-container {
    height: 100%;
    width: 100%;
    margin-bottom: 0 !important
}

@media (min-width: 1024px) {
    .mod-listicle__nav-outer,
    .mod-listicle__nav-container {
        position: absolute;
        top: -40px;
        right: 0;
        width: 440px;
        height: 590px
    }
}

.mod-listicle__nav-outer {
    background: #a7f076;
    margin-left: -120px;
    z-index: 2
}

.mod-listicle__nav-container {
    background-color: #a7f076;
    border-top: 40px solid #a7f076;
    border-bottom: 1px solid #a7f076;
    z-index: 4
}

@media (min-width: 768px) {
    .mod-listicle__nav-container {
        border: 50px solid #a7f076;
        border-top: 55px solid #a7f076;
        border-bottom: 0;
        float: right;
        height: 240px;
        margin-bottom: 20px;
        width: 360px
    }
}

@media (min-width: 1024px) {
    .mod-listicle__nav-container {
        background: transparent;
        border: none;
        height: auto;
        float: none;
        width: auto
    }
}

.mod-listicle__nav {
    background: #fff;
    min-height: 220px;
    margin: 0 auto;
    padding: 40px 0 30px;
    width: 240px;
    text-align: center
}

@media (min-width: 768px) {
    .mod-listicle__nav {
        min-height: 260px;
        width: 260px
    }
}

@media (min-width: 1024px) {
    .mod-listicle__nav {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: 66.1%;
        margin: 0;
        min-height: auto;
        padding: 0;
        width: 59.09%
    }
}

.mod-listicle__icon-holder {
    padding-bottom: 20px;
    width: 100%
}

@media (min-width: 768px) {
    .mod-listicle__icon-holder {
        padding-bottom: 40px
    }
}

@media (min-width: 1024px) {
    .mod-listicle__icon-holder {
        padding: 0;
        position: absolute;
        top: 60px
    }
}

.mod-listicle__icon-holder .icon-squiggle,
.mod-listicle__icon-holder .page-header__overview:after {
    color: #000;
    margin: 0
}

.mod-listicle__icon {
    color: #000;
    font-size: 44px
}

.mod-listicle__title {
    font-size: 16px;
    line-height: 21px;
    width: 100%;
    letter-spacing: -0.02em;
    padding: 0 23px;
    text-transform: uppercase;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none
}

@media (min-width: 768px) {
    .mod-listicle__title {
        font-size: 18px;
        line-height: 23px
    }
}

@media (min-width: 1024px) {
    .mod-listicle__title {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 20px;
        line-height: 28px
    }
}

.mod-listicle__pager-container {
    *zoom: 1;
    display: none
}

.mod-listicle__pager-container:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 1024px) {
    .mod-listicle__pager-container {
        display: block;
        position: absolute;
        width: 100%;
        bottom: 60px;
        width: 100px;
        left: 50%;
        margin-left: -50px;
        height: 40px
    }
}

.mod-listicle__pager,
.mod-listicle__pager-divider {
    float: left
}

.mod-listicle__pager {
    position: absolute;
    z-index: 1;
    font-size: 28px;
    top: 8px;
    cursor: pointer;
    color: #000
}

.mod-listicle__pager--prev {
    left: 0
}

.mod-listicle__pager--next {
    right: 0
}

.mod-listicle__pager--disabled {
    color: #ccc;
    cursor: default
}

.mod-listicle__pager-divider {
    width: 49px;
    height: 49px;
    border-bottom: 1px solid #ccc;
    position: absolute;
    transform: translateY(-20px) translateX(10px) rotate(-45deg);
    -webkit-transform: translateY(-20px) translateX(10px) rotate(-45deg);
    -moz-transform: translateY(-20px) translateX(10px) rotate(-45deg)
}

.mod-listicle__content {
    width: 100%
}

@media (min-width: 1024px) {
    .mod-listicle__content {
        width: 75%;
        margin-left: 0
    }
}

.mod-listicle__item {
    padding-bottom: 36px
}

@media (min-width: 1024px) {
    .mod-listicle__item {
        padding-bottom: 84px
    }
}

.mod-listicle__item:last-child {
    padding-bottom: 0
}

@media (min-width: 1024px) {
    .mod-listicle__item:last-child {
        padding-bottom: 30px
    }
}

.mod-listicle__header {
    font-size: 16px;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 0
}

.mod-listicle__image {
    width: 100%
}

@media (min-width: 1024px) {
    .mod-listicle__image {
        position: relative;
        display: block;
        border: solid 20px #fff;
        border-bottom: none;
        right: -20px;
        z-index: 3;
        background: #fff
    }
}

.mod-listicle__video {
    position: relative
}

.mod-listicle__video:after {
    background: rgba(0, 0, 0, 0.3);
    z-index: 3
}

@media (min-width: 1024px) {
    .mod-listicle__video:after {
        border: 20px solid #fff;
        border-bottom: none;
        margin-left: 20px;
        right: -20px
    }
}

.mod-listicle__video .icon-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 105px;
    z-index: 7
}

.mod-listicle__main {
    position: relative
}

.mod-listicle__copy {
    padding: 30px 30px 30px 20px;
    width: 100%
}

@media (min-width: 768px) {
    .mod-listicle__copy {
        padding: 40px 150px 40px 40px
    }
}

@media (min-width: 1024px) {
    .mod-listicle__copy {
        width: 65.22%;
        margin: 0 auto;
        padding: 56px 0 0 20px
    }
}

.mod-listicle__page-index {
    background: #fff;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    z-index: 1
}

@media (min-width: 768px) {
    .mod-listicle__page-index {
        height: 95px;
        width: 95px
    }
}

@media (min-width: 1024px) {
    .mod-listicle__page-index {
        width: 120px;
        height: 120px
    }
}

.mod-listicle__page-index:before {
    border-bottom: 50px solid transparent;
    border-left: 50px solid #a7f076;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

@media (min-width: 768px) {
    .mod-listicle__page-index:before {
        border-bottom: 95px solid transparent;
        border-left: 95px solid #a7f076
    }
}

@media (min-width: 1024px) {
    .mod-listicle__page-index:before {
        border-bottom: 120px solid transparent;
        border-left: 120px solid #a7f076
    }
}

.mod-listicle__page-index-of {
    display: none
}

.mod-listicle__page-num,
.mod-listicle__page-count {
    font-size: 12px;
    letter-spacing: -0.02em;
    width: 50%;
    height: 50%;
    float: left;
    position: absolute;
    z-index: 1;
    text-align: center
}

@media (min-width: 768px) {
    .mod-listicle__page-num,
    .mod-listicle__page-count {
        font-size: 18px;
        line-height: 23px
    }
}

@media (min-width: 1024px) {
    .mod-listicle__page-num,
    .mod-listicle__page-count {
        font-size: 24px;
        line-height: 60px
    }
}

.mod-listicle__page-num {
    left: 3px;
    top: 4px;
    font-weight: bold;
    color: #000
}

@media (min-width: 768px) {
    .mod-listicle__page-num {
        left: 4px;
        top: 19px
    }
}

@media (min-width: 1024px) {
    .mod-listicle__page-num {
        top: 8px;
        left: 8px
    }
}

.mod-listicle__page-count {
    bottom: 2px;
    color: #999;
    float: right;
    right: 5px
}

@media (min-width: 768px) {
    .mod-listicle__page-count {
        bottom: -9px;
        right: 6px
    }
}

@media (min-width: 1024px) {
    .mod-listicle__page-count {
        bottom: 8px;
        right: 8px
    }
}

.mod-listicle.pinned .mod-listicle__nav-wrap {
    position: fixed;
    top: 0
}

.mod-listicle.pinned .mod-listicle__nav-outer {
    top: 60px
}

.mod-listicle.pinned .mod-listicle__nav-container {
    top: 60px
}

.mod-listicle.scroll-complete .mod-listicle__nav-wrap {
    position: static
}

.mod-listicle.scroll-complete .mod-listicle__nav-outer,
.mod-listicle.scroll-complete .mod-listicle__nav-container {
    top: auto
}

.mod-listicle.scroll-complete .mod-listicle__nav-outer {
    bottom: 0
}

.mod-listicle.scroll-complete .mod-listicle__nav-container {
    bottom: 0
}

.mod-netted-1up {
    color: #000;
    position: relative;
    margin: 0
}

@media (min-width: 768px) {
    .mod-netted-1up {
        margin: 100px 0
    }
}

@media (min-width: 1024px) {
    .mod-netted-1up {
        *zoom: 1
    }
    .mod-netted-1up:after {
        content: "";
        display: table;
        clear: both
    }
}

@media (min-width: 768px) {
    .mod-netted-1up>.wrap {
        overflow: hidden
    }
}

@media (min-width: 1024px) {
    .mod-netted-1up>.wrap {
        overflow: visible
    }
}

.mod-netted-1up label.error {
    font-size: 12px;
    line-height: 14px;
    text-align: left;
    top: 30px
}

.mod-netted-1up__image-wrap {
    line-height: 0
}

@media (min-width: 768px) {
    .mod-netted-1up__image-wrap {
        padding-bottom: 125px;
        line-height: inherit
    }
}

@media (min-width: 1024px) {
    .mod-netted-1up__image-wrap {
        padding-top: 70px;
        padding-bottom: 0
    }
}

.mod-netted-1up__image {
    width: 100%;
    display: inline-block;
    position: relative
}

.mod-netted-1up__image:after {
    padding-top: 56.25%;
    display: block;
    content: ''
}

@media (min-width: 768px) {
    .mod-netted-1up__image {
        bottom: 0;
        max-width: 94.75%;
        max-height: 420px;
        width: 100%
    }
}

@media (min-width: 1024px) {
    .mod-netted-1up__image {
        float: left;
        max-width: 920px;
        max-height: none;
        width: 71.875%
    }
}

.mod-netted-1up__image>a {
    display: block;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0
}

@media (min-width: 768px) {
    .mod-netted-1up__image>a {
        top: 135px;
        height: 100%
    }
}

@media (min-width: 1024px) {
    .mod-netted-1up__image>a {
        top: 0
    }
}

.mod-netted-1up__image>a img {
    display: none
}

.mod-netted-1up__image .icon-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 70px;
    color: #fff
}

@media (min-width: 768px) {
    .mod-netted-1up__image .icon-play {
        -moz-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
        color: #000;
        top: 15px;
        right: 25px;
        left: auto;
        font-size: 50px;
        transform: none
    }
}

@media (min-width: 1024px) {
    .mod-netted-1up__image .icon-play {
        font-size: 60px;
        top: 5%;
        right: 20px
    }
}

@media (min-width: 1280px) {
    .mod-netted-1up__image .icon-play {
        right: 35px
    }
}

.mod-netted-1up__image-accent {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    padding-left: 25%;
    padding-top: 25%;
    z-index: 2
}

@media (min-width: 768px) {
    .mod-netted-1up__image-accent {
        display: block;
        padding: 0
    }
}

@media (min-width: 1024px) {
    .mod-netted-1up__image-accent {
        padding-left: 25%;
        padding-top: 25%
    }
}

.mod-netted-1up__image-accent:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left: -140px;
    border-left: 140px solid transparent;
    border-top: 213px solid #fff;
    border-bottom: 213px solid #fff;
    -moz-transform: scale(0.9999, 0.9999);
    -ms-transform: scale(0.9999, 0.9999);
    -webkit-transform: scale(0.9999, 0.9999);
    transform: scale(0.9999, 0.9999)
}

@media (min-width: 1024px) {
    .mod-netted-1up__image-accent:after {
        margin-left: -180px;
        margin-top: -230px;
        border-left: 180px solid transparent;
        border-top: 259px solid #fff;
        border-bottom: 259px solid #fff
    }
}

.mod-netted-1up__primary {
    background: #a7f076;
    padding: 30px 55px 25px 55px;
    position: relative;
    text-align: center
}

@media (min-width: 768px) {
    .mod-netted-1up__primary {
        bottom: -2px;
        left: 0;
        padding: 30px 15px 25px;
        position: absolute;
        width: 185px;
        z-index: 2
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .mod-netted-1up__primary.active {
        width: 300px;
        padding-left: 25px;
        padding-right: 25px
    }
}

@media (min-width: 1024px) {
    .mod-netted-1up__primary {
        position: absolute;
        top: 70px;
        left: auto;
        bottom: auto;
        right: 0;
        width: 28%;
        padding: 0 35px
    }
    .mod-netted-1up__primary.active {
        top: 35px
    }
}

.mod-netted-1up__primary .mod-netted-1up__icon {
    display: block;
    font-size: 46px;
    line-height: 32px;
    margin: 0 0 14px 0
}

@media (min-width: 1024px) {
    .mod-netted-1up__primary .mod-netted-1up__icon {
        margin-bottom: 15px
    }
}

.mod-netted-1up__primary .icon-squiggle,
.mod-netted-1up__primary .page-header__overview:after {
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .mod-netted-1up__primary .icon-squiggle,
    .mod-netted-1up__primary .page-header__overview:after {
        margin-bottom: 18px
    }
}

@media (min-width: 1024px) {
    .mod-netted-1up__primary .icon-squiggle,
    .mod-netted-1up__primary .page-header__overview:after {
        margin-bottom: 20px
    }
}

.mod-netted-1up__text {
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 10px;
    margin-top: 15px
}

@media (min-width: 1024px) {
    .mod-netted-1up__text {
        margin-top: 0;
        max-width: none
    }
}

.mod-netted-1up__link {
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline
}

.mod-netted-1up__secondary {
    background: #a7f076;
    position: relative;
    text-align: center;
    padding: 30px 55px
}

@media (min-width: 768px) {
    .mod-netted-1up__secondary {
        float: right;
        max-width: 85%;
        padding: 30px 40px 30px 35px;
        position: static;
        text-align: left;
        width: 100%;
        min-height: 200px;
        position: absolute;
        top: 0;
        right: 0;
        line-height: 30px;
        text-align: left
    }
}

@media (min-width: 1024px) {
    .mod-netted-1up__secondary {
        background: #a7f076;
        margin: 0 0 0 26.5625%;
        min-height: 470px;
        padding: 260px 3.25% 40px 60.5625%;
        position: absolute;
        top: 0;
        width: 100%;
        text-align: center
    }
}

.mod-netted-1up__secondary:before {
    height: 0;
    width: 0;
    border: solid 35px transparent;
    border-top: none;
    border-bottom: solid 35px #a7f076;
    border-left: 17.5px;
    content: "";
    position: absolute;
    top: -34px;
    left: 0;
    z-index: 1
}

@media (min-width: 768px) {
    .mod-netted-1up__secondary:before {
        display: none
    }
}

@media (min-width: 768px) {
    .mod-netted-1up__secondary:after {
        content: "";
        position: absolute;
        background-color: #a7f076;
        top: 0;
        right: 0;
        width: 100%;
        height: 470px;
        max-width: 588px;
        z-index: -1
    }
}

@media (min-width: 1024px) {
    .mod-netted-1up__secondary:after {
        background: transparent;
        max-width: 940px
    }
}

@media (min-width: 1024px) {
    .mod-netted-1up__inner {
        position: relative
    }
}

.mod-netted-1up__subhead {
    text-transform: uppercase
}

@media (min-width: 768px) {
    .mod-netted-1up__subhead {
        margin-bottom: 3px
    }
}

@media (min-width: 1024px) {
    .mod-netted-1up__subhead {
        margin-bottom: 20px;
        display: none
    }
}

.mod-netted-1up__primary .mod-netted-1up__subhead {
    display: none
}

@media (min-width: 1024px) {
    .mod-netted-1up__primary .mod-netted-1up__subhead {
        display: block
    }
}

.mod-netted-1up__subhead {
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .mod-netted-1up__subhead {
        margin-bottom: 3px
    }
}

@media (min-width: 1024px) {
    .mod-netted-1up__subhead {
        margin-bottom: 10px
    }
}

.mod-netted-1up__headline {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 10px 0;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .mod-netted-1up__headline {
        font-size: 25px;
        line-height: 32px;
        margin: 0
    }
}

@media (min-width: 1024px) {
    .mod-netted-1up__headline {
        font-size: 50px;
        line-height: 50px;
        margin: 0 auto
    }
    .mod-netted-1up__headline .mod-netted-1up__headline-day {
        background-color: #000;
        color: #fff;
        font-size: 11px;
        line-height: 11px;
        margin: 0;
        padding: 4px 6px;
        position: relative;
        top: -35px
    }
}

@media (min-width: 1024px) {
    .mod-netted-1up__headline .mod-netted-1up__headline-date {
        text-transform: capitalize;
        display: block;
        margin-bottom: 20px;
        word-break: break-word;
        word-wrap: break-word;
        -webkit-hyphens: none;
        -moz-hyphens: none;
        hyphens: none
    }
}

@media (min-width: 1024px) {
    .mod-netted-1up__headline .icon-dash {
        display: none
    }
}

.mod-netted-1up__headline .icon-dash:before {
    content: "-"
}

.mod-netted-1up__description {
    color: #000;
    font-size: 12px;
    line-height: 17px;
    margin: 0
}

@media (min-width: 768px) {
    .mod-netted-1up__description {
        display: block;
        margin-top: 3px;
        line-height: 20px
    }
}

@media (min-width: 1024px) {
    .mod-netted-1up__description {
        background-color: #fff;
        padding: 20px 15px 15px 15px;
        font-size: 13px;
        line-height: 18px;
        text-transform: uppercase;
        margin: 0 auto;
        max-width: 76%;
        margin-top: -48px
    }
}

.mod-netted-1up__meta {
    display: none
}

.mod-netted-1up__meta.active {
    display: block
}

.mod-netted-1up__newsletter {
    display: none
}

.mod-netted-1up__newsletter.active {
    display: block;
    padding-top: 0
}

.mod-netted-1up__newsletter input[type="email"] {
    font-size: 12px
}

.mod-netted-1up__submit {
    margin: 0 auto
}

.mod-netted-1up__success {
    padding-top: 20px;
    min-height: 96px
}

@media (min-width: 1024px) {
    .mod-netted-1up__success {
        min-height: 91px
    }
}

.mod-newsletter-signup {
    width: 100%;
    max-width: 325px;
    padding: 40px
}

.mod-newsletter-signup:after {
    content: "";
    display: block;
    width: 21px;
    height: 3px;
    background: #000;
    margin: 40px 0 35px 0
}

@media (min-width: 1024px) {
    .mod-newsletter-signup:after {
        display: none
    }
}

.mod-newsletter-signup__meta {
    font-size: 42px;
    color: #000;
    margin: 0 0 10px 0
}

.mod-newsletter-signup__meta .icon-email {
    top: 4px;
    left: -5px
}

.mod-newsletter-signup__issue {
    font-weight: bold;
    margin-left: -15px
}

.mod-newsletter-signup__headline {
    font-size: 14px;
    line-height: 17px;
    width: 70%;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    color: #000
}

.mod-newsletter-signup--header {
    max-width: 245px;
    padding: 0
}

@media (min-width: 1024px) {
    .mod-newsletter-signup--header {
        display: none !important
    }
}

.mod-pull-quote {
    padding: 45px 20px;
    overflow: hidden;
    position: relative;
    margin: 35px 0
}

@media (min-width: 768px) {
    .mod-pull-quote {
        padding: 40px 48px 55px 48px;
        margin: 75px 0;
        max-width: 768px
    }
}

@media (min-width: 1024px) {
    .mod-pull-quote {
        max-width: none;
        padding: 40px 40px 55px 80px;
        width: 65.625%;
        margin-left: 6.25%
    }
}

.mod-pull-quote__headline {
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    color: #000;
    margin-bottom: 15px;
    width: 100%;
    padding-right: 40px;
    position: relative;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .mod-pull-quote__headline {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 25px
    }
}

@media (min-width: 1024px) {
    .mod-pull-quote__headline {
        text-transform: none;
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 20px
    }
}

.mod-pull-quote__headline:before {
    content: "“";
    display: block;
    z-index: -1;
    position: absolute;
    top: 125px;
    right: -60px;
    color: #a7f076;
    font-size: 563px
}

@media (min-width: 768px) {
    .mod-pull-quote__headline:before {
        font-size: 665px;
        top: 170px;
        right: -96px
    }
}

@media (min-width: 1024px) {
    .mod-pull-quote__headline:before {
        top: 165px;
        right: -88px
    }
}

.mod-pull-quote__cite {
    display: block;
    font-style: normal;
    padding-left: 20px
}

@media (min-width: 768px) {
    .mod-pull-quote__cite {
        padding-left: 0
    }
}

.mod-pull-quote__author {
    font-size: 12px;
    line-height: 18px;
    color: #000;
    display: block
}

@media (min-width: 768px) {
    .mod-pull-quote__author {
        font-style: 13px;
        line-height: 19px
    }
}

.mod-pull-quote__meta {
    font-size: 12px;
    line-height: 18px;
    color: #666;
    display: block
}

@media (min-width: 768px) {
    .mod-pull-quote__meta {
        font-style: 13px;
        line-height: 19px
    }
}

.mod-related-stories {
    overflow: hidden;
    background: #000
}

@media (min-width: 1024px) {
    .mod-related-stories {
        max-width: 1920px;
        margin: 0 auto
    }
}

.mod-related-stories__nav-container {
    overflow: hidden;
    *zoom: 1;
    display: none;
    position: absolute;
    width: 100%;
    bottom: 60px;
    width: 128px;
    left: 50%;
    margin-left: -64px;
    height: 40px
}

@media (min-width: 768px) {
    .mod-related-stories__nav-container {
        display: block
    }
}

.mod-related-stories__nav,
.mod-related-stories__nav-divider {
    float: left
}

.mod-related-stories__nav {
    position: absolute;
    z-index: 1;
    font-size: 28px;
    top: 8px;
    cursor: pointer;
    display: block;
    color: #fff
}

.mod-related-stories__nav:hover,
.mod-related-stories__nav:active,
.mod-related-stories__nav:focus {
    color: #fff
}

.mod-related-stories__nav--prev {
    left: 0
}

.mod-related-stories__nav--next {
    right: 0
}

.mod-related-stories__nav-divider {
    width: 77px;
    height: 49px;
    border-bottom: 1px solid #fff;
    opacity: 0.3;
    position: absolute;
    -moz-transform: rotate(-45deg) translate(4px, -7px);
    -ms-transform: rotate(-45deg) translate(4px, -7px);
    -webkit-transform: rotate(-45deg) translate(4px, -7px);
    transform: rotate(-45deg) translate(4px, -7px)
}

.mod-related-stories__header {
    background: #000;
    color: #fff;
    padding: 40px 80px 28px 80px;
    text-align: center;
    position: relative
}

@media (min-width: 768px) {
    .mod-related-stories__header {
        position: absolute;
        z-index: 2;
        left: 0;
        width: 256px;
        padding: 60px 35px;
        min-height: 404px;
        height: 100%
    }
}

@media (min-width: 1024px) {
    .mod-related-stories__header:before {
        content: "";
        position: absolute;
        top: 0;
        height: 640px;
        width: 10000em;
        background: #fff;
        z-index: 2;
        right: 256px
    }
}

.mod-related-stories__header .icon-squiggle,
.mod-related-stories__header .page-header__overview:after {
    color: #fff;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .mod-related-stories__header .icon-squiggle,
    .mod-related-stories__header .page-header__overview:after {
        margin-bottom: 30px
    }
}

.mod-related-stories__icon {
    color: #fff;
    font-size: 42px;
    line-height: 28px;
    margin: 0 0 20px 0;
    display: block
}

@media (min-width: 768px) {
    .mod-related-stories__content {
        overflow: visible !important;
        margin-left: 256px
    }
}

.mod-related-stories__title {
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    margin: 0;
    color: #fff;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none
}

@media (min-width: 768px) {
    .mod-related-stories__title {
        font-size: 24px;
        line-height: 32px
    }
}

.mod-related-stories__header-link {
    color: #fff;
    display: block
}

.mod-related-stories__carousel {
    *zoom: 1;
    width: 10000em;
    display: table
}

.mod-related-stories__carousel:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 1024px) {
    .mod-related-stories__carousel {
        min-height: 404px
    }
}

.mod-related-stories__item {
    width: 300px;
    max-width: 300px;
    display: table-cell;
    vertical-align: top;
    background: #a7f076;
    line-height: 0
}

.mod-related-stories__item:nth-child(even) {
    background: #75b9f2
}

.mod-related-stories__image {
    position: relative;
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%
}

.mod-related-stories__image:after {
    padding-top: 56.25%;
    display: block;
    content: ''
}

.mod-related-stories__image>* {
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0
}

.mod-related-stories__image>* img {
    display: none !important
}

.mod-related-stories__image .icon-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 70px;
    color: #fff;
    z-index: 1
}

.mod-related-stories__item:nth-child(even) .mod-related-stories__text {
    background: #75b9f2
}

.mod-related-stories__item:nth-child(even) .mod-related-stories__text:before {
    height: 0;
    width: 0;
    border: solid 35px transparent;
    border-top: none;
    border-bottom: solid 35px #75b9f2;
    border-left: 17.5px
}

.mod-related-stories__text {
    background: #a7f076;
    padding: 55px 70px 60px 60px;
    text-align: center;
    position: relative
}

.mod-related-stories__text:before {
    content: "";
    height: 0;
    width: 0;
    border: solid 35px transparent;
    border-top: none;
    border-bottom: solid 35px #a7f076;
    border-left: 17.5px;
    position: absolute;
    top: -34px;
    left: 0;
    z-index: 1
}

.mod-related-stories__subhead {
    font-size: 14px;
    line-height: 16px;
    color: #000;
    margin: 0 0 20px 0;
    min-height: 16px
}

.mod-related-stories__headline {
    font-size: 18px;
    line-height: 28px;
    margin: 0;
    text-transform: uppercase
}

.mod-related-stories__headline>a:hover {
    text-decoration: underline
}

.js-active-search {
    overflow: hidden
}

.mod-search-results {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    z-index: 7998;
    background-color: #000;
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: pan-y
}

@media (min-width: 1024px) {
    .mod-search-results {
        background-color: rgba(255, 255, 255, 0.9)
    }
}

.mod-search-results.has-results {
    background: #fff
}

.js-active-search .mod-search-results {
    display: block
}

.mod-search-results .mod-search-results__container {
    overflow: hidden
}

.mod-search-results .mod-search-results__header {
    *zoom: 1
}

.mod-search-results .mod-search-results__header:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 1024px) {
    .mod-search-results .mod-search-results__header {
        min-height: 266px
    }
}

.mod-search-results .mod-search-results__form {
    padding: 20px 20px 3px 20px;
    background: #000
}

@media (min-width: 768px) {
    .mod-search-results .mod-search-results__form {
        padding: 65px 30px 3px 30px
    }
}

@media (min-width: 1024px) {
    .mod-search-results .mod-search-results__form {
        padding: 70px 30px 3px 30px;
        float: left;
        width: 100%;
        margin-left: -25%
    }
}

.mod-search-results .mod-search-results__form input[type="search"] {
    font-size: 22px;
    line-height: 28px;
    font-weight: bold;
    color: #fff;
    width: 75%;
    border-color: #fff;
    padding: 6px 0 6px 0
}

@media (min-width: 768px) {
    .mod-search-results .mod-search-results__form input[type="search"] {
        font-size: 42px;
        line-height: 52px;
        width: 85%;
        padding: 0
    }
}

@media (min-width: 1024px) {
    .mod-search-results .mod-search-results__form input[type="search"] {
        font-size: 48px;
        line-height: 58px;
        width: 75%;
        margin-left: 26%
    }
}

.mod-search-results .mod-search-results__form .error {
    color: red
}

.mod-search-results .mod-search-results__filters {
    display: none;
    margin-top: 20px
}

@media (min-width: 768px) {
    .mod-search-results .mod-search-results__filters {
        margin-top: 30px
    }
}

@media (min-width: 1024px) {
    .mod-search-results .mod-search-results__filters {
        margin-top: 60px;
        width: 75%;
        margin-left: 26%
    }
}

.mod-search-results.has-results .mod-search-results__filters {
    display: block
}

.mod-search-results .mod-search-results__filter {
    display: inline-block;
    color: #fff;
    width: 82px;
    font-size: 13px;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 10px;
    padding: 12px 0;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    transition: color 0.3s
}

.mod-search-results .mod-search-results__filter.disabled {
    color: gray
}

@media (min-width: 768px) {
    .mod-search-results .mod-search-results__filter {
        width: 120px;
        font-size: 14px;
        line-height: 22px;
        margin-right: 20px;
        padding: 18px 0
    }
}

@media (min-width: 1024px) {
    .mod-search-results .mod-search-results__filter {
        width: 160px;
        font-size: 18px;
        line-height: 32px
    }
}

.mod-search-results .mod-search-results__filter:last-child {
    margin-right: 0
}

.mod-search-results .mod-search-results__filter:hover {
    cursor: pointer
}

.mod-search-results .mod-search-results__filter.active {
    border-bottom: 4px solid #fff
}

.mod-search-results .mod-search-results__info {
    font-size: 12px;
    color: #ccc;
    padding: 20px 0;
    display: block
}

@media (min-width: 1024px) {
    .mod-search-results .mod-search-results__info {
        padding: 20px 0 81px 0;
        width: 75%;
        margin-left: 26%
    }
}

.mod-search-results.has-results .mod-search-results__info {
    display: none
}

.mod-search-results .mod-search-results__meta {
    display: none
}

@media (min-width: 1024px) {
    .mod-search-results .mod-search-results__meta {
        display: block;
        position: absolute;
        width: 100%;
        margin-left: 75%
    }
}

.mod-search-results.has-results .mod-search-results__meta {
    display: block
}

.mod-search-results .mod-search-results__count-wrapper {
    *zoom: 1;
    background: #a7f076;
    padding: 15px 20px;
    float: left;
    width: 102px;
    height: 80px
}

.mod-search-results .mod-search-results__count-wrapper:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 768px) {
    .mod-search-results .mod-search-results__count-wrapper {
        padding: 32px 30px;
        height: 120px;
        width: 150px
    }
}

@media (min-width: 1024px) {
    .mod-search-results .mod-search-results__count-wrapper {
        padding: 45px 40px 30px 40px;
        float: none;
        width: 100%;
        height: 170px
    }
}

.mod-search-results .mod-search-results__sort-item {
    font-size: 16px;
    line-height: 33px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    transition: color 0.3s
}

.mod-search-results .mod-search-results__sort-item:hover {
    cursor: pointer
}

@media (min-width: 1024px) {
    .mod-search-results .mod-search-results__sort-item {
        font-size: 13px
    }
}

.mod-search-results .mod-search-results__count-header {
    font-size: 11px;
    line-height: 20px;
    text-transform: uppercase
}

.mod-search-results .mod-search-results__count {
    font-size: 28px;
    line-height: 34px;
    font-weight: bold;
    color: #000
}

@media (min-width: 768px) {
    .mod-search-results .mod-search-results__count {
        font-size: 32px;
        line-height: 36px
    }
}

@media (min-width: 1024px) {
    .mod-search-results .mod-search-results__count {
        font-size: 48px;
        line-height: 65px
    }
}

.mod-search-results .mod-search-results__sort-wrapper {
    *zoom: 1;
    float: left;
    height: 80px;
    margin: 0
}

.mod-search-results .mod-search-results__sort-wrapper:after {
    content: "";
    display: table;
    clear: both
}

.mod-search-results .mod-search-results__sort-wrapper.has-results {
    background: #fff
}

@media (min-width: 768px) {
    .mod-search-results .mod-search-results__sort-wrapper {
        height: 120px
    }
}

@media (min-width: 1024px) {
    .mod-search-results .mod-search-results__sort-wrapper {
        float: none;
        width: 100%;
        height: 104px;
        padding: 0 15px
    }
}

.mod-search-results .mod-search-results__sort {
    position: relative;
    display: none;
    height: 80px;
    padding: 16px 20px
}

@media (min-width: 768px) {
    .mod-search-results .mod-search-results__sort {
        padding: 33px 20px
    }
}

@media (min-width: 1024px) {
    .mod-search-results .mod-search-results__sort {
        padding: 0 25px 11px;
        margin-top: 23px
    }
}

.mod-search-results .mod-search-results__sort .icon-dropdown-arrow {
    display: inline-block;
    margin-left: 5px;
    -moz-transition: -moz-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s
}

.mod-search-results .mod-search-results__sort-header {
    font-size: 11px;
    line-height: 18px;
    text-transform: uppercase;
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.mod-search-results .mod-search-results__sort-selection {
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    display: inline-block
}

.mod-search-results .mod-search-results__sort-selection:hover {
    cursor: pointer
}

.mod-search-results .mod-search-results__sort-dropdown {
    background: #000;
    color: #fff;
    position: absolute;
    min-width: 215px;
    top: 100%;
    left: 0;
    z-index: 9000;
    display: none;
    padding: 0 30px
}

@media (min-width: 768px) {
    .mod-search-results .mod-search-results__sort-dropdown {
        min-width: 230px
    }
}

.mod-search-results .mod-search-results__sort.open {
    background: #f4f4f4
}

@media (min-width: 1024px) {
    .mod-search-results .mod-search-results__sort.open {
        padding-top: 0
    }
}

.mod-search-results .mod-search-results__sort.open .icon-dropdown-arrow {
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.mod-search-results .mod-search-results__sort.open .mod-search-results__sort-header {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

.mod-search-results .mod-search-results__sort.open .mod-search-results__sort-dropdown {
    display: block;
    padding: 15px 20px
}

@media (min-width: 1024px) {
    .mod-search-results .mod-search-results__sort.open .mod-search-results__sort-dropdown {
        padding: 15px 25px
    }
}

.mod-search-results.has-results .mod-search-results__sort {
    display: inline-block;
    height: 100%
}

@media (min-width: 1024px) {
    .mod-search-results.has-results .mod-search-results__sort {
        height: auto
    }
}

.mod-search-results .mod-search-results__submit {
    display: none
}

.mod-search-results .mod-search-results__error {
    color: red
}

.mod-search-results__close {
    background: #fff;
    color: #000;
    width: 70px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 24px;
    z-index: 7999
}

@media (min-width: 768px) {
    .mod-search-results__close {
        width: 85px;
        height: 85px
    }
}

@media (min-width: 1024px) {
    .has-results .mod-search-results__results {
        padding: 75px 0 0 0
    }
}

.mod-search-results__results-list {
    *zoom: 1;
    margin: 0 auto
}

.mod-search-results__results-list:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 768px) {
    .mod-search-results__results-list {
        max-width: 100%
    }
}

.mod-search-results__results-container {
    position: absolute;
    top: 0;
    z-index: 7997;
    -moz-transition: opacity 0.7s;
    -o-transition: opacity 0.7s;
    -webkit-transition: opacity 0.7s;
    transition: opacity 0.7s;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    overflow: hidden
}

.mod-search-results__results-container .pagination--search-results {
    display: none
}

.mod-search-results__results-container.active {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    position: relative;
    z-index: 7998
}

.mod-search-results__results-container.active .pagination--search-results {
    display: block
}

@media (min-width: 460px) {
    .search-result {
        display: block;
        float: left;
        width: 50%
    }
}

@media (min-width: 768px) {
    .search-result {
        width: 33.3333%
    }
}

@media (min-width: 1024px) {
    .search-result {
        float: left;
        width: 25%
    }
}

@media (min-width: 768px) {
    .search-result:nth-child(3n+1) {
        clear: both
    }
}

@media (min-width: 1024px) {
    .search-result:nth-child(3n+1) {
        clear: none
    }
}

@media (min-width: 1024px) {
    .search-result:nth-child(4n+1) {
        clear: both
    }
}

.search-result__image>a {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
    margin: 0 auto;
    height: 164px
}

@media (min-width: 768px) {
    .search-result__image>a {
        height: 131px
    }
}

@media (min-width: 1024px) {
    .search-result__image>a {
        height: 153px
    }
}

.search-result__image--video .icon-video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 70px;
    color: #fff;
    margin-top: -12px
}

@media (min-width: 768px) {
    .no-touch .search-result__image>a:after {
        -moz-transition: all 0.2s ease-in-out 0s;
        -o-transition: all 0.2s ease-in-out 0s;
        -webkit-transition: all 0.2s ease-in-out;
        -webkit-transition-delay: 0s;
        transition: all 0.2s ease-in-out 0s;
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-width: 10px;
        border-color: transparent;
        border-style: solid
    }
    .no-touch .search-result__image:hover>a:after {
        border-width: 16px;
        border-color: #75b9f2
    }
    .no-touch .search-result__image.search-result__image--placeholder>a:after {
        border: none;
        border-width: 0
    }
    .no-touch .search-result__image.search-result__image--placeholder:hover>a:after {
        border: none;
        border-width: 0
    }
    .no-touch .search-result__image--placeholder:hover>a:after {
        border: none
    }
    .no-touch .search-result--winner .search-result__image:hover>a:after {
        border-color: #000
    }
    .no-touch .search-result--featured .search-result__image:hover>a:after {
        border-color: #a7f076
    }
}

.search-result--loading {
    width: 100%;
    height: 164px;
    background: #fff;
    text-align: center;
    padding-top: 62px
}

.search-result__text {
    color: #000;
    background: #75b9f2;
    position: relative;
    padding: 25px 20px 50px 20px
}

@media (min-width: 768px) {
    .search-result__text {
        padding: 25px 30px 50px 30px
    }
}

.search-result__year {
    font-size: 12px;
    line-height: 17px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 3px
}

@media (min-width: 1024px) {
    .search-result__year {
        font-size: 13px;
        line-height: 17px
    }
}

.search-result__eyebrow {
    font-size: 12px;
    line-height: 17px;
    color: #333;
    text-transform: capitalize;
    font-weight: bold
}

.search-result__eyebrow.search-result__category {
    color: #999
}

@media (min-width: 1024px) {
    .search-result__eyebrow {
        font-size: 13px;
        line-height: 17px
    }
}

.search-result__date {
    font-size: 11px;
    line-height: 20px;
    text-transform: uppercase
}

.search-result__headline {
    font-size: 24px;
    line-height: 26px;
    margin: 15px 0;
    text-transform: uppercase;
    font-weight: bold
}

.search-result__headline--winner,
.search-result__headline--featured {
    font-size: 16px;
    line-height: 22px;
    padding-top: 15px
}

.search-result__headline--winner {
    border-top: 1px solid #363636;
    margin: 15px 0 0 0
}

.search-result__organization {
    font-size: 11px;
    line-height: 20px;
    color: #959595
}

.search-result__category-list {
    margin-top: 15px
}

.search-result__category-item {
    margin: 15px 0 0 0
}

.search-result__category-item:first-child {
    margin: 0
}

.search-result__category-title {
    font-size: 12px;
    line-height: 20px
}

.search-result__category-class {
    font-size: 12px;
    line-height: 20px;
    padding-right: 5px;
    color: #a7a7a7
}

.search-result__category-class span:after {
    content: "/";
    padding: 0 2px 0 4px
}

.search-result__category-class span:last-child:after {
    display: none
}

.search-result--winner .search-result__text {
    color: #fff;
    background: #000
}

.search-result--winner a {
    color: #fff
}

.search-result--featured .search-result__text {
    color: #000;
    background: #a7f076
}

.mod-search-loading {
    display: none;
    margin-top: 20px;
    height: 48px
}

@media (min-width: 768px) {
    .mod-search-loading {
        margin-top: 30px;
        height: 62px
    }
}

@media (min-width: 1024px) {
    .mod-search-loading {
        margin-top: 60px;
        width: 75%;
        margin-left: 26%;
        height: 72px
    }
}

.search-preloader {
    position: absolute;
    top: 0;
    width: 100%;
    background: #fff;
    text-align: center;
    padding-top: 67px;
    height: 164px
}

@media (min-width: 768px) {
    .search-preloader {
        padding-top: 46px;
        height: 131px
    }
}

@media (min-width: 1024px) {
    .search-preloader {
        padding-top: 58px;
        height: 153px
    }
}

.search-result__image>img {
    visiblity: hidden
}

.mod-social-embed {
    background: #e9eaeb;
    padding: 10px;
    text-align: center;
    max-width: 360px;
    margin: 35px auto
}

@media (min-width: 768px) {
    .mod-social-embed {
        margin: 75px auto;
        max-width: none;
        width: 360px
    }
}

@media (min-width: 1024px) {
    .mod-social-embed {
        width: 500px
    }
}

.mod-social-embed__container {
    position: relative;
    padding-bottom: 120%;
    height: 0;
    overflow: hidden;
    min-height: 400px
}

@media (min-width: 336px) {
    .mod-social-embed__container {
        min-height: 440px
    }
}

.mod-social-embed__container iframe,
.mod-social-embed__container object,
.mod-social-embed__container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mod-social-feed {
    overflow: hidden;
    background: #000
}

@media (min-width: 1024px) {
    .mod-social-feed {
        max-width: 1920px;
        margin: 0 auto
    }
}

.mod-social-feed__nav-container {
    overflow: hidden;
    *zoom: 1;
    display: none;
    position: absolute;
    width: 100%;
    bottom: 60px;
    width: 128px;
    left: 50%;
    margin-left: -64px;
    height: 40px
}

@media (min-width: 768px) {
    .mod-social-feed__nav-container {
        display: block
    }
}

.mod-social-feed__nav,
.mod-social-feed__nav-divider {
    float: left
}

.mod-social-feed__nav {
    position: absolute;
    z-index: 1;
    font-size: 28px;
    top: 8px;
    cursor: pointer;
    display: block;
    color: #fff
}

.mod-social-feed__nav:hover,
.mod-social-feed__nav:active,
.mod-social-feed__nav:focus {
    color: #fff
}

.mod-social-feed__nav--prev {
    left: 0
}

.mod-social-feed__nav--next {
    right: 0
}

.mod-social-feed__nav-divider {
    width: 77px;
    height: 49px;
    border-bottom: 1px solid #fff;
    opacity: 0.3;
    position: absolute;
    -moz-transform: rotate(-45deg) translate(4px, -7px);
    -ms-transform: rotate(-45deg) translate(4px, -7px);
    -webkit-transform: rotate(-45deg) translate(4px, -7px);
    transform: rotate(-45deg) translate(4px, -7px)
}

.mod-social-feed__header {
    background: #000;
    color: #fff;
    padding: 40px 70px 28px 70px;
    text-align: center;
    position: relative
}

@media (min-width: 768px) {
    .mod-social-feed__header {
        position: absolute;
        z-index: 1;
        left: 0;
        float: left;
        width: 256px;
        height: 376px;
        padding: 65px 70px
    }
}

@media (min-width: 1024px) {
    .mod-social-feed__header:before {
        content: "";
        position: absolute;
        top: 0;
        height: 376px;
        width: 10000em;
        background: #fff;
        z-index: 2;
        right: 256px
    }
}

.mod-social-feed__header .icon {
    color: #fff
}

.mod-social-feed__header .icon-squiggle,
.mod-social-feed__header .page-header__overview:after {
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .mod-social-feed__header .icon-squiggle,
    .mod-social-feed__header .page-header__overview:after {
        margin-bottom: 36px
    }
}

.mod-social-feed__icon {
    font-size: 42px;
    line-height: 28px;
    margin: 0 0 17px 0;
    display: block
}

@media (min-width: 768px) {
    .mod-social-feed__content {
        overflow: visible !important;
        margin-left: 256px
    }
}

.mod-social-feed__title {
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    margin: 0;
    color: #fff;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none
}

@media (min-width: 768px) {
    .mod-social-feed__title {
        font-size: 24px;
        line-height: 32px
    }
}

.mod-social-feed__header-link {
    color: #fff;
    display: block
}

.mod-social-feed__carousel {
    *zoom: 1;
    width: 10000em;
    display: table;
    height: 376px;
    background: url('../../images/loader-white.gif') no-repeat 50px 50%
}

.mod-social-feed__carousel:after {
    content: "";
    display: table;
    clear: both
}

.mod-social-feed__item {
    width: 300px;
    max-width: 300px;
    display: table-cell;
    vertical-align: top;
    background: #a7f076
}

.mod-social-feed__item:nth-child(even) {
    background: #75b9f2
}

.mod-social-feed__item--twitter {
    position: relative
}

.tw-status .mod-social-feed-twitter {
    padding: 60px 55px 55px 55px;
    color: #000;
    text-align: center
}

.tw-status .mod-social-feed-twitter .icon-twitter {
    font-size: 31px;
    display: block;
    margin: 0 0 35px 0
}

.mod-social-feed-twitter__headline {
    font-size: 13px;
    line-height: 20px;
    font-weight: bold;
    margin: 0 0 35px 0
}

.mod-social-feed-twitter__headline a {
    color: #000;
    border-bottom: 1px solid #000
}

.mod-social-feed-twitter__headline a:hover {
    color: #666;
    border-bottom: 1px solid #666
}

.mod-social-feed-twitter__footer {
    position: absolute;
    bottom: 30px;
    width: 100%;
    left: 0
}

.mod-social-feed-twitter__source {
    color: #666;
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 5px
}

.mod-social-feed-twitter__source a {
    color: #666
}

.mod-social-feed-twitter__source a:hover {
    border-bottom: 1px solid #000;
    color: #000
}

.tw-status .mod-social-feed-twitter__date {
    text-transform: uppercase;
    font-size: 11px;
    line-height: 13px
}

.tw-photo .mod-social-feed-twitter {
    padding: 19px 0 0 0;
    color: #000
}

.mod-social-feed-twitter__image {
    text-align: center
}

.mod-social-feed-twitter__image>a {
    border-radius: 50%;
    display: block;
    width: 262px;
    height: 262px;
    margin: 0 auto;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.mod-social-feed-twitter__image img {
    display: none
}

.mod-social-feed-twitter__text {
    *zoom: 1;
    padding: 43px 25px 9px 25px
}

.mod-social-feed-twitter__text:after {
    content: "";
    display: table;
    clear: both
}

.mod-social-feed-twitter__text .icon-twitter {
    font-size: 26px;
    float: left;
    top: 3px
}

.tw-photo .mod-social-feed-twitter__date {
    text-transform: uppercase;
    font-size: 11px;
    float: right
}

.mod-social-feed-instagram__text {
    padding: 25px 25px 0 25px;
    color: #000;
    *zoom: 1
}

.mod-social-feed-instagram__text:after {
    content: "";
    display: table;
    clear: both
}

.mod-social-feed-instagram__text .icon-instagram {
    font-size: 29px;
    float: left
}

.mod-social-feed-instagram__source {
    color: #000;
    font-size: 10px;
    float: right
}

.mod-social-feed-instagram__source a {
    color: #000
}

.mod-social-feed-instagram__image {
    text-align: center
}

.mod-social-feed-instagram__image>a {
    display: block;
    width: 300px;
    height: 300px;
    margin: 0 auto;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.mod-social-feed-instagram__image img {
    display: none
}

.mod-social-feed__item--facebook {
    position: relative
}

.fb-photo .mod-social-feed-facebook {
    padding: 19px 0 0 0;
    color: #000
}

.mod-social-feed-facebook__image {
    text-align: center
}

.mod-social-feed-facebook__image>a {
    border-radius: 50%;
    display: block;
    width: 262px;
    height: 262px;
    margin: 0 auto;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.mod-social-feed-facebook__image img {
    display: none
}

.mod-social-feed-facebook__text {
    *zoom: 1;
    padding: 43px 25px 9px 25px
}

.mod-social-feed-facebook__text:after {
    content: "";
    display: table;
    clear: both
}

.mod-social-feed-facebook__text .icon-facebook {
    font-size: 26px;
    float: left;
    top: 3px
}

.fb-photo .mod-social-feed-facebook__date {
    text-transform: uppercase;
    font-size: 11px;
    float: right
}

.fb-status .mod-social-feed-facebook {
    padding: 60px 55px 55px 55px;
    color: #000;
    text-align: center
}

.fb-status .mod-social-feed-facebook .icon-facebook {
    font-size: 31px;
    display: block;
    margin: 0 0 35px 0
}

.mod-social-feed-facebook__headline {
    font-size: 13px;
    line-height: 20px;
    font-weight: bold;
    margin: 0 0 35px 0
}

.mod-social-feed-facebook__headline a {
    color: #000;
    border-bottom: 1px solid #000
}

.mod-social-feed-facebook__footer {
    position: absolute;
    bottom: 30px;
    width: 100%;
    left: 0
}

.mod-social-feed-facebook__source {
    color: #666;
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 5px
}

.mod-social-feed-facebook__source a {
    color: #666
}

.mod-social-feed-facebook__source a:hover {
    border-bottom: 1px solid #000;
    color: #000
}

.fb-status .mod-social-feed-facebook__date {
    text-transform: uppercase;
    font-size: 11px;
    line-height: 13px
}

.mod-sponsorship {
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden
}

@media (min-width: 1024px) {
    .mod-sponsorship {
        margin-bottom: 100px
    }
}

.mod-sponsorship__list {
    *zoom: 1;
    background: #000;
    min-width: 320px;
    overflow: hidden;
    padding: 20px 16px
}

.mod-sponsorship__list:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 768px) {
    .mod-sponsorship__list {
        min-width: 768px;
        padding: 10px 9px
    }
}

@media (min-width: 1024px) {
    .mod-sponsorship__list {
        margin: 0 auto;
        padding: 20px 0;
        float: right;
        max-width: 1024px;
        width: 100%
    }
    .mod-sponsorship__list:after {
        content: "";
        position: absolute;
        top: 0;
        right: -400px;
        background: #000;
        width: 400px;
        height: 100%;
        display: block;
        z-index: -1
    }
}

.mod-sponsorship__item {
    display: table;
    float: left;
    width: 33.3333%
}

@media (min-width: 768px) {
    .mod-sponsorship__item {
        width: 20%
    }
}

@media (min-width: 1024px) {
    .mod-sponsorship__item--view-all {
        padding: 0 10px
    }
}

.mod-sponsorship__item--6,
.mod-sponsorship__item--7,
.mod-sponsorship__item--8,
.mod-sponsorship__item--9 {
    display: none
}

@media (min-width: 768px) {
    .mod-sponsorship__item--6,
    .mod-sponsorship__item--7,
    .mod-sponsorship__item--8,
    .mod-sponsorship__item--9 {
        display: table
    }
}

.mod-sponsorship__link {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.mod-sponsorship__view-all-link {
    background-color: #2a2a2a;
    color: #fff;
    display: table-cell;
    font-size: 10px;
    font-weight: bold;
    height: 96px;
    line-height: 15px;
    text-align: center;
    vertical-align: middle
}

@media (min-width: 768px) {
    .mod-sponsorship__view-all-link {
        font-size: 14px;
        height: 150px;
        line-height: 20px
    }
}

@media (min-width: 1024px) {
    .mod-sponsorship__view-all-link {
        height: 180px;
        width: 180px
    }
}

.mod-sponsorship__view-all-link:hover {
    color: #fff;
    background-color: #4c4c4c
}

.mod-sponsorship__view-all-link:hover .icon-arrow-right::before {
    padding: 0 7px;
    box-shadow: inset 0 0 0 3px #fff;
    -webkit-box-shadow: inset 0 0 0 3px #fff;
    -moz-box-shadow: inset 0 0 0 3px #fff
}

.mod-sponsorship__view-all-link .mod-sponsorship__view-all-link__text {
    display: inline-block;
    margin: 0 auto;
    width: 50px
}

@media (min-width: 768px) {
    .mod-sponsorship__view-all-link .mod-sponsorship__view-all-link__text {
        width: 70px
    }
}

.mod-sponsorship__view-all-link .icon-arrow-right,
.mod-sponsorship__view-all-link button[type="submit"]:after {
    display: block;
    margin-top: 10px
}

@media (min-width: 768px) {
    .mod-sponsorship__view-all-link .icon-arrow-right,
    .mod-sponsorship__view-all-link button[type="submit"]:after {
        margin-top: 20px
    }
}

@media (min-width: 1024px) {
    .mod-sponsorship__view-all-link .icon-arrow-right,
    .mod-sponsorship__view-all-link button[type="submit"]:after {
        margin-top: 25px
    }
}

.mod-sponsorship__image {
    height: 96px;
    max-width: none;
    width: 96px
}

@media (min-width: 768px) {
    .mod-sponsorship__image {
        height: 150px;
        width: 150px
    }
}

@media (min-width: 1024px) {
    .mod-sponsorship__image {
        height: 180px;
        width: 180px
    }
}

.sponsor-media {
    padding: 30px 0 0 0;
    margin: 30px 0 0 0
}

.mod-sub-navigation__open {
    *zoom: 1;
    background: #000;
    cursor: pointer;
    display: block;
    padding: 20px 20px
}

.mod-sub-navigation__open:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 1024px) {
    .mod-sub-navigation__open {
        display: none
    }
}

.mod-sub-navigation__open .icon-arrow-right,
.mod-sub-navigation__open button[type="submit"]:after {
    color: #fff;
    float: right;
    top: 0px
}

.mod-sub-navigation__container {
    display: none;
    overflow: auto
}

@media (min-width: 1024px) {
    .mod-sub-navigation__container {
        display: block !important;
        position: static
    }
}

.is-sub-nav--opened .mod-sub-navigation__container {
    background: rgba(0, 0, 0, 0.7);
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9990
}

@media (min-width: 1024px) {
    .is-sub-nav--opened .mod-sub-navigation__container {
        position: static
    }
}

.mod-sub-navigation__wrap {
    left: 0;
    height: 100%;
    overflow: auto;
    position: fixed;
    z-index: 9990;
    top: 0;
    width: 100%;
    -webkit-overflow-scrolling: touch
}

@media (min-width: 768px) {
    .mod-sub-navigation__wrap {
        left: auto;
        height: 100%;
        right: 0;
        width: 480px
    }
}

@media (min-width: 1024px) {
    .mod-sub-navigation__wrap {
        display: block;
        height: auto;
        overflow: visible;
        position: relative;
        width: 100%
    }
}

.mod-sub-navigation__trigger {
    color: #fff;
    font-size: 13px;
    font-weight: bold
}

.mod-sub-navigation__header {
    background-color: #75b9f2;
    font-size: 18px;
    height: 60px;
    padding: 20px;
    position: relative
}

@media (min-width: 768px) {
    .mod-sub-navigation__header {
        font-size: 1.53125em;
        height: 83px;
        padding: 20px 20px 30px 40px
    }
}

@media (min-width: 1024px) {
    .mod-sub-navigation__header {
        display: none;
        padding-left: 20px
    }
}

.mod-sub-navigation__header-title {
    font-size: 18px;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .mod-sub-navigation__header-title {
        font-size: 1.53125em
    }
}

.mod-sub-navigation__close {
    background: #000;
    color: #fff;
    font-size: 24px;
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px
}

@media (min-width: 768px) {
    .mod-sub-navigation__close {
        height: 83px;
        width: 83px
    }
}

.mod-sub-navigation__menu {
    background: #fff;
    padding: 40px 20px
}

@media (min-width: 768px) {
    .mod-sub-navigation__menu {
        padding: 40px 20px 40px 40px
    }
}

@media (min-width: 1024px) {
    .mod-sub-navigation__menu {
        padding: 60px 40px
    }
}

.mod-sub-navigation__item {
    font-size: 18px;
    font-weight: bold
}

@media (min-width: 768px) {
    .mod-sub-navigation__item {
        font-size: 20px
    }
}

@media (min-width: 1024px) {
    .mod-sub-navigation__item {
        font-size: 13px;
        font-weight: normal;
        line-height: 20px
    }
}

.mod-sub-navigation__link {
    color: #000;
    border-bottom: 1px solid transparent;
    display: inline-block;
    position: relative;
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .mod-sub-navigation__link {
        margin-bottom: 30px
    }
}

@media (min-width: 1024px) {
    .mod-sub-navigation__link {
        margin-bottom: 20px
    }
}

.mod-sub-navigation__link:hover {
    border-bottom: 1px solid #000
}

.mod-sub-navigation__link--active {
    border-bottom: 1px solid #000;
    font-weight: bold
}

.mod-sub-navigation__link--trigger {
    margin-right: 12px
}

@media (min-width: 1024px) {
    .mod-sub-navigation__link--trigger {
        margin-right: 13px
    }
}

.mod-sub-navigation__icon-toggle:before {
    color: #000;
    content: '+';
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    right: -2px;
    top: -3px
}

@media (min-width: 1024px) {
    .mod-sub-navigation__icon-toggle:before {
        font-size: 15px
    }
}

.active .mod-sub-navigation__icon-toggle:before {
    content: '-';
    font-size: 24px;
    right: 0;
    top: -4px
}

@media (min-width: 1024px) {
    .active .mod-sub-navigation__icon-toggle:before {
        font-size: 20px;
        top: -6px
    }
}

.mod-sub-navigation__sub-wrap {
    display: none
}

.mod-sub-navigation__item.active-item>.mod-sub-navigation__sub-wrap,
.mod-sub-navigation__item.open>.mod-sub-navigation__sub-wrap {
    display: block
}

.mod-sub-navigation__sub-menu {
    padding: 5px 0 0 30px
}

@media (min-width: 1024px) {
    .mod-sub-navigation__sub-menu {
        padding: 0 0 10px 25px
    }
}

.mod-sub-navigation__sub-item {
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    margin-bottom: 20px
}

.mod-sub-navigation__sub-item.active a {
    color: #000;
    border-bottom: 1px solid #000
}

@media (min-width: 768px) {
    .mod-sub-navigation__sub-item {
        font-size: 13px
    }
}

@media (min-width: 1024px) {
    .mod-sub-navigation__sub-item {
        font-size: 12px
    }
}

@media (min-width: 1024px) {
    .mod-sub-navigation__sub-link {
        color: #000
    }
    .mod-sub-navigation__sub-link:hover {
        border-bottom: 1px solid #000
    }
}

.mod-sub-navigation__sub-link--active {
    border-bottom: 1px solid #000;
    font-weight: bold
}

.mod-sub-navigation__logo {
    display: none;
    width: 480px;
    height: 600px;
    position: fixed;
    right: 0;
    background: url('../../images/webby-logo-cutout.png') no-repeat left bottom
}

@media (min-width: 768px) {
    .mod-sub-navigation__logo {
        display: block
    }
}

@media (min-width: 1024px) {
    .mod-sub-navigation__logo {
        display: none
    }
}

.mod-promo {
    max-width: 320px;
    margin: 0 auto;
    line-height: normal;
    background: #fff;
    height: 250px;
    position: relative;
    padding: 21px 0;
    overflow: hidden
}

@media (min-width: 768px) {
    .mod-promo {
        max-width: none;
        margin: 0
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    .winners-header .mod-promo,
    .page-header .mod-promo {
        *zoom: 1;
        max-width: none;
        height: auto;
        overflow: visible;
        line-height: 1;
        background: #f2f2f2;
        padding: 23px 20px;
        text-transform: uppercase;
        color: #000;
        font-size: 11px
    }
    .winners-header .mod-promo:after,
    .page-header .mod-promo:after {
        content: "";
        display: table;
        clear: both
    }
}

.mod-promo:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 250px solid #a7f076;
    border-left: 420px solid transparent;
    position: absolute;
    top: 0;
    left: 0
}

.page-header--article .mod-promo:before {
    border-bottom: 250px solid #75b9f2
}

@media (min-width: 0px) and (max-width: 767px) {
    .winners-header .mod-promo:before,
    .page-header .mod-promo:before {
        display: none
    }
}

.mod-promo__container {
    display: block;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: #000;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    position: relative;
    padding-top: 48px
}

@media (min-width: 0px) and (max-width: 767px) {
    .winners-header .mod-promo__container,
    .page-header .mod-promo__container {
        display: inline;
        width: auto;
        height: auto;
        border-radius: 0;
        background: none;
        text-align: center;
        color: #000;
        padding-top: 0
    }
}

.mod-promo__label {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    display: block;
    position: absolute;
    top: 30px;
    left: -25px;
    background: #fff;
    padding: 2px 5px;
    color: #000
}

@media (min-width: 0px) and (max-width: 767px) {
    .winners-header .mod-promo__label,
    .page-header .mod-promo__label {
        display: inline;
        font-weight: bold;
        margin-right: 1px;
        position: static;
        background: none;
        padding: 0
    }
}

.mod-promo__headline {
    display: block;
    font-size: 12px;
    margin-bottom: 13px;
    text-transform: uppercase
}

@media (min-width: 0px) and (max-width: 767px) {
    .winners-header .mod-promo__headline,
    .page-header .mod-promo__headline {
        display: inline;
        font-size: 11px;
        margin-bottom: 0
    }
}

.mod-promo__days {
    display: block;
    font-size: 50px;
    line-height: 50px;
    letter-spacing: -1px
}

@media (min-width: 0px) and (max-width: 767px) {
    .winners-header .mod-promo__days,
    .page-header .mod-promo__days {
        display: inline;
        font-size: 11px;
        line-height: normal;
        letter-spacing: 0
    }
}

.mod-promo__link {
    float: none;
    color: #fff;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    font-size: 16px
}

.mod-promo__link:hover {
    color: #fff;
    border-color: #fff
}

@media (min-width: 0px) and (max-width: 767px) {
    .winners-header .mod-promo__link,
    .page-header .mod-promo__link {
        text-transform: none;
        font-weight: bold;
        border-bottom: 1px solid #000;
        color: #000;
        font-size: 13px;
        float: right
    }
}

.mod-winners {
    line-height: 0;
    *zoom: 1;
    margin: 0 auto
}

.mod-winners:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 768px) {
    .mod-winners {
        margin: 100px auto
    }
}

@media (min-width: 1024px) {
    .mod-winners {
        max-width: 100%
    }
}

.mod-winners__header {
    background: #000;
    border-color: #000;
    border-style: solid;
    border-width: 20px 15px;
    text-align: center
}

@media (min-width: 768px) {
    .mod-winners__header {
        border-width: 25px 20px
    }
}

@media (min-width: 1024px) {
    .mod-winners__header {
        border-width: 30px 25px;
        padding: 13px;
        margin: 0 18.75%
    }
}

.mod-winners__title {
    font-size: 14px;
    line-height: 19px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0
}

.mod-winners__title a.mod-winners__link {
    color: #fff
}

@media (min-width: 1024px) {
    .mod-winners__title {
        font-size: 17px;
        line-height: 22px
    }
}

.mod-winners__sub-category {
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    text-transform: none;
    display: block;
    padding-top: 5px
}

@media (min-width: 768px) {
    .mod-winners__sub-category {
        display: inline-block;
        font-size: 14px;
        padding-top: 0
    }
    .mod-winners__sub-category:before {
        content: "/";
        color: #fff;
        padding: 0 10px 0 6px
    }
}

@media (min-width: 1024px) {
    .mod-winners__sub-category {
        font-size: 17px
    }
}

.mod-winners__image {
    background: #000 url('../../images/winners-detail-no-image_620x317.jpg') no-repeat right bottom;
    background-size: cover;
    text-align: center;
    border-color: #000;
    border-style: solid;
    border-width: 0;
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%
}

.mod-winners__image:after {
    padding-top: 56.25%;
    display: block;
    content: ''
}

.mod-winners__image>* {
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0
}

.mod-winners__image>* img {
    display: none !important
}

.mod-winners__text {
    border-color: #000;
    border-style: solid;
    padding: 0 20px 30px 20px;
    text-align: center;
    color: #000
}

.mod-winners__text .icon-squiggle,
.mod-winners__text .page-header__overview:after {
    display: block;
    margin-top: 12px;
    margin-bottom: 15px;
    position: relative;
    z-index: 1
}

.mod-winners__text a.mod-winners__link {
    display: inline-block
}

.mod-winners__text a.mod-winners__link:hover .mod-winners__headline {
    text-decoration: underline
}

@media (min-width: 768px) {
    .mod-winners__text {
        padding: 0 20px 25px 20px
    }
    .mod-winners__text .icon-squiggle,
    .mod-winners__text .page-header__overview:after {
        margin-top: 20px;
        margin-bottom: 25px
    }
}

@media (min-width: 1024px) {
    .mod-winners__text .icon-squiggle,
    .mod-winners__text .page-header__overview:after {
        margin-top: 25px;
        margin-bottom: 25px
    }
}

.mod-winners__date {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: relative;
    display: table;
    color: #fff;
    background: #000;
    padding: 10px 20px 12px 20px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 40px
}

@media (min-width: 768px) {
    .mod-winners__date {
        padding: 0 35px 15px 35px;
        font-size: 20px;
        margin-bottom: 30px
    }
}

@media (min-width: 1024px) {
    .mod-winners__date {
        padding: 20px 40px 20px 40px;
        margin-bottom: 43px
    }
}

.mod-winners__subhead {
    clear: both
}

.mod-winners__headline {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
    padding: 0 20px
}

@media (min-width: 768px) {
    .mod-winners__headline {
        font-size: 24px;
        line-height: 29px;
        padding: 0 35px
    }
}

@media (min-width: 1024px) {
    .mod-winners__headline {
        padding: 0 20px
    }
}

.mod-winners__sub-headline {
    font-size: 11px;
    padding-top: 8px
}

.mod-ad-breaker--winners {
    margin-bottom: 100px
}

@media (min-width: 1024px) {
    .mod-winners--1up .mod-winners__header {
        border-width: 35px 20px 20px 20px
    }
}

.mod-winners--1up .mod-winners__image {
    border-width: 0 15px
}

@media (min-width: 768px) {
    .mod-winners--1up .mod-winners__image {
        border-width: 0 20px 20px 20px
    }
}

@media (min-width: 1024px) {
    .mod-winners--1up .mod-winners__image {
        -sgs-span-settings: ("span": 23.5, "location": 1, "grid": 32, "gutter": 0, "style": "fixed", "start row": true, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 73.4375%;
        float: left;
        margin-right: -100%;
        clear: none;
        padding-right: 0;
        border-width: 20px 20px 20px 20px
    }
}

.mod-winners--1up .mod-winners__text {
    border-width: 3px 15px 15px 15px
}

@media (min-width: 768px) {
    .mod-winners--1up .mod-winners__text {
        margin: 0 9.375%;
        border-width: 0 20px 20px 20px
    }
}

@media (min-width: 1024px) {
    .mod-winners--1up .mod-winners__text {
        -sgs-span-settings: ("span": 9, "location": 24, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": true, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 28.125%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        padding-right: 0;
        border-width: 20px 20px 20px 20px;
        padding: 0 20px 65px 20px
    }
}

.mod-winners--1up .mod-winners__headline {
    -ms-word-break: break-all;
    word-break: break-word
}

.mod-winners--2up {
    border-color: #000;
    border-style: solid;
    border-width: 0 15px 15px 15px
}

@media (min-width: 768px) {
    .mod-winners--2up {
        border-width: 0
    }
}

.mod-winners--2up .mod-winners__divider {
    display: none
}

@media (min-width: 768px) {
    .mod-winners--2up .mod-winners__divider {
        display: block;
        background: url('../../images/bg-vertical-line.png') repeat-y top center;
        position: absolute;
        width: 40px;
        bottom: 10px;
        right: -20px;
        height: 93%;
        font-size: 50px;
        color: #000
    }
}

.mod-winners--2up .mod-winners__x-symbol {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transform: translateX(-50%) translateY(-50%) scaleX(1.3);
    -ms-transform: translateX(-50%) translateY(-50%) scaleX(1.3);
    -webkit-transform: translateX(-50%) translateY(-50%) scaleX(1.3);
    transform: translateX(-50%) translateY(-50%) scaleX(1.3);
    font-size: 50px;
    font-weight: normal;
    padding-top: 40px;
    padding-bottom: 40px;
    background: #fff
}

@media (min-width: 1024px) {
    .mod-winners--2up .mod-winners__x-symbol {
        font-size: 88px
    }
}

@media (min-width: 768px) {
    .mod-winners--2up .mod-winners__contestants-container {
        *zoom: 1;
        border-color: #000;
        border-style: solid;
        border-width: 0 0 20px 0
    }
    .mod-winners--2up .mod-winners__contestants-container:after {
        content: "";
        display: table;
        clear: both
    }
}

.mod-winners--2up .mod-winners__contestant {
    line-height: 0
}

@media (min-width: 768px) {
    .mod-winners--2up .mod-winners__contestant {
        float: left;
        width: 50%
    }
}

.mod-winners--2up .mod-winners__text {
    position: relative;
    border-width: 3px 0 0 0
}

@media (min-width: 768px) {
    .mod-winners--2up .mod-winners__text {
        padding: 0 20px 65px 20px
    }
}

@media (min-width: 1024px) {
    .mod-winners--2up .mod-winners__text {
        padding: 0 1.5625% 85px 1.5625%
    }
}

@media (min-width: 768px) {
    .mod-winners--2up .mod-winners__contestant--1 .mod-winners__text {
        border-width: 3px 0 0 20px
    }
}

@media (min-width: 768px) {
    .mod-winners--2up .mod-winners__contestant--2 .mod-winners__text {
        border-width: 3px 20px 0 0
    }
}

@media (min-width: 768px) {
    .mod-winners--2up .mod-winners__headline {
        font-size: 18px;
        line-height: 22px
    }
}

@media (min-width: 1024px) {
    .mod-winners--2up .mod-winners__headline {
        font-size: 24px;
        line-height: 28px;
        padding: 0 80px
    }
}

@media (min-width: 768px) {
    .mod-winners--2up .mod-winners__date {
        padding: 10px 20px 12px 20px;
        font-size: 14px;
        margin-bottom: 30px
    }
}

@media (min-width: 1024px) {
    .mod-winners--2up .mod-winners__date {
        padding: 20px 40px 20px 40px;
        font-size: 20px;
        margin-bottom: 35px
    }
}

@media (min-width: 768px) {
    .mod-winners--2up .mod-winners__sub-headline {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 30px
    }
}

@media (min-width: 1024px) {
    .mod-winners--2up .mod-winners__sub-headline {
        bottom: 60px
    }
}

.mod-5-word-speeches {
    padding: 20px 20px 60px 20px;
    height: 100%;
    position: relative;
    z-index: 1;
    color: #000;
    overflow: hidden
}

.mod-fixed-grid .mod-5-word-speeches {
    padding: 25px 20px 30px 20px;
    min-height: 320px
}

@media (min-width: 768px) {
    .mod-5-word-speeches {
        padding: 30px 48px 85px 48px
    }
    .mod-fixed-grid .mod-5-word-speeches {
        padding: 30px 30px 30px 33px;
        min-height: 0
    }
}

@media (min-width: 1024px) {
    .mod-5-word-speeches {
        padding: 30px 80px 100px 80px;
        width: 65.625%;
        margin-left: 6.25%
    }
    .mod-fixed-grid .mod-5-word-speeches {
        padding: 50px 15px 0 35px;
        width: 100%;
        margin-left: 0
    }
}

.mod-5-word-speeches__subhead {
    margin: 0 0 25px 0
}

.mod-fixed-grid .mod-5-word-speeches__subhead {
    margin-bottom: 40px
}

@media (min-width: 768px) {
    .mod-5-word-speeches__subhead {
        margin-bottom: 40px
    }
}

@media (min-width: 1024px) {
    .mod-5-word-speeches__subhead {
        margin-bottom: 25px
    }
}

.mod-5-word-speeches__headline {
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    width: 67%
}

.mod-fixed-grid .mod-5-word-speeches__headline {
    font-size: 34px;
    line-height: 32px;
    width: 50%
}

@media (min-width: 768px) {
    .mod-5-word-speeches__headline {
        font-size: 36px;
        line-height: 33px;
        margin-bottom: 15px;
        width: 90%
    }
    .mod-fixed-grid .mod-5-word-speeches__headline {
        font-size: 40px;
        line-height: 38px
    }
}

@media (min-width: 1024px) {
    .mod-5-word-speeches__headline {
        width: 55%
    }
    .mod-fixed-grid .mod-5-word-speeches__headline {
        width: 100%;
        margin-bottom: 30px
    }
}

@media (min-width: 1280px) {
    .mod-fixed-grid .mod-5-word-speeches__headline {
        font-size: 50px;
        line-height: 45px
    }
}

.mod-5-word-speeches__headline:before {
    content: "“";
    display: block;
    z-index: -1;
    position: absolute;
    top: 190px;
    right: -68px;
    color: #a7f076;
    font-size: 600px
}

.mod-fixed-grid .mod-5-word-speeches__headline:before {
    top: 225px;
    right: -50px;
    font-size: 700px
}

@media (min-width: 768px) {
    .mod-5-word-speeches__headline:before {
        top: 230px;
        right: -95px;
        font-size: 720px
    }
    .mod-fixed-grid .mod-5-word-speeches__headline:before {
        top: 310px;
        right: -105px;
        font-size: 1000px
    }
}

@media (min-width: 1024px) {
    .mod-5-word-speeches__headline:before {
        right: -55px
    }
}

.mod-5-word-speeches__author {
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 4px 0
}

@media (min-width: 768px) {
    .mod-5-word-speeches__author {
        font-size: 14px;
        line-height: 19px
    }
}

.mod-5-word-speeches__category {
    font-size: 11px;
    line-height: 15px
}

@media (min-width: 768px) {
    .mod-5-word-speeches__category {
        font-size: 12px;
        line-height: 17px
    }
}

@media (min-width: 1024px) {
    .mod-5-word-speeches__category {
        font-size: 13px;
        line-height: 18px
    }
}

.mod-5-word-speeches__refresh {
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
    padding: 0;
    background: #000;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: #fff;
    font-size: 29px
}

.mod-5-word-speeches__refresh .icon-refresh {
    color: #fff;
    top: 2px
}

.mod-5-word-speeches__refresh:hover {
    color: #fff
}

.mod-5-word-speeches__refresh:hover .icon-refresh {
    color: #000
}

@media (min-width: 768px) {
    .mod-5-word-speeches__refresh {
        top: 20px;
        right: 25px
    }
}

@media (min-width: 1024px) {
    .mod-5-word-speeches__refresh {
        top: 35px;
        right: 35px;
        width: 50px;
        height: 50px;
        font-size: 32px
    }
    .mod-5-word-speeches__refresh .icon-refresh {
        top: 5px
    }
}

.mod-content {
    min-height: 320px;
    position: relative;
    height: 100%;
    background: #fff
}

@media (min-width: 768px) {
    .mod-content {
        min-height: 0
    }
}

.mod-content__image>a {
    display: block;
    position: relative;
    z-index: 1
}

.mod-content__image .icon-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 70px;
    color: #fff
}

.mod-content__text {
    color: #000;
    position: relative;
    text-align: center;
    padding: 30px 40px
}

@media (min-width: 768px) {
    .mod-content__text {
        padding: 45px 50px 65px 50px
    }
}

.mod-content__text:before {
    height: 0;
    width: 0;
    border: solid 35px transparent;
    border-top: none;
    border-bottom: solid 35px #fff;
    border-left: 17.5px;
    content: "";
    position: absolute;
    top: -34px;
    left: 0;
    z-index: 1
}

.mod-content__headline {
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    text-transform: uppercase;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none
}

@media (min-width: 768px) {
    .mod-content__headline {
        font-size: 18px;
        line-height: 26px
    }
}

@media (min-width: 1024px) {
    .mod-content__headline {
        font-size: 24px;
        line-height: 30px
    }
}

.mod-content__headline>a:hover {
    text-decoration: underline
}

.mod-content--v2,
.mod-content--v3 {
    background: #75b9f2
}

.mod-content--v2 .mod-content__text:before,
.mod-content--v3 .mod-content__text:before {
    height: 0;
    width: 0;
    border: solid 35px transparent;
    border-top: none;
    border-bottom: solid 35px #75b9f2;
    border-left: 17.5px
}

@media (min-width: 768px) {
    .mod-content--v3 {
        *zoom: 1
    }
    .mod-content--v3:after {
        content: "";
        display: table;
        clear: both
    }
}

@media (min-width: 768px) {
    .mod-content--v3 .mod-content__image {
        float: right;
        width: 50%
    }
}

@media (min-width: 768px) {
    .mod-content--v3 .mod-content__text {
        float: left;
        width: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .mod-content--v3 .mod-content__text:before {
        height: 0;
        width: 0;
        border: solid 35px transparent;
        border-bottom: none;
        border-top: solid 35px #75b9f2;
        border-left: 17.5px;
        top: 0;
        left: auto;
        right: -35px
    }
}

.mod-featured-winner {
    min-height: 320px;
    position: relative;
    height: 100%
}

@media (min-width: 768px) {
    .mod-featured-winner {
        min-height: 0
    }
}

.mod-featured-winner__image {
    display: block
}

.mod-featured-winner__text {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    text-align: center;
    padding: 25px 20px 27px 20px
}

@media (min-width: 768px) {
    .mod-featured-winner__subhead {
        margin-bottom: 15px
    }
}

.mod-featured-winner__subhead>a {
    color: #fff
}

.mod-featured-winner__headline {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 5px 0;
    color: #fff;
    text-transform: uppercase
}

.mod-featured-winner__headline>a {
    color: #fff
}

.mod-featured-winner__headline>a:hover {
    text-decoration: underline
}

.mod-featured-winner__description {
    font-size: 11px;
    line-height: 16px;
    margin: 0
}

.mod-hero__image {
    max-width: 1600px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right 0;
    height: 473px
}

@media (min-width: 768px) {
    .mod-hero__image {
        height: 884px
    }
}

@media (min-width: 1024px) {
    .mod-hero__image {
        height: 1067px;
        margin-left: -320px;
        margin-right: 28.125%
    }
}

.mod-hero__text {
    position: absolute;
    bottom: 20px;
    left: 20px
}

@media (min-width: 768px) {
    .mod-hero__text {
        bottom: 35px;
        left: 35px
    }
}

@media (min-width: 1024px) {
    .mod-hero__text {
        bottom: 140px;
        left: 40px
    }
}

.mod-hero__subhead {
    margin-bottom: 5px
}

@media (min-width: 768px) {
    .mod-hero__subhead {
        margin-bottom: 8px
    }
}

@media (min-width: 1024px) {
    .mod-hero__subhead {
        margin-bottom: 13px
    }
}

.mod-hero__subhead.highlight {
    margin-left: 10px
}

@media (min-width: 768px) {
    .mod-hero__subhead.highlight {
        margin-left: 15px
    }
}

.mod-hero__subhead.highlight span {
    font-weight: normal;
    font-size: 12px;
    text-transform: none
}

@media (min-width: 768px) {
    .mod-hero__subhead.highlight span {
        font-size: 14px
    }
}

@media (min-width: 1024px) {
    .mod-hero__subhead.highlight span {
        padding: 3px 6px
    }
}

.mod-hero__headline {
    font-size: 26px;
    line-height: 26px;
    margin: 0 0 9px 0;
    max-width: 210px
}

.mod-hero__headline.highlight {
    margin-left: 10px
}

@media (min-width: 768px) {
    .mod-hero__headline.highlight {
        margin-left: 15px
    }
}

.mod-hero__headline.highlight span {
    padding: 0
}

@media (min-width: 1024px) {
    .mod-hero__headline.highlight span .highlight {
        padding: 0 6px
    }
}

.mod-hero__headline.highlight span a {
    position: relative
}

@media (min-width: 768px) {
    .mod-hero__headline {
        font-size: 50px;
        line-height: 50px;
        margin-bottom: 12px;
        max-width: 670px
    }
}

@media (min-width: 1024px) {
    .mod-hero__headline {
        font-size: 78px;
        line-height: 78px;
        margin-bottom: 15px
    }
}

.mod-hero__sidebar {
    display: none
}

@media (min-width: 1024px) {
    .mod-hero__sidebar {
        display: block;
        width: 28.125%;
        position: absolute;
        top: 0;
        right: 0;
        background-image: url('../../images/webby-logo-cutout.png');
        background-repeat: no-repeat;
        background-position: 0 -30px;
        height: 980px;
        padding: 160px 0 0 0
    }
}

.mod-hero--full>.wrap {
    background: none
}

.mod-hero--full .mod-hero__image {
    background-position: 0 0
}

@media (min-width: 1024px) {
    .mod-hero--full .mod-hero__image {
        margin-right: 0
    }
}

@media (min-width: 768px) {
    .mod-hero--full .mod-hero__text {
        bottom: 245px
    }
}

@media (min-width: 1024px) {
    .mod-hero--full .mod-hero__text {
        bottom: 385px
    }
}

@media (min-width: 1024px) {
    .mod-hero--full .mod-hero__headline {
        font-size: 50px;
        line-height: 50px
    }
}

.mod-netted {
    background: #a7f076;
    height: 100%;
    padding: 35px;
    text-align: center;
    color: #000;
    min-height: 320px
}

@media (min-width: 768px) {
    .mod-netted {
        min-height: 0;
        padding-top: 0;
        padding-bottom: 0
    }
}

.mod-netted .icon-netted {
    font-size: 43px;
    line-height: 28px;
    margin: 0 0 15px 0;
    display: block
}

.mod-netted .icon-squiggle,
.mod-netted .page-header__overview:after {
    margin-bottom: 15px
}

.mod-netted fieldset.form-field label.error {
    font-size: 12px;
    line-height: 14px;
    bottom: 8px
}

.mod-netted__blurb {
    width: 75%;
    max-width: 300px;
    margin: -10px auto 15px auto;
    background: #fff;
    font-size: 12px;
    line-height: 17px;
    text-transform: uppercase;
    padding: 20px 20px 15px 20px
}

@media (min-width: 768px) {
    .mod-netted__blurb {
        width: 67%
    }
}

.mod-netted__description {
    font-size: 11px;
    line-height: 16px;
    margin: 0 0 15px 0
}

.mod-netted__subhead {
    text-transform: uppercase
}

.mod-netted__date {
    font-size: 50px;
    line-height: 55px;
    margin: 0 0 7px 0;
    font-weight: bold
}

.mod-netted__day {
    display: inline-block;
    text-align: center;
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    text-transform: uppercase;
    background: #000;
    color: #fff;
    padding: 4px 6px
}

.mod-netted__link {
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline
}

.mod-netted__meta {
    display: none
}

.mod-netted__meta.active {
    display: block
}

.mod-netted__newsletter {
    display: none
}

.mod-netted__newsletter.active {
    display: block;
    padding-top: 20px
}

.mod-netted__newsletter input[type="email"] {
    font-size: 12px
}

.mod-netted__submit {
    margin: 0 auto
}

.mod-netted__success {
    padding-top: 20px;
    min-height: 96px
}

@media (min-width: 1024px) {
    .mod-netted__success {
        min-height: 91px
    }
}

.mod-text {
    min-height: 320px;
    height: 100%;
    display: table;
    width: 100%;
    text-align: center;
    background: #a7f076;
    color: #000;
    padding: 60px
}

@media (min-width: 768px) {
    .mod-text {
        min-height: 0
    }
}

@media (min-width: 1024px) {
    .mod-text {
        padding: 60px 85px
    }
}

.mod-text__container {
    display: table-cell;
    height: 100%;
    vertical-align: middle
}

.mod-text__headline {
    font-size: 25px;
    line-height: 32px;
    text-transform: uppercase;
    color: #000;
    margin: 0;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none
}

@media (min-width: 768px) {
    .mod-text__headline {
        font-size: 28px;
        line-height: 38px
    }
}

@media (min-width: 1024px) {
    .mod-text__headline {
        font-size: 35px;
        line-height: 45px
    }
}

.mod-text__headline>a:hover {
    text-decoration: underline
}

.mod-text__icon {
    font-size: 41px;
    line-height: 30px
}

.mod-text__meta {
    font-size: 10px;
    line-height: 15px;
    margin: 12px 0 0 0
}

@media (min-width: 768px) {
    .mod-text__meta {
        font-size: 11px;
        line-height: 16px
    }
}

.mod-text--quote .mod-text__headline {
    text-transform: none
}

.mod-webby-talk {
    min-height: 320px;
    background: #000;
    height: 100%;
    padding: 30px 35px;
    text-align: center;
    color: #fff
}

@media (min-width: 768px) {
    .mod-webby-talk {
        min-height: 0;
        padding: 40px 35px
    }
}

.mod-webby-talk__icon {
    font-size: 41px;
    line-height: 30px;
    margin: 0 0 15px 0;
    display: block
}

.mod-webby-talk .icon-squiggle,
.mod-webby-talk .page-header__overview:after {
    margin-bottom: 25px
}

.mod-webby-talk__blurb {
    width: 75%;
    max-width: 300px;
    margin: 0 auto;
    background: #fff;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 20px 7px 20px;
    color: #000
}

@media (min-width: 768px) {
    .mod-webby-talk__blurb {
        width: 67%
    }
}

@media (min-width: 1024px) {
    .mod-webby-talk__blurb {
        font-size: 24px;
        line-height: 30px;
        padding: 5px 10px 7px 10px
    }
}

.mod-webby-talk__subhead {
    text-transform: uppercase
}

.mod-webby-talk__date {
    font-size: 50px;
    line-height: 55px;
    margin: 0 0 15px 0;
    font-weight: bold
}

.mod-webby-talk__location {
    font-size: 12px;
    line-height: 17px;
    margin: 0 0 22px 0
}

@media (min-width: 1024px) {
    .mod-webby-talk__location {
        margin-bottom: 40px
    }
}

.mod-press-photos {
    max-width: 320px;
    margin: 0 auto;
    padding: 0 20px
}

@media (min-width: 768px) {
    .mod-press-photos {
        max-width: none;
        padding: 0 48px;
        margin-top: 60px
    }
}

@media (min-width: 1024px) {
    .mod-press-photos {
        padding: 0 0 0 80px;
        margin-left: 6.25%;
        max-width: 1000px
    }
}

@media (min-width: 768px) {
    .mod-press-photos__list {
        *zoom: 1
    }
    .mod-press-photos__list:after {
        content: "";
        display: table;
        clear: both
    }
}

.mod-press-photos__item {
    margin: 0 0 20px 0
}

@media (min-width: 768px) {
    .mod-press-photos__item {
        background-color: #000;
        float: left;
        margin-bottom: 1%;
        margin-left: 1%;
        min-height: 475px;
        width: 32.3333%
    }
}

@media (min-width: 1024px) {
    .mod-press-photos__item {
        min-height: 496px;
        width: 24%
    }
}

@media (min-width: 768px) {
    .mod-press-photos__item:nth-child(3n-2) {
        clear: left;
        margin-left: 0
    }
}

@media (min-width: 1024px) {
    .mod-press-photos__item:nth-child(3n-2) {
        clear: none;
        margin-left: 1%
    }
}

@media (min-width: 1024px) {
    .mod-press-photos__item:nth-child(4n+1) {
        clear: left;
        margin-left: 0
    }
}

@media (min-width: 768px) {
    .mod-press-photos__item--alt {
        background-color: #fff
    }
}

.mod-press-photos__caption {
    background-color: #000;
    padding: 15px
}

@media (min-width: 768px) {
    .mod-press-photos__caption {
        min-height: 135px
    }
}

.mod-press-photos__caption p {
    color: #fff;
    font-size: 12px;
    line-height: 19px;
    margin: 0
}

.entry-container {
    *zoom: 1;
    margin: 60px 0
}

.entry-container:after {
    content: "";
    display: table;
    clear: both
}

.entry-header {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 30px;
    text-transform: uppercase;
    width: 65%
}

@media (min-width: 768px) {
    .entry-header {
        float: left;
        width: 20%
    }
}

@media (min-width: 1024px) {
    .entry-header {
        font-size: 16px;
        line-height: 21px
    }
}

.entry-header::before {
    content: "";
    border-bottom: 1px solid #000;
    display: block;
    margin-bottom: 30px;
    width: 20px
}

.entry-form {
    *zoom: 1
}

.entry-form:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 768px) {
    .entry-form {
        float: right;
        width: 70%
    }
    .entry-form .form-field {
        float: left;
        width: 48%
    }
    .entry-form .form-field:first-child,
    .entry-form .form-field:nth-child(7n),
    .entry-form .form-field:nth-child(9n) {
        margin-right: 4%
    }
    .entry-form .form-field--full {
        display: block;
        width: 100%
    }
}

fieldset.entry-form__submit {
    float: left;
    margin-top: 25px;
    padding: 0;
    width: 100%
}

.entry-privacy-link {
    font-size: 12px;
    margin-left: 10px;
    text-decoration: underline
}

@media (min-width: 1024px) {
    .entry-privacy-link {
        font-size: 14px
    }
}

.mod-entry_success {
    float: left;
    padding-top: 26px;
    text-indent: 30px
}

.mod-winners-form {
    background: #f4f4f4;
    padding: 40px 20px;
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .mod-winners-form {
        padding: 50px 60px;
        margin: 0 0 60px 0
    }
}

@media (min-width: 1024px) {
    .mod-winners-form {
        padding: 60px;
        margin: 0 0 80px 0
    }
}

.mod-winners-form p {
    font-size: 12px;
    line-height: 22px
}

@media (min-width: 768px) {
    .mod-winners-form p {
        font-size: 14px;
        line-height: 24px
    }
}

@media (min-width: 768px) {
    .mod-winners-form .form-field {
        float: left;
        width: 48%
    }
    .mod-winners-form .form-field:first-child {
        margin-right: 4%
    }
}

.mod-winners-form__header {
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    padding-bottom: 10px
}

@media (min-width: 768px) {
    .mod-winners-form__header {
        font-size: 16px;
        line-height: 26px
    }
}

.mod-winners-form__submit {
    margin-top: 15px
}

.mod-speeches-list__title {
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .mod-speeches-list__title {
        margin-bottom: 60px
    }
}

.mod-speeches-list__section {
    margin-bottom: 50px
}

.mod-speeches-list__quote {
    margin-bottom: 30px;
    color: #000
}

.mod-speeches-list__subhead {
    font-size: 13px;
    line-height: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    margin: 0 0 4px 0
}

.mod-speeches-list__headline {
    border: 0
}

.mod-speeches-list__headline>strong {
    color: #000
}

.mod-speeches-list__headline:hover {
    text-decoration: underline
}

.mod-features-grid__list {
    *zoom: 1;
    background-color: #f4f4f4;
    margin-bottom: 20px;
    width: 100%
}

.mod-features-grid__list:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 768px) {
    .mod-features-grid__list {
        margin-bottom: 30px
    }
}

@media (min-width: 1024px) {
    .mod-features-grid__list {
        margin-bottom: 20px
    }
}

.mod-features-grid__item {
    float: left;
    min-height: 290px;
    padding-bottom: 55px;
    width: 50%
}

@media (min-width: 768px) {
    .mod-features-grid__item {
        width: 33.3333%
    }
}

@media (min-width: 1024px) {
    .mod-features-grid__item {
        width: 25%
    }
}

.mod-features-grid__item:nth-child(2n+1) {
    clear: left
}

@media (min-width: 768px) {
    .mod-features-grid__item:nth-child(2n+1) {
        clear: none
    }
}

@media (min-width: 768px) {
    .mod-features-grid__item:nth-child(3n+1) {
        clear: left
    }
}

@media (min-width: 1024px) {
    .mod-features-grid__item:nth-child(3n+1) {
        clear: none
    }
}

@media (min-width: 1024px) {
    .mod-features-grid__item:nth-child(4n+1) {
        clear: left
    }
}

.mod-features-grid__item .icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 55px;
    z-index: 9999
}

.mod-features-grid__image {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 191px;
    overflow: hidden;
    width: 100%
}

@media (min-width: 768px) {
    .mod-features-grid__image {
        height: 171px
    }
}

@media (min-width: 1024px) {
    .mod-features-grid__image {
        height: 163px
    }
}

.no-touch .mod-features-grid__image {
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.no-touch .mod-features-grid__image:hover {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform: translateZ(0) scale(0.93, 0.93);
    -ms-transform: translateZ(0) scale(0.93, 0.93);
    -webkit-transform: translateZ(0) scale(0.93, 0.93);
    transform: translateZ(0) scale(0.93, 0.93)
}

.mod-features-grid__metadata {
    padding: 20px 20px 0 20px
}

.mod-features-grid__subhead {
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 5px
}

@media (min-width: 768px) {
    .mod-features-grid__subhead {
        font-size: 13px;
        line-height: 17px
    }
}

.mod-features-grid__pubdate {
    color: #333;
    font-size: 10px;
    line-height: 16px
}

@media (min-width: 768px) {
    .mod-features-grid__pubdate {
        font-size: 11px;
        line-height: 17px
    }
}

.mod-features-grid__headline {
    color: #000;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    margin-top: 20px;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .mod-features-grid__headline {
        font-size: 16px;
        line-height: 22px
    }
}

.mod-features-grid__headline:hover {
    text-decoration: underline
}

.mod-newsletter-signup {
    width: 100%;
    max-width: 325px;
    padding: 40px
}

.mod-newsletter-signup:after {
    content: "";
    display: block;
    width: 21px;
    height: 3px;
    background: #000;
    margin: 40px 0 35px 0
}

@media (min-width: 1024px) {
    .mod-newsletter-signup:after {
        display: none
    }
}

.mod-newsletter-signup__meta {
    font-size: 42px;
    color: #000;
    margin: 0 0 10px 0
}

.mod-newsletter-signup__meta .icon-email {
    top: 4px;
    left: -5px
}

.mod-newsletter-signup__issue {
    font-weight: bold;
    margin-left: -15px
}

.mod-newsletter-signup__headline {
    font-size: 14px;
    line-height: 17px;
    width: 70%;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    color: #000
}

.mod-newsletter-signup--header {
    max-width: 245px;
    padding: 0
}

@media (min-width: 1024px) {
    .mod-newsletter-signup--header {
        display: none !important
    }
}

.mod-year-overview {
    *zoom: 1;
    margin: 0 0 60px 0;
    position: relative
}

.mod-year-overview:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 1024px) {
    .mod-year-overview {
        margin-bottom: 80px
    }
}

.mod-year-overview__info {
    *zoom: 1;
    margin: 0 10px 0 10px;
    max-width: 980px
}

.mod-year-overview__info:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 600px) {
    .mod-year-overview__info {
        margin: 0 20px 0 20px
    }
}

@media (min-width: 768px) {
    .mod-year-overview__info {
        margin: 0 35px 50px 35px
    }
}

@media (min-width: 1024px) {
    .mod-year-overview__info {
        max-width: 1020px;
        margin: 0 0 60px 0;
        padding: 20px 30px 0 30px;
        border-left: 6px solid #000
    }
}

.mod-year-overview__edition {
    *zoom: 1
}

.mod-year-overview__edition:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 768px) {
    .mod-year-overview__edition {
        margin-bottom: 10px
    }
}

@media (min-width: 1024px) {
    .mod-year-overview__edition {
        margin-bottom: 40px
    }
}

.mod-year-overview__headline {
    font-size: 50px;
    line-height: 70px;
    font-weight: bold;
    color: #000;
    float: left
}

@media (min-width: 768px) {
    .mod-year-overview__headline {
        font-size: 70px;
        margin-left: -3px
    }
}

@media (min-width: 1024px) {
    .mod-year-overview__headline {
        font-size: 92px;
        margin-left: 0
    }
}

.mod-year-overview__subhead {
    font-size: 11px;
    line-height: 17px;
    float: left;
    margin: 20px 0 0 30px
}

.mod-year-overview__subhead.highlight span {
    padding: 4px 0;
    text-transform: capitalize
}

@media (min-width: 768px) {
    .mod-year-overview__subhead {
        font-size: 12px;
        line-height: 22px;
        margin: 14px 0 0 30px
    }
    .mod-year-overview__subhead.highlight span {
        padding: 6px 0
    }
}

@media (min-width: 1024px) {
    .mod-year-overview__subhead {
        font-size: 16px;
        line-height: 30px;
        margin: 8px 0 0 30px
    }
    .mod-year-overview__subhead.highlight span {
        padding: 8px 0
    }
}

.mod-year-overview__stats {
    *zoom: 1;
    clear: both
}

.mod-year-overview__stats:after {
    content: "";
    display: table;
    clear: both
}

.mod-year-overview__stats-item {
    float: left;
    width: 50%;
    min-height: 175px
}

.mod-year-overview__stats-item:nth-child(2n+1) {
    clear: both
}

@media (min-width: 768px) {
    .mod-year-overview__stats-item {
        width: 25%;
        border-right: 1px solid #000;
        padding-left: 25px;
        min-height: 130px
    }
    .mod-year-overview__stats-item:nth-child(2n+1) {
        clear: none
    }
    .mod-year-overview__stats-item:first-child {
        padding-left: 0
    }
    .mod-year-overview__stats-item:last-child {
        border-right: none
    }
}

@media (min-width: 1024px) {
    .mod-year-overview__stats-item {
        padding-left: 15px
    }
}

@media (min-width: 1280px) {
    .mod-year-overview__stats-item {
        padding-left: 25px
    }
}

.mod-year-overview__stats-item .icon {
    font-size: 55px;
    color: #000;
    min-height: 72px;
    display: block
}

.mod-year-overview__stats-item .icon-stats-population {
    font-size: 70px;
    left: -9px
}

.mod-year-overview__stats-item .icon-stats-internet {
    font-size: 67px;
    left: -8px
}

.mod-year-overview__stats-item .icon-stats-websites {
    font-size: 61px;
    left: -6px
}

.mod-year-overview__stats-item .icon-stats-awards {
    font-size: 58px;
    left: -5px
}

.mod-year-overview__stats-item--population:after,
.mod-year-overview__stats-item--internet:after {
    content: "";
    width: 10px;
    height: 2px;
    background: #000;
    margin: 25px 0;
    display: block
}

@media (min-width: 768px) {
    .mod-year-overview__stats-item--population:after,
    .mod-year-overview__stats-item--internet:after {
        display: none
    }
}

.mod-year-overview__data {
    font-size: 17px;
    color: #000
}

@media (min-width: 1024px) {
    .mod-year-overview__data {
        font-size: 24px
    }
}

.mod-year-overview__label {
    font-size: 11px;
    color: #000
}

@media (min-width: 1024px) {
    .mod-year-overview__label {
        font-size: 12px
    }
}

.mod-year-overview .mod-full-video {
    margin: 0;
    background: #a7f076
}

@media (min-width: 768px) {
    .mod-year-overview .mod-full-video {
        background: none
    }
}

.mod-year-overview .mod-full-video .wrap {
    line-height: 0
}

.mod-year-overview .mod-full-video__text {
    background: #a7f076
}

.mod-year-overview .mod-full-video__text:before {
    border-bottom: solid 35px #a7f076
}

.mod-year-overview .mod-full-video__text:after {
    background: #a7f076
}

@media (min-width: 768px) {
    .mod-year-overview__item--1 {
        margin-bottom: 11px
    }
}

@media (min-width: 1024px) {
    .mod-year-overview__item--1 {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .mod-year-overview__item--2 {
        -sgs-span-settings: ("span": 16, "location": 1, "grid": 32, "gutter": 0, "style": "fixed", "start row": true, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 50%;
        float: left;
        margin-right: -100%;
        clear: none;
        padding-right: 0
    }
}

.mod-year-overview__item--2 .mod-5-word-speeches {
    padding: 30px 20px 30px 20px
}

@media (min-width: 768px) {
    .mod-year-overview__item--2 .mod-5-word-speeches {
        margin-left: 0;
        padding-left: 30px;
        width: 100%
    }
}

@media (min-width: 1024px) {
    .mod-year-overview__item--2 .mod-5-word-speeches {
        padding: 50px 40px 30px
    }
}

@media (min-width: 1024px) {
    .mod-year-overview__item--2 .mod-5-word-speeches__subhead {
        margin-bottom: 50px
    }
}

.mod-year-overview__item--2 .mod-5-word-speeches__headline {
    font-size: 34px;
    line-height: 34px;
    width: 40px
}

@media (min-width: 768px) {
    .mod-year-overview__item--2 .mod-5-word-speeches__headline {
        font-size: 40px;
        line-height: 40px;
        width: 40px
    }
}

@media (min-width: 1024px) {
    .mod-year-overview__item--2 .mod-5-word-speeches__headline {
        width: 400px
    }
}

.mod-year-overview__item--2 .mod-5-word-speeches__headline:before {
    top: 187px
}

.mod-year-overview__item--3 {
    float: left;
    width: 50%
}

@media (min-width: 768px) {
    .mod-year-overview__item--3 {
        float: right
    }
}

@media (min-width: 1024px) {
    .mod-year-overview__item--3 {
        -sgs-span-settings: ("span": 8, "location": 17, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 25%;
        float: left;
        margin-right: -100%;
        margin-left: 50%;
        clear: none;
        padding-right: 0
    }
}

.mod-year-overview__item--3 .mod-text {
    background-color: #75b9f2
}

.mod-year-overview__item--4 {
    width: 50%;
    float: right
}

@media (min-width: 768px) {
    .mod-year-overview__item--4 {
        clear: right
    }
}

@media (min-width: 1024px) {
    .mod-year-overview__item--4 {
        -sgs-span-settings: ("span": 8, "location": 25, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": true, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 25%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        padding-right: 0;
        clear: none
    }
}

.mod-year-overview__item--4 .mod-text {
    background-color: #000;
    color: #fff
}

.mod-year-overview__item--4 .mod-text__subhead,
.mod-year-overview__item--4 .mod-text__headline a,
.mod-year-overview__item--4 .mod-text__arrow-link {
    color: #fff
}

.mod-year-overview__item .mod-text {
    padding: 0;
    display: table;
    min-height: 190px
}

@media (min-width: 1024px) {
    .mod-year-overview__item .mod-text {
        height: 285px
    }
}

.mod-year-overview__item .mod-text .mod-text__container {
    display: table-cell;
    vertical-align: middle;
    padding: 40px 20px 20px
}

@media (min-width: 768px) {
    .mod-year-overview__item .mod-text .mod-text__container {
        padding: 50px 105px 20px
    }
}

@media (min-width: 1024px) {
    .mod-year-overview__item .mod-text .mod-text__container {
        padding: 50px 50px 20px
    }
}

.mod-year-overview__item .mod-text .cat-subhead {
    margin-bottom: 10px
}

@media (min-width: 1024px) {
    .mod-year-overview__item .mod-text .cat-subhead {
        margin-bottom: 13px
    }
}

.mod-year-overview__item .mod-text .mod-text__headline {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .mod-year-overview__item .mod-text .mod-text__headline {
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 5px
    }
}

@media (min-width: 1024px) {
    .mod-year-overview__item .mod-text .mod-text__headline {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 10px
    }
}

.mod-winners-gallery {
    *zoom: 1;
    margin: 0 0 60px 0;
    position: relative
}

.mod-winners-gallery:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 1024px) {
    .mod-winners-gallery {
        margin-bottom: 80px
    }
}

.mod-winners-gallery .preloader {
    position: relative
}

.mod-winners-gallery .preloader .preloader-overlay {
    background: #FFF url('../../images/loader-black.gif') center center no-repeat;
    top: 0;
    left: 0;
    content: "";
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute
}

.mod-winners-gallery__meta {
    overflow: hidden;
    *zoom: 1;
    background: #000;
    color: #fff;
    font-weight: bold;
    padding: 20px
}

@media (min-width: 768px) {
    .mod-winners-gallery__meta {
        padding: 20px 20px 17px
    }
}

@media (min-width: 1024px) {
    .mod-winners-gallery__meta {
        float: right;
        padding: 28px 50px 17px;
        width: 70%
    }
    .mod-winners-gallery--1 .mod-winners-gallery__meta {
        float: left
    }
}

.mod-winners-gallery__year {
    font-size: 11px
}

@media (min-width: 768px) {
    .mod-winners-gallery__year {
        font-size: 14px
    }
}

@media (min-width: 1024px) {
    .mod-winners-gallery__year {
        font-size: 17px
    }
}

.mod-winners-gallery__category {
    font-size: 11px
}

.mod-winners-gallery__category:before {
    content: "/";
    color: #ffffff;
    padding: 0 10px 0 6px
}

@media (min-width: 768px) {
    .mod-winners-gallery__category {
        font-size: 14px
    }
}

@media (min-width: 1024px) {
    .mod-winners-gallery__category {
        font-size: 17px
    }
}

.mod-winners-gallery__sub-category {
    display: block;
    font-size: 15px
}

@media (min-width: 768px) {
    .mod-winners-gallery__sub-category {
        display: inline;
        font-size: 14px
    }
    .mod-winners-gallery__sub-category:before {
        content: "/";
        color: #ffffff;
        padding: 0 10px 0 6px
    }
}

@media (min-width: 1024px) {
    .mod-winners-gallery__sub-category {
        font-size: 17px
    }
}

.mod-winners-gallery__breadcrumbs {
    float: left
}

.mod-winners-gallery__share {
    float: right
}

.mod-winners-gallery__share .icon-share2 {
    color: #fff;
    display: inline-block;
    font-size: 30px;
    line-height: 1;
    margin-top: 10px
}

@media (min-width: 768px) {
    .mod-winners-gallery__share .icon-share2 {
        font-size: 26px;
        margin-top: 3px
    }
}

@media (min-width: 1024px) {
    .mod-winners-gallery__share .icon-share2 {
        margin-top: 0
    }
}

.mod-winners-gallery__container {
    border: 20px solid #000;
    border-top: 0
}

@media (min-width: 768px) {
    .mod-winners-gallery__container {
        border-top: none;
        clear: both
    }
}

@media (min-width: 1024px) {
    .mod-winners-gallery__container {
        border: 20px solid #000
    }
}

.mod-winners-gallery__winner-list {
    *zoom: 1
}

.mod-winners-gallery__winner-list:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 1024px) {
    .mod-winners-gallery__winner-list {
        border-bottom: 20px solid #000
    }
}

.mod-winners-gallery__winner-list .mod-winners-gallery__title {
    font-size: 24px;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none
}

@media (min-width: 768px) {
    .mod-winners-gallery__winner-list .mod-winners-gallery__title {
        font-size: 35px
    }
}

.mod-winners-gallery__winner-list .mod-winners-gallery__title>a:hover {
    text-decoration: underline
}

.mod-winners-gallery__winner-list .mod-winners-gallery__details {
    padding-bottom: 50px
}

@media (min-width: 768px) {
    .mod-winners-gallery__winner-list .mod-winners-gallery__details {
        padding-bottom: 60px;
        position: relative
    }
}

@media (min-width: 1024px) {
    .mod-winners-gallery__winner-list .mod-winners-gallery__details {
        padding-bottom: 90px
    }
}

.mod-winners-gallery__winner-list .icon-badge-webby-people {
    display: none
}

@media (min-width: 768px) {
    .mod-winners-gallery__winner-list .icon-badge-webby-people {
        color: #000;
        font-size: 180px;
        line-height: 1;
        overflow: hidden;
        position: absolute;
        right: -16px;
        top: -56px
    }
}

@media (min-width: 1024px) {
    .mod-winners-gallery__winner {
        float: left;
        width: 50%
    }
    .mod-winners-gallery--1 .mod-winners-gallery__winner {
        float: none;
        width: 100%
    }
    .mod-winners-gallery--3 .mod-winners-gallery__winner:first-child {
        float: none;
        width: 100%
    }
}

.mod-winners-gallery__nominee-list {
    *zoom: 1
}

.mod-winners-gallery__nominee-list:after {
    content: "";
    display: table;
    clear: both
}

.mod-winners-gallery__nominee {
    width: 50%;
    display: inline-block;
    vertical-align: top
}

.mod-winners-gallery__nominee:nth-child(3n) {
    clear: left
}

@media (min-width: 1024px) {
    .mod-winners-gallery__nominee {
        width: 33.333%
    }
    .mod-winners-gallery__nominee:nth-child(3n) {
        clear: none
    }
    .mod-winners-gallery--1 .mod-winners-gallery__nominee {
        width: 25%
    }
}

.mod-winners-gallery__nominee .mod-winners-gallery__details h2 a {
    font-size: 15px
}

.mod-winners-gallery__image>a {
    display: block;
    position: relative
}

.mod-winners-gallery__nominee-list .mod-winners-gallery__image>a {
    height: 120px;
    overflow: hidden;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

@media (min-width: 768px) {
    .mod-winners-gallery__nominee-list .mod-winners-gallery__image>a {
        height: 229px
    }
}

@media (min-width: 1024px) {
    .mod-winners-gallery__nominee-list .mod-winners-gallery__image>a {
        height: 174px
    }
}

@media (min-width: 1024px) {
    .mod-winners-gallery__winner-list .mod-winners-gallery__image>a {
        height: 317px;
        overflow: hidden;
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }
}

.mod-winners-gallery__image img {
    display: block
}

.mod-winners-gallery__nominee-list .mod-winners-gallery__image img {
    visibility: hidden
}

@media (min-width: 1024px) {
    .mod-winners-gallery__winner-list .mod-winners-gallery__image img {
        visibility: hidden
    }
}

.mod-winners-gallery__details {
    padding: 20px 20px 50px
}

@media (min-width: 768px) {
    .mod-winners-gallery__details {
        padding: 30px 30px 60px
    }
}

@media (min-width: 1024px) {
    .mod-winners-gallery__details {
        padding: 40px 40px 90px
    }
}

.mod-winners-gallery__subhead {
    color: #000;
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 7px
}

.mod-winners-gallery__credits {
    color: #333;
    font-size: 11px;
    line-height: 11px;
    margin-bottom: 25px
}

@media (min-width: 768px) {
    .mod-winners-gallery__credits {
        margin-bottom: 30px
    }
}

.mod-winners-gallery__credits a:hover {
    text-decoration: underline
}

.mod-winners-gallery__title {
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none
}

@media (min-width: 768px) {
    .mod-winners-gallery__title {
        font-size: 15px
    }
}

.mod-winners-gallery__title>a:hover {
    text-decoration: underline
}

.mod-winners-gallery__view-all {
    background: #000;
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: bold;
    margin-top: -15px;
    padding: 20px;
    text-align: left;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .mod-winners-gallery__view-all {
        display: inline-block;
        float: left;
        line-height: 16px;
        margin-top: -20px;
        padding-right: 112px
    }
    .mod-winners-gallery__view-all span {
        display: block
    }
    .mod-winners-gallery--1 .mod-winners-gallery__view-all {
        float: right
    }
}

.mod-winners-gallery__view-all:after {
    font-size: 27px;
    right: 20px;
    top: 11px;
    padding: 0 7px
}

@media (min-width: 768px) {
    .mod-winners-gallery__view-all:after {
        top: 24px
    }
}

.mod-winners-gallery__view-all:hover {
    background-color: #000
}

.mod-winners-gallery__view-all:hover:after {
    -moz-box-shadow: inset 0 0 0 3px;
    -webkit-box-shadow: inset 0 0 0 3px;
    box-shadow: inset 0 0 0 3px
}

.mod-winners-gallery__view-all:focus {
    color: #fff
}

.mod-winners-gallery__close {
    background: #fff;
    color: #000;
    width: 70px;
    height: 60px;
    position: fixed;
    top: 0;
    right: 0;
    font-size: 24px;
    z-index: 9990
}

@media (min-width: 768px) {
    .mod-winners-gallery__close {
        width: 85px;
        height: 85px
    }
}

@media (min-width: 1024px) {
    .mod-winners-gallery__close {
        display: none
    }
}

.mod-winners-gallery__honorees {
    display: none;
    background: #000;
    color: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    top: 0;
    left: 0;
    z-index: 9990;
    padding: 30px 20px
}

@media (min-width: 1024px) {
    .mod-winners-gallery__honorees {
        width: 80%;
        top: auto;
        height: auto;
        position: absolute;
        bottom: 70px;
        padding: 80px 48px;
        z-index: 1001
    }
}

.mod-winners-gallery__honorees-title {
    color: #fff;
    margin: 0 0 30px 0;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .mod-winners-gallery__honorees-title {
        margin-bottom: 60px
    }
}

@media (min-width: 1024px) {
    .mod-winners-gallery__honorees-title {
        display: none
    }
}

.mod-winners-gallery__honorees-organization {
    color: #999;
    font-size: 11px;
    line-height: 16px
}

.mod-winners-gallery__honorees-organization>a {
    color: #999
}

.mod-winners-gallery__honorees-organization>a:hover {
    text-decoration: underline
}

.mod-winners-gallery__honorees-breadcrumbs {
    font-weight: bold;
    margin-bottom: 80px
}

@media (min-width: 1024px) {
    .mod-winners-gallery__honorees-breadcrumbs {
        display: none
    }
}

.mod-winners-gallery__honorees-category:before {
    content: "/";
    color: #ffffff;
    padding: 0 10px 0 6px
}

.mod-winners-gallery__honorees-sub-category {
    display: block
}

@media (min-width: 768px) {
    .mod-winners-gallery__honorees-sub-category {
        font-size: 24px
    }
}

@media (min-width: 1024px) {
    .mod-winners-gallery__honorees-list {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2
    }
}

.mod-winners-gallery__honorees-item {
    margin: 0 0 30px 0
}

@media (min-width: 1024px) {
    .mod-winners-gallery__honorees-item {
        padding-left: 35px;
        -moz-page-break-inside: avoid;
        -webkit-column-break-inside: avoid;
        break-inside: avoid;
        page-break-inside: avoid;
        -o-column-break-inside: avoid;
        -ms-column-break-inside: avoid;
        column-break-inside: avoid
    }
    .lt-ie9 .mod-winners-gallery__honorees-item,
    .ie9 .mod-winners-gallery__honorees-item {
        float: left;
        width: 50%
    }
}

.mod-winners-gallery__honorees-name>a {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase
}

.mod-winners-gallery__honorees-name>a:hover {
    text-decoration: underline
}

@media (min-width: 1024px) {
    .mod-winners-gallery__honorees-name>a {
        font-size: 14px
    }
}

@media (min-width: 768px) {
    .mod-winners-gallery--1 .mod-winners-gallery__details {
        position: relative
    }
    .mod-winners-gallery--1 .badge {
        position: absolute;
        right: 5px;
        top: 5px
    }
}

@media (min-width: 1024px) {
    .mod-winners-gallery--1 .mod-winners-gallery__winner {
        *zoom: 1
    }
    .mod-winners-gallery--1 .mod-winners-gallery__winner:after {
        content: "";
        display: table;
        clear: both
    }
    .mod-winners-gallery--1 .mod-winners-gallery__winner .mod-winners-gallery__image {
        float: left;
        width: 50%
    }
    .mod-winners-gallery--1 .mod-winners-gallery__winner .mod-winners-gallery__details {
        float: right;
        width: 50%
    }
    .mod-winners-gallery--1 .mod-winners-gallery__honorees {
        left: auto;
        right: 0
    }
}

.mod-winners-gallery--1 .badge {
    display: none;
    position: absolute;
    right: 5px;
    top: 5px
}

@media (min-width: 768px) {
    .mod-winners-gallery--1 .badge {
        display: block
    }
}

@media (min-width: 768px) {
    .mod-winners-gallery--2 .mod-winners-gallery__nominee:nth-child(3n) {
        position: relative;
        width: 100%
    }
    .mod-winners-gallery--2 .mod-winners-gallery__nominee:nth-child(3n) .mod-winners-gallery__image {
        float: left;
        width: 50%
    }
    .mod-winners-gallery--2 .mod-winners-gallery__nominee:nth-child(3n) .mod-winners-gallery__details {
        left: 50%;
        position: absolute;
        top: 50px;
        width: 50%
    }
}

@media (min-width: 1024px) {
    .mod-winners-gallery--2 .mod-winners-gallery__nominee:nth-child(3n) {
        position: static;
        width: 33.333%;
        float: right
    }
    .mod-winners-gallery--2 .mod-winners-gallery__nominee:nth-child(3n) .mod-winners-gallery__image {
        float: none;
        width: 100%
    }
    .mod-winners-gallery--2 .mod-winners-gallery__nominee:nth-child(3n) .mod-winners-gallery__details {
        position: static;
        width: 100%
    }
}

.mod-winners-gallery--2 .badge {
    display: none;
    position: absolute;
    right: 5px;
    top: 5px
}

@media (min-width: 768px) {
    .mod-winners-gallery--2 .badge {
        display: block
    }
}

@media (min-width: 1024px) {
    .mod-winners-gallery--3 .mod-winners-gallery__winner:first-child {
        margin-bottom: 40px;
        *zoom: 1
    }
    .mod-winners-gallery--3 .mod-winners-gallery__winner:first-child:after {
        content: "";
        display: table;
        clear: both
    }
    .mod-winners-gallery--3 .mod-winners-gallery__winner:first-child .mod-winners-gallery__image {
        float: left;
        width: 50%
    }
    .mod-winners-gallery--3 .mod-winners-gallery__winner:first-child .mod-winners-gallery__details {
        float: right;
        width: 50%
    }
    .mod-winners-gallery--3 .mod-winners-gallery__winner:first-child .badge {
        display: none;
        position: absolute;
        right: 5px;
        top: 5px
    }
}

@media (min-width: 1024px) and (min-width: 768px) {
    .mod-winners-gallery--3 .mod-winners-gallery__winner:first-child .badge {
        display: block
    }
}

@media (min-width: 768px) {
    .no-touch .mod-winners-gallery__nominee .mod-winners-gallery__image>a:after,
    .no-touch .mod-winners-gallery__winner .mod-winners-gallery__image>a:after {
        -moz-transition: all 0.2s ease-in-out 0s;
        -o-transition: all 0.2s ease-in-out 0s;
        -webkit-transition: all 0.2s ease-in-out;
        -webkit-transition-delay: 0s;
        transition: all 0.2s ease-in-out 0s;
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-width: 10px;
        border-color: transparent;
        border-style: solid
    }
    .no-touch .mod-winners-gallery__nominee:hover .mod-winners-gallery__image>a:after,
    .no-touch .mod-winners-gallery__winner:hover .mod-winners-gallery__image>a:after {
        border-width: 16px;
        border-color: #fff
    }
}

.mod-special-achievements {
    *zoom: 1;
    margin: 0 0 60px 0;
    position: relative
}

.mod-special-achievements:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 1024px) {
    .mod-special-achievements {
        margin-bottom: 120px
    }
}

.mod-special-achievements__meta {
    overflow: hidden;
    *zoom: 1;
    background: #000;
    color: #fff;
    padding: 20px 15px 25px 15px
}

@media (min-width: 768px) {
    .mod-special-achievements__meta {
        padding: 20px
    }
}

@media (min-width: 1024px) {
    .mod-special-achievements__meta {
        padding: 35px 50px 15px 50px;
        float: left;
        width: 70%
    }
}

.mod-special-achievements__breadcrumbs {
    float: left
}

.mod-special-achievements__year {
    font-size: 11px;
    line-height: 20px;
    font-weight: bold
}

@media (min-width: 768px) {
    .mod-special-achievements__year {
        font-size: 14px
    }
    .mod-special-achievements__year:after {
        content: "/";
        padding: 0 6px 0 11px
    }
}

.mod-special-achievements__category {
    font-size: 15px;
    line-height: 20px;
    display: block
}

@media (min-width: 768px) {
    .mod-special-achievements__category {
        font-size: 14px;
        display: inline-block
    }
}

@media (min-width: 1024px) {
    .mod-special-achievements__category {
        font-size: 17px
    }
}

.mod-winners-gallery__share {
    float: right
}

.mod-winners-gallery__share .icon-share {
    font-size: 30px;
    top: 10px
}

.mod-winners-gallery__share .icon-facebook,
.mod-winners-gallery__share .icon-twitter,
.mod-winners-gallery__share .icon-link {
    -moz-transition: color 0.1s linear;
    -o-transition: color 0.1s linear;
    -webkit-transition: color 0.1s linear;
    transition: color 0.1s linear;
    font-size: 18px;
    top: 5px;
    margin-left: 25px;
    color: #fff
}

.mod-winners-gallery__share .icon-facebook:hover,
.mod-winners-gallery__share .icon-twitter:hover,
.mod-winners-gallery__share .icon-link:hover {
    color: #999
}

@media (min-width: 1024px) {
    .mod-winners-gallery__share .icon-facebook,
    .mod-winners-gallery__share .icon-twitter,
    .mod-winners-gallery__share .icon-link {
        top: 0
    }
}

@media (min-width: 768px) {
    .gallery-share--small {
        display: none
    }
}

.gallery-share--large {
    display: none
}

@media (min-width: 768px) {
    .gallery-share--large {
        display: block
    }
}

.mod-special-achievements__container {
    border-width: 0 13px 13px 13px;
    border-style: solid;
    border-color: #000
}

@media (min-width: 768px) {
    .mod-special-achievements__container {
        clear: both;
        border-width: 0 10px 10px 10px
    }
}

@media (min-width: 1024px) {
    .mod-special-achievements__container {
        border-width: 10px 10px 10px 10px
    }
}

.mod-special-achievements__winner-list {
    *zoom: 1
}

.mod-special-achievements__winner-list:after {
    content: "";
    display: table;
    clear: both
}

.mod-special-achievements__winner {
    float: left;
    width: 50%;
    border: 2px solid #000
}

.mod-special-achievements__winner:nth-child(2n+1) {
    clear: both
}

@media (min-width: 768px) {
    .mod-special-achievements__winner {
        border: 10px solid #000
    }
}

@media (min-width: 1024px) {
    .mod-special-achievements__winner {
        width: 25%
    }
    .mod-special-achievements__winner:nth-child(2n+1) {
        clear: none
    }
    .mod-special-achievements__winner:nth-child(4n+1) {
        clear: both
    }
}

.mod-special-achievements__image>a {
    display: block;
    position: relative
}

.mod-special-achievements__image img {
    display: block
}

.mod-special-achievements__details {
    padding: 20px 15px 40px 15px;
    min-height: 80px
}

@media (min-width: 768px) {
    .mod-special-achievements__details {
        padding: 40px 30px;
        min-height: 140px
    }
}

@media (min-width: 1024px) {
    .mod-special-achievements__details {
        padding: 30px 15px;
        min-height: 120px
    }
}

.mod-special-achievements__subhead {
    font-size: 11px;
    line-height: 17px;
    color: #000;
    text-align: center;
    width: 105px;
    margin: 0 auto 10px auto
}

@media (min-width: 768px) {
    .mod-special-achievements__subhead {
        font-size: 13px;
        line-height: 20px;
        width: 100%
    }
}

@media (min-width: 1024px) {
    .mod-special-achievements__subhead {
        margin: 0 auto 20px auto
    }
}

.mod-special-achievements__title {
    font-size: 12px;
    line-height: 17px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none
}

@media (min-width: 768px) {
    .mod-special-achievements__title {
        font-size: 18px;
        line-height: 23px
    }
}

.mod-special-achievements__title>a:hover {
    text-decoration: underline
}

@media (min-width: 768px) {
    .no-touch .mod-special-achievements__winner .mod-special-achievements__image>a:after {
        -moz-transition: all 0.2s ease-in-out 0s;
        -o-transition: all 0.2s ease-in-out 0s;
        -webkit-transition: all 0.2s ease-in-out;
        -webkit-transition-delay: 0s;
        transition: all 0.2s ease-in-out 0s;
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-width: 10px;
        border-color: transparent;
        border-style: solid
    }
    .no-touch .mod-special-achievements__winner:hover .mod-special-achievements__image>a:after {
        border-width: 16px;
        border-color: #fff
    }
}

.mod-winners-nav {
    margin: 0 0 22px 0
}

@media (min-width: 768px) {
    .mod-winners-nav {
        margin: 0 0 63px 0
    }
}

@media (min-width: 1024px) {
    .mod-winners-nav {
        margin: 0 0 58px 0
    }
}

.mod-winners-nav__container {
    background: #000;
    color: #fff;
    padding: 40px 0
}

@media (min-width: 768px) {
    .mod-winners-nav__container {
        *zoom: 1;
        padding-left: 35px;
        padding-bottom: 35px
    }
    .mod-winners-nav__container:after {
        content: "";
        display: table;
        clear: both
    }
}

@media (min-width: 1024px) {
    .mod-winners-nav__container {
        margin-right: calc(28.125%);
        padding: 60px 0
    }
    .mod-winners-nav__container:before {
        content: "";
        background: #000;
        position: absolute;
        width: 320px;
        height: 100%;
        top: 0;
        left: -320px
    }
}

.mod-winners-nav__filter {
    margin: 0 0 30px 0;
    padding: 7px 20px 3px 17px;
    border-left: 4px solid #fff;
    position: relative;
    cursor: pointer
}

@media (min-width: 768px) {
    .mod-winners-nav__filter {
        float: left;
        margin-right: 65px;
        margin-bottom: 0
    }
}

@media (min-width: 1024px) {
    .mod-winners-nav__filter {
        padding: 17px 0 50px 25px;
        width: 17.75%;
        margin: 0;
        height: 116px
    }
}

@media (min-width: 1024px) {
    .mod-winners-nav__filter:hover:before {
        content: "";
        position: absolute;
        background: #222;
        height: 128px;
        width: 100%;
        left: 0;
        top: 0
    }
}

.mod-winners-nav__filter--category {
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .mod-winners-nav__filter--category {
        display: none
    }
}

.mod-winners-nav__label {
    font-size: 10px;
    font-weight: bold;
    line-height: 10px;
    text-transform: uppercase;
    margin-bottom: 5px;
    position: relative
}

@media (min-width: 1024px) {
    .mod-winners-nav__label {
        font-size: 11px;
        line-height: 11px;
        margin-bottom: 10px
    }
}

.mod-winners-nav__filter--category .mod-winners-nav__label {
    float: left
}

@media (min-width: 1024px) {
    .mod-winners-nav__filter--category .mod-winners-nav__label {
        margin-bottom: 0
    }
}

.mod-winners-nav__category {
    display: block;
    float: left;
    color: #999;
    font-size: 10px;
    font-weight: bold;
    line-height: 10px;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-left: 8px
}

@media (min-width: 1024px) {
    .mod-winners-nav__category {
        display: none
    }
}

.mod-winners-nav__selected {
    font-size: 16px;
    line-height: 21px;
    font-weight: bold;
    position: relative
}

@media (min-width: 1024px) {
    .mod-winners-nav__selected {
        font-size: 30px;
        line-height: 35px
    }
}

.mod-winners-nav__selected:after {
    content: "\e601";
    font-family: 'webby';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: relative;
    font-size: 18px;
    top: 2px;
    left: 8px
}

@media (min-width: 1024px) {
    .mod-winners-nav__selected:after {
        top: -2px;
        left: 12px
    }
}

.mod-winners-nav__selected--year {
    text-transform: uppercase
}

.mod-winners-nav__selected--category {
    clear: left
}

@media (min-width: 1024px) {
    .mod-winners-nav__selected--category {
        display: none
    }
}

.mod-winners-nav__overlay-close {
    background: #fff;
    color: #000;
    width: 70px;
    height: 60px;
    position: fixed;
    top: 0;
    right: 0;
    font-size: 24px;
    z-index: 999
}

@media (min-width: 768px) {
    .mod-winners-nav__overlay-close {
        width: 85px;
        height: 85px
    }
}

@media (min-width: 1024px) {
    .mod-winners-nav__overlay-close {
        display: none
    }
}

.mod-winners-nav__overlay {
    display: none;
    background: #000;
    color: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    top: 0;
    left: 0;
    z-index: 9990;
    padding: 20px
}

@media (min-width: 768px) {
    .mod-winners-nav__overlay {
        padding: 30px 48px
    }
}

@media (min-width: 1024px) {
    .mod-winners-nav__overlay {
        background: #f4f4f4;
        width: auto;
        top: 191px;
        left: 0;
        height: auto;
        position: absolute;
        padding: 40px;
        min-width: 350px;
        overflow: visible
    }
}

.mod-winners-nav__overlay.active {
    display: block
}

.mod-winners-nav__overlay .mod-winners-nav__label {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 70px
}

@media (min-width: 768px) {
    .mod-winners-nav__overlay .mod-winners-nav__label {
        font-size: 22px;
        margin-bottom: 75px
    }
}

@media (min-width: 1024px) {
    .mod-winners-nav__overlay .mod-winners-nav__label {
        font-size: 11px;
        line-height: 11px;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 10px;
        z-index: 10
    }
}

@media (min-width: 1024px) {
    .mod-winners-nav__overlay--year .mod-winners-nav__label {
        display: none
    }
}

@media (min-width: 1024px) {
    .mod-winners-nav__overlay--category {
        display: block;
        background: none;
        position: static;
        overflow: visible;
        float: left;
        width: 82.25%;
        padding: 17px 0 50px 40px;
        margin: 0;
        height: 116px;
        border-left: 4px solid #fff
    }
}

@media (min-width: 1024px) {
    .mod-winners-nav__list--year {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3
    }
    .mod-winners-nav__list--year .mod-winners-nav__item {
        -moz-page-break-inside: avoid;
        -webkit-column-break-inside: avoid;
        break-inside: avoid;
        page-break-inside: avoid;
        -o-column-break-inside: avoid;
        -ms-column-break-inside: avoid;
        column-break-inside: avoid
    }
    .lt-ie9 .mod-winners-nav__list--year,
    .ie9 .mod-winners-nav__list--year {
        display: inline-block;
        vertical-align: top;
        width: 33.333333%
    }
}

@media (min-width: 1024px) {
    .mod-winners-nav__list--category {
        display: table;
        width: 100%
    }
}

.mod-winners-nav__item {
    padding: 0 0 13px 0;
    font-size: 18px;
    line-height: 25px;
    font-weight: bold;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid
}

@media (min-width: 768px) {
    .mod-winners-nav__item {
        font-size: 20px;
        line-height: 27px;
        padding-bottom: 22px
    }
}

@media (min-width: 1024px) {
    .mod-winners-nav__item {
        font-size: 13px;
        line-height: 18px;
        padding-bottom: 15px;
        font-weight: normal
    }
}

@media (min-width: 1024px) {
    .mod-winners-nav__item--category {
        float: left;
        width: 16.66666666666667%;
        vertical-align: top;
        font-size: 12px;
        line-height: 17px;
        font-weight: bold;
        margin: 0;
        padding: 0 20px 0 0
    }
    .mod-winners-nav__item--category>.mod-winners-nav__link {
        color: #fff;
        font-weight: bold;
        position: relative;
        display: block;
        padding-top: 40px
    }
    .mod-winners-nav__item--category>.mod-winners-nav__link:after {
        position: absolute;
        top: 0;
        left: -3px;
        font-weight: normal;
        font-family: "webby";
        font-size: 34px
    }
    .mod-winners-nav__item--category>.mod-winners-nav__link.active,
    .mod-winners-nav__item--category>.mod-winners-nav__link:hover {
        font-weight: bold;
        color: #fff;
        border-bottom: 1px solid transparent
    }
    .mod-winners-nav__item--category:hover>.mod-winners-nav__link--dropdown {
        z-index: 1
    }
    .mod-winners-nav__item--category:hover>.mod-winners-nav__link--dropdown:before {
        content: "";
        position: absolute;
        background: #222;
        height: 128px;
        width: 115%;
        left: -10px;
        top: -38px;
        z-index: -1
    }
}

@media (min-width: 1024px) {
    .mod-winners-nav__item--1 {
        display: none
    }
    .mod-winners-nav__item--2>.mod-winners-nav__link:after {
        content: "\e60b";
        top: 10px
    }
    .mod-winners-nav__item--3>.mod-winners-nav__link:after {
        content: "\e632"
    }
    .mod-winners-nav__item--4>.mod-winners-nav__link:after {
        content: "\e627"
    }
    .mod-winners-nav__item--5>.mod-winners-nav__link:after {
        content: "\e618"
    }
    .mod-winners-nav__item--6>.mod-winners-nav__link:after {
        content: "\e600"
    }
    .mod-winners-nav__item--7>.mod-winners-nav__link:after {
        content: "\e609"
    }
}

.mod-winners-nav__link {
    color: #fff;
    border-bottom: 1px solid transparent
}

.mod-winners-nav__link:hover {
    color: #fff
}

.mod-winners-nav__link.active {
    font-weight: bold;
    border-bottom: 1px solid #fff
}

@media (min-width: 1024px) {
    .mod-winners-nav__link {
        color: #000
    }
    .mod-winners-nav__link.active,
    .mod-winners-nav__link:hover {
        color: #000;
        border-bottom: 1px solid #000
    }
}

.mod-winners-nav__link--dropdown {
    position: relative
}

.mod-winners-nav__link--dropdown:after {
    content: "+";
    line-height: 1;
    position: relative;
    font-size: 18px;
    top: 0;
    left: 8px
}

@media (min-width: 320px) and (max-width: 1023px) {
    .mod-winners-nav__item.active .mod-winners-nav__link--dropdown {
        border: 0
    }
    .mod-winners-nav__item.active .mod-winners-nav__link--dropdown:after {
        content: "-"
    }
}

.mod-winners-nav__submenu {
    display: none
}

@media (min-width: 1024px) {
    .mod-winners-nav__submenu {
        width: auto;
        top: 173px;
        left: 0;
        height: auto;
        position: absolute;
        padding: 15px 0 0 0;
        width: 100%;
        z-index: 9990;
        background: #f4f4f4;
        padding: 30px 40px
    }
    .mod-winners-nav__item:hover .mod-winners-nav__submenu {
        display: block
    }
}

@media (min-width: 320px) and (max-width: 1023px) {
    .mod-winners-nav__item.active .mod-winners-nav__submenu {
        display: block
    }
}

.mod-winners-nav__submenu-list {
    padding: 20px 20px 5px 20px
}

@media (min-width: 1024px) {
    .mod-winners-nav__submenu-list {
        padding: 0;
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5
    }
    .mod-winners-nav__submenu-list li {
        -moz-page-break-inside: avoid;
        -webkit-column-break-inside: avoid;
        break-inside: avoid;
        page-break-inside: avoid;
        -o-column-break-inside: avoid;
        -ms-column-break-inside: avoid;
        column-break-inside: avoid
    }
    .lt-ie9 .mod-winners-nav__submenu-list,
    .ie9 .mod-winners-nav__submenu-list {
        display: inline-block;
        vertical-align: top;
        width: 20%
    }
}

.mod-winners-nav__submenu-list .mod-winners-nav__item {
    margin: 0 0 15px 0;
    font-size: 13px;
    line-height: 18px;
    font-weight: normal
}

@media (min-width: 1024px) {
    .mod-winners-nav__submenu-list .mod-winners-nav__item {
        margin-bottom: 0;
        padding-bottom: 15px;
        margin-right: 30px
    }
}

.mod-winners-nav__submenu-list .mod-winners-nav__link {
    color: #fff;
    border-bottom: 1px solid transparent
}

.mod-winners-nav__submenu-list .mod-winners-nav__link.active,
.mod-winners-nav__submenu-list .mod-winners-nav__link:hover {
    color: #fff;
    border-bottom: 1px solid #fff
}

@media (min-width: 1024px) {
    .mod-winners-nav__submenu-list .mod-winners-nav__link {
        color: #000
    }
    .mod-winners-nav__submenu-list .mod-winners-nav__link:hover {
        color: #000;
        border-bottom: 1px solid #000
    }
    .mod-winners-nav__submenu-list .mod-winners-nav__link.active {
        color: #000;
        border-bottom: 1px solid #000;
        font-weight: bold
    }
}

.mod-winners-nav-c {
    *zoom: 1;
    -moz-transition: opacity 0.3s linear, visibility 0.3s linear;
    -o-transition: opacity 0.3s linear, visibility 0.3s linear;
    -webkit-transition: opacity 0.3s linear, visibility 0.3s linear;
    transition: opacity 0.3s linear, visibility 0.3s linear;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: #222;
    color: #fff;
    z-index: 1001
}

.mod-winners-nav-c:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 768px) {
    .mod-winners-nav-c {
        height: 90px
    }
}

.mod-winners-nav-c--active {
    opacity: 1;
    visibility: visible
}

.mod-winners-nav-c__site-logo {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background: url('../../images/site-logo--white@2x.png') no-repeat 0 0;
    background-size: contain;
    display: block;
    width: 76px;
    height: 43px;
    position: absolute;
    left: 15px;
    top: 4px;
    border: 0;
    z-index: 110
}

@media (min-width: 768px) {
    .mod-winners-nav-c__site-logo {
        top: 14px;
        left: 25px;
        width: 90px;
        height: 51px
    }
}

@media (min-width: 1024px) {
    .mod-winners-nav-c__site-logo {
        left: 40px
    }
}

.mod-winners-nav-c__cta {
    display: none
}

@media (min-width: 1024px) {
    .mod-winners-nav-c__cta {
        *zoom: 1;
        display: block;
        background: #fff;
        color: #000;
        height: 90px;
        position: absolute;
        right: 0;
        top: 0;
        width: 28.125%;
        padding: 25px 60px 0 25px;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 12px;
        line-height: 15px
    }
    .mod-winners-nav-c__cta:after {
        content: "";
        display: table;
        clear: both
    }
    .mod-winners-nav-c__cta:after {
        content: "";
        position: absolute;
        width: 10000em;
        left: 100%;
        height: 90px;
        z-index: -1;
        top: 0;
        background: #fff
    }
}

.mod-winners-nav-c__cta .icon {
    float: left;
    margin-right: 7px;
    margin-left: -15px;
    margin-bottom: 24px
}

.mod-winners-nav-c__search {
    display: none
}

@media (min-width: 1024px) {
    .mod-winners-nav-c__search {
        background: #000;
        color: #fff;
        border-radius: 50%;
        position: absolute;
        top: 13px;
        right: 0;
        z-index: 110;
        display: block;
        width: 52px;
        height: 52px;
        -moz-transition: color linear, background-color linear;
        -o-transition: color linear, background-color linear;
        -webkit-transition: color linear, background-color linear;
        transition: color linear, background-color linear
    }
}

@media (min-width: 1024px) and (min-width: 768px) {
    .mod-winners-nav-c__search:hover {
        -moz-box-shadow: inset 0 0 0 4px;
        -webkit-box-shadow: inset 0 0 0 4px;
        box-shadow: inset 0 0 0 4px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-color: #fff !important;
        color: #000 !important
    }
}

@media (min-width: 1024px) {
    .mod-winners-nav-c__search .icon-search {
        font-size: 23px;
        top: -6px;
        left: -5px !important
    }
}

.mod-winners-nav-c__filter-container {
    float: right;
    margin-right: 23px
}

@media (min-width: 768px) {
    .mod-winners-nav-c__filter-container {
        width: 74.5%;
        margin-top: 26px
    }
}

@media (min-width: 1024px) {
    .mod-winners-nav-c__filter-container {
        width: 79%
    }
}

.mod-winners-nav-c__filter {
    margin: 0;
    padding: 0;
    position: relative;
    cursor: pointer;
    float: left
}

.mod-winners-nav-c__filter--category {
    margin-left: 25px
}

@media (min-width: 768px) {
    .mod-winners-nav-c__filter--category {
        margin-left: 58px
    }
}

.mod-winners-nav-c__label {
    height: 60px;
    line-height: 60px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    position: relative
}

@media (min-width: 768px) {
    .mod-winners-nav-c__label {
        height: auto;
        line-height: 11px;
        margin-bottom: 9px
    }
}

.mod-winners-nav-c__label:after {
    content: "\e601";
    font-family: 'webby';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: relative;
    font-size: 14px;
    top: 2px;
    left: 5px
}

@media (min-width: 768px) {
    .mod-winners-nav-c__label:after {
        display: none
    }
}

@media (min-width: 768px) {
    .mod-winners-nav-c__filter--category .mod-winners-nav-c__label {
        float: left
    }
}

.mod-winners-nav-c__category {
    display: none
}

@media (min-width: 768px) {
    .mod-winners-nav-c__category {
        display: block;
        float: left;
        color: #999;
        font-size: 11px;
        font-weight: bold;
        line-height: 11px;
        text-transform: uppercase;
        margin-bottom: 9px;
        margin-left: 8px
    }
}

.mod-winners-nav-c__selected {
    display: none
}

@media (min-width: 768px) {
    .mod-winners-nav-c__selected {
        display: block;
        font-size: 16px;
        line-height: 21px;
        font-weight: bold;
        position: relative
    }
    .mod-winners-nav-c__selected:after {
        content: "\e601";
        font-family: 'webby';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        position: relative;
        font-size: 18px;
        top: 2px;
        left: 7px
    }
}

@media (min-width: 1024px) {
    .mod-winners-nav-c__selected {
        font-size: 18px;
        line-height: 23px
    }
}

.mod-winners-nav-c__selected--year {
    text-transform: uppercase
}

@media (min-width: 768px) {
    .mod-winners-nav-c__selected--category {
        clear: left
    }
    .mod-winners-nav-c__selected--category span {
        display: inline-block;
        max-width: 500px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        vertical-align: top
    }
}

.mod-winners-nav-c__overlay-close {
    background: #fff;
    color: #000;
    width: 70px;
    height: 60px;
    position: fixed;
    top: 0;
    right: 0;
    font-size: 24px;
    z-index: 999
}

@media (min-width: 768px) {
    .mod-winners-nav-c__overlay-close {
        width: 85px;
        height: 85px
    }
}

@media (min-width: 1024px) {
    .mod-winners-nav-c__overlay-close {
        display: none
    }
}

.mod-winners-nav-c__overlay {
    display: none;
    background: #000;
    color: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    top: 0;
    left: 0;
    z-index: 9990;
    padding: 20px
}

@media (min-width: 768px) {
    .mod-winners-nav-c__overlay {
        padding: 30px 48px
    }
}

@media (min-width: 1024px) {
    .mod-winners-nav-c__overlay {
        background: #f4f4f4;
        color: #000;
        width: 50%;
        top: 90px;
        left: 0;
        height: auto;
        position: absolute;
        padding: 25px 40px;
        min-width: 350px;
        overflow: visible
    }
    .mod-winners-nav-c__overlay--category {
        width: 100%;
        padding-bottom: 0
    }
}

.mod-winners-nav-c__overlay.active {
    display: block
}

.mod-winners-nav-c__overlay .mod-winners-nav-c__label {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 70px
}

@media (min-width: 768px) {
    .mod-winners-nav-c__overlay .mod-winners-nav-c__label {
        font-size: 22px;
        margin-bottom: 75px
    }
}

@media (min-width: 1024px) {
    .mod-winners-nav-c__overlay .mod-winners-nav-c__label {
        display: none
    }
}

.mod-winners-nav-c__overlay .mod-winners-nav-c__label:after {
    display: none
}

@media (min-width: 1024px) {
    .mod-winners-nav-c__list--year {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3
    }
    .mod-winners-nav-c__list--year .mod-winners-nav__item {
        -moz-page-break-inside: avoid;
        -webkit-column-break-inside: avoid;
        break-inside: avoid;
        page-break-inside: avoid;
        -o-column-break-inside: avoid;
        -ms-column-break-inside: avoid;
        column-break-inside: avoid
    }
    .lt-ie9 .mod-winners-nav-c__list--year,
    .ie9 .mod-winners-nav-c__list--year {
        display: inline-block;
        vertical-align: top;
        width: 33.333333%
    }
}

@media (min-width: 1024px) {
    .mod-winners-nav-c__list--category {
        display: table;
        width: 100%
    }
}

.mod-winners-nav-c__item {
    margin: 0 0 13px 0;
    font-size: 18px;
    line-height: 25px;
    font-weight: bold
}

@media (min-width: 768px) {
    .mod-winners-nav-c__item {
        font-size: 20px;
        line-height: 27px;
        margin-bottom: 22px
    }
}

@media (min-width: 1024px) {
    .mod-winners-nav-c__item {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 15px;
        font-weight: normal
    }
}

@media (min-width: 1024px) {
    .mod-winners-nav-c__item--category {
        float: left;
        vertical-align: bottom;
        font-size: 11px;
        line-height: 16px;
        font-weight: bold;
        margin: 0;
        padding: 0 40px 0 0;
        text-transform: uppercase
    }
    .mod-winners-nav-c__item--category>.mod-winners-nav-c__link {
        color: #000;
        font-weight: bold;
        position: relative;
        display: table-cell;
        height: 50px;
        vertical-align: bottom;
        padding-top: 0;
        padding-bottom: 20px;
        border-bottom: 3px solid transparent
    }
    .mod-winners-nav-c__item--category>.mod-winners-nav-c__link:after {
        display: none
    }
    .mod-winners-nav-c__item--category>.mod-winners-nav-c__link.active,
    .mod-winners-nav-c__item--category>.mod-winners-nav-c__link:hover {
        font-weight: bold;
        color: #000;
        border-bottom: 3px solid #000
    }
}

.mod-winners-nav-c__item--category:hover>.mod-winners-nav-c__link {
    font-weight: bold;
    color: #000;
    border-bottom: 3px solid #000
}

.mod-winners-nav-c__link {
    color: #fff;
    border-bottom: 1px solid transparent
}

.mod-winners-nav-c__link:hover {
    color: #fff
}

.mod-winners-nav-c__link.active {
    font-weight: bold;
    border-bottom: 1px solid #fff
}

@media (min-width: 1024px) {
    .mod-winners-nav-c__link {
        color: #000
    }
    .mod-winners-nav-c__link.active,
    .mod-winners-nav-c__link:hover {
        color: #000;
        border-bottom: 1px solid #000
    }
}

.mod-winners-nav-c__link--dropdown {
    position: relative
}

.mod-winners-nav-c__link--dropdown:after {
    content: "+";
    line-height: 1;
    position: relative;
    font-size: 18px;
    top: 0;
    left: 8px
}

@media (min-width: 320px) and (max-width: 1023px) {
    .mod-winners-nav-c__item.active .mod-winners-nav-c__link--dropdown {
        border: 0
    }
    .mod-winners-nav-c__item.active .mod-winners-nav-c__link--dropdown:after {
        content: "-"
    }
}

.mod-winners-nav-c__submenu {
    display: none
}

@media (min-width: 1024px) {
    .mod-winners-nav-c__submenu {
        background: #f4f4f4;
        width: auto;
        top: 75px;
        left: 0;
        height: auto;
        position: absolute;
        padding: 30px 40px;
        width: 100%;
        z-index: 9990;
        border-top: 1px solid #ccc
    }
    .mod-winners-nav-c__item:hover .mod-winners-nav-c__submenu {
        display: block
    }
}

@media (min-width: 320px) and (max-width: 1023px) {
    .mod-winners-nav-c__item.active .mod-winners-nav-c__submenu {
        display: block
    }
}

.mod-winners-nav-c__submenu-list {
    padding: 20px 20px 5px 20px
}

@media (min-width: 1024px) {
    .mod-winners-nav-c__submenu-list {
        padding: 0;
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5
    }
    .mod-winners-nav-c__submenu-list li {
        -moz-page-break-inside: avoid;
        -webkit-column-break-inside: avoid;
        break-inside: avoid;
        page-break-inside: avoid;
        -o-column-break-inside: avoid;
        -ms-column-break-inside: avoid;
        column-break-inside: avoid
    }
    .lt-ie9 .mod-winners-nav-c__submenu-list,
    .ie9 .mod-winners-nav-c__submenu-list {
        display: inline-block;
        vertical-align: top;
        width: 20%
    }
}

.mod-winners-nav-c__submenu-list .mod-winners-nav-c__item {
    margin: 0 0 15px 0;
    font-size: 13px;
    line-height: 18px;
    font-weight: normal
}

@media (min-width: 1024px) {
    .mod-winners-nav-c__submenu-list .mod-winners-nav-c__item {
        margin-bottom: 15px;
        margin-right: 30px
    }
}

.mod-winners-nav-c__submenu-list .mod-winners-nav-c__link {
    color: #fff;
    border-bottom: 1px solid transparent
}

.mod-winners-nav-c__submenu-list .mod-winners-nav-c__link.active,
.mod-winners-nav-c__submenu-list .mod-winners-nav-c__link:hover {
    color: #fff;
    border-bottom: 1px solid #fff
}

@media (min-width: 1024px) {
    .mod-winners-nav-c__submenu-list .mod-winners-nav-c__link {
        color: #000;
        text-transform: none
    }
    .mod-winners-nav-c__submenu-list .mod-winners-nav-c__link:hover {
        color: #000;
        border-bottom: 1px solid #000
    }
    .mod-winners-nav-c__submenu-list .mod-winners-nav-c__link.active {
        color: #000;
        border-bottom: 1px solid #000;
        font-weight: bold
    }
}

.mod-winners-nav__results {
    min-height: 500px
}

@media (min-width: 1024px) {
    @-moz-document url-prefix() {
        .mod-winners-nav-c .mod-winners-nav-c__search .icon-search {
            left: 0
        }
    }
}

.mod-webby50-nav-c {
    *zoom: 1;
    -moz-transition: opacity 0.3s linear, visibility 0.3s linear;
    -o-transition: opacity 0.3s linear, visibility 0.3s linear;
    -webkit-transition: opacity 0.3s linear, visibility 0.3s linear;
    transition: opacity 0.3s linear, visibility 0.3s linear;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: #16267E;
    color: #fff;
    z-index: 1001
}

.mod-webby50-nav-c:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 768px) {
    .mod-webby50-nav-c {
        height: 90px
    }
}

.mod-webby50-nav-c--active {
    opacity: 1;
    visibility: visible
}

.mod-webby50-nav-c__site-logo {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background: url('../../images/webby50-logo--horizontal@2x.png') no-repeat 50%;
    background-size: contain;
    display: block;
    width: 150px;
    height: 22px;
    position: absolute;
    left: 20px;
    top: 16px;
    border: 0;
    z-index: 110
}

@media (min-width: 768px) {
    .mod-webby50-nav-c__site-logo {
        top: 20px;
        width: 300px;
        height: 44px
    }
}

.mod-webby50-nav-c__cta {
    display: none
}

@media (min-width: 1024px) {
    .mod-webby50-nav-c__cta {
        *zoom: 1;
        display: block;
        background: #fff;
        color: #000;
        height: 90px;
        position: absolute;
        right: 0;
        top: 0;
        width: 11.7%;
        padding: 30px 25px 0 25px;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 12px;
        line-height: 15px
    }
    .mod-webby50-nav-c__cta:after {
        content: "";
        display: table;
        clear: both
    }
    .mod-webby50-nav-c__cta:after {
        content: "";
        position: absolute;
        width: 10000em;
        left: 100%;
        height: 90px;
        z-index: -1;
        top: 0;
        background: #fff
    }
}

.mod-webby50-nav-c__cta .icon {
    float: left;
    margin-right: 7px
}

.mod-webby50-nav-c__search {
    display: none
}

@media (min-width: 1024px) {
    .mod-webby50-nav-c__search {
        background: #000;
        color: #fff;
        border-radius: 50%;
        position: absolute;
        top: 18px;
        right: 20px;
        z-index: 110;
        display: block;
        width: 52px;
        height: 52px;
        -moz-transition: color linear, background-color linear;
        -o-transition: color linear, background-color linear;
        -webkit-transition: color linear, background-color linear;
        transition: color linear, background-color linear
    }
}

@media (min-width: 1024px) and (min-width: 768px) {
    .mod-webby50-nav-c__search:hover {
        -moz-box-shadow: inset 0 0 0 4px;
        -webkit-box-shadow: inset 0 0 0 4px;
        box-shadow: inset 0 0 0 4px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-color: #fff !important;
        color: #000 !important
    }
}

@media (min-width: 1024px) {
    .mod-webby50-nav-c__search .icon-search {
        font-size: 23px;
        top: -6px;
        left: -5px
    }
}

.mod-webby50-nav-c__filter-container {
    float: right;
    margin-right: 20px
}

@media (min-width: 768px) {
    .mod-webby50-nav-c__filter-container {
        margin-top: 35px
    }
}

@media (min-width: 1024px) {
    .mod-webby50-nav-c__filter-container {
        margin-right: 14.125%
    }
}

.mod-webby50-nav-c__filter {
    margin: 0;
    padding: 0;
    position: relative;
    cursor: pointer;
    float: left
}

.mod-webby50-nav-c__filter--year {
    margin-left: 15px
}

@media (min-width: 768px) {
    .mod-webby50-nav-c__filter--year {
        margin-left: 35px
    }
}

.mod-webby50-nav-c__label {
    height: 60px;
    line-height: 60px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    position: relative
}

@media (min-width: 768px) {
    .mod-webby50-nav-c__label {
        height: auto;
        line-height: 11px;
        margin-bottom: 9px;
        font-size: 16px;
        line-height: 21px;
        font-weight: bold
    }
}

.mod-webby50-nav-c__label:after {
    content: "\e601";
    font-family: 'webby';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: relative;
    font-size: 14px;
    top: 2px;
    left: 3px;
    display: inline-block;
    -moz-transition: -moz-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s
}

@media (min-width: 768px) {
    .mod-webby50-nav-c__label:after {
        font-size: 18px;
        left: 7px
    }
}

.mod-webby50-nav-c__label.active:after {
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.mod-webby50-nav-c__filter--about .mod-webby50-nav-c__label span,
.mod-webby50-nav-c__filter--year .mod-webby50-nav-c__label span {
    display: none
}

@media (min-width: 1024px) {
    .mod-webby50-nav-c__filter--about .mod-webby50-nav-c__label span,
    .mod-webby50-nav-c__filter--year .mod-webby50-nav-c__label span {
        display: inline
    }
}

.mod-webby50-nav-c__filter--about .mod-webby50-nav-c__label:after,
.mod-webby50-nav-c__filter--year .mod-webby50-nav-c__label:after {
    display: inline-block;
    -moz-transition: -moz-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s
}

.mod-webby50-nav-c__filter--about.active .mod-webby50-nav-c__label:after,
.mod-webby50-nav-c__filter--year.active .mod-webby50-nav-c__label:after {
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.mod-webby50-nav-c__selected {
    display: none
}

.mod-webby50-nav-c__selected--year {
    text-transform: uppercase
}

.mod-webby50-nav-c__overlay-close {
    background: #fff;
    color: #000;
    width: 70px;
    height: 60px;
    position: fixed;
    top: 0;
    right: 0;
    font-size: 24px;
    z-index: 999
}

.mod-webby50-nav-c__overlay-close:hover {
    background: #000;
    color: #fff
}

@media (min-width: 768px) {
    .mod-webby50-nav-c__overlay-close {
        width: 85px;
        height: 85px
    }
}

@media (min-width: 1024px) {
    .mod-webby50-nav-c__overlay-close {
        display: none
    }
}

.mod-webby50-about__overlay-close {
    background: #fff;
    color: #000;
    width: 70px;
    height: 60px;
    position: fixed;
    top: 0;
    right: 0;
    font-size: 24px;
    z-index: 999
}

@media (min-width: 768px) {
    .mod-webby50-about__overlay-close {
        width: 85px;
        height: 85px
    }
}

.mod-webby50-nav-c__overlay {
    display: none;
    background: #16267E;
    color: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    top: 0;
    left: 0;
    z-index: 9990;
    padding: 30px 20px 20px 20px
}

@media (min-width: 768px) {
    .mod-webby50-nav-c__overlay {
        padding: 30px 48px
    }
}

@media (min-width: 1024px) {
    .mod-webby50-nav-c__overlay {
        background: #f4f4f4;
        background: #000;
        color: #000;
        color: #fff;
        width: 50%;
        top: 90px;
        left: 0;
        height: auto;
        position: absolute;
        padding: 25px 40px;
        min-width: 350px;
        overflow: visible;
        width: 100%
    }
    .mod-webby50-nav-c__overlay--category {
        width: 100%;
        padding-bottom: 0
    }
}

.mod-webby50-nav-c__overlay.active {
    display: block
}

.mod-webby50-nav-c__overlay .mod-webby50-nav-c__label {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 50px
}

@media (min-width: 768px) {
    .mod-webby50-nav-c__overlay .mod-webby50-nav-c__label {
        font-size: 22px;
        margin-bottom: 75px
    }
}

@media (min-width: 1024px) {
    .mod-webby50-nav-c__overlay .mod-webby50-nav-c__label {
        display: none
    }
}

.mod-webby50-nav-c__overlay .mod-webby50-nav-c__label:after {
    display: none
}

.mod-webby50-about__overlay {
    display: none;
    padding: 20px;
    font-size: 13px;
    line-height: 23px
}

.mod-webby50-about__overlay h3 {
    font-size: 15px;
    font-weight: bold;
    line-height: 21px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 20px 0
}

.mod-webby50-about__overlay p {
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .mod-webby50-about__overlay {
        padding: 40px
    }
    .mod-webby50-about__overlay h3 {
        font-size: 18px;
        line-height: 23px
    }
}

@media (min-width: 1024px) {
    .mod-webby50-nav-c__list--about {
        display: table;
        width: 100%
    }
    .mod-webby50-nav-c__list--about .mod-webby50-nav-c__item {
        display: table-cell;
        vertical-align: top;
        width: 16.66666666666667%;
        margin-bottom: 0
    }
    .mod-webby50-nav-c__list--about .mod-webby50-nav-c__item .mod-webby50-nav-c__link {
        position: relative;
        display: block;
        padding-top: 33px;
        font-size: 12px;
        line-height: 17px;
        font-weight: bold;
        text-transform: none
    }
    .mod-webby50-nav-c__list--about .mod-webby50-nav-c__item .mod-webby50-nav-c__link:after {
        position: absolute;
        top: 0;
        left: -3px;
        font-weight: normal;
        font-family: "webby";
        font-size: 34px
    }
    .mod-webby50-nav-c__list--about .mod-webby50-nav-c__item--1 {
        vertical-align: middle
    }
    .mod-webby50-nav-c__list--about .mod-webby50-nav-c__item--1 .mod-webby50-nav-c__link {
        font-size: 24px;
        padding-top: 0
    }
}

.mod-webby50-nav-c__list--about .filter {
    cursor: pointer
}

@media (min-width: 1024px) {
    .mod-webby50-nav-c__list--year {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
        -moz-page-break-inside: avoid;
        -webkit-column-break-inside: avoid;
        break-inside: avoid;
        page-break-inside: avoid;
        -o-column-break-inside: avoid;
        -ms-column-break-inside: avoid;
        column-break-inside: avoid
    }
}

.mod-webby50-nav-c__item {
    margin: 0 0 15px 0;
    font-size: 18px;
    line-height: 25px;
    font-weight: bold
}

@media (min-width: 768px) {
    .mod-webby50-nav-c__item {
        font-size: 20px;
        line-height: 27px;
        margin-bottom: 22px
    }
}

@media (min-width: 1024px) {
    .mod-webby50-nav-c__item {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 15px;
        font-weight: normal;
        padding-right: 30px;
        display: block;
        margin: 0 0 7px 0
    }
}

@media (min-width: 1024px) {
    .mod-webby50-nav-c__item--2>.mod-webby50-nav-c__link:after {
        content: "\e632";
        top: 10px
    }
    .mod-webby50-nav-c__item--3>.mod-webby50-nav-c__link:after {
        content: "\e627"
    }
    .mod-webby50-nav-c__item--4>.mod-webby50-nav-c__link:after {
        content: "\e618"
    }
    .mod-webby50-nav-c__item--5>.mod-webby50-nav-c__link:after {
        content: "\e600"
    }
    .mod-webby50-nav-c__item--6>.mod-webby50-nav-c__link:after {
        content: "\e609"
    }
}

@media (min-width: 1024px) {
    .mod-webby50-nav-c__item-div {
        display: inline-block
    }
}

.mod-webby50-nav-c__link {
    color: #fff;
    border-bottom: 1px solid transparent;
    text-transform: uppercase
}

.mod-webby50-nav-c__link span {
    display: block;
    font-size: 11px;
    line-height: 18px;
    font-weight: normal;
    text-transform: none;
    color: #aaa
}

.mod-webby50-nav-c__link:active,
.mod-webby50-nav-c__link:hover {
    color: #fff;
    border-bottom: 1px solid #fff
}

.mod-webby50-nav-c__link.active {
    color: #fff;
    font-weight: bold;
    border-bottom: 1px solid #fff
}

@media (min-width: 1024px) {
    .mod-webby50-nav-c__link {
        color: #fff
    }
    .mod-webby50-nav-c__link.active,
    .mod-webby50-nav-c__link:hover {
        color: #C32341;
        border-bottom: 1px solid transparent
    }
}

.mod-webby50-nav-c__link--dropdown {
    position: relative
}

.mod-webby50-nav-c__link--dropdown:after {
    content: "+";
    line-height: 1;
    position: relative;
    font-size: 18px;
    top: 0;
    left: 8px
}

@media (min-width: 320px) and (max-width: 1024px) {
    .mod-webby50-nav-c__item.active .mod-webby50-nav-c__link--dropdown {
        border: 0
    }
    .mod-webby50-nav-c__item.active .mod-webby50-nav-c__link--dropdown:after {
        content: "-"
    }
}

.mod-webby50-nav-c__submenu {
    display: none
}

@media (min-width: 1024px) {
    .mod-webby50-nav-c__submenu {
        background: #f4f4f4;
        width: auto;
        top: 75px;
        left: 0;
        height: auto;
        position: absolute;
        padding: 30px 40px;
        width: 100%;
        z-index: 9990;
        border-top: 1px solid #ccc
    }
    .mod-webby50-nav-c__item:hover .mod-webby50-nav-c__submenu {
        display: block
    }
}

@media (min-width: 320px) and (max-width: 1024px) {
    .mod-webby50-nav-c__item.active .mod-webby50-nav-c__submenu {
        display: block
    }
}

.mod-webby50-nav-c__submenu-list {
    padding: 20px 20px 5px 20px
}

@media (min-width: 1024px) {
    .mod-webby50-nav-c__submenu-list {
        padding: 0;
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5
    }
    .mod-webby50-nav-c__submenu-list li {
        -moz-page-break-inside: avoid;
        -webkit-column-break-inside: avoid;
        break-inside: avoid;
        page-break-inside: avoid;
        -o-column-break-inside: avoid;
        -ms-column-break-inside: avoid;
        column-break-inside: avoid
    }
    .lt-ie9 .mod-webby50-nav-c__submenu-list li,
    .ie9 .mod-webby50-nav-c__submenu-list li {
        float: left;
        width: 20%
    }
}

.mod-webby50-nav-c__submenu-list .mod-webby50-nav-c__item {
    margin: 0 0 15px 0;
    font-size: 13px;
    line-height: 18px;
    font-weight: normal
}

@media (min-width: 1024px) {
    .mod-webby50-nav-c__submenu-list .mod-webby50-nav-c__item {
        margin-bottom: 15px;
        margin-right: 30px
    }
}

.mod-webby50-nav-c__submenu-list .mod-webby50-nav-c__link {
    color: #fff;
    border-bottom: 1px solid transparent
}

.mod-webby50-nav-c__submenu-list .mod-webby50-nav-c__link.active,
.mod-webby50-nav-c__submenu-list .mod-webby50-nav-c__link:hover {
    color: #fff;
    border-bottom: 1px solid #fff
}

@media (min-width: 1024px) {
    .mod-webby50-nav-c__submenu-list .mod-webby50-nav-c__link {
        color: #000;
        text-transform: none
    }
    .mod-webby50-nav-c__submenu-list .mod-webby50-nav-c__link:hover {
        color: #000;
        border-bottom: 1px solid #000
    }
    .mod-webby50-nav-c__submenu-list .mod-webby50-nav-c__link.active {
        color: #000;
        border-bottom: 1px solid #000;
        font-weight: bold
    }
}

.webby50-modules {
    margin-bottom: 60px
}

.webby50-modules .mod-listicle {
    margin: 0;
    border: 20px solid #a7f076
}

@media (min-width: 1024px) {
    .webby50-modules .mod-listicle {
        border: 0;
        min-height: 600px
    }
}

.webby50-modules .mod-listicle .mod-listicle__header {
    font-size: 16px;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 0;
    margin-bottom: 10px;
    color: #aaa;
    font-weight: 700
}

@media (min-width: 768px) {
    .webby50-modules .mod-listicle .mod-listicle__header {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 25px
    }
}

.webby50-modules .mod-listicle .mod-listicle__nav-container {
    background-color: #a7f076;
    border-bottom: 0;
    border-top: 0
}

@media (min-width: 768px) {
    .webby50-modules .mod-listicle .mod-listicle__nav-container {
        border: 0;
        float: none;
        width: 100%;
        height: 100%;
        margin: 0
    }
}

@media (min-width: 1024px) {
    .webby50-modules .mod-listicle .mod-listicle__nav-container {
        border: 50px solid #a7f076;
        border-top: 55px solid #a7f076;
        border-bottom: 0;
        height: 240px;
        width: 360px
    }
}

@media (min-width: 1024px) {
    .webby50-modules .mod-listicle .mod-listicle__nav-container {
        background: transparent;
        border: none;
        height: auto;
        float: none;
        width: auto
    }
}

@media (min-width: 1024px) {
    .webby50-modules .mod-listicle .mod-listicle__pager-container {
        bottom: 25px
    }
}

.webby50-modules .mod-listicle .mod-listicle__item {
    padding-bottom: 0;
    border-top: 20px solid #a7f076
}

@media (min-width: 1024px) {
    .webby50-modules .mod-listicle .mod-listicle__item {
        border: 0;
        margin: 0 0 80px 0
    }
}

.webby50-modules .mod-listicle .mod-listicle__item:first-child {
    border: 0
}

.webby50-modules .mod-listicle .mod-listicle__copy {
    padding: 20px 30px 20px 20px
}

@media (min-width: 768px) {
    .webby50-modules .mod-listicle .mod-listicle__copy {
        padding: 40px 150px 40px 40px
    }
}

@media (min-width: 1024px) {
    .webby50-modules .mod-listicle .mod-listicle__copy {
        padding: 0
    }
}

@media (min-width: 1024px) {
    .webby50-modules .mod-listicle .mod-listicle__item--image .mod-listicle__copy {
        padding-top: 20px
    }
}

.webby50-modules .mod-listicle .mod-listicle__page-index {
    display: none
}

.webby50-modules .mod-listicle .mod-listicle__text {
    margin: 0 0 30px 0
}

@media (min-width: 1024px) {
    .webby50-modules .mod-listicle .mod-listicle__video,
    .webby50-modules .mod-listicle .mod-listicle__video:after {
        border-bottom: 20px solid #fff
    }
}

@media (min-width: 1024px) {
    .webby50-modules .mod-listicle .mod-listicle__image {
        border-bottom: 20px solid #fff
    }
}

.webby50-modules .mod-listicle .mod-5-word-speeches {
    min-height: 200px;
    padding-top: 40px;
    padding-bottom: 40px
}

@media (min-width: 768px) {
    .webby50-modules .mod-listicle .mod-5-word-speeches {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

@media (min-width: 1024px) {
    .webby50-modules .mod-listicle .mod-5-word-speeches {
        width: 65.22%;
        margin: 0 auto;
        padding: 56px 0 0 0
    }
}

.webby50-modules .mod-listicle .mod-5-word-speeches__headline {
    width: 90%
}

@media (min-width: 768px) {
    .webby50-modules .mod-listicle .mod-5-word-speeches__headline {
        font-size: 36px;
        line-height: 39px;
        margin-bottom: 15px
    }
}

.webby50-modules .mod-listicle .mod-5-word-speeches__headline:before {
    top: 190px;
    right: -28px;
    color: #a7f076;
    font-size: 600px
}

@media (min-width: 768px) {
    .webby50-modules .mod-listicle .mod-5-word-speeches__headline:before {
        top: 230px;
        right: -20px;
        font-size: 720px
    }
}

.webby50-modules .mod-listicle .mod-listicle__item--qa span {
    font-weight: 700;
    color: #000
}

.webby50-modules .mod-listicle .fun-facts {
    margin: 15px 0
}

@media (min-width: 768px) {
    .webby50-modules .mod-listicle .fun-facts {
        overflow: hidden;
        *zoom: 1;
        margin: 45px 0 0 0
    }
}

.webby50-modules .mod-listicle .fun-facts__count {
    font-size: 60px;
    line-height: 60px;
    font-weight: bold;
    letter-spacing: -4px;
    color: #000
}

@media (min-width: 768px) {
    .webby50-modules .mod-listicle .fun-facts__count {
        font-size: 92px;
        line-height: 70px;
        float: left;
        margin-right: 30px
    }
}

.webby50-modules .mod-listicle .fun-facts__copy {
    margin-top: 6px;
    margin-left: 20px
}

@media (min-width: 768px) {
    .webby50-modules .mod-listicle .fun-facts__copy {
        float: left;
        margin-left: 0px
    }
}

.webby50-modules .mod-listicle .fun-facts__copy.highlight span {
    text-transform: none;
    padding: 4px 0
}

@media (min-width: 768px) {
    .webby50-modules .mod-listicle .fun-facts__copy.highlight span {
        padding: 6px 0
    }
}

@media (min-width: 1024px) {
    .webby50-modules .mod-listicle .fun-facts__copy.highlight span {
        padding: 8px 0
    }
}

.webby50-modules--branded .mod-listicle {
    margin: 0;
    border: 20px solid #16267E
}

@media (min-width: 1024px) {
    .webby50-modules--branded .mod-listicle {
        border: 0;
        min-height: 600px
    }
}

.webby50-modules--branded .mod-listicle .mod-listicle__header {
    font-size: 16px;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 0;
    margin-bottom: 10px;
    color: #aaa;
    font-weight: 700
}

@media (min-width: 768px) {
    .webby50-modules--branded .mod-listicle .mod-listicle__header {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 25px
    }
}

.webby50-modules--branded .mod-listicle .mod-listicle__nav-outer {
    background: #16267E url('../../images/grey-goose-pattern-bg.png');
    background-size: cover
}

.webby50-modules--branded .mod-listicle .mod-listicle__nav-container {
    background-color: #16267E;
    border-bottom: 0;
    border-top: 0
}

@media (min-width: 768px) {
    .webby50-modules--branded .mod-listicle .mod-listicle__nav-container {
        border: 0;
        float: none;
        width: 100%;
        height: 100%;
        margin: 0
    }
}

@media (min-width: 1024px) {
    .webby50-modules--branded .mod-listicle .mod-listicle__nav-container {
        border: 50px solid #16267E;
        border-top: 55px solid #16267E;
        border-bottom: 0;
        height: 240px;
        width: 360px
    }
}

@media (min-width: 1024px) {
    .webby50-modules--branded .mod-listicle .mod-listicle__nav-container {
        background: transparent;
        border: none;
        height: auto;
        float: none;
        width: auto
    }
}

.webby50-modules--branded .mod-listicle .mod-listicle__nav {
    background: #fff;
    padding: 20px 0 25px 0;
    overflow: hidden;
    width: 100%
}

@media (min-width: 1024px) {
    .webby50-modules--branded .mod-listicle .mod-listicle__nav {
        border: 10px solid #16267E;
        min-height: 390px;
        width: 260px;
        padding: 30px 0 40px 0
    }
}

.webby50-modules--branded .mod-listicle .mod-listicle__title {
    width: 100%;
    background: url('../../images/webby50-logo@2x.png') no-repeat 50%;
    background-size: contain;
    width: 150px;
    height: 255px;
    display: block;
    margin: 0 auto;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize
}

.webby50-modules--branded .mod-listicle .mod-listicle__title .mod-listicle__title-link {
    width: 150px;
    height: 255px;
    display: block;
    margin: 0 auto
}

.webby50-modules--branded .mod-listicle .mod-listicle__title span {
    display: none
}

@media (min-width: 1024px) {
    .webby50-modules--branded .mod-listicle .mod-listicle__title {
        position: static;
        -moz-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none
    }
}

@media (min-width: 1024px) {
    .webby50-modules--branded .mod-listicle .mod-listicle__pager-container {
        bottom: 25px
    }
}

.webby50-modules--branded .mod-listicle .mod-listicle__item {
    padding-bottom: 0;
    border-top: 20px solid #16267E
}

@media (min-width: 1024px) {
    .webby50-modules--branded .mod-listicle .mod-listicle__item {
        border: 0;
        margin: 0 0 80px 0
    }
}

.webby50-modules--branded .mod-listicle .mod-listicle__item:first-child {
    border-top: 20px solid #16267E
}

@media (min-width: 1024px) {
    .webby50-modules--branded .mod-listicle .mod-listicle__item:first-child {
        border: 0
    }
}

.webby50-modules--branded .mod-listicle .mod-listicle__copy {
    padding: 20px 30px 20px 20px
}

@media (min-width: 768px) {
    .webby50-modules--branded .mod-listicle .mod-listicle__copy {
        padding: 40px 150px 40px 40px
    }
}

@media (min-width: 1024px) {
    .webby50-modules--branded .mod-listicle .mod-listicle__copy {
        padding: 0
    }
}

@media (min-width: 1024px) {
    .webby50-modules--branded .mod-listicle .mod-listicle__item--image .mod-listicle__copy {
        padding-top: 20px
    }
}

.webby50-modules--branded .mod-listicle .mod-listicle__text {
    margin: 0 0 30px 0
}

.webby50-modules--branded .mod-listicle .mod-5-word-speeches__headline:before {
    color: #D7D7D8
}

@media (min-width: 1024px) {
    .webby50-image-gallery--branded .webby50_gallery__head {
        width: 75%
    }
}

.webby50-image-gallery--branded .webby50_gallery__header {
    display: none;
    font-size: 16px;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 0;
    margin-bottom: 10px;
    color: #aaa;
    font-weight: 700
}

@media (min-width: 768px) {
    .webby50-image-gallery--branded .webby50_gallery__header {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 25px;
        padding: 40px 0 0 60px;
        margin: 0
    }
}

@media (min-width: 1024px) {
    .webby50-image-gallery--branded .webby50_gallery__header {
        display: block;
        width: 65.22%;
        margin: 0 auto;
        padding-left: 0
    }
}

.webby50-image-gallery--branded .mod-full-gallery .mod-full-gallery__icon img {
    display: none
}

@media (min-width: 1024px) {
    .webby50-image-gallery--branded .mod-full-gallery {
        margin-bottom: 0
    }
}

.webby50-image-gallery--branded .mod-full-gallery .mod-full-gallery__icon:before {
    content: "\e628"
}

.webby50-image-gallery--branded .mod-full-gallery .mod-full-gallery__caption {
    background: #16267E
}

.mod-gif-of-the-year__container {
    width: 100%;
    margin: 50px auto;
    display: table;
    clear: both
}

.mod-gif-of-the-year__container.is-hidden {
    display: none;
    opacity: 0
}

.mod-gif-of-the-year__container .mod-gif-of-the-year__meta {
    width: 100%;
    background-color: black;
    height: 75px;
    padding: 10px 0
}

@media (min-width: 1024px) {
    .mod-gif-of-the-year__container .mod-gif-of-the-year__meta {
        width: 70%
    }
}

.mod-gif-of-the-year__container .mod-gif-of-the-year__meta .mod-gif-of-the-year__meta-container {
    float: left;
    width: 40%;
    text-align: left;
    height: 100%;
    color: white;
    text-transform: uppercase
}

.mod-gif-of-the-year__container .mod-gif-of-the-year__meta .mod-gif-of-the-year__meta-container span {
    font-size: 12px
}

@media (min-width: 1024px) {
    .mod-gif-of-the-year__container .mod-gif-of-the-year__meta .mod-gif-of-the-year__meta-container span {
        font-size: 14px
    }
}

.mod-gif-of-the-year__container .mod-gif-of-the-year__meta .mod-gif-of-the-year__meta-container .mod-gif-of-the-year__title {
    color: white;
    font-size: 14px
}

@media (min-width: 768px) {
    .mod-gif-of-the-year__container .mod-gif-of-the-year__meta .mod-gif-of-the-year__meta-container .mod-gif-of-the-year__title {
        font-size: 20px
    }
}

@media (min-width: 1024px) {
    .mod-gif-of-the-year__container .mod-gif-of-the-year__meta .mod-gif-of-the-year__meta-container .mod-gif-of-the-year__title {
        font-size: 25px
    }
}

.mod-gif-of-the-year__container .mod-gif-of-the-year__meta .mod-gif-of-the-year__meta--verizon {
    width: 25%;
    text-align: center
}

@media (min-width: 1024px) {
    .mod-gif-of-the-year__container .mod-gif-of-the-year__meta .mod-gif-of-the-year__meta--verizon {
        width: 30%
    }
}

.mod-gif-of-the-year__container .mod-gif-of-the-year__meta .mod-gif-of-the-year__meta--verizon img {
    width: 60px;
    top: 25%;
    position: relative;
    transform: translateY(-50%);
    height: auto
}

@media (min-width: 768px) {
    .mod-gif-of-the-year__container .mod-gif-of-the-year__meta .mod-gif-of-the-year__meta--verizon img {
        width: 130px;
        top: 50%
    }
}

@media (min-width: 1024px) {
    .mod-gif-of-the-year__container .mod-gif-of-the-year__meta .mod-gif-of-the-year__meta--verizon img {
        width: 180px
    }
}

.mod-gif-of-the-year__container .mod-gif-of-the-year__meta .mod-gif-of-the-year__meta--giphy {
    width: 30%;
    float: right
}

@media (min-width: 1024px) {
    .mod-gif-of-the-year__container .mod-gif-of-the-year__meta .mod-gif-of-the-year__meta--giphy {
        width: 20%
    }
}

.mod-gif-of-the-year__container .mod-gif-of-the-year__meta .mod-gif-of-the-year__meta--giphy span {
    position: relative;
    display: block;
    font-size: 11px;
    line-height: 1
}

@media (min-width: 1024px) {
    .mod-gif-of-the-year__container .mod-gif-of-the-year__meta .mod-gif-of-the-year__meta--giphy span {
        font-size: 12px;
        line-height: 16px
    }
}

@media (min-width: 1024px) {
    .mod-gif-of-the-year__container .mod-gif-of-the-year__meta .mod-gif-of-the-year__meta--giphy span {
        line-height: 13px
    }
}

.mod-gif-of-the-year__container .mod-gif-of-the-year__meta .mod-gif-of-the-year__meta--giphy img {
    position: relative;
    width: 60px
}

@media (min-width: 768px) {
    .mod-gif-of-the-year__container .mod-gif-of-the-year__meta .mod-gif-of-the-year__meta--giphy img {
        width: 100px
    }
}

@media (min-width: 1024px) {
    .mod-gif-of-the-year__container .mod-gif-of-the-year__meta .mod-gif-of-the-year__meta--giphy img {
        width: 90px
    }
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content {
    clear: both;
    padding: 0px 10px;
    width: 100%;
    height: 467px;
    background-color: black
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item {
    background-color: white;
    width: 100%;
    margin: 0;
    padding: 0;
    border: solid #000;
    border-width: 20px 10px;
    float: left;
    text-align: center;
    position: relative
}

@media (min-width: 768px) {
    .mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item {
        width: 50%
    }
}

@media (min-width: 1024px) {
    .mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item {
        width: 20%
    }
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-image-container {
    position: relative;
    width: 100%;
    background-color: black;
    overflow: hidden
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-image-container:before {
    content: "";
    display: block;
    padding-top: 100%
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-image-container .mod-gif-image-content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-image-container .mod-gif-image-content .mod-gif-image {
    width: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-image-container .mod-gif-image-content .mod-gif-image.is-hidden {
    display: none;
    opacity: 0
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-image-container .mod-gif-image-content iframe {
    width: 100%;
    height: 100%
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-meta-container {
    height: 150px;
    position: relative
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-meta-container .mod-gif-title {
    color: black;
    margin-bottom: 0;
    margin-top: 30px;
    font-size: 20px
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-meta-container .mod-gif-caption {
    color: black;
    font-size: 18px;
    display: block;
    margin: 0 auto;
    width: 60%;
    line-height: 20px;
    margin-top: 5px
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-meta-container .mod-gif-vote-btn {
    text-transform: uppercase;
    display: block;
    width: 100%;
    background: #D7D7D7;
    font-weight: bold;
    padding: 14px 0;
    position: absolute;
    bottom: 0
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-meta-container .mod-gif-vote-btn:hover {
    background: #e0eae5;
    cursor: pointer
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-meta-container .mod-gif-vote-btn.is-hidden {
    display: none
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-vote-info {
    display: block;
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-vote-info .mod-gif-vote-info__content {
    height: 100%;
    display: block;
    width: 100%;
    position: absolute;
    top: 0
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-vote-info .mod-gif-vote-info__content .mod-gif-vote-info--percentage span {
    font-size: 20px;
    display: none;
    position: absolute;
    top: 40px;
    width: 100%;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-vote-info .mod-gif-vote-info__content .mod-gif-vote-info--percentage span {
        top: 70px
    }
}

@media (min-width: 1024px) {
    .mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-vote-info .mod-gif-vote-info__content .mod-gif-vote-info--percentage span {
        top: 40px
    }
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-vote-info .mod-gif-vote-info__content .mod-gif-vote-info--percentage .mod-gif-vote-percentage {
    color: white;
    font-size: 70px;
    line-height: 1;
    margin: 130px auto;
    display: block
}

@media (min-width: 768px) {
    .mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-vote-info .mod-gif-vote-info__content .mod-gif-vote-info--percentage .mod-gif-vote-percentage {
        font-size: 90px;
        margin: 148px auto
    }
}

@media (min-width: 1024px) {
    .mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-vote-info .mod-gif-vote-info__content .mod-gif-vote-info--percentage .mod-gif-vote-percentage {
        font-size: 60px;
        margin: 105px auto
    }
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-vote-info .mod-gif-vote-info__content .mod-gif-vote-info--gif-title {
    text-align: center
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-vote-info .mod-gif-vote-info__content .mod-gif-vote-info--gif-title span {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1;
    color: white
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-vote-info .mod-gif-vote-info__content .mod-gif-vote-info--gif-title a {
    display: block;
    color: white;
    text-decoration: underline
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-vote-info .mod-gif-vote-info__content .mod-gif-vote-info--share {
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5px 20px 10px;
    border-top: #737373 solid 1px
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-vote-info .mod-gif-vote-info__content .mod-gif-vote-info--share span.label {
    text-transform: uppercase;
    color: #737373;
    display: block
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-vote-info .mod-gif-vote-info__content .mod-gif-vote-info--share a.mod-gif-share {
    margin: 0 5px
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-vote-info .mod-gif-vote-info__content .mod-gif-vote-info--share a.mod-gif-share .icon {
    font-size: 20px
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-vote-info.voted {
    background-color: rgba(255, 255, 255, 0.8)
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-vote-info.voted .mod-gif-vote-info--percentage {
    color: black
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-vote-info.voted .mod-gif-vote-info--percentage span {
    display: block
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-vote-info.voted .mod-gif-vote-info--percentage .mod-gif-vote-percentage {
    color: black
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-vote-info.voted .mod-gif-vote-info--gif-title a,
.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-vote-info.voted .mod-gif-vote-info--gif-title span {
    color: black
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-vote-info.voted .mod-gif-vote-info--share {
    display: block
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .mod-gif-vote-info.is-hidden {
    display: none;
    opacity: 0
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .preloader-overlay {
    background: rgba(0, 0, 0, 0.7) url('../../images/loader-white.gif') center center no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0
}

.mod-gif-of-the-year__container .mod-gif-of-the-year-content .mod-gif-of-the-year__item .preloader-overlay.is-hidden {
    display: none;
    opacity: 0
}

#mod-file-download {
    padding: 20px 30px;
    width: 400px
}

.mod-file-download {
    background-color: #fff;
    border: 12px solid #a7f076;
    height: 550px;
    position: relative;
    width: 700px
}

.mod-file-download .fancybox-inner {
    height: 100%;
    overflow: visible;
    width: 100%
}

.mod-file-download__form span {
    display: block;
    font-size: 11px;
    width: 50%
}

.mod-file-download__form span a {
    font-size: inherit
}

.mod-file-download__form label.error {
    bottom: 16px !important;
    font-size: 11px !important
}

.mod-file-download__form .entry-form__submit a {
    display: block;
    margin: 0 auto;
    text-align: center
}

.mod-file-download__form .entry-form__submit button {
    display: block;
    margin: 30px auto
}

.mod-file-download__preloader {
    background: #FFF url('../../images/loader-black.gif') center center no-repeat;
    top: 0;
    left: 0;
    content: "";
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute
}

.mod-file-download__success h2 {
    font-size: 30px
}

.mod-file-download__success p {
    font-size: 14px;
    line-height: 1.6em;
    margin-bottom: 20px
}

.article-metadata {
    *zoom: 1;
    background: #000;
    color: #fff;
    padding: 40px 20px
}

.article-metadata:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 768px) {
    .article-metadata {
        padding: 60px 40px
    }
}

.article-byline {
    float: left;
    width: 68%
}

@media (min-width: 768px) {
    .article-byline {
        float: none;
        width: 100%
    }
}

.article-byline__author {
    font-size: 13px;
    line-height: 15px;
    font-weight: bold;
    margin: 0 0 5px 0
}

@media (min-width: 768px) {
    .article-byline__author {
        font-size: 14px;
        margin-bottom: 7px
    }
}

.article-byline__pubdate {
    font-size: 13px;
    line-height: 15px;
    color: #999;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .article-byline__pubdate {
        font-size: 14px
    }
}

.article-share {
    float: right;
    width: 32%;
    text-align: right;
    padding-right: 5px
}

@media (min-width: 768px) {
    .article-share {
        float: none;
        width: 100%;
        text-align: left;
        padding-right: 0;
        border-top: 1px solid #fff;
        margin-top: 30px;
        padding-top: 30px
    }
}

.article-share__item {
    display: inline-block;
    margin: 0 -5px 0 15px;
    vertical-align: middle
}

.article-share__item:first-child {
    margin-left: 0
}

.article-share__item .icon {
    color: #fff;
    width: 50px;
    height: 33px;
    display: block;
    text-align: center;
    line-height: 33px;
    font-size: 16px
}

.article-share__item .icon-twitter {
    background-color: #42a8df;
    font-size: 17px
}

.article-share__item .icon-twitter:hover {
    background: #fff;
    color: #42a8df
}

.article-share__item .icon-facebook {
    background-color: #3b5998
}

.article-share__item .icon-facebook:hover {
    background-color: #fff;
    color: #3b5998
}

.article-share__item--label {
    display: none;
    font-size: 12px
}

@media (min-width: 768px) {
    .article-share__item--label {
        display: inline
    }
}

.article-share__item--facebook {
    margin-left: 0
}

@media (min-width: 768px) {
    .article-share__item--facebook {
        margin-left: 15px
    }
}

.article-share-wrap {
    margin: 0 auto;
    max-width: 1280px;
    position: relative;
    background: green
}

.article-share--footer {
    float: none;
    width: 100%;
    text-align: left;
    border-top: 1px solid #000;
    padding-top: 20px
}

.article-share--footer .article-share__item .icon:hover {
    border-radius: 0
}

.article-share--footer .article-share__item .icon-google-plus {
    background-color: #d34836;
    color: #fff;
    font-size: 15px
}

.article-share--footer .article-share__item .icon-google-plus:hover {
    background-color: #fff;
    color: #d34836
}

.article-share--footer .article-share__item .icon-tumblr {
    background-color: #35465c;
    color: #fff
}

.article-share--footer .article-share__item .icon-tumblr:hover {
    background-color: #fff;
    color: #35465c
}

.article-share--footer .article-share__item--label {
    display: inline-block;
    color: #000;
    line-height: 15px;
    margin-right: 35px
}

@media (min-width: 768px) {
    .article-share--footer .article-share__item--label {
        margin-right: 15px
    }
}

.article-share--footer .article-share__item--label span {
    display: block
}

@media (min-width: 768px) {
    .article-share--footer .article-share__item--label span {
        display: inline
    }
}

.article-share--footer .article-share__item--facebook {
    margin-left: 0
}

.article-tags {
    font-size: 12px;
    padding: 23px 20px 0 20px;
    line-height: 22px
}

@media (min-width: 768px) {
    .article-tags {
        padding: 20px 48px;
        width: 58.333333333333336%;
        float: left
    }
}

@media (min-width: 1024px) {
    .article-tags {
        clear: right;
        margin-top: -164px;
        padding: 40px 60px 0 40px;
        margin-left: 71.875%;
        width: auto
    }
}

.article-tags__subhead {
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    padding-right: 3px
}

@media (min-width: 1024px) {
    .article-tags__subhead {
        display: block;
        margin-bottom: 3px
    }
}

.article-tags__tag {
    color: gray
}

.article-tags__tag:hover {
    border-bottom: 1px solid #000
}

.article-footer {
    padding: 0 0 0 20px;
    margin-top: -30px;
    margin-bottom: 60px
}

@media (min-width: 768px) {
    .article-footer {
        padding-left: 48px;
        margin-top: -40px;
        margin-bottom: 95px
    }
}

@media (min-width: 1024px) {
    .article-footer {
        padding: 0 40px 0 80px;
        width: 65.625%;
        margin-left: 6.25%
    }
}

.article-aside {
    padding: 0 20px;
    position: relative;
    z-index: 1
}

@media (min-width: 768px) {
    .article-aside {
        padding: 0 48px;
        clear: both
    }
}

@media (min-width: 1024px) {
    .article-aside {
        padding: 0 40px 0 80px;
        width: 65.625%;
        margin-left: 6.25%
    }
}

@media (min-width: 1024px) {
    .article-aside--ad {
        padding: initial;
        margin-left: 11.25%
    }
}

.article-aside--full {
    margin-left: auto;
    margin-right: auto;
    padding: 0
}

@media (min-width: 768px) {
    .article-aside--full {
        padding: 0
    }
}

@media (min-width: 1024px) {
    .article-aside--full {
        padding: 0;
        width: 100%;
        margin-left: 0
    }
}

.article-aside--right {
    padding: 0
}

@media (min-width: 768px) {
    .article-aside--right {
        float: right;
        margin: 0 0 30px 25px;
        padding: 0
    }
}

@media (min-width: 1024px) {
    .article-aside--right {
        padding: 0 80px 0 0;
        width: auto;
        margin: 0 6.25% 60px 25px
    }
}

.article-aside--far-right {
    padding: 0
}

@media (min-width: 768px) {
    .article-aside--far-right {
        padding: 0;
        float: right;
        margin: 0 0 30px 25px
    }
}

@media (min-width: 1024px) {
    .article-aside--far-right {
        padding: 0 60px 0 0;
        margin: 0 0 60px 25px;
        width: auto
    }
}

.article-aside--farther-right {
    padding: 0
}

@media (min-width: 768px) {
    .article-aside--farther-right {
        padding: 0;
        float: right;
        margin: 0 0 30px 25px
    }
}

@media (min-width: 1024px) {
    .article-aside--farther-right {
        padding: 0;
        margin: 0 0 60px 25px;
        width: auto
    }
}

.article-aside--left {
    padding: 0
}

@media (min-width: 768px) {
    .article-aside--left {
        padding: 0;
        float: left;
        margin: 0 30px 30px 0
    }
}

@media (min-width: 1024px) {
    .article-aside--left {
        width: auto;
        margin: 0 30px 60px 0
    }
}

.article-aside--center {
    text-align: center
}

@media (min-width: 768px) {
    .article-aside--right .mod-half-image,
    .article-aside--right .mod-half-gallery__small,
    .article-aside--right .mod-half-video,
    .article-aside--right .mod-ad-breaker--300x250,
    .article-aside--right .mod-ad-breaker--300x250 .mod-ad-breaker__container,
    .article-aside--right .mod-social-embed,
    .article-aside--left .mod-half-image,
    .article-aside--left .mod-half-gallery__small,
    .article-aside--left .mod-half-video,
    .article-aside--left .mod-ad-breaker--300x250,
    .article-aside--left .mod-ad-breaker--300x250 .mod-ad-breaker__container,
    .article-aside--left .mod-social-embed,
    .article-aside--far-right .mod-half-image,
    .article-aside--far-right .mod-half-gallery__small,
    .article-aside--far-right .mod-half-video,
    .article-aside--far-right .mod-ad-breaker--300x250,
    .article-aside--far-right .mod-ad-breaker--300x250 .mod-ad-breaker__container,
    .article-aside--far-right .mod-social-embed,
    .article-aside--farther-right .mod-half-image,
    .article-aside--farther-right .mod-half-gallery__small,
    .article-aside--farther-right .mod-half-video,
    .article-aside--farther-right .mod-ad-breaker--300x250,
    .article-aside--farther-right .mod-ad-breaker--300x250 .mod-ad-breaker__container,
    .article-aside--farther-right .mod-social-embed {
        margin-top: 0
    }
}

.article-aside .mod-ad-breaker--728x90 {
    margin: 75px 0
}

.article-aside--full .mod-article-5up .mod-full-video {
    margin: 0
}

body.page-template-template-features-php .page-header {
    margin: 0
}

body.page-template-template-features-php .page-header .mod-newsletter-signup {
    display: none
}

@media (min-width: 1024px) {
    body.page-template-template-features-php .page-header .mod-newsletter-signup {
        display: block
    }
}

body.page-template-template-homepage-php .mod-ad-breaker--728x90 .mod-ad-breaker__container {
    margin: 100px auto
}

body.single-winner .mod-full-gallery__header-link .icon-arrow-right,
body.single-winner .mod-full-gallery__header-link button[type="submit"]:after {
    display: none
}

.winners-metadata {
    *zoom: 1;
    background: #000;
    color: #fff;
    padding: 25px 20px 40px 20px
}

.winners-metadata:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 1024px) {
    .winners-metadata {
        padding: 48px 20px 60px 20px
    }
}

@media (min-width: 1280px) {
    .winners-metadata {
        padding: 60px 40px 82px 40px
    }
}

.winners__back-link {
    color: #fff;
    font-size: 13px;
    line-height: 15px;
    font-weight: bold;
    margin: 0 0 5px 0;
    float: none;
    width: 100%
}

@media (min-width: 768px) {
    .winners__back-link {
        float: left;
        width: 63%;
        margin-bottom: 7px
    }
}

@media (min-width: 1024px) {
    .winners__back-link {
        float: none;
        width: 100%
    }
}

.winners__back-link>a {
    color: #fff
}

.winners__back-link .icon {
    margin-right: 20px;
    top: 9px;
    line-height: 30px;
    display: inline-block
}

@media (min-width: 768px) {
    .winners__back-link .icon {
        margin-right: 5px
    }
}

.winners-share {
    *zoom: 1;
    border-top: 1px solid #fff;
    margin-top: 30px;
    padding-top: 21px
}

.winners-share:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 768px) {
    .winners-share {
        float: right;
        width: 37%;
        border-top: none;
        margin-top: 0;
        padding-top: 0
    }
}

@media (min-width: 1024px) {
    .winners-share {
        float: none;
        width: 100%;
        text-align: left;
        padding-right: 0;
        border-top: 1px solid #fff;
        margin-top: 30px;
        padding-top: 21px
    }
}

.winners-share__label {
    float: left;
    font-size: 12px;
    position: relative;
    top: 7px
}

@media (min-width: 768px) {
    .winners-share__label {
        display: none
    }
}

@media (min-width: 1024px) {
    .winners-share__label {
        display: block;
        top: 3px
    }
}

.winners-share__menu {
    margin-right: 5px
}

.winners-share__item {
    display: inline-block;
    margin: 0 -5px 0 15px;
    vertical-align: middle
}

.winners-share__item .icon {
    color: #fff;
    width: 50px;
    height: 33px;
    display: block;
    text-align: center;
    line-height: 33px;
    font-size: 16px
}

.winners-share__item .icon-twitter {
    background-color: #42a8df;
    font-size: 17px
}

.winners-share__item .icon-twitter:hover {
    background: #fff;
    color: #42a8df
}

.winners-share__item .icon-facebook {
    background-color: #3b5998
}

.winners-share__item .icon-facebook:hover {
    background-color: #fff;
    color: #3b5998
}

.winners-share__item .icon-link {
    font-size: 20px
}

.winners-share__item .winners-share__link {
    width: auto;
    position: static
}

.winners-share__item--facebook {
    margin-left: 0
}

@media (min-width: 768px) {
    .winners-share__item--facebook {
        margin-left: 15px
    }
}

.winners-overview {
    margin: 0 0 60px 0
}

@media (min-width: 1024px) {
    .winners-overview {
        margin-bottom: 80px
    }
}

.winners-credits {
    margin: 0 0 60px 0
}

.winners-credits__section {
    margin: 0 0 25px 0
}

.winners-credits__subhead {
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    color: #000;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .winners-credits__subhead {
        font-size: 13px
    }
}

.winners-credits__list--people {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2
}

.winners-credits__list--people .winners-credits__item {
    -moz-page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside: avoid;
    -o-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    column-break-inside: avoid;
    margin-bottom: 15px
}

.lt-ie9 .winners-credits__list--people .winners-credits__item,
.ie9 .winners-credits__list--people .winners-credits__item {
    float: left;
    width: 50%
}

.winners-credits__role {
    font-size: 11px
}

@media (min-width: 768px) {
    .winners-credits__role {
        font-size: 12px
    }
}

.winners-credits__name {
    color: #000;
    font-size: 14px;
    line-height: 14px
}

@media (min-width: 768px) {
    .winners-credits__name {
        font-size: 16px
    }
}

.winners-organization__name {
    color: #000;
    font-size: 11px
}

@media (min-width: 768px) {
    .winners-organization__name {
        font-size: 12px
    }
}

body.post-type-archive-winner .mod-year-overview,
body.post-type-archive-winner .mod-special-achievements,
body.post-type-archive-winner .mod-winners-gallery {
    margin-bottom: 40px
}

@media (min-width: 768px) {
    body.post-type-archive-winner .mod-year-overview,
    body.post-type-archive-winner .mod-special-achievements,
    body.post-type-archive-winner .mod-winners-gallery {
        margin-bottom: 100px
    }
}

@media (min-width: 1024px) {
    .page-header .mod-winners-gallery__main {
        right: 0px
    }
}

.winners-year__paginate {
    display: none
}

@media (min-width: 768px) {
    .winners-year__paginate {
        display: block;
        color: #000;
        cursor: pointer;
        font-size: 40px;
        font-family: "Montserrat", sans-serif;
        font-weight: bold;
        margin: 0 auto 60px;
        padding-bottom: 45px;
        width: 90px
    }
}

@media (min-width: 1024px) {
    .winners-year__paginate {
        margin-bottom: 80px
    }
}

.winners-year__paginate.icon-arrow-down:before {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    font-family: "webby";
    font-size: 26px;
    font-weight: normal;
    position: absolute
}

.winners-year__paginate .winners-year-text {
    margin-left: -7px
}

.mod-404 {
    padding-bottom: 40px
}

@media (min-width: 768px) {
    .mod-404 {
        padding-bottom: 60px
    }
}

@media (min-width: 1024px) {
    .mod-404 {
        padding-bottom: 80px
    }
}

.mod-404__image {
    max-width: 1600px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 473px
}

@media (min-width: 768px) {
    .mod-404__image {
        height: 884px
    }
}

@media (min-width: 1024px) {
    .mod-404__image {
        height: 1067px;
        margin-left: -320px;
        margin-right: 0
    }
}

.mod-404__main {
    color: #000;
    background: #a7f076;
    float: left;
    margin-top: -100px;
    padding: 30px 20px;
    width: 90.65%
}

@media (min-width: 768px) {
    .mod-404__main {
        width: 84.375%;
        padding: 60px 48px;
        margin-top: -244px
    }
}

@media (min-width: 1024px) {
    .mod-404__main {
        width: 65.625%;
        margin-left: 6.25%;
        margin-top: -331px;
        padding: 70px 80px 65px 80px
    }
}

.mod-404__headline {
    font-size: 50px;
    line-height: 1;
    margin-bottom: 40px
}

@media (min-width: 1024px) {
    .mod-404__headline {
        font-size: 75px;
        margin-bottom: 60px
    }
}

@media (min-width: 1024px) {
    .mod-404__headline {
        font-size: 100px;
        margin-bottom: 80px
    }
}

.mod-404__text {
    text-transform: capitalize
}

.mod-404__home-link {
    *zoom: 1;
    background: #000;
    clear: left;
    color: #fff;
    display: block;
    padding: 20px 20px;
    width: 90.65%
}

.mod-404__home-link:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 768px) {
    .mod-404__home-link {
        width: 58.3333%
    }
}

@media (min-width: 1024px) {
    .mod-404__home-link {
        margin-left: 6.25%;
        width: 29.16666666666667%
    }
}

.mod-404__home-link:hover {
    background-color: #333;
    color: #fff
}

.mod-404__home-link .icon-arrow-right,
.mod-404__home-link button[type="submit"]:after {
    float: right
}

.mod-404__sidebar {
    display: none
}

@media (min-width: 1024px) {
    .mod-404__sidebar {
        display: block;
        width: 28.125%;
        position: absolute;
        top: 0;
        right: 0;
        background-image: url('../../images/webby-logo-cutout.png');
        background-repeat: no-repeat;
        background-position: 0 -30px;
        height: 980px;
        padding: 160px 0 0 0
    }
}

body.page-template-template-sweepstakes-woobox-php .page-container,
body.page-template-template-sweepstakes-viralsweep-php .page-container {
    margin-top: 90px
}

@media (min-width: 768px) {
    body.page-template-template-sweepstakes-woobox-php .page-container,
    body.page-template-template-sweepstakes-viralsweep-php .page-container {
        margin-top: 200px
    }
}

@media (min-width: 1024px) {
    body.page-template-template-sweepstakes-woobox-php .page-container,
    body.page-template-template-sweepstakes-viralsweep-php .page-container {
        margin-top: 200px;
        min-height: 900px
    }
}

body.page-template-template-sweepstakes-woobox-php .page-container .content-wrapper,
body.page-template-template-sweepstakes-viralsweep-php .page-container .content-wrapper {
    padding: 0 30px 0 0
}

body.page-template-template-webby50-php .page-body {
    margin-bottom: 0
}

@media (min-width: 768px) {
    body.page-template-template-webby50-php .page-body {
        margin-bottom: 100px
    }
}

body.page-template-template-webby50-php .page-header__image {
    background: #16267E url('../../images/grey-goose-pattern-bg.png');
    background-size: auto;
    background-position: 50%
}

body.page-template-template-webby50-php .page-header__headline {
    color: #fff
}

body.page-template-template-webby50-php .webby50-feature-container {
    margin: 0 auto
}

body.page-template-template-webby50-php .page-header {
    display: none
}

@media (min-width: 768px) {
    body.page-template-template-webby50-php .page-header {
        display: block
    }
}

.mod-webby50-5up {
    margin: 0 auto
}

@media (min-width: 768px) {
    .mod-webby50-5up {
        *zoom: 1;
        margin: -485px auto 140px auto;
        max-width: 980px
    }
    .mod-webby50-5up:after {
        content: "";
        display: table;
        clear: both
    }
}

@media (min-width: 1024px) {
    .mod-webby50-5up {
        margin-top: -610px
    }
}

.mod-webby50-5up__title {
    background: url('../../images/webby50-logo--white@2x.png') no-repeat 50%;
    background-size: contain;
    width: 150px;
    height: 255px;
    display: block;
    margin: 0 auto;
    color: #fff;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize
}

.mod-webby50-5up__header-wrapper {
    background: #16267E url('../../images/grey-goose-pattern-bg.png');
    background-size: cover;
    padding: 60px 0 0 0
}

@media (min-width: 768px) {
    .mod-webby50-5up__header-wrapper {
        background: none;
        padding: 0
    }
}

.mod-webby50-5up__header {
    border: 10px solid #fff;
    border-bottom: 0;
    padding: 23px 0 25px 0;
    color: #fff;
    text-align: center
}

@media (min-width: 768px) {
    .mod-webby50-5up__header {
        background: #16267E;
        position: relative;
        top: 145px;
        z-index: 6;
        -sgs-span-settings: ("span": 9, "location": 13, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 28.125%;
        float: left;
        margin-right: -100%;
        margin-left: 37.5%;
        clear: none;
        padding-right: 0;
        height: 320px;
        padding: 20px 0 0 0;
        border-bottom: 10px solid #fff
    }
}

@media (min-width: 1024px) {
    .mod-webby50-5up__header {
        -sgs-span-settings: ("span": 9, "location": 14, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 28.125%;
        float: left;
        margin-right: -100%;
        margin-left: 40.625%;
        clear: none;
        padding-right: 0;
        height: 335px;
        top: 180px;
        padding: 25px 0 0 0;
        max-width: 260px
    }
}

.mod-webby50-5up__copy {
    border: 10px solid #fff;
    border-top: 0;
    padding: 0 17px 30px 17px;
    text-align: center;
    font-size: 13px;
    line-height: 23px;
    color: #fff
}

.mod-webby50-5up__copy p {
    margin: 0
}

@media (min-width: 768px) {
    .mod-webby50-5up__copy {
        background: #16267E;
        display: none;
        color: #000;
        border: 0;
        padding: 15px;
        background: #fff;
        text-align: left;
        font-size: 16px;
        line-height: 30px;
        position: relative;
        position: absolute;
        top: auto;
        bottom: -13%;
        z-index: 6;
        -sgs-span-settings: ("span": 20, "location": 11, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 62.5%;
        float: left;
        margin-right: -100%;
        margin-left: 31.25%;
        clear: none;
        padding-right: 0
    }
}

.mod-webby50-5up .mod-webby50-about-trigger {
    border-color: #C32341;
    font-weight: bold;
    margin-top: 10px;
    color: #C32341;
    line-height: 18px;
    display: inline-block
}

.mod-webby50-5up .mod-webby50-about-trigger:hover {
    color: #fff;
    border-color: #fff
}

.mod-webby50-5up__icon {
    font-size: 46px;
    line-height: 32px;
    margin: 0 0 14px 0;
    display: block
}

.mod-webby50-5up__title {
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    line-height: 22px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .mod-webby50-5up__title {
        font-size: 18px;
        line-height: 28px
    }
}

@media (min-width: 1024px) {
    .mod-webby50-5up__title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 15px
    }
}

.mod-webby50-5up__title-link {
    display: block
}

@media (min-width: 768px) {
    .mod-webby50-5up__container {
        *zoom: 1
    }
    .mod-webby50-5up__container:after {
        content: "";
        display: table;
        clear: both
    }
}

.mod-webby50-5up__item {
    display: none;
    background: #fff
}

@media (min-width: 768px) {
    .mod-webby50-5up__item {
        display: block;
        height: auto !important;
        overflow: hidden;
        position: relative
    }
}

.mod-webby50-5up__item--1 {
    background: none
}

@media (min-width: 768px) {
    .mod-webby50-5up__item--1 {
        -sgs-span-settings: ("span": 12, "location": 5, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 37.5%;
        float: left;
        margin-right: -100%;
        margin-left: 12.5%;
        clear: none;
        padding-right: 0;
        clear: left;
        margin-top: -210px;
        z-index: 5;
        background-color: #fff;
        padding: 10px
    }
}

@media (min-width: 768px) {
    .mod-webby50-5up__item--2 {
        -sgs-span-settings: ("span": 13, "location": 20, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": true, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 40.625%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        padding-right: 0;
        margin-top: -260px;
        z-index: 1;
        background-color: #fff;
        padding: 10px;
        padding-right: 0
    }
}

.mod-webby50-5up__item--2 .mod-webby50-5up__image {
    height: 100%;
    padding: 0 27.925531914894%
}

@media (min-width: 768px) {
    .mod-webby50-5up__item--2 .mod-webby50-5up__image {
        padding: 0
    }
}

@media (min-width: 768px) {
    .mod-webby50-5up__item--3 {
        -sgs-span-settings: ("span": 19, "location": 1, "grid": 32, "gutter": 0, "style": "fixed", "start row": true, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 59.375%;
        float: left;
        margin-right: -100%;
        clear: none;
        padding-right: 0;
        margin-top: -50px;
        z-index: 2;
        background-color: #fff;
        padding: 10px;
        padding-left: 0
    }
}

@media (min-width: 1024px) {
    .mod-webby50-5up__item--3 {
        padding-left: 10px
    }
}

@media (min-width: 768px) {
    .mod-webby50-5up__item--4 {
        -sgs-span-settings: ("span": 8, "location": 3, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 25%;
        float: left;
        margin-right: -100%;
        margin-left: 6.25%;
        clear: none;
        padding-right: 0;
        clear: both;
        margin-top: -81px;
        background-color: #fff;
        padding: 10px;
        z-index: 4
    }
}

@media (min-width: 1024px) {
    .mod-webby50-5up__item--4 {
        margin-top: -110px
    }
}

.mod-webby50-5up__item--4 .mod-webby50-5up__image {
    height: 100%;
    padding: 0 27.925531914894%
}

@media (min-width: 768px) {
    .mod-webby50-5up__item--4 .mod-webby50-5up__image {
        padding: 0
    }
}

@media (min-width: 768px) {
    .mod-webby50-5up__item--5 {
        -sgs-span-settings: ("span": 10, "location": 17, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 31.25%;
        float: left;
        margin-right: -100%;
        margin-left: 50%;
        clear: none;
        padding-right: 0;
        margin-top: -100px;
        background-color: #fff;
        padding: 10px;
        z-index: 3;
        overflow: visible
    }
}

@media (min-width: 1024px) {
    .mod-webby50-5up__item--5 {
        margin-top: -110px
    }
}

.mod-webby50-5up__item--5 .mod-webby50-5up__copy {
    display: none
}

@media (min-width: 768px) {
    .mod-webby50-5up__item--5 .mod-webby50-5up__copy {
        display: block;
        width: 500px;
        left: -205px;
        bottom: -220px
    }
}

@media (min-width: 1024px) {
    .mod-webby50-5up__item--5 .mod-webby50-5up__copy {
        width: 580px;
        left: -250px;
        bottom: -220px
    }
}

.mod-webby50-5up__item--5 .mod-webby50-5up__copy .link {
    color: #C32341;
    border-color: #C32341;
    font-weight: bold
}

.mod-webby50-5up__image {
    position: relative
}

.mod-webby50-5up__image>a {
    display: block;
    position: relative;
    z-index: 1
}

.mod-webby50-5up__image .icon-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 70px;
    color: #fff
}

@media (min-width: 768px) {
    .mod-webby50-5up__image .icon-play {
        font-size: 50px
    }
}

@media (min-width: 1024px) {
    .mod-webby50-5up__image .icon-play {
        font-size: 60px
    }
}

.mod-webby50-5up__blurb {
    background: rgba(22, 38, 126, 0.8);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 11px 20px;
    color: #fff;
    z-index: 10
}

@media (min-width: 768px) {
    .mod-webby50-5up__blurb {
        -moz-transition: opacity 0.1s linear;
        -o-transition: opacity 0.1s linear;
        -webkit-transition: opacity 0.1s linear;
        transition: opacity 0.1s linear;
        opacity: 0;
        height: 100%;
        padding: 20px
    }
}

.mod-webby50-5up .mod-webby50-5up__video-name {
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    margin: 0 0 5px 0;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .mod-webby50-5up .mod-webby50-5up__video-name {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 15px
    }
}

.mod-webby50-5up .mod-webby50-5up__video-description {
    font-size: 12px;
    line-height: 18px;
    margin: 0
}

@media (min-width: 768px) {
    .mod-webby50-5up .mod-webby50-5up__video-description {
        font-size: 13px
    }
}

.mod-webby50-5up__item:hover {
    z-index: 7;
    cursor: pointer
}

.mod-webby50-5up__item:hover .mod-webby50-5up__blurb {
    opacity: 1
}

.mod-webby50-5up__link {
    display: block
}

.mod-webby50-5up__sponsorship {
    text-align: center
}

.mod-webby50-5up__sponsorship-text {
    color: #666;
    font-size: 10px;
    line-height: 15px;
    margin: 17px 0 10px
}

@media (min-width: 768px) {
    .mod-webby50-5up__sponsorship-text {
        display: none
    }
}

.mod-webby50-5up__sponsorship-brand {
    color: #000;
    font-size: 12px;
    font-weight: bold
}

.mod-webby50-5up__sponsorship-link {
    display: none
}

@media (min-width: 768px) {
    .mod-webby50-5up__sponsorship-link {
        display: block;
        bottom: -57px;
        right: -57px;
        position: absolute;
        z-index: 7
    }
}

@media (min-width: 1024px) {
    .mod-webby50-5up__sponsorship-link {
        bottom: -62px;
        left: -62px;
        right: auto
    }
}

.mod-webby50-5up .slick-dots {
    padding: 20px 20px 40px 20px
}

.mod-webby50-5up__header--alt .mod-webby50-5up__header {
    background: #fff;
    color: #000
}

@media (min-width: 1024px) {
    .mod-webby50-5up__header--alt .mod-webby50-5up__header {
        padding-top: 72px
    }
}

.mod-webby50-5up__header--alt .mod-webby50-5up__header .mod-webby50-5up__title {
    color: #000
}

.mod-webby50-5up__header--alt .mod-webby50-5up__title {
    background: url('../../images/webby50-logo@2x.png') no-repeat 50%;
    background-size: contain
}

.mod-webby50-grid {
    clear: both;
    border: 20px solid #16267E;
    overflow: hidden
}

.mod-webby50-grid__header-left {
    display: none
}

.mod-webby50-grid__error {
    display: none;
    font-size: 13px;
    line-height: 23px;
    padding: 15px 30px;
    color: #000
}

@media (min-width: 768px) {
    .mod-webby50-grid__error {
        font-size: 16px;
        line-height: 30px
    }
}

.mod-webby50-grid__error span {
    display: block;
    text-decoration: underline;
    color: #C32341;
    font-weight: bold;
    cursor: pointer
}

.mod-webby50-grid__list {
    text-align: justify;
    font-size: 0;
    -webkit-backface-visibility: hidden
}

@media (min-width: 768px) {
    .mod-webby50-grid__list {
        min-height: 420px
    }
}

.mod-webby50-grid__list:after {
    content: "";
    display: inline-block;
    width: 100%
}

.mod-webby50-grid__list.fail .mod-webby50-grid__error {
    display: block
}

.mod-webby50-grid__item,
.mod-webby50-grid__gap {
    display: inline-block;
    width: 100%
}

@media (min-width: 768px) {
    .mod-webby50-grid__item,
    .mod-webby50-grid__gap {
        width: 33.3333%;
        width: 25%
    }
}

@media (min-width: 1024px) {
    .mod-webby50-grid__item,
    .mod-webby50-grid__gap {
        width: 20%
    }
}

.mod-webby50-grid__item {
    text-align: left;
    vertical-align: top;
    margin: 0;
    padding-bottom: 40px;
    -moz-transition: color 0.1s linear, background 0.1s linear, border 0.1s linear;
    -o-transition: color 0.1s linear, background 0.1s linear, border 0.1s linear;
    -webkit-transition: color 0.1s linear, background 0.1s linear, border 0.1s linear;
    transition: color 0.1s linear, background 0.1s linear, border 0.1s linear
}

@media (min-width: 768px) {
    .mod-webby50-grid__item {
        padding-bottom: 20px;
        min-height: 310px
    }
}

.mod-webby50-grid__item:hover {
    background: #16267E;
    color: #fff
}

.mod-webby50-grid__item:hover .mod-webby50-grid__headline,
.mod-webby50-grid__item:hover .mod-webby50-grid__headline a,
.mod-webby50-grid__item:hover .mod-webby50-grid__organization {
    color: #fff
}

.mod-webby50-grid__item.mix {
    display: none
}

.mod-webby50-grid__item:last-child,
.mod-webby50-grid__item.last {
    border-bottom: 0;
    padding-bottom: 20px
}

.mod-webby50-grid__item .icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 55px;
    z-index: 9999
}

.mod-webby50-grid__gap {
    display: none
}

@media (min-width: 768px) {
    .mod-webby50-grid__gap {
        display: inline-block
    }
}

.mod-webby50-grid__link {
    display: block;
    overflow: hidden;
    position: relative
}

.mod-webby50-grid__link img {
    display: block
}

.mod-webby50-grid__link:after {
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border: 0
}

.mod-webby50-grid__metadata {
    padding: 20px 20px 0 20px
}

.mod-webby50-grid__subhead {
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 5px
}

@media (min-width: 768px) {
    .mod-webby50-grid__subhead {
        font-size: 13px;
        line-height: 17px
    }
}

.mod-webby50-grid__pubdate {
    color: #333;
    font-size: 10px;
    line-height: 16px
}

@media (min-width: 768px) {
    .mod-webby50-grid__pubdate {
        font-size: 11px;
        line-height: 17px
    }
}

.mod-webby50-grid__headline {
    color: #000;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    -moz-transition: color 0.1s;
    -o-transition: color 0.1s;
    -webkit-transition: color 0.1s;
    transition: color 0.1s
}

@media (min-width: 768px) {
    .mod-webby50-grid__headline {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 20px
    }
}

.mod-webby50-grid__headline a {
    -moz-transition: color 0.1s;
    -o-transition: color 0.1s;
    -webkit-transition: color 0.1s;
    transition: color 0.1s
}

.mod-webby50-grid__headline a:hover {
    text-decoration: underline
}

.mod-webby50-grid__organization {
    font-size: 12px;
    line-height: 18px;
    color: #000;
    font-weight: normal
}

@media (min-width: 768px) {
    .mod-webby50-grid__organization {
        font-size: 13px
    }
}

.mod-webby50-grid-toolbar__meta {
    *zoom: 1;
    background: #16267E;
    color: #fff;
    padding: 20px 20px 0 20px
}

.mod-webby50-grid-toolbar__meta:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 1024px) {
    .mod-webby50-grid-toolbar__meta {
        padding: 25px 20px 0 20px;
        float: left;
        width: 71.9%
    }
}

.mod-webby50-grid-toolbar__breadcrumbs {
    float: left
}

.mod-webby50-grid-toolbar__year {
    font-size: 11px;
    line-height: 20px;
    font-weight: bold
}

@media (min-width: 768px) {
    .mod-webby50-grid-toolbar__year {
        font-size: 14px
    }
    .mod-webby50-grid-toolbar__year:after {
        content: "/";
        padding: 0 6px 0 11px
    }
}

.mod-webby50-grid-toolbar__category {
    font-size: 15px;
    line-height: 20px;
    display: block
}

@media (min-width: 768px) {
    .mod-webby50-grid-toolbar__category {
        font-size: 14px;
        display: inline-block
    }
}

@media (min-width: 1024px) {
    .mod-webby50-grid-toolbar__category {
        font-size: 17px
    }
}

.mod-webby50-grid-toolbar__share {
    float: right
}

.mod-webby50-grid-toolbar__share .icon-share {
    font-size: 30px;
    top: 6px;
    line-height: 0px
}

.mod-webby50-grid-toolbar__share .icon-facebook,
.mod-webby50-grid-toolbar__share .icon-twitter,
.mod-webby50-grid-toolbar__share .icon-link {
    -moz-transition: color 0.1s linear;
    -o-transition: color 0.1s linear;
    -webkit-transition: color 0.1s linear;
    transition: color 0.1s linear;
    font-size: 18px;
    top: 1px;
    margin-left: 25px;
    color: #fff
}

.mod-webby50-grid-toolbar__share .icon-facebook:hover,
.mod-webby50-grid-toolbar__share .icon-twitter:hover,
.mod-webby50-grid-toolbar__share .icon-link:hover {
    color: #999
}

@media (min-width: 1024px) {
    .mod-webby50-grid-toolbar__share .icon-facebook,
    .mod-webby50-grid-toolbar__share .icon-twitter,
    .mod-webby50-grid-toolbar__share .icon-link {
        top: 0
    }
}

.is-webby50 {
    background: #16267E;
    color: #fff
}

.is-webby50 .mod-winners-gallery__image {
    position: relative
}

.is-webby50 .mod-winners-gallery__subhead,
.is-webby50 .mod-winners-gallery__credits,
.is-webby50 .mod-winners-gallery__title,
.is-webby50 .mod-winners-gallery__title a {
    color: #fff
}

.is-webby50 .mod-winners-gallery__details {
    position: relative;
    padding-bottom: 90px
}

.is-webby50 .mod-winners-gallery__details h2,
.is-webby50 .mod-winners-gallery__details h2 a {
    color: #fff
}

.no-touch .mod-winners-gallery__nominee.is-webby50:hover .mod-winners-gallery__image>a:after,
.no-touch .mod-winners-gallery__winner.is-webby50:hover .mod-winners-gallery__image>a:after {
    border-color: #16267E
}

.winners-header--webby50 {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .winners-header--webby50 {
        margin-bottom: 80px
    }
}

.winners-header--webby50 .winners-header__top-bar {
    background: #16267E
}

@media (min-width: 1024px) {
    .winners-header--webby50 .winners-header__top-bar {
        background: #000
    }
}

.winners-header--webby50 .winners-header__main {
    padding-top: 65px;
    background: #16267E url('../../images/webby50-logo--horizontal@2x.png') no-repeat;
    background-size: 280px;
    border: 20px solid #16267E;
    border-top: 0
}

@media (min-width: 768px) {
    .winners-header--webby50 .winners-header__main {
        padding-top: 75px;
        background-position: 15px 0;
        background-size: 350px
    }
}

@media (min-width: 1024px) {
    .winners-header--webby50 .winners-header__main {
        padding-top: 117px;
        background-position: 20px 23px;
        background-size: 450px;
        top: -50px
    }
}

@media (min-width: 1024px) {
    .winners-header--webby50 .winners-header__sidebar {
        padding-top: 67px
    }
}

.winners-header--webby50 .winners-header__details {
    background: #fff;
    border-top: 20px solid #16267E
}

.mod-webby50-about__fancybox-wrapper .fancybox-skin {
    background: #16267E;
    color: #fff
}

.mod-webby50-about__fancybox-wrapper .fancybox-inner {
    color: #fff;
    font-size: 14px;
    line-height: 25px
}

@media (min-width: 768px) {
    .mod-webby50-about__fancybox-wrapper .fancybox-inner {
        font-size: 16px;
        line-height: 30px
    }
}

.webby50-module-wrapper {
    margin: 0 0 40px 0
}

@media (min-width: 1024px) {
    .webby50-module-wrapper {
        margin-bottom: 120px
    }
}

.webby50-module-wrapper .webby50-modules {
    margin-bottom: 0
}

.webby50-module-wrapper .webby50-image-gallery {
    margin-bottom: 0
}

.webby50-modules {
    margin-bottom: 40px
}

@media (min-width: 768px) {
    .webby50-modules {
        margin-bottom: 120px
    }
}

.webby50-image-gallery {
    margin-bottom: 40px
}

@media (min-width: 768px) {
    .webby50-image-gallery {
        margin-bottom: 80px
    }
}

.webby50-cta {
    display: block;
    padding: 0 0 20px 53px;
    color: #fff;
    bottom: 5px;
    left: 0;
    font-size: 11px;
    line-height: 16px;
    padding-left: 0px !important
}

@media (min-width: 768px) {
    .webby50-cta {
        left: 12px
    }
}

@media (min-width: 1024px) {
    .webby50-cta {
        left: 20px
    }
}

.webby50-cta:hover {
    color: #fff;
    text-decoration: underline
}

.webby50-cta:before {
    content: "";
    background: url('../../images/grey-goose@2x.png') no-repeat 0 0;
    background-size: contain;
    width: 27px;
    height: 31px;
    display: block;
    position: absolute;
    top: -14px;
    left: 20px
}

.mod-winners-gallery__nominee.is-webby50 .webby50-cta span {
    display: none
}

@media (min-width: 768px) {
    .mod-winners-gallery__nominee.is-webby50 .webby50-cta span {
        display: inline
    }
}

.webby50-linky {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    padding: 0;
    display: block;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize
}

@media (min-width: 768px) {
    .webby50-linky {
        width: 400px;
        height: 65px
    }
}

@media (min-width: 1024px) {
    .webby50-linky {
        width: 500px;
        height: 110px
    }
}

.webby50-landing-cta {
    background: #16267E;
    padding: 20px 0 10px 0;
    color: #fff;
    font-size: 13px;
    line-height: 15px;
    font-weight: bold
}

.webby50-landing-cta>a {
    color: #fff
}

.webby50-landing-cta .icon {
    color: #fff;
    margin-right: 20px;
    top: 9px;
    line-height: 15px
}

@media (min-width: 768px) {
    .webby50-landing-cta .icon {
        margin-right: 5px
    }
}

@media (min-width: 768px) {
    .mod-winners-gallery__nominee {
        min-height: 500px
    }
}

body.page-template-template-campaign-php .page-body {
    margin-bottom: 0
}

@media (min-width: 768px) {
    body.page-template-template-campaign-php .page-body {
        margin-bottom: 100px
    }
}

body.page-template-template-campaign-php .page-header__headline {
    color: #fff
}

body.page-template-template-campaign-php .page-header {
    display: none
}

@media (min-width: 768px) {
    body.page-template-template-campaign-php .page-header {
        display: block
    }
}

@media (min-width: 1024px) {
    body.page-template-template-campaign-php .page-header__image {
        margin-left: -120%
    }
}

body.page-template-template-campaign-php.has-password-modal .fancybox-overlay {
    background: none
}

.mod-campaign-5up {
    margin: 0 auto
}

@media (min-width: 768px) {
    .mod-campaign-5up {
        *zoom: 1;
        margin: -485px auto 80px auto;
        max-width: 980px
    }
    .mod-campaign-5up:after {
        content: "";
        display: table;
        clear: both
    }
}

@media (min-width: 1024px) {
    .mod-campaign-5up {
        margin-top: -610px
    }
}

.mod-campaign-5up__title {
    background: url('../../images/campaign-logo--white@2x.png') no-repeat 50%;
    background-size: contain;
    width: 150px;
    height: 255px;
    display: block;
    margin: 0 auto;
    color: #fff;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize
}

@media (min-width: 768px) {
    .mod-campaign-5up__title {
        height: 100%;
        width: 100%
    }
}

.mod-campaign-5up__header-wrapper {
    background: #000 url('../../images/campaign-pattern-bg.png');
    background-size: cover;
    padding: 60px 0 0 0
}

@media (min-width: 768px) {
    .mod-campaign-5up__header-wrapper {
        background: none;
        padding: 0
    }
}

.mod-campaign-5up__header {
    border: 10px solid #fff;
    border-bottom: 0;
    padding: 23px 0 25px 0;
    color: #fff;
    text-align: center
}

@media (min-width: 768px) {
    .mod-campaign-5up__header {
        background: #000;
        position: relative;
        top: 145px;
        z-index: 6;
        -sgs-span-settings: ("span": 9, "location": 13, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 28.125%;
        float: left;
        margin-right: -100%;
        margin-left: 37.5%;
        clear: none;
        padding-right: 0;
        height: 320px;
        padding: 0;
        border-bottom: 10px solid #fff
    }
}

@media (min-width: 1024px) {
    .mod-campaign-5up__header {
        -sgs-span-settings: ("span": 9, "location": 14, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 28.125%;
        float: left;
        margin-right: -100%;
        margin-left: 40.625%;
        clear: none;
        padding-right: 0;
        height: 335px;
        top: 180px;
        max-width: 260px
    }
}

.mod-campaign-5up__copy {
    border: 10px solid #fff;
    border-top: 0;
    padding: 0 17px 30px 17px;
    text-align: center;
    font-size: 13px;
    line-height: 23px;
    color: #fff
}

.mod-campaign-5up__copy p {
    margin: 0
}

@media (min-width: 768px) {
    .mod-campaign-5up__copy {
        background: #000;
        display: none;
        color: #000;
        border: 0;
        padding: 15px;
        background: #fff;
        text-align: left;
        font-size: 16px;
        line-height: 30px
    }
}

.mod-campaign-5up__copy .link {
    border-color: #c1c323;
    color: #c1c323;
    font-weight: bold
}

.mod-campaign-5up__copy--alt {
    display: none
}

@media (min-width: 768px) {
    .mod-campaign-5up__copy--alt {
        display: block;
        float: right;
        margin: 15px 25px 0 0;
        width: 485px
    }
}

@media (min-width: 1024px) {
    .mod-campaign-5up__copy--alt {
        margin-right: 35px;
        width: 565px
    }
}

.mod-campaign-5up .mod-campaign-about-trigger {
    border-color: #c1c323;
    font-weight: bold;
    margin-top: 10px;
    color: #c1c323;
    line-height: 18px;
    display: inline-block
}

.mod-campaign-5up .mod-campaign-about-trigger:hover {
    color: #fff;
    border-color: #fff
}

.mod-campaign-5up__icon {
    font-size: 46px;
    line-height: 32px;
    margin: 0 0 14px 0;
    display: block
}

.mod-campaign-5up__title {
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    line-height: 22px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .mod-campaign-5up__title {
        font-size: 18px;
        line-height: 28px
    }
}

@media (min-width: 1024px) {
    .mod-campaign-5up__title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 15px
    }
}

.mod-campaign-5up__title-link {
    display: block
}

@media (min-width: 768px) {
    .mod-campaign-5up__container {
        *zoom: 1
    }
    .mod-campaign-5up__container:after {
        content: "";
        display: table;
        clear: both
    }
}

.mod-campaign-5up__item {
    display: none;
    background: #fff
}

@media (min-width: 768px) {
    .mod-campaign-5up__item {
        display: block;
        height: auto !important;
        overflow: hidden;
        position: relative
    }
}

.mod-campaign-5up__item--1 {
    background: none
}

@media (min-width: 768px) {
    .mod-campaign-5up__item--1 {
        -sgs-span-settings: ("span": 12, "location": 5, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 37.5%;
        float: left;
        margin-right: -100%;
        margin-left: 12.5%;
        clear: none;
        padding-right: 0;
        clear: left;
        margin-top: -210px;
        z-index: 5;
        background-color: #fff;
        padding: 10px
    }
}

@media (min-width: 768px) {
    .mod-campaign-5up__item--2 {
        -sgs-span-settings: ("span": 13, "location": 20, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": true, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 40.625%;
        float: right;
        margin-left: 0;
        margin-right: 0;
        clear: none;
        padding-right: 0;
        margin-top: -260px;
        z-index: 1;
        background-color: #fff;
        padding: 10px;
        padding-right: 0
    }
}

.mod-campaign-5up__item--2 .mod-campaign-5up__image {
    height: 100%;
    padding: 0 27.925531914894%
}

@media (min-width: 768px) {
    .mod-campaign-5up__item--2 .mod-campaign-5up__image {
        padding: 0
    }
}

@media (min-width: 768px) {
    .mod-campaign-5up__item--3 {
        -sgs-span-settings: ("span": 19, "location": 1, "grid": 32, "gutter": 0, "style": "fixed", "start row": true, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 59.375%;
        float: left;
        margin-right: -100%;
        clear: none;
        padding-right: 0;
        margin-top: -50px;
        z-index: 2;
        background-color: #fff;
        padding: 10px;
        padding-left: 0
    }
}

@media (min-width: 1024px) {
    .mod-campaign-5up__item--3 {
        padding-left: 10px
    }
}

@media (min-width: 768px) {
    .mod-campaign-5up__item--4 {
        clear: both;
        position: absolute;
        clear: both;
        left: 60px;
        top: 455px;
        background-color: #fff;
        padding: 10px;
        z-index: 4;
        width: 25%
    }
}

@media (min-width: 1024px) {
    .mod-campaign-5up__item--4 {
        top: 735px;
    }
}

.mod-campaign-5up__item--4 .mod-campaign-5up__image {
    height: 100%;
    padding: 0 27.925531914894%
}

@media (min-width: 768px) {
    .mod-campaign-5up__item--4 .mod-campaign-5up__image {
        padding: 0
    }
}

@media (min-width: 768px) {
    .mod-campaign-5up__item--5 {
        -sgs-span-settings: ("span": 10, "location": 17, "grid": 32, "gutter": 0, "style": "fixed", "start row": false, "end row": false, "fixed gutter": true, "split gutter": null, "gutter property": "padding", "options": ((null: null)));
        width: 31.25%;
        float: left;
        margin-right: -100%;
        margin-left: 50%;
        clear: none;
        padding-right: 0;
        margin-top: 195px;
        background-color: #fff;
        padding: 10px;
        z-index: 3;
        overflow: visible
    }
}

@media (min-width: 1024px) {
    .mod-campaign-5up__item--5 {
        margin-top: 230px
    }
}

.mod-campaign-5up__image {
    cursor: default;
    position: relative
}

.mod-campaign-5up__image>a {
    display: block;
    position: relative;
    z-index: 1
}

.mod-campaign-5up__image .icon-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 70px;
    color: #fff
}

@media (min-width: 768px) {
    .mod-campaign-5up__image .icon-play {
        font-size: 50px
    }
}

@media (min-width: 1024px) {
    .mod-campaign-5up__image .icon-play {
        font-size: 60px
    }
}

.mod-campaign-5up__image.js-has-video,
.mod-campaign-5up__image.js-has-pdf {
    cursor: pointer
}

.mod-campaign-5up__blurb {
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 11px 20px;
    color: #fff;
    z-index: 10
}

@media (min-width: 768px) {
    .mod-campaign-5up__blurb {
        -moz-transition: opacity 0.1s linear;
        -o-transition: opacity 0.1s linear;
        -webkit-transition: opacity 0.1s linear;
        transition: opacity 0.1s linear;
        opacity: 0;
        height: 100%;
        padding: 20px
    }
}

.mod-campaign-5up .mod-campaign-5up__video-name {
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    margin: 0 0 5px 0;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .mod-campaign-5up .mod-campaign-5up__video-name {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 15px
    }
}

.mod-campaign-5up .mod-campaign-5up__video-description {
    font-size: 12px;
    line-height: 18px;
    margin: 0
}

@media (min-width: 768px) {
    .mod-campaign-5up .mod-campaign-5up__video-description {
        font-size: 13px
    }
}

.mod-campaign-5up__item:hover {
    z-index: 7;
    cursor: pointer
}

.mod-campaign-5up__item:hover .mod-campaign-5up__blurb {
    opacity: 1
}

.mod-campaign-5up__link {
    display: block
}

.mod-campaign-5up__sponsorship {
    text-align: center
}

.mod-campaign-5up__sponsorship-text {
    color: #666;
    font-size: 10px;
    line-height: 15px;
    margin: 17px 0 10px
}

@media (min-width: 768px) {
    .mod-campaign-5up__sponsorship-text {
        display: none
    }
}

.mod-campaign-5up__sponsorship-brand {
    color: #000;
    font-size: 12px;
    font-weight: bold
}

.mod-campaign-5up__sponsorship-link {
    display: none
}

@media (min-width: 768px) {
    .mod-campaign-5up__sponsorship-link {
        display: block;
        bottom: -57px;
        right: -57px;
        position: absolute;
        z-index: 7
    }
}

@media (min-width: 1024px) {
    .mod-campaign-5up__sponsorship-link {
        bottom: -62px;
        left: -62px;
        right: auto
    }
}

.mod-campaign-5up .slick-dots {
    padding: 20px 20px 40px 20px
}

.mod-campaign-5up__header--alt .mod-campaign-5up__header {
    background: #fff;
    color: #000
}

@media (min-width: 1024px) {
    .mod-campaign-5up__header--alt .mod-campaign-5up__header {
        padding-top: 72px
    }
}

.mod-campaign-5up__header--alt .mod-campaign-5up__header .mod-campaign-5up__title {
    color: #000
}

.mod-campaign-5up__header--alt .mod-campaign-5up__title {
    background: url('../../images/webby50-logo@2x.png') no-repeat 50%;
    background-size: contain
}

.mod-campaign-grid {
    clear: both;
    border: 20px solid #000;
    overflow: hidden
}

.mod-campaign-grid__header-left {
    display: none
}

.mod-campaign-grid__error {
    display: none;
    font-size: 13px;
    line-height: 23px;
    padding: 15px 30px;
    color: #000
}

@media (min-width: 768px) {
    .mod-campaign-grid__error {
        font-size: 16px;
        line-height: 30px
    }
}

.mod-campaign-grid__error span {
    display: block;
    text-decoration: underline;
    color: #c1c323;
    font-weight: bold;
    cursor: pointer
}

.mod-campaign-grid__list {
    text-align: justify;
    font-size: 0;
    -webkit-backface-visibility: hidden
}

@media (min-width: 768px) {
    .mod-campaign-grid__list {
        min-height: 420px
    }
}

.mod-campaign-grid__list:after {
    content: "";
    display: inline-block;
    width: 100%
}

.mod-campaign-grid__list.fail .mod-campaign-grid__error {
    display: block
}

.mod-campaign-grid__item,
.mod-campaign-grid__gap {
    display: inline-block;
    width: 100%
}

@media (min-width: 768px) {
    .mod-campaign-grid__item,
    .mod-campaign-grid__gap {
        width: 33.3333%;
        width: 25%
    }
}

@media (min-width: 1024px) {
    .mod-campaign-grid__item,
    .mod-campaign-grid__gap {
        width: 20%
    }
}

.mod-campaign-grid__item {
    text-align: left;
    vertical-align: top;
    margin: 0;
    padding-bottom: 40px;
    -moz-transition: color 0.1s linear, background 0.1s linear, border 0.1s linear;
    -o-transition: color 0.1s linear, background 0.1s linear, border 0.1s linear;
    -webkit-transition: color 0.1s linear, background 0.1s linear, border 0.1s linear;
    transition: color 0.1s linear, background 0.1s linear, border 0.1s linear
}

@media (min-width: 768px) {
    .mod-campaign-grid__item {
        padding-bottom: 20px;
        min-height: 310px
    }
}

.mod-campaign-grid__item:hover {
    background: #000;
    color: #fff
}

.mod-campaign-grid__item:hover .mod-campaign-grid__headline,
.mod-campaign-grid__item:hover .mod-campaign-grid__headline a,
.mod-campaign-grid__item:hover .mod-campaign-grid__organization {
    color: #fff
}

.mod-campaign-grid__item.mix {
    display: none
}

.mod-campaign-grid__item:last-child,
.mod-campaign-grid__item.last {
    border-bottom: 0;
    padding-bottom: 20px
}

.mod-campaign-grid__item .icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 55px;
    z-index: 9999
}

.mod-campaign-grid__gap {
    display: none
}

@media (min-width: 768px) {
    .mod-campaign-grid__gap {
        display: inline-block
    }
}

.mod-campaign-grid__link {
    display: block;
    overflow: hidden;
    position: relative
}

@media (min-width: 768px) {
    .mod-campaign-grid__link {
        max-height: 115px
    }
}

.mod-campaign-grid__link img {
    display: block
}

.mod-campaign-grid__link:after {
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border: 0
}

.mod-campaign-grid__metadata {
    padding: 20px 20px 0 20px
}

.mod-campaign-grid__subhead {
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 5px
}

@media (min-width: 768px) {
    .mod-campaign-grid__subhead {
        font-size: 13px;
        line-height: 17px
    }
}

.mod-campaign-grid__pubdate {
    color: #333;
    font-size: 10px;
    line-height: 16px
}

@media (min-width: 768px) {
    .mod-campaign-grid__pubdate {
        font-size: 11px;
        line-height: 17px
    }
}

.mod-campaign-grid__headline {
    color: #000;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    -moz-transition: color 0.1s;
    -o-transition: color 0.1s;
    -webkit-transition: color 0.1s;
    transition: color 0.1s
}

@media (min-width: 768px) {
    .mod-campaign-grid__headline {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 20px
    }
}

.mod-campaign-grid__headline a {
    -moz-transition: color 0.1s;
    -o-transition: color 0.1s;
    -webkit-transition: color 0.1s;
    transition: color 0.1s
}

.mod-campaign-grid__headline a:hover {
    text-decoration: underline
}

.mod-campaign-grid__organization {
    font-size: 12px;
    line-height: 18px;
    color: #000;
    font-weight: normal
}

@media (min-width: 768px) {
    .mod-campaign-grid__organization {
        font-size: 13px
    }
}

.mod-campaign-grid-toolbar__meta {
    *zoom: 1;
    background: #000;
    color: #fff;
    padding: 20px 20px 0 20px
}

.mod-campaign-grid-toolbar__meta:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 1024px) {
    .mod-campaign-grid-toolbar__meta {
        padding: 25px 20px 0 20px;
        float: left;
        width: 71.9%
    }
}

.mod-campaign-grid-toolbar__breadcrumbs {
    float: left
}

.mod-campaign-grid-toolbar__year {
    font-size: 11px;
    line-height: 20px;
    font-weight: bold
}

@media (min-width: 768px) {
    .mod-campaign-grid-toolbar__year {
        font-size: 14px
    }
    .mod-campaign-grid-toolbar__year:after {
        content: "/";
        padding: 0 6px 0 11px
    }
}

.mod-campaign-grid-toolbar__category {
    font-size: 15px;
    line-height: 20px;
    display: block
}

@media (min-width: 768px) {
    .mod-campaign-grid-toolbar__category {
        font-size: 14px;
        display: inline-block
    }
}

@media (min-width: 1024px) {
    .mod-campaign-grid-toolbar__category {
        font-size: 17px
    }
}

.mod-campaign-grid-toolbar__share {
    float: right
}

.mod-campaign-grid-toolbar__share .icon-share {
    font-size: 30px;
    top: 6px;
    line-height: 0px
}

.mod-campaign-grid-toolbar__share .icon-facebook,
.mod-campaign-grid-toolbar__share .icon-twitter,
.mod-campaign-grid-toolbar__share .icon-link {
    -moz-transition: color 0.1s linear;
    -o-transition: color 0.1s linear;
    -webkit-transition: color 0.1s linear;
    transition: color 0.1s linear;
    font-size: 18px;
    top: 1px;
    margin-left: 25px;
    color: #fff
}

.mod-campaign-grid-toolbar__share .icon-facebook:hover,
.mod-campaign-grid-toolbar__share .icon-twitter:hover,
.mod-campaign-grid-toolbar__share .icon-link:hover {
    opacity: 0.8
}

@media (min-width: 1024px) {
    .mod-campaign-grid-toolbar__share .icon-facebook,
    .mod-campaign-grid-toolbar__share .icon-twitter,
    .mod-campaign-grid-toolbar__share .icon-link {
        top: 0
    }
}

.mod-campaign-about__fancybox-wrapper .fancybox-skin {
    background: #000;
    color: #fff
}

.mod-campaign-about__fancybox-wrapper .fancybox-inner {
    color: #fff;
    font-size: 14px;
    line-height: 25px
}

@media (min-width: 768px) {
    .mod-campaign-about__fancybox-wrapper .fancybox-inner {
        font-size: 16px;
        line-height: 30px
    }
}

.mod-campaign-nav-c {
    *zoom: 1;
    -moz-transition: opacity 0.3s linear, visibility 0.3s linear;
    -o-transition: opacity 0.3s linear, visibility 0.3s linear;
    -webkit-transition: opacity 0.3s linear, visibility 0.3s linear;
    transition: opacity 0.3s linear, visibility 0.3s linear;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: #000;
    color: #fff;
    z-index: 1001
}

.mod-campaign-nav-c:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 768px) {
    .mod-campaign-nav-c {
        height: 90px
    }
}

.mod-campaign-nav-c--active {
    opacity: 1;
    visibility: visible
}

.mod-campaign-nav-c__site-logo {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background: url('../../images/campaign-logo--horizontal@2x.png') no-repeat 0 0;
    background-size: contain;
    display: block;
    width: 150px;
    height: 22px;
    position: absolute;
    left: 20px;
    top: 16px;
    border: 0;
    z-index: 110
}

@media (min-width: 768px) {
    .mod-campaign-nav-c__site-logo {
        top: 20px;
        width: 300px;
        height: 44px
    }
}

.mod-campaign-nav-c__cta {
    display: none
}

@media (min-width: 1024px) {
    .mod-campaign-nav-c__cta {
        *zoom: 1;
        display: block;
        background: #fff;
        color: #000;
        height: 90px;
        position: absolute;
        right: 0;
        top: 0;
        width: 11.7%;
        padding: 30px 25px 0 25px;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 12px;
        line-height: 15px
    }
    .mod-campaign-nav-c__cta:after {
        content: "";
        display: table;
        clear: both
    }
    .mod-campaign-nav-c__cta:after {
        content: "";
        position: absolute;
        width: 10000em;
        left: 100%;
        height: 90px;
        z-index: -1;
        top: 0;
        background: #fff
    }
}

.mod-campaign-nav-c__cta .icon {
    float: left;
    margin-right: 7px
}

.mod-campaign-nav-c__search {
    display: none
}

@media (min-width: 1024px) {
    .mod-campaign-nav-c__search {
        background: #000;
        color: #fff;
        border-radius: 50%;
        position: absolute;
        top: 18px;
        right: 20px;
        z-index: 110;
        display: block;
        width: 52px;
        height: 52px;
        -moz-transition: color linear, background-color linear;
        -o-transition: color linear, background-color linear;
        -webkit-transition: color linear, background-color linear;
        transition: color linear, background-color linear
    }
}

@media (min-width: 1024px) and (min-width: 768px) {
    .mod-campaign-nav-c__search:hover {
        -moz-box-shadow: inset 0 0 0 4px;
        -webkit-box-shadow: inset 0 0 0 4px;
        box-shadow: inset 0 0 0 4px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-color: #fff !important;
        color: #000 !important
    }
}

@media (min-width: 1024px) {
    .mod-campaign-nav-c__search .icon-search {
        font-size: 23px;
        top: -6px;
        left: -5px
    }
}

.mod-campaign-nav-c__filter-container {
    float: right;
    margin-right: 20px
}

@media (min-width: 768px) {
    .mod-campaign-nav-c__filter-container {
        margin-top: 35px
    }
}

@media (min-width: 1024px) {
    .mod-campaign-nav-c__filter-container {
        margin-right: 14.125%
    }
}

.mod-campaign-nav-c__filter {
    margin: 0;
    padding: 0;
    position: relative;
    cursor: pointer;
    float: left
}

.mod-campaign-nav-c__filter--year {
    margin-left: 15px
}

@media (min-width: 768px) {
    .mod-campaign-nav-c__filter--year {
        margin-left: 35px
    }
}

.mod-campaign-nav-c__label {
    height: 60px;
    line-height: 60px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    position: relative
}

@media (min-width: 768px) {
    .mod-campaign-nav-c__label {
        height: auto;
        line-height: 11px;
        margin-bottom: 9px;
        font-size: 16px;
        line-height: 21px;
        font-weight: bold
    }
}

.mod-campaign-nav-c__label:after {
    content: "\e601";
    font-family: 'webby';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: relative;
    font-size: 14px;
    top: 2px;
    left: 3px;
    display: inline-block;
    -moz-transition: -moz-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s
}

@media (min-width: 768px) {
    .mod-campaign-nav-c__label:after {
        font-size: 18px;
        left: 7px
    }
}

.mod-campaign-nav-c__label.active:after {
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.mod-campaign-nav-c__filter--about .mod-campaign-nav-c__label span,
.mod-campaign-nav-c__filter--year .mod-campaign-nav-c__label span {
    display: none
}

@media (min-width: 1024px) {
    .mod-campaign-nav-c__filter--about .mod-campaign-nav-c__label span,
    .mod-campaign-nav-c__filter--year .mod-campaign-nav-c__label span {
        display: inline
    }
}

.mod-campaign-nav-c__filter--about .mod-campaign-nav-c__label:after,
.mod-campaign-nav-c__filter--year .mod-campaign-nav-c__label:after {
    display: inline-block;
    -moz-transition: -moz-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s
}

.mod-campaign-nav-c__filter--about.active .mod-campaign-nav-c__label:after,
.mod-campaign-nav-c__filter--year.active .mod-campaign-nav-c__label:after {
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.mod-campaign-nav-c__selected {
    display: none
}

.mod-campaign-nav-c__selected--year {
    text-transform: uppercase
}

.mod-campaign-nav-c__overlay-close {
    background: #fff;
    color: #000;
    width: 70px;
    height: 60px;
    position: fixed;
    top: 0;
    right: 0;
    font-size: 24px;
    z-index: 999
}

.mod-campaign-nav-c__overlay-close:hover {
    background: #000;
    color: #fff
}

@media (min-width: 768px) {
    .mod-campaign-nav-c__overlay-close {
        width: 85px;
        height: 85px
    }
}

@media (min-width: 1024px) {
    .mod-campaign-nav-c__overlay-close {
        display: none
    }
}

.mod-campaign-about__overlay-close {
    background: #fff;
    color: #000;
    width: 70px;
    height: 60px;
    position: fixed;
    top: 0;
    right: 0;
    font-size: 24px;
    z-index: 999
}

@media (min-width: 768px) {
    .mod-campaign-about__overlay-close {
        width: 85px;
        height: 85px
    }
}

.mod-campaign-nav-c__overlay {
    display: none;
    background: #000;
    color: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    top: 0;
    left: 0;
    z-index: 9990;
    padding: 30px 20px 20px 20px
}

@media (min-width: 768px) {
    .mod-campaign-nav-c__overlay {
        padding: 30px 48px
    }
}

@media (min-width: 1024px) {
    .mod-campaign-nav-c__overlay {
        background: #f4f4f4;
        background: #000;
        color: #000;
        color: #fff;
        width: 50%;
        top: 90px;
        left: 0;
        height: auto;
        position: absolute;
        padding: 25px 40px;
        min-width: 350px;
        overflow: visible;
        width: 100%
    }
    .mod-campaign-nav-c__overlay--category {
        width: 100%;
        padding-bottom: 0
    }
}

.mod-campaign-nav-c__overlay.active {
    display: block
}

.mod-campaign-nav-c__overlay .mod-campaign-nav-c__label {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 50px
}

@media (min-width: 768px) {
    .mod-campaign-nav-c__overlay .mod-campaign-nav-c__label {
        font-size: 22px;
        margin-bottom: 75px
    }
}

@media (min-width: 1024px) {
    .mod-campaign-nav-c__overlay .mod-campaign-nav-c__label {
        display: none
    }
}

.mod-campaign-nav-c__overlay .mod-campaign-nav-c__label:after {
    display: none
}

.mod-campaign-about__overlay {
    display: none;
    padding: 20px;
    font-size: 13px;
    line-height: 23px
}

.mod-campaign-about__overlay h3 {
    font-size: 15px;
    font-weight: bold;
    line-height: 21px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 20px 0
}

.mod-campaign-about__overlay p {
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .mod-campaign-about__overlay {
        padding: 40px
    }
    .mod-campaign-about__overlay h3 {
        font-size: 18px;
        line-height: 23px
    }
}

.mod-campaign-about__overlay .ninja-forms-cont {
    display: none
}

@media (min-width: 1024px) {
    .mod-campaign-nav-c__list--about {
        display: table;
        width: 100%
    }
    .mod-campaign-nav-c__list--about .mod-campaign-nav-c__item {
        display: table-cell;
        vertical-align: top;
        width: 16.66666666666667%;
        margin-bottom: 0
    }
    .mod-campaign-nav-c__list--about .mod-campaign-nav-c__item .mod-campaign-nav-c__link {
        position: relative;
        display: block;
        padding-top: 33px;
        font-size: 12px;
        line-height: 17px;
        font-weight: bold;
        text-transform: none
    }
    .mod-campaign-nav-c__list--about .mod-campaign-nav-c__item .mod-campaign-nav-c__link:after {
        position: absolute;
        top: 0;
        left: -3px;
        font-weight: normal;
        font-family: "webby";
        font-size: 34px
    }
    .mod-campaign-nav-c__list--about .mod-campaign-nav-c__item--1 {
        vertical-align: middle
    }
    .mod-campaign-nav-c__list--about .mod-campaign-nav-c__item--1 .mod-campaign-nav-c__link {
        font-size: 24px;
        padding-top: 0
    }
}

.mod-campaign-nav-c__list--about .filter {
    cursor: pointer
}

@media (min-width: 1024px) {
    .mod-campaign-nav-c__list--year {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
        -moz-page-break-inside: avoid;
        -webkit-column-break-inside: avoid;
        break-inside: avoid;
        page-break-inside: avoid;
        -o-column-break-inside: avoid;
        -ms-column-break-inside: avoid;
        column-break-inside: avoid
    }
}

.mod-campaign-nav-c__item {
    margin: 0 0 15px 0;
    font-size: 18px;
    line-height: 25px;
    font-weight: bold
}

@media (min-width: 768px) {
    .mod-campaign-nav-c__item {
        font-size: 20px;
        line-height: 27px;
        margin-bottom: 22px
    }
}

@media (min-width: 1024px) {
    .mod-campaign-nav-c__item {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 15px;
        font-weight: normal;
        padding-right: 30px;
        display: block;
        margin: 0 0 7px 0
    }
}

@media (min-width: 1024px) {
    .mod-campaign-nav-c__item--2>.mod-campaign-nav-c__link:after {
        content: "\e632";
        top: 10px
    }
    .mod-campaign-nav-c__item--3>.mod-campaign-nav-c__link:after {
        content: "\e627"
    }
    .mod-campaign-nav-c__item--4>.mod-campaign-nav-c__link:after {
        content: "\e618"
    }
    .mod-campaign-nav-c__item--5>.mod-campaign-nav-c__link:after {
        content: "\e600"
    }
    .mod-campaign-nav-c__item--6>.mod-campaign-nav-c__link:after {
        content: "\e609"
    }
}

@media (min-width: 1024px) {
    .mod-campaign-nav-c__item-div {
        display: inline-block
    }
}

.mod-campaign-nav-c__link {
    color: #fff;
    border-bottom: 1px solid transparent;
    text-transform: uppercase
}

.mod-campaign-nav-c__link span {
    display: block;
    font-size: 11px;
    line-height: 18px;
    font-weight: normal;
    text-transform: none;
    color: #aaa
}

.mod-campaign-nav-c__link:active,
.mod-campaign-nav-c__link:hover {
    color: #fff;
    border-bottom: 1px solid #fff
}

.mod-campaign-nav-c__link.active {
    color: #fff;
    font-weight: bold;
    border-bottom: 1px solid #fff
}

@media (min-width: 1024px) {
    .mod-campaign-nav-c__link {
        color: #fff
    }
    .mod-campaign-nav-c__link.active,
    .mod-campaign-nav-c__link:hover {
        color: #c1c323;
        border-bottom: 1px solid transparent
    }
}

.mod-campaign-nav-c__link--dropdown {
    position: relative
}

.mod-campaign-nav-c__link--dropdown:after {
    content: "+";
    line-height: 1;
    position: relative;
    font-size: 18px;
    top: 0;
    left: 8px
}

@media (min-width: 320px) and (max-width: 1024px) {
    .mod-campaign-nav-c__item.active .mod-campaign-nav-c__link--dropdown {
        border: 0
    }
    .mod-campaign-nav-c__item.active .mod-campaign-nav-c__link--dropdown:after {
        content: "-"
    }
}

.mod-campaign-nav-c__submenu {
    display: none
}

@media (min-width: 1024px) {
    .mod-campaign-nav-c__submenu {
        background: #f4f4f4;
        width: auto;
        top: 75px;
        left: 0;
        height: auto;
        position: absolute;
        padding: 30px 40px;
        width: 100%;
        z-index: 9990;
        border-top: 1px solid #ccc
    }
    .mod-campaign-nav-c__item:hover .mod-campaign-nav-c__submenu {
        display: block
    }
}

@media (min-width: 320px) and (max-width: 1024px) {
    .mod-campaign-nav-c__item.active .mod-campaign-nav-c__submenu {
        display: block
    }
}

.mod-campaign-nav-c__submenu-list {
    padding: 20px 20px 5px 20px
}

@media (min-width: 1024px) {
    .mod-campaign-nav-c__submenu-list {
        padding: 0;
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5
    }
    .mod-campaign-nav-c__submenu-list li {
        -moz-page-break-inside: avoid;
        -webkit-column-break-inside: avoid;
        break-inside: avoid;
        page-break-inside: avoid;
        -o-column-break-inside: avoid;
        -ms-column-break-inside: avoid;
        column-break-inside: avoid
    }
    .lt-ie9 .mod-campaign-nav-c__submenu-list li,
    .ie9 .mod-campaign-nav-c__submenu-list li {
        float: left;
        width: 20%
    }
}

.mod-campaign-nav-c__submenu-list .mod-campaign-nav-c__item {
    margin: 0 0 15px 0;
    font-size: 13px;
    line-height: 18px;
    font-weight: normal
}

@media (min-width: 1024px) {
    .mod-campaign-nav-c__submenu-list .mod-campaign-nav-c__item {
        margin-bottom: 15px;
        margin-right: 30px
    }
}

.mod-campaign-nav-c__submenu-list .mod-campaign-nav-c__link {
    color: #fff;
    border-bottom: 1px solid transparent
}

.mod-campaign-nav-c__submenu-list .mod-campaign-nav-c__link.active,
.mod-campaign-nav-c__submenu-list .mod-campaign-nav-c__link:hover {
    color: #fff;
    border-bottom: 1px solid #fff
}

@media (min-width: 1024px) {
    .mod-campaign-nav-c__submenu-list .mod-campaign-nav-c__link {
        color: #000;
        text-transform: none
    }
    .mod-campaign-nav-c__submenu-list .mod-campaign-nav-c__link:hover {
        color: #000;
        border-bottom: 1px solid #000
    }
    .mod-campaign-nav-c__submenu-list .mod-campaign-nav-c__link.active {
        color: #000;
        border-bottom: 1px solid #000;
        font-weight: bold
    }
}

.campaign-password__page-id,
.campaign-password__hidden {
    display: none !important
}

.campaign-password__overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none;
    width: 100%;
    height: 100%;
    max-width: 640px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 9000
}

@media (min-width: 768px) {
    .campaign-password__overlay {
        width: 80%
    }
}

.campaign-password__overlay .campaign-password__container {
    position: relative;
    height: 100%;
    width: 100%;
    display: table
}

.campaign-password__overlay .campaign-password__container-wrap {
    display: table-cell;
    vertical-align: middle
}

.campaign-password__overlay .campaign-password__container-content {
    padding: 20px 30px 50px 30px;
    position: relative;
    width: 100%;
    height: auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

@media (min-width: 768px) {
    .campaign-password__overlay .campaign-password__container-content {
        background: #000;
        border: 10px solid #fff;
        padding: 40px 40px 60px 40px
    }
}

.campaign-password__overlay .campaign-password__logo {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background: url('../../images/campaign-logo--horizontal@2x.png') no-repeat 0 0;
    background-size: contain;
    display: block;
    margin: 0 auto 25px;
    width: 150px;
    height: 22px;
    border: 0;
    z-index: 110
}

@media (min-width: 768px) {
    .campaign-password__overlay .campaign-password__logo {
        top: 20px;
        width: 300px;
        height: 44px
    }
}

.campaign-password__overlay .campaign-password__text {
    color: #fff;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    margin-bottom: 15px
}

.campaign-password__overlay .ninja-forms-form {
    overflow: hidden;
    *zoom: 1
}

@media (min-width: 768px) {
    .campaign-password__overlay .ninja-forms-form .field-wrap {
        margin-bottom: 0 !important
    }
}

.campaign-password__overlay .ninja-forms-form label {
    color: #fff;
    font-size: 14px
}

@media (min-width: 768px) {
    .campaign-password__overlay .ninja-forms-form label {
        float: left;
        line-height: 40px;
        width: 30% !important
    }
}

.campaign-password__overlay .ninja-forms-form .ninja-forms-field {
    color: #fff
}

@media (min-width: 768px) {
    .campaign-password__overlay .ninja-forms-form .ninja-forms-field {
        float: left;
        width: 70% !important
    }
}

.campaign-password__overlay .campaign-password__content p {
    display: none
}

.campaign-password__overlay .campaign-password__form {
    overflow: hidden;
    *zoom: 1
}

.campaign-password__overlay .campaign-password__form label {
    color: #fff;
    font-size: 14px
}

@media (min-width: 768px) {
    .campaign-password__overlay .campaign-password__form label {
        float: left;
        line-height: 40px;
        width: 30%
    }
}

.campaign-password__overlay .campaign-password__form label span {
    color: red
}

.campaign-password__overlay .campaign-password__form input[type=password] {
    color: #fff
}

@media (min-width: 768px) {
    .campaign-password__overlay .campaign-password__form input[type=password] {
        float: right;
        width: 70%
    }
}

.campaign-password__overlay .campaign-password__error {
    color: red;
    font-style: italic;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .campaign-password__overlay .campaign-password__error {
        text-align: center
    }
}

.campaign-password__overlay .campaign-password__privacy {
    color: #999;
    font-size: 12px;
    margin: 10px 0 20px;
    text-align: center
}

@media (min-width: 768px) {
    .campaign-password__overlay .campaign-password__privacy {
        clear: left
    }
}

.campaign-password__overlay .campaign-password__privacy a {
    color: #fff;
    text-decoration: underline
}

.campaign-password__overlay .campaign-password__privacy a:hover {
    opacity: 0.8
}

.campaign-password__overlay .campaign-password__submit {
    background-color: #fff;
    color: #000;
    display: block;
    margin: 0 auto;
    position: relative;
    text-decoration: uppercase;
    width: 40%
}

.campaign-password__overlay .campaign-password__submit:hover {
    opacity: 0.8
}

@media (min-width: 768px) {
    .campaign-password__overlay .campaign-password__submit:after {
        color: #000;
        font-family: "webby";
        font-size: 22px;
        font-weight: normal;
        line-height: 1;
        content: "\e61b";
        position: absolute;
        top: 10px;
        right: 12px
    }
}

@media (min-width: 1024px) {
    .campaign-password__overlay .campaign-password__submit:after {
        top: 16px
    }
}

.campaign-password__overlay .campaign-password__content input[type=submit],
.campaign-password__overlay .campaign-password__content .ninja-forms-required-items {
    display: none
}

.campaign-password__dimmer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 8000;
    background: #000;
    background: rgba(0, 0, 0, 0.9)
}

.mod-campaign__no-scroll {
    overflow: hidden
}

.mod-fixed-grid--6.alt .mod-fixed-grid__item--1 .mod-featured-winner img {
    opacity: 0
}

.mod-fixed-grid--6.alt .mod-fixed-grid__item--1 .mod-featured-winner a {
    width: 100%;
    height: 100%;
    display: block;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden
}

.mod-fixed-grid--6.alt .mod-netted {
    width: 100%;
    display: table
}

.mod-fixed-grid--6.alt .mod-netted .mod-netted-content {
    display: table-cell;
    vertical-align: middle
}

.mod-fixed-grid--6.alt .mod-webby-talk {
    width: 100%;
    display: table
}

.mod-fixed-grid--6.alt .mod-webby-talk .mod-webby-talk-content {
    display: table-cell;
    vertical-align: middle
}

.mod-fixed-grid--7.alt .mod-fixed-grid__item--2 .mod-featured-winner img {
    opacity: 0
}

.mod-fixed-grid--7.alt .mod-fixed-grid__item--2 .mod-featured-winner a {
    width: 100%;
    height: 100%;
    display: block;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden
}

.mod-fixed-grid--7.alt .mod-netted {
    width: 100%;
    display: table
}

.mod-fixed-grid--7.alt .mod-netted .mod-netted-content {
    display: table-cell;
    vertical-align: middle
}

.mod-fixed-grid--7.alt .mod-webby-talk {
    width: 100%;
    display: table
}

.mod-fixed-grid--7.alt .mod-webby-talk .mod-webby-talk-content {
    display: table-cell;
    vertical-align: middle
}

.alt .mod-gallery-5up__item a {
    overflow: hidden;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.alt .mod-gallery-5up__item img {
    opacity: 0;
    display: none
}

.mod-winners--1up.alt .mod-winners__image a {
    display: block;
    overflow: hidden;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.mod-winners--2up.alt .mod-winners__image a {
    display: block;
    overflow: hidden;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.alt .mod-winners__image img {
    opacity: 0
}

.mod-article-3up__sponsorship-image {
    max-width: 106px;
    max-height: 106px
}

.icon img {
    max-width: 50px;
    max-height: 50px;
    margin-bottom: 10px
}

.article-metadata .no-author {
    margin-top: 0px;
    border-top: none;
    padding-top: 0px
}

#nf-form-12-cont .consent { font-size:14px; }
#nf-form-12-cont .consent .nf-field-label { width: 90%; }