.margin-none {
        margin: 0!important;
    }
    .v-align {
        vertical-align: middle;;
    }
    .navbar-icons {
        margin:0 5px;
    }
    .header-avatar img.avatar {
        vertical-align: middle;
    }
    .header-avatar span {
        text-transform: capitalize;
        margin-left: 7px;
        font-size: 22px;
    }

    .topicinfo a:active, .topicinfo a:focus, .topicinfo a:hover {
        font-weight: 500;
    }

    .header-avatar span:hover {
        text-decoration: underline;
        text-underline-position: below;
    }
    #quick-links > div > ul.dropdown-contents > li > a {
        padding:7px;
        font-weight: 500;
    }
    #quick-links > div > ul.dropdown-contents > li > a > i.icon, #quick-links > div > ul.dropdown-contents > li > a > span {
        vertical-align: middle;
    }
    #quick-links > div > ul.dropdown-contents > li > a > span {
        margin-left: 7px;
    }

    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0)
    }

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

    .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before {
        content: " ";
        display: table
    }

    .center-block {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .pull-right {
        float: right !important
    }

    .pull-left {
        float: left !important
    }

    .hide {
        display: none !important
    }

    .show {
        display: block !important
    }

    .hidden, hr.divider {
        display: none
    }

    .invisible {
        visibility: hidden
    }

    .text-hide {
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0
    }

    .affix {
        position: fixed
    }

    .dropdown-container, .post {
        position: relative
    }

    hr.dashed {
        border-top-style: dashed;
        margin: 10px 0
    }

    p.right {
        text-align: right
    }

    p.jumpbox-return {
        margin-top: 10px;
        margin-bottom: 0;
        float: left;
        font-size: 1.4rem
    }

    p.jumpbox-return i.icon {
        float: none
    }

    p.jumpbox-return a {
        color: #368ad2
    }

    .forabg, .forumbg {
        padding: 0;
        clear: both
    }

    .forabg, .post {
        border-radius: 7px
    }

    .forabg {
        margin-bottom: 30px
    }

    .panel, .post {
        padding: 20px;
        margin-bottom: 5px
    }

    .post {
        background-repeat: no-repeat;
        background-position: 100% 0
    }

    .rowbg {
        margin: 5px 5px 2px
    }

    .navbar ul.linklist {
        padding: 2px 0;
        list-style-type: none
    }

    ul.linklist {
        display: block;
        margin: 0
    }

    .cp-main .panel {
        padding: 5px 10px
    }

    ul.linklist > li {
        float: left;
        font-size: 1.3rem;
        list-style-type: none;
        margin-right: 7px;
        padding-top: 1px;
        width: auto
    }

    a.rightside, p.rightside, ul.linklist > li.rightside {
        float: right;
        margin-left: 7px;
        text-align: right;
        color: #f8f8f8
    }

    ul.navlinks {
        border-top: 1px solid transparent
    }

    ul.leftside {
        float: left;
        margin-left: 0;
        margin-right: 5px;
        text-align: left
    }

    ul.rightside {
        float: right;
        margin-left: 5px;
        margin-right: -5px;
        text-align: right
    }

    .dropdown li, table.table1 .name {
        text-align: left
    }

    ul.linklist li.responsive-menu {
        position: relative;
        margin: 0 5px 0 0
    }

    .hasjs ul.linklist.leftside, .hasjs ul.linklist.rightside {
        max-width: 48%
    }

    .hasjs ul.linklist.fullwidth {
        max-width: none
    }

    li.responsive-menu.dropdown-right .dropdown {
        left: -9px
    }

    li.responsive-menu.dropdown-left .dropdown {
        right: -6px
    }

    ul.linklist .dropdown {
        top: 22px
    }

    ul.linklist .dropdown-up .dropdown {
        bottom: 18px;
        top: auto
    }

    ul.linklist.bulletin > li:before {
        display: inline-block;
        content: "\2022";
        font-size: inherit;
        line-height: inherit;
        padding-right: 4px
    }

    ul.linklist.bulletin > li.no-bulletin:before, ul.linklist.bulletin > li.rightside:last-child:before, ul.linklist.bulletin > li:first-child:before {
        content: none
    }

    .responsive-menu:before {
        display: none !important
    }

    .header-profile {
        display: inline-block;
        vertical-align: top
    }

    a.header-avatar img {
        margin-bottom: 2px;
        max-height: 20px;
        vertical-align: middle;
        width: auto
    }

    a.header-avatar span:after {
        content: '\f107';
        display: inline-block;
        font: normal normal normal 20px/1 FontAwesome;
        padding-left: 3px;
        vertical-align: middle;
        color: #00416A;
    }

    .dropdown-container-right {
        float: right
    }

    .dropdown-container-left, .dropdown-container.topic-tools {
        float: left
    }

    .nojs .dropdown-container:hover .dropdown {
        display: block !important
    }

    .dropdown {
        display: none;
        position: absolute;
        left: 0;
        top: 1.2em;
        z-index: 98989898989898989899;
        padding: 9px 0 0;
        margin-right: -500px;
        width: auto
    }

    .dropdown.live-search {
        top: auto
    }

    .dropdown-up .dropdown {
        top: auto;
        bottom: 1.2em;
        padding: 0 0 9px
    }

    .dropdown-left .dropdown, .nojs .rightside .dropdown {
        left: auto;
        right: 0;
        margin-left: -500px;
        margin-right: 0
    }

    .dropdown-button-control .dropdown {
        top: 24px
    }

    .dropdown-button-control.dropdown-up .dropdown {
        top: auto;
        bottom: 24px
    }

    .dropdown-up .pointer, .dropdown-up .pointer-inner {
        border-bottom-width: 0;
        border-top: 10px solid transparent
    }

    .dropdown-up .pointer {
        bottom: -1px;
        top: auto
    }

    .dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer {
        left: auto;
        right: 10px
    }

    .dropdown-up .pointer-inner {
        bottom: auto;
        top: -11px
    }

    .dropdown .dropdown-contents {
        z-index: 2;
        padding: 5px
    }

    .jumpbox-dropdown-contents {
        max-height: 60vh;
        height: 60vh;
        min-height: 50vh;
        margin-left: auto;
        width: 90vw;
        margin-right: auto;
        overflow-y: scroll;
    }

    .jumpbox .dropdown-contents li {
        padding: 0
    }

    .jumpbox .dropdown-contents .forum-name {
        font-weight: 500;
    }

    .jumpbox .dropdown-contents a {
        margin-right: 20px;
        padding: 5px 10px;
        width: 100%
    }

    .jumpbox .spacer {
        display: inline-block;
        width: 0
    }

    .jumpbox .spacer + .spacer {
        width: 20px
    }

    .dropdown-contents a {
        display: block;
        padding: 5px
    }

    .jumpbox .dropdown-select {
        margin: 0
    }

    .dropdown li {
        display: list-item;
        border-top: 1px dotted transparent;
        float: none !important;
        line-height: normal !important;
        font-size: 1.2rem;
        list-style: none;
        margin: 0;
        white-space: nowrap
    }

    .dropdown-contents > li {
        padding-right: 15px
    }

    .dropdown-nonscroll > li {
        padding-right: 0
    }

    .dropdown li li, .dropdown li.separator + li, .dropdown li:first-child {
        border-top: 0
    }

    .dropdown li li:first-child {
        margin-top: 4px
    }

    .dropdown li li:last-child {
        padding-bottom: 0
    }

    .dropdown li li {
        border-top: 1px dotted transparent;
        padding-left: 18px
    }

    .dropdown-extended li, .dropdown.wrap li, .wrap .dropdown li {
        white-space: normal
    }

    .dropdown li.separator {
        border-top: 1px solid transparent;
        padding: 0
    }

    .dropdown li.separator:first-child, .dropdown li.separator:last-child {
        display: none !important
    }

    .breadcrumbs .crumb {
        font-weight: 600;
        word-wrap: normal;
        padding: 10px 0;
    }

    .breadcrumbs .crumb:before {
        content: '\203A';
        font-weight: 600;
        padding: 0 .5em
    }

    .breadcrumbs .crumb:first-child:before {
        content: none
    }

    .breadcrumbs .crumb a {
        white-space: inherit;
        vertical-align: bottom;
        display: inline
    }

    .breadcrumbs.wrapped .crumb a {
        letter-spacing: -.3px
    }

    .breadcrumbs.wrapped .crumb.wrapped-medium a {
        letter-spacing: -.4px
    }

    .breadcrumbs.wrapped .crumb.wrapped-tiny a {
        letter-spacing: -.5px
    }

    .breadcrumbs .crumb.wrapped-max a {
        max-width: 120px
    }

    .breadcrumbs .crumb.wrapped-wide a {
        max-width: 100px
    }

    .breadcrumbs .crumb.wrapped-medium a {
        max-width: 80px
    }

    .breadcrumbs .crumb.wrapped-small a {
        max-width: 60px
    }

    .breadcrumbs .crumb.wrapped-tiny a {
        max-width: 40px
    }

    table.table1 {
        width: 100%
    }

    .ucp-main table.table1 {
        padding: 2px
    }

    table.table1 thead th {
        font-weight: 400;
        text-transform: uppercase;
        line-height: 1.3em;
        font-size: 1em;
        padding: 0 0 4px 3px
    }

    dl.details, table.table1 td {
        font-size: 1.1em
    }

    table.table1 thead th span {
        padding-left: 7px
    }

    table.table1 tbody tr {
        border: 1px solid transparent
    }

    table.table1 tbody td {
        padding: 5px;
        border-top: 1px solid transparent
    }

    table.table1 tbody th {
        padding: 5px;
        border-bottom: 1px solid transparent;
        text-align: left
    }

    table.table1 .center {
        text-align: center
    }

    table.table1 .reportby {
        width: 15%
    }

    table.table1 .posts {
        text-align: center;
        width: 7%
    }

    table.table1 .active, table.table1 .joined {
        text-align: left;
        width: 15%
    }

    table.table1 .mark {
        text-align: center;
        width: 7%
    }

    table.table1 .info {
        text-align: left;
        width: 30%
    }

    table.table1 .info div {
        width: 100%;
        white-space: normal;
        overflow: hidden
    }

    table.table1 .autocol {
        line-height: 2em;
        white-space: nowrap
    }

    table.table1 thead .autocol {
        padding-left: 1em
    }

    table.table1 span.rank-img {
        float: right;
        width: auto
    }

    table.info td {
        padding: 3px
    }

    table.info tbody th {
        padding: 3px;
        text-align: right;
        vertical-align: top;
        font-weight: 400
    }

    .forumbg table.table1 {
        margin: 0
    }

    .forumbg-table > .inner {
        margin: 0 -1px
    }

    .color_palette_placeholder table {
        border-collapse: separate;
        border-spacing: 1px
    }

    .column1 {
        float: left;
        clear: left;
        width: 49%
    }

    .column2 {
        float: right;
        clear: right;
        width: 49%
    }

    .left-box {
        width: auto;
        max-width: 100%
    }

    .left-box.profile-details {
        width: 80%
    }

    .right-box {
        float: right;
        width: auto;
        text-align: right;
        max-width: 100%
    }

    dl.details dt {
        float: left;
        clear: left;
        width: 30%;
        text-align: right;
        display: block
    }

    dl.details dd {
        margin-left: 0;
        padding-left: 5px;
        margin-bottom: 5px;
        float: left;
        width: 65%;
        overflow: hidden
    }

    .clearfix, dl.polls, fieldset dl, ul.topiclist dl {
        overflow: hidden
    }

    fieldset.fields1 ul.recipients {
        list-style-type: none;
        line-height: 1.8;
        max-height: 150px;
        overflow-y: auto
    }

    fieldset.fields1 dd.recipients {
        clear: left;
        margin-left: 1em
    }

    fieldset.fields1 ul.recipients input.button2 {
        font-size: .8em;
        margin-right: 0;
        padding: 0
    }

    fieldset.fields1 dl.pmlist > dt {
        width: auto !important
    }

    fieldset.fields1 dl.pmlist dd.recipients {
        margin-left: 0 !important
    }

    .action-bar {
        font-size: 18px;
        margin: 20px 0;
    }

    .forabg + .action-bar {
        margin-top: 2em
    }

    .action-bar .button {
        margin-right: 5px;
        float: left
    }

    .action-bar .button-search {
        margin-right: 0
    }

    .pagination {
        float: right;
        text-align: right;
        width: auto
    }

    .action-bar.bar-bottom .pagination {
        margin-top: 0
    }

    .action-bar .pagination .button {
        margin-right: 0;
        float: none
    }

    .pagination > ul {
        display: inline-block;
        list-style: none !important;
        margin-left: 5px
    }

    .navigation ul, .post-buttons, ol, ul, ul.searchresults {
        list-style: none
    }

    .pagination > ul > li {
        display: inline-block !important;
        padding: 0;
        font-size: 100%;
        line-height: normal;
        vertical-align: middle
    }

    .pagination li a, .pagination li span {
        border-radius: 2px;
        padding: 2px 5px
    }

    .pagination li.active span {
        display: inline-block;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.4;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        border: 1px solid transparent
    }

    .pagination li.ellipsis span {
        border: none;
        padding: 0
    }

    .pagination li.page-jump {
        margin-right: 5px
    }

    .pagination li.page-jump a {
        padding: 0 8px
    }

    .pagination li.page-jump a i {
        font-size: 21px
    }

    .pagination .arrow a {
        padding: 2px 0
    }

    .row .pagination {
        display: block;
        margin: 0
    }

    .row .pagination > ul {
        margin: 0
    }

    .row .pagination li a, .row .pagination li span {
        border-radius: 2px;
        padding: 1px 3px;
        font-size: 18px
    }

    .phpbb_alert {
        border: 1px solid transparent;
        display: none;
        left: 0;
        padding: 0 25px 20px;
        position: fixed;
        right: 0;
        top: 150px;
        z-index: 50;
        width: 620px;
        margin: 0 auto
    }

    @media only screen and (max-height: 500px), only screen and (max-device-width: 500px) {
        .phpbb_alert {
            top: 25px
        }
    }

    .phpbb_alert .alert_close {
        float: right;
        margin-right: -36px;
        margin-top: -8px
    }

    .phpbb_alert label, .phpbb_alert p {
        margin: 8px 0;
        padding-bottom: 8px
    }

    .phpbb_alert label {
        display: block
    }

    .phpbb_alert div.alert_text > input, .phpbb_alert div.alert_text > label, .phpbb_alert div.alert_text > p, .phpbb_alert div.alert_text > select, .phpbb_alert div.alert_text > textarea {
        font-size: 1.1em
    }

    .darkenwrapper {
        display: none;
        position: relative;
        z-index: 44
    }

    .darken {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: .5;
        z-index: 45
    }

    .loading_indicator {
        background: center center no-repeat;
        border-radius: 5px;
        display: none;
        opacity: .8;
        margin-top: -50px;
        margin-left: -50px;
        height: 50px;
        width: 50px;
        position: fixed;
        left: 50%;
        top: 50%;
        z-index: 51
    }

    .copyright {
        padding: 3rem;
        text-align: center
    }

    .copyright a.mtblink {
        font-size: 1.2rem;
        color: #127abb;
        margin-bottom: 1rem
    }

    .copyright a.mtblink:focus, .copyright a.mtblink:hover {
        color: #127abb
    }

    .copyright a.mtblinkwhite {
        font-size: 1.2rem;
        color: #f8f8f8
    }

    .copyright a:focus, .copyright a:hover {
        color: #f8f8f8
    }

    .small {
        font-size: .9em !important
    }

    .titlespace {
        margin-bottom: 15px
    }

    .headerspace {
        margin-top: 20px;
        padding: 20px
    }

    .error {
        font-weight: 600;
        font-size: 1em
    }

    div.rules {
        margin: 10px 0;
        font-size: 1.1em;
        padding: 5px 10px;
        border-radius: 7px
    }

    div.rules ol, div.rules ul {
        margin-left: 20px
    }

    .post-buttons {
        margin-top: 2px;
        top: 0;
        position: absolute;
        right: 0
    }

    p.post-notice {
        position: relative;
        padding: 5px;
        min-height: 14px;
        margin-bottom: 1em
    }

    form > p.post-notice strong {
        line-height: 20px
    }

    .stat-block {
        clear: both
    }

    .top-anchor {
        display: block;
        position: absolute;
        top: -20px
    }

    .clear {
        display: block;
        clear: both;
        font-size: 1px;
        line-height: 1px;
        background: 0 0
    }

    .action-bar:after, .inner:after, .minitabs > ul:after, .notification_text:after, .postprofile .avatar-container:after, .tabs-container:after, .tabs > ul:after, ul.linklist:after {
        clear: both;
        content: '';
        display: block
    }

    .emoji {
        min-height: 18px;
        min-width: 18px;
        height: 1em;
        width: 1em
    }

    .smilies {
        vertical-align: text-bottom
    }

    .icon-notification {
        position: relative
    }

    .member-search {
        float: left;
        margin: 0;
        padding: 6px 10px
    }

    .member-search strong {
        font-size: .95em
    }

    .dropdown-extended {
        display: none;
        z-index: 1
    }

    .dropdown-extended ul {
        max-height: 350px;
        overflow-y: auto;
        overflow-x: hidden;
        clear: both
    }

    .dropdown-extended ul li {
        padding: 0;
        margin: 0 !important;
        float: none;
        border-top: 1px solid;
        list-style-type: none;
        font-size: .95em;
        clear: both;
        position: relative
    }

    .dropdown .clone.hidden + li, .dropdown-extended ul li:first-child {
        border-top: none
    }

    .dropdown-extended ul li.no_notifications {
        padding: 10px
    }

    .dropdown-extended .dropdown-contents {
        max-height: none;
        padding: 0;
        position: fixed;
        width: 100%
    }

    .badge, .nojs .dropdown-extended .dropdown-contents {
        position: relative
    }

    .dropdown-extended .header {
        padding: 0 10px;
        font-weight: 600;
        text-align: left;
        line-height: 3em;
        border-bottom: 1px solid
    }

    .dropdown-extended .header .header_settings {
        float: right;
        font-weight: 400;
        text-transform: none
    }

    .jumpbox-cat-link, .jumpbox-forum-link, .notification_list p.notifications_title strong {
        font-weight: 600
    }

    .dropdown-extended .header .header_settings a {
        display: inline-block;
        padding: 0 5px
    }

    .dropdown-extended .header:after {
        content: '';
        display: table;
        clear: both
    }

    .dropdown-extended .footer {
        text-align: center;
        font-size: 1.1em
    }

    .dropdown-extended ul li a, .dropdown-extended ul li.no-url {
        padding: 8px
    }

    .dropdown-extended .footer > a {
        padding: 5px 0
    }

    .dropdown-extended .footer > a, .dropdown-extended ul li a, .notification_list dt > a {
        display: block;
        text-decoration: none
    }

    .notification_list ul li img {
        float: left;
        max-height: 50px;
        max-width: 50px;
        width: auto !important;
        height: auto !important;
        margin-right: 5px
    }

    .dropdown-extended a.mark_read:hover, .dropdown-page-jump input.tiny {
        width: 50px
    }

    .notification_list ul li p {
        margin-bottom: 4px;
        font-size: 1em
    }

    .notification_list li a p.notification-reason, .notification_list p.notification-location, .notification_list p.notification-reference {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .notification_list p.notification-time {
        font-size: .9em;
        margin: 0;
        text-align: right
    }

    .badge, dd.option {
        text-align: center
    }

    .notification_list div.notifications {
        margin-left: 50px;
        padding: 5px
    }

    .notification_list div.notifications a {
        display: block
    }

    .notification_list p.notifications_title {
        font-size: 1.2em !important
    }

    .notification_list p.notifications_time {
        font-size: .9em !important
    }

    .notification_text {
        margin-left: 58px
    }

    .badge {
        border-radius: 10px;
        opacity: .8;
        white-space: nowrap;
        font-size: 10px;
        line-height: 1;
        float: right;
        display: inline-block;
        margin-left: 3px;
        vertical-align: baseline;
        top: 3px;
        padding: 4px 6px
    }

    a.forumtitle, a.topictitle {
        font-size: 1.2em;
        font-family: Montserrat, sans-serif
    }

    .badge.hidden, .dropdown .clone.hidden + li.separator, .linklist.compact .rightside > a > span {
        display: none
    }

    .linklist .quick-links {
        margin: 0 7px 0 0;
        padding-top:5px;
    }

    .dropdown-page-jump .dropdown {
        top: 20px
    }

    .dropdown-page-jump.dropdown-up .dropdown {
        bottom: 20px
    }

    a {
        direction: ltr;
        unicode-bidi: embed;
        display: inline-block
    }

    .username-coloured {
        font-weight: 600;
        display: inline !important;
        padding: 0 !important
    }

    .forabg .header a:hover, .forumbg .header a:hover, th a:hover {
        text-decoration: underline
    }

    .dropdown-extended a.mark_read {
        background-position: center center;
        background-repeat: no-repeat;
        border-radius: 3px 0 0 3px;
        display: none;
        margin-top: -20px;
        position: absolute;
        z-index: 2;
        right: 0;
        top: 50%;
        box-sizing: border-box
    }

    .dropdown-extended li:hover a.mark_read {
        display: block
    }

    a.forumtitle {
        font-weight: 600;
        text-decoration: none;
        text-transform: capitalize;
        color: #B20623
    }

    a.forumtitle:hover {
        text-decoration: underline
    }

    a.topictitle {
        font-weight: 600;
        text-decoration: none;
        display: inline;
        text-transform: capitalize;
        color: #B20623;
    }

    h1.topic-title {
        text-transform: capitalize
    }

    a.topictitle:hover {
        text-decoration: underline
    }

    a.lastsubject {
        font-weight: 400
    }

    a.lastsubject:hover {
        font-weight: 600
    }

    .row-item a:hover {
        text-decoration: none
    }

    .row-item .subforum:hover, .row-item .topictitle:hover, .row-item .username-coloured:hover, .row-item .username:hover {
        text-decoration: underline
    }

    .postlink, .postlink:hover {
        text-decoration: none
    }

    .postlink {
        border-bottom: 1px solid transparent;
        padding-bottom: 0
    }

    .signature a, .signature a:hover {
        border: none;
        text-decoration: underline
    }

    .postprofile a, .postprofile dt.author a {
        font-weight: 600;
        text-decoration: none
    }

    .postprofile a:hover, .postprofile dt.author a:hover {
        text-decoration: underline
    }

    .search .postprofile a {
        text-decoration: none;
        font-weight: 400
    }

    .search .postprofile a:hover {
        text-decoration: underline
    }

    .arrow-left:hover, .arrow-right:hover, .arrow-up, .minitabs .tab > a, .minitabs .tab > a:hover, .navigation a, .navigation a:hover, .top, a.button1, a.button2, abbr[title] {
        text-decoration: none
    }

    .top {
        font-size: 18px;
        margin-top: 10px
    }

    .back2top {
        clear: both
    }

    .back2top .top {
        float: right;
        margin-right: -10px;
        margin-top: 0
    }

    .arrow-up {
        padding-left: 10px;
        border-bottom-width: 0
    }

    .arrow-down {
        padding-right: 10px
    }

    .skiplink {
        position: absolute;
        left: -999px;
        width: 990px
    }

    a.feed-icon-forum {
        margin: 3px
    }

    a.anchor {
        display: block
    }

    ul.topiclist, ul.topiclist li {
        display: block;
        list-style-type: none;
        margin: 0
    }

    .content li, .signature li, dl.row-item dt li {
        list-style-type: inherit
    }

    ul.topiclist dl {
        position: relative
    }

    ul.topiclist li.row dl {
        padding: 2px 0
    }

    ul.topiclist dd, ul.topiclist dt {
        display: block;
        float: left
    }

    dl.row-item, dl.row-item dt {
        display: flex;
        align-items: center;
        background-repeat: no-repeat
    }

    ul.topiclist dt {
        width: 100%
    }

    ul.topiclist.missing-column dt {
        margin-right: -345px
    }

    ul.topiclist.two-long-columns dt {
        margin-right: -250px
    }

    ul.topiclist.two-columns dt {
        margin-right: -80px
    }

    ul.topiclist dt .list-inner {
        padding-left: 5px;
        padding-right: 5px
    }

    ul.topiclist.missing-column dt .list-inner {
        margin-right: 345px
    }

    ul.topiclist.two-long-columns dt .list-inner {
        margin-right: 250px
    }

    ul.topiclist.two-columns dt .list-inner {
        margin-right: 80px
    }

    ul.topiclist dd {
        border-left: 1px solid transparent;
        padding: 4px 0;
        box-sizing: border-box
    }

    .postbody img.postimage, li.header dd {
        box-sizing: border-box;
    }

    ul.topiclist dfn {
        position: absolute;
        left: -999px;
        width: 990px
    }

    .forum-image {
        float: left;
        padding-top: 5px;
        margin-right: 5px
    }

    li.row {
        border-bottom: 4px solid #f5f5f5
    }

    li.header dd, li.header dt {
        line-height: 1em;
        border-left-width: 0;
        margin: 2px 0 4px;
        padding-top: 2px;
        padding-bottom: 2px;
        text-transform: uppercase
    }

    li.header dt {
        font-weight: 600;
        width: 100%
    }

    li.header dd {
        padding-left: 1px;
        box-sizing: border-box
    }

    li.header dl.row-item dd, li.header dl.row-item dt {
        min-height: 0
    }

    li.header dl.row-item dt .list-inner {
        padding-left: 0;
        padding-right: 50px
    }

    li.header dl.row-item dt .list-inner {
        font-size: 1.2em;
        line-height: 1.2em
    }

    dl.row-item {
        background-position: 10px 50%;
        background-size: 32px
    }

    dl.row-underline {
        padding: 10px;
        margin-bottom: 0
    }

    div.recenttopicstitle {
        font-weight: 600;
        padding-top: 20px
    }

    dl.row-item dt {
        background-position: 5px 95%;
        background-size: 17px
    }

    dl.row-item dt .list-inner {
        padding-left: 72px
    }

    dl.row-item dd, dl.row-item dt {
        min-height: 35px
    }

    dl.row-item dt a {
        display: inline
    }

    dl a.row-item-link {
        display: block;
        width: 30px;
        height: 30px;
        padding: 0;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -15px;
        margin-left: 9px
    }

    .minitabs .tab > a, .minitabs > ul, .postbody, .responsive-tab, .tabs > ul {
        position: relative
    }

    dd.extra, dd.mark, dd.posts, dd.topics, dd.views {
        width: 80px;
        text-align: center;
        line-height: 2.2em
    }

    dd.posts, dd.topics, dd.views {
        width: 95px
    }

    dl.row-item dt ol, dl.row-item dt ul {
        list-style-position: inside;
        margin-left: 1em
    }

    dl.row-item dt li {
        display: list-item
    }

    dd.info, dd.lastpost, dd.moderation, dd.redirect, dd.time {
        width: 250px
    }

    dd.redirect {
        line-height: 2.5em
    }

    dd.extra, dd.mark, dd.option, dd.time {
        line-height: 200%
    }

    dd.lastpost > span, dd.moderation > span, dd.redirect > span, ul.topiclist dd.info > span, ul.topiclist dd.time > span {
        display: block;
        padding-left: 5px
    }

    dd.option {
        width: 125px
    }

    .postbody {
        padding: 0;
        line-height: 1.48em;
        float: left
    }

    .postbody .ignore {
        font-size: 1.1em
    }

    .postbody h3 {
        float: left;
        padding: 2px 0 0;
        margin-top: 0 !important;
        margin-bottom: .3em !important;
        text-transform: none;
        border: none;
        line-height: 125%
    }

    .attachbox dt, .codebox p {
        text-transform: uppercase
    }

    .content, dl.faq {
        line-height: 1.4em
    }

    .postbody h3 img {
        vertical-align: bottom
    }

    .profile-contact .icon_contact, input, label img, label input, select {
        vertical-align: middle
    }

    .has-profile .postbody h3 {
        float: none !important;
        margin-right: 180px
    }

    .postbody .content {
        overflow-x: auto
    }

    .postbody img.postimage {
        max-width: 100%;
        box-sizing: border-box
    }

    .search .postbody {
        width: 68%
    }

    .panel .review {
        margin-top: 2em
    }

    .topicreview {
        padding-right: 5px;
        overflow: auto;
        height: 300px
    }

    .topicreview .postbody {
        width: auto;
        float: none;
        margin: 0;
        height: auto
    }

    .topicreview .post {
        height: auto
    }

    .topicreview h2 {
        border-bottom-width: 0
    }

    .post-ignore .postbody {
        display: none
    }

    .post_details {
        overflow: auto;
        max-height: 300px
    }

    .content, .signature, blockquote {
        overflow: hidden
    }

    .content {
        clear: both;
        min-height: 3em;
        font-family: Montserrat, sans-serif;
        padding: 2px;
    }

    .content h2, .panel h2 {
        font-weight: 400;
        border-bottom: 1px solid transparent;
        margin-top: .5em;
        margin-bottom: .5em;
        padding-bottom: .5em
    }

    blockquote cite, dl.faq dt {
        font-weight: 600
    }

    .panel h3 {
        margin: .5em 0
    }

    .content p, .panel p {
        margin-bottom: 1em;
        line-height: 1.4em
    }

    dl.faq {
        margin-top: 1em;
        margin-bottom: 2em
    }

    .content dl.faq {
        margin-bottom: .5em
    }

    .content ol, .content ul {
        margin: .8em 0 .9em 3em
    }

    .posthilit {
        padding: 0 2px 1px
    }

    p.author {
        max-width: 80%;
        margin-bottom: .6em;
        padding: 0 0 5px;
        font-size: 1em;
        line-height: 1.5em;
        clear: both
    }

    .signature {
        margin-top: 1.5em;
        padding-top: .2em;
        font-size: 1.1em;
        border-top: 1px solid transparent;
        clear: left;
        line-height: 140%;
        width: 100%
    }

    .signature.standalone {
        border-top-width: 0;
        margin-top: 0
    }

    dd .signature {
        margin: 0;
        padding: 0;
        clear: none;
        border: none
    }

    .signature ol, .signature ul {
        margin: .8em 0 .9em 3em
    }

    .notice {
        width: auto;
        margin-top: 1.5em;
        padding-top: .2em;
        font-size: 1em;
        border-top: 1px dashed transparent;
        clear: left;
        line-height: 130%
    }

    .codebox, blockquote {
        border: 1px solid transparent
    }

    ul.searchresults {
        text-align: right;
        clear: both
    }

    .content blockquote {
        padding: 1.25rem;
        color: #fbfbfb;
        border-radius: 5px;
        border: none
    }

    .content blockquote, .content blockquote cite, .content blockquote cite a, .content blockquote p {
        color: #fbfbfb;
        font-size: 1.1rem
    }

    .content > blockquote {
        padding: 1.5rem
    }

    blockquote {
        font-size: .95em;
        margin: 1em 1px 1em 25px;
        padding: 5px
    }

    blockquote blockquote {
        font-size: 1em;
        margin: 1em 1px 1em 15px
    }

    blockquote cite {
        font-style: normal;
        display: block;
        font-size: .9em
    }

    .codebox, blockquote cite cite {
        font-size: 1em
    }

    .uncited:before, blockquote cite:before {
        padding-right: 5px
    }

    blockquote cite > div {
        float: right;
        font-weight: 400
    }

    .postbody .content li blockquote {
        overflow: inherit;
        margin-left: 0
    }

    .codebox {
        margin: 1em 0 1.2em;
        word-wrap: normal
    }

    .codebox p {
        border-bottom: 1px solid transparent;
        margin-bottom: 0;
        padding: 3px;
        font-size: .8em !important;
        font-weight: 600;
        display: block
    }

    blockquote .codebox {
        margin-left: 0
    }

    .codebox code {
        overflow: auto;
        display: block;
        height: auto;
        max-height: 200px;
        padding: 5px 3px;
        font: .9em Monaco, "Andale Mono", "Courier New", Courier, monospace;
        line-height: 1.3em
    }

    .attachbox dl.thumbnail dd, div.inline-attachment p {
        font-size: 100%
    }

    #memberlist tr.inactive, #team tr.inactive, .friend-offline, dl.thumbnail dd {
        font-style: italic
    }

    .attachbox {
        float: left;
        width: auto;
        max-width: 100%;
        margin: 5px 5px 5px 0;
        padding: 6px;
        border: 1px dashed transparent;
        clear: left;
        box-sizing: border-box
    }

    div.dl_links, dl.file dt {
        text-transform: none
    }

    .attachbox dd {
        margin-top: 4px;
        padding-top: 4px;
        clear: left;
        border-top: 1px solid transparent;
        overflow-x: auto
    }

    .attachbox dd dd {
        border: none
    }

    .attach-image img, dl.thumbnail dt a:hover img, dl.thumbnail img {
        border: 1px solid transparent
    }

    .attachbox p, .attachbox p.stats {
        line-height: 110%;
        font-weight: 400;
        clear: left
    }

    .vote-submitted, dl.file dt, fieldset.polls dl.voted {
        font-weight: 600
    }

    .attach-image {
        margin: 3px 0;
        max-width: 100%
    }

    div.inline-attachment dl.file, div.inline-attachment dl.thumbnail {
        display: block;
        margin-bottom: 4px
    }

    dl.file dd, dl.file dt {
        margin: 0;
        padding: 0
    }

    dl.file {
        display: block
    }

    dl.thumbnail img {
        padding: 3px;
        box-sizing: border-box
    }

    fieldset.polls dl {
        margin-top: 5px;
        border-top: 1px solid transparent;
        padding: 5px 0 0;
        line-height: 120%
    }

    fieldset.polls dt {
        text-align: left;
        float: left;
        display: block;
        width: 30%;
        border-right: none;
        padding: 0;
        margin: 0;
        font-size: 1.1em
    }

    fieldset.polls dd {
        float: left;
        width: 10%;
        border-left: none;
        padding: 0 5px;
        margin-left: 0;
        font-size: 1.1em
    }

    fieldset.polls dd.resultbar {
        width: 50%
    }

    fieldset.polls dd input {
        margin: 2px 0
    }

    fieldset.polls dd div {
        text-align: right;
        font-weight: 600;
        padding: 2px 2px 0;
        overflow: visible;
        min-width: 8px
    }

    .pollbar1, .pollbar2, .pollbar3, .pollbar4, .pollbar5 {
        border-bottom: 1px solid transparent;
        border-right: 1px solid transparent
    }

    .vote-submitted {
        font-size: 1.2em;
        text-align: center
    }

    .panel-container .panel p, .panel-container .postbody p.author {
        font-size: 1.1em
    }

    .postprofile .profile-posts a, .postprofile strong {
        font-weight: 400
    }

    .postprofile {
        margin: 5px 0 10px;
        min-height: 80px;
        border: 1px solid transparent;
        width: 22%;
        float: right;
        display: inline
    }

    .postprofile dd, .postprofile dt {
        line-height: 1.2em;
        margin-left: 8px
    }

    .postprofile dd {
        overflow: hidden
    }

    .postprofile .search-result-date, .postprofile dd.profile-rank, .postprofile dt.no-profile-rank {
        margin-bottom: 10px
    }

    .postprofile .has-avatar .avatar-container {
        margin-bottom: 3px;
        overflow: hidden
    }

    .postprofile .avatar {
        display: block;
        float: left;
        max-width: 100%
    }

    .postprofile .avatar img {
        display: block;
        height: auto !important;
        max-width: 100%
    }

    .dl_links li, .dl_links ul, .ellipsis-text, .profile-contact .dropdown-container, div.dl_links {
        display: inline-block
    }

    .dl_links strong, .minitabs .tab, .tabs .tab, dd.profile-warnings {
        font-weight: 600
    }

    dd.profile-contact {
        overflow: visible
    }

    .profile-contact .dropdown {
        margin-right: -14px
    }

    .online {
        background-position: 100% 0;
        background-repeat: no-repeat
    }

    .search .postprofile {
        width: 30%
    }

    .profile-avatar img {
        max-width: 100%
    }

    dl.pmlist dt {
        width: 60% !important
    }

    dl.pmlist dt textarea {
        width: 95%
    }

    dl.pmlist dd {
        margin-left: 61% !important;
        margin-bottom: 2px
    }

    .action-bar div.dl_links {
        padding: 10px 0 0 10px
    }

    .dl_links ul {
        list-style-type: none;
        margin: 0
    }

    .attachment-filename {
        width: 100%
    }

    .ellipsis-text {
        overflow: hidden;
        white-space: nowrap
    }

    table.fixed-width-table {
        table-layout: fixed
    }

    .attach-image::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar, .post_details::-webkit-scrollbar, .postbody .content::-webkit-scrollbar, .topicreview::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        -webkit-appearance: none;
        background: rgba(0, 0, 0, .1);
        border-radius: 3px
    }

    .attach-image::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb, .post_details::-webkit-scrollbar-thumb, .postbody .content::-webkit-scrollbar-thumb, .topicreview::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, .3);
        border-radius: 3px
    }

    .cp-menu {
        float: left;
        width: 19%;
        margin-top: 1em;
        margin-bottom: 5px
    }

    .cp-main {
        float: left;
        width: 81%
    }

    .cp-main .content {
        padding: 0
    }

    .panel-container .panel ol {
        margin-left: 2em;
        font-size: 1.1em
    }

    .panel-container .panel li.row {
        border-bottom: 1px solid transparent;
        border-top: 1px solid transparent
    }

    ul.cplist {
        margin-bottom: 5px;
        border-top: 1px solid transparent
    }

    .panel-container .panel li.header dd, .panel-container .panel li.header dt {
        margin-bottom: 2px
    }

    .panel-container table.table1 {
        margin-bottom: 1em
    }

    .panel-container table.table1 thead th {
        font-weight: 600;
        border-bottom: 1px solid transparent;
        padding: 5px
    }

    .panel-container table.table1 tbody th {
        font-style: italic;
        background-color: transparent !important;
        border-bottom: none
    }

    .cp-main .pm-message {
        border: 1px solid transparent;
        margin: 10px 0;
        width: auto;
        float: none
    }

    .pm-message h2 {
        padding-bottom: 5px
    }

    .cp-main .box2 h3, .cp-main .postbody h3 {
        margin-top: 0
    }

    .cp-main .buttons {
        margin-left: 0
    }

    .cp-main ul.linklist {
        margin: 0
    }

    .mcp-main .postbody {
        width: 100%
    }

    .tabs-container h2 {
        float: left;
        margin-bottom: 0
    }

    .minitabs, .tabs {
        line-height: normal
    }

    .minitabs > ul, .tabs > ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .minitabs .tab, .tabs .tab {
        display: block;
        float: left;
        font-size: 1em;
        line-height: 1.4em;
        margin-left: 1em;
        padding: 1em
    }

    .minitabs, .minitabs .tab {
        float: right
    }

    .tabs {
        margin: 20px 0
    }

    .minitabs {
        margin: 15px 7px 0 0;
        max-width: 50%
    }

    .minitabs .tab > a {
        display: block;
        padding: 5px 9px;
        white-space: nowrap;
        cursor: pointer;
        border-radius: 5px 5px 0 0;
        margin-left: 2px
    }

    .responsive-tab > a.responsive-tab-link {
        display: block;
        font-size: 1.6em;
        position: relative;
        width: 35px;
        line-height: .9em;
        text-decoration: none
    }

    .responsive-tab .responsive-tab-link:before {
        content: '';
        position: absolute;
        left: 10px;
        top: 7px;
        height: .125em;
        width: 14px;
        border-bottom: .125em solid transparent;
        border-top: .375em double transparent
    }

    .minitabs .dropdown, .tabs .dropdown {
        top: 20px;
        margin-right: -2px;
        font-size: 1.1em;
        font-weight: 400
    }

    .friend-online, .navigation li, dl.mini dt {
        font-weight: 600
    }

    .minitabs .dropdown {
        margin-right: -4px
    }

    .minitabs .dropdown-up .dropdown, .tabs .dropdown-up .dropdown {
        bottom: 20px;
        top: auto
    }

    .minitabs .dropdown li, .tabs .dropdown li {
        text-align: left
    }

    .navigation {
        width: 100%;
        padding-top: 36px
    }

    .navigation li {
        display: inline;
        margin: 1px 0;
        padding: 0
    }

    .navigation a {
        display: block;
        padding: 5px;
        margin: 1px 0
    }

    .cp-main h2 {
        border-bottom: none;
        padding: 0;
        margin-left: 10px
    }

    .cp-mini {
        margin: 10px 15px 10px 5px;
        max-height: 200px;
        overflow-y: auto;
        padding: 5px 10px;
        border-radius: 7px
    }

    dl.mini dd {
        padding-top: 4px
    }

    input, select {
        font-weight: 400
    }

    ol.def-rules {
        padding-left: 0
    }

    ol.def-rules li {
        line-height: 180%;
        padding: 1px
    }

    .pmlist li.bg1, .pmlist li.bg2 {
        padding: 0 3px
    }

    .pm_foe_colour, .pm_friend_colour, .pm_marked_colour, .pm_replied_colour, .pmlist li.pm_foe_colour, .pmlist li.pm_friend_colour, .pmlist li.pm_marked_colour, .pmlist li.pm_replied_colour {
        padding: 0;
        border: 3px solid transparent;
        border-top: 0;
        border-bottom: 0;
    }

    .pm-legend {
        border-left-width: 10px;
        border-left-style: solid;
        border-right-width: 0;
        margin-bottom: 3px;
        padding-left: 3px
    }

    .gallery label {
        position: relative;
        float: left;
        margin: 10px;
        padding: 5px;
        width: auto;
        border: 1px solid transparent;
        text-align: center
    }

    dt label, fieldset dt {
        text-align: left
    }

    @media only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
        .nojs .minitabs a span, .nojs .tabs a span {
            max-width: 40px;
            overflow: hidden;
            text-overflow: ellipsis;
            letter-spacing: -.5px
        }

        .cp-main, .cp-menu, .navigation {
            float: none;
            width: auto;
            margin: 0
        }

        .navigation {
            padding: 0;
            margin: 0 auto;
            max-width: 320px
        }

        .navigation a {
            background-image: none
        }

        .navigation li:first-child a {
            border-top-left-radius: 5px;
            border-top-right-radius: 5px
        }

        .navigation li:last-child a {
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px
        }
    }

    fieldset dd, fieldset.fields1 div {
        margin-bottom: 3px
    }

    input {
        padding: 0 3px
    }

    select {
        cursor: pointer;
        padding-left: 5px
    }

    a.button1, dt label, input.button1 {
        font-weight: 600
    }

    select:focus {
        outline-style: none
    }

    option, select optgroup option {
        padding-right: 1em
    }

    textarea {
        width: 60%;
        padding: 2px
    }

    label {
        cursor: default;
        padding-right: 5px
    }

    fieldset dl {
        padding: 4px 0
    }

    fieldset dt {
        float: left;
        width: 40%;
        display: block
    }

    fieldset.fields1 dt, fieldset.fields2 dt {
        width: 15em;
        border-right-width: 0
    }

    fieldset dd {
        margin-left: 41%;
        vertical-align: top
    }

    .format-buttons input, .format-buttons select, fieldset.submit-buttons, fieldset.submit-buttons input {
        vertical-align: middle
    }

    fieldset.fields1 dd {
        margin-left: 15em;
        border-left-width: 0
    }

    fieldset.fields1 .live-search div {
        margin-bottom: 0
    }

    fieldset.fields2 dd {
        margin-left: 16em;
        border-left-width: 0
    }

    dd input, dd textarea {
        margin-right: 3px
    }

    dd select {
        width: auto
    }

    dd select[multiple] {
        width: 100%
    }

    dd textarea {
        width: 85%
    }

    .timezone {
        width: 95%
    }

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

    .inputbox, a.button1, a.button1:hover, a.button2, a.button2:hover, input.button1, input.button1:hover, input.button2, input.button2:hover, input.button3, input.button3:hover {
        border: 1px solid transparent
    }

    fieldset.quick-login {
        margin-top: 5px
    }

    fieldset.quick-login input {
        width: auto
    }

    fieldset.quick-login input.inputbox {
        width: 100%;
        vertical-align: middle;
        margin-right: 5px
    }

    fieldset.quick-login label {
        display: inline-block;
        white-space: nowrap;
        padding-right: 2px
    }

    fieldset.display-actions {
        line-height: 2em;
        padding-right: 1em;
        width: 300px
    }

    fieldset.display-actions label {
        padding-right: 2px
    }

    fieldset.sort-options {
        line-height: 2em
    }

    fieldset.forum-selection {
        margin: 5px 0 3px;
    }

    fieldset.forum-selection2 {
        margin: 13px 0 3px;
        float: right
    }

    fieldset.submit-buttons {
        text-align: center;
        margin: 5px 0
    }

    fieldset.fields1 dl dd label {
        display: inline-block
    }

    .format-buttons {
        margin: 15px 0 2px
    }

    .message-box {
        width: 80%
    }

    .message-box textarea {
        width: 450px;
        height: 270px;
        min-width: 100%;
        max-width: 100%;
        font-size: 1.2em;
        resize: vertical;
        outline: transparent dashed 3px;
        outline-offset: -4px;
        -webkit-transition: all .5s ease, height 1ms linear;
        -moz-transition: all .5s ease, height 1ms linear;
        -ms-transition: all .5s ease, height 1ms linear;
        -o-transition: all .5s ease, height 1ms linear;
        transition: all .5s ease, height 1ms linear
    }

    .smiley-box {
        width: 18%;
        float: right
    }

    .smiley-box img {
        margin: 3px
    }

    .inputbox {
        padding: 2px
    }

    .inputbox:focus, .inputbox:hover {
        border: 1px solid transparent;
        outline-style: none
    }

    input.inputbox {
        width: 85%
    }

    input.medium {
        width: 50%
    }

    input.tiny {
        width: 150px
    }

    textarea.inputbox {
        width: 85%
    }

    .autowidth {
        width: auto !important
    }

    input[type=number] {
        -moz-padding-end: 0
    }

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

    input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
        display: none
    }

    input[type=search]::-webkit-search-cancel-button {
        cursor: pointer
    }

    input.button1, input.button2 {
        font-size: 1em
    }

    a.button1, a.button2, input.button1, input.button2, input.button3 {
        width: auto !important;
        padding-top: 1px;
        padding-bottom: 1px;
        background: top left repeat-x;
        line-height: 1.5
    }

    input.button3 {
        padding: 0;
        margin: 0;
        line-height: 5px;
        height: 12px;
        font-variant: small-caps
    }

    input[type=button], input[type=checkbox], input[type=radio], input[type=reset], input[type=submit] {
        cursor: pointer;
        vertical-align: baseline;
    }

    a.button1, a.button2 {
        padding: 0 3px;
        vertical-align: text-bottom
    }

    input.disabled {
        font-weight: 400
    }

    .search-box {
        float: left
    }

    .search-box .inputbox {
        background-image: none;
        border-right-width: 0;
        float: left;
        font-size: 1.2rem;
        height: 3rem;
        width: 500px;
        max-width: 640px;
        padding: 5px;
        box-sizing: border-box
    }

    .search-box .button {
        height: 3rem;
        font-size: 1rem
    }
    .search-header {
        display: block;
        float: none;
        margin: 30px auto;
        max-width: 95%
    }

    .search-top .inputbox {
        width: 85%
    }

    .search-header .inputbox {
        border: 0
    }

    .sticky_read_locked_mine:before, .sticky_read_mine:before, .sticky_unread_locked_mine:before, .sticky_unread_mine:before, .topic_read_hot_mine:before, .topic_read_locked_mine:before, .topic_read_mine:before, .topic_unread_hot_mine:before, .topic_unread_locked_mine, .topic_unread_mine:before {
        border-right-style: solid;
        border-right-width: 3px
    }

    .navbar .linklist > li.responsive-search {
        display: none
    }

    input.search {
        background-image: none;
        background-repeat: no-repeat;
        background-position: left 1px;
        padding-left: 17px
    }

    .button .icon, .icon, .uncited:before, blockquote cite:before {
        display: inline-block;
        font-weight: 400;
        font-style: normal;
        font-variant: normal;
        font-family: FontAwesome, serif;
        line-height: 1;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .icon:before {
        padding-right: 2px
    }

    .button .icon:before {
        padding-right: 0
    }

    .icon.icon-xl {
        font-size: 20px
    }

    .icon.icon-lg {
        font-size: 18px
    }

    .icon.icon-md {
        font-size: 14px
    }

    .icon.icon-sm {
        font-size: 10px
    }

    .icon-tiny {
        width: 12px;
        transform: scale(.65, .75);
        vertical-align: text-bottom;
        font-size: 18px
    }

    .arrow-left .icon {
        float: left
    }

    .arrow-left:hover .icon {
        margin-left: -5px;
        margin-right: 5px
    }

    .arrow-right .icon {
        float: right
    }

    .arrow-right:hover .icon {
        margin-left: 5px;
        margin-right: -5px
    }

    .post-buttons .dropdown-contents .icon {
        float: right;
        margin-left: 5px
    }

    .uncited:before, blockquote cite:before {
        content: '\f10d'
    }

    .rtl .uncited:before, .rtl blockquote cite:before {
        content: '\f10e'
    }

    .forabg .header a, .forumbg .header a, th a {
        font-weight: 600
    }

    .dropdown-extended a.mark_read {
        background-color: #fff
    }

    .postlink {
        color: #b20623;
    }

    .postlink:visited {
        color: #b20623;
    }

    .postlink:hover {
        text-decoration: underline;
        color: #b20623;
        font-weight: bold;
    }

    .signature a, .signature a:hover {
        background-color: transparent
    }

    .top i {
        color: #999
    }

    .arrow-left:hover, .arrow-right:hover {
        color: #368ad2
    }

    .navbar {
        background-color: #f0f0f0
    }

    .nav-footer {
        background: #2c3840
    }

    #nav-footer > li.breadcrumbs > span > a, #nav-footer > li > a {
        color: #f8f8f8
    }

    .panel {
        color: #28313f
    }

    .post:target .content, .post:target h3 a {
        color: #000
    }

    .bg1 {
        background-color: #f5f5f5
    }

    table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
        background-color: #ecf3f7
    }

    table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
        background-color: #e1ebf2
    }

    .ucprowbg {
        background-color: #dcdee2
    }

    .fieldsbg {
        background-color: #e7e8ea
    }

    .site_logo {
        background-image: url(images/ohta.png)
    }

    table.table1 tbody tr.hover, table.table1 tbody tr:hover {
        background-color: #cfe1f6;
        color: #000
    }

    table.table1 tbody td {
        border-top-color: #fafafa
    }

    table.table1 tbody th {
        border-bottom-color: #000;
        color: #333;
        background-color: #fff
    }

    dl.details dt, table.info tbody th {
        color: #000
    }

    dl.details dd {
        color: #536482
    }

    .sep {
        color: #1198d9
    }

    .icon.icon-blue, a:hover .icon.icon-blue {
        color: #196db5
    }

    .icon.icon-green, a:hover .icon.icon-green {
        color: #1b9a1b
    }

    .icon.icon-red, a:hover .icon.icon-red {
        color: #bc2a4d
    }

    .icon.icon-orange, a:hover .icon.icon-orange {
        color: #f60
    }

    .icon.icon-bluegray, a:hover .icon.icon-bluegray {
        color: #536482
    }

    .icon.icon-gray, a:hover .icon.icon-gray {
        color: #777
    }

    .icon.icon-lightgray, a:hover .icon.icon-lightgray {
        color: #999
    }

    .icon.icon-black, a:hover .icon.icon-black {
        color: #333
    }

    .alert_close .icon:before {
        padding: 0;
        border-radius: 50%;
        width: 11px;
        display: block;
        line-height: .9;
        height: 12px;
        background-color: #fff
    }

    .jumpbox-cat-link {
        background-color: #00416A;
        border-top-color: #00416A;
        color: #fff;
    }

    .jumpbox-cat-link:hover {
        font-weight: 600;
        color: #fff
    }

    .jumpbox-forum-link {
        background-color: #e1ebf2
    }

    .jumpbox-forum-link:hover {
        background-color: #f6f4d0
    }

    .jumpbox .dropdown .pointer-inner {
        border-color: #e1ebf2 transparent
    }

    .jumpbox span.button:hover {
        background: #00416A;
        font-weight: 500;
    }
    .jumpbox span.button:focus {
        background: #00416A;
    }

   .jumpbox span.button:hover span.caret i, .jumpbox span.button:focus span.caret i {
        color:#fff;
    }

    .jumpbox-sub-link:hover {
        font-weight: 600;
        text-decoration: none;
    }

    .jumpbox .dropdown-contents .forum-name:hover {
        font-weight: 600;
    }

    .copyright, .copyright a {
        color: #f8f8f8;
        font-size: 18px
    }

    .error, div.rules {
        color: #bc2a4d
    }

    .copyright p {
        margin: 0;
        font-size: 18px
    }

    .reported {
        background-color: #f7ecef
    }

    li.reported:hover {
        background-color: #ecd5d8 !important
    }

    div.rules, p.post-notice {
        background-color: #ecd5d8
    }

    p.post-notice {
        background-image: none
    }

    ul.topiclist li {
        background-color: #f5f5f5;
        position: relative
    }

    .content h2, .panel h2 {
        border-bottom-color: #ccc
    }

    .posthilit {
        background-color: #f3bfcc;
        color: #bc2a4d
    }

    blockquote, blockquote blockquote blockquote {
        background-color: #333
    }

    .notice, .signature {
        border-top-color: #ccc
    }

    blockquote {
        border-color: #dbdbce
    }

    blockquote blockquote {
        background-color: #555
    }

    .attachbox, .codebox {
        background-color: #fff
    }

    .codebox {
        border-color: #c9d2d8
    }

    .codebox p {
        border-bottom-color: #ccc
    }

    .codebox code {
        color: #2e8b57
    }

    .attachbox p, .attachbox p.stats, dl.file dd, dl.thumbnail dd {
        color: #666
    }

    .attachbox {
        border-color: #c9d2d8
    }

    .pm-message .attachbox {
        background-color: #f2f3f3
    }

    .attachbox dd {
        border-top-color: #c9d2d8
    }

    .attach-image img {
        border-color: #999
    }

    dl.thumbnail img {
        border-color: #666;
        background-color: #fff
    }

    dl.thumbnail dt a:hover {
        background-color: #eee
    }

    dl.thumbnail dt a:hover img {
        border-color: #368ad2
    }

    fieldset.polls dl {
        border-top-color: #dcdee2;
        color: #666
    }

    fieldset.polls dl.voted {
        color: #000
    }

    fieldset.polls dd div {
        color: #fff
    }

    .rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
        border-right-color: transparent
    }

    .pollbar1 {
        background-color: #aa2346;
        border-bottom-color: #74162c;
        border-right-color: #74162c
    }

    .rtl .pollbar1 {
        border-left-color: #74162c
    }

    .pollbar2 {
        background-color: #be1e4a;
        border-bottom-color: #8c1c38;
        border-right-color: #8c1c38
    }

    .rtl .pollbar2 {
        border-left-color: #8c1c38
    }

    .pollbar3 {
        background-color: #d11a4e;
        border-bottom-color: #aa2346;
        border-right-color: #aa2346
    }

    .rtl .pollbar3 {
        border-left-color: #aa2346
    }

    .pollbar4 {
        background-color: #e41653;
        border-bottom-color: #be1e4a;
        border-right-color: #be1e4a
    }

    .rtl .pollbar4 {
        border-left-color: #be1e4a
    }

    .pollbar5 {
        background-color: #f81157;
        border-bottom-color: #d11a4e;
        border-right-color: #d11a4e
    }

    .rtl .pollbar5 {
        border-left-color: #d11a4e
    }

    .postprofile {
        color: #666;
        border-color: #fff
    }

    .pm .postprofile {
        border-color: #ddd
    }

    .postprofile strong {
        color: #000
    }

    dd.profile-warnings {
        color: #bc2a4d
    }

    .contact-icons a {
        border-color: #dcdcdc
    }

    .contact-icons a:hover {
        background-color: #f2f6f9
    }

    .pagination li a {
        background: #ecedee;
        filter: none;
        border-color: #b4bac0;
        box-shadow: none;
        -webkit-box-shadow: none;
        color: #5c758c
    }

    .pagination li.ellipsis span {
        background: 0 0;
        color: #000
    }

    .pagination li.active span {
        background: #4692bf;
        border-color: #4692bf;
        color: #fff
    }

    .nojs .pagination .dropdown-container:hover a.dropdown-trigger, .pagination .dropdown-visible a.dropdown-trigger, .pagination li a:hover, .pagination li a:hover .icon {
        background: #368ad2;
        border-color: #368ad2;
        filter: none;
        color: #fff;
        text-shadow: none
    }

    .newFontIcon:before {
        font-family: fontAwesome, serif;
        font-size: 1.6em;
        display: flex;
        margin-left: 25px;
        position: absolute;
        height: 25px;
        width: 25px;
        border-radius: 30px;
        top: 7px;
        align-items: center
    }

    .pm-icon {
        background-position: 0 0
    }

    .email-icon {
        background-position: -21px 0
    }

    .jabber-icon {
        background-position: -80px 0
    }

    .phpbb_icq-icon {
        background-position: -61px 0
    }

    .phpbb_wlm-icon {
        background-position: -182px 0
    }

    .phpbb_aol-icon {
        background-position: -244px 0
    }

    .phpbb_website-icon {
        background-position: -40px 0
    }

    .phpbb_youtube-icon {
        background-position: -98px 0
    }

    .phpbb_facebook-icon {
        background-position: -119px 0
    }

    .phpbb_googleplus-icon {
        background-position: -140px 0
    }

    .phpbb_skype-icon {
        background-position: -161px 0
    }

    .phpbb_twitter-icon {
        background-position: -203px 0
    }

    .phpbb_yahoo-icon {
        background-position: -224px 0
    }

    .announce_read:before, .announce_read_locked:before, .global_read:before, .global_read_locked:before {
        content: "\f0f3";
        border-color: #006400;
        color: #006400
    }

    .announce_read_locked_mine:before, .announce_read_mine:before, .global_read_locked_mine:before, .global_read_mine:before {
        content: "\f0f3";
        border-color: #006400 #ff0 #006400 #006400;
        color: #006400;
        border-right-style: solid;
        border-right-width: 1px
    }

    .announce_unread:before, .announce_unread_locked:before, .global_unread:before, .global_unread_locked:before {
        content: "\f0f3";
        border-color: red;
        color: red
    }

    .announce_unread_locked_mine:before, .announce_unread_mine:before, .global_unread_locked_mine:before, .global_unread_mine:before {
        content: "\f0f3";
        border-color: red #ff0 red red;
        color: red;
        border-right-style: solid;
        border-right-width: 1px
    }

    .forum_link {
        background-image: url(images/forum_link.gif)
    }

    .forum_read:before {
        content: "\f086";
        border-color: #006400;
        color: #006400
    }

    .forum_read_locked:before {
        content: "\f023";
        border-color: #006400;
        color: #006400;
        padding-left: 15px
    }

    .forum_read_subforum:before {
        content: "\f086";
        border-color: #006400;
        color: #006400
    }

    .forum_unread:before {
        content: "\f0e6";
        border-color: red;
        color: red
    }

    .forum_unread_locked:before {
        content: "\f023";
        border-color: red;
        color: red;
        padding-left: 15px
    }

    .forum_unread_subforum:before {
        content: "\f0e6";
        border-color: red;
        color: red
    }

    .sticky_read:before, .sticky_read_locked:before {
        content: "\f006";
        border-color: #006400;
        color: #006400
    }

    .sticky_read_locked_mine:before, .sticky_read_mine:before {
        content: "\f006";
        border-color: #006400 #ff0 #006400 #006400;
        color: #006400
    }

    .sticky_unread:before, .sticky_unread_locked:before {
        content: "\f006";
        border-color: red;
        color: red
    }

    .sticky_unread_locked_mine:before, .sticky_unread_mine:before {
        content: "\f006";
        border-color: red #ff0 red red;
        color: red
    }

    .topic_moved:before {
        content: "\f0ec";
        border-color: navy;
        color: navy
    }

    .topic_read:before, .topic_read_mine:before {
        content: "\f086";
        color: #006400
    }

    .topic_read_mine:before {
        border-color: #006400 #ff0 #006400 #006400
    }

    .topic_read_hot:before, .topic_read_hot_mine:before {
        content: "\f0e7";
        color: #006400;
        padding-left: 18px
    }

    .topic_read_hot:before {
        border-color: #006400
    }

    .topic_read_hot_mine:before {
        border-color: #006400 #ff0 #006400 #006400
    }

    .topic_read_locked:before, .topic_read_locked_mine:before {
        content: "\f023"
    }

    .topic_unread:before, .topic_unread_mine:before {
        content: "\f0e6";
        color: red
    }

    .topic_read_locked:before {
        border-color: #006400
    }

    .topic_read_locked_mine:before {
        border-color: #006400 #ff0 #006400 #006400
    }

    .topic_unread:before {
        border-color: red
    }

    .topic_unread_mine:before {
        border-color: red #ff0 red red
    }

    .topic_unread_hot:before, .topic_unread_hot_mine:before {
        content: "\f0e7";
        color: red;
        padding-left: 18px
    }

    .topic_unread_hot:before {
        border-color: red
    }

    .topic_unread_hot_mine:before {
        border-color: red #ff0 red red
    }

    .topic_unread_locked:before, .topic_unread_locked_mine {
        content: "\f023";
        color: red;
        padding-left: 15px
    }

    .topic_unread_locked:before {
        border-color: red
    }

    .topic_unread_locked_mine {
        border-color: red #ff0 red red
    }

    .cp-menu hr, .panel-container h3, .panel-container hr {
        border-color: #a4b3bf
    }

    .panel-container .panel li.row {
        border-bottom-color: #b5c1cb;
        border-top-color: #f9f9f9
    }

    ul.cplist {
        border-top-color: #b5c1cb
    }

    .panel-container .panel li.header dd, .panel-container .panel li.header dt {
        color: #000
    }

    .panel-container table.table1 thead th {
        color: #333;
        border-bottom-color: #333
    }

    .cp-main .pm-message {
        border-color: #dbdee2;
        background-color: #fff
    }

    .minitabs .tab > a {
        background-color: #e1ebf2
    }

    .minitabs .activetab > a, .minitabs .activetab > a:hover {
        background-color: #f9f9f9;
        color: #333
    }

    .responsive-tab .responsive-tab-link:before {
        border-color: #536482
    }

    .responsive-tab .responsive-tab-link:hover:before {
        border-color: #d31141
    }

    .rtl .navigation a {
        background: #b4c4d1;
        background: -webkit-linear-gradient(to right, #cadceb 50%, #b4c4d1 100%);
        background: linear-gradient(to right, #cadceb 50%, #b4c4d1 100%)
    }

    .navigation .active-subsection a {
        background: #f9f9f9;
        color: #d31141
    }

    .navigation .active-subsection a:hover {
        color: #d31141
    }

    .panel-container h2 {
        color: #333
    }

    .panel-container .panel {
        background-color: #f9f9f9
    }

    .cp-main .pm {
        background-color: #fff
    }

    .cp-mini {
        background-color: #eef5f9
    }

    dl.mini dt {
        color: #425067
    }

    .current {
        color: #000 !important
    }

    .pm_message_reported_colour, .pmlist li.pm_message_reported_colour {
        border-left-color: #bc2a4d;
        border-right-color: #bc2a4d
    }

    .pm_marked_colour, .pmlist li.pm_marked_colour {
        border-color: #f60
    }

    .pm_replied_colour, .pmlist li.pm_replied_colour {
        border-color: #a9b8c2
    }

    .pm_friend_colour, .pmlist li.pm_friend_colour {
        border-color: #5d8fbd
    }

    .pm_foe_colour, .pmlist li.pm_foe_colour {
        border-color: #000
    }

    .gallery label {
        background: #fff;
        border-color: #ccc
    }

    .gallery label:hover {
        background-color: #eee
    }

    select {
        border-color: #666;
        background-color: #fafafa;
        color: #000
    }

    label {
        color: #425067
    }

    option.disabled-option {
        color: graytext
    }

    dd label {
        white-space: nowrap;
        color: #333
    }

    fieldset.fields1 {
        background-color: transparent
    }

    fieldset dl:hover dt label {
        color: #000
    }

    fieldset.fields2 dl:hover dt label {
        color: inherit
    }

    .inputbox, .message-box textarea {
        color: #333
    }

    fieldset.quick-login input.inputbox {
        background-color: #f2f3f3
    }

    .message-box textarea.drag-n-drop {
        outline-color: rgba(102, 102, 102, .5)
    }

    .message-box textarea.drag-n-drop-highlight {
        outline-color: rgba(17, 163, 234, .5)
    }

    .inputbox {
        background-color: #fff;
        border-color: #b4bac0
    }

    .inputbox:-moz-placeholder {
        color: #333
    }

    .inputbox::-webkit-input-placeholder {
        color: #333
    }

    .inputbox:focus, .inputbox:hover {
        border-color: #11a3ea
    }

    .inputbox:focus:-moz-placeholder {
        color: transparent
    }

    .inputbox:focus::-webkit-input-placeholder {
        color: transparent
    }

    a.button1, a.button2, input.button1, input.button2, input.button3 {
        border-color: #666;
        color: #000;
        background-color: #efefef;
        background-image: -webkit-linear-gradient(to bottom, #d2d2d2 0, #efefef 100%);
        background-image: linear-gradient(to bottom, #d2d2d2 0, #efefef 100%)
    }

    input.button3 {
        background-image: none
    }

    a.button1, a.button2 {
        color: #000
    }

    a.button1:hover, a.button2:hover, input.button1:hover, input.button2:hover, input.button3:hover {
        border-color: #d31141;
        color: #d31141;
        background-color: #d2d2d2;
        background-image: -webkit-linear-gradient(to bottom, #efefef 0, #d2d2d2 100%);
        background-image: linear-gradient(to bottom, #efefef 0, #d2d2d2 100%)
    }

    input.button1:focus, input.button2:focus, input.button3:focus {
        outline-style: none;
        border-color: #11a3ea;
        color: #0f4987
    }

    input.disabled {
        color: #666
    }

    .phpbb_alert {
        background-color: #fff;
        border-color: #999
    }

    .darken, .loading_indicator {
        background-color: #000
    }

    .loading_indicator {
        background-image: url(images/loading.gif)
    }

    .dropdown-extended ul li {
        border-top-color: #b9b9b9
    }

    .dropdown-extended ul li:hover {
        background-color: #cfe1f6;
        color: #000
    }

    .dropdown-extended .footer, .dropdown-extended .header {
        border-color: #b9b9b9;
        color: #000
    }

    .dropdown-extended .footer {
        border-top-style: solid;
        border-top-width: 1px
    }

    .dropdown-extended .header {
        background-color: #174f5e
    }

    .dropdown .dropdown-contents {
        background: #fff;
        border-color: #b9b9b9;
        box-shadow: 0 15px 30px rgba(0, 0, 0, 1)
    }

    .dropdown-up .dropdown-contents {
        box-shadow: 0 15px 31px rgba(23, 79, 94, .8);
    }

    .dropdown li, .dropdown li li, .dropdown li.separator {
        border-color: #dcdcdc
    }

    .notification_list p.notification-time {
        color: #4c5d77
    }

    li.notification-disapproved strong, li.notification-reported strong {
        color: #d31141
    }

    .badge {
        background-color: #d31141;
        color: #fff
    }

    .scroll-page {
        background-color: #000;
        padding: 2px;
        position: fixed;
        bottom: 130px;
        right: 5px;
        opacity: .2;
        z-index: 9999;
        cursor: pointer;
        display: block;
        font-size: 20px;
        color: #fff;
        min-height: 100px
    }

    .scroll-page i {
        color: inherit;
        display: block;
        padding: 10px;
        width: 20px;
        height: 20px;
        background: url(images/scroll-sprite.svg) no-repeat
    }

    .scroll-page .scroll-up {
        padding-bottom: 65px;
        background-position: -35px 0
    }

    .scroll-page .scroll-down {
        background-position: 1px 0
    }

    .notouch .scroll-page:hover {
        opacity: .8
    }

    @media (max-width: 320px) {
        .inputbox, select {
            max-width: 240px
        }
    }

    @media (max-width: 350px) {
        .dropdown-extended .dropdown-contents {
            width: auto
        }
    }

    @media (max-width: 430px) {
        .action-bar .search-box .inputbox {
            width: 200px
        }

        .action-bar .search-box .inputbox::-moz-placeholder {
            content: "Search..."
        }

        .action-bar .search-box .inputbox:-ms-input-placeholder {
            content: "Search..."
        }

        .action-bar .search-box .inputbox::-webkit-input-placeholder {
            content: "Search..."
        }
    }

    @media (max-width: 500px) {
        dd label {
            white-space: normal
        }

        .inputbox, select {
            max-width: 260px
        }

        .captcha-panel dd.captcha {
            margin-left: 0
        }

        .captcha-panel dd.captcha-image img {
            width: 100%
        }

        dl.details dd, dl.details dt {
            width: auto;
            float: none;
            text-align: left
        }

        dl.details dd {
            margin-left: 20px
        }

        p.responsive-center {
            float: none;
            text-align: center;
            margin-bottom: 5px
        }

        .action-bar > div {
            margin-bottom: 5px
        }

        .action-bar > .pagination {
            float: none;
            clear: both;
            padding-bottom: 1px;
            text-align: center
        }

        .action-bar > .pagination li.page-jump {
            margin: 0 2px
        }

        p.jumpbox-return {
            display: none
        }

        .display-options > label:nth-child(1) {
            display: block;
            margin-bottom: 5px
        }

        .attach-controls {
            margin-top: 5px;
            width: 100%
        }

        .quick-links .dropdown-trigger span {
            display: none
        }
    }

    @media (max-width: 550px) {
        ul.topiclist.forums dt, ul.topiclist.forums dt .list-inner {
            margin-right: 0;
        }

        ul.topiclist.forums dd.lastpost {
            display: none
        }
    }

    @media screen and (min-width: 700px) {
        dl.row-item dt .list-inner {
            padding-right: 165px
        }
    }

    @media (max-width: 700px) {
        .responsive-hide {
            display: none !important
        }

        .responsive-show {
            display: block !important
        }

        .responsive-show-inline {
            display: inline !important
        }

        .responsive-show-inline-block {
            display: inline-block !important
        }

        .logo, .search-header, .search-header .button-search-end, .site-description p {
            display: block
        }

        html {
            height: auto
        }

        body {
            padding: 0
        }

        .wrap {
            border: none;
            border-radius: 0;
            margin: 0;
            min-width: 100%;
            padding: 0
        }

        .forabg, .forumbg, .headerbar, .navbar, .page-footer, .panel, .post {
            border-radius: 0;
            margin-bottom: 0
        }

        .cp-main .forabg, .cp-main .forumdb, .cp-main .panel, .cp-main .post {
            border-radius: 7px
        }

        .site-description {
            float: none;
            width: auto;
            text-align: center
        }

        .logo {
            float: none;
            padding: 10px
        }

        .site-description h1, .site-description p {
            text-align: inherit;
            float: none;
            margin: 5px;
            line-height: 1.6em;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .headerbar + .navbar {
            margin-top: -5px
        }

        .responsive-search {
            display: block !important
        }

        li.header dt {
            text-align: center;
            text-transform: none;
            line-height: 1em;
            font-size: 1.2em;
            padding-bottom: 4px
        }

        ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner {
            margin-right: 0 !important;
            padding-right: 0
        }

        ul.topiclist li.header dd {
            display: none !important
        }

        ul.topiclist dt, ul.topiclist dt .list-inner, ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner, ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner, ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner {
            margin-right: 0
        }

        ul.topiclist dt .list-inner.with-mark {
            padding-right: 34px
        }

        ul.topiclist dt .list-inner {
            min-height: 28px;
            padding-right: 20px
        }

        ul.topiclist li.header dt .list-inner {
            min-height: 0
        }

        ul.topiclist dd {
            display: none
        }

        ul.topiclist.forums dt {
            margin-right: -250px
        }

        ul.topiclist dd.mark {
            display: block;
            position: absolute;
            right: 5px;
            top: 0;
            margin: 0;
            width: auto;
            min-width: 0;
            text-align: left
        }

        ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
            position: relative;
            left: 0;
            width: auto;
            display: inline;
            font-weight: 400
        }

        li.row .responsive-show strong {
            font-weight: 600;
            color: inherit
        }

        ul.topiclist li.row dt a.subforum {
            vertical-align: bottom;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 100px
        }

        .pagination > ul {
            margin: 5px 0 0
        }

        .row .pagination .ellipsis + li {
            display: none !important
        }

        table.responsive, table.responsive tbody, table.responsive td, table.responsive tr {
            display: block
        }

        table.responsive th, table.responsive thead {
            display: none
        }

        table.responsive.show-header th:first-child, table.responsive.show-header thead {
            display: block;
            width: auto !important;
            text-align: left !important
        }

        table.responsive.show-header th:first-child span.rank-img {
            display: none
        }

        table.responsive tr {
            margin: 2px 0
        }

        .smiley-box, fieldset.polls dd.poll_option_percent, fieldset.polls dd.resultbar {
            margin-top: 5px
        }

        table.responsive td {
            width: auto !important;
            text-align: left !important;
            padding: 4px
        }

        dl.pmlist dd:first-of-type, fieldset.polls dd.resultbar {
            padding-left: 20px
        }

        table.responsive td.empty {
            display: none !important
        }

        table.responsive td > dfn {
            display: inline-block !important
        }

        table.responsive td > dfn:after {
            content: ':';
            padding-right: 5px
        }

        table.responsive span.rank-img {
            float: none;
            padding-right: 5px
        }

        table.responsive.memberlist td:first-child input[type=checkbox] {
            float: right
        }

        fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt {
            width: auto;
            float: none
        }

        fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {
            margin-left: 20px
        }

        .message-box textarea, dd textarea, textarea {
            width: 100%;
            box-sizing: border-box;
        }

        dl.pmlist dt {
            width: auto !important;
            margin-bottom: 5px
        }

        dl.pmlist dd {
            display: inline-block;
            margin-left: 0 !important
        }

        .message-box, .smiley-box {
            float: none;
            width: auto
        }

        .bbcode-status {
            display: none
        }

        .colour-palette, .colour-palette tbody, .colour-palette tr {
            display: block
        }

        .colour-palette td {
            display: inline-block;
            margin-right: 2px
        }

        .horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) {
            display: none
        }

        fieldset.quick-login label {
            display: block;
            margin-bottom: 5px;
            white-space: normal
        }

        fieldset.quick-login label > span {
            display: inline-block;
            min-width: 100px
        }

        fieldset.quick-login input.inputbox {
            width: 85%;
            max-width: 300px;
            margin-left: 20px
        }

        fieldset.quick-login label[for=autologin] {
            display: inline-block;
            text-align: right;
            min-width: 50%
        }

        .column1, .column2, .left-box.profile-details {
            float: none;
            width: auto
        }

        fieldset.polls dt {
            width: 90%
        }

        fieldset.polls dd.poll_option_percent {
            width: 20%
        }

        .postbody, .postprofile, .search .postbody {
            display: block;
            width: auto;
            float: none;
            min-height: 0
        }

        .post .postprofile {
            width: auto;
            border-width: 0 0 1px;
            padding-bottom: 5px;
            margin: 0 0 5px;
            min-height: 40px;
            overflow: hidden
        }

        .postprofile dd {
            display: none
        }

        .postprofile dd.profile-rank, .postprofile dt, .search .postprofile dd {
            display: block;
            margin: 0
        }

        .postprofile .has-avatar .avatar-container {
            margin: 0;
            overflow: inherit
        }

        .postprofile .avatar-container:after {
            clear: none
        }

        .postprofile .avatar {
            margin-right: 5px
        }

        .postprofile .avatar img {
            width: auto !important;
            height: auto !important;
            max-height: 32px
        }

        .has-profile .postbody h3 {
            margin-left: 0 !important;
            margin-right: 0 !important
        }

        .online {
            background-size: 40px
        }

        h2 {
            margin-top: .5em
        }

        p {
            margin-bottom: 20px;
            overflow: hidden
        }

        p.rightside {
            margin-bottom: 0
        }

        fieldset.display-options label {
            display: block;
            clear: both;
            margin-bottom: 5px
        }

        dl.mini dd.pm-legend {
            float: left;
            min-width: 200px
        }

        .topicreview {
            margin: 0 -5px;
            padding: 0 5px
        }

        fieldset.display-actions {
            white-space: normal
        }

        .phpbb_alert {
            width: auto;
            margin: 0 5px
        }

        .attach-comment dfn {
            width: 100%
        }

        article.infolist div {
            padding: 0 50px;
            margin-bottom: 20px
        }
    }

    fieldset, iframe {
        border: 0
    }

    @media (min-width: 701px) {
        .postbody {
            width: 70%
        }

        .responsive-show {
            display: none !important
        }
    }

    @media (min-width: 850px) {
        .postbody {
            width: 76%
        }
    }

    @media (max-width: 850px) {
        .postprofile {
            width: 28%
        }
    }

    @media (min-width: 701px) and (max-width: 950px) {
        dd.posts, dd.topics, dd.views {
            width: 80px
        }
    }

    @media (max-width: 992px) {
        .row .pagination {
            text-align: left;
            float: left;
            margin-top: 4px;
            margin-bottom: 4px
        }
    }

    fieldset, ol, ul {
        margin: 0;
        padding: 0
    }

    [tabindex="-1"]:focus {
        outline: 0 !important
    }

    .online {
        background-image: url(images/icon_user_online.gif)
    }

    a.elonw:after {
        font-family: FontAwesome, serif;
        content: "\f08e";
        left: 3px;
        padding-right: 3px;
        position: relative;
        text-align: center;
        vertical-align: middle;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        pointer-events: none
    }

    .smalltp {
        position: absolute;
        top: 5px;
        right: 10px;
        font-size: 18px
    }

    .lastpost, .lpostafter, .postview {
        font-size: 18px;
        display: block
    }

    dl {
        margin-bottom: .25rem !important
    }

    .recent-topics .ldate, .recent-topics .posts span, .recent-topics .views span, .repliesL:before, .tauthor, .tdate, .viewsL:before {
        font-weight: 600
    }

    .postedin {
        font-weight: 600
    }

    .topicinfo {
        font-size: inherit
    }

    .lastpostinfo, .postedinforumrules, .topic-poster {
        display: block
    }

    .has-profile .post-buttons .button-icon-only {
        border-radius: 15px;
        background: 0 0;
        color: #00416A;
        border: 2px solid #00416A;
        padding: 10px;
        font-weight: 500;
    }
    .has-profile .post-buttons .button-icon-only:hover {
        color:#003151;
    }

    #postingbox fieldset dl dd label {
        display: inline-block
    }

    .inlineB {
        display: inline-block !important
    }

    .inline {
        display: inline
    }

    #topNav.navfollow {
        position: fixed !important;
        top: auto;
        bottom: 0;
        border-bottom: 0;
        left: 0;
        z-index: 54654;
        width: 100%;
        box-shadow: 0 0 10px rgba(0, 0, 0, .9) !important;
        display: none
    }

    #topNav.navfollow.reverse {
        top: 0;
        bottom: auto;
    }

    .breadcrumbs {
        margin: 0 !important
    }

    .hideNav {
        position: absolute;
        right: 0;
        top: 0;
        color: #696969;
        font-size: 14px;
        cursor: pointer;
        margin: 2px;
        display: inline-block !important
    }

    .regtopostbtn {
        display: block;
        color: #fff;
        padding: 20px 30px;
        border-radius: 3px;
        margin: 10px auto;
        background: #00416A;
        cursor: pointer;
        line-height: 1.6em
    }

    .regtopostbtn:hover {
        font-weight: 600;
    }

    #topNav {
        position: absolute;
        top: 0;
        left: 0;
        box-shadow: 0 20px 25px -15px rgba(0, 0, 0, .9);
        width: 100%;
        transition: all 100ms ease;
    }

    #topSponsor {
        width: 100%;
        position: relative;
        top: 80px
    }

    @media (max-width: 540px) {
        body {
            font-size: 1.125em !important
        }

        .topicinfo {
            font-size: inherit
        }

        #topNav.navfollow {
            display: block
        }

        div.scroll-page {
            right: 5px
        }

        .site-description h1 {
            font-size: 1.2em
        }

        .action-bar {
            font-size: 18px
        }

        fieldset.quick-login input.button {
            width: 100%
        }
    }

    .introfooter {
        padding: 20px
    }

    .introfooter p {
        font-size: 18px;
        line-height: 1.8em
    }

    .stat-block {
        padding-left: 20px
    }

    .stat-block h3 {
        cursor: pointer
    }

    .twoem {
        font-size: 1.6em
    }

    #engadget-footer-sitemap-container {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        background-color: #282828
    }

    #engadget-footer-sitemap-container #engadget-footer-sitemap {
        max-width: 75rem;
        margin-right: auto;
        margin-left: auto;
        color: #e6e6e6;
        padding: 2.75rem 0
    }

    #engadget-footer-sitemap-container #engadget-footer-sitemap::after, #engadget-footer-sitemap-container #engadget-footer-sitemap::before {
        display: table;
        content: ' ';
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-order: 1;
        order: 1;
    }

    #engadget-footer-sitemap-container #engadget-footer-sitemap::after {
        clear: both
    }

    #engadget-footer-sitemap-container #engadget-footer-sitemap a {
        color: #fff !important;
        line-height: 2em
    }

    #engadget-footer-sitemap-container #engadget-footer-sitemap .links > .link-column {
        float: left;
        width: 50%;
        padding-right: .625rem;
        padding-left: .625rem
    }

    @media print, screen and (min-width: 40em) {
        #engadget-footer-sitemap-container #engadget-footer-sitemap .links > .link-column {
            padding-right: .9375rem;
            padding-left: .9375rem
        }
    }

    #engadget-footer-sitemap-container #engadget-footer-sitemap .links > .link-column:nth-of-type(1n) {
        clear: none
    }

    #engadget-footer-sitemap-container #engadget-footer-sitemap .links > .link-column:nth-of-type(2n+1) {
        clear: both
    }

    #engadget-footer-sitemap-container #engadget-footer-sitemap .links > .link-column:last-child {
        float: left
    }

    @media print, screen and (min-width: 64em) {
        #engadget-footer-sitemap-container #engadget-footer-sitemap .links > .link-column {
            float: left;
            width: 25%;
            padding-right: .625rem;
            padding-left: .625rem
        }
    }

    @media print, screen and (min-width: 64em) and (min-width: 40em) {
        #engadget-footer-sitemap-container #engadget-footer-sitemap .links > .link-column {
            padding-right: .9375rem;
            padding-left: .9375rem
        }
    }

    @media print, screen and (min-width: 64em) {
        #engadget-footer-sitemap-container #engadget-footer-sitemap .links > .link-column:nth-of-type(1n) {
            clear: none
        }

        #engadget-footer-sitemap-container #engadget-footer-sitemap .links > .link-column:nth-of-type(4n+1) {
            clear: both
        }

        #engadget-footer-sitemap-container #engadget-footer-sitemap .links > .link-column:last-child {
            float: left
        }
    }

    #engadget-footer-social-container {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        background-color: #8a8a8a
    }

    #engadget-footer-social-container #engadget-footer-social {
        max-width: 75rem;
        margin-right: auto;
        margin-left: auto;
        color: #e6e6e6;
        padding: 1.75rem 0
    }

    #engadget-footer-social-container #engadget-footer-social::after, #engadget-footer-social-container #engadget-footer-social::before {
        display: table;
        content: ' ';
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-order: 1;
        order: 1;
    }

    #engadget-footer-social-container #engadget-footer-social::after {
        clear: both
    }

    #engadget-footer-social-container #engadget-footer-social a {
        color: #e6e6e6
    }

    #engadget-footer-social-container #engadget-footer-social .footer-left {
        width: 100%;
        float: left;
        padding-right: .625rem;
        padding-left: .625rem
    }

    @media print, screen and (min-width: 40em) {
        #engadget-footer-social-container #engadget-footer-social .footer-left {
            padding-right: .9375rem;
            padding-left: .9375rem
        }
    }

    #engadget-footer-social-container #engadget-footer-social .footer-left:last-child:not(:first-child) {
        float: right
    }

    @media print, screen and (min-width: 40em) {
        #engadget-footer-social-container #engadget-footer-social .footer-left {
            width: 50%;
            float: left;
            padding-right: .625rem;
            padding-left: .625rem
        }
    }

    @media print, screen and (min-width: 40em) and (min-width: 40em) {
        #engadget-footer-social-container #engadget-footer-social .footer-left {
            padding-right: .9375rem;
            padding-left: .9375rem
        }
    }

    @media print, screen and (min-width: 40em) {
        #engadget-footer-social-container #engadget-footer-social .footer-left:last-child:not(:first-child) {
            float: right
        }
    }

    @media print, screen and (min-width: 64em) {
        #engadget-footer-social-container #engadget-footer-social .footer-left {
            width: 41.66667%;
            float: left;
            padding-right: .625rem;
            padding-left: .625rem
        }
    }

    @media print, screen and (min-width: 64em) and (min-width: 40em) {
        #engadget-footer-social-container #engadget-footer-social .footer-left {
            padding-right: .9375rem;
            padding-left: .9375rem
        }
    }

    @media print, screen and (min-width: 64em) {
        #engadget-footer-social-container #engadget-footer-social .footer-left:last-child:not(:first-child) {
            float: right
        }
    }

    #engadget-footer-social-container #engadget-footer-social .footer-left .input-group-field {
        background: #fefefe
    }

    #engadget-footer-social-container #engadget-footer-social .footer-right {
        text-align: right;
        width: 100%;
        float: left;
        padding-right: .625rem;
        padding-left: .625rem
    }

    @media print, screen and (min-width: 40em) {
        #engadget-footer-social-container #engadget-footer-social .footer-right {
            padding-right: .9375rem;
            padding-left: .9375rem
        }
    }

    #engadget-footer-social-container #engadget-footer-social .footer-right:last-child:not(:first-child) {
        float: right
    }

    @media print, screen and (min-width: 40em) {
        #engadget-footer-social-container #engadget-footer-social .footer-right {
            width: 50%;
            float: left;
            padding-right: .625rem;
            padding-left: .625rem
        }
    }

    @media print, screen and (min-width: 40em) and (min-width: 40em) {
        #engadget-footer-social-container #engadget-footer-social .footer-right {
            padding-right: .9375rem;
            padding-left: .9375rem
        }
    }

    @media print, screen and (min-width: 40em) {
        #engadget-footer-social-container #engadget-footer-social .footer-right:last-child:not(:first-child) {
            float: right
        }
    }

    #engadget-footer-social-container #engadget-footer-social .fa {
        padding: 0 0 0 .6rem
    }

    #engadget-footer-social-container #engadget-footer-social h2 {
        color: #fefefe
    }

    #engadget-footer-social-container #engadget-footer-social p {
        font-size: .8rem;
        margin-bottom: 0
    }

    #engadget-footer-contact-details-container {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        background-color: #fefefe;
    }

    #engadget-footer-contact-details-container #engadget-footer-contact-details {
        max-width: 75rem;
        margin-right: auto;
        margin-left: auto;
        color: #8a8a8a;
        padding: 1.25rem 0
    }

    #engadget-footer-contact-details-container #engadget-footer-contact-details::after, #engadget-footer-contact-details-container #engadget-footer-contact-details::before {
        display: table;
        content: ' ';
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-order: 1;
        order: 1;
    }

    #engadget-footer-contact-details-container #engadget-footer-contact-details::after {
        clear: both
    }

    #engadget-footer-contact-details-container #engadget-footer-contact-details a {
        color: #000 !important
    }

    #engadget-footer-contact-details-container a:hover, #engadget-footer-sitemap-container a:hover {
        font-weight: 600;
        text-decoration: underline
    }

    #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-left {
        width: 100%;
        float: left;
        padding-right: .625rem;
        padding-left: .625rem;
        text-align: center;
        font-size: .9rem
    }

    @media print, screen and (min-width: 40em) {
        #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-left {
            padding-right: .9375rem;
            padding-left: .9375rem
        }
    }

    #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-left:last-child:not(:first-child) {
        float: right
    }

    #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-left li {
        display: block
    }

    @media print, screen and (min-width: 40em) {
        #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-left {
            width: 50%;
            float: left;
            padding-right: .625rem;
            padding-left: .625rem;
            text-align: left
        }
    }

    @media print, screen and (min-width: 40em) and (min-width: 40em) {
        #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-left {
            padding-right: .9375rem;
            padding-left: .9375rem
        }
    }

    @media print, screen and (min-width: 40em) {
        #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-left:last-child:not(:first-child) {
            float: right
        }
    }

    @media print, screen and (min-width: 64em) {
        #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-left {
            width: 66.66667%;
            float: left;
            padding-right: .625rem;
            padding-left: .625rem
        }
    }

    @media print, screen and (min-width: 64em) and (min-width: 40em) {
        #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-left {
            padding-right: .9375rem;
            padding-left: .9375rem
        }
    }

    @media print, screen and (min-width: 64em) {
        #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-left:last-child:not(:first-child) {
            float: right
        }

        #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-left ul {
            margin-bottom: 0
        }

        #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-left li {
            display: inline-block
        }
    }

    #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-left .fa {
        padding: 0 .4rem
    }

    #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-right {
        font-size: .9rem
    }

    @media screen and (max-width: 39.9375em) {
        #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-right {
            display: none !important
        }
    }

    @media print, screen and (min-width: 40em) {
        #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-right {
            width: 50%;
            float: left;
            padding-right: .625rem;
            padding-left: .625rem
        }
    }

    @media print, screen and (min-width: 40em) and (min-width: 40em) {
        #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-right {
            padding-right: .9375rem;
            padding-left: .9375rem
        }
    }

    @media print, screen and (min-width: 40em) {
        #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-right:last-child:not(:first-child) {
            float: right
        }
    }

    @media print, screen and (min-width: 64em) {
        #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-right {
            width: 33.33333%;
            float: left;
            padding-right: .625rem;
            padding-left: .625rem;
            text-align: right
        }
    }

    @media print, screen and (min-width: 64em) and (min-width: 40em) {
        #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-right {
            padding-right: .9375rem;
            padding-left: .9375rem
        }
    }

    @media print, screen and (min-width: 64em) {
        #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-right:last-child:not(:first-child) {
            float: right
        }

        #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-right ul {
            padding-top: 1.6rem
        }
    }

    #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-right .fa {
        padding: 0 .4rem
    }

    @media (max-width: 540px) {
        #engadget-footer-sitemap-container #engadget-footer-sitemap .links > .link-column {
            width: 100%
        }

        #engadget-footer-sitemap-container #engadget-footer-sitemap a {
            line-height: 1.5em
        }
    }

    span.button {
        font-size: 1.2rem
    }

    a.button {
        font-size: 1.2rem
    }

    .postview a {
        color: #196db5;
        font-weight: 500
    }

    select#search_forum option {
        margin-bottom: .5rem
    }

    h3.review {
        margin: 1rem 0
    }

    #topicreview .postbody > h3 {
        max-width: 80%
    }

    @media (max-width: 540px) {
        #engadget-footer-contact-details > div > ul {
            justify-content: center;
        }

        dl.row-item dt .list-inner {
            padding-left: 50px;
        }

        .newFontIcon:before {
            margin-left: 0;
        }

    }

    @media screen and (max-width: 700px) {
        .navbar {
            padding: 9px 7px;
            border-radius: 0;
        }
    }

    @media screen and (min-width: 701px) {
        ul.linklist.navbar li {
            font-size: 1.5rem
        }
    }