@import url('https://fonts.googleapis.com/css?family=Poppins:300,regular,500,600,700');

.pnl { border-color: transparent; }

#major-content { padding-top: 0; padding-right: 0%; }

.detail { padding: 0; }
/* Default Colours */
#hdr { background: #004D58; }
#hdr .middle { }

.middle { width: 75%; position: relative; max-width: 1550px; }
#hdr > .middle, #content > .middle { width: 75%; }
#hdr, #hdr > div { min-height: 48px; }
#hdr #searchouter { max-width: 320px; position: relative; }
.main { border: none; background: transparent; }

.panels > div, .panels div.showhide { margin-bottom: 15px; }

.sidemenu { width: 20%; min-width: 180px; max-width: 250px; padding-top: 15px; padding-bottom: 90px }
.sidemenu .inner .icn-16.title { color: #FFF; }
.sidemenu .inner .icn-16.title:hover { background: transparent; }
.sidemenu .inner .icn-16 { margin-left: 2px; margin-right: 0; padding-left: 28px; }
.sidemenu .inner .icn-16:hover { background: #58595B; }
.sidemenu .inner .icn-16 span { position: absolute; left: 0; }
.sidemenu .pnl { padding-top: 1.5%; padding-bottom: 1.5%; margin-top: 1%; margin-bottom: 2%; border-color: transparent; }
.sidemenu .pnl h3 { color: #EEE; margin: 2px 2% 8px 0; padding-bottom: 1px; }
.sidemenu .pnl h3 a { }
.sidemenu .inner .icn-16.group { padding-left: 34px; }
.no-touch .sidemenu .ftr a:hover { text-decoration: underline; }

.quicksearch .notquicksearch { display: none; }

.icn-16.graybg:hover > span { background-image: url('../img/icn/sprites/vx_sprites_grayscale.png?22'); opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.icn-16.home-16 span,
.icn-16.blog-16 span,
.icn-16.journal-16 span,
.icn-16.friend-16 span,
.icn-16.message span,
.icn-16.board span,
.icn-16.group span,
.icn-16.issue span,
.icn-16.all span,
.icn-16.profile-16 span,
.icn-16.blog-16:hover span,
.icn-16.journal-16:hover span,
.icn-16.friend-16:hover span,
.icn-16.message:hover span,
.icn-16.board:hover span,
.icn-16.group:hover span,
.icn-16.issue:hover span,
.icn-16.all:hover span,
.icn-16.profile-16:hover span { background-image: url('/inc/img/icn/sprites/version-2-Sprites.png'); width: 24px; height: 24px; }

.profile-links { background: transparent; border-left: solid 1px rgba(255,255,255,0.1); border-right: solid 1px transparent; height: 40px; }
.profile-links ul { height: 100%; }
.profile-links li { margin-top: 8px; margin-right: 2px; border: solid 1px transparent; padding-top: 5px; padding-bottom: 5px; }
.profile-links li > a { padding: 2px; }
.profile-links li:hover { border-color: #666; background-color: #666; }
.profile-links li:hover > a { color: #FFF; }
.no-touch .profile-links li > a:hover { background-color: transparent; }

.flex {display: flex;flex-wrap: nowrap;}
.flex.popular { width:calc(100% - 25px);margin-left:auto;margin-right:auto;display:flex;flex-direction:row;gap:15px;flex-wrap: wrap;}

/*Skin Detail*/
.profile-links .activity-16 > span { background-image: url('/inc/img/icn/newsfeed-icon-new.png'); background-size: 18px 18px; background-position: center center; }
.profile-links .activity-16 > span:hover { background-image: url('/inc/img/icn/newsfeed-icon-new.png'); }
.activity-16 > span { background-image: url('/inc/img/icn/newsfeed-icon-new.png'); background-size: 18px 18px; background-position: center center; }
.activity-16 > span:hover { background-image: url('/inc/img/icn/newsfeed-icon-new.png'); }
.friend-16 > span { background-position: -24px 0; }
.message > span { background-position: -54px 0; }
.board > span { background-position: -78px 0; }
.reports > span { background-position: -138px 0; }
.issue > span { background-position: -160px 0; }
.group > span { background-position: -102px 0; }
.all > span { background-position: -182px 0; }
.profile-16 > span { background-position: -209px 0; }
.blog-16 > span { background-position: -233px 0; }
.journal-16 > span { background-position: -257px 0; }
.home-16 > span { background-position: -281px 0; }
.icn-16.all > span { width: 28px; }
.icn-16.group > span, .icn-16.friend-16 > span, .icn-16.group:hover > span, .icn-16.friend-16:hover > span { width: 31px; }

.addplus { position: absolute; bottom: -1px; left: 5px; font-style: normal; font-weight: bold; font-size: 12px; }

#divDialog { overflow: visible; }
.dialogclose { position: absolute; top: -5px; right: -25px; width: 17px; z-index: 2500; height: 18px; text-decoration: none; font-size: 16px; }
.dialogclose:hover { color: #900; }

.inbounds .dialogclose { right:2px;top:0;}

.controls .copy { margin-top: 0; margin-bottom: 0; }

.cb-buttons { margin: 0px 0 10px; display: block; width: 100%; /*line-height: 35px;*/ }
.cb-buttons input[type=checkbox] { display: none; }
.cb-buttons label { padding: 5px 12px 6px; border-radius: 5px; border: solid 1px #A0A0A0; font-size: 14px; cursor: pointer; transition: all ease-in-out 0.2s; white-space: nowrap; /*float: left;*/ margin: 0 3px 3px 0; display: inline-block; }
.cb-buttons label:hover { background-color: #EEE; border-color: #EEE; }
.cb-buttons input[type=checkbox]:checked + label { background: #09F; border-color: #09F; color: #FFF !important; }

#footer { margin-top: 150px; background-color: #464646; color: #ffffff; padding: 30px 0 2em 0.5em; font-size: 80%; clear: both }
#footer a, #footer h2, #footer h3 { color: #FFF; }
#footer > div { margin: 0 auto; width: 96%; max-width: 1200px; }

.copyright { font-family: "Open Sans"; color: #CCC; display: inline-block; }
.copyright .poweredby { display: inline-block; }

footer .applinks a { display: block; text-align: left !important; }
footer .applinks a img { max-width: 120px !important; }
.mobileonly #mobile-btn { display: none; }
.mobonly { display: none }
/* Header Elements */
#hdr-right { padding-top: 0; position: relative; vertical-align: middle; }
#hdr #loginpanel { white-space: nowrap; vertical-align: top; float: right; }
#hdr-right .container-search { min-width: 320px; max-width: 420px; float: right; }
.signedin #hdr #searchouter { float: right; }

#welcome-page { margin-top: 25px; gap: 30px; flex-wrap: wrap; }
#welcome-page .col1 { width: calc((100% - 30px) * .38); }
#welcome-page .col2 { width: calc((100% - 30px) * .62); }


.rpnl { border-radius: 8px; padding: 0px; margin-bottom: 10px; background-size: cover; background-color: #CCC; box-shadow: 0 2px 10px rgba(0,0,0,0.2); color: #FFF; position: relative; }
.rpnl a { display: block; padding: 25px 15px; color: #FFF; font-weight: bold; }
.rpnl a:hover { text-decoration: none !important; }
.rpnl a .icon { position: absolute; top: 15px; right: 18px; font-size: 2em; }
.rpnl.welcomepanel { min-height: 45px; padding: 250px 15px 15px 15px; text-shadow: 0 0 1px rgba(100,100,100,0.6); }
.rpnl.welcomepanel a.button { border-radius: 8px; display: inline-block; background: #AAA; padding: 10px 25px; }
.rpnl.welcomepanel a.button:hover { }

.welcomepanel .w-message { padding-bottom: 15px; }

#welcome-page .col1 .rpnl a { padding: 30px 15px; font-size: 1.5em; }
#welcome-page .col2 .rpnl a .icon { top: 20px; font-size: 1.75em; }

.welcome-page .col3 { flex-wrap: wrap; gap: 10px; }
.welcome-page .col3 > div { margin-bottom: 0; width: calc((100% - 20px) / 2); }

.notsignedin #loginpanel { padding: 0 0 0 5px; }
.notsignedin #rightpnl { float: right; padding-top: 8px; width: auto; }
.notsignedin #rightpnl > div { display: table; width: 100%; }
.notsignedin #rightpnl > div > div { display: table-row; }
.notsignedin #rightpnl > div > div > div { display: table-cell; }

.signedin #rightpnl { display: table; width: 100%; }
.signedin #rightpnl > div { display: table-row; }
.signedin #rightpnl > div > div { display: table-cell; }
.signedin #hdr-right { display: table-cell; width: calc(30% - 36px); padding-right: 5px; }
.signedin #loginpanel { position: absolute; bottom: 5px; right: 5px; }

#hdr .signedin #search-box { padding-top: 10px; position: absolute; right: 0; top: 0; }
#hdr #loginpanel a { color: #FFF; }
#hdr #loginpopup a { color: #666; }
#hdr #loginpanel .btn { border-bottom: none; }
#hdr #search-box { z-index: 5; padding-top: 0px; float: none; width: auto; padding-bottom: 10px; }

#loginpopup { right: 0; }

#usermenu { color: #FFF; position: relative; font-size: 12px; }
#usermenu a { color: #BBB !important; }
.no-touch #usermenu a:hover { color: #FFF !important; text-decoration: none; }
#usermenu a .fa, #usermenu a .far { font-size: 21px; width: 28px; }
#usermenu > div { padding-top: 5px; float: left; margin-left: 4px; }
#userdata { min-width: 190px; position: relative; transition: all ease-in-out 0.2s; }
#avatar { float: left; margin-right: 4%; width: 32px; }
#avatar img { max-width: 100%; border-radius: 50%; }

.friends { position: relative; }
.friends .user2.fa, #usermenu .friends .user2.fa { position: absolute; bottom: 2px; left: 30%; font-size: 18px; line-height: 18px; }

#usermenu a .text { padding-bottom: 4px; display: block; float: right; line-height: 22px; }
#usermenu .profile-links { padding-top: 0; min-width: 24px; margin-left: 5px; }
#usermenu .profile-links .icn-16 > span { margin-right: 0; }

.withsidemenu #contentmain2 { width: calc(78% - 25px); }
#contentmain2 { margin-left: 20%; float: none; width: 78%; padding-left: 25px; padding-top: 50px; min-height: 800px; }
.c-inner hr { background: #EEE; margin-bottom: 20px; margin-top: 5px; }
.c-inner iframe { background: #CCC; border: none; width: 100%; min-height: 100vh; }
.c-inner iframe.parsed { min-height: 0; }

.notsignedin.nosidemenu #contentmain2 { width: 98%; margin-left: 0; }
.nosidemenu #contentmain2 { min-height: 500px; margin-left: 0; width: 100%; padding-left: 0; }

.fi-wrapper { position: relative; text-align: center; margin-bottom: 35px; }
.fi-wrapper img { width: 100%; }
.fi-wrapper h2 { font-size: 2em }
.fi-banner { position: absolute; top: -25px; right: 0; left: 0; text-align: center; }
.fi-banner h5 { display: inline-block; background: #CCC; padding: 10px 30px; font-size: 1.25em; }
.fi-content { max-width: 80%; margin: 0 auto; padding: 10px 5px 5px 5px; }

.fi-wrapper.todays-update { margin-top: 75px; }
.todays-update .fi-banner h5 { background-color: #F15B4E; }
.todays-update .fi-content { padding-top: 42px; padding-bottom: 35px; max-width: 100%; background-color: #F7F7F7; border-top: solid 4px #000; border-bottom: solid 3px #000; }
.todays-update .fi-content .cmt { max-width: 90%; margin: auto; }

/* ==================================== */
.bigboxlist .item { width: 32.5%; display: block; float: left; margin-right: 0%; background-color: #AAA; position: relative; border: solid 2px #FFF; transition: all ease-in-out 0.2s; }
.bigboxlist .item:hover { border-color: #09F; }
.bigboxlist .item .content { min-height: 100px; padding-left: 10px; margin-left: 0; color: #212121; }
.bigboxlist .item a { color: #212121; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.bigboxlist .item .more { position: relative; width: 100%; height: 20px; text-align: center; color: #FFF; }
.bigboxlist .item .more a { color: #FFF; }
.bigboxlist .item .more span { position: relative; transform: rotate(0deg); }
.bigboxlist .item .img { height: 180px; }
.bigboxlist .item .img h2 { padding: 15% 2% 0 2%; font-size: 1.7em; color: #FFF; font-weight: normal; text-align: center; font-family: Verdana; }
.no-touch .bigboxlist .item a:hover { text-decoration: none; }

.tools { padding: 5px 0; margin-top: 5px; margin-bottom: 5px; border-bottom: solid 1px rgba(0,0,0,0.15); text-align: right; }
.tools a { font-size: 12px; color: #AAA; font-family: Arial; font-weight: 600; text-transform: uppercase; }
.tools a:hover { color: #09F; text-decoration: none; }
.tools a .fa { margin-right: 4px; }

div.c-image { width: 350px;float:right; margin: 0 0 10px 20px; background-size: cover; background-repeat: no-repeat; background-position: center center; padding: 0 !important; overflow: hidden; }
div.c-image img { visibility: hidden; width: 100%; }

.list.masonry { max-width: 1400px; margin-left: auto; margin-right: auto; }
.list.masonry .item, .latestissues.list.items.masonry .item { display: block !important; }
.list.items.masonry .item, .list.masonry .item { color: #777777; border: 1px solid #eaeaea; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05); width: calc(25% - 17px); margin-right: 15px; padding: 0 0 25px 0; margin-bottom: 25px; }
.mason .m-date { font-size: 11px; padding-right: 12px; white-space: nowrap; opacity: 0.8; line-height: 1em; }
.mason .m-date .fal { font-size: 13px; float: left; margin-left: 1px; margin-right: 4px; }
.list.masonry .item .mason { font-size: 13px; margin-top: 25px; margin-bottom: 10px }
.list.masonry .item .mason .author { width: 100%; margin-top: 10px; }
.list.masonry .item .mason .author img { width: 18px; border-radius: 50%; float: left; margin-right: 4px; }
.list.masonry .item .img-container { width: 100%; max-height: 170px; min-height: 170px; overflow: hidden; }
.list.masonry .item .img-container img { width: 100%; }
.list.masonry .detail { background: #FFF !important; position: static; padding-left: 20px; padding-right: 20px; }
.list.masonry h4.issuetitle { font-size: 20px !important; font-weight: 600; margin-top: 15px; }
.list.masonry .item-tb { display: none; }

.list.masonry .link-options { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.5); transition: all ease-in-out 0.35s; text-align: center; padding-top: 25%; }
.list.masonry .link-options a { display: block; font-size: 1.55em; color: #FFF; }
.list.masonry .link-options a.ontop { z-index: 10; position: relative; margin-top: 10px }
.list.masonry .item:hover .link-options { opacity: 1.0; }

.list.masonry .tools a:not(.staple) { font-size: 11px; }
.list.masonry .tools a:hover { color: #09F; }
.list.masonry .tools { color: rgba(255,255,255,0.7); text-align: center; position: absolute; bottom: 5px; right: 0; left: 0; z-index: +1; border-bottom: none; }
.list.masonry .tools .favourite span { /*display:none;*/ }

.issue h4 { font-family: "Open Sans", Segoe UI, Arial, Helvetica, sans-serif }

.controls .popmenu-wrap a { width: auto; /*padding: 2px 15px 8px 15px !important;*/ }

body.sys .headerimage { max-height: 400px; position: relative; }
body.sys .headerimage .bg { background: rgba(0,0,0,0.45); position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
body.sys .headerimage .bg.img { background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 10; }
body.sys .headerimage .bg-color { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 11; background-color: rgba(0,0,0,0.1); }


body.vx-hdrimg { }
body.vx-hdrimg #hdr .middle, body.vx-hdrimg #menu .middle { max-width: 95%; width: 95%; }
body.vx-hdrimg.scrolled #hdr { border-bottom: none;box-shadow: 0px 4px 10px rgba(0,0,0,0.1); }
body.vx-hdrimg .headerimage img { min-height: 300px; background: #666; width: 100%; }
body.vx-hdrimg .headerimage.hideimage img { visibility: hidden; }
body.vx-hdrimg .headerimage { width: 100%; margin: 0; padding: 0; max-height: 380px; overflow: hidden; line-height: 0; }
body.vx-hdrimg .headerimage .headertitle { position: absolute; top: 170px; left: 0; right: 0; text-align: center; z-index: 12; }
body.vx-hdrimg .headerimage .headertitle h1 { color: #FFF; font-weight: 300 !important; font-size: 50px; line-height: 1.1; font-family: 'Poppins' !important; }
body.vx-hdrimg .detail .inner h1 { /*display: none;*/ }



body.vx-hdrimg .sidemenu { margin-top: 0px; }
body.vx-hdrimg .sidemenu .menuitem.title { /*display:none;*/ }

#hdr-outer, #hdr { transition: all ease-in-out 0.2s; }
body.vx-hdrimg:not(#admin) #menu { }
body.vx-hdrimg:not(#admin) #hdr-outer { }
body.vx-hdrimg:not(#admin) #hdr { background-color: rgba(255,255,255,0.0); z-index: 15; }
body.vx-hdrimg:not(#admin) #menu { background-color: rgba(255,255,255,0.0); }
body.vx-hdrimg.signedin:not(#admin) #main, body.vx-hdrimg #main { padding-top: 0 }

body.vx-hdrimg:not(#admin).notsignedin #rightpnl { margin-right: 3.5%; }
body.vx-hdrimg:not(#admin).signedin #rightpnl { }

body.vx-hdrimg #rightpnl { display: block; }
body.vx-hdrimg #rightpnl > div { display: block; }
body.vx-hdrimg #rightpnl > div > div { display: block; }
body.vx-hdrimg #rightpnl > div > div#hdr-right { position: absolute; right: 0; top: 8px; }
body.vx-hdrimg #rightpnl #loginpanel { float: none; padding-right: 10px; }
body.vx-hdrimg #rightpnl #usermenu { }

body.vx-hdrimg.scrolled #hdr-outer { background: rgba(255,255,255,0.98); }
body.vx-hdrimg.scrolled #logo { display: none; width: 50px; }
body.vx-hdrimg.scrolled .vxtitle { display: none; }
body.vx-hdrimg.scrolled #menu { height: 38px !important; box-shadow: 0 5px 5px rgba(0,0,0,0.3); }
body.vx-hdrimg.scrolled #menu { display: none }
body.vx-hdrimg.scrolled #menu .menulinks .menuitem { color: #000; display: inline-block; }
body.vx-hdrimg.scrolled #rightpnl #usermenu { top: 0px; }

body.vx-hdrimg #usermenu a { color: #FFF !important; }
body.vx-hdrimg #searchbtn .mobile-search-btn, body.vx-hdrimg a#mobile-btn { color: #FFF !important; }

body.vx-hdrimg.scrolled #usermenu a { color: #666 !important;transition: background ease-in-out 0.2s; }
body.vx-hdrimg.scrolled #usermenu .profile-links a:hover { color: #FFF !important; }
body.vx-hdrimg.scrolled #mobile-btn { color: #111 !important; top: 10px; }
body.vx-hdrimg #logo { height: 75px; background-image: url('../img/logo/vx-square-logo.png'); background-repeat: no-repeat; background-size: contain; background-position: left center; }
body.vx-hdrimg #hdr #search-box .container-search { background-color: rgba(255,255,255,0.9); border-radius: 2px; }
body.vx-hdrimg.scrolled #hdr #search-box .container-search { background-color: rgba(255,255,255,0.0); border: solid 1px #E0E0E0; }

/* ===================================== */
.tabcontent .column > p { font-size: 1.45em; color: #909090; margin-top: 5px; }
.signedin .tabcontent .column:first-child { width: 98%; }
.tabcontent .column:first-child { width: 84%; border-right: none; }
.tabcontent .column:last-child { width: 12.5%; padding-left: 0.5%; }
.tabcontent .column:last-child img { width: 100%; margin: 10px auto; }
.tabcontent h2 { background: #EEE; border-top: solid 5px #DDD; padding: 4px 0 6px 1%; text-transform: uppercase; margin-bottom: 15px; font-weight: bold; color: #000; font-size: 1.7em; }
.tabcontent h2.blue { margin-top: 25px; background: #C1CFFF; border-top-color: #04048A; margin-bottom: 15px; }
.tabcontent .list > div { padding-top: 0; padding-bottom: 0; }

.pai-rit { color: #FFF; background: #F5761F; padding: 10px 10px 5px 10px; max-width: 160px; margin: auto auto 10px auto; text-align: justify; font-size: 1.2em; }
.pai-rit a { text-align: center; display: block; padding: 8% 0; font-size: 1.4em; color: #FFF; text-transform: uppercase; font-weight: bold; }

#menu { height: 48px; min-height: 48px; background: #008696; position: relative; z-index: 14; }
#menu .middle { padding-top: 0; clear: both; }
#menu .menuitem { display: inline-block; float: none; text-transform: uppercase; padding: 15px 9px; display: block; float: left; font-size: 13px; font-family: "Open Sans", 'Century Gothic', 'Segoe UI'; letter-spacing: 0.25px; color: #FFF; transition: all ease-in-out 0.2s; }
#menu .menuitem:hover { background: #004D58; text-decoration: none; }
#menu .menuitem.selected { background: #004D58; }
#menu .menuitem.home { height: 17px; }
#menu .menuitem img { line-height: 0; font-size: 0; }

.menulinks { line-height: 0; white-space: nowrap; position: absolute; right: 0; }

#menu #menu-t { background: #FFF; }
#menu #menu-t .menuitem { font-size: 12px; padding: 4px 4px 3px; display: inline-block; float: none; border-bottom: none; }
#menu #menu-t .menuitem a { color: #404040; }
#menu #menu-t .menuitem.menuitem-selected a { color: #FFF; }
#menu .menuitem.menuitem-selected { background: #606060; }
#menu #menu-t .menuitem.menuitem-selected:hover { background: #606060; }
#menu #menu-b { background: #606060; height: 32px; }

#logo { height: 48px; background: url('../img/logo/vx LOGO FINAL.png') no-repeat; background-size: 70%; background-position: left center; }


.vxtitle { float: left; width: 25%; margin-top: 0; z-index: 1; position: relative; }
.vxtitle a, #menu .vxtitle a { vertical-align: middle; padding: 0; }
.vxtitle a img { margin-right: 8px; margin-top: 3px; float: left; /*height: 32px; */ }

.vxtitle.haslogo { margin-top: 0; }
.vxtitle.haslogo a img { max-height: 100%; min-height: 90%; margin-top: 0; }
.vxtitle.haslogo #logo { background: none; height: 59px; }

div.box-hdr, .list > div.box-hdr { background: none; border: solid 1px #FFF; }
div.box-hdr h2 { color: #000; }

.preview div.box-hdr { border-top: solid 1px #d7d7d7; }

.tagslist > a { display: inline-block; padding: 2px 4px; }

.categories { }

.list.items .item:last-child { margin-right: 0; }
.list.items .item { display: inline-block !important; margin-bottom: 10px; }
.list.items .img-container { line-height: 0; font-size: 0; overflow: hidden; }
.list.items .item img { width: 100%; }
.list.items:not(.masonry) .detail { background: #CCC; padding: 2%; transition: all ease-in-out 0.2s; }
.list.items .desc { margin: 0; }
.list.items .detail a { text-decoration: none; }

.list h4 a { color: #1A1A1A; }

.key { font-size: 0.85em; color: #555; font-family: Arial; }
.key > div { min-height: 17px; }
.keybox { width: 16px; height: 16px; float: left; margin-right: 4px; }
.key > div h3 { margin: 0; font-size: 1.2em; }

.chart-container { margin: 10px 1px 1px 1px; }
.split3 .item-tb { position: absolute; height: 23px; }
.split3 .item-tb > div { height: 23px; min-width: 60px; }
.split3 .item-tb h4 { font-size: 1em; letter-spacing: 0.025em; margin: 4px 8px 3px 8px; }

.item-tb { height: 25px; font-size: 0.95em; color: #A0A0A0; font-family: Arial; position: absolute; text-align: center; transition: all ease-in-out 0.2s; z-index: 10 }
.item-tb > div { height: 27px; display: inline-block; min-width: 80px; }
.item-tb > div h4, .split2 .item-tb > div h4 { color: #FFF; margin: 4px 8px 3px 8px; font-size: 1.25em; letter-spacing: 0.05em; text-transform: uppercase; font-weight: bold; }
.item-tb .hosttime { padding-left: 5px; }
.link-options a { font-family: "Open Sans"; font-size: 1.15em; }
.no-touch .link-options a:hover { text-decoration: none; }

.split2 { margin-top: 5px; }
.split2 .item { padding: 0; width: 49.5%; margin-right: 0.5%; height: 330px; overflow: hidden; border-radius: 0; }
.split2 .img-container { max-height: 300px; }
.split2 .item:last-child { margin-right: 0; }
.split2 .item:last-child img { /*min-height:100%;max-height: 340px;*/ }

.latestissues.list.items .item { display: inline-block !important; transition: all ease-in-out 0.2s; }
.latestissues.list.items .item .img-container { }
.latestissues.list.items .item .img-container img { margin: 0; }

.latestissues.list.items.simple .detail,
.list.items.split5.simple .detail { position: relative }
.list.simple .link-options { display: none !important; }

.masonry .item .img-container { background-size: cover; background-position: center center; }
.masonry .item .img-container a { }
.masonry .item .img-container img { margin: 0; display: none; }

.item iframe { width: 250px; }

.signedin .split2 .item { padding: 0; border: none; width: 49.7%; }

.list .detail .chart-summary h3 { margin-left: 0 }

.split2 .item-tb { display: none; }
.split2 .detail-title { background: #333; color: #FFF; padding: 5px; font-weight: bold; letter-spacing: 0.4px; font-size: 1.15em; }
.split2 .detail-title a { color: #FFF; }
.no-touch .split2 .detail-title a:hover { text-decoration: none; }
.split2 .item-poll .cc { border-right: solid 1px #CCC; border-bottom: solid 1px #CCC; }
.split2 .item-poll .detail-title { min-height: 45px; padding: 5px 8px; position: relative; z-index: 4; text-align: center; }
.split2 .item-poll .detail { background: #000; vertical-align: bottom; position: absolute; right: 70%; top: 55px; bottom: 0; left: 0; padding: 0; font-size: 11px; }
.split2 .item-poll .detail > a { position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
.split2 .item-poll .img-container, .split2 .item-poll .cc { position: absolute; top: 55px; left: 30%; right: 0; bottom: 0; }
.split2 .item-poll .cc p { position: absolute; right: 4%; bottom: 3%; font-weight: bold; z-index: 10; }
.split2 .item-poll .chart-container { position: relative; margin: 2%; top: auto; right: auto; bottom: auto; left: auto; }
.split2 .item-poll .chart-summary { color: #FFF; position: relative; left: 0; padding: 7% 0; font-size: 1.3em; text-align: center; }
.split2 .item-poll .chart-summary h3 { color: #FFF; font-weight: bold; font-size: 1.7em; }
.split2 .item-poll .ftr { position: absolute; right: 0; bottom: 0; left: 0; top: auto; text-align: center; font-size: 1.6em; padding: 5.5% 0; }
.split2 .item-poll .ftr a { color: #FFF; text-transform: uppercase; }
.split2 .item-poll .ftr .tools { text-align: center; display: none; }
.split2 .item-poll h4 { padding-bottom: 0; text-transform: uppercase; font-size: 0.9em; display: inline-block; }
.split2 .item-poll h4 .prop { margin-left: 5px; font-size: 1.05em; color: #D0D0D0; }
.split2 .item-poll p { font-family: Arial; margin: 0; }
.split2 .item-poll p.desc { position: relative; text-align: center; top: auto; right: auto; bottom: auto; left: auto; border-radius: 0; padding: 4%; }

.split2 .item-poll .bottom { position: absolute; bottom: 0; }

.split2 .item-survey { }
.split2 .item-survey .item-tb > div { min-width: 24%; }
.split2 .item-survey .top { position: absolute; top: 27px; right: 0; bottom: 50%; left: 0; }
.split2 .item-survey .top img { display: inline-block; height: 100%; width: auto; }
.split2 .item-survey .content { position: absolute; left: 24%; top: 0; padding: 8px 10px; color: #FFF; font-size: 1.2em; font-weight: 600; }
.split2 .item-survey .content p { margin: 0; }
.split2 .item-survey .chart-container { top: auto; right: 0; bottom: 0; left: 60%; background: #DDD; }
.split2 .item-survey .ftr { background: #FFF; top: 48%; }
.split2 .item-survey h3 { font-weight: bold; font-size: 1.2em; }
.item-survey .link-options { position: absolute; right: 40%; bottom: 5%; left: 2%; }
.item-survey .ftr .link-options a { padding: 1.2% 5%; background: #333; color: #FFF; text-transform: uppercase; }

.list.items .item-survey .detail { background: #000; color: #FFF; }
.list.items .item-survey .detail h4 { color: #FFF; text-transform: uppercase; font-size: 1.2em; }
.list.items .item-survey a.more { position: absolute; right: 15px; bottom: 15px; color: #FFF; }

.item-survey .point { position: absolute; bottom: 5px; left: 10%; width: 0; height: 0; border-style: solid; border-width: 0 1em 1em 1em; border-color: transparent transparent #FFF transparent; }
.split2 .item-survey .ftr a.m-btn { background: #333; color: #FFF; padding: 5px 8px; text-transform: uppercase; }

.split2 .detail h4 { }
.split2 .detail h4 a { color: #FFF; }
.split2 .content { position: absolute; bottom: 0; right: 0; left: 0; padding: 4%; vertical-align: bottom; }

.split2 .chart-container { position: absolute; right: 0; top: 30px; bottom: 25%; left: 30%; }
.split2 .chart-summary { position: absolute; top: 0; right: 0; left: 30%; padding: 2% 4% 4% 4%; font-weight: bold; font-size: 1.3em; }
.split2 .chart-summary a { color: #404040; }
.no-touch .split2 .chart-summary a:hover { text-decoration: none; }
.split2 .ftr { background: #FFDFBF; position: absolute; top: 75%; bottom: 0; left: 0; right: 0; padding: 2% 2%; overflow: hidden; font-size: 1.1em; color: #333; }
.split2 .ftr a { color: #404040; }

.split2 .item-gallery { padding-top: 0; }
.split2 .item-gallery .detail h4 { font-size: 1.3em; }
.split2 .item-gallery .detail h4 span { color: #FFF; }
.split2 .item-gallery .detail h4 a { color: #FFF; }
.split2 .item-gallery .detail { background: #F5761F; position: absolute; top: 0; right: 0; left: 0; min-height: 40px; padding: 1%; }
.split2 .item-gallery .content { padding: 2%; position: relative; }
.split2 .item-gallery .img-container { max-height: 320px; position: absolute; top: 50px; right: 0; bottom: 0; left: 0; }
.split2 .desc { color: #000; font-size: 1.3em; position: absolute; bottom: 10%; left: 5%; right: 5%; background: #FFF; padding: 3% 4.5% 4% 4.5%; border-radius: 10px; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

.big-quote { font-size: 1.5em; }
.split3 { margin-top: 10px; margin-bottom: 10px; }
.split3 h4 { font-size: 1.3em; text-align: center; }
.list.items.split3 .item { width: 32.25%; margin-right: 1.625%; margin-bottom: 0.5%; background: #DDD; padding: 0; border: none; }
.list.split3 h4 a { color: #FFF; }
.list.items.split3 .item:last-child { margin-right: 0; border-right: none; }
.list.items.split3 .item:nth-child(3n) { margin-right: 0; border-right: none; }
.list.items.split3 .content { height: 55px; }

.list.items.split3 .detail { padding: 3% 2% 2% 1.5%; position: absolute; right: 0; bottom: 0; left: 0; background: none repeat scroll 0 0 rgba(40, 50, 61, 0.6); }
.list.items.split3 .detail:hover { background-color: rgba(40, 50, 61, 0.8); }
.list.items.split3 .link-options a { background: transparent; color: #FFF; padding: 1.2% 5%; text-transform: uppercase; }
.no-touch .list.items.split3 .link-options a:hover { text-decoration: none; }

.signedin .list.items.split5 .item { width: 24.4%; margin-right: 0.8%; }
.signedin .list.items.split5 .item:nth-child(5n) { margin-right: 0.8%; }
.signedin .list.items.split5 .item:nth-child(4n) { margin-right: 0%; }
.list.items.split5 .item:nth-child(5n) { margin-right: 0; }
.list.items.split5 .item-tb { position: absolute; display: none; }
.list.items.split5 .item:hover .item-tb { display: block; }
.list.items.split5 .item-tb > div { height: 18px; min-width: 0; }
.list.items.split5 .item-tb h4 { letter-spacing: 0; margin: 2px 7px 2px; font-size: 0.9em; }
.list.items.split5 .item { width: 19.6%; margin-right: 0.4%; border: none; padding: 0; }
.list.items.split5 h4 { font-size: 1.2em; font-weight: 600; padding-bottom: 0; margin-bottom: 0; }
.list.items.split5 h4 a { color: #FFF; text-shadow: 2px 2px rgba(0,0,0,0.4) }
.list.items.split5 p { display: inline; font-size: 0.9em; color: #FFF; }
.list.items.split5 :hover .detail { background: rgba(40, 50, 61, 0.9); }
.list.items.split5 .detail { background: rgba(40, 50, 61, 0.18); /*height: 55px;*/ overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 10%; text-align: center; }
.list.items.split5 .detail.smld { height: 50px; }
.list.items.split5 .img-container { }
.list.items.split5 .link-options { position: absolute; bottom: 20px; left: 0; right: 0; padding: 10px; }
.list.items.split5 .link-options a { color: #FFF; font-size: 1.1em; font-weight: 600; text-transform: uppercase; }
.list.items.split5 .link-options a.r-btn { }

.issuegridlist .tools { display: none; }
/*.relatedissues .masonry  > .item { width:20%; }*/

.list.items.split3special .item { width: 30.0%; margin-right: 0.3%; }
.list.items.split3special .item { padding-top: 0; padding-bottom: 0; }
.list.items.split3special .img-container { max-height: 170px; }
.list.items.split3special .detail { display: none; }

.biglist > .item { padding-bottom: 10px; padding-top: 7px; }

.smalllist.list .p-detail .media { clear: left; margin-right: 2.5%; }
.smalllist.list .p-detail .media .img { margin-left: 0; }
.smalllist.list .p-detail .media .img .bg, .embed .media .img .bg { background-size: 200px 150px; }

.p-detail .content { min-height: 85px; }
.p-detail .prop { color: #366EAA; font-size: 1.15em; margin-bottom: 15px; min-height: 45px; }
.p-detail img { max-width: 100%; }

.list > div h3 { }
.list > div h3 a { color: #222; }

.list.boardgallery > div h3 a { color: #FFFFFF; }

.media .extra { font-size: 0.8em; }

body.home.notsignedin .latestissues_more { clear: both; }


/**/
.sectionedcircle { position: relative; padding: 5px; overflow: hidden; margin: 20px auto; border: solid 3px #888; border-radius: 50%; }
.sectionedcircle ul { position: relative; margin: 0; padding: 0; width: 32em; height: 32em; border-radius: 50%; list-style: none; overflow: hidden; }
.sectionedcircle .slice { overflow: hidden; position: absolute; top: 0; right: 0; width: 50%; height: 50%; transform-origin: 0% 100%; border: solid 2px #FFF; }
.sectionedcircle .slice:first-child { transform: rotate(15deg); }
.sectionedcircle .slice-contents { transition: all ease-in-out 0.2s; position: absolute; left: -100%; width: 200%; height: 200%; border-radius: 50%; background: lightblue; }
.sectionedcircle .slice:first-child .slice-contents { }
.sectionedcircle .slice:hover .slice-contents { background: violet; }

.sectionedcircle .inner { position: absolute; z-index: 10; width: 50%; height: 50%; }
.sectionedcircle .inner .link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; z-index: 11; }
.sectionedcircle .inner img { width: 110%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: -5%; display: none; }
.sectionedcircle .title { position: absolute; z-index: 12; top: 8%; text-align: center; }
.sectionedcircle .title h3 { max-width: 80%; margin: auto; }
.sectionedcircle.slices6 .inner img { width: 140%; }



/*Skinned?*/
.notsignedin .detail .desc { min-height: 0; }
.pages a, .pages span { font-size: 12px; }

/* Education Panel Design for Version 2 */
#ep { font-size: 13px; min-height: 500px; }
#ep .item { margin-bottom: 30px; }
#ep .morehelp { text-align: center; }
#ep .morehelp h3 { color: #dc291e; }
#ep .morehelp a { color: #dc291e; }
#ep-menu { background: transparent; }
#ep-menu > a { padding: 15px 10px; font-family: "Open Sans"; font-size: 18px; line-height: 18px; }

.ielts, .englishlab, #ep .morehelp { border: 3px solid #ccc; background: #FFF; border-radius: 5px; color: #222; font-size: 1.2em; }

#mobile-menu { margin: 0; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 300; display: none; background-color: rgba(25,25,25,0.9); }
#mobile-menu.open { display: block; }
#mobile-menu #menu { color: #444; }
#mobile-menu #menu .menuitem { border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-top: medium none; color: #444; display: block; font-size: 16px; padding: 10px 5% 10px 5%; text-decoration: none; text-align: left; }
#mobile-menu #menu a { padding: 0; background: transparent; }
#mobile-menu #menu a.icn-16 { padding-left: 28px; }
#mobile-menu .box a { background: rgba(0,0,0,0); }
#mobile-btn { color: #ffffff; cursor: pointer; font-size: 17px; position: absolute; right: -32px; top: 9px; z-index: 10; }
#mobile-wrap { position: relative; z-index: 2; min-height: 80vh; }
#mobile-menu .sidemenu { margin-top: 10%; text-align: center; font-size: 17px; }
#mobile-menu .sidemenu .inner .icn-16 span { display: none; }
#mobile-menu .sidemenu .inner .icn-16 { padding-left: 0; }
#mobile-menu .sidemenu .pnl { max-width: 350px; }

#menumob { margin: auto; max-width: 80%; padding-top: 20px; }
#menumob .sidemenu { width: 100%; }
#menumob .menulinks { display: block; position: relative; right: auto; left: auto; width: 100%; }
#menumob .menulinks a { display: block; text-align: center; padding: 10px 0; font-size: 18px; font-weight: 600; margin-bottom: 0; margin-top: 0; line-height: 18px; color: #FFF; }
#menumob .copyright { color: rgba(255,255,255,0.2); text-align: center; }
#menumob #closemenu { position: absolute; top: 10px; right: -20px; color: rgba(255,255,255,0.8); font-size: 17px; }
#menumob .sociallinks { margin-top: 35px; text-align: center; }
.sociallinks a { color: #FFF; font-size: 3em; margin-right: 25px; }
.sociallinks a:last-child { margin-right: 0; }

#sidemenuclose { display: none !important; }

#mobile-menu #menu .menulinks .menuitem { float: none; }
.menulinks .menuitem { margin-top: 0%; margin-bottom: 0%; }
#menu .menulinks .menuitem { display: inline-block; float: none; }

.p-detail table.content img.icon { max-width: 18px; min-width: 16px; }
.p-detail div.content .d-main { max-height: 80px; }

/* Responsive Layout Rules */
.smallthumbnails div.box { background-size: 100%; margin-bottom: 0; margin-top: 0; }
.sidemenu .smallthumbnails { margin-left: 0; margin-right: 0; }
.sidemenu .galleryitem { margin-top: 8px; }
.sidemenu .galleryitem .smallthumbnails { margin-top: 0; margin-bottom: 5px; padding-top: 0; }
.sidemenu .galleryitem h3 { color: #000; }
.sidemenu .galleryitem .ftr { padding-top: 0; margin-bottom: 10px; padding-left: 0; }

#admin #logo { display: none; }

.popular h2, #latest h2 { font-size: 13px; font-weight: 600; text-transform: uppercase; }
.popular { margin: 20px 0 0 0; }

.bbox {  width: calc((100% - 30px) / 5); text-align: center; position: relative; vertical-align: top; }
.bbox .img { max-width: 350px; width: 100%; text-align: center; margin: auto; position: relative; line-height: 0; }
.bbox .img img { width: 100%; }
.bbox .desc { width: 80%; margin: auto; text-align: center; }

.bbox .img a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: all ease-in-out 0.2s; z-index: 9; }
.bbox h3 { margin-top: 12px; font-size: 1.45em; }
.bbox h3, .rrow h3 { font-family: "Open Sans"; overflow: hidden; }
.bbox .inner { visibility: hidden; transition: all ease-in-out 0.2s; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 10% 10% 0; text-align: center; line-height: 23px; color: #FFF; font-size: 17px; }
.bbox .inner h4, .bbox .inner a { color: #FFF; }
.bbox:hover .inner { visibility: visible; background: rgba(0,0,0,0.5); }
.issue.bbox .img { max-width: 100%; }


#latest { margin-top: 20px; }

.rrow, .list > div.rrow { margin-bottom: 12px; border-bottom: solid 1px #CCC; padding-top: 8px; padding-bottom: 15px; max-height: 220px; overflow: hidden; position: relative; vertical-align: top; }
.rrow .img, .rrow .table > div > div.img { width: 150px; height: auto; padding-bottom: 0; overflow: hidden; text-align: right; position: relative; }
.rrow .img > div { max-width: 200px; width: 130px; min-height: 100px; text-align: right; display: inline-block; position: relative; }
.rrow .img > div a { display: block; }
.rrow .img > div img { width: 100%; /*border-radius:50%;*/ }
.rrow { display: block; }
.rrow > div > div { width: 100%; margin: 0; height: 100%; }
.rrow .table > div > div { display: table-cell !important; }

.rrow h3 { font-size: 15px; margin-bottom: 0px; font-weight: 500; }
.rrow h4 { font-size: 14px; }
.rrow .desc { font-size: 13px; }
.rrow .options > a.icn-16 { font-size: 17px; }

.list .medtext h3 { font-size: 1.15em !important; }
.list .longtext h3 { font-size: 1.05em !important; }

.activity-lastcolumn .rrow, .rrow { width: calc(100% - 20px); display: block; padding: 15px 10px 15px 15px; background: rgba(240,240,240,0.7); border-bottom-color: rgba(240,240,240,0.7); height: auto; min-height: 100px; border-radius: 4px; }
.activity-lastcolumn .rrow > div, .rrow > div { width: 100%; margin: 0 0; }
.activity-lastcolumn .rrow .table > div > div.img, .rrow .table > div > div.img { width: 100px; }
.activity-lastcolumn .rrow .img > div { width: 100px; height: 85px; min-height: 85px; }

.rrow, .list > div.rrow h3 { margin-top: 0; }

.column .rrow .table > div > div.mainbody { min-width: calc(100% - 100px); }
.column .rrow, .column .list > div.rrow { }
.column .rrow .img > div { width: 100px; height: 85px; overflow: hidden; }
.column .rrow .img, .column .rrow .table > div > div.img { width: 105px; }

.activity-lastcolumn .rrow .table > div > div.mainbody { min-width: 75%; }
.column.activity-lastcolumn .rrow .img, .column .rrow .table > div > div.img { width: auto; }

.rrow div.agreement { text-align: left; word-break: keep-all; height: auto !important; margin-top: 15px !important; font-size: 1.25em; font-weight: bold; background: #FFF; padding: 2px 12px; display: inline-block; border: solid 1px rgba(0,0,0,0.1); }
.rrow div.agreement span { font-size: 0.8em; font-weight: 200; }
.rrow .img > div.agreement { text-align: center; }
.rrow .img div.stat { max-height: 16px; width: auto !important; }

.rrow.post .mainbody { padding-bottom: 10px; }
.rrow.post .desc { font-size: 14px; }
.rrow.post .img > div img { border-radius: 50%; width: 80%; }
.activity-lastcolumn .rrow.post { min-height: 50px; padding: 20px 20px 0px 20px; }
.activity-lastcolumn .rrow.post .table > div > div.mainbody { min-width: 85%; }

.bbox .yes { color: #7EC300; }
.bbox .no { color: #F00; font-weight: 500; }
.bbox .agreement { font-size: 1.35em; text-align: center; padding-top: 12px; }

.rrow .mainbody { padding-right: 15px; padding-bottom: 0; }
.rrow .controls { position: absolute; bottom: 8px; }
.rrow .controls a { display: inline-block; color: #AAA; padding: 3px 7px; transition: all ease-in-out 0.2s; width: auto; height: auto; }
.no-touch .rrow .controls a:hover { background: #666; text-decoration: none; color: #FFF; }

.pnl > div.tag-list { padding-top: 0; }

.ios .rrow .stat { bottom: 0; }
.cbutton { display: inline-block; margin-bottom: 2px; line-height: 100% }

.display850,
.display800,
.display600 { display: none; }

/*Widgets*/
.widget.wbox.image { padding-top: 20px; padding-bottom: 20px; }
.widget.wbox.image > div > div { width: 50%; }
.widget.wbox.image > div > div { }
.widget.wbox.image img { max-width: 100% !important; width: 100% }
.widget.wbox.image .w-mcontent { text-align: center; height: 100%; padding: 10% 10%; }
.widget.wbox.image .w-mcontent h2 { padding-bottom: 25px; }
.widget.wbox.image .w-button-outer { padding-top: 30px; }

.widget.wbox.icon { text-align: center; padding: 10px 20px; margin-bottom: 30px; }
.widget.wbox.icon img { max-width: 100% !important }
.widget.wbox.icon .w-button-outer { padding-top: 30px; }


iframe#caseAS { height: 620px !important; width: 950px !important; }

@media only screen and (min-width:1900px) {
  .list.masonry .item .img-container { max-height: 210px; min-height: 210px; }
  .activity-lastcolumn .rrow, .rrow { min-height: 150px }
  .rrow .img > div img { width: 100%; }
  .column .rrow .img > div { height: 112px }
}

@media only screen and (max-width:1900px) {
  #menu .menuitem { font-size: 18px; }
  #menu-t .menuitem { font-size: 12px; }

  #hdr > .middle, #content > .middle, .middle { width: 98%; }
  .middle { max-width: 1600px }
  /* #mobile-btn { right: 4px; }  */
  .main-menu .menulinks { min-width: 42%; }
}


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

  .rrow .options { display: none }
}

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

  .smallthumbnails div.box { width: calc(25% - 0.5%); }


  #welcome-page .col3 { width: 100%; }
.bbox {  width: calc((100% - 30px) / 4); text-align: center; position: relative; vertical-align: top; }
}


@media only screen and (max-width:1550px) {
  .rrow, .list > div.rrow { max-height: 500px; }
}

@media only screen and (max-width:1400px) {
  #rightpnl { margin-right: 36px; }

  #admin-edit-state { top: auto; bottom: 0; }
  #menu .menuitem { font-size: 15px; }


  #loginpanel a.btn { padding: 6px 13px; }
  #hdr-right .container-search { max-width: 320px; }

  .main-menu .menulinks { min-width: 45%; }
}

@media only screen and (max-width:1300px) {
  /* .rrow .table, .rrow .table  > div, .rrow .table >div > div { display:block !important;}*/

.bbox {  width: calc((100% - 30px) / 3); text-align: center; position: relative; vertical-align: top; }
}

@media only screen and (max-width:1200px) {
  #menu .menuitem { font-size: 14px; }
  .main-menu .menulinks { min-width: 50%; }
  .menulinks { white-space: normal; height: auto; }
  #menu .cmsmenu.menuTopMenu .cmsmenuinner > .item a { white-space: normal; height: auto; }

  #hdr .search-box { margin-right: 32px; }
  #rightpnl { width: calc(100% - 36px); }

  .list.items.masonry .item, .list.masonry .item { width: calc(25% - 12px); margin-right: 10px; margin-bottom: 20px; }
  .withsidemenu #contentmain2 { padding-left: 20px; width: calc(80% - 20px); }
  .sidemenu .inner .icnfa { border-radius: 0; }
  .sidemenu .inner .icnfa .fa { margin-right: 5px; }

  .smallthumbnails div.box { width: calc(33.33% - 0.5%); }
}

@media only screen and (max-width: 1024px) {
  .topsharelinks { display: none; }

  #hdr-right .container-search { width: 280px; margin-right: 45px; }
  /*.notsignedin #rightpnl{ width:calc(100% - 36px) }*/
  .notsignedin #rightpnl { float: none; }

  #menu #menu-t .menuitem { font-size: 12px; line-height: 15px; }
  .notsignedin #rightpnl > div { display: block; }
  .notsignedin #rightpnl > div > div { display: block; }
  .notsignedin #rightpnl > div > div > div { display: block; }
  #hdr #searchouter { position: absolute; right: 10px; top: 0 }
  .notsignedin #hdr #searchouter { top: -3px; }


  #mobile-menu #menu a.icn-16.title { padding-left: 5px; }
  #mobile-btn { display: block; }

  .sidemenu .copyissue { display: none; }
  .sidemenu > div { padding-left: 0; }
  .sidemenu .pnl > div { background: transparent; }
  .column.activity-lastcolumn { display: none; }
  #admin-edit-state { display: none; }

  #mobile-btn { right: 0 }
  #usermenu a .text { display: none; }
  #hdr #searchouter { right: 0 }

  #sidemenu .avatar { display:none;}
  #sidemenu #avatar-edit { display:none;}

  .middle { width: 96%; padding-left: 0; padding-right: 0; }
  #copyright { text-align: center; }

  .vxtitle { display: block; float: none; width: 34%; }
  #menu .menuitem { font-size: 1.2em; padding-right: 1.4%; padding-left: 1.4%; }

  #major-content > div { padding-right: 0; }

  .tabcontent .column:first-child { width: 98%; }
  .tabcontent .column:last-child { display: none; }

  .sidemenu .site-ad { display: none; }
  .sidemenu { padding-top: 0; }
  .sidemenu .pnl { margin-bottom: 0; }

  /*Reports*/
  #TheCircleCanvas { display: none; }

  .split2 .item-survey .item-tb > div { min-width: 36%; }
  .item-survey .point { left: 15%; }
  .split2 .item-survey .content { left: 36%; }
  .list.items.split5 .detail { }
  .list.items.split5 h4 a { font-size: 1em; }

  #hdr #loginpanel { position: absolute; left: 0; top: 2px; padding-left: 4px; }
  #loginpopup { left: 5px; }

  .menulinks { top: 0; }
  .main-menu .menulinks { width: 66%; }

  .split5 .desc { display: none; }

  .list.items.masonry .item, .list.masonry .item { width: calc(33.33% - 12px); margin-right: 10px; margin-bottom: 20px; }

  #welcome-page { gap: 20px; }
  #welcome-page .col1 { width: calc((100% - 20px) * .38); }
  #welcome-page .col2 { width: calc((100% - 20px) * .62); }
}

@media only screen and (max-width: 1000px) {
  #welcome-page .col1 { width:100%;}
  #welcome-page .col2 { width:100%;}

  div.c-image { margin: 0 0 15px 0;width: 100%;max-width: 500px;float:none;margin-left:auto;margin-right:auto;}

}

/*Mobile and Tablets*/
@media only screen and (max-width: 850px) {

  body.vx-hdrimg .headerimage .headertitle { top: 180px; }

  #hdr-right { vertical-align: top; }
  #searchouter { padding-right: 5px; }

  #searchbtn, #searchbtn.whensmall { }

  .crumbs { padding-top: 4px !important; }

  .tablewrap, .tablewrap > div, .tablewrap > div > div { display: block; }
  .tablewrap > div > div.sidemenu,
  .sidemenu { display: none; }
  #sidemenu { background: #FFF; width: 30%; min-width: 230px; position: absolute; z-index: 10; bottom: 0; top: -8px; left: -5px; }
  #sidemenu.open { }
  .sidemenuopen #sidemenuopen { display: none !important; }
  .sidemenuopen #sidemenuclose { display: block !important; color: #FFF !important; background: #666; }
  .sidemenuopen #sidemenuclose a { color: #FFF !important; }
  #contentmain2, .withsidemenu #contentmain2 { margin-left: 0; padding-left: 0; width: 100%; }
  .sidemenuopen #sidemenu { box-shadow: none; min-width: 95%; max-width: 95%; width: calc(100% - 40px); padding: 15px 25px 0 15px; }
  #usermenu { width: 100%; }
  .profile-links li:first-child { margin-left: 0; }
  #profile { max-width: 180px; margin: auto; }
  #profile .avatar { }

  .sidemenu .pnl { padding:0 !important;}
  .sidemenu .inner > a { font-size: 1.3em; padding: 10px 1px 9px 1px; border-bottom: solid 1px #EEE; }
  .sidemenu .inner .icnfa { padding-left: 1px; }

  #hdr { border-bottom: solid 1px #DDD; background: #FFF; }
  #hdr #search-box { display: none; text-align: right; width: auto; padding-top: 7px; }
  #hdr #search-box .container-search input.txt { color: #666; }
  #hdr #search-box .container-search { min-width: 100%; }
  #hdr #search-box.opened { display: block; right: 0px; position: absolute; z-index: 50; }

  #hdr .container-search { border-color: #606060; }
  #hdr .container-search .clear-btn { color: #FFF; }
  #hdr .container-search .search, #hdr .container-search .clear-btn { top: 6px; }
  #hdr .container-search .clear-btn { right: 5px; }
  #hdr .container-search .search { }
  #hdr #searchouter .close { display: block; padding: 3px 5px; text-align: right; }
  #hdr-right .container-search { max-width: 110%; }
  #hdr #loginpopup { left: 0; right: auto; }
  #hdr > .middle { width: 100%; }


  #usermenu { width: 100%; }
  #usermenu > div { padding-top: 8px; padding-bottom: 4px; }
  #userdata { border-bottom: solid 1px #EEE; min-width: 50px; }

  #userlinks { display: none; }
  #userdata .profilelink { display: none; }
  body.mobileapp #usermenu .profile-links { top: 0; position: absolute; left: 45px; right: 20%; width: 100%; max-width: 100% }


  #usermenu a { color: #AAA !important; }
  #usermenu li:hover, #usermenu li:hover a { color: #FFF !important; }
  #searchbtn .mobile-search-btn, a#mobile-btn { color: #AAA !important; }

  #searchbtn { top: 11px; }
  a#mobile-btn { font-size: 22px; right: 10px; top: 7px; }

  .profile-links .activity-16 > span { background-image: url('/inc/img/icn/newsfeed-icon-new-dark.png?m2'); }
  .profile-links .activity-16 > span:hover { background-image: url('/inc/img/icn/newsfeed-icon-new-white.png?m2'); }
  .activity-16 > span { background-image: url('/inc/img/icn/newsfeed-icon-new-dark.png?m2'); }
  .activity-16 > span:hover { background-image: url('/inc/img/icn/newsfeed-icon-new-dark.png?m2'); }

  body.sidemenuopen #hdr { box-shadow: none; }
  .scrolled #hdr { border-bottom: solid 1px #DDD; box-shadow: none; }
  .scrolled #reportsmenu.stuck { top: 92px; left: 0px !important; right: 0 !important; width: auto !important; }
  .scrolled.scrolleddeep #reportsmenu.stuck { top: 45px; }

  .sidemenuopen #reportsmenu.stuck { display:none !important;} 

  #menu { display: none; }

  .signedin #rightpnl > div, .signedin #rightpnl > div > div { display: block; }

  div.quicksearch.dropshadow15 { box-shadow: none; background: transparent; }
  .quicksearch #search-top { display: none; }
  .quicksearch.list > div.bg { padding-top: 10px; padding-bottom: 10px; background-color: rgba(0,0,0,0); }
  #quicksearch1 { position: fixed; left: 0 !important; right: 0 !important; top: 30px !important; width: auto !important; }



  .notsignedin #hdr-right { width: auto; }

  #hdr-right { padding-top: 2px; position: absolute; top: 3px; left: 5px; right: 30px; width: 80%; }
  .signedin #hdr-right { width: auto; top: 0; left: 50px; right: 40px; }




  .rrow .img { width: 120px; height: 120px; }
  .rrow .img > div { width: 120px; height: 120px; }

  #menu .menuitem { padding-right: 1%; padding-left: 1%; }

  body.vx-hdrimg #userdata { border-bottom: none; }
  body.vx-hdrimg #hdr { border-bottom: none; }
  body.vx-hdrimg:not(#admin).signedin #rightpnl { margin-left: 0 !important; }
  body.vx-hdrimg #rightpnl #usermenu { top: 0 !important; }
  body:not(#admin) #hdr-outer { min-height: 50px; }

  .display850 { display: block; }

  .mobileonly { display: block; }
  .notwhensmall { display: none !important; }

}

@media only screen and (max-width: 800px) {
  #hdr #search-box { margin-left: 50%; }


  .site-ad .ad-banner728x90 { display: none; }

  .alink { display: none; }
  #hdr a.f-rit { float: none; }


  .vxtitle { width: 45%; }

  #contentmain2 { padding-top: 0; }

  .column { width: 100%; min-height: 500px; }
  .table.col2 > div > div:first-child, .column:first-child { width: 100%; border-right: 0; padding-right: 0; }
  .column:last-child { width: 100%; }

  #menu .middle, #content > .middle { width: 98%; }

  #usermenu #avatar img { width: 30px; }

  .rrow, .list > div.rrow { min-height: 235px; }
  .list.items.split2 .item { width: 49%; }
  .list.items.split3 .img-container { height: 170px; }
  .list.items.split3 .content { height: 65px; }

  #major-content { padding-right: 0; margin: auto; width: 96%; }
  .block-pnl { padding-right: 0; }

  .rrow { width: 100%; }
  .rrow, .list > div.rrow { min-height: 100px; }


  .rrow .img > div.agreement { font-size: 1.1em; }
  .rrow > div { width: 100% !important; margin: 5px 0 15px !important; }

  body.vx-hdrimg .headerimage .headertitle { top: 170px; }
  body.vx-hdrimg .headerimage .headertitle h1 { font-size: 45px; }



  .display800 { display: block; }

  .popular h2, #latest h2 { text-align: center; }

  .desktoponly { display: none !important; }
  .mobonly { display: block; }
}

@media only screen and (max-width: 655px) {
  div.table > div > div.c-search { display: none; }

  header .table .cells > div.c-icons { width: 100%; background: #065E78 }
}

@media only screen and (max-width: 650px) {
  #welcome-page .col1,
  #welcome-page .col2,
  #welcome-page .col3 { width: 100%; }


  .welcome-page .col3 > div { width:100%;}


  .table.fold, .table.fold > div, .table.fold > div > div { display: block; }

}

@media only screen and (max-width: 600px) {
  #profile { max-width: 160px; }
  body.sys .headerimage .bg.img { background-position: center center; }

  .display600 { display: block; }

  .mainimg-boarditem { float: none; }
  .mainimg-boarditem img { width: 100%; max-width: 100% !important; margin: auto !important; }
}

@media only screen and (max-width: 550px) {
  #usermenu .profile-links { /*display: block; margin-left: 0; float: none; clear: both; border-left: none; border-right: none;*/ }
  #userdata { /*width: 100%; float: none;*/ }
}

@media only screen and (max-width: 500px) {
  body { font-size: 14px; }

 

  .popular div.table, .popular div.table > div > div { display: block !important; }
  .popular .bbox { padding-right: 0%; margin:0; width:calc((100% - 15px) / 2); /* float: left; width: 70% !important; margin-left: 15%; margin-right: 15%;*/ }
  .popular .bbox .desc { display: none !important; }
  .popular .bbox .proposal { display: none !important; }
  .popular .bbox { padding-right: 0; }
  .popular { margin-bottom: 40px; }
  .popular h2 { text-align: center; }

  #latest { clear: left; }
  .rrow .table > div > div.mainbody { width: calc(100vw - 100px); }
  .rrow .img > div.agreement { font-size: 1.1em; }
  .rrow > div { width: 100% !important; margin: 5px 0 15px !important; }
  .rrow .img, .rrow .table > div > div.img { width: 100px; height: 100px; }
  .rrow .img > div { width: 100px; height: 100px; }
  .rrow { width: 100%; display: block; }
  .rrow, .list > div.rrow { min-height: 50px; max-height: 500px; padding-bottom: 5px; }
  .rrow .mainbody { padding-bottom: 20px; }

  .bbox .desc { display: none; }
  .bbox h3 { font-size: 1.15em; }

  #mobile-btn { right: 10px; top: 4px; }

  .signedin .vxtitle #logo { display: none; }

  #hdr > .middle { width: 100%; }
  .withsidemenu #contentmain2 { min-height: 350px; padding-top: 0; }

  #main { padding-top: 50px; }
  .signedin #main { padding-top: 100px; }

  #avatar { margin-left: 8px; }

  #content > .middle { width: 100%; }
  #contentmain2 { padding-left: 0; }

  .post-options { padding: 12px 0 12px 1%; font-size: 1.05em; }
  .smalllist > .item .body > div { padding-left: 2px; }
  .smalllist .thumb { max-height: 35px; width: 35px; width: 35px; height: 35px !important; }

  .notsignedin.nosidemenu #contentmain2 { width: 100%; }

  .cenwhensmall { text-align: center !important; }
  .fullbtn { padding-top: 25px; }
  .fullbtn > .primary-btn { display: block; width: 100%;padding: 8px 16px 7px 16px !important; font-size: 1em !important;}

  body.cms p { text-align: justify; }

  .pop { padding: 0; }
  .pop .inner { box-shadow: none; }
  .pop.media { max-width: 100%; }
  .pop.media .inner { max-width: 100%; padding: 0px 0px 28px 0px; }

  body.vx-hdrimg .headerimage .headertitle { top: 130px; }
  body.vx-hdrimg .headerimage .headertitle h1 { font-size: 40px; }

  .list.masonry .item, .list.items.masonry .item { width: calc(50% - 20px); }
  #mobile-btn { top: 8px; }
  #menumob { max-width: 90%; }
  #menumob .menulinks { white-space: normal; }
  #menumob #closemenu { right: -15px; }
}

/*Mobile Phones*/
@media only screen and (max-width: 480px) {
  #mobile-btn { top: 2px; margin-right: 0px; }

  .signedin .list.items.split5 .item, .list.items.split5 .item { width: 100%; }

  #avatar { margin-right: 0; }
  .tabcontent .column > p:first-child { font-size: 1.2em; }

  .sidemenu .menuitem.title { margin-bottom: 4px; }

  .biglist .thumb { background-size: 100%; }
  .biglist .item .stat { display: none; }
  .item div.closed { display: none; }

  #chat { display: none; }
  .notsignedin #content > .middle { margin-left: 0.5%; width: 99%; }
  #content { width: 100%; }

  #facebook-feed { height: 350px; }

  .vxtitle { min-height: 30px; width: 54%; }

  #logo { height: 30px; margin: auto; }

  #hdr, #hdr > div { min-height: 36px; }
  #hdr-right { padding-top: 2px; }
  .notsignedin #hdr, .notsignedin #hdr > div { min-height: 32px; }
  #loginpanel { text-align: left; }
  #loginpanel a.btn { padding: 3px 10px; }

  #menu { height: auto; min-height: 0; padding-top: 1%; padding-bottom: 1%; }
  #menu .menuitem { font-size: 1.2em; display: inline-block; float: none; }

  .rrow .options { left: 0; }

  .notsignedin #hdr, .notsignedin #hdr > div { min-height: 42px; }

  .list.items.split2 .item { width: 100%; }
  .list.items.split3 .item { width: 100%; }
  .list.items.split3 .img-container { height: auto; }
  .list.items.split5 p.desc { display: none; }

  .list > div h3 { font-size: 1.2em; }

  .search-subbar { display: none; }
  .search-filter { display: none; }
  .list .topright { display: none; }
  .list table.tr { display: none; }

  .lat-chart > div > div { font-size: 1.4em; }
  .lat-chart > div > div > div { display: none; }

  .sticky.stuck { left: 0 !important; right: 0 !important; }

  #ep-menu > a { padding: 2px 5px; font-size: 12px; }
  .rstext .controls:hover .spell { display: none; }
  .spell { display: none !important; }

  #userdata { min-width: 40px }
  #usermenu .profile-links { margin-left: 0; padding-left: 0; }
  #usermenu .profile-links li.home,
  #usermenu .profile-links li.boards, #postanissuebtn { display: none !important; }
  /*,
    #usermenu .profile-links li.messages*/

}

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

  /* #postanissuebtn { display: none; }*/

  .vxtitle { width: 80%; margin: auto; }
  .profile-links li { margin-right: 3px; }

  .cmt-box { min-width: 280px; }
  .result { padding: 3px 1px; }

  .quicksearch .note { display: none; }
  .quicksearch .thumb { }

  .notsignedin #hdr, .notsignedin #hdr > div { min-height: 38px; }
  #usermenu .profile-links li.friends { display: none !important; }
  #menu .middle { margin-left: 0; width: 100%; }
  #menu .menuitem { font-size: 1em; font-weight: normal; padding: 2px 1.5% 4px 1.5%; text-transform: none; }

  .p-detail h4 { text-align: left; }
  .p-detail div.content .d-main { max-width: 60px; }
  .p-detail div.content { min-height: 60px; }

  .page-count { display: none; }

  body.vx-hdrimg .headerimage .headertitle { top: 130px; }
  body.vx-hdrimg .headerimage .headertitle h1 { font-size: 35px; }

  .list.masonry .item, .list.items.masonry .item { width: 100%; }
}

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



  body.vx-hdrimg.scrolled #hdr-outer { background: rgba(255,255,255,0); }

  .popular .bbox { width: 90% !important; margin-left: 5%; margin-right: 5%; }

  .profile-links li { margin-right: 1px; width: 25px; }
  .profile-links li > a { min-width: 0; height: 22px; }

  #usermenu a .fa, #usermenu a .far { font-size: 18px; width: 25px; }

  .tabcontent .column > p:first-child { font-size: 1.1em; }
  .cmt-box { min-width: 235px; }

  .sidemenu .agreement { display: none; }
  .vxtitle { width: 70%; margin: auto; }

  body.vx-hdrimg .headerimage .headertitle h1 { font-size: 30px; }
}