a {color:inherit; text-decoration: underline; cursor: pointer;}
a:hover {text-decoration: underline;}
body {font-family: 'Exo 2';}

.hr {display: none;}

body #brd-navlinks {padding: 0; width: 100%; position: sticky !important; top: 0; left: 0; z-index: 100;
    background: #fff;}

body > #brd-navlinks > ul {width: 90%; max-width: 1100px; margin: 0 auto; padding-left: 0; box-sizing: border-box; float: none;
    background: url(/style/design/logo.svg) left center no-repeat; height: 135px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}

body > #brd-navlinks > ul li {list-style: none;}

body > #brd-navlinks > ul li#navindex a {padding: 40px 0; padding-left: 250px;}

body > #brd-navlinks > ul li a {text-decoration: none; background: transparent; font-weight: normal; font-size: 15px; line-height: 18px; text-transform: uppercase; color: #6B6C70; padding: 0; text-shadow: none;}

body #brd-navlinks #navlogin {margin-top: -16px;}

body #brd-navlinks #navlogin a {width: 178px; height: 36px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;
    background: #18B0E1; color: #FFFFFF;}
    

.nav-toggle {display: none;}

#welcome {display: block; position: absolute; right: calc(50% - 550px); width: 90%; max-width: 1100px; text-align: right; top: 95px; font-weight: normal; font-size: 11.5px; line-height: 14px; color: #6B6C70; margin: 0;}

#visit-links {width: 90%; max-width: 1100px; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; padding: 30px 0; margin: 0 auto; gap: 0 24px;}

#visit-links a {width: 200px; height: 45px; font-weight: normal; font-size: 15px; line-height: 18px; text-align: center; text-transform: uppercase;
    display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}

#visit-links span:nth-child(2n+1) a {background: #6B6C70; color: #FFFFFF;}
#visit-links span:nth-child(2n) a {background: #F1F1F1; color: #6B6C70;}

#brd-head {display: none;}

#brd-index .hr {display: none;}

#brd-wrap {padding-bottom: 10px;}

.main-title {font-weight: bold; font-size: 30px; line-height: 36px; text-transform: uppercase; color: #2B2B2B; margin: 0; padding: 24px 0; display: none;}


.item-summary {background: rgba(241, 241, 241, 0.9);
    font-weight: normal; font-size: 12px; line-height: 18px; color: #6B6C70;
    /* display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; */}

.item-summary * {font-weight: 400;}

.main-item {border: 1px solid #F4F4F4; margin-bottom: -1px; background: #FEFEFE;}

.item-info {font-weight: normal; font-size: 12px; line-height: 18px; color: #6B6C70;}

.main-item .icon {width: 64px; height: 70px; background: url(/style/design/icon1.svg) left center no-repeat;}

.item-info span {display: none;}

.info-lastpost cite {display: block; margin-top: 5px; text-align: center; color: #18B0E1; width: 100%;}

.item-info strong {font-weight: 400;}

.item-subject p {font-weight: normal; font-size: 12px; line-height: 18px; color: #6B6C70; margin-top: 5px; margin-bottom: 0;}

.item-subject .hn {font-weight: bold; font-size: 12px; line-height: 18px; color: #18B0E1;}

.item-info li {border-left: 1px solid #F4F4F4;}

.main-content.main-category {margin-bottom: 30px;}


#brd-stats .hn {display: none;}

#brd-stats ul li {font-weight: normal; font-size: 11.5px; line-height: 14px; color: #6B6C70; margin-bottom: 10px; width: 230px;}

#brd-stats ul li strong {font-weight: bold; font-size: 11.5px; line-height: 14px; color: #18B0E1;}

#brd-stats ul {list-style: none; padding: 0; margin: 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-left: auto;}

#brd-online, #brd-stats {max-width: 1100px; width: 90%; box-sizing: border-box; margin: 0 auto; padding-left: 0;}
#brd-stats ul {width: 580px; max-width: 100%; margin-left: 0;}
.st-users:nth-child(1) {order: 1;}

.st-users:nth-child(2) {order: 3;}

.st-activity:nth-child(3) {order: 2;}

.st-activity:nth-child(4) {order: 4;}

#brd-online .hn {padding:0; margin: 0;}

#brd-online * {font-weight: normal; font-size: 11.5px; line-height: 14px; color: #6B6C70; margin-bottom: 10px; width: 450px;}

#brd-online strong, #brd-online p a {color: #18B0E1; font-weight: 700;}

#brd-about {display: none;}

#brd-online {padding-bottom: 40px;}

body #brd-navlinks.header_ {background: url(/style/design/banner.png) top center no-repeat; margin-bottom: -190px; height: 761px; position: relative !important; z-index: 0;}

.header_+#brd-visit {background: transparent; position: relative;}

.crumbs {display: none;}

.main-subhead .hn {font-weight: bold; font-size: 20px; line-height: 24px; text-transform: uppercase; color: #6B6C70;}

#rules-content {font-weight: normal; font-size: 12px; line-height: 18px; color: #2B2B2B; margin-bottom: 36px;}

.frm-buttons {margin-top: 36px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}

.frm-buttons input[type=submit] {width: 250px; height: 45px; background: #18B0E1; text-align: center; font-weight: normal; font-size: 12px; line-height: 18px; 
    border: none; margin: 5px 20px; text-align: center; text-transform: uppercase; color: #FFFFFF; cursor: pointer;}


.main-content.main-frm {margin: 32px 0;}

.main-head .item-info {color: #fff;}

.ct-group {margin-top: 42px;}

.ct-group td, .ct-group th, .ct-group caption {border: 1px solid #F4F4F4; height: 32px;}

.ct-group caption {background: rgba(24, 176, 225, 0.9); font-size: 20px; line-height: 36px; height: 40px; color: #FFFFFF; font-weight: 400; margin: 0;}

.ct-group table {border-collapse: collapse; width: 100%; text-align: center;}

.ct-group thead {background: rgba(241, 241, 241, 0.9); margin: 0; padding: 12px 0px; font-weight: normal; font-size: 12px; line-height: 18px; color: #6B6C70;}

.item-num {color: #000; margin-right: 10px; font-size: 16px;}

.posthead {background: rgba(241, 241, 241, 0.9);}

.posthead h3 {margin: 0;}

.post {margin-bottom: 36px;}


body #brd-navlinks {border: none !important;}


#brd-visit {border: none !important; background: transparent !important;}



.f0 {width: 90%; max-width: 1100px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; height: 180px;}
.f_1 {width: 50%; display: grid; grid-template-columns: repeat(auto-fill, 120px); gap: 13px 24px; justify-content: space-between; font-weight: normal; font-size: 15px; line-height: 18px; text-transform: uppercase; color: #6B6C70;}

@media screen and (max-width: 760px) {

.f1 {display: none;}
.f_1 {width: 70%; padding: 20px 0;}

}

@media screen and (max-width: 1020px) {

body > #brd-navlinks > ul {background: transparent;}
body > #brd-navlinks > ul li#navindex a {padding: 0;}
body > #brd-navlinks > ul li {padding: 0 2px;}


}

@media screen and (max-width: 1140px) {

body #brd-navlinks.header_ {background: url(/style/design/banner.png) top right -390px no-repeat;}
#welcome {right: 5%;}
}

@media screen and (max-width: 700px) {

#welcome {top: 80px;}

}


@media screen and (max-width: 600px) {

    body #brd-navlinks.header_ {margin-bottom: 0;}
    .js .nav-collapse-0.opened {height: 137px !important;}
    #welcome {display: none;}

}

@media screen and (max-width: 500px) {

#navlogin {margin: 0 auto;}

}

body > #brd-navlinks > ul li {border: none !important;}

a.nav-toggle {background: #18b0e1; font-size: 0; }

#brd-online * {max-width: 100%;}


.g1 {float: left; width: 50%; height: 30vw; background: #f8f8f8; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.g2 {font-weight: 800; font-size: 20px; line-height: 24px; text-align: center; text-transform: uppercase; color: #6B6C70;}
.g3 {font-size: 15px; margin: 30px auto; line-height: 18px; text-align: center; color: #2B2B2B;}
.g4 {background: #18B0E1; width: 200px; height: 45px; font-weight: 300; font-size: 15px; line-height: 18px; text-align: center; text-transform: uppercase; color: #FFFFFF; display: flex; justify-content: center; align-items: center; margin: 0 auto;}
.g5 {width: 100%; height: 100%; object-fit: cover;}
.g6 {padding: 10px; box-sizing: border-box;}


@media screen and (max-width: 800px) {
    .g1 {width: 100%; height: 300px;}
}
@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Thin'), local('Exo2-Thin'), url('font_exo2/exo2thin.woff2') format('woff2'), url('font_exo2/exo2thin.woff') format('woff'), url('font_exo2/exo2thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Thin Italic'), local('Exo2-ThinItalic'), url('font_exo2/exo2thinitalic.woff2') format('woff2'), url('font_exo2/exo2thinitalic.woff') format('woff'), url('font_exo2/exo2thinitalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Extra Light'), local('Exo2-ExtraLight'), url('font_exo2/exo2extralight.woff2') format('woff2'), url('font_exo2/exo2extralight.woff') format('woff'), url('font_exo2/exo2extralight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Extra Light Italic'), local('Exo2-ExtraLightItalic'), url('font_exo2/exo2extralightitalic.woff2') format('woff2'), url('font_exo2/exo2extralightitalic.woff') format('woff'), url('font_exo2/exo2extralightitalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Light'), local('Exo2-Light'), url('font_exo2/exo2light.woff2') format('woff2'), url('font_exo2/exo2light.woff') format('woff'), url('font_exo2/exo2light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Light Italic'), local('Exo2-LightItalic'), url('font_exo2/exo2lightitalic.woff2') format('woff2'), url('font_exo2/exo2lightitalic.woff') format('woff'), url('font_exo2/exo2lightitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2'), local('Exo2-Regular'), url('font_exo2/exo2.woff2') format('woff2'), url('font_exo2/exo2.woff') format('woff'), url('font_exo2/exo2.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Italic'), local('Exo2-Italic'), url('font_exo2/exo2italic.woff2') format('woff2'), url('font_exo2/exo2italic.woff') format('woff'), url('font_exo2/exo2italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Medium'), local('Exo2-Medium'), url('font_exo2/exo2medium.woff2') format('woff2'), url('font_exo2/exo2medium.woff') format('woff'), url('font_exo2/exo2medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Medium Italic'), local('Exo2-MediumItalic'), url('font_exo2/exo2mediumitalic.woff2') format('woff2'), url('font_exo2/exo2mediumitalic.woff') format('woff'), url('font_exo2/exo2mediumitalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Semi Bold'), local('Exo2-SemiBold'), url('font_exo2/exo2semibold.woff2') format('woff2'), url('font_exo2/exo2semibold.woff') format('woff'), url('font_exo2/exo2semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Semi Bold Italic'), local('Exo2-SemiBoldItalic'), url('font_exo2/exo2semibolditalic.woff2') format('woff2'), url('font_exo2/exo2semibolditalic.woff') format('woff'), url('font_exo2/exo2semibolditalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Bold'), local('Exo2-Bold'), url('font_exo2/exo2bold.woff2') format('woff2'), url('font_exo2/exo2bold.woff') format('woff'), url('font_exo2/exo2bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Bold Italic'), local('Exo2-BoldItalic'), url('font_exo2/exo2bolditalic.woff2') format('woff2'), url('font_exo2/exo2bolditalic.woff') format('woff'), url('font_exo2/exo2bolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Extra Bold'), local('Exo2-ExtraBold'), url('font_exo2/exo2extrabold.woff2') format('woff2'), url('font_exo2/exo2extrabold.woff') format('woff'), url('font_exo2/exo2extrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Extra Bold Italic'), local('Exo2-ExtraBoldItalic'), url('font_exo2/exo2extrabolditalic.woff2') format('woff2'), url('font_exo2/exo2extrabolditalic.woff') format('woff'), url('font_exo2/exo2extrabolditalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Black'), local('Exo2-Black'), url('font_exo2/exo2black.woff2') format('woff2'), url('font_exo2/exo2black.woff') format('woff'), url('font_exo2/exo2black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Black Italic'), local('Exo2-BlackItalic'), url('font_exo2/exo2blackitalic.woff2') format('woff2'), url('font_exo2/exo2blackitalic.woff') format('woff'), url('font_exo2/exo2blackitalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}