*{box-sizing:border-box;}
html,body{width:100%;min-height:100vh;margin:0;padding:0;color:#000; background:#F9F8E9;}
body{display:block; width:100%; max-width:1200px; margin:0 auto; padding:0 10px;
    font-family:'Segoe UI','Helvetica Neue',Helvetica,'Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans',sans-serif; }
html{text-rendering:optimizeLegibility !important;}
button,input[type="text"],input[type="email"],input[type="password"],input[type="submit"]{ -webkit-appearance: none;}

/*GENERAL RULES*/
img,iframe{max-width:100%;}
h1{margin:0;}
h2{}
h3{}
ul{list-style-type:none;margin:0;padding:0}
a{color:#6699CC; text-decoration:none; }


header{display:block; width:100%; text-align:center;}
section.main{display:block; width:100%; max-width:1200px; margin:0 auto; min-height:500px; }
footer{display:block; width:100%; text-align:center;}

.login-modal{padding:20px 0;}
.login-modal .login-logo{height:37px; width:auto; display:block; margin:0 auto 30px auto;}
.login-modal [name="forum_user"]{display:block; width:90%; height:40px; line-height:40px; background:#efefef; color:#0e5068; font-size:18px; padding:0 15px; margin:0 auto 20px auto; border: 2px solid #C3C3C3;}
.login-modal [name="forum_pass"]{display:block; width:90%; height:40px; line-height:40px; background:#efefef; color:#0e5068; font-size:18px; padding:0 15px; margin:0 auto 20px auto; border: 2px solid #C3C3C3;}
.login-modal .inpwrap{position:relative; display:block;}
.login-modal .show_hide {position: absolute; top:2px; right: 16px; background-color:#6699cc; height: 36px; width: 45px; color: #ffffff; font-family: Poppins;  text-align: center; cursor: pointer; line-height: 36px;}
.login-modal [name="forum_submit"]{display:block; width:90%; background:#ff8000; color:#fff; border-radius:4px; padding:5px 10px; margin:0 auto 20px auto; cursor:pointer; border: none;
    font: 17px / 1.4 sans-serif; font-family: 'Segoe UI','Helvetica Neue',Helvetica,Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans',sans-serif; line-height:25px;}
.login-modal [name="forum_submit"]:hover{background-color: #d66c00;}
.login-modal .register_text {display:block; font-size:15px; color:#6699CC; text-align:left; padding:0 15px;}
.login-modal .register_btn {display:block; width:90%; background-color:#5299e0; color:#fff; border-radius:4px; padding:5px 10px; margin:0 auto 20px auto; cursor:pointer; font-family: Arial, Helvetica, sans-serif; text-align: center;
    font: 17px / 1.4 sans-serif; font-family: 'Segoe UI','Helvetica Neue',Helvetica,Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans',sans-serif; line-height:25px;}
.login-modal .register_btn:hover {background-color: #6699cc;}
.login-modal .err{color:#FF7E6A; padding:0 15px; text-align:center;}
.login-modal .forgot_pass{display:block; padding:0 15px;}
.login-modal .lock{position:absolute; right:12px; bottom:7px;}

.olaywrap{display:none; position:fixed; width:100vw; height:100vh; top:0; left:0; background:#dedede; opacity:0.7;}
.olaywrap.on{display:block;}
.olay{display:none; position:fixed; top:0; right:0; bottom:0; left:0; margin:auto; width:80vw; height:80vh; background:#fff; border:1px solid #6699CC;}
.olay.on{display:block; z-index:5000;}
.olay.login{ width:300px; height:435px; border: 5px solid #6699CC; border-radius:12px; background:#F9F8E9;}

.header-sec1{position:relative; margin:0 auto;}
.header-sec1 .pro-logo{ width:100%; padding:10px 0; text-align:center;}
.header-sec1 .user-status{ position:absolute; top:60px; right:0; display:flex; align-items:baseline; justify-content:flex-end; color:#6699CC; font-size:25px;}
.header-sec1 .user-status a:hover{color:#ff8000;}
.header-sec1 .user-status .helplink{color:#4080bf; margin-right:10px;}
.header-sec1 .user-status .logout-btn{margin-left:4px; background:none; border:0; font-size:25px; color:#4080bf; cursor:pointer; font-family:'Segoe UI','Helvetica Neue',Helvetica,'Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans',sans-serif;}
.header-sec1 .user-status .logout-btn:hover{color:#ff8000;}
.collection .user-status .login-btn{display:block; width:100px; background:#ff8000; color:#fff; border-radius:4px; padding:5px 10px; margin:20px 20px 20px auto; cursor:pointer; border: none;
    font: 17px / 1.4 sans-serif; font-family: 'Segoe UI','Helvetica Neue',Helvetica,Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans',sans-serif; line-height:25px;}
.collection .user-status .login-btn:hover{background-color: #d66c00;}
.collection .user-status .register_btn {display:block; width:135px; background-color:#5299e0; color:#fff; border-radius:4px; padding:5px 10px; margin:0 auto 20px auto; cursor:pointer; font-family: Arial, Helvetica, sans-serif; text-align: center;
    font: 17px / 1.4 sans-serif; font-family: 'Segoe UI','Helvetica Neue',Helvetica,Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans',sans-serif; line-height:25px;}
.collection .user-status .register_btn:hover {background-color: #6699cc; color:#fff;}
.header-sec2{ padding:4px 0;}

.frontend-nav{ max-width:1200px; width:100%; display:flex; flex-wrap:wrap; justify-content:flex-start; margin:0 auto 5px auto; align-items:center;}
.frontend-nav>span{display:none;}
.frontend-nav>a{width:140px; font-size:26px; color:#4080bf;}
.frontend-nav>a:hover{color:#ff8000;}
.frontend-nav .form{flex:1; text-align:right; padding-left:50%; }
.frontend-nav .form form{width:100%; max-width:300px; float:right;}
.frontend-nav .form form button{cursor:pointer;}

.home-main-wrapper{ display:flex; flex-wrap:wrap; justify-content:space-between; width:100%;}
.home-main-wrapper .only{display:none;}
.home-main-wrapper.staff .only.staff{display:block;}
.home-main-wrapper.new-member .only.new-member{display:block;}
.home-main-wrapper.junior-member .only.junior-member{display:block;}
.home-main-wrapper.full-member .only.full-member{display:block;}
.home-main-wrapper.senior-member .only.senior-member{display:block;}
.home-main-wrapper.greeter .only.greeter{display:block;}
.home-main-wrapper.notable-member .only.notable-member{display:block;}

.left-section{ width:73%; }
.left-section .faves_wrap{position:relative; background:#F9F8E9; border:1px solid #6699CC;border-top:5px solid #5299e0;}
.left-section .faves_wrap:before{content:' '; position: absolute; width:0; height:0; border:0 solid transparent; top:-13px; left:50px; border:8px solid transparent; border-top-width:0; border-bottom-color:#5299e0;}
.left-section .faves_wrap h2{width:100%; background:#6699CC; color:#fff; padding:5px 10px; margin:0;}
.left-section .nofaves{padding:22px 15px; text-align:center; color:#6699CC;}
.left-section .fave_row{display:flex; flex-wrap:wrap; justify-content:flex-start; border:1px solid #BBBCB9; border-bottom:0; padding:10px;}
.left-section .fave_row:last-child{border-bottom:1px solid #BBBCB9;}
.left-section .fave_row.new{background:#fff;}
.left-section .fave_row.new .forum{font-weight:bold;}
.left-section .fave_row .forum{width:50%; font-size:22px; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center;}
.left-section .fave_row .forum i{color:#F1B77A; font-size:30px; margin-right:10px; width:38px;}
.left-section .fave_row.new .forum i{font-weight:700;}
.left-section .fave_row .forum a{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:calc(100% - 48px); color:#4080bf;}
.left-section .fave_row a:hover{color:#ff8000;}
.left-section .fave_row .thread{width:50%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.left-section .fave_row .thread .avatar{width:48px; height:48px; line-height:48px; font-size:25px; border-radius:5px; overflow:hidden;}
.left-section .fave_row .thread .avatar a{display:block; text-align:center;}
.left-section .fave_row .thread .info{position:relative; width:calc(100% - 50px); padding:0 10px;}
.signedin .left-section .fave_row .thread .info{padding:0 45px 0 10px;}
.left-section .fave_row .thread .info .title{display:block; color:#003FAD; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.left-section .fave_row .thread .info .date{color:#000;}
.left-section .fave_row .thread .info .u{color:#6699CC;}
.left-section .fave_row .thread .info .u:hover{color:#ff8000;}
.left-section .fave_bot{text-align:right;padding:10px 10px 20px 10px;}
.left-section .fave_bot a:hover{color:#ff8000;}
.left-section .cat_block .fave_row.new{background:inherit;}
.left-section .cat_head{padding:20px 5px 5px 5px;}
.left-section .cat_head h3{ font-size:26px; height:40px; margin:0; font-weight:normal; color:#6699CC; text-transform:capitalize;}
.left-section .cat_color{width:20px; height:20px; border-radius:4px; display:inline-block; vertical-align:baseline; margin-right:5px;}
.left-section .fave_row .thread .info .addfave{position:absolute; top:10px; right:10px; border:1px solid #ddd; color:#6699cc; padding:4px 2px; cursor:pointer;}
.left-section .fave_row .thread .info .addfave:hover{color:#ff8000;}

/*.left-section .below_forum_cats{margin-top:30px;}*/
.left-section .main_advertising{margin-top:30px;}
.right-section .sidebar_announcements{margin-top:30px;}
.right-section .sidebar_advertising{margin-top:30px;}

.right-section{ width:25%; overflow:hidden; }
.right-section .loginbox{position:relative; padding:30px 15px; border:1px solid #5299e0; border-top:5px solid #5299e0; border-bottom:5px solid #5299e0;}
.right-section .loginbox .login-btn{display:block; width:90%; background:#ff8000; color:#fff; border-radius:4px; padding:5px 10px; margin:20px auto 20px auto; cursor:pointer; border: none;
    font: 17px / 1.4 sans-serif; font-family: 'Segoe UI','Helvetica Neue',Helvetica,Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans',sans-serif; line-height:25px;}
.right-section .loginbox .login-btn:hover{background-color: #d66c00;}
.right-section .loginbox .register_text {display:block; font-size:15px; color:#6699CC; text-align:left; padding:0 15px;}
.right-section .loginbox .register_btn {display:block; width:90%; background-color:#5299e0; color:#fff; border-radius:4px; padding:5px 10px; margin:0 auto 20px auto; cursor:pointer; font-family: Arial, Helvetica, sans-serif; text-align: center;
    font: 17px / 1.4 sans-serif; font-family: 'Segoe UI','Helvetica Neue',Helvetica,Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans',sans-serif; line-height:25px;}
.right-section .loginbox .register_btn:hover {background-color: #6699cc;}
.right-section .loginbox .forgot_pass{display:block; padding:0 15px;}
.loginbox .user .usr{display:flex; align-items:center; color:#4080bf; font-size:20px; line-height:1; margin-bottom:15px; text-transform:capitalize;}
.loginbox .user .usr a{margin-right:10px; overflow:hidden; width:60px; height:60x; line-height:60px; font-size:25px; border-radius:5px; overflow:hidden; text-align:center;}
.loginbox .user .usr a img{border-radius:5px; width:60px; height:60px;}
.loginbox .user .fa-user-circle{cursor:pointer;}
.loginbox .user .group{display:block; padding:0 5px;}
.loginbox .user .date{display:block; padding:0 5px;}
.loginbox .user .icons{color:#4080bf; display:flex; align-items:center; justify-content:space-between; font-size:28px; padding:25px 20px 0 20px;}
.loginbox .user .icons a{color:#4080bf;}
.loginbox .user .icons .accountnav i{margin-top:3px; pointer-events:none;}
.loginbox .user .icons .accountnav.on i{color:#ff8000; border-color:#ff8000;}
.loginbox .user .icons span{display:block; position:relative; width:36px; text-align:center;cursor:pointer;}
.loginbox .user .icons span:hover i{color:#ff8000; border-color:#ff8000;}
.loginbox .user .icons span sup{position:absolute; top:-2px; left:-2px; z-index:1; display:block; font-size:12px; padding:0 1px; border-radius:3px; background:#ff4400; color:#fff;}
.loginbox .user .icons .glass{display:none; cursor:pointer;}
.loginbox .user .icons .glass i{pointer-events:none;}
.right-section .subnav{display:none; position:absolute; top:0; left:0; width:100%; padding:10px 20px 15px 20px; height:calc(100% - 62px); background:#F9F8E9; }
.right-section .subnav.on{display:block;}
.right-section .subnav hr{margin:0;}
.right-section .subnav a{display:block; padding:4px 0;}
.right-section .subnav a:hover{color:#ff8000; background:#fff;}

/*Collections Main*/
.breadcrumbs{margin:20px 0; padding:0 20px;}
.breadcrumbs a{color:#4080bf; }
.breadcrumbs a:hover{color:#ff8000; }
.collections-wrapper{width:100%; padding:0 20px; max-width:1200px;}
.collections-wrapper h1{text-align:center; color:#6699CC;font-weight:normal; font-size:28px; margin-bottom:30px;}
.collections-wrapper .wrap_table{width:100%;}
.collections-wrapper .wrap_table table{margin-bottom:20px;}
.collections-wrapper .wrap_table td{padding:2px 4px;}
.collections-wrapper .wrap_table{border-collapse:collapse; font-size:17px; line-height:27px;}
.collections-wrapper .wrap_table a{color:#3973ac;}
.collections-wrapper .wrap_table .heading{font-size:26px; height:46px; margin:0; font-weight:normal; color:#6699CC;	text-transform:capitalize;}
.collections-wrapper .wrap_table .list{position:relative; background:#F9F8E9; border:1px solid #6699CC; border-top:5px solid #5299e0; padding:10px; }
.collections-wrapper .wrap_table .list:before{content:" "; position: absolute; width:0; height:0; border:0 solid transparent; top:-13px; left:50px; border:8px solid transparent; border-top-width:0; border-bottom-color:#5299e0;}
/*Collections List*/
.collectionwrap{width:100%; padding:0 20px; max-width:1200px;}
.topsection{ background: #eee; padding:20px; }
.topsection h1{color:#6699cc;}
.topsection .compiled{font-style:italic; margin:4px 0; font-size:14px;}
.topsection p{font-size:17px;}
.postscontent{padding:20px;}
.postscontent .post{padding:20px; }
.postscontent .post .u{color:#6699cc;}
.postscontent .post p{font-size:17px;}



@media(max-width:1200px){

}

@media(max-width:1025px){
    .header-sec1 .user-status{display:none;} /*request to hide help and logout icons from table/mobile*/
    .collection .user-status{position:relative; display:flex; top:0; right:0; margin-bottom:-43px; padding-right:68px;}
    .signedin.collection .user-status{margin-bottom:-39px; }
    .collection .user-status .login-btn{margin:0 10px 0 0; z-index:1;}
    .collection .user-status .register_btn{margin:0; z-index:1;}
    .collection .user-status .helplink{z-index:1; display:none;}
    .collection .user-status .logout-btn{z-index:1;}
    .frontend-nav{position:relative; margin:0 auto 5px auto;}
    .frontend-nav>span.glass{display:block; position:absolute; top:8px; right:16px; cursor:pointer; z-index:1;}
    .frontend-nav>span.glass i{pointer-events:none;color:#4080bf; font-size:26px;}
    .frontend-nav>span.glass:hover i{color:#ff8000;}
    .frontend-nav .form{display:none; position:absolute; top:calc(100% + 9px); right:0; z-index:1; width:90%; padding:40px 15px 15px 15px; border-top:5px solid #5299e0; border-bottom:5px solid #5299e0; background:#F9F8E9; box-shadow:0 5px 10px 0 rgb(0 0 0 / 35%); border-radius:5px;}
    .frontend-nav .form:after{content:' '; position: absolute; width:0; height:0; border:0 solid transparent; top:-13px; right:22px; border:8px solid transparent; border-top-width:0; border-bottom-color:#5299e0;}
    .frontend-nav .form:before{content:"Quick Search"; position:absolute; z-index:1; top:4px; left:0; padding:0 15px; text-align:left; width:100%; height:25px; line-height:25px; font-size:19px; color:#000;}
    .frontend-nav .form form{max-width:100%;}
    .frontend-nav .form.on{display:block;}
    .frontend-nav .gsst_a{width:auto !important;}

    .home-main-wrapper{position:relative;}
    .home-main-wrapper .left-section{width:100%;}
    .home-main-wrapper .right-section{width:100%;}

    .right-section .loginbox{position:absolute; top:-50px; right:0; border:0; padding:10px; width:280px;}
    .signedin .right-section .loginbox{width:232px;}
    .loginbox .user .usr,.loginbox .user .group, .loginbox .user .date{display:none;}
    .loginbox .user .icons{padding:0;}
    .loginbox .user .icons .doc{display:none;}
    .loginbox .user .icons .glass{display:block;}

    .right-section .loginbox .login-btn{display:inline-block; vertical-align:top; width:80px; margin-top:0; }
    .right-section .loginbox .register_text, .right-section .loginbox .forgot_pass{display:none;}
    .right-section .loginbox .register_btn{display:inline-block; vertical-align:top; width:127px; }

    .right-section .subnav{width:250px; height:auto; top:calc(100% - 7px); left:auto; right:0; background:#F9F8E9; border:1px solid #5299e0;border-top:5px solid #5299e0; overflow:hidden;}
    .right-section .subnav:before{content:' '; position: absolute; width:0; height:0; border:0 solid transparent; top:-13px; left:37px; border:8px solid transparent; border-top-width:0; border-bottom-color:#6699CC;}
    .right-section .subnav a{font-size:20px;}
    .loginbox .subnav .username{ color:#1d57ad; background:#EEE; padding:5px 30px; margin:-15px -30px 0 -30px; font-weight:bold; text-transform:capitalize;}
}

@media(max-width:769px){
    .left-section .fave_row .forum{width:calc(100% - 58px);}
    .left-section .fave_row .thread{justify-content:flex-end; width:58px;}
    .left-section .fave_row .thread .info{display:none;}
    .left-section .cat_block .fave_row .forum{width:calc(100% - 103px);}
    .left-section .cat_block .fave_row .thread{width:103px;}
    .signedin .left-section .cat_block .fave_row .thread .info{display:block; width:55px;}
    .left-section .cat_block .fave_row .thread .info .title{display:none;}
    .left-section .cat_block .fave_row .thread .info .date{display:none;}
    .left-section .cat_block .fave_row .thread .info .u{display:none;}

    .breadcrumbs{padding:0;}
    .collections-wrapper{padding:0;}
    .collectionwrap{padding:0;}
    .postscontent{padding:0;}
    .postscontent .post{padding:10px;}
}

@media(max-width:640px){
    .frontend-nav>span.glass{right:8px;}
    .frontend-nav .form{ top:calc(100% + 9px); }
    .frontend-nav .form:after{right:12px;}
    .right-section .loginbox{top:-40px; width:215px; padding:0;}
    .signedin .right-section .loginbox{top:-45px;}
    .right-section .loginbox .login-btn{height:32px; line-height:32px; padding:0 5px; margin:0;}
    .right-section .loginbox .register_btn{width:80px; padding:0 5px; height:32px; line-height:32px; overflow:hidden; margin:0;}

    .right-section .subnav{ top:calc(100% + 11px);}
    .right-section .subnav:before{left:79px;}

    .signedin.collection .user-status{display:none; margin:0; padding:0; justify-content: right;}
    .collection .user-status{margin:0; padding:0; justify-content: center;}
    .collection .user-status .register_btn{width:100px; overflow:hidden; height:35px;}
}

@media(max-width:480px){
    .frontend-nav>a{width:26px; margin-right:20px; white-space:nowrap; overflow:hidden; color:transparent;}
    .frontend-nav>a:first-child{margin-left:25px;}
    .signedin .frontend-nav>a:first-child{margin-left:46px;}
    .frontend-nav>a:hover{color:transparent;}
    .frontend-nav>a i{ color:#6699CC;}
    .frontend-nav>a:hover i{ color:#ff8000;}

    .signedin .right-section .loginbox{width:170px;}
}