/*
	phpBB3 Style Sheet
    ----------------------------------------------------------------
	Style name:			ForumUS - Responsive phpBB 3.2 Style / Theme
	Based on style:		prosilver (the default phpBB 3.1.x style)
	Author:				ThemeLooks ( https://themeloooks.com/ )
    ----------------------------------------------------------------


NOTE:
------
PLEASE DO NOT EDIT THIS CSS, YOU MAY NEED TO USE "custom.css" FILE FOR WRITING YOUR CUSTOM CSS.
WE MAY RELEASE FUTURE UPDATES SO IT WILL OVERWRITE THIS FILE. IT'S BETTER AND SAFER TO USE "custom.css".


[Table of Contents]

1. GENERAL STYLES
	1-1. CLEARFIX
	1-2. DROPDOWNS
	1-3. BACKGROUND COLORS
	1-4. PRELOADER
	1-5. PADDINGS
	1-6. MARGINS

2. HEADER AREA

3. TOPICS AREA

4. EXTENSIONS
	4-1. PAGES
	4-2. BOARD RULES
	4-3. ABBC
	4-4. MCHAT
    4-5. LAST POST AUTHOR
    4-6. ADSENSE

5. FOOTER AREA
    5-1. FOOTER WIDGET TITLE
    5-2. FOOTER ABOUT WIDGET
    5-3. FOOTER SUBSCRIBE WIDGET
    5-4. FOOTER USEFUL LINKS WIDGET

6. COPYRIGHT AREA

7. MEDIA QUERIES
    7-1. LARGE DEVICES, WIDE SCREENS
    7-2. MEDIUM DEVICES, DESKTOPS
    7-3. SMALL DEVICES, TABLETS
    7-4. SMALL DEVICES, SMARTPHONES
    7-5. CUSTOM, IPHONE RETINA

8. HELPER CLASSES
    8-1. RESET-GUTTER
    8-2. RESET-MARGIN
    8-3. RESET-PADDING
    8-4. VERTICAL-CENTERING

*/

/*------------------------------------*\
    1. GENERAL STYLES
\*------------------------------------*/
body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 0;
}

#wrap {
    margin: 0;
    padding: 0;
    width: auto;
    min-width: 0;
    max-width: none;
}

a, a:link, a:visited, a:hover, a:active {
    color: #fff;
    text-decoration: none;
    outline: 0;
}

button {
	outline: 0;
}

p {
    font-size: 14px;
    line-height: 18px;
}
p:last-child {
    margin-bottom: 0;
}

i.fa {
    margin-left: 1px;
}
.fa.fm {
    margin-right: 10px;
}

input {
	transition: border-color .25s;
}

.error {
    font-size: inherit;
    font-weight: inherit;
}

.heading--title {
    margin-top: 0;
    margin-bottom: 2px;
    font-size: 16px;
    line-height: 26px;
}

.inputbox + .heading--title,
.input--desc + .heading--title {
    margin-top: 11px;
}

input.inputbox + .heading--title,
.input-group + .heading--title {
    margin-top: 16px;
}

.has--add-btn + .heading--title {
    margin-top: 10px;
}

.colorpicker-component .input-group-addon {
    border-radius: 0;
    border-color: #eee;
}

.colorpicker {
    margin: -1px 0 0 120px;
    padding: 10px;
    border-radius: 0;
    border-color: #eee;
}

.colorpicker:before {
    left: 13px;
    right: auto;
    border-color: #eee;
}

.colorpicker:after {
    left: 14px;
    right: auto;
}

.colorpicker-component .inputbox {
    width: auto;
    margin-right: 0;
}

.colorpicker-hue,
.colorpicker-alpha {
    margin-bottom: 0;
}

.colorpicker-swatches {
    margin: 0 -5px;
}

.colorpicker-swatches > i {
    width: 14.8px;
    height: 15px;
    margin: 5px 5px 0 !important;
}

.colorpicker-swatches > i:nth-child(7) {
    clear: left;
}

/* 1-1. CLEARFIX */
.clearfix {
	overflow: visible;
}

/* 1-2. DROPDOWNS */
.dropdown {
    display: block;
    top: auto;
    left: auto;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

#darkenwrapper .hidden {
	display: block !important;
}

/* 1-3. BACKGROUND COLORS */
.bg-mercury {
    background-color: #e9e9e9;
}
.bg-bluewood {
    background-color: #03a9f4;
}
.bg-alabaster {
    background-color: #f8f8f8;
}
.bg--darker {
    background-color: #e9e9e9;
}

/* 1-4. PRELOADER */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #03a9f4;
    z-index: 999999;
}
.preloader--bounce {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
}
.preloader-bouncer--1,
.preloader-bouncer--2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -webkit-animation: bounce 2.0s infinite ease-in-out;
            animation: bounce 2.0s infinite ease-in-out;
}
.preloader-bouncer--2 {
    -webkit-animation-delay: -1.0s;
            animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
    0%, 100% { 
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% { 
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

/* 1-5. PADDINGS */
.pt--10 { padding-top: 10px; }

.pb--10 { padding-bottom: 10px; }

/* 1-6. MARGINS */
.mt--10 { margin-top: 10px; }

.mb--10 { margin-bottom: 10px; }

.panel.panel-top--10 { margin-top: 10px; }

#format-buttons.format-buttons-top-0 { margin-top: 0; }

/*------------------------------------*\
    2. HEADER AREA
\*------------------------------------*/
#header {
    position: relative;
    z-index: 10;
}

#sticky-wrapper {
    background-color: #fff;
    -webkit-transition: height .25s ease-in-out;
            transition: height .25s ease-in-out;
}
#sticky-wrapper.is-sticky .header--nav {
    box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
}

/* HEADER TOPBAR */
div#phpbb_announcement {
    position: relative;
    display: block;
    margin: 0;
    padding: 10px 0;
    color: #fff;
    background-color: #03a9f4;
    border: 0;
    border-radius: 0;
    z-index: 0;
}
div#phpbb_announcement > div {
    margin: 0 auto;
    padding: 0 15px;
    font-size: 14px;
    line-height: 20px;
}
div#phpbb_announcement > .close {
    position: absolute;
    top: 50%;
    right: 0;
    float: none;
    margin: -7px 15px;
    -webkit-filter: invert(100%);
    filter: invert(100%);
    background-position: right;
    opacity: 1;
    z-index: 1;
}

@media (min-width: 768px) {
    div#phpbb_announcement > div {
        width:750px;
    }
}
@media (min-width: 992px) {
    div#phpbb_announcement > div {
        width:970px;
    }
}
@media (min-width: 1200px) {
    div#phpbb_announcement > div {
        width:1170px;
    }
}

/* PRIMARY HEADER */
.header--logo {
    float: left;
    height: 68px;
}
.header--logo h1 {
    margin: 0;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
}
.header--logo h1 a {
	display: block;
    color: inherit;
}
.header--logo h1 a img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 65px;
}

.header--social {
    float: right;
    margin-top: 16px;
}
.header--social ul li {
    float: left;
}
.header--social ul li a {
    padding: 10px 12px;
    color: inherit;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.header--social ul li a:hover,
.header--social ul li a:focus {
    color: #03a9f4;
    background-color: transparent;
}

.header--login {
    float: right;
    margin-top: 18px;
}
.header--social + .header--login {
    margin-right: 50px;
}
.header--login a {
    display: inline-block;
    margin: 0 5px;
    padding: 8px 0;
    color: inherit;
    text-transform: capitalize;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.header--login a:hover,
.header--login a:focus {
    color: #03a9f4;
}
.header--login a i {
    margin-right: 10px;
}

#LoginForm .modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#LoginForm .modal-dialog {
    max-width: 345px;
    margin: 100px auto;
    padding: 0 15px;
}
#LoginForm .modal-content {
    border-radius: 0;
}
#LoginForm .modal-content button.close {
    position: absolute;
    top: -10px;
    right: -20px;
    filter: alpha(opacity=100);
    color: #fff;
    font-size: 28px;
    font-weight: 100;
    opacity: 1;
    outline: 0;
}
#LoginForm .modal-header {
    color: #fff;
    background-color: #293a4a;
    border: none;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
}
#LoginForm .modal-header i.fa {
    margin-right: 10px;
}
#LoginForm .modal-body form {
    overflow: hidden;
}
#LoginForm .modal-body .form-control {
    border-radius: 0;
    margin-bottom: 15px;
    box-shadow: none;
}
#LoginForm .modal-body .form-control.error {
    border-color: #293a4a;
}
#LoginForm .modal-body .form-control.valid {
    border-color: #66afe9;
}
#LoginForm .modal-body .submit-btn {
    color: #fff;
    background-color: #03a9f4;
    padding: 10px 30px;
    border: none;
    text-transform: uppercase;
    outline: 0;
    -webkit-transition: background-color .25s ease-in-out;
            transition: background-color .25s ease-in-out;
}
#LoginForm .modal-body .submit-btn:hover {
    background-color: #03a9f4;
}

/* PRIMARY HEADER: SHORTCODES */
.header-transparent {
    color: #fff;
}
.header-transparent .header--primary {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
}
.header-transparent .header--slider {
    padding-top: 70px;
    min-height: 335px;
}
.header-transparent .header-slider--content {
    margin-top: 35px;
}

.header-semi-transparent .header--primary {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: 1;
}
.header-semi-transparent .header--slider {
    padding-top: 70px;
    min-height: 335px;
}
.header-semi-transparent .header-slider--content {
    margin-top: 35px;
}

.header--primary.bg-bluewood {
    color: #fff;
}

/* HEADER SLIDER */
.header--slider {
    position: relative;
    min-height: 300px;
    color: #fff;
    background-color: #c5c5c5;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
}
.header-slider--content {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    width: 100%;
    z-index: -1;
}
.header-slider--content h2 {
    margin-top: 0;
}

/* HEADER NAVBAR */
.header--nav .nav {
    float: left;
}
.header--nav .nav > li {
    float: left;
}
.header--nav .nav > li > a {
    padding: 16px 20px 14px;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: color .25s ease, background-color .25s ease-in-out;
            transition: color .25s ease, background-color .25s ease-in-out;
}
.header--nav .nav > li > a:focus {
    color: #fff;
    background-color: transparent;
}
.header--nav .nav > li > a:hover,
.header--nav .nav > li.active > a,
.header--nav .nav > li.active > a:focus {
    color: #222;
    background-color: #fff;
}
.header--nav .nav > li.dropdown > .dropdown-menu {
    margin: 0;
    border-width: 0 0 1px;
    border-radius: 0;
}
.header--nav .nav > li.dropdown > .dropdown-menu {
    position: fixed;
    top: auto;
    left: 0;
    width: 100%;
    margin: 0;
    border-width: 0 0 1px;
    border-color: #e9e9e9;
    border-radius: 0;
    box-shadow: none;
}
.header--nav .nav > li.dropdown > .dropdown-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.header--nav .nav > li.dropdown > .dropdown-menu ul li {
    float: left;
}
.header--nav .nav > li.dropdown > .dropdown-menu ul li a {
    display: block;
    padding: 10px 15px;
    color: #222;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.header--nav .nav > li.dropdown > .dropdown-menu ul li a:hover,
.header--nav .nav > li.dropdown > .dropdown-menu ul li a:focus {
    color: #293a4a;
}

.header-nav--primary.nav > li > a {
    padding: 26px 20px 24px;
}

.header--search-bar {
    float: right;
    max-width: 263px;
    margin-top: 17px;
    position: relative;
}
.header--search-bar input {
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.header--search-bar input:focus {
    box-shadow: none;
}
.header--search-bar .input-group-btn .btn {
    border-width: 0 1px;
    border-radius: 0;
    color: #222;
    margin-left: 0;
    margin-right: -1px;
    padding: 7px 12px;
    outline: 0;
    -webkit-transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease;
            transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease;
}
.header--search-bar .input-group-btn .btn:hover,
.header--search-bar .input-group-btn .btn:focus {
    color: #fff;
    background-color: #293a4a;
    border-color: #293a4a;
    box-shadow: none;
}

.header-member-info {
    float: right;
    margin-top: 10px;
    margin-left: 15px;
}

.header-member--notifications,
.header-member-info .msg {
    float: left;
    z-index: 9;
}
.header-member-notifications--toggle,
.header-member-info .msg {
	position: relative;
    display: block;
    padding: 15px 10px;
    -webkit-transition: opacity .25s ease;
            transition: opacity .25s ease;
}
.header-member-notifications--toggle:hover,
.header-member-notifications--toggle:focus,
.header-member-info .msg:hover,
.header-member-info .msg:focus {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.header-member-notifications--toggle small,
.header-member-info .msg small {
    position: absolute;
    top: 10px;
    right: 1px;
	color: #fff;
    background-color: #293a4a;
    border-radius: 50%;
    display: block;
    width: 15px;
    text-align: center;
    font-size: 11px;
    line-height: 16px;
}
.header-member--notifications .dropdown-menu {
    left: auto;
    right: 0;
    min-width: 300px;
    margin-top: 0;
    border: none;
    border-radius: 0;
}
.header-member--notifications .dropdown--header {
    padding: 5px 15px 0;
}
.header-member--notifications .dropdown--header h4 {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    float: left;
}
.header-member--notifications .dropdown--header h4 span {
	display: none;
}
.header-member--notifications.has-unread .dropdown--header h4 .count {
	display: inline;
}
.header-member--notifications .dropdown--header .action {
    margin-left: 10px;
    color: #222;
    font-size: 16px;
    line-height: 20px;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.header-member--notifications .dropdown--header .action:hover,
.header-member--notifications .dropdown--header .action:focus {
    color: #03a9f4;
}
.header-member-notifications--toggle small,
.header-member--notifications .dropdown--header .action.mark-all {
	display: none;
}
.header-member--notifications.has-unread .header-member-notifications--toggle small,
.header-member--notifications.has-unread .dropdown-menu .action.mark-all {
	display: block;
}
.header-member--notifications.has-unread .dropdown-body--notification.is-unread {
    background-color: #e9e9e9;
}
.header-member--notifications .dropdown-body--notification a {
    display: block;
    padding: 10px 15px;
    color: #222;
	-webkit-transition: background-color .25s ease-in-out;
	        transition: background-color .25s ease-in-out;
}
.header-member--notifications .dropdown-body--notification a:hover,
.header-member--notifications .dropdown-body--notification a:focus {
    background-color: #e9e9e9;
}
.header-member--notifications .dropdown-body--notification .avatar {
    width: 50px;
    height: 50px;
    display: block;
    float: left;
}
.header-member--notifications .dropdown-body-notification--text {
    margin-left: 60px;
}
.header-member--notifications .dropdown-body--notification a img {
    width: 32px;
    height: 32px;
    float: left;
}
.header-member--notifications .dropdown-body--notification a .dropdown-body-notification--text {
    margin-left: 48px;
}
.header-member--notifications .dropdown-body-notification--text p {
    margin: 0;
}
.header-member--notifications p.notification-title {
    margin-top: -4px;
}
.header-member--notifications .notification-time {
    font-size: 12px;
    color: #737373;
    line-height: 16px;
}
.header-member--notifications .notification-title .username-coloured {
    color: #222 !important;
}
.header-member--notifications .dropdown--body .no-notification {
    padding: 0 15px;
}
.header-member--notifications .dropdown--body .see-all {
    display: block;
    padding: 10px 0 5px;
	border-top: 1px solid #e9e9e9;
    color: #222;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
	text-transform: uppercase;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.header-member--notifications .dropdown--body .see-all:hover,
.header-member--notifications .dropdown--body .see-all:focus {
    color: #03a9f4;
}

.header-member-info .msg {
    float: left;
}

.header-member-info .member-profile {
    float: left;
    margin-top: 9px;
    margin-left: 15px;
}
.member-profile--toggle {
    position: relative;
    display: block;
}
.header-member-info .member-profile--toggle img {
    display: inline-block;
    width: 30px;
    height: 30px;
}
.member-profile--toggle.online:before {
    content: " ";
    position: absolute;
    top: -5px;
    right: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #19A15F;
}
.header-member-info .member-profile .dropdown-menu {
    left: auto;
    right: 0;
    border: none;
    border-radius: 0;
    margin-top: 20px;
    padding: 15px 15px 5px;
}
.header-member-profile--info h4 {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}
.header-member-profile--info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.header-member-profile--info ul li a {
    display: block;
    padding: 5px 0;
    color: #222;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.header-member-profile--info ul li a:hover,
.header-member-profile--info ul li a:focus {
    color: #03a9f4;
}
.header-member-profile--info ul li a .fa {
    min-width: 12px;
    text-align: center;
}

/* HEADER NAV TABPANE */
.header-nav--tab {
    background-color: #fff;
}
.header-nav--tab .nav > li > a {
    color: #222;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.header-nav--tab .nav > li > a:hover,
.header-nav--tab .nav > li > a:focus {
    color: #03a9f4;
}

.header-nav--tabpane {
    overflow: hidden;
}

/* LOGIN FORM */
#login .fields1 label {
    margin-top: 5px;
}
#login .fields1 input.button1 {
    padding: 8px 30px;
    color: #fff;
    background-color: #293a4a;
}
#login .fields1 input.button1:hover {
    background-color: #03a9f4;
}

/*------------------------------------*\
    3. TOPICS AREA
\*------------------------------------*/
#topic {
    padding: 50px 0;
    background-color: #f0f0f0;
}

.topic--body {
    -webkit-transition: width .25s ease-in-out;
            transition: width .25s ease-in-out;
}
.topic--body.expended {
    width: 100%;
}

.topic--breadcrumb {
    margin-bottom: 30px;
    padding: 1px 0;
    background-color: #fff;
    border-bottom: 1px solid #e9e9e9;
}
.topic--breadcrumb:last-child {
    margin-bottom: 0;
}
.topic--breadcrumb .breadcrumb {
    float: left;
    margin: 0;
    padding: 16px 15px 14px;
    background-color: transparent;
    border-radius: 0;
}
.topic--breadcrumb .breadcrumb li a,
.topic--breadcrumb li a,
.breadcrumbs .crumb a {
    color: #222;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.topic--breadcrumb .breadcrumb li a:hover,
.topic--breadcrumb .breadcrumb li a:focus,
.breadcrumbs .crumb a:hover,
.breadcrumbs .crumb a:focus {
    color: #03a9f4;
}
.topic--breadcrumb .toggle-sidebar {
    float: right;
    margin-top: 20px;
    margin-right: 15px;
    color: #222;
    background-color: transparent;
    border: none;
    font-size: 18px;
    line-height: 26px;
    outline: 0;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.topic--breadcrumb .toggle-sidebar.active {
    color: #03a9f4;
}
.breadcrumbs .crumb {
    font-weight: normal;
}

.breadcrumbs .crumb:before {
    content: '/';
}

.topic--pagination {
    font-size: 0;
    margin-bottom: 30px;
}
.topic--pagination .pagination {
    margin: 0;
    padding: 0;
    list-style: none;
    border-radius: 0;
}
.topic--pagination .pagination li a {
    margin-right: 10px;
    font-size: 14px;
    border-radius: 0;
    border-width: 0 0 1px;
    border-color: #e9e9e9;
    color: #222;
}
.topic--pagination .pagination li a:hover,
.topic--pagination .pagination li a:focus,
.topic--pagination .pagination li.active a {
    background-color: #293a4a;
    color: #fff;
    border-color: #e9e9e9;
}
.topic--pagination .pagination li.disabled a {
    background-color: #fff;
    color: #222;
}

.topic--list {
    margin-bottom: 30px;
}
.topic--list:last-child {
    margin-bottom: 0;
}

.topic-list--header {
    background-color: #03a9f4;
    white-space: nowrap;
    position: relative;
}
.topic-list-header--title {
    display: block;
    margin-right: 45px;
    padding: 15px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    -webkit-transition: opacity .25s ease;
            transition: opacity .25s ease;
    overflow: hidden;
    text-overflow: ellipsis;
}
a.topic-list-header--title:hover,
a.topic-list-header--title:focus {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.topic-list-header--title i.fa {
    margin-right: 10px;
}
.topic-list-header--toggle-btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 18px 20px 14px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.25);
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 14px;
    line-height: 18px;
    -webkit-transition: opacity .25s ease-in-out;
            transition: opacity .25s ease-in-out;
    cursor: pointer;
}
.topic--list:hover .topic-list-header--toggle-btn,
.topic-sidebar--widget:hover .topic-list-header--toggle-btn {
    opacity: 1;
    filter: alpha(opacity=100);
}

.topic-list--content {
    overflow: hidden;
}

.topic-list--content form {
    padding: 15px 20px;
}

.topic-list--content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.topic-list--content ul.cp-list {
    margin-bottom: 10px;
}
.topic-list--content > ul > li {
    margin: 10px 0;
    padding-top: 2px;
    padding-bottom: 14px;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #e9e9e9;
    background-color: #fff;
    overflow: hidden;
}
.topic-list--content > ul > li:last-child {
    margin-bottom: 0;
}
.topic-list-content--icon {
    float: left;
    width: 35px;
    margin: 18px 0 0 15px;
    padding: 5px 0;
    color: #03a9f4;
    border: 1px solid #03a9f4;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    -webkit-transition: color .25s ease, background-color .25s ease-in-out;
            transition: color .25s ease, background-color .25s ease-in-out;
}
.topic-list--content ul li:hover > .topic-list-content--icon {
    color: #fff;
    background-color: #03a9f4;
}
.topic-list-content--icon.has-unread-post {
    position: relative;
}
.topic-list-content--icon.has-unread-post:before {
    content: " ";
    position: absolute;
    top: -8px;
    right: -8px;
    width: 15px;
    height: 15px;
    background-color: #293a4a;
    border: 3px solid #fff;
    border-radius: 50%;
}

.topic-list-header--toggle-btn.toggled i.fa:before {
    content: "\f067";
}

.topic-list--content ul li.topic-list--sub {
    padding: 0;
    background-color: transparent;
    border-bottom: 0;
}
.topic-list--sub > .row {
    margin: 0 -5px;
}
.topic-list--sub > .row > .col-md-3 {
    padding: 0 5px;
}
.topic-list--sub .topic-list--content-holder {
    background-color: #fff;
    padding-bottom: 15px;
    border-bottom: 1px solid #e9e9e9;
    overflow: hidden;
}
.topic-list--content-holder:hover .topic-list-content--icon {
    color: #fff;
    background-color: #293a4a;
}

.topic-list--sub-forum-01 {
    float: left;
    width: 100%;
    max-width: 480px;
    margin: 15px 0 0 65px;
}
.topic-list--sub-forum-01 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.topic-list--sub-forum-01 ul li {
    width: 33%;
    margin: 5px 0;
    padding: 0;
    border: none;
    float: left;
    white-space: nowrap;
}
.topic-list--sub-forum-01 ul li a {
    display: block;
    color: #222;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
    overflow: hidden;
    text-overflow: ellipsis;
}
.topic-list--sub-forum-01 ul li a:hover,
.topic-list--sub-forum-01 ul li a:focus {
    color: #293a4a;
}
.topic-list--sub-forum-01 ul li a i.fa {
    margin-right: 10px;
}

.topic-list-content--author {
    width: 30px;
    float: left;
    margin: 20px 0 0 15px;
}

.topic-list--sub .topic-list-content--title {
    width: auto;
    margin-top: 25px;
}

.topic-list-content--title {
    float: left;
    margin-top: 15px;
    margin-left: 15px;
    max-width: 250px;
}
.topic-list--link .topic-list-content--title {		
    float: none;
    max-width: none !important;
    margin-right: 32px;
    margin-left: 65px;
    overflow: hidden;
}
.col-md-9.topic--body.expended .topic-list-content--title {
    max-width: 645px;
}
.topic-list-content--title.no-desc {
    margin-top: 24px;
    margin-bottom: 8px;
}
.topic-list-content--title h2 {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.topic-list-content--title.topic--icon-2 h2 {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: left center;
}
.topic-list-content--title h2 a {
    color: #293a4a;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.topic-list-content--title h2 a:hover {
    color: #03a9f4;
}
.topic-list-content--title p {
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.topic-list-content--title p a {
    color: #222;
    margin-right: 10px;
}

.topic-list-content--rss {
    float: right;
    margin-top: 30px;
    margin-right: 25px;
}
.topic-list-content--rss a {
    color: #222;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.topic-list--content ul li:hover > .topic-list-content--rss a {
    color: #03a9f4;
}

.topic-list-content--stats {
    float: right;
    margin-top: 20px;
    font-size: 0;
    text-align: center;
}
.topic-list-content--stats p {
    display: inline-block;
    margin: 0 30px 0 0;
    font-size: 14px;
    line-height: 18px;
}
.topic-list-content--stats p strong {
    display: block;
}

.topic-list--content .topic-list--pagination {
    margin: 24px 14px 0 0;
}
.topic-list--content .topic-list--pagination li a {
    padding: 2px 4px 0;
}

.topic-list-content--meta {
    float: right;
    width: 200px;
    margin-top: 20px;
    margin-right: 30px;
}
.topic-list-content--meta a.avater {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 15px;
    margin-top: 5px;
}
.topic-list-content--meta .recent-post {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.topic-list-content--meta .recent-post-time {
    display: block;
    color: #737373;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.topic-list-content--meta .recent-post-time a {
    color: #222 !important;
    font-weight: 500;
}
.topic-list-content--meta .no-posts {
    display: block;
    margin-top: 10px;
}

.topic-list-content--meta a {
    color: #222;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
    /* overflow: hidden; */
}
.topic-list-content--meta a:hover {
    color: #03a9f4 !important;
}

#preview {
    margin: 10px 0 0;
    padding: 10px 20px 15px;
    border-radius: 0;
}
#preview + hr {
    display: none;
}

#message-box textarea {
    width: 100%;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 20px;
}

.topic-reply-info {
    padding-bottom: 15px;
    box-shadow: 0px 1px 0px 0px #e9e9e9;
}

.topic-reply-info--title {
    margin: 0;
    color: #222;
    font-size: 20px;
    line-height: 24px;
}
.topic-reply-info--title a {
    color: #737373;
}

.topic-reply--item {
    color: #222;
    margin-top: 15px;
    padding: 15px;
    background-color: #fff;
    box-shadow: 0px 1px 0px 0px #e9e9e9;
}
.topic-reply--item p {
    color: #222;
}
.topic-reply-item--meta {
    margin-bottom: 15px;
    font-size: 0;
}
.topic-reply-item--meta i.fa {
    color: #ccc;
    border: 1px solid #e9e9e9;
    padding: 5px 10px;
    margin-right: 5px;
    font-size: 20px;
    line-height: 24px;
}
.topic-reply-item--meta p {
    display: inline-block;
    color: #acacac;
    border-bottom: 1px dotted #acacac;
    vertical-align: top;
    font-size: 14px;
    margin-top: 8px;
    margin-left: 10px;
}
.topic-reply-item--meta a {
    color: #acacac;
    font-weight: 400;
}

.topic-sidebar--widget {
    margin-bottom: 30px;
}
.topic-sidebar--widget:last-child {
    margin-bottom: 0;
}

.topic-sidebar-widget--signup {
    background-color: #fff;
}
.topic-sidebar-widget--signup a.btn {
    padding: 14px 0;
    border-radius: 0;
    color: #fff;
    background-color: #293a4a;
    text-transform: uppercase;
    -webkit-transition: background-color .25s ease-in-out;
            transition: background-color .25s ease-in-out;
}
.topic-sidebar-widget--signup a.btn:hover,
.topic-sidebar-widget--signup a.btn:focus {
    background-color: #03a9f4;
}

.topic-sidebar-widget--statistics {
    margin-top: 10px;
    padding: 15px;
    background-color: #fff;
    border-bottom: 1px solid #e9e9e9;
}
.topic-sidebar-widget--statistics p {
    font-size: 14px;
	text-transform: capitalize;
}
.topic-sidebar-widget--statistics .clearfix strong {
	float: right;
}
.topic-sidebar-widget--statistics a {
	color: #222 !important;
	-webkit-transition: color .25s ease;
	        transition: color .25s ease;
}
.topic-sidebar-widget--statistics a:hover,
.topic-sidebar-widget--statistics a:focus {
	color: #293a4a;
}

.topic-sidebar-widget--ad {
    margin-top: 10px;
    padding: 15px;
    background-color: #fff;
    border-bottom: 1px solid #e9e9e9;
}
.topic-sidebar-widget--ad > .ads {
    margin: 0 -5px;
}
.topic-sidebar-widget--ad > .ads:before,
.topic-sidebar-widget--ad > .ads:after {
    content: " ";
    display: table;
}
.topic-sidebar-widget--ad > .ads:after {
    clear: both;
}
.topic-sidebar-widget--ad > .ads > a {
    float: left;
    display: block;
    width: 50%;
    margin-top: 10px;
    padding: 0 5px;
}
.topic-sidebar-widget--ad > .ads > a.full {
    width: 100%;
}
.topic-sidebar-widget--ad > .ads > a:nth-child(1),
.topic-sidebar-widget--ad > .ads > a:nth-child(2) {
    margin-top: 0;
}
.topic-sidebar-widget--ad > .ads > a.full:nth-child(1) + a {
    margin-top: 10px;
}
.topic-sidebar-widget--ad > .ads > a > img {
    width: 100%;
    height: auto;
}

.topic-sidebar-widget--share {
    padding: 15px;
}
.topic-sidebar-widget--share ul {
    overflow: hidden;
}
.topic-sidebar-widget--share ul li {
    border: none;
    padding: 0;
    margin: 0 10px 10px 0;
    float: left;
}
.topic-sidebar-widget--share ul li a {
    color: #fff;
    display: block;
    padding-right: 18px;
}
.topic-sidebar-widget--share ul li.fb a {
    background-color: #415e9b;
}
.topic-sidebar-widget--share ul li.tw a {
    background-color: skyblue;
}
.topic-sidebar-widget--share ul li.gp a {
    background-color: #EA4335;
}
.topic-sidebar-widget--share ul li a i.fa {
    border-style: solid;
    border-width: 0 2px;
    border-color: #fff;
    width: 30px;
    padding: 5px 0;
    text-align: center;
    color: #fff;
    margin-right: 18px;
}

.topic-sidebar-widget--nav ul li {
    margin: 0;
    padding: 0;
}
.topic-sidebar-widget--nav ul li:last-child {
    border-bottom: none;
}
.topic-sidebar-widget--nav ul li a {
    display: block;
    padding: 10px 15px;
    color: #222;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.topic-sidebar-widget--nav ul li a:hover {
    color: #293a4a;
}

/* ACTION BAR */
.action-bar {
    margin: 0 0 30px;
    padding: 15px 20px;
    background-color: #fff;
    border-bottom: 1px solid #e9e9e9;
    font-size: 14px;
    text-align: right;
}
.action-bar a,
a.action-bar-pagination--new,
.action-bar-pagination--new {
    float: left;
    color: #222;
	-webkit-transition: color .25s ease;
	        transition: color .25s ease;
}
.action-bar-pagination--new.post-icon:hover,
.action-bar-pagination--new.post-icon:focus,
.action-bar a:hover,
.action-bar a:focus {
    color: #03a9f4;
}
.action-bar--pagination > a + a {
    color: #222;
    border-left: 1px solid #e9e9e9;
    padding-left: 10px;
    margin-left: 10px;
}
.action-bar-pagination--topics {
    border-right: 1px solid #e9e9e9;
    padding-right: 10px;
    margin-right: 10px;
    text-transform: capitalize;
}
.action-bar--pagination ul {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
	overflow: hidden;
}
.action-bar--pagination ul li {
    float: left;
    border: 1px solid #e9e9e9;
    margin-left: -1px;
}
.action-bar--pagination ul li:first-child {
    margin-left: 0px;
}
.action-bar--pagination ul li span,
.action-bar--pagination ul li a {
	display: block;
    padding: 0px 7px;
    color: #222;
	-webkit-transition: background-color .25s ease-in-out;
	        transition: background-color .25s ease-in-out;
}
.action-bar--pagination ul li:hover,
.action-bar--pagination ul li:focus,
.action-bar--pagination ul li.active,
.action-bar--pagination ul li span,
.action-bar--pagination ul li span:hover,
.action-bar--pagination ul li span:hover {
    background-color: #f8f8f8;
}

.action-bar .member-search.panel {
    margin-top: 5px;
}

/* POSTING TITLE */
.posting-title a {
	color: #222;
}

/* PANEL */
.panel {
    padding: 0;
    margin: 0;
    border: none;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
}
.panel.bg2 {
    background-color: #fff;
    padding: 20px 0;
    border-bottom: 1px solid #e9e9e9;
}
.panel h3 {
    margin: 0 0 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    padding: 0 0 10px;
    border-color: #f5f5f5;
}

.panel.bg3 {
    background-color: #fff;
    padding: 20px;
    border-bottom: 1px solid #e9e9e9;
}

.panel-container .panel p,
.panel p {
    font-size: 14px;
    line-height: 18px;
}

.login-panel .panel {
    margin-top: 10px;
    padding: 15px;
    background-color: #fff;
    border-bottom: 1px solid #e9e9e9;
}
.login-panel .panel:first-child {
    margin-top: 0;
}
.login-panel .content p a {
    color: #222;
    font-family: 'Roboto', sans-serif;
    -webkit-transition: color .25s ease-in-out;
            transition: color .25s ease-in-out;
}
.login-panel .content p a:hover,
.login-panel .content p a:focus {
    color: #03a9f4;
}
.login-panel .content p a.button2 {
    display: inline-block;
    padding: 0 20px;
    color: #fff;
    background-color: #293a4a;
    -webkit-transition: background-color .25s ease-in-out;
            transition: background-color .25s ease-in-out;
}
.login-panel .content p a.button2:hover,
.login-panel .content p a.button2:focus {
    color: #fff;
    background-color: #03a9f4;
}

.panel.adv-search-panel.first {
    margin-top: 10px;
    border-bottom: 1px solid #e9e9e9;
    background-color: #fff;
}
.panel.adv-search-panel {
    padding: 15px 15px 0;
    margin-bottom: 30px;
}

.panel--bg-white {
    margin-top: 10px;
    padding: 20px 20px 0;
    background-color: #fff;
    border-bottom: 1px solid #e9e9e9;
}

.panel--links-color a {
    color: #303030;
}
.panel--links-color a:hover,
.panel--links-color a:focus {
    text-decoration: underline;
}

/* FIELDSET */
fieldset {
	font-family: 'Roboto', sans-serif;
}

fieldset.fields1 div {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 18px;
}

fieldset.fields1 div a {
    color: #222;
}

fieldset.display-actions {
    padding-right: 0;
}

/* FIELDSET - SUBMIT BUTTONS */
fieldset.submit-buttons {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    font-size: 0;
}
fieldset.submit-buttons input {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	margin: 0 10px;
	padding: 10px 0;
	min-width: 120px;
	border-radius: 0;
	color: #fff;
	background-color: #293a4a;
	text-transform: uppercase;
	-webkit-transition: background-color .25s ease-in-out, opacity .25s;
	transition: background-color .25s ease-in-out, opacity .25s;
}

fieldset.submit-buttons input + .status {
    display: none;
    margin-top: 10px;
}

fieldset.submit-buttons input[disabled] {
    background-color: #03a9f4;
    opacity: 0.75;
}
fieldset.submit-buttons input:hover {
	background-color: #03a9f4;
}
fieldset.submit-buttons input.wide {
	padding-left: 30px;
	padding-right: 30px;
}

fieldset dl {
    padding: 0;
    margin: 0 0 20px;
}

fieldset.fields1 dd {
    margin-bottom: 0;
}

fieldset.fields1 dd a {
    color: #222;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
fieldset.fields1 dd a:hover,
fieldset.fields1 dd a:focus {
    color: #293a4a;
}

fieldset.fields1 dd.captcha-image {
    margin-bottom: 10px;
}

/* INPUT BUTTONS */
a.button1, input.button1, input.button3, a.button2, input.button2 {
    background-color: #293a4a;
    color: #fff;
    padding: 6px 20px;
}
a.button2, input.button2, input.button3 {
    border: none;
}
a.button1, input.button1, input.button3, a.button2, input.button2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
	-webkit-transition: background-color .25s ease-in-out;
	        transition: background-color .25s ease-in-out;
    background-image: none;
    border: none;
}
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
    border: none;
    background-image: none;
}
a.button1:hover,
input.button1:hover,
a.button2:hover,
input.button2:hover,
input.button3:hover,
a.button1:focus,
input.button1:focus,
a.button2:focus,
input.button2:focus,
input.button3:focus {
    color: #fff;
}

input.button1,
input.button2 {
    font-size: 14px;
    line-height: 18px;
}

input.inputbox {
    padding: 5px 10px;
}

.inputbox {
	padding-left: 10px;
	padding-right: 5px;
	border-color: #e9e9e9;
}

.inputbox:focus {
    color: inherit;
}

textarea.inputbox {
    padding-top: 5px;
    padding-bottom: 5px;
    transition: border-color .25s;
}

textarea.inputbox.wide {
    width: 100%;
    max-width: 551px;
    min-height: 120px;
}

.radio--option {
    margin-top: 4px;
    margin-bottom: 14px;
}

.radio--option > label:not(:last-child) {
    margin-right: 8px;
}

input[type=checkbox],
input[type=radio] {
    margin: 3px 5px 0 0;
}

input[type=checkbox]:focus {
    outline: 0;
}

#add_files {
    background-color: #293a4a;
    color: #fff;
    padding: 8px 15px;
}
#add_files:hover {
	background-color: #03a9f4;
}

a.link--btn-1 {
    display: inline-block;
}
a.link--btn-1:hover,
a.link--btn-1:focus {
    text-decoration: none;
}
a.link--btn-1.button2 {
    padding: 0 20px;
}

a.link--btn-2 {
    display: block;
    color: #222;
    background-color: transparent;
    padding: 0;
    margin: 0;
}
a.link--btn-2:hover,
a.link--btn-2:focus {
    color: #303030;
}

/* POSTINGBOX */
#postingbox {
    background-color: #fff;
    border-bottom: 1px solid #e9e9e9;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 20px;
}

/* LABEL */
label {
    font-size: 14px;
	font-weight: 400;
}

.single--label {
    color: #425067;
    font-size: 16px;
    line-height: 33px;
    margin-bottom: 0;
    cursor: pointer;
}

.input--label {
    display: block;
    margin-bottom: 0;
    padding-right: 0;
}

.input--label > span.title {
    display: inline-block;
    margin-bottom: 4px;
    color: #353535;
    font-weight: 600;
    cursor: pointer;
}

.input--label > span.row {
    display: block;
    margin-left: -5px;
    margin-right: -5px;
}

.input--label > span.row[data-clone] {
    display: none;
}

.input--label > span.row span {
    display: block;
    padding-left: 5px;
    padding-right: 5px;
}

.add-input--label,
.remove-input--label {
    display: inline-block;
    margin-top: 4px;
    padding: 0;
    color: #777;
    background-color: transparent;
    border-width: 0;
    font-weight: 500;
    transition: color .25s;
}

.add-input--label:hover,
.remove-input--label:hover {
    color: #333;
}

.input--label input {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 5px;
    font-weight: 400;
}

.input--label > input {
    margin-left: 0;
    margin-right: 0;
}

.input--label .checkbox {
    display: block;
    position: relative;
    margin-top: 5px;
    padding-left: 19px !important;
}

.input--label .checkbox input {
    position: absolute;
    left: 0;
    width: auto;
    margin: 3px 0 0;
}

.input--desc {
    margin-top: 2px;
    margin-bottom: 0 !important;
    color: #999;
    font-style: italic;
}

input + .input--desc {
    margin-top: 5px;
}

.input--desc a {
    color: #293a4a;
}

/* FORMAT BUTTONS */
#format-buttons {
    margin: 30px 0 10px;
}
#format-buttons input,
#format-buttons select {
    border: 1px solid #e9e9e9;
    padding: 5px 10px;
    color: #303030;
    background-color: #f8f8f8;
    font-size: 14px;
    line-height: 18px;
}
#format-buttons input:hover,
#format-buttons select:hover {
    color: #222;
}

/* Navugation */
#navigation:after {
    content: '';
    display: block;
    clear: both;
}

/* TABS */
#tabs {
    position: relative;
    background-color: #fff;
    margin: 10px 0 0;
    padding: 20px 20px 0;
}
#tabs:before {
    content: " ";
    position: absolute;
    top: auto;
    left: 20px;
    right: 20px;
    bottom: 0;
    height: 1px;
    background-color: #e9e9e9;
}
#tabs > ul,
#minitabs > ul {
	overflow: hidden;
}
#tabs .tab,
#minitabs .tab {
    float: left;
    display: block;
    margin: 0 3px 0 0;
    padding-bottom: 0;
    border: none;
    font-weight: 400;
}
#tabs .tab > a {
    color: #fff;
    background-color: #03a9f4;
    border-radius: 0;
    margin: 0;
    padding: 10px 15px;
    border: none;
	-webkit-transition: background-color .25s ease-in-out;
	        transition: background-color .25s ease-in-out;
    box-shadow: none;
}
#tabs .activetab > a,
#tabs .activetab > a:hover,
#tabs .tab > a:hover,
#navigation li:hover > a,
#navigation #active-subsection > a {
    color: #fff;
    background-color: #293a4a !important;
    box-shadow: none;
}
#tabs .tab > a.responsive-tab-link {
    display: none;
    padding: 19px 19px 0;
}
#tabs .tab > a.responsive-tab-link:before {
    top: 12px;
    width: 18px;
    height: 13px;
    border-color: #fff;
}
#tabs .tab > .dropdown a {
    color: #000;
}

/* DISPLAY OPTIONS BAR */
.display-options-bar {
    background-color: #fff;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 30px;
    padding: 15px 0;
}
fieldset.display-options {
    margin: 0;
}
fieldset.display-options.mt-10 {
    margin-top: 10px;
}
fieldset.display-options label {
    padding: 0;
    margin: 0 15px 0 0;
}
fieldset.display-options select {
    border-color: #e9e9e9;
    padding: 5px;
}
fieldset.display-options .button2 {
    border: none;
    padding: 6px 20px;
    text-transform: capitalize;
    -webkit-transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease;
            transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease;
}
fieldset.display-options .button2:hover,
fieldset.display-options .button2:focus {
	color: #303030;
}
fieldset.display-options input.button2:hover,
fieldset.display-options input.button2:focus {
	color: #fff;
    background-color: #03a9f4;
    background-image: none;
    border-color: #03a9f4;
}

/* JUMPBOX */
.topiclist--jumpbox {
    background-color: #fff;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 30px;
    padding: 15px 20px;
}
p.jumpbox-return {
    margin: 10px 0 0;
    float: left;
}
p.jumpbox-return a {
	display: block;
    background: none;
    color: #222;
    padding: 0;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
p.jumpbox-return a:hover,
p.jumpbox-return a:focus {
    color: #293a4a;
}
.topiclist-jumpbox--dropup,
.topiclist-jumpbox--dropdown {
    float: right;
}
.topiclist-jumpbox--dropup .dropdown-toggle,
.topiclist-jumpbox--dropdown .dropdown-toggle {
	color: #222;
    display: block;
    padding: 8px 20px;
    background-color: #f8f8f8;
    border: 1px solid #e9e9e9;
}
.topiclist-jumpbox-dropup--menu,
.topiclist-jumpbox-dropdown--menu {
    border-radius: 0;
    border: 1px solid #f5f5f5;
    right: 0;
    left: auto;
    padding: 0 15px;
    min-width: 250px;
}
.topiclist-jumpbox-dropup--menu ul,
.topiclist-jumpbox-dropdown--menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.topiclist-jumpbox-dropdown--menu ul li {
    padding: 0;
    border: none;
}
.topiclist-jumpbox-dropup--menu ul li span,
.topiclist-jumpbox-dropdown--menu ul li span {
    margin-left: 15px;
}
.topiclist-jumpbox-dropup--menu ul li a,
.topiclist-jumpbox-dropdown--menu ul li a {
	display: block;
    margin: 8px 0;
    color: #222;
	-webkit-transition: color .25s ease;
	        transition: color .25s ease;
}
.topiclist-jumpbox-dropup--menu ul li a:hover,
.topiclist-jumpbox-dropup--menu ul li a:focus,
.topiclist-jumpbox-dropdown--menu ul li a:hover,
.topiclist-jumpbox-dropdown--menu ul li a:focus {
	color: #03a9f4;
}

.topic--breadcrumb .topiclist-jumpbox--dropup,
.topic--breadcrumb .topiclist-jumpbox--dropdown {
    margin-top: 16px;
    margin-right: 20px;
}
.topic--breadcrumb .topiclist-jumpbox--dropup .dropdown-toggle,
.topic--breadcrumb .topiclist-jumpbox--dropdown .dropdown-toggle {
    padding: 6px 20px;
}

/* FAQ LINKS */
#faqlinks {
    padding: 15px 20px;
    margin-bottom: -50px;
    overflow: hidden;
}
#faqlinks .faq--body {
    margin-bottom: 40px;
}

.faq--title h2 {
    color: #03a9f4;
    margin: 0 0 15px;
    padding-bottom: 5px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
}
#faqlinks a {
    display: block;
    margin-top: 5px;
    color: #03a9f4;
    font-size: 14px;
    line-height: 18px;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
#faqlinks a:hover,
#faqlinks a:focus {
    text-decoration: underline;
}
dl.faq {
    padding-bottom: 30px;
    border-bottom: 1px dotted #e9e9e9;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 22px;
}
dl.faq:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
.faq--content {
    padding: 0 20px;
}
.faq--content a {
    color: #03a9f4;
}
.faq--content a:hover {
    text-decoration: underline;
}
.faq--content dl.faq:last-child {
    margin-bottom: 5px;
}

/* TOPIC TITLE */
h2.topic-title {
    margin: 0;
    font-size: 22px;
    line-height: 26px;
}
h2.topic-title a {
    color: #222;
}

/* TOPIC CONTENT */
.single-topic-content {
    padding: 15px 15px 0;
}
.topic--post {
    margin: -2px 0 0;
    padding: 15px 20px 0;
}
.topic--post.reported {
    background-color: #fff;
}
.postbody h3 {
    font-size: 20px;
    line-height: 28px;
}
.postbody a {
    color: #303030;
}
.has-profile .postbody h3 {
    font-size: 20px;
    line-height: 28px;
}
.has-profile .postbody h3 a {
    color: #222;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.has-profile .postbody h3 a:hover,
.has-profile .postbody h3 a:focus {
    color: #03a9f4;
}
.postbody a.username-coloured {
    color: #222 !important;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.postbody a.username-coloured:hover,
.postbody a.username-coloured:focus {
    color: #293a4a !important;
}
.postbody p.author {
    padding-bottom: 15px;
    border-bottom: 1px solid #e9e9e9;
    font-size: 12px;
    line-height: 16px;
}
.topic-list--content .post-buttons > li {
    margin: 0 0 0 8px;
    padding: 0;
    border: none;
}

.post-buttons:before,
.post-buttons:after {
    content: " ";
	display: table;
}
.post-buttons:before,
.post-buttons:after {
    clear: both;
}
.post-buttons .icon-button {
    display: block;
    height: auto;
    margin: 0;
    color: #303030;
    padding: 5px 6px;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: none;
    background-color: #e9e9e9;
    background-image: none;
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
}
.topic--post .post-buttons .icon-button:before {
    display: none;
}
.topic--post .post-buttons .icon-button:hover,
.topic--post .post-buttons .icon-button:focus {
    text-shadow: none;
}
.post-buttons .icon-button.share-icon {
    padding: 6px 4px 6px 7px;
}
.post-buttons .icon-button.share-icon:before {
    content: "\f045";
    margin: 0;
    background-image: none;
    font-family: "FontAwesome";
}
.topic--post .post-buttons .icon-button.share-icon:before {
    display: block;
}
.post-buttons .icon-button.share-icon + .dropdown {
	position: absolute;
    top: 45px;
}
.post-buttons .icon-button.share-icon + .dropdown .pointer {
    top: -10px;
    right: 5px;
}
.post-buttons .icon-button.share-icon + .dropdown .dropdown-contents {
    border-radius: 0;
}
.post-buttons .icon-button.share-icon + .dropdown .share-button {
    height: 37px;
}
.post-buttons .dropdown-visible .dropdown.hidden {
    display: block !important;
}

.postbody .content {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
}
.postbody .content ul {
    margin-bottom: 1em;
    margin-left: 3em;
    list-style: disc;
}

.postprofile a {
    color: #222 !important;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.postprofile a:hover,
.postprofile a:focus {
    color: #293a4a !important;
    text-decoration: none;
}
.postbody .content blockquote {
    padding: 10px 25px;
    background-color: #f8f8f8;
    border-color: #e9e9e9;
    font-size: 14px;
    line-height: 18px;
    font-style: italic;
}
.topic-tools {
    float: left;
}
.post-icon + .topic-tools {
    border-left: 1px solid #e9e9e9;
    margin-left: 15px;
    padding-left: 15px;
}
.quick-mod-tools {
    border-right: 1px solid #e9e9e9;
    padding-right: 20px;
    margin-right: 10px;
}
.topic-tools,
.quick-mod-tools {
    display: inline-flex;
}
.topic-tools > a,
.quick-mod-tools > a {
    color: #222;
    text-transform: capitalize;
}
.topic-tools .dropdown-menu,
.quick-mod-tools .dropdown-menu {
    top: 25px;
    left: auto;
    right: 0;
    float: none;
    padding: 8px 5px;
    border: 1px solid #e9e9e9;
    border-radius: 0;
}
.topic-tools.dropup .dropdown-menu,
.quick-mod-tools.dropup .dropdown-menu {
    top: auto;
    bottom: 25px;
}
.topic-tools .dropdown-menu {
    left: 15px;
    right: auto;
}
.topic-tools .dropdown-menu li,
.quick-mod-tools .dropdown-menu li {
    margin: 0;
    padding: 0;
    border: none;
    float: none;
}
.topic-tools .dropdown-menu li a,
.quick-mod-tools .dropdown-menu li a {
    font-size: 14px;
    line-height: 18px;
    padding: 5px 10px;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.topic-tools .dropdown-menu li:hover,
.topic-tools .dropdown-menu li a:hover,
.topic-tools .dropdown-menu li a:focus,
.quick-mod-tools .dropdown-menu li:hover,
.quick-mod-tools .dropdown-menu li a:hover,
.quick-mod-tools .dropdown-menu li a:focus {
    color: #03a9f4;
    background-color: transparent;
}

/* TOPIC: STATS */
.topic--stats {
    margin-bottom: 30px;
    padding: 15px;
    border-bottom: 1px solid #e9e9e9;
    background-color: #fff;
}
.topic--stats .stat-block {
    margin-bottom: 15px;
}
.topic--stats .stat-block:last-child {
    margin-bottom: 0;
}
.topic--stats h3 {
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #e9e9e9;
    font-size: 16px;
    line-height: 20px;
}
.topic--stats h3 a {
    color: #222;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.topic--stats h3 a:hover,
.topic--stats h3 a:focus {
    color: #293a4a;
}
.topic--stats p a {
    color: #222 !important;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.topic--stats p a:hover,
.topic--stats p a:focus {
    color: #293a4a !important;
}

/* TOPIC: POLL */
.topic-content--poll {
    padding: 4px 15px 0;
}

.topic-content--poll a {
    color: #222;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.topic-content--poll a:hover,
.topic-content--poll a:focus {
    color: #293a4a;
}

.topic-content--poll .hidden[style] {
    display: block !important;
}

.topic-content--poll fieldset dd {
    margin-bottom: 0;
}

.topic-content--poll .poll-title {
    margin-bottom: -6px;
    padding-bottom: 10px;
}

.topic-content--poll .author {
    margin-bottom: 0;
    padding-bottom: 0;
}
.topic-content--poll .author span {
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
}

.topic-content--poll .polls dl {
    margin-bottom: 14px;
    padding-top: 15px;
}

.topic-content--poll .polls .pollbar1,
.topic-content--poll .polls .pollbar5 {
    min-width: 17px;
    background-color: #293a4a;
    border-color: #293a4a;
}

.topic-content--poll .polls .poll_option_percent {
    font-size: 14px;
    line-height: 18px;
}

.topic-content--poll .polls .poll_total_votes {
    margin-bottom: 0;
    color: #222;
    font-size: 14px;
    line-height: 18px;
}

.topic-content--poll .polls .poll_vote {
    margin-top: 13px;
    margin-bottom: 5px;
    padding-top: 0;
}

.topic-content--poll .polls .poll_vote .button1 {
    margin-bottom: 0;
    padding-top: 12px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.topic-content--poll .polls .poll_vote .button1:hover,
.topic-content--poll .polls .poll_vote .button1:focus {
    background-color: #03a9f4;
}

.topic-content--poll .polls .poll_view_results {
    margin-top: 9px;
    margin-bottom: -1px;
    padding-top: 0;
}

.topic-content--poll .polls .vote-submitted {
    font-size: 14px;
    line-height: 18px;
}

/* TOPIC: FILE ATTACHMENT */
.topic--post .attachbox {
    padding: 10px 15px;
}

.topic--post .attachbox dd {
    margin-top: 10px;
    padding-top: 15px;
}

.topic--post .attachbox .file {
    margin-bottom: 0;
}

.topic--post .attachbox .file dd {
    margin-top: 0;
    padding-top: 8px;
}

#attach-panel .panel.hidden[style] {
    display: block !important;
}
#attach-panel .panel.hidden[style] .file-name a {
    display: inline-block;
    margin-top: 6px;
    color: #28313f;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
#attach-panel .panel.hidden[style] .file-name a:hover,
#attach-panel .panel.hidden[style] .file-name a:focus {
    color: #03a9f4;
}

#file-list-container th.attach-status {
    width: 8%;
}

#file-list td.attach-comment {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 0;
}
#file-list td.attach-comment textarea {
    font-size: 14px;
    line-height: 18px;
}

#file-list td.attach-filesize {
    padding-top: 8px;
}

#file-list td.attach-status {
    padding-top: 10px;
}

@media (max-width: 700px) {
    #file-list td.attach-comment {
        padding-top: 8px;
        padding-bottom: 11px;
    }
    #file-list td.attach-comment dfn {
        font-size: 14px;
        line-height: 18px;
    }
}

/* RECENT SEARCHS */
.recent--searches {
    margin-top: 10px;
    background-color: #fff;
    border-bottom: 1px solid #e9e9e9;
}
.recent--searches a,
.recent--searches > span {
    display: block;
    margin-bottom: 5px;
    padding: 10px 15px 10px;
    color: #222;
    border-bottom: 1px solid #e9e9e9;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
    overflow: hidden;
}
.recent--searches a:hover,
.recent--searches a:focus {
    color: #03a9f4;
}
.recent--searches a:last-child,
.recent--searches > span {
    margin-bottom: 0;
    border-bottom: none;
}
.recent--searches a span {
    float: right;
}

/* SEARCH RESULTS */
.search-pagination {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}
.search-pagination + ul {
    border-left: 1px solid #e9e9e9;
    margin-left: 10px;
    padding-left: 10px;
}
.search--results .search {
    padding: 15px 15px 0;
}
.search--results a {
    color: #222;
}
.search--results .postbody h3 a {
    font-size: 18px;
    line-height: 22px;
}
.search--results ul li:first-child {
    margin-top: 0;
}
.search--results ul li dl {
    margin-bottom: 0;
}
.search--results .postprofile a:hover,
.search--results .postprofile a:focus,
.search--results .postprofile dt.author a:hover,
.search--results .postprofile dt.author a:focus {
    text-decoration: none;
}

/* MESSAGES */
p.message {
    margin-top: 14px;
    margin-left: 20px;
    margin-right: 20px;
}
p.message a {
    color: #03a9f4;
}

/* TOPIC REVIEW */
#review {
    position: relative;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #fff;
    background-color: #03a9f4;
    padding: 15px;
    margin-bottom: 10px;
}
#review a {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 15px 20px;
    background-color: rgba(255, 255, 255, 0.25);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .25s ease-in-out;
            transition: opacity .25s ease-in-out;
}
#review:hover a {
    opacity: 1;
    filter: alpha(opacity=100);
}
#topicreview .post {
    background-color: #fff;
    border-radius: 0;
    margin-bottom: 10px;
}
#topicreview .post:last-child {
    margin-bottom: 0;
}
#topicreview .postbody h3 a {
    color: #222;
}
a.top2 {
    color: #222;
}

/* CONTENT */
.content,
.content p {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 18px;
}

/* CONTACT PAGE FORM */
.contact-page--form {
    padding: 15px 20px 0;
}
.contact-page--form .submit-btn {
    padding: 10px 20px;
}
.contact-page--form fieldset dl:last-child {
    margin-bottom: 10px;
}

/* UCP PAGE */
.ucp-page .mark {
    background-color: transparent;
    font-weight: 500;
}

.ucp-page #cp-main .panel {
    padding: 15px 20px 0;
}
.ucp-page #tabs {
    padding: 10px 20px 0;
}
.ucp-page .panel.bg3 {
    border: none;
    padding-bottom: 5px;
}
.ucp-page a {
    color: #222;
    font-size: 14px;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.ucp-page a:hover,
.ucp-page a:focus {
    color: #03a9f4;
    text-decoration: none;
}
.ucp-page dl.details dd {
    padding-left: 10px;
}
.ucp-page #navigation {
    padding-top: 31px;
}
.ucp-page #navigation li a {
	padding: 10px 15px;
	color: #fff;
	background: #03a9f4;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
	-webkit-transition: background-color .25s ease-in-out;
	        transition: background-color .25s ease-in-out;
}
.ucp-page #navigation li a:hover,
.ucp-page #navigation li a:focus,
.ucp-page #navigation #active-subsection a {
    color: #fff;
    background-color: #293a4a;
}
.ucp-page ul.topiclist dl {
    margin-bottom: 0;
}
.ucp-page .topiclist li.header {
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: none;
}
.ucp-page .action-bar {
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0;
}
.ucp-page .action-bar .topic-tools {
    margin-left: 0;
    padding-left: 0;
    border: 0;
}
.ucp-page .action-bar .topic-tools .dropdown-trigger {
    margin-right: 0;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}
.ucp-page .action-bar .topic-tools .dropdown-trigger:before {
    content: "\f013";
    width: auto;
    height: auto;
    margin: 0;
    color: #222;
    background: none;
    font-family: "FontAwesome";
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.ucp-page .action-bar .topic-tools .dropdown-trigger:hover:before {
    color: #293a4a;
}
.ucp-page .action-bar .topic-tools .dropdown-trigger:after {
    display: none;
}
.ucp-page .action-bar .topic-tools.dropdown-visible .dropdown {
    display: block !important;
    position: absolute;
    top: 35px;
    left: -13px;
    right: auto;
    bottom: auto;
}
.ucp-page .action-bar .topic-tools.dropdown-visible .pointer {
    top: -10px;
}
.ucp-page .action-bar .topic-tools .dropdown-contents {
    padding: 10px;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 2px 2px #e9e9e9;
}

.ucp-page #cp-main .buttons a {
    padding: 8px 15px;
    color: #fff;
    background: #293a4a;
    border: none;
    height: auto;
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    line-height: 18px;
	-webkit-transition: background-color .25s ease-in-out;
	        transition: background-color .25s ease-in-out;
}
.ucp-page #cp-main .buttons a:hover,
.ucp-page #cp-main .buttons a:focus {
	background-color: #03a9f4;
	text-shadow: none;
}
.ucp-page #cp-main .buttons a:before {
    display: none;
}
.ucp-page .panel-container .panel li.row {
    background-color: transparent;
    border: none;
}
.ucp-page fieldset.display-options {
    margin-top: 20px;
}
.ucp-page fieldset.submit-buttons.mt-10 {
    margin-top: 10px;
}
#ucp fieldset.submit-buttons {
    margin-top: 20px;
}
#ucp fieldset {
    margin-top: 20px;
}
.ucp-page .panel-container .panel .cplist {
    padding-bottom: 15px;
}
.ucp-page .panel-container .panel .cplist .option a {
    display: block;
    background-color: #293a4a;
    color: #fff;
    -webkit-transition: background-color .25s ease-in-out;
            transition: background-color .25s ease-in-out;
}
.ucp-page .panel-container .panel .cplist .option a:hover,
.ucp-page .panel-container .panel .cplist .option a:focus {
    background-color: #03a9f4;
}
.ucp-page li.row:hover dd {
    border-left-color: #fff;
}
.ucp-page #postingbox {
    border: none;
    margin-bottom: 0;
}
.ucp-page .panel.bg2 fieldset.submit-buttons {
    text-align: left;
    margin-bottom: 20px;
}
.ucp-page .panel.bg2 fieldset.submit-buttons input.button2 {
    margin-left: 0;
}
.ucp-page #viewfolder .panel {
    padding-bottom: 20px;
}
.ucp-page #postform .panel {
    padding-bottom: 15px;
}
.ucp-page #postform fieldset.submit-buttons {
    margin-top: 20px;
}
.ucp-main #ucp .panel {
    padding-bottom: 20px;
}

.ucp-page .display-actions select {
    padding: 4px 10px 5px;
    font-size: 14px;
    line-height: 18px;
}

table.table1 td {
    font-size: 14px;
}

dd.lastpost,
dd.redirect,
dd.moderation,
dd.time,
dd.info {
    font-size: 14px;
}

/* UCP: PMLIST */
.ucp-page .panel-container .panel .pmlist li {
    padding: 6px 0 8px 5px;
    border-bottom: 1px solid #e9e9e9;
}

.ucp-page .panel-container .panel .pmlist li.bg1 {
    background-color: #f0f0f0;
}

.ucp-page .pmlist .mark {
    padding-top: 2px;
    padding-bottom: 2px;
    border: 0;
}

.ucp-page .pmlist li .username-coloured {
    color: #222 !important;
}
.ucp-page .pmlist li .username-coloured:hover {
    color: #293a4a !important;
}

/* MCP PAGE */
.mcp-page a:not(.info-icon) {
    color: #222;
    font-size: 14px;
    line-height: 18px;
}
.topic-list--content.mcp-page > ul > li {
    padding: 5px 20px 20px;
}
.mcp-page #tabs {
    margin: 0;
    padding: 15px 0 0;
}
.mcp-page #tabs:before {
    right: 0;
}
.mcp-page #cp-menu {
    margin-top: 30px;
}
.mcp-page #navigation {
    padding-top: 31px;
}
.mcp-page #navigation li {
    display: inline-block;
}
.mcp-page #navigation li a {
	padding: 10px 15px;
	color: #fff;
	background: #03a9f4;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
	-webkit-transition: background-color .25s ease-in-out;
	        transition: background-color .25s ease-in-out;
}
.mcp-page #navigation li a:hover,
.mcp-page #navigation li a:focus,
.mcp-page #navigation #active-subsection a {
    color: #fff;
    background-color: #293a4a;
}
.mcp-page #cp-main h2 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 400;
}
.mcp-page fieldset.submit-buttons {
    margin-top: 20px;
}
.mcp-page fieldset.submit-buttons.mb-10 {
    margin-bottom: 20px;
}
.mcp-page #cp-main .panel {
    padding: 15px 20px;
}
.mcp-page .panel table.table1 {
    margin-bottom: 5px;
}
.mcp-page .topiclist.cplist dl {
    margin-bottom: 0;
}

ul.topiclist dt {
    font-size: 14px;
    line-height: 18px;
}

.mcp-page .topiclist dl {
    width: 100%;
}

.mcp-page .topiclist.cplist {
    margin-bottom: 10px;
}

.mcp-page .topiclist.cplist dl {
    background-position: 10px 50%;
    background-repeat: no-repeat;
    background-size: 32px;
    min-height: 35px;
}
.mcp-page .topiclist.cplist dt {
    padding-left: 52px;
}




/* FONT */
li.header dt,
li.header dd,
dl.details {
    font-family: 'Roboto', sans-serif;
}

p.font--14 {
    font-size: 14px;
    line-height: 20px;
}

/* REGISTRATION PAGE */
.reg-page p.message {
    font-size: 14px;
    line-height: 20px;
}
.reg-page .message a {
    color: #222;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.reg-page .message a:hover,
.reg-page .message a:focus {
    color: #293a4a;
}
.reg-page fieldset.submit-buttons input {
    margin-top: 18px;
    margin-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
}
.reg-page fieldset.submit-buttons input {
    min-width: 270px;
}

#register .panel {
    background-color: #fff;
    margin-top: 10px;
    padding: 15px 20px;
    border-bottom: 1px solid #e9e9e9;
}
#register .panel .captcha {
    margin-bottom: 10px;
}
#register .panel fieldset.submit-buttons {
    margin: 5px 0;
}

/* MARGINS */
.mt-10 {
	margin-top: 10px;
}
.mt-20 {
	margin-top: 20px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-20 {
	margin-bottom: 20px;
}

/* PADDING */
.pb-10 {
	margin-bottom: 10px;
}

/* DD */
dt {
    font-size: 14px;
    font-weight: 400;
}
dl.details dd a {
    color: #222;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
dl.details dd a:hover {
    color: #03a9f4;
}

/* TEAM PAGE */
.topic-list--content.team-page ul li {
    margin-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
}
.team-page .forumbg {
    background: none;
    border-radius: 0;
    padding: 15px 15px 0;
    margin: 0;
}
.team-page table.table1 thead th,
.team-page table.table1 thead th a {
    color: #222;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.team-page table.table1 thead th a:hover,
.team-page table.table1 thead th a:focus {
    color: #293a4a;
    text-decoration: none;
}
.team-page table.table1 tbody tr {
    background: none;
    border: none;
}
.team-page table.table1 tbody td a {
    color: #222 !important;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.team-page table.table1 tbody td a:hover,
.team-page table.table1 tbody td a:focus {
    color: #293a4a !important;
}

/* PROFILE PAGE */
.profile-page .panel {
    margin-top: 10px;
    padding: 15px 15px 9px;
    background-color: #fff;
    border-bottom: 1px solid #e9e9e9;
    overflow: hidden;
}
.profile-page .left-box {
    margin-bottom: 0;
}
dd.profile-contact {
    margin-bottom: 11px;
}
.profile-contact .dropdown {
    position: absolute;
    top: 25px;
    right: 1px;
    display: none;
}
.profile-contact .dropdown .pointer {
    top: -9px;
}
.profile-contact .dropdown a {
    padding: 6px 10px;
}
.profile-contact .contact-icon {
    background: none;
    display: block;
    position: relative;
}
.profile-contact .contact-icon:before {
    font-family: "FontAwesome";
    position: absolute;
    color: #303030;
    font-size: 14px;
}
.profile-contact .contact-icon.pm-icon:before {
    content: "\f0e5";
}
.profile-contact .contact-icon.email-icon:before {
    content: "\f003";
}

/* ADVANCE SEARCH BUTTON */
a.adv-search-btn {
    float: right;
    display: block;
    margin: 27px 14px 0 0;
    color: #222;
    font-size: 14px;
    line-height: 18px;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
a.adv-search-btn:hover,
a.adv-search-btn:focus {
    color: #03a9f4;
}

/* PAGINATION */
.pagination {
    margin: 5px 0 0 15px;
}
.pagination > ul {
    font-size: 0;
    vertical-align: middle;
}
.pagination > ul > li {
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
}
.pagination > ul > li > span,
.pagination > ul > li > a {
    display: block;
    padding: 3px 8px;
    margin-left: -1px;
    font-size: 14px;
    line-height: 18px;
    border-radius: 0;
    color: #303030;
    background-color: transparent;
    border-color: #e9e9e9;
    -webkit-transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease;
            transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease;
}
.pagination > ul > li > span:hover,
.pagination > ul > li.active > span,
.pagination > ul > li > a:hover,
.pagination > ul > li > a:focus,
.pagination > ul > li.active > a {
    color: #fff;
    background-color: #293a4a;
    border-color: #293a4a;
}
.pagination li.page-jump a,
.pagination li.next a,
.pagination li.previous a {
    width: auto;
    height: auto;
    padding: 3px 10px;
    background-position: -49px 5px;
}
.pagination li.previous a {
    background-position: -28px 5px;
    margin-left: 0;
}
.pagination li.next a:hover,
.pagination li.next a:focus {
    background-position: -49px -15px;
}
.pagination li.previous a:hover,
.pagination li.previous a:focus {
    background-position: -28px -15px;
}

/* BACK TO TOP BUTTON */
.back-to-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .25s ease-in-out;
            transition: opacity .25s ease-in-out;
    z-index: 99;
}
.back-to-top.show {
    opacity: 1;
    filter: alpha(opacity=100);
}
.back-to-top button {
    display: block;
    padding: 8px 16px;
    color: #fff;
    background-color: #293a4a;
    border: none;
    font-size: 24px;
    line-height: 28px;
    outline: 0;
}

.back2top {
    margin-bottom: -5px;
    text-align: right;
}
.back2top a {
    height: auto;
    margin: 0;
    color: #303030;
    padding: 3px 7px;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: none;
    background-color: #e9e9e9;
    background-image: none;
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
}

/* PUSH HIGHLIGHT */
.posthilit {
    color: #03a9f4;
    background-color: #f8f8f8;
}

/* POSTED BY */
p.posted-by a {
    margin: 0;
    font-weight: 500;
    color: #222 !important;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
p.posted-by a:hover,
p.posted-by a:focus {
    color: #293a4a !important;
}
.posted-by i.fa {
    margin: 0 5px;
}

/* MEMBERLIST PAGE */
.member-search a {
    color: #303030;
    -webkit-transition: color .25s ease;
            transition: color .25s ease;
}
.member-search a:hover,
.member-search a:focus {
    color: #03a9f4;
}
.member-search + .pagination {
    margin-top: 0;
}
.member-page .forumbg {
    padding: 15px 21px 2px;
    background: none;
}
.member-page table a {
    color: #222;
    -webkit-transition: color .25s ease;
    transition: color .25s ease;
}
.member-page table a:hover,
.member-page table a:focus {
    color: #03a9f4;
    text-decoration: none;
}
.member-page table.table1 tbody tr {
    background-color: #f8f8f8;
    border-color: #e9e9e9;
}
.member-page table.table1 tbody td {
    border: none;
    padding: 10px 10px;
    vertical-align: middle;
}
.member-search #member_search {
    margin-right: 5px;
    padding-right: 8px;
    border-right: 1px solid #e9e9e9;
}
.member-search strong a {
    margin-right: 8px;
    font-size: 14px;
    line-height: 18px;
}
.member-search strong a:last-child {
    margin-right: 0;
}

/* CONFIRMATION MESSAGE */
#confirm .panel {
    margin-top: 10px;
    padding: 15px 20px 20px;
    background-color: #fff;
}

/* REPORT PAGE */
#report .panel {
    margin-top: 10px;
    padding: 15px 20px 15px;
    background-color: #fff;
    border-bottom: 1px solid #e9e9e9;
}
#report fieldset dl:last-child {
    margin-bottom: 0;
}
#report .panel fieldset.submit-buttons {
    margin: 5px 0;
}

/* REMIND */
#remind dt label {
    margin-top: 5px;
}

/* MEMBER SEARCH */
.member--search .panel {
    background-color: #fff;
    border-bottom: 1px solid #e9e9e9;
    padding: 20px;
}
.member--search fieldset.fields1 dt {
    width: 100%;
}
.member--search fieldset.fields1 dd {
    width: 100%;
    margin: 0;
}

.member--search--total-users {
    display: inline-block;
    margin: 4px 10px 0;
}

/* ##. SIDEBAR WIDGET: ONEALL */
.topic-sidebar-widget--oneall .login-title {
    margin: 30px 0 0;
    padding: 16px 15px 15px;
    color: #fff;
    background-color: #03a9f4;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.topic-sidebar-widget--oneall .oneall_social_login_providers {
    padding: 12px 9px 3px;
    background-color: #fff;
}

.topic-sidebar-widget--oneall #phpbb_announcement {
    display: none;
}

/* ##. QUICK REPLY */
.quick--reply {
	margin-bottom: 50px;
}

.quick--reply .quickreply-title {
    margin: 0 0 10px;
    padding: 15px 20px;
    color: #fff;
    background-color: #03a9f4;
    border: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.quick--reply fieldset {
    padding: 15px 20px;
    background-color: #fff;
}
.quick--reply fieldset.fields1 dt {
    margin-top: 7px;
}
.quick--reply fieldset.submit-buttons .button2 {
    padding-left: 15px;
    padding-right: 15px;
}

/*------------------------------------*\
    4. EXTENSIONS
\*------------------------------------*/
/* 4-1. PAGES */
.page-template.panel {
    padding: 50px 0;
    background-color: #f0f0f0;
}

.page-template.panel > .inner {
    margin: 0 auto;
    padding: 0 15px;
}

@media (min-width: 768px) {
    .page-template.panel > .inner {
        width:750px
    }
}

@media (min-width: 992px) {
    .page-template.panel > .inner {
        width:970px
    }
}

@media (min-width: 1200px) {
    .page-template.panel > .inner {
        width:1170px
    }
}

.page-template.panel .pages-title {
    margin: 0;
    padding: 15px 20px;
    color: #fff;
    background-color: #03a9f4;
    border: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
}


.page-template.panel .pages-content {
    min-height: 0;
    margin: 10px 0 0;
    padding: 15px 20px;
    background-color: #fff;
    border-bottom: 1px solid #e9e9e9;
}

.page-template.content {
    min-height: 0;
    margin: 0 auto;
    padding: 50px 15px;
}

@media (min-width: 768px) {
    .page-template.content {
        width:750px
    }
}

@media (min-width: 992px) {
    .page-template.content {
        width:970px
    }
}

@media (min-width: 1200px) {
    .page-template.content {
        width:1170px
    }
}

/* 4-2. BOARD RULES */
.header--nav .nav > li.icon-boardrules {
    background-image: none;
}
.header--nav .nav > li.icon-boardrules > a:before {
    content: "\f0f6";
    font-family: "FontAwesome";
    margin-right: 10px;
}

#boardrules-categories {
    float: none;
    width: 100%;
    margin: 0;
    padding: 50px 0 0;
    background-color: #e9e9e9;
    border: 0;
}
#boardrules-categories .mini-panel {
    margin: 0 auto;
    padding: 0 15px;
    background-color: transparent;
    border-radius: 0;
}
@media (min-width: 768px) {
    #boardrules-categories .mini-panel {
        width:750px
    }
}
@media (min-width: 992px) {
    #boardrules-categories .mini-panel {
        width:970px
    }
}
@media (min-width: 1200px) {
    #boardrules-categories .mini-panel {
        width:1170px
    }
}
#boardrules-categories .mini-panel h3 {
    margin: 0;
    padding: 16px 20px;
    color: #fff;
    background-color: #03a9f4;
    border: 0;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
}
#boardrules-categories .mini-panel .menu {
    margin: 10px 0 0;
    padding: 15px 35px;
    background-color: #fff;
    border: 0;
    list-style: circle;
}
#boardrules-categories .mini-panel .menu > li > a {
    color: #03a9f4;
}

#boardrules-categories + #container {
    padding: 30px 15px 50px;
    background-color: #e9e9e9;
}
#boardrules-categories + #container .boardrules-header {
    margin: 0 auto;
    padding: 15px 20px;
    color: #fff;
    background-color: #03a9f4;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
	text-transform: uppercase;
}
@media (min-width: 768px) {
    #boardrules-categories + #container .boardrules-header {
        width:720px
    }
}
@media (min-width: 992px) {
    #boardrules-categories + #container .boardrules-header {
        width:940px
    }
}
@media (min-width: 1200px) {
    #boardrules-categories + #container .boardrules-header {
        width:1140px
    }
}
#boardrules-categories + #container #main {
    margin: 10px auto 0;
    padding: 15px 20px;
    background-color: #fff;
}
@media (min-width: 768px) {
    #boardrules-categories + #container #main {
        width:720px
    }
}
@media (min-width: 992px) {
    #boardrules-categories + #container #main {
        width:940px
    }
}
@media (min-width: 1200px) {
    #boardrules-categories + #container #main {
        width:1140px
    }
}
#boardrules-categories + #container #main a {
	color: #03a9f4;
	border: 0;
}
#boardrules-categories + #container #main #rules {
    margin: 0 15px;
}

/* 4-3. ABBC */
#bbvideo_wizard_size_presets {
    margin-top: 10px;
}

#bbcode_wizard fieldset.submit-buttons input {
    padding-left: 20px;
    padding-right: 20px;
}

/* 4-4. MCHAT */
.header--nav .nav > li.icon-mchat {
    background-image: none;
}
.header--nav .nav > li.icon-mchat > a:before {
    content: "\f1d7";
    margin-right: 8px;
    font-family: "FontAwesome";
}

.mchat-section {
    padding: 50px 0;
}

.mchat--content > h2:first-child {
    margin: 0 0 10px;
    padding: 15px 20px;
    color: #fff;
    background-color: #03a9f4;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.mchat--content .mchat-wrapper {
    margin-bottom: 0;
    padding: 15px 20px;
    background-color: #fff;
    background-image: none;
    border-bottom: 1px solid #e9e9e9;
    border-radius: 0;
}

.mchat--content .header {
    display: none;
}

#mchat-main .topiclist {
    background-color: transparent;
    background-image: none;
}
#mchat-main .topiclist > li {
    border-bottom-color: #e9e9e9;
}
#mchat-main .topiclist > li:hover {
	background-color: transparent;
}
#mchat-main .topiclist > li.mchat-message {
    padding: 9px 10px 10px !important;
}
#mchat-main .topiclist > li.mchat-message:first-child {
    border-top: 0;
}
#mchat-main .topiclist > li.mchat-message:last-child {
    border-bottom: 0;
}

#mchat-main .mchat-static {
    padding: 0 0 15px !important;
	font-style: italic;
	border-bottom: 0;
}
#mchat-main .mchat-static.mchat-no-messages {
    padding: 10px 15px !important;
    border-bottom: 1px solid #e9e9e9;
}

#mchat-messages {
    border: 1px solid #e9e9e9;
}

#mchat-messages .username {
    color: #03a9f4;
    font-weight: 700;
}

.mchat-text {
    padding: 2px 0;
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	line-height: 20px;
}

#mchat-panel {
    padding: 7px 0 0;
}

.mchat-wrapper .mchat-buttons a {
    color: #333;
}

#mchat-buttons {
    margin: 10px 0 12px;
}
#mchat-buttons .button {
    height: auto;
    padding: 6px 20px;
    color: #fff;
    background: #293a4a;
    border: 0;
    border-radius: 0;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 18px;
    text-shadow: none;
}

#mchat-smilies.hidden[style^="display: block;"] {
    display: block !important;
}

.mchat-wrapper + h3 {
    position: relative;
    margin: 30px 0 0;
    padding: 15px 15px 10px;
    background-color: #fff;
    border: 0;
    font-size: 16px;
    line-height: 20px;
	z-index: 0;
}
.mchat-wrapper + h3:before {
	content: " ";
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 0;
	height: 1px;
	background-color: #e9e9e9;
	z-index: -1;
}

#mchat-whois,
#mchat-refresh,
#mchat-legend {
    padding: 0 15px;
    background-color: #fff;
    font-size: 14px;
    line-height: 20px;
}

#mchat-whois {
    padding-top: 15px;
}
#mchat-whois a {
    color: #222;
}

#mchat-legend {
    padding-bottom: 15px;
	border-bottom: 1px solid #e9e9e9;
}
.mchat--content .action-bar.bottom + #mchat-legend {
    padding-top: 15px;
}

/* 4-5. LAST POST AUTHOR */
.lastpostavatar img {
    margin-top: 2px;
}

/* 4-6. ADSENSE */
.post.adsense {
    background-color: #fff;
    border-bottom: 1px solid #e9e9e9;
    border-radius: 0;
}

.post.adsense .postbody {
    float: none;
    margin: 0 auto;
}

/*------------------------------------*\
    5. FOOTER AREA
\*------------------------------------*/
#footer {
    padding: 50px 0;
    color: #fff;
    background-color: #03a9f4;
}

/* 5-1. FOOTER WIDGET TITLE */
.footer-widget h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 20px;
    position: relative;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.footer-widget h4:before {
    position: absolute;
    content: " ";
    width: 40px;
    height: 2px;
    background-color: #fff;
    bottom: 0px;
}

/* 5-2. FOOTER ABOUT WIDGET */
.footer-about p {
    font-size: 14px;
    line-height: 22px;
}
.footer-about a.read-more-btn {
    color: #fff;
    font-weight: 400;
    -webkit-transition: color .25s ease-in-out;
            transition: color .25s ease-in-out;
}
.footer-about a.read-more-btn:hover {
    color: #293a4a;
}

.footer-widget .social ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.footer-widget .social ul li {
    float: left;
}
.footer-widget .social ul li a {
    display: block;
    margin-right: 15px;
    -webkit-transition: opacity .25s ease;
            transition: opacity .25s ease;
}
.footer-widget .social ul li a:hover,
.footer-widget .social ul li a:focus {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

/* 5-3. FOOTER SUBSCRIBE WIDGET */
#footerSubscribeFormInput {
    display: inline-block;
    width: 100%;
    padding: 12px 10px;
    border: 1px solid transparent;
    border-radius: 0;
    color: #222;
    outline: 0;
}
#footerSubscribeFormInput.error {
    border-color: #293a4a;
}
#footerSubscribeForm button[type="submit"] {
    width: 100%;
    margin-top: 10px;
    padding: 10px 0;
    border-radius: 0;
    color: #fff;
    background-color: #293a4a;
    text-transform: uppercase;
    outline: 0;
    -webkit-transition: color .25s ease-in-out, background-color .25s ease-in-out;
            transition: color .25s ease-in-out, background-color .25s ease-in-out;
}
#footerSubscribeForm button[type="submit"]:hover {
    color: #293a4a;
    background-color: #fff;
}

/* 5-4. FOOTER USEFUL LINKS WIDGET */
.footer-useful-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-useful-links ul li {
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 4px;
}
.footer-useful-links ul li a {
    border-bottom: 1px dotted #fff;
    display: block;
    margin: 2px 0;
    padding-bottom: 5px;
    text-transform: capitalize;
    -webkit-transition: opacity .25s ease;
            transition: opacity .25s ease;
}
.footer-useful-links a:hover,
.footer-useful-links a:focus {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

/*------------------------------------*\
    6. COPYRIGHT AREA
\*------------------------------------*/
#copyright {
    padding: 20px 0 18px;
    color: #fff;
    background-color: #243240;
}
#copyright p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    text-align: center;
}
#copyright p a {
    display: inline-block;
    font-weight: 700;
    -webkit-transition: opacity .25s ease;
            transition: opacity .25s ease;
}
#copyright p a:hover,
#copyright p a:focus {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

/*------------------------------------*\
    7. MEDIA QUERIES
\*------------------------------------*/
/* 7-1. LARGE DEVICES, WIDE SCREENS */
@media screen and (max-width: 1200px) {
    .topic-list-content--title {
        max-width: 210px;
    }
}

@media screen and (max-width: 1199px) {
    .topic-list--content .topic-list--pagination {
         display: none;
    }
}

/* 7-2. MEDIUM DEVICES, DESKTOPS */
@media screen and (max-width: 991px) {
    /* HEADER NAVBAR */
    .header-nav--primary.nav > li > a {
        padding: 26px 15px 24px;
    }
    
    /* HEADER SEARCH BAR */
    .header--search-bar {
        max-width: 233px;
    }
    
    /* TOPIC CONTENT TOGGLE BUTTON */
    .topic-list-header--toggle-btn {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    
    /* SIDEBAR TOGGLE BUTTON */
    .topic--breadcrumb .toggle-sidebar {
        display: none;
    }

    /* TOPIC SIDEBAR */
    .topic--sidebar {
        margin-top: 50px;
    }
    
    /* SIDEBAR AD WIDGET */
    .topic-sidebar-widget--ad .ad--2 .ad {
        overflow: hidden;
    }
    .topic-sidebar-widget--ad .ad--2 .ad img {
        margin: 0;
    }
    .topic-sidebar-widget--ad .ad--2 .ad:first-child img {
        float: right;
    }
    
    /* TABS */
    #tabs .tab {
        display: block !important;
        margin-bottom: 3px;
    }
    #tabs .tab.responsive-tab {
        display: none !important;
    }
    
    /* NAVIGATION */
    #navigation {
        margin: 0;
    }
    .ucp-page #navigation {
        padding-top: 0;
    }
    #navigation ul li {
        display: inline-block;
        margin-bottom: 3px;
    }

    #navigation #active-subsection a,
    #navigation li:first-child a,
    #navigation li:last-child a {
        border-radius: 0;
    }
    
    /* FOOTER WIDGETS */
    .footer-widget {
        margin-bottom: 50px;
    }
    .footer-widget:nth-last-child(1),
    .footer-widget:nth-last-child(2) {
        margin-bottom: 0;
    }
}

/* 7-3. SMALL DEVICES, TABLETS */
@media screen and (max-width: 767px) {
    /* PRIMARY HEADER */
    .header--social {
        display: none;
    }
    .header--login {
        margin-right: 0;
    }
    
    .mchat-nav-container.dropdown-container {
        padding: 12px 15px 10px;
    }
    /* HEADER NAVBAR */
    .header--nav {
        position: relative;
    }
    
    .header-nav--primary {
        clear: both;
    }
    .header-nav--primary.nav > li > a {
        padding: 12px 15px 10px;
    }
    .header-nav--primary.logged-out {
        clear: none;
    }
    .header-nav--primary.logged-out > li > a {
        padding: 26px 15px 24px;
    }
    
    .header-member-info .member-profile .dropdown-menu {
        margin-top: 10px;
    }
    
    .header-nav--tab .nav {
        padding: 0 0 10px;
        float: none;
    }
    .header-nav--tab .nav > li {
        float: none;
        border-bottom: 1px solid #e9e9e9;
    }
    .header-nav--tab .nav > li > a {
        padding: 10px 20px 8px;
    }
    
    /* HEADER SEARCH BAR */
    .header--search-bar {
        float: left;
        max-width: 280px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .header--search-bar.logged-out {
        float: right;
        margin-top: 18px;
    }
    
    /* HEADER MEMBER INFO */
    .header-member-info {
        margin: -4px 0 0;
    }
    
    /* TOPICLIST */
    .topic-list-content--title {
        max-width: 31%;
    }
    .topic-list-content--stats p:last-child {
        display: none;
    }
    .topic-list-content--meta {
        width: 20%;
    }
    
    .quick-mod-tools {
        clear: left;
        float: left;
        margin-top: 15px;
    }
    .action-bar-pagination--topics.view-topic {
        clear: left;
        float: left;
        margin-top: 15px;
    }
    .quick-mod-tools + .action-bar-pagination--topics.view-topic {
        clear: none;
    }
    .action-bar-pagination--page-num.view-topic {
        float: left;
        margin-top: 15px;
    }
    
    fieldset.display-options label {
        margin: 0;
    }
    fieldset.display-options select {
        display: block;
        margin: 10px auto;
        width: 100%;
    }
    fieldset.display-options .button2 {
        padding: 6px 20px;
    }
    
    /* VIEW TOPIC */
    .has-profile .postbody h3 {
        padding-top: 35px;
    }
    .has-profile .post-buttons {
        top: 0;
        left: 0;
        max-width: 210px !important;
    }
    .has-profile .post-buttons li:first-child {
        margin-left: 0;
    }
    .has-profile .post-buttons li.hidden {
        display: block !important;
    }
    .has-profile .post-buttons .responsive-menu.dropdown-container {
        display: none;
    }
    
    /* SEARCH PROFILE */
    .search .postprofile {
        width: 100%;
    }
    .search .postprofile dd,
    .search .postprofile dt {
        margin-left: 0;
    }
    
    /* FOOTER WIDGETS */
    .footer-widget:nth-last-child(2) {
        margin-bottom: 50px;
    }
    
    /* REGISTER PAGE */
    #register fieldset.fields2 dt {
        float: none;
        width: 100%;
    }
    #register fieldset.fields2 dD {
        margin-top: 5px;
        margin-left: 0;
    }
    
    /* SEARCH PAGE */
    .adv-search-panel fieldset dt {
        float: none;
        width: auto;
    }
    .adv-search-panel fieldset dd {
        margin-top: 10px;
        margin-left: 0;
    }
    
    /* CONTACT PAGE */
    .contact-page--form fieldset.fields2 dd {
        margin-left: 0;
    }
    .contact-page--form fieldset.fields2 dd input.inputbox,
    .contact-page--form fieldset.fields2 dd textarea.inputbox {
        width: 100%;
        max-width: 100%;
    }
    
    /* REMIND */
    #remind fieldset dd {
        margin-left: 0;
    }
    #remind input.inputbox {
        width: 100%;
        max-width: 300px;
    }
}

/* 7-4. SMALL DEVICES, SMARTPHONES */
@media screen and (max-width: 480px) {
    /* HEADER NAVBAR */
    .header-nav--primary.nav > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }
    .header-nav--primary.logged-out > li > a {
        padding: 26px 15px 24px;
    }
    
    /* HEADER SEARCH BAR */
    .header--search-bar {
        max-width: 50%;
    }
    
    /* HEADER MEMBER INFO */
    .header-member-info .member-profile {
        z-index: 9;
    }
    .header-member--notifications .dropdown-menu {
        right: -88px;
        min-width: 260px;
    }
    
    /* TOPICLIST */
    .topic-list-content--title {
        max-width: 38%;
    }
    .topic-list-content--meta {
        display: none;
    }
        
    /* REGISTER PAGE */
    #register .captcha-panel input.inputbox {
        width: 60%;
    }
    #register .captcha-panel input.button2 {
        display: block;
        margin-top: 10px;
    }
    
    /* ADVANCE PAGE */
    fieldset.submit-buttons input {
        display: block;
        margin: 0 auto;
    }
    fieldset.submit-buttons input:last-child {
        margin-bottom: 0;
    }
    
    /* BREADCRUMB PAGE */
    .topiclist-jumpbox--dropdown,
    .topiclist-jumpbox--dropup {
        display: none;
    }
    
    /* COLOR SWITCHER */
    #cColorSwitcher {
        margin-top: 45px;
    }
    
    /* SEARCH PAGINATION */
    .search-pagination {
        display: block;
        text-align: left;
        margin-top: 30px;
    }
    .search-pagination + ul {
        border-left: medium none;
        margin-left: 0;
        padding-left: 0;
    }
    
    /* HELPER CLASSES */
    .fl-left-480 {
        float: left !important;
    }
    .clear-left-480 {
        clear: left;
    }
    .db-480 {
        display: block;
    }
    .hidden-480 {
        display: none !important;
    }
    .bd-hidden-480 {
        border: none;
    }
    .reset-margin-480 {
        margin: 0;
    }
    .reset-padding-480 {
        padding: 0;
    }
    .mt-9-480 {
        margin-top: 9px !important;
    }
    .mt-10-480 {
        margin-top: 10px !important;
    }
    .mb-10-480 {
        margin-bottom: 10px;
    }
}

/* 7-5. CUSTOM, IPHONE RETINA */
@media screen and (max-width: 320px) {
    /* HEADER SEARCH BAR */
    .header--search-bar {
        width: 100%;
        max-width: none;
    }
}

/*------------------------------------*\
    8. HELPER CLASSES
\*------------------------------------*/
/* 8-1. RESET-GUTTER */
.reset-gutter {
    margin-left: 0;
    margin-right: 0;
}
.reset-gutter > [class*='col-'] {
    padding-left: 0;
    padding-right: 0;
}

/* 8-2. RESET-MARGIN */
.reset-margin {
    margin-right: 0;
    margin-left: 0;
}

/* 8-3. RESET-PADDING */
.reset-padding {
    padding-right: 0;
    padding-left: 0;
}

/* 8-4. VERTICAL-CENTERING */
.vc-parent {
    width: 100%;
    height: 100%;
    display: table;
}
.vc-child {
    display: table-cell;
    vertical-align: middle;
}
.vc-child.vc-bottom {
    display: table-cell;
    vertical-align: bottom;
}

/* MChat */
.mchat-nav-container.dropdown-container {
    padding: 26px 20px 24px;
}
.mchat-nav-container.dropdown-container:hover {
    background-color: #fff;
}
.mchat-nav-container.dropdown-container:hover > a {
    color: #222;
}

.mchat-nav-container.dropdown-container .dropdown {
    position: absolute;
    left: 0;
    border: none;
    border-radius: 0;
    padding: 15px 15px 5px;
    top: 100%;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    min-width: 160px;
    background-color: #fff;
    display: none;
}

.mchat-nav-container.dropdown-container .pointer {
    display: none;
}

.mchat-nav-container.dropdown-container .dropdown ul {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    border: none;
    box-shadow: none;
    position: static;
}

.mchat-nav-container.dropdown-container .dropdown ul li {
    padding-right: 0;
    white-space: normal;
}

.mchat-nav-container.dropdown-container .dropdown a {
    padding: 5px 0;
    color: #222;
    font-size: 14px;
    line-height: 20px;
    color: #222;
}
.mchat-nav-container.dropdown-container .dropdown a:hover {
    color: #03a9f4;
}

@media screen and (max-width: 767px) {
    .mchat-nav-container.dropdown-container {
        padding: 12px 15px 10px;
    }
}
@media screen and (max-width: 402px) {
    .mchat-nav-container.dropdown-container .dropdown {
        margin-left: 0 !important;
        right: auto;
    }
}

@media screen and (min-width: 992px) {
    .d-flex {
        display: flex;
    }
    .d-flex div#cp-main {
        width: calc(100% - 250px);
    }

    .d-flex #cp-menu {
        min-width: 250px;
    }

    .d-flex #cp-menu li {
        display: block;
    }
    .d-flex #cp-menu li:not(:last-child) {
        margin-bottom: 3px;
    }

    .d-flex #cp-menu li a {
        display: block;
        width: 100%;
    }
}

a.top {
    color: #03a9f4;
}

/* Navbar Footer */
.navbar--footer {
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 0;
}

.nav-footer li a {
    color: #222;
}

.nav-footer li a:hover {
    color: #03a9f4 !important;
}
/* Hide texts on the banner, keep background */
.header-slider--content,
.header-slider--content h2,
.header-slider--content p {
  display: none !important;
}

/* (tuỳ chọn) chỉnh chiều cao banner cho gọn */
.header--slider {
  min-height: 260px !important;   /* hoặc 200px tuỳ bạn */
  padding-top: 0 !important;
}
/* Center text + 3D pop animation trên banner */
.header--slider{
  position: relative;
  min-height: clamp(240px, 26vw, 360px);
  z-index: 0;
}

/* Tiêu đề (giữa ảnh) */
.header--slider::before{
  content: "Thuongdienphabo";
  position: absolute; left: 50%; top: 50%;
  transform: translate(-50%, -58%);
  z-index: 2; pointer-events: none;
  text-align: center;

  font-size: clamp(32px, 5vw, 64px);
  font-weight: 900; letter-spacing: .5px; line-height: 1.05;
  color: #fff;
  text-shadow:
    0 3px 0 rgba(0,0,0,.25),
    0 12px 24px rgba(0,0,0,.45);
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.35));

  animation: pop3d 4s ease-in-out infinite;
  will-change: transform, text-shadow, filter;
}

/* Mô tả (ngay dưới tiêu đề, cũng ở giữa) */
.header--slider::after{
  content: "Diễn đàn thảo luận phim 4K HDR • FShare • PikPak • Cloud.";
  position: absolute; left: 50%;
  top: calc(50% + clamp(24px, 3vw, 40px));
  transform: translate(-50%, -50%);
  z-index: 2; pointer-events: none;
  text-align: center;

  font-size: clamp(14px, 1.8vw, 22px);
  font-weight: 600;
  color: #fff;
  text-shadow: 0 2px 10px rgba(0,0,0,.55);
}

/* Hiệu ứng 3D: phồng + xoay nhẹ rồi trở lại */
@keyframes pop3d{
  0%, 100%{
    transform: translate(-50%, -58%) scale(1) perspective(800px) rotateX(0) rotateY(0);
    text-shadow:
      0 3px 0 rgba(0,0,0,.25),
      0 12px 24px rgba(0,0,0,.45);
    filter: drop-shadow(0 10px 18px rgba(0,0,0,.35));
  }
  35%{
    transform: translate(-50%, -60%) scale(1.08) perspective(800px) rotateX(10deg) rotateY(-8deg);
    text-shadow:
      0 1px 0 #fff,
      0 2px 0 #e9e9e9,
      0 3px 0 #dcdcdc,
      0 18px 36px rgba(0,0,0,.55);
    filter: drop-shadow(0 16px 28px rgba(0,0,0,.5));
  }
  55%{
    transform: translate(-50%, -60%) scale(1.1) perspective(800px) rotateX(-6deg) rotateY(6deg);
    text-shadow:
      0 1px 0 #fff,
      0 2px 0 #e9e9e9,
      0 3px 0 #dcdcdc,
      0 22px 44px rgba(0,0,0,.6);
    filter: drop-shadow(0 20px 36px rgba(0,0,0,.55));
  }
  75%{
    transform: translate(-50%, -58%) scale(1.04) perspective(800px) rotateX(0) rotateY(0);
  }
}
/* bật lại khối content và căn giữa */
.hero-center{ position:absolute; inset:0; display:flex; flex-direction:column;
  align-items:center; justify-content:center; text-align:center; pointer-events:none; }
.header-slider--content{ display:block !important; }

/* tiêu đề từng chữ */
.hero-title{ display:flex; gap:.02em; font-size: clamp(32px,5vw,64px); 
  font-weight:900; letter-spacing:.02em; line-height:1.05;
  text-shadow: 0 3px 0 rgba(0,0,0,.25), 0 12px 24px rgba(0,0,0,.45);
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.35));
  animation: pop3d 4s ease-in-out infinite; /* dùng lại keyframes pop3d */
}
.hero-sub{ margin-top: clamp(8px,1.4vw,16px); font-size: clamp(14px,1.8vw,22px);
  font-weight:600; color:#fff; text-shadow: 0 2px 10px rgba(0,0,0,.55); }

/* mỗi chữ 1 màu */
.hero-title span:nth-child(1){ color:#ff4d4f; }
.hero-title span:nth-child(2){ color:#ff7a45; }
.hero-title span:nth-child(3){ color:#faad14; }
.hero-title span:nth-child(4){ color:#a0d911; }
.hero-title span:nth-child(5){ color:#13c2c2; }
.hero-title span:nth-child(6){ color:#1890ff; }
.hero-title span:nth-child(7){ color:#722ed1; }
.hero-title span:nth-child(8){ color:#eb2f96; }
.hero-title span:nth-child(9){ color:#ff4d4f; }
.hero-title span:nth-child(10){ color:#ff7a45; }
.hero-title span:nth-child(11){ color:#faad14; }
.hero-title span:nth-child(12){ color:#a0d911; }
.hero-title span:nth-child(13){ color:#13c2c2; }
.hero-title span:nth-child(14){ color:#1890ff; }
.hero-title span:nth-child(15){ color:#722ed1; }
/* Tắt chữ cũ tạo bằng pseudo của banner */
.header--slider::before,
.header--slider::after{
  content: none !important;
}
/* Banner giữ kích thước và làm mốc */
.header--slider{
  position: relative;
  min-height: clamp(240px, 26vw, 360px);
}

/* Không dùng chữ pseudo cũ */
.header--slider::before{ content:none !important; }

/* Đặt khối center làm khung tuyệt đối */
.hero-center{ position:absolute; inset:0; }

/* TIÊU ĐỀ màu mè vào đúng vị trí chữ trắng cũ */
.hero-title{
  position:absolute; left:50%; top:50%;
  transform: translate(-50%, -58%);   /* đúng offset y như chữ trắng trước đây */
  z-index:2; pointer-events:none; text-align:center;
  /* giữ nguyên style màu/gradient bạn đang dùng ở .hero-title */
}

/* MÔ TẢ nằm ngay dưới tiêu đề, căn giữa */
.hero-sub{
  position:absolute; left:50%;
  top: calc(50% + clamp(24px, 3vw, 40px));  /* khoảng cách dưới title */
  transform: translate(-50%, -50%);
  z-index:2; pointer-events:none; text-align:center;
  /* giữ nguyên font + màu trắng bạn đã set */
}
.hero-char{
  position:absolute; right: clamp(12px, 6vw, 48px); bottom: 0;
  z-index:2; pointer-events:none;
}
.hero-char img{
  width: clamp(160px, 22vw, 340px);
  filter: drop-shadow(0 12px 22px rgba(0,0,0,.45));
  animation: floatY 6s ease-in-out infinite, breathe 5s ease-in-out infinite;
}
@keyframes floatY{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
@keyframes breathe{
  0%,100%{ filter: drop-shadow(0 12px 22px rgba(0,0,0,.45)) }
  50%{ filter: drop-shadow(0 18px 28px rgba(0,0,0,.55)) }
}
/* Đặt nhân vật ở CHÍNH GIỮA, ngay dưới chữ */
.hero-char{
  position: absolute;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  top: calc(50% + clamp(42px, 6vw, 80px)); /* khoảng cách dưới mô tả */
  transform: translate(-50%, -50%);
  z-index: 2;
  pointer-events: none;
}

.hero-char img{
  width: clamp(220px, 26vw, 420px);      /* tự co dãn */
  filter: drop-shadow(0 12px 22px rgba(0,0,0,.45));
  animation: floatY 6s ease-in-out infinite, breathe 5s ease-in-out infinite;
}

/* Mobile: kéo xuống thêm chút và thu nhỏ */
@media (max-width: 768px){
  .hero-char{
    top: calc(50% + clamp(60px, 10vw, 90px));
  }
  .hero-char img{
    width: clamp(160px, 40vw, 260px);
  }
}
/* FORCE: đẩy nhân vật lên mép trên, trên cả 2 dòng chữ */
.header--slider .hero-char{
  position: absolute !important;
  left: 50% !important;
  top: 2% !important;          /* nếu chưa đủ cao: 0% hoặc -2% */
  right: auto !important;
  bottom: auto !important;
  transform: translateX(-50%) !important;
  z-index: 10 !important;      /* nằm trên mọi chữ */
  pointer-events: none;
}

.header--slider .hero-char img{
  width: clamp(180px, 22vw, 340px);  /* muốn nhỏ hơn: giảm số đầu 180px */
}
/* Bảo đảm modal nổi trên mọi overlay/baner */
.modal, .phpbb_alert { z-index: 99999 !important; }
.modal-backdrop { z-index: 99998 !important; }

/* Phòng trường hợp overlay chặn click */
.modal * { pointer-events: auto !important; }

/* Đảm bảo overlay banner không đè modal */
.header--slider::before { z-index: 1 !important; position: absolute; }
.hero-center, .hero-char { z-index: 2 !important; }
#darkenwrapper, #darken, #cboxOverlay {
  background: transparent !important;
  pointer-events: none !important;   /* không chặn thao tác */
}
/* --- FIX MOBILE: căn giữa và thu nhỏ nhân vật --- */
@media (max-width: 768px){
  .hero-char{
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    top: calc(50% + 22px) !important;   /* nằm ngay dưới chữ, chỉnh số này nếu muốn lên/xuống */
    transform: translate(-50%, -50%) !important;
    z-index: 2 !important;
  }
  .hero-char img{
    width: min(52vw, 180px) !important; /* giới hạn kích thước */
    max-width: 65vw !important;
    height: auto !important;
    object-fit: contain !important;
  }

  /* chữ cũng nhích lên chút cho cân */
  .hero-title{
    top: 14% !important;
    transform: translateX(-50%) !important;
  }
  .hero-sub{
    top: calc(14% + clamp(18px, 3vw, 28px)) !important;
    transform: translateX(-50%) !important;
  }
}

/* màn siêu nhỏ */
@media (max-width: 480px){ .hero-char{ display:none !important; } }
/* --- FIX cắt tiêu đề topic ForumUS --- */
.topic-list-content--title {
    max-width: none !important;   /* bỏ giới hạn 250px */
    width: auto !important;
}

.col-md-9.topic--body.expended .topic-list-content--title {
    max-width: none !important;   /* bỏ giới hạn 645px khi layout expended */
}

/* Cho tiêu đề xuống dòng, không bị chấm lửng */
.topic-list-content--title h2 {
    white-space: normal !important;
    text-overflow: clip !important;
    overflow: visible !important;
}