/*

Title       : VICE CSS
Author      : Ashe Avenue Development
Author URI  : http://www.asheavenue.com

*/

/* -----------------------------------------
    Reset Styles
----------------------------------------- */

/* Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 2.8.1 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
img:focus,a:focus {outline-style:none}

/* -----------------------------------------
    FONTS
    @font-face delcarations
----------------------------------------- */

@font-face {
    font-family: 'GothicBoldCond';
    src: url('/themes/vice/statics/font/vgothicboldcond.eot');
    src: url('/themes/vice/statics/font/vgothicboldcond.eot?#iefix') format('embedded-opentype'),
         url('/themes/vice/statics/font/vgothicboldcond.woff') format('woff'),
         url('/themes/vice/statics/font/vgothicboldcond.ttf') format('truetype'),
         url('/themes/vice/statics/font/vgothicboldcond.svg#GothicBoldCond') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothicLight';
    src: url('/themes/vice/statics/font/vgothiclight.eot');
    src: url('/themes/vice/statics/font/vgothiclight.eot?#iefix') format('embedded-opentype'),
         url('/themes/vice/statics/font/vgothiclight.woff') format('woff'),
         url('/themes/vice/statics/font/vgothiclight.ttf') format('truetype'),
         url('/themes/vice/statics/font/vgothiclight.svg#GothicLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothicBold';
    src: url('/themes/vice/statics/font/vgothicbold.eot');
    src: url('/themes/vice/statics/font/vgothicbold.eot?#iefix') format('embedded-opentype'),
         url('/themes/vice/statics/font/vgothicbold.woff') format('woff'),
         url('/themes/vice/statics/font/vgothicbold.ttf') format('truetype'),
         url('/themes/vice/statics/font/vgothicbold.svg#GothicBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face { /* for GR - condensed */
    font-family: 'Eteocles procontrafos';
    src: url('/themes/vice/statics/font/cf_eteocles_pro_contrafos-webfont.eot');
    src: url('/themes/vice/statics/font/cf_eteocles_pro_contrafos-webfont.eot?#iefix') format('embedded-opentype'),
         url('/themes/vice/statics/font/cf_eteocles_pro_contrafos-webfont.woff') format('woff'),
         url('/themes/vice/statics/font/cf_eteocles_pro_contrafos-webfont.ttf') format('truetype'),
         url('/themes/vice/statics/font/cf_eteocles_pro_contrafos-webfont.svg#Eteoclesprocontrafos') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face { /* for GR - bold condensed */
    font-family: 'Eteocles proregular';
    src: url('/themes/vice/statics/font/cf_eteoclespro_rg-webfont.eot');
    src: url('/themes/vice/statics/font/cf_eteoclespro_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('/themes/vice/statics/font/cf_eteoclespro_rg-webfont.woff') format('woff'),
         url('/themes/vice/statics/font/cf_eteoclespro_rg-webfont.ttf') format('truetype'),
         url('/themes/vice/statics/font/cf_eteoclespro_rg-webfont.svg#Eteoclesproregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face { /* for GR - arial sub */
    font-family: 'Galilee';
    src: url('/themes/vice/statics/font/galilee_unicode.eot');
    src: url('/themes/vice/statics/font/galilee_unicode?#iefix') format('embedded-opentype'),
         url('/themes/vice/statics/font/galilee_unicode.woff') format('woff'),
         url('/themes/vice/statics/font/galilee_unicode.ttf') format('truetype'),
         url('/themes/vice/statics/font/galilee_unicode.svg#Galilee') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Mono Social Icons Font';
    src: url('/themes/vice/statics/font/MonoSocialIconsFont-Custom.eot');
    src: url('/themes/vice/statics/font/MonoSocialIconsFont-Custom.eot?#iefix') format('embedded-opentype'),
         url('/themes/vice/statics/font/MonoSocialIconsFont-Custom.woff') format('woff'),
         url('/themes/vice/statics/font/MonoSocialIconsFont-Custom.ttf') format('truetype'),
         url('/themes/vice/statics/font/MonoSocialIconsFont-Custom.svg#MonoSocialIconsFont') format('svg');
    src: url('/themes/vice/statics/font/MonoSocialIconsFont-Custom.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* -----------------------------------------
    BASE STYLES
    Typography, general tags
----------------------------------------- */

html {
    color: #555;
    font: 10px/1.25 arial,helvetica,sans-serif;
}
body {
    color: #555;
    font-size: 1.4rem;
    line-height: 2.2rem;
}
.gbc {
    font-family: 'GothicBoldCond', sans-serif;
    font-weight: normal !important;
}
.gl {
    font-family: 'GothicLight', sans-serif;
    font-weight: normal !important;
}
.gb {
    font-family: 'GothicBold', sans-serif;
    font-weight: normal !important;
}
.clb {
    clear: both;
}
a {
    color: #000;
    cursor: pointer !important;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}
h1,h2,h3,h4,h5,h6,p,.section_block ul {
    margin: 0 0 1.4rem;
}
h1,
#agegate-wrap h2 {
    color: #000;
    font-size: 2.4rem;
    font-family: 'GothicBoldCond', sans-serif;
    font-weight: normal;
    line-height: 1;
    text-transform: uppercase;
}
h1.page_header {
    border-bottom: .1rem solid #B2B2B2;
    padding: 1rem;
    margin: 0;
}
h2.divider,
h3.divider {
    color: #000;
    font-size: 2.4rem;
    font-family: 'GothicBoldCond', sans-serif;
    font-weight: normal;
    letter-spacing: .025em;
    line-height: 3rem;
    margin: 0;
    padding: 0 1rem;
    text-transform: uppercase;
}
h2.divider {
    letter-spacing: 0;
    line-height: inherit;
    padding: 2rem 1rem 0 1rem
}
    h2.divider a,
    h3.divider a {
        color: #fff;
    }
h3,
h4 {
    color: #000;
    font-size: 1.8rem;
    font-family: 'GothicBoldCond', sans-serif;
    line-height: 1;
    text-transform: uppercase;
}
    h3 strong,
    h4 strong {
        font-weight: normal;
    }

.gr .comments h3 {
    font-family: 'Eteocles proregular', Arial, sans-serif !important;
}

.gr ul.story_list li.story h2,
.gr ul.story_list li.story p.subtitle,
.gr ul.story_list li.story p,
.gr ul.story_list li.story .story_meta {
    font-family: Galilee, Arial, sans-serif !important;
    letter-spacing: .4px;
}

body.bg *,
body.cs *,
body.pl *,
body.ru *,
body.ro * {
    font-family: Arial, Helvetica, sans-serif !important;
}

body.bg h1, body.bg h2,
body.cs h1, body.cs h2,
body.pl h1, body.pl h2,
body.ru h1, body.ru h2,
body.ro h1, body.ro h2 {
    font-weight: bold !important;
}

/* -----------------------------------------
    LAYOUT
----------------------------------------- */

.hd,
.ft,
hr {
    height: 3rem;
    background: #000; /* Old browsers */
    position: relative;
    width: 100%;
    z-index: 2;
}
.hd {
    height: 3.46rem;
    z-index: 15;
}
.ft {
    height: 4rem;
}
.hd,
hr {
    background: #000;
}
hr {
    border: 0;
    height: .3rem;
    margin: 0;
}
    .hd h3,
    .ft h3 {
        left: 1rem;
        position: absolute;
        text-indent: -9999em;
        top: 0.46rem;
    }
    .ft h3 {
        top: 1.2rem;
    }
        .hd h3 a,
        .ft h3 a {
            display: block;
        }
            .hd h3 a img,
            .ft h3 a img {
                display: block;
                height: 2.55rem;
                width: 7.75rem;
            }
            .ft h3 a img {
                height: 1.6rem;
                width: 5.0rem;
            }
.nav {
    line-height: 3.33rem;
    height: 3.5rem;
    overflow: hidden;
}
    .nav ul {
        float: left;
        width: 100%;
    }
        .nav ul li {
            float: left;
            width: 22%;
            -webkit-box-sizing: border-box;
            -opera-box-sizing: border-box;
            -ms-box-sizing: border-box;
            box-sizing: border-box;
        }
        .nav ul li.n_latest {
            width: 22%;
        }
        .nav ul li.n_videos {
            width: 23%;
        }
        .nav ul li.n_dnd {
            width: 32%;
        }
        .nav ul li.n_more {
            width: 23%;
        }
            .nav ul li a > span.arrow_down {
                display: inline-block;
                font-size: 1rem;
                height: 1rem;
                position: relative;
                top: -0.1rem;
                line-height: 0;
            }
            .nav ul li a {
                border-bottom: .1rem solid #747474;
            }
            .nav ul li.n_more.active a {
                background: #fff;
                border-bottom: .1rem solid #fff;
            }
            .nav ul li a,
            .tabs ul.tabs_nav li a,
            .nav ul li.active.disable_active a {
                color: #000;
                border-right: .1rem solid #747474;
                display: block;
                font-family: 'GothicBoldCond', sans-serif;
                font-size: 1.2rem;
                line-height: 3.33rem;
                text-align: center;
                text-shadow: 0 .1rem 0 #fff;
                text-transform: uppercase;
            }
            .tabs ul.tabs_nav li a {
                border-right: .1rem solid #ccc;
                color: #9e9e9e;
            }
            .tabs ul.tabs_nav li a:active,
            .tabs ul.tabs_nav li a:focus,
            .tabs ul.tabs_nav li.ui-state-active a {
                background: #f4f4f4;
                color: #000;
            }
            .nav ul li a:hover,
            .nav ul li.active a,
            .tabs ul.tabs_nav li a:hover,
            .tabs ul.tabs_nav li.ui-tabs-selected a {
                background: #f4f4f4;
                text-decoration: none;
            }
            .nav ul li:last-child a,
            .tabs ul.tabs_nav li:last-child a {
                border-right: 0;
            }
            .nav ul li.n_more ul {
                display: none;
            }
                ul.n_more_items li {
                }
                    ul.n_more_items li a {
                        border-bottom: 0.1rem solid #d0d0d0;
                        color: #9b9b9b;
                        display: block;
                        font-family: 'GothicBoldCond', sans-serif;
                        font-size: 2rem;
                        line-height: 5rem;
                        text-align: center;
                        text-transform: uppercase;
                    }
                    ul.n_more_items li a:hover,
                    ul.n_more_items li a:focus {
                        color: #000;
                        text-decoration: none;
                    }
        /* lang specific styles */
        .gr .nav ul li.n_more a {
            letter-spacing: 1px;
            font-size: 22px;
        }

.ft {
    clear: both;
    position: relative;
}
    .hd ul,
    .ft ul {
        float: right;
    }
        .hd ul li,
        .ft ul li {
            float: left;
            height: 3.3rem;
            line-height: 3.3rem;
        }
        .hd ul li {
            height: 3.46rem;
            line-height: 3.46rem;
        }
        .ft ul li {
            height: 4rem;
            line-height: 4rem;
        }
        .ft ul li.search {
            border-left: .1rem solid #b2b2b2;
        }
            .hd ul li a,
            .ft ul li a {
                display: block;
                color: #fff;
                padding: 0 .5rem;
                font-weight: bold;
                text-align: center;
                text-transform: uppercase;
            }
            .hd ul li a:hover,
            .ft ul li a:hover {
                background: rgba(255,255,255,.25);
                text-decoration: none;
            }
            .ft ul li.desktop-mode a {
                height: 2.2rem;
                font-size: 0.8rem;
                line-height: 1;
                padding: 0.8rem 0.5rem;
            }
        .hd ul li.share {
            display: none;
        }
        .hd.sticky ul li.share {
            display: block;
        }
        .hd ul.search-active li.share {
            display: none;
        }
            .hd ul li.share a {
                display: block;
                float: left;
                font-family: 'GothicBoldCond', sans-serif;
                font-weight: normal;
                height: 2.5rem;
                letter-spacing: 0.04rem;
                line-height: 2.5rem;
                margin: 0.35rem 0.4rem 0 0;
                padding: 0 0 0 0.5rem;
                text-align: left;
                text-transform: uppercase;
                width: 6.2rem;
            }
                .hd ul li.share a span {
                    color: #fff;
                    display: inline-block;
                    font-family: 'Mono Social Icons Font' !important;
                    font-size: 2.2rem;
                    line-height: 2.1rem;
                    position: relative;
                }
            .hd ul li.share a.twitter {
                background: #01ade9;
            }
                .hd ul li.share a.twitter span {
                    top: 0.2rem;
                }
            .hd ul li.share a.facebook {
                background: #3c5a94;
            }
                .hd ul li.share a.facebook span {
                    top: 0.1rem;
                }
        .hd ul li.search {
        }
        .hd ul li.search.active {
            background: #fff;
        }
            .hd ul li.search .search_form {
                display: none;
                padding: 0 1rem;
                position: relative;
                z-index: 2;
            }
                .hd ul li.search .search_form input {
                    border: 0;
                    float: left;
                    line-height: 1;
                    outline: 0;
                    position: relative;
                    top: .7rem;
                }
                .hd ul li.search .search_form input.text {
                    -webkit-border-radius: .7rem;
                     -khtml-border-radius: .7rem;
                       -moz-border-radius: .7rem;
                         -o-border-radius: .7rem;
                            border-radius: .7rem;
                    color: #555;
                    padding: .1rem 1rem .2rem;
                    width: 12rem;
                }
                .hd ul li.search .search_form input.submit {
                    cursor: pointer;
                    margin: 0 0 0 .5rem;
                    padding: .1rem .4rem .1rem;
                    height: 1.9rem;
                    width: 2rem;
                    background: transparent;
                    text-indent: -9999px;
                }
            .hd ul li.search a {
                border-left: #454545 1px solid;
                position: relative;
                height: 3.46rem;
                width: 2.9rem;
                right: 0;
                z-index: 1;
            }
            .hd ul li.search.active a {
                border-left: 0;
                position: absolute;
            }
                .hd ul li.search a .ico {
                    background-image: url('../img/nav_search_icon.png');
                    background-size: 1.65rem;
                    background-position: 0 0;
                    display: block;
                    height: 1.45rem;
                    left: 0.45rem;
                    top: 1rem;
                    position: relative;
                    text-indent: -9999em;
                    width: 1.65rem;
                }
                    .hd ul li.search.active a .ico {
                        background-image: url('../img/nav_search_icon_active.png');
                    }
    .ft .copyright {
        color: #fff;
        font-size: .8rem;
        line-height: 1;
        left: 7rem;
        position: absolute;
        top: 1.7rem;

    }
.ft-links {
    background: #3a3a3a;
    padding: 0.65rem 0 0.65rem 0;
}
    .ft-links p {
        font-size: 1.1rem;
        line-height: 2.6rem;
        margin: 0;
        text-align: center;
    }
        .ft-links p a {
            color: #fff;
            margin: 0 0.4rem;
        }
        .ft-links p.desktop-mode {
            padding: 0.4rem 0 0 0;
            text-align: center;
            width: 100%;
        }
            .ft-links p.desktop-mode a {
                font-size: 1.25rem;
            }

/* -----------------------------------------
    ARTICLES
----------------------------------------- */

.article_wrap {
    padding: 1rem 1rem;
    line-height: 1.5;
}
    .article_wrap .ad_wrap_bottom {
        margin: 2.6rem 0 2.4rem 0;
    }
    .article_wrap div[id^="ooyalaPlayer"],
    .article_wrap .article_content object,
    .article_wrap .article_content embed,
    .article_wrap .article_content iframe {
        height: 16.9rem !important;
        width: 30rem !important;

    }
    .article_hero {
        margin: 0 0 1.4rem;
    }
        .article_hero img {
            display: block;
        }
    .article_wrap p.show_title, .article_wrap a.show_title {
        color: #aeaeae;
        font-family: "GothicBoldCond", sans-serif;
        font-weight: normal;
        margin: 0;
        text-transform: uppercase;
    }
    .article_wrap h1.article_title {
        color: #000;
        font-family: 'GothicBoldCond', sans-serif;
        font-size: 2.4rem;
        font-weight: normal;
        line-height: 3rem;
        margin: 0.6rem 0 1rem 0;
        text-transform: none;
    }
        .gr .article_wrap h1.article_title {
            margin-bottom: 10px;
        }
    .article_content p {
        font-size: 1.4rem;
        line-height: 2.2rem;
        margin-bottom: 2.2rem;
    }
        .article_content p a {
            text-decoration: underline;
        }
    .article_content ul {
        margin: 0 0 2rem 2.8rem;
    }
        .article_content ul li {
            list-style: disc outside none;
        }
    .article_content p.photo_caption {
        margin-bottom: 0;
        position: relative;
        top: -2rem;
    }
    .article_wrap img {
        height: auto !important;
        max-width: 100% !important;
    }
    .article_wrap .author {
        color: #9b9da0;
    }
    .article_meta {
        margin: 0 0 1.4rem;
    }
        .article_meta .like_comment_share {
            display: none;
        }
        .article_meta .tags,
        .article_meta .article-mag-toc {
            display: block;
            margin: 0 0 1.4rem;
        }
        .article_meta .story_meta {
            color: #c7c7c7;
        }
            .article_meta .story_meta a {
                color: #c7c7c7;
            }

/* Video Articles */

.article_wrap h1.video_title {
    margin: 0 0 1.4rem;
}
.video_area {
    margin: 0 0 1.4rem;
}
    .video_area div,
    .video_area object,
    .video_area embed,
    .video_area iframe {
    }
    .video_area .skip_ad {
        display: none !important;
    }
    .video_area #video_area_countdown_wrap {
        background: black;
        color: #fff;
        font-size: 1.2rem;
        font-weight: bold;
        height: 9.8rem !important;
        left: 0;
        padding: 7rem 0 0;
        position: absolute;
        top: 0;
        text-align: center;
        text-transform: uppercase;
        width: 30rem;
        z-index: 9999;
    }
        .video_area #video_area_countdown_wrap .cancel {
            cursor: pointer;
            display: block;
            font-size: 1.0rem;
            text-decoration: underline;
        }
        .video_area_wrap #video_area > div {
            width: 100%;
        }
    .video_area_wrap {
        position: relative;
    }
#countdown_copy {
    display: none;
}
.related_videos {
    clear: both;
}
    .article_wrap .related_videos {
        border-bottom: 0.1rem solid #B2B2B2;
        margin: 0 0 1.4rem;
    }

/* Photo Galleries */

.photo_gallery {
    overflow-x: hidden;
    width: 100%;
}
    .photo_gallery ul.article_photo_list {
        float: left;
        position: relative;
        left: -2%;
        width: 102%;
    }
        .photo_gallery ul.article_photo_list li {
            float: left;
            margin: 0 0 2% 2%;
            width: 98%;
        }
            .photo_gallery ul.article_photo_list li img {
                display: block;
                height: auto !important;
                width: 100% !important;
            }
.gallery_nav {
    position: relative;
    padding-top: .7rem;
}
    .gallery_nav .right {
        position: absolute;
        top: .7rem;
        right: 0;
    }

/* Author Pages */

.author_article_wrap {
    color: #000;
    padding-bottom: 0;
    padding-top: 2rem;
    position: relative;
    z-index: 2;
}
    .author_article_wrap a {
        color: #858585;
    }
    h1 {
        font-size: 2rem;
        margin: 0 0 0.4rem;
    }
    h3.articles_by {
        border-bottom: 0.1rem solid #B2B2B2;
        margin: 0;
        padding: 0 1rem 1rem;
    }
    .author_article_wrap .avatar {
        float: left;
        margin: 0 1.2rem 0 0;
    }
        .author_article_wrap .avatar img {
            max-width: 10rem !important;
        }
    .author_article_wrap .details {
        float: left;
        width: 100%;
    }
        .author_article_wrap .author_title {
            font-weight: bold;
        }
    .author_article_wrap .details.with_avatar {
        max-width: 188px;
        width: auto;
    }
.author_divider {
    float: left;
    clear: both;
    width: 100%;
    border-top: 0.1rem solid #C7C7C7;
    margin: 1.6rem 0 2rem 0;
}


/* -----------------------------------------
    DOS AND DON'TS
----------------------------------------- */

.dos_n_donts_head {
    margin: 0 0 1.4rem;
    position: relative;
}
    .dos_n_donts_head .img_wrap {
        float: left;
        margin: 0 0 1.4rem 0;
        position: relative;
        width: 100%;
    }
        .dos_n_donts_head img {
            display: block;
            height: auto !important;
            margin: 0 auto;
        }
    .dos_n_donts_head .description {
        float: left;
        line-height: 2rem;
        width: 100%;
    }
        .dos_n_donts_head .dnd_nav,
        .dos_n_donts_head .dnd_bottom_nav {
            float: left;
            height: 3.2rem;
            margin: 0 0 1.4rem;
            position: relative;
            width: 100%;
        }
        .dos_n_donts_head .dnd_bottom_nav {
            margin-bottom: 2rem;
        }
            .dos_n_donts_head .left,
            .dos_n_donts_head .right,
            .dos_n_donts_head .random {
                background-color: #858585;
                /*background-image: url('../img/mobile/mobile_sprite.png');*/
                cursor: pointer;
                height: 3.4rem;
                left: 0;
                position: absolute;
                top: 0;
                width: 3.4rem;
                text-indent: -9999em;
                text-transform: uppercase;
                text-align: center;
                color: #fff;
                font-size: 2.4rem;
                line-height: 3.4rem;
                font-family: 'GothicBoldCond', sans-serif;
            }
            .dos_n_donts_head .left,
            .dos_n_donts_head .right {
                background-position: 0 0;
                background-size: 3.4rem 3.4rem;
                width: 3.4rem;
                height: 3.4rem;
            }
            .dos_n_donts_head .left {
                background-image: url('../img/dnd_arrow_previous.png');
            }
            .dos_n_donts_head .right {
                background-image: url('../img/dnd_arrow_next.png');
                left: auto;
                right: 0rem;
            }
            .dos_n_donts_head .random {
                width: 14rem;
                left: 50%;
                margin-left: -7rem;
                text-indent: 0;
            }
            .dos_n_donts_head .random:hover {
                text-decoration: none;
            }
            .dos_n_donts_head h1 {
                left: 50%;
                line-height: 2.9rem;
                margin: 0 0 0 -2.75rem;
                position: absolute;
                top: 0;
                text-align: center;
                width: 5.5rem;
            }
.dos_n_donts_gallery {
    overflow-x: hidden;
    width: 100%;
}
    .dos_n_donts_gallery ul.dos_n_donts_gallery_list {
        float: left;
        position: relative;
        left: -2%;
        width: 102%;
    }
        .dos_n_donts_gallery ul.dos_n_donts_gallery_list li {
            float: left;
            margin: 0 0 2% 2%;
            width: 18%;
        }
            .dos_n_donts_gallery ul.dos_n_donts_gallery_list li img {
                display: block;
                height: auto !important;
                width: 100% !important;
            }
            .dos_n_donts_gallery ul.dos_n_donts_gallery_list li .do_or_dont {
                display: none;
            }

/* -----------------------------------------
    WIDGETS
----------------------------------------- */

/* Region Select */

li.region_select {
}
    li.region_select p {
        cursor: pointer;
        float: left;
        color: #fff;
        font-family: 'GothicBoldCond', sans-serif;
        padding: 0 1.2rem;
        width: auto;
    }
    li.region_select ul {
        background: #000;
        display: none;
        position: absolute;
        bottom: 3rem;
        left: 1rem;
        width: 30rem;
    }
    li.region_select.active p {
        background: #fff;
        color: #000;
    }
    li.region_select.active span.arrow_down::before {
        color: #000;
        content: " ▲";
    }
    li.region_select span.arrow_down::before {
        content: " ▼";
        display: inline-block;
        font-size: 0.7rem;
        height: 1rem;
        position: relative;
        top: -0.2rem;
        letter-spacing: 0.1rem;
        line-height: 0;
    }

.region_select_list {
}
    .region_select_list ul li {
        display: block;
        float: none;
    }
        .region_select_list ul li a {
            border-top: 0.1rem solid #d0d0d0;
            color: #9b9b9b;
            display: block;
            font-family: 'GothicBoldCond', sans-serif;
            font-size: 2rem;
            line-height: 5rem;
            text-align: center;
            text-transform: uppercase;
        }
        .region_select_list ul li a:hover,
        .region_select_list ul li a:focus {
            color: #000;
            text-decoration: none;
        }

/* Ads */

.ad_centering_wrap {
    border-width: .1rem 0;
    clear: both;
    overflow-x: hidden;
    padding: 0;
    text-align: center;
}
    .ad_centering_wrap.ad_wrap_top {
        padding: 2rem 0 0rem 0;
    }
        .ad_centering_wrap.ad_wrap_top {
            -webkit-transform: scale(0.936);
            -moz-transform: scale(0.936);
            transform: scale(0.936);
        }
    .ad_wrap_bottom {
        border: 0;
        margin: 0 0 2rem 0;
    }
.ad_wrap {
    display: block;
    margin: 0 auto;
    text-align:center;
    width: 100%;
}
    .ad_wrap img {
        display: block;
        margin: 0;
        vertical-align: top;
    }
.photo_gallery ul.article_photo_list .ad_wrap_list_view {
    margin-top: 6%;
    margin-bottom: 4%;
}

/* Tabs */

.tabs {

}
    .tabs ul.tabs_nav {
        border-bottom: 0.1rem solid #ccc;
        float: left;
        width: 100%;
    }
        .tabs ul.tabs_nav li {
            float: left;
        }
        .tabs ul.tabs_nav_three_col li {
            width: 33.33%;
        }
            .tabs ul.tabs_nav li a {
                font-size: 1.2rem;
                line-height: 2.6rem;
            }
    .tabs .tab_pane {
        clear: both;
    }
    .ui-tabs-hide {
        display: none;
    }

/* Story List */

ul.story_list {

}
    ul.story_list li.story {
        border-bottom: .1rem solid #c7c7c7;
        min-height: 7.5rem;
        padding: 2rem 1rem 2rem 1rem;
        position: relative;
    }
    ul.story_list li.story:last-child {
        border: 0;
    }
        ul.story_list .story_thumbnail {
            display: inline-block;
            margin: 0 0 1rem 0;
            position: relative;
            width: 100%;
        }
            ul.story_list li.story .overlay_video {
                background: url('../img/mobile_sprite.png') no-repeat 0 -61px;
                bottom: .5rem;
                left: .6rem;
                height: 2.0rem;
                position: absolute;
                width: 1.8rem;
            }
            @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
                ul.story_list li.story .overlay_video {
                    background: url('../img/mobile_sprite_retina.png') no-repeat 0 -59px;
                    background-size: 73px 102px;
                    height: 2.1rem;
                    width: 1.9rem;
                }
            }
            ul.story_list li.story img {
                display: block;
                width: 100%;
            }
            ul.story_list li.story span.external_link {
                background: #fff;
                display: inline-block;
                padding: 0 0 6px 6px;
                position: absolute;
                right: 0;
                top: 0;
                width: 15px;
            }
        ul.story_list li.story h2 {
            font-family: "GothicBoldCond", sans-serif;
            font-size: 2.4rem;
            font-weight: normal;
            line-height: 3rem;
            margin: 0 0 1.25rem 0;
        }
        ul.story_list li.story p {
            margin: 0;
        }
        ul.story_list li.story p.subtitle {
            color: #aeaeae;
            margin: 0 0 1.4rem;
        }
        ul.story_list li.story p.show_title {
            color: #aeaeae;
            font-family: "GothicBoldCond", sans-serif;
            font-weight: normal;
            text-transform: uppercase;
        }
        ul.story_list li.story p.excerpt {
            margin: 0;
        }
        ul.story_list li.story .story_meta {
            margin: 1.6rem 0 0 0;
        }
            ul.story_list li.story .story_meta .author::before,
            ul.story_list li.story .story_meta .category::before {
                content: ' | ';
                margin: 0 0.4rem 0 0.4rem
            }
            ul.story_list li.story .story_meta .comment_like_count_wrap {
                display: none;
            }
    ul.story_list li.story_compact {
        min-height: 0;
        padding-left: 1rem;
    }
        .article_wrap ul.story_list li.story_compact {
            padding: 1rem 0;
        }
        ul.story_list li.story_compact h2 {
            font-size: 1.33rem;
            margin: 0;

        }

/* Story List - Videos - Shows */

#shows ul.story_list {
}
    #shows ul.story_list li.story {
        padding: 1rem 1rem 1rem 9.66rem;
    }
        #shows ul.story_list  li.story h2 {
            margin: 0 0 0 0;
        }
        #shows ul.story_list  li.story p {
            line-height: 2.2rem;
            margin: 1rem 0 0 0;
        }
        #shows ul.story_list li.story .story_thumbnail {
            left: 1rem;
            position: absolute;
            top: 1rem;
            height: 7.5rem;
            width: 7.5rem;
        }
            #shows ul.story_list li.story .story_thumbnail .overlay {
                display: none;
            }
        #shows ul.story_list li.story img {
            display: block;
            height: 7.5rem;
            width: 7.5rem;
        }

/* Story List - Videos - Recent */

#recent ul.story_list li.story .overlay_video {
    display: none;
}

/* Story List - Videos - Popular */

#popular ul.story_list li.story .overlay_video {
    display: none;
}

/* Vice Today */

.vice_today {

}
    .vice_today h1 {
        display: none;
    }
    .vice_today ul.story_list li.story:nth-child(1) {
        padding-top: 2rem;
    }
}
/* Offscreen Tracker */

#tracker {
    left: -9999em;
    position: absolute;
    top: 0;
}

/* Top Stories */

.top_stories {
    clear: both;
    float: left;
}
    .article_wrap .top_stories {
        border-bottom: 0.1rem solid #B2B2B2;
        margin: 0 -1rem 1.4rem;
    }

/* Homepage hero */

.homepage_hero ul.story_list li.story {
    padding-bottom: 1.4rem;
}
.homepage_hero ul.story_list li.story:nth-child(1) {
    padding-top: 0;
}
.homepage_hero ul.story_list li.story:last-child {
    border-bottom: 0.1rem solid #c7c7c7;
}
    .homepage_hero ul.story_list .story_thumbnail {
        margin: 0;
    }
        .homepage_hero ul.story_list li.story h2 {
            margin: 0 0 0.75rem 0;
        }
        .homepage_hero ul.story_list li.story h2,
        .homepage_hero ul.story_list li.story h2 a {
            color: #fff;
        }
            .homepage_hero .story_info {
                background: #000;
                color: #fff;
                padding: 1.4rem;
                position: relative;
                top: -7px;
            }

/* Facebook Comments */

.comments {
    clear: both;
    margin: 2.5rem 0 1.4rem 0;
    width: 100%;
}
    .comments h3 {
        color: #000;
        font-family: 'GothicBoldCond', sans-serif;
        font-size: 2.4rem;
        font-weight: normal;
        line-height: 3rem;
        margin: 0rem 0 0.8rem 0;
        text-transform: none;
    }
    .comments div.fb-comments {
        display: block;
        width: 100% !important;
    }
        .comments div.fb-comments > span,
        .comments div.fb-comments > span iframe {
            width: 100% !important;
        }
        .comments div.fb-comments > span {
            display: block;
        }
    .gr .comments h3 {
        font-size: 26px;
        letter-spacing: 1.3px;
    }

/* Inline Socials */

.inline_socials {
    float: left;
    padding: 0 0 .9rem;
    min-height: 2.1rem;
    margin: 0 0 1.4rem;
    width: 100%;
}
    .video_article_wrap .inline_socials {
        border: 0;
        padding: 0;
        margin: 0 0 .7rem;
    }
    .inline_socials div {
        float: left;
        margin-right: 1rem;
    }
    .inline_socials div.tweet,
    .inline_socials div.like {
        margin: 0;
    }
    .inline_socials div.tweet {
        overflow: hidden;
        width: 10rem;
    }
    .inline_socials div.like {
        width: 9rem;
    }
    .inline_socials div.wykop {
        margin: 2px 0 0 0;
    }
    .inline_socials div.reddit-badge {
        width: 2rem;
        height: 2rem;
        overflow: hidden;
    }
    @media only screen and (min-width : 320px) and (max-width : 480px) {
        body.pl .inline_socials div.reddit-badge {
            clear: left;
            margin: 5px 8px 0 0;
        }
        body.pl .inline_socials div.wykop {
            margin: 6px 0 0 6px;
        }
    }
    .inline_socials div.wykop {
        margin: 6px 0 0 6px;
    }
    .inline_socials div.tumblrbtn a {
        background:url('http://platform.tumblr.com/v1/share_4.png') top left no-repeat transparent;
        display:inline-block;
        height:20px;
        overflow:hidden;
        text-indent:-9999px;
        width:20px;
    }

/* Pagination */

#content .pager {
    clear: both;
    margin: 0;
    padding: 0.5rem 0 1.3rem 0;
    position: relative;
    text-align: left;
    text-indent: -9999em;
}
    #content ul.yiiPager {
        display: block;
        line-height: 2;
        text-align: center;
        text-indent: 0;
        width: 100%;
    }
        #content ul.yiiPager li {
            display: inline-block;
            margin: 0 0 .2rem;
        }
        #content ul.yiiPager li.first,
        #content ul.yiiPager li.last {
            display: none;
        }
            #content ul.yiiPager a {
                background: none;
                border: 0;
                color: #000;
                display: inline-block;
                font-family: 'GothicBoldCond', sans-serif;
                font-size: 1.4rem;
                font-style: normal;
                font-weight: normal;
                padding: 0 .6rem;
                text-align: center;
                text-decoration: none;
            }
                #content ul.yiiPager a:hover,
                #content ul.yiiPager .selected a {
                    color: #858585;
                    text-decoration: none !important;
                }
            #content ul.yiiPager li.previous {
                position: absolute;
                left: 0.4rem;
            }
            #content ul.yiiPager li.next {
                position: absolute;
                right: 0.4rem;
            }


/* Fancybox */

#fancybox-wrap {
    left: 10px !important;
    padding: 0 !important;
    top: 10px !important;
}
#fancybox-outer .fancybox-bg {
    display: none !important;
}

/* Age Gate */

html#modal,
html#modal body {
    min-height: 100%;
    height: 100%;
}
#agegate-wrap {
    padding: 0 2rem;
    height: 100%;
}
    #agegate-wrap h2 {

    }
    .agegate-wrap-o {
        display: table;
        height: 100%;
        width: 100%;
    }
        .agegate-wrap-m {
            display: table-row;
            height: 100%;
            width: 100%;
        }
            .agegate-wrap-i {
                display: table-cell;
                height: 100%;

                text-align: center;
                vertical-align: middle;
                width: 100%;
            }
                .agegate-wrap-i p {
                    break-inside: avoid;
                    orphans: 3;
                    overflow: hidden;
                }

/* List views */

.list-view-loading {
    background: none;
    opacity: .33;
}

/* Google Search Results */

#cse {
    min-height: 10rem;
}
#cse b {
    font-weight: normal;
}
#cse .loading {
    display: block;
    text-align: center;
    line-height: 10rem;
}
#cse .gsc-results {
    padding: 0;
    margin: 0;
}
#cse .gsc-control-cse {
    padding: 0 !important;
}
#cse .cse .gs-webResult .gs-snippet,
#cse .gs-webResult .gs-snippet,
#cse .gs-fileFormatType,
#cse .gs-imageResult .gs-snippet {
    color: #555;
}
#cse .gsc-above-wrapper-area,
#cse .gs-webResult .gsc-url-bottom,
#cse .gcsc-branding {
    display: none;
}
#cse .gsc-webResult.gsc-result,
#cse .gsc-imageResult-classic,
#cse .gsc-imageResult-column {
    border: .1rem solid #c7c7c7;
    border-width: 0 0 1px;
    margin: 0;
    padding: 1rem;
}
#cse .cse .gs-result .gs-snippet,
#cse .gs-result .gs-snippet,
#cse .cse .gs-spelling-original,
#cse .gs-spelling-original {
    font-size: 1.4rem;
    line-height: 2.2rem;
}
#cse .gsc-table-cell-thumbnail,
#cse .gs-promotion-image-cell {
    padding: 0;
}
#cse .gs-web-image-box,
#cse .gs-promotion-image-box {
    padding: 0 1.4rem 0 0;
    width: 7.5rem;
}
#cse .gsc-control-cse,
#cse .gsc-control-cse .gsc-table-result {
    font-size: 1.33rem;
}
#cse .gs-result .gs-title {
    margin: 0 0 1rem 0;
}
#cse .gs-webResult .gs-title a,
#cse .gs-webResult .gs-title a b {
    color: #000;
    font-family: "GothicBoldCond", sans-serif;
    font-size: 2rem;
    font-weight: normal;
}
#cse .gs-webResult .gs-title a:hover,
#cse .gs-webResult .gs-title a:hover b {
    text-decoration: underline;
}
#cse .gs-webResult .gs-snippet,
#cse .gs-imageResult .gs-snippet {
}
#cse div.gsc-results div.gsc-webResult div.gs-no-results-result .gs-snippet {
    -webkit-border-radius: .3rem;
     -khtml-border-radius: .3rem;
       -moz-border-radius: .3rem;
         -o-border-radius: .3rem;
            border-radius: .3rem;
    font-weight: bold;
    padding: 2rem 0;
    text-align: center;
}
#cse .gs-result img.gs-image,
#cse .gs-result img.gs-promotion-image {
    max-width: 7.5rem;
    max-height: 7.5rem;
}
#cse .gsc-cursor-box {
    border: 0;
    padding: 1rem 1rem 0;
    text-align: center;
}
#cse .gsc-results .gsc-cursor-box .gsc-cursor-page {
    background: none;
    color: #000;
    display: inline-block;
    font-family: 'GothicBoldCond', sans-serif;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 2;
    margin: 0 0.2rem;
    padding: 0 .6rem;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 .1rem 0 #fff;
    text-transform: uppercase;
}
#cse .gsc-results .gsc-cursor-box .gsc-cursor-page:hover,
#cse .gsc-results .gsc-cursor-page.gsc-cursor-current-page,
#cse .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
    color: #858585;
    text-decoration: none !important;
}


/* recommended articles */
.recommended-articles-wrap {
    clear: both;
    position: relative;
}
.recommended-articles-wrap h3 {
    background: #fff;
    color: #ccc;
    display: block;
    font-family: 'GothicBoldCond', sans-serif;
    font-size: 18px;
    padding: 5px 15px 5px 0;
    position: absolute;
        top: -13px;
        left: 0;
    z-index: 10;
}
.recommended-articles {
    margin: 25px 0 20px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ccc;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
    min-height: 100%;
    overflow-y: hidden;
    position: relative;
    padding: 20px 0 15px;
    width: 100%;
}
.recommended-articles ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
    .recommended-articles ul li {
        display: block;
        float: left;
        list-style-type: none;
        margin: 0 20px 15px 0;
        overflow-x: hidden;
        overflow-y: visible;
        position: relative;
        width: 140px;
    }
    .recommended-articles ul li:last-child {
        margin: 0 0 0 0;
    }
    @media only screen and (min-width : 320px) and (max-width : 480px) {
        .recommended-articles ul li:nth-child(even) {
            margin: 0 0 15px 0;
        }
        .recommended-articles ul li:nth-child(3n+3) {
            clear: both;
            margin: 0 20px 0 0;
        }
    }
    .recommended-articles ul li h4 {
        font: 700 11px/16px Helvetica, Arial, sans-serif;
        margin: 5px 0 0 0;
        text-transform: none;
    }
    .recommended-articles ul li:hover a,
    .recommended-articles ul li a:hover {
        color: #000;
        text-decoration: none;
    }
    .recommended-articles li img {
        background-color: #555; /* temp */
        display: block;
        height: 80px;
        width: 144px;
    }
    .recommended-articles ul li span.duration {
        background-color: #000;
        color: #fff;
        font-size: 10px;
        padding: 0 3px;
        position: absolute;
            top: 63px;
            right: 0;
    }

/* Article - More Parts */
.article_wrap .related_videos.more_parts {
    border-bottom: 0;
    padding-top: 1rem;
}
.more-parts-wrap {
    clear: both;
    position: relative;
}
.more-parts-wrap h3 {
    background: #fff;
    color: #ccc;
    display: block;
    font-family: 'GothicBoldCond', sans-serif;
    font-size: 18px;
    left: 0;
    padding: 5px 15px 5px 0;
    position: absolute;
    top: -13px;
    z-index: 10;
}
.more-parts {
    margin: 10px 0 0 0;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ccc;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
    min-height: 100%;
    overflow-y: hidden;
    position: relative;
    padding: 20px 0 15px;
    width: 100%;
}
.more-parts ul.story_list  {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
    .more-parts ul.story_list .story_thumbnail {
        margin: 0;
    }
    .more-parts ul.story_list li.story {
        border: 0;
        display: block;
        float: left;
        list-style-type: none;
        margin: 0 20px 15px 0;
        overflow-x: hidden;
        overflow-y: visible;
        padding: 0;
        position: relative;
        width: 140px;
    }
    .more-parts ul li.story:last-child {
        margin: 0 0 0 0;
    }
    @media only screen and (min-width : 320px) and (max-width : 480px) {
        .more-parts ul li.story:nth-child(even) {
            margin: 0 0 15px 0;
        }
        .more-parts ul li.story:nth-child(3n+3) {
            clear: both;
            margin: 0 20px 0 0;
        }
    }
    .more-parts ul li.story h4 {
        font: 700 11px/16px Helvetica, Arial, sans-serif;
        margin: 5px 0 0 0;
        text-transform: none;
    }
    .more-parts ul li.story:hover a,
    .more-parts ul li.story a:hover {
        color: #000;
        text-decoration: none;
    }
    .more-parts li.story img {
        background-color: #555; /* temp */
        display: block;
        height: 80px;
        width: 144px;
    }

/* -----------------------------------------
    ARIAL FALLBACKS
----------------------------------------- */

body.arial h1,
body.arial #agegate-wrap h2 {
    font-family: arial,helvetica,sans-serif;
    font-size: 2.0rem;
    font-weight: bold;
}
body.arial h2.divider,
body.arial h3.divider {
    font-family: arial,helvetica,sans-serif;
    font-size: 1rem;
    font-weight: bold;
}
body.arial h3,
body.arial h4 {
    font-family: arial,helvetica,sans-serif;
    font-size: 1.6rem;
    font-weight: bold;
}
body.arial .nav ul li a,
body.arial .nav ul li.active a,
body.arial .tabs ul.tabs_nav li a,
body.arial .tabs ul.tabs_nav li.ui-tabs-selected a {
    font-size: 1.5rem;
    font-family: arial,helvetica,sans-serif;
    font-weight: bold;
}

img[width="1"], img[src*="vice-com-c79a03.c-col.com"][width="1"] {
    height: 0;
    position: absolute;
    left: -9999px;
}

#tracker {
    position: absolute;
    left: -9999px;
}