.news-item__img {
    margin-bottom: 10px;
}
.voting-block {
    margin-bottom: 20px;
}
.video-caption {
    font-size: 16px;
    text-decoration: none;
    padding-top: 5px;
    display: inline-block;
}

.article .img-thumbnail:after {
    content: "";
    display: block;
    clear: both;
}

.article .img-thumbnail {
    position: relative;
    border: 0;
    background: none;
    display: block;
    border-radius: 0;
    padding: 0;
}

    .article .img-thumbnail img {
        display: block;
        max-width: 100%;
        height: auto;
        width: 100%;
    }

    .article .img-thumbnail a {
        color: #fff;
        display: block;
    }

.article .text-box {
    overflow: hidden;
    padding: 6px 6px 6px 0;
    z-index: 50;
}

    .article .text-box .description p {
        font-size: 12px;
        line-height: 22px;
        color: rgba(255, 255, 255, .6);
        margin: 0 0 5px;
    }

.bnr-top {
    margin-left: auto;
    margin-right: auto;
}

    .bnr-top img {
        height: 21vw;
        width: auto;
    }
/*.bnr-top img {
    height: 450px;
}*/
h4.vote-desc {
    text-align: center;
    margin-bottom: 20px;
}

.bnr-top__slider-item {
    position: relative;
}
/*.photos-layout__item img {
    min-width: unset;
}*/

.photos-layout__item img.portrait {
    width: auto;
    min-width: 0;
    height: 100%;
}

.photos-layout__item {
    background-color: #000;
}

figure {
    overflow: hidden;
    width: 100%;
}
/*.secondary-story {
    width: 30%;
}

    .secondary-story img {
        transform: translateX(-50%);
        position: absolute;
        left: 50%;
    }*/

/*.bnr-top img {
    width: auto;
    transform: translateX(-50%);
            position: absolute;
    left: 50%;
}*/

/*.main-story {
    transform: translateX(-12%);
}*/

/*.main-story-wrapper {
    width: 40%;
}*/
/*
@media screen and (max-width: 1024px) {
    .main-story {
        transform: translateX(-20%);
    }
}

@media only screen and (min-width: 1439px) and (max-width: 1640px) {
    .main-story {
        transform: translateX(-20%);
    }
}

@media only screen and (max-width: 1440px) {
    .main-story {
        transform: translateX(-30%);
    }
}

@media only screen and (max-width: 1140px) {
    .main-story {
        transform: translateX(-35%);
    }
}

@media only screen and (max-width: 992px) {
    .main-story {
        transform: translateX(-20%);
    }
}

@media only screen and (max-width: 920px) {
    .main-story {
        transform: translateX(-20%);
    }
}*/
/* voting process styles, block thankyou styles, voting details styles, popup styles */

.voting-process {
    padding: 15px 0;
}

    .voting-process input[type=text] {
        border-radius: 0;
        padding: 13px;
        border-color: silver;
        width: 100%;
        height: auto;
    }

    .voting-process.steps-block .step-slide {
        display: none !important;
    }

        .voting-process.steps-block .step-slide.active {
            display: block !important;
        }

    .voting-process .label {
        padding: 0;
    }

    .voting-process .btn-block {
        border-top: 1px solid #d1d1d1;
        margin: 0 -5px;
        padding: 20px 5px;
        width: auto;
    }

        .voting-process .btn-block .btn {
            margin: 0 5px 5px;
        }

    .voting-process .block-thankyou h2 {
        text-align: center;
    }

    .voting-process .block-thankyou {
        display: none;
        overflow: hidden;
    }

        .voting-process .block-thankyou .tab-holder {
            padding: 20px 0 !important;
        }

        .voting-process .block-thankyou .award-mark {
            width: 180px;
            height: 180px;
            text-align: center;
            padding: 10px;
            white-space: nowrap;
            text-align: center;
            margin: 0 auto 15px;
        }

            .voting-process .block-thankyou .award-mark:after {
                content: "";
                display: inline-block;
                vertical-align: middle;
                width: 0;
                min-height: 100%;
            }

            .voting-process .block-thankyou .award-mark > * {
                white-space: normal;
                display: inline-block;
                vertical-align: middle;
                max-width: 100%;
            }

            .voting-process .block-thankyou .award-mark .icon-award {
                font-size: 90px;
                line-height: 90px;
            }

        .voting-process .block-thankyou h2 {
            font-size: 24px;
            line-height: 22px;
            font-weight: 400;
            margin: 0;
            text-transform: none;
        }

.vote-finish .nav-tabs {
    display: none;
}

.voting-process .voting-details .article {
    padding: 0;
    margin: 0 auto 20px;
    width: 276px;
    float: left;
    margin-right: 20px;
}

.voting-process .voting-details .text-details {
    overflow: hidden;
}

    .voting-process .voting-details .text-details .email {
        color: #000;
        text-transform: none;
    }

        .voting-process .voting-details .text-details .email:hover,
        .voting-process .voting-details .text-details .email:focus {
            opacity: .70;
            text-decoration: none;
        }

            .voting-process .voting-details .text-details .email:hover:after,
            .voting-process .voting-details .text-details .email:hover:before,
            .voting-process .voting-details .text-details .email:focus:after,
            .voting-process .voting-details .text-details .email:focus:before {
                opacity: .70;
            }

    .voting-process .voting-details .text-details .details-list {
        overflow: hidden;
        padding: 0 0 10px;
    }

        .voting-process .voting-details .text-details .details-list li {
            overflow: hidden;
            padding: 0 0 10px;
        }

        .voting-process .voting-details .text-details .details-list .title {
            font-size: 10px;
            line-height: 12px;
            display: block;
            margin: 0 0 2px;
            text-transform: uppercase;
        }

        .voting-process .voting-details .text-details .details-list .text {
            font-size: 15px;
            line-height: 18px;
            display: block;
        }

/* form general styles */

.input-group {
    margin: 0 0 15px;
}

    .input-group .form-control {
        margin: 0;
    }

    .input-group .input-group-btn + .form-control {
        margin: 0 0 0 5px;
    }

.form-group {
    margin-bottom: 10px;
    vertical-align: top !important;
}

.label {
    display: block;
    padding: 10px;
    margin: 0 0 4px;
    overflow: hidden;
}

    .label label {
        font-size: 10px;
        line-height: 12px;
        font-weight: 700;
        float: left;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        color: #000;
    }

        .label label .required {
            color: #fd2424;
        }

.form-control {
    width: 100%;
    height: 39px;
    font-size: 14px;
    line-height: 17px;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    outline: none;
    border-radius: 0;
    margin: 0;
    border: 1px solid #cbcaca;
    padding: 10px 12px;
    background: #fff;
    display: block;
}

    .error .form-control,
    .form-control.error {
        border-color: #fd2424;
    }

.note {
    font-size: 12px;
    line-height: 15px;
    display: none;
    color: #fd2424;
    padding: 5px 0 0;
}

.error .note {
    display: block;
}

.captcha {
    overflow: hidden;
    padding: 0 0 13px;
}

    .captcha .area {
        overflow: hidden;
        padding: 0 0 13px;
    }

    .captcha .img-captcha {
        display: inline-block;
        vertical-align: middle;
        width: 154px;
        margin: 0 5px 0 0;
    }

        .captcha .img-captcha img {
            display: block;
            max-width: 100%;
            height: auto;
        }

    .captcha .refresh {
        display: inline-block;
        vertical-align: middle;
        line-height: 15px;
        text-decoration: none;
    }

        .captcha .refresh:hover,
        .captcha .refresh:focus {
            opacity: .70;
            text-decoration: none;
        }

            .captcha .refresh:hover:after,
            .captcha .refresh:hover:before,
            .captcha .refresh:focus:after,
            .captcha .refresh:focus:before {
                opacity: .70;
            }

    .captcha .form-control {
        max-width: 576px;
    }

.voting-process .article {
    display: inline-block;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 5px;
    letter-spacing: 0;
    text-align: left;
    width: 19%;
}

    .voting-process .article .holder {
        position: relative;
    }

    .voting-process .article .radio {
        position: fixed;
        left: -9999px;
        top: -9999px;
        opacity: 0;
    }

        .voting-process .article .radio:checked ~ .img-thumbnail:after,
        .voting-process .article .radio:checked ~ .img-thumbnail:before {
            opacity: 0.8;
            visibility: visible;
            z-index: 10;
        }

    .voting-process .article .label {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        border-radius: 0;
        font-size: 0;
        padding: 0;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAADUExURQAAAKd6PdoAAAABdFJOUwBA5thmAAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg==");
        line-height: 0;
        z-index: 5000;
        cursor: pointer;
        margin: 0;
    }

    .voting-process .article .img-thumbnail {
        z-index: 50;
    }

        .voting-process .article .img-thumbnail:before {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            -webkit-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
            background: #2b2b2b;
            z-index: 5;
            display: block;
            opacity: 0;
            content: "";
            visibility: hidden;
            z-index: -4;
        }

        .voting-process .article .img-thumbnail:after {
            font-family: "icomoon";
            content: "";
            font-weight: 400;
            -webkit-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
            width: 20px;
            height: 20px;
            position: absolute;
            left: 50%;
            top: 50%;
            right: auto;
            bottom: auto;
            font-size: 20px;
            line-height: 20px;
            color: #fff;
            margin: -10px 0 0 -10px;
            z-index: -5;
            opacity: 0;
            visibility: hidden;
        }

    .voting-process .article h2 {
        font-size: 17px;
        line-height: 14px;
        max-height: 28px;
    }
/* tabs styles */

.nav-tabs {
    overflow: hidden;
    position: relative;
    border: 0;
    text-align: center;
}

    .nav-tabs:before {
        position: absolute;
        left: 0;
        top: auto;
        right: 0;
        bottom: 0;
        background: #d1d1d1;
        content: "";
        height: 1px;
        display: block;
    }

    .nav-tabs > li {
        font-size: 15px;
        float: none;
        margin: 0;
        overflow: visible;
        min-height: 25px;
        border: 0;
        position: relative;
        display: inline-block;
        margin: 0 10px;
    }

        .nav-tabs > li.disabled {
            pointer-events: none;
            z-index: -1;
        }

            .nav-tabs > li.disabled:after {
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAADUExURQAAAKd6PdoAAAABdFJOUwBA5thmAAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg==");
                content: "";
                z-index: 5;
            }

        .nav-tabs > li.active {
            display: inline-block;
        }

            .nav-tabs > li.active > a {
                color: #000;
                border: 0;
            }

                .nav-tabs > li.active > a:hover,
                .nav-tabs > li.active > a:focus {
                    color: #000;
                }

                .nav-tabs > li.active > a:after {
                    width: 100%;
                }

        .nav-tabs > li > a {
            text-decoration: none;
            line-height: 12px;
            font-weight: 700;
            display: block;
            position: relative;
            padding: 0;
            border-radius: 0;
            border: 0 !important;
            margin: 0;
            overflow: visible;
            color: #727272;
        }

            .nav-tabs > li > a:after {
                position: absolute;
                left: 0;
                top: auto;
                right: 0;
                bottom: -13px;
                width: 0;
                height: 3px;
                z-index: 5;
                -webkit-transition: all .25s ease-in-out;
                transition: all .25s ease-in-out;
                background: #2b2b2b;
                content: "";
            }

            .nav-tabs > li > a:hover,
            .nav-tabs > li > a:focus {
                color: #000;
                text-decoration: none;
                background: none;
            }

                .nav-tabs > li > a:hover:after,
                .nav-tabs > li > a:focus:after {
                    width: 100%;
                }

/* tab content styles */

.tab-content .tab-holder {
    padding: 20px 0 !important;
}

.nominations .overlay .icon-timer {
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 28px;
    display: block;
    margin: 0 auto 15px;
}

.icon-timer:before {
    content: "\e908";
}

[class^="icon-"], [class*=" icon-"] {
    font-family: "icomoon";
}

.nominations .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, .75);
    color: #FFF;
    font-size: 20px;
    line-height: 26px;
    cursor: pointer;
    transition: all 0.5s;
    padding: 20% 30px 0 30px;
    display: none;
}

.nominations .voting-opening .overlay {
    display: block;
    cursor: default;
}

.nominations .news-item:hover .overlay {
    transform: scale(1.04);
}
/*.nominations .overlay:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 0;
        min-height: 100%;
    }*/
.nominations .overlay > * {
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}

.category-image {
    position: relative;
}
/*.vote-landing {
    margin-top: -30px;
    padding-top: 30px;
    margin-bottom: 30px;
}*/
.vote-nav {
    text-align:right;
}
.vote__title h2 {
    font-size: 43px;
}
.vote__timer h6,
.vote__title small {
    font-size: 25px;
}
.vote__timer h6 {
    margin-bottom: 10px;
}
.vote__youtube {
    background: url(/Themes/BRITs2019/Content/img/youtube.png?v=2) no-repeat center;
    width: 48px;
    bottom: 3px;
}
.bnr-top__slider .slick-dots li button {
    width: 18px;
    height: 18px;
}

@media only screen and (max-width: 1440px) {
    /*.main-story {
        transform: translateX(-30%);
    }*/
    .nominations .overlay {
        padding-top: 15%;
    }
}

@media only screen and (max-width: 1140px) {
    /*.main-story {
        transform: none;
    }

    .main-story-wrapper {
        width: auto;
    }

    .main-story,
    .secondary-story {
        width: auto;
    }*/

    /*.secondary-story img {
            transform: none;
            position: static;
        }*/

    /*.bnr-top img {
    }*/
}

@media only screen and (max-width: 992px) {
    .nominations .overlay {
        font-size: 14px;
        line-height: 20px;
    }

    .bnr-top {
        width: 100%;
        max-width: 100%;
    }

        .bnr-top img {
            height: auto;
        }
}

@media only screen and (max-width: 768px) {
    .nominations .overlay {
        padding-top: 20%;
    }

    .voting-process .voting-details .article {
        float: none;
        margin-right: 0;
    }

    .nav-tabs > li {
        width: 100%;
    }

        .nav-tabs > li > a:after {
            bottom: -8px;
        }

    .voting-process .article {
        width: 100%;
    }

        .voting-process .article .img-thumbnail:after {
            width: 30px;
            height: 30px;
            font-size: 25px;
            line-height: 25px;
            margin: -15px 0 0 -15px;
        }

        .voting-process .article h2 {
            line-height: 17px;
            max-height: 64px;
        }
}

@media only screen and (max-width: 767px) {
    .bnr-top img {
        height: auto;
        width: auto;
    }

    .photos-layout__item:hover img {
        transform: scale(1.1);
    }

    .photos-layout__item img.portrait {
        height: auto;
    }

    .photos-layout__item {
        background-color: inherit;
    }
}

@media only screen and (max-width: 420px) {
    .nominations .overlay {
        padding-top: 15%;
    }
}