#middlewrapper { width:100%; }
.container { font-weight:bold; }
.intromain { text-align:center; }
.intromain .iminner { width:87%; margin:0 auto; }
.intromain h2 { font-size:38px; color:#ffffff; }
.intromain h2 span { font-weight:normal; color:#ffffff; }
.intromain .iminner { font-size:22px; }
.welcomebanner { width:100%; background:#597c96; padding:35px 0 40px 0 }
.welcomebanner .iminner { width:86%; margin:0 auto; color:#ffffff; text-align:left; }
.clear { clear:both }

.ui.grid > .row > [class*="two wide"].column, .ui.grid > .column.row > [class*="two wide"].column, .ui.grid > [class*="two wide"].column, .ui.column.grid > [class*="two wide"].column { width:200px !important; }

.blogposts { margin-top:0px; }
.members { width:100%; }
.members .column { margin:0px; padding:0px; }
.members .grid { width:91%; margin:0 auto; padding:0px; text-align:center; }
.memberholder { margin:0 auto 25px; padding:0px; display: inline-block; }
.memberimg { width:240px; height:270px; }
.members .extra { font-size:18px; font-weight:normal; color:#000000; text-align:center; text-transform:uppercase; padding:10px 15px 10px 15px; background:#c5c5c5; width:240px; }
.panelhead h3 { width:100%; text-align:center; font-size:24px; }
.members .panelhead h3 { font-size:28px; font-weight:100; text-transform:capitalize; color:#000000; }
.members .panelhead h3 span { font-weight:bold; font-weight:1000; }
.panelhead { color:#ffffff; margin:20px 0 30px 0; }
#middlewrapper .iminner .innerpanel { width:86%; }
#middlewrapper .members { border:0px; box-shadow: 0 1px 2px 0 rgba(34,36,38,0); border-radius:0px; background:#f4f4f4; padding-bottom:35px; margin-bottom:0px; }
#middlewrapper .blogposts { margin-top:0px; border:0px; box-shadow: 0 1px 2px 0 rgba(34,36,38,0); border-radius:0px; background:#c3cad9; padding-bottom:35px; }
.blogposts .panelhead h3 { font-size:28px; font-weight:100; text-transform:capitalize; color:#000000; }
.blogposts .panelhead h3 span { font-weight:bold; color:#000000; font-weight:1000; }
.blogposts .cards { width:91%; margin:0 auto; }
.blogposts .cards .card { border:0px; box-shadow: 0 1px 2px 0 rgba(34,36,38,0); border-radius:0px; width:100%; }
.blogposts .cards .card .detailspanel { float:left; width:45%; text-align:left; margin:0 0 0 15px; }
.blogposts .cards .card .detailspanel .extra { clear:both; margin-top:50px; }
.blogposts .cards .card .content { padding:3px 0 0 0; }
.blogposts .cards .card img.mimg { float:right; width:50%; }
.blogposts .cards .card .header { width:93%; }
.blogposts .cards .card .description { width:93%; }
#middlewrapper .marketposts { margin-top:0px; border:0px; box-shadow: 0 1px 2px 0 rgba(34,36,38,0); border-radius:0px; padding-bottom:35px; background:transparent; }
.marketposts .panelhead h3 { font-size:28px; font-weight:100; text-transform:capitalize; color:#000000; }
.marketposts .panelhead h3 span { font-weight:bold; color:#000000; font-weight:1000; }
.marketposts .cards { width:91%; margin:0 auto; }
.marketposts .cards .card { border:0px; box-shadow: 0 1px 2px 0 rgba(34,36,38,0); border-radius:0px; width:100%; }
.marketposts .cards .card .detailspanel { float:left; width:45%; text-align:left; margin:0 0 0 15px; }
.marketposts .cards .card .detailspanel .extra { clear:both; margin-top:50px; }
.marketposts .cards .card .content { padding:3px 0 0 0; }
.marketposts .cards .card img.mimg { float:right; width:50%; }
.marketposts .cards .card .header { width:93%; }
.marketposts .cards .card .description { width:93%; }
.basepanel { background:#905a90; padding:10px; }
.basepanel .tag { margin:0 10px 5px 10px; }
.divider { visibility:hidden; }
.header h2 { line-height:24px; margin:15px 0 15px 0; text-align:left; text-transform:uppercase; }
.header h2 a { color:#000000; font-size:21px; line-height:15px; }
.titledivider { border-bottom:2px solid #cccccc; width:35px; margin-bottom:12px; }
.readmore { font-weight:bold; margin:10px 0 10px 0; }
.readmore a { color:#c3cad9; }
.readmore a:hover { color:#000000; }
#belowfooter { float:right; height:100px; margin-bottom:0px; padding-top:20px; }
#belowfooter a { color:#ffffff; font-size:11px; display:block; float:right; clear:both; margin-right:50px; }
.topbar { position:fixed; z-index:1000; width:100%; background:#2f2677; top:0px; height:40px; }
.topmenubg { position:fixed; z-index:1000; width:100%; background:#000000; top:30px; height:40px; }
.topmenu #showondesktop a { color:#ffffff; }
.topmenu { position:fixed; z-index:1000; left:50px; right:50px; top:-10px; height:35px; padding-top:0px; }
#signupmenu { margin-top:14px; }
.topmenu #menumini { margin-top:-56px; }
#admininfo { top:50px; }
.menu { z-index:10000; }
.ddlink { color:#000000; white-space:nowrap; }
.ddlink:hover { color:#00b2b4; }
#header { padding-top:50px; background:#000000; }
#menumini a.item { font-weight:bold; color:#ffffff; font-size:15px; }
#menumini a.item:hover { color:#00b2b4; }
.dropdown, #showondesktop { color:#ffffff }
#belowfooter { background:#000000; }
.innerpanel button.responsebtn { float:left; margin-right:3px; }
.innerpanel button.responsebtnfr { float:right; margin-right:3px; }
.description a.findout { background:transparent; padding:0px; color:#000000; }

/* Menu extras */
i.search { color:#ffffff; }
i.circular { color:#000000; }
#showondesktop .icon input { border-radius:35px; }
.authorpanel { width:84%; margin:0 auto; }
.txtr { text-align:right }

/* Groups page extras */
#middlewrapper .pgtitle { float:left; border-right:2px solid #c3cad9; width:30%; }
#middlewrapper .pgintro { width:86%; margin:0 auto; color:#ffffff; }
#middlewrapper .innerpanel { width:87%; margin:0 auto; }
#middlewrapper .innerpanel { padding-top:40px; }

.secondary .right .button { border-radius: 35px; background:#c3cad9; text-transform:uppercase; font-size:13px; font-weight:bold; line-height:22px; height:42px; padding:10px 20px 0px 20px; }
.secondary .right .button:hover { background:#00b2b4 }

.postsbg { position:absolute; z-index:-1; width:100%; height:844px; background:url(/img/fresh-background-sml2.jpg) no-repeat; background-size:cover; }

.groupposts { min-height:1000px; }
.groupposts .cards .card { border:0px; border-radius:0px; box-shadow: 0 1px 2px 0 rgba(34,36,38,0); outline:0px; margin-right:25px; width:100%; }
.groupposts .cards .card .videopanel { position:relative; width:50%; float:right }
.groupposts .cards .card .header h2 { line-height:24px; font-size:21px; margin:15px 0 15px 0; text-align:left; text-transform:uppercase; }
.groupposts .cards .card .header h2 a { color:#000000; font-size:21px; line-height:15px; }
.groupposts .cards .card a .button { border-radius:35px; background:#c3cad9; width:80%; margin:0 auto 25px; }
.groupposts .cards .card .description .button { border-radius:35px; background:#c3cad9; width:80%; margin:0 auto 25px; }
.groupposts .innerpanel .cards .card { border:0px; border-radius:0px; box-shadow: 0 1px 2px 0 rgba(34,36,38,0); outline:0px; margin-right:25px; }
.groupposts .innerpanel .cards .card a .button { border-radius:35px; background:#c3cad9; width:80%; margin:0 auto 25px; }
.groupposts .innerpanel .cards .card .description .button { border-radius:35px; background:#c3cad9; width:80%; margin:0 auto 25px; }
.groupposts .innerpanel .cards .card .detailspanel { float:left; width:45%; text-align:left; margin:0 0 0 15px; }
.groupposts .innerpanel .cards .card .detailspanel .extra { clear:both; margin-top:50px; }
.groupposts .innerpanel .cards .card img.mimg { float:right; width:50%; }
.groupposts .innerpanel .cards .card .content img.gimg { float:right; width:50%; margin-right:0px; }
.groupposts .innerpanel .cards .cardgrid { float:left; width:30%; }
.groupposts .innerpanel .cards .card .content { padding:0px; }
.groupposts .innerpanel .cards .card .insidepad { padding-left:10px; }


.genposts { min-height:1000px; }
.genposts .cards .card { border:0px; border-radius:0px; box-shadow: 0 1px 2px 0 rgba(34,36,38,0); outline:0px; margin-right:25px; width:100%; }
.genposts .cards .card .videopanel { position:relative; width:50%; float:right }
.genposts .cards .card .header h2 { line-height:24px; font-size:21px; margin:15px 0 15px 0; text-align:left; text-transform:uppercase; }
.genposts .cards .card .header h2 a { color:#000000; font-size:21px; line-height:15px; }
.genposts .cards .card a .button { border-radius:35px; background:#c3cad9; width:80%; margin:0 auto 25px; }
.genposts .cards .card .description .button { border-radius:35px; background:#c3cad9; width:80%; margin:0 auto 25px; }
.genposts .innerpanel .cards .card { border:0px; border-radius:0px; box-shadow: 0 1px 2px 0 rgba(34,36,38,0); outline:0px; margin-right:25px; }
.genposts .innerpanel .cards .card a .button { border-radius:35px; background:#c3cad9; width:80%; margin:0 auto 25px; }
.genposts .innerpanel .cards .card .description .button { border-radius:35px; background:#c3cad9; width:80%; margin:0 auto 25px; }
.genposts .innerpanel .cards .card .detailspanel { float:left; width:45%; text-align:left; margin:0 0 0 15px; }
.genposts .innerpanel .cards .card .detailspanel .extra { clear:both; margin-top:50px; }
.genposts .innerpanel .cards .card img.mimg { float:right; width:50%; }
.genposts .innerpanel .cards .card .content img.gimg { float:right; width:100%; }
.genposts .innerpanel .cards .cardgrid { float:left; width:30%; }
.genposts .innerpanel .cards .card .content { padding:0px; }
.genposts .innerpanel .cards .card .insidepad { padding-left:10px; }
.genposts .cards .card .content .groupimg { float:right; width:50%; }
.genposts .cards .card .content .header { float:left; margin-left:20px; width:45%; }
.genposts .cards .card .content .description { font-size:14px; font-weight:normal; margin-left:25px; margin-bottom:25px; }


.linkfileposts { min-height:1000px; }
.linkfileposts .cards .card { border:0px; border-radius:0px; box-shadow: 0 1px 2px 0 rgba(34,36,38,0); outline:0px; margin-right:25px; width:100%; }
.linkfileposts .cards .card .header h2 { line-height:24px; font-size:21px; margin:15px 0 15px 0; text-align:left; text-transform:uppercase; }
.linkfileposts .cards .card .header h2 a { color:#000000; font-size:21px; line-height:15px; }
.linkfileposts .cards .card a .button { border-radius:35px; background:#c3cad9; width:80%; margin:0 auto 25px; }
.linkfileposts .cards .card .description .button { border-radius:35px; background:#c3cad9; width:80%; margin:0 auto 25px; }
.linkfileposts .innerpanel .cards .card { border:0px; border-radius:0px; box-shadow: 0 1px 2px 0 rgba(34,36,38,0); outline:0px; margin-right:25px; }
.linkfileposts .innerpanel .cards .card a .button { border-radius:35px; background:#c3cad9; width:80%; margin:0 auto 25px; }
.linkfileposts .innerpanel .cards .card .description .button { border-radius:35px; background:#c3cad9; width:80%; margin:0 auto 25px; }
.linkfileposts .innerpanel .cards .card .detailspanel { float:left; width:90%; text-align:left; margin:0 0 0 15px; }
.linkfileposts .innerpanel .cards .card .detailspanel .extra { clear:both; margin-top:50px; }
.linkfileposts .innerpanel .cards .card .content { padding:0px; }
.linkfileposts .innerpanel .cards .card .insidepad { padding-left:10px; }
.linkfileposts .cards .card .content .header { float:left; margin-left:20px; width:90%; }
.linkfileposts .cards .card .content .description { font-size:14px; font-weight:normal; margin-left:20px; margin-bottom:25px; clear:both; }


.cards .card a.image { border:0px; border-radius:0px; box-shadow: 0 1px 2px 0 rgba(34,36,38,0); outline:0px; }
.cards .card img { border:0px; border-radius:0px; box-shadow: 0 1px 2px 0 rgba(34,36,38,0); outline:0px; }
.cards .ui { border:0px; border-radius:0px; box-shadow: 0 1px 2px 0 rgba(34,36,38,0); outline:0px; }

.postview .innerpanel .blogtitlepanel { float:left; width:50%; background:#f9f9f9; }
.postview .innerpanel .blogtitlepanel .ribbon { background:#00b2b4; color:#ffffff; margin:25px 0 25px 0; clear:both; }
.postview .innerpanel .blogbodypanel { float:right; border:1px solid #00b2b4; width:49%; padding:25px; margin-top:0px; margin-right:0px; }
.postview .innerpanel .segment { border:0px; border-radius:0px; box-shadow: 0 1px 2px 0 rgba(34,36,38,0); outline:0px; padding:0px; margin-top:65px; }

.blogbodypanel #markettext img { width:100%; }

table.fl { float:right }
.txtr { float:right; text-align:right; }
.profileview .innerpanel .column .column .column .image { float:left; width:30%; margin:35px 35px 0 0; }
.topctrl a.ui { padding-top:10px; }
.column .button { border-radius: 35px; text-transform:uppercase; font-size:13px; font-weight:bold; line-height:22px; height:42px; padding:0 20px 0px 20px; }
.profileholder { background:#f7f7f7; padding:25px; margin-top:35px; }
.profileholder .segment { background:transparent; }
.profileabout img { display:none; }
.profileview p img.fr-dib { max-width:100%; }
.ui.blue.buttons .button,
.ui.blue.button {
  background-color: #c3cad9; }
.ui.green.buttons .button,
.ui.green.button {
  background-color: #c3cad9;
}
.ui.red.buttons .button,
.ui.red.button {
  background-color: #c3cad9;
}
.description a { border-radius: 35px; background-color: #c3cad9; font-weight:bold; line-height:22px; height:42px; padding:13px; color:#ffffff; }


h4.faqQ { background:url(/img/horiz-white-gradient-bg.png) no-repeat; background-size:cover; font-size:24px; font-weight:bold; padding:4px; }
.rightbar { border-right:2px solid #c3cad9;  }
.adrow { padding:25px; }
i.search { color:#00b2b4 }
.horizontal .segment .column .mypageimg { width:50%; float:left; margin-right:25px; }
.innerpanel .right a { float:right; }


.ui.horizontal.divider:before,
.ui.horizontal.divider:after {
  width: 0%;
}

.ui.horizontal.divider:before {
  background:none;
}

.ui.horizontal.divider:after {
  background:none;
}

.innerpanel .secondary { text-align:right; }
.innerpanel .secondary .topctrl .button { text-transform:uppercase; }
.innerpanel .secondary .topctrl { float:right; }
.innerpanel .secondary .search { float:left; }

/*
Menu
*/
.mobilehomebtn { color:#ffffff; font-size:16px; }
.secondmobilemenu { position:absolute; z-index:100; margin-top:18px; }
.mobile_menu { position:absolute; z-index:100 }
#showonmobile { position:absolute; z-index:100 }
#showonmobile2 { position:absolute; z-index:100 }
#showonmobile2 { float:right; color:#ffffff; font-size:16px; }
.dropmenubtn { float:right; text-align:right; margin-right:0px; color:#ffffff; font-size:16px; }
.mobile_menu { width:100%; }

.popup { width:450px; }
.popup .grid .column { float:left; }
.blogbodypanel .column div img { width:50%; }
.blogbodypanel .column div iframe { width:50%; }
img.orangearrow { width:9px; height:14px; margin-bottom:4px; }
.chat { float:right; margin:35px 0 0 20px; }
.desktopposalarm { position:absolute; top:-45px; }
.desktopposnotes { margin-left:18px; margin-top:-45px; }
.logomobile { display:none }



@media screen and (max-width: 1200px) {
.mobilesearchpanel { width:100%; background:#597c96; padding:10px; }
#showonmobilesearch { display:inline-block; margin-top:20px; margin-left:75px; }
#showonmobilesearch input { border-radius: 35px; padding-left:10px; width:250px; height:40px; }
#showonmobile, #menumini { display:none; }
a#shownowtoggle, #shownowtoggle i.sidebar { color:#ffffff; }
.secondmobilemenu .ui .column { color:#ffffff; }
.secondmobilemenu .ui .column a .ddlink { color:#ffffff; }
.secondmobilemenu .ui .column a .ddlink { color:#ffffff; }
.secondmobilemenu { top:30px; }
a#shownowtoggle2 { display:none }
a#shownowtoggle3 { display:none }
a#shownowtoggle4 { display:none }
.logomobile { float:right; margin:40px -55px 0 0; display:none }
.chat { float:right; margin:-35px 0 0 20px; }
.mobileposalarm { position:absolute; right:-50px; top:-32px; }
.mobileposnotes { position:absolute; right:-80px; top:-25px; width:30px; text-align:left; color:#CCC; }
.mobileposleft { margin-left:-20px }
.mobileposright { margin-right:-20px }
}

@media screen and (max-width: 1100px) {
.horizontal .segment .column .column .column { float:none; clear:both; width:100%; }
}

@media screen and (max-width: 850px) {
.postview .innerpanel { margin:0px; padding:0px; }
.postview .innerpanel .blogtitlepanel { float:none; position:relative; display:inline-block; width:100%; clear:both; margin-left:0px; }
.postview .innerpanel .blogbodypanel { float:none; position:relative; display:block; width:100%; clear:both; margin-top:50px; margin-left:0px; }
.mobilehomebtn { color:#ffffff; font-size:16px; }
.secondmobilemenu { position:absolute; z-index:100; padding-top:30px; }
.mobile_menu { position:absolute; z-index:100 }
#showonmobile { position:absolute; z-index:100; }
#showonmobile2 { position:absolute; z-index:100 }
#showonmobile2 { float:right; color:#ffffff; font-size:16px; }
.dropmenubtn { float:right; text-align:right; margin-right:0px; color:#ffffff; font-size:16px; }
.mobile_menu { width:100%; }
.secondmobilemenu { top:0px; }
.mobileposleft { margin-left:0px }
.mobileposright { margin-right:60px }
.mobileposalarm { position:absolute; right:28px; top:0px; }
.mobileposnotes { position:absolute; right:0px; top:0px; width:30px; text-align:left; color:#CCC; }
.logomobile { float:right; margin:40px 25px 0 0 }
}

@media screen and (max-width: 768px) {
.members .segmentinner { width:100%; }
.members .segmentinner .extra { width:75px; padding:2px; font-size:12px; }
.memberimg { width:135px; height:135px; margin:0px; }
.grid .extra { width:135px; margin:0px; font-size:12px; }
.panelhead h3 { font-size:20px; }
.blogposts .panelhead h3 { font-size:30px; }
.members .panelhead h3 { font-size:30px; }
.marketposts .panelhead h3 { font-size:30px; }
.intromain .column .iminner h2 { font-size:30px; }
.ui.grid > .row > [class*="two wide"].column, .ui.grid > .column.row > [class*="two wide"].column, .ui.grid > [class*="two wide"].column, .ui.column.grid > [class*="two wide"].column { width:85px !important; }
.blogposts .aligned, .marketposts .aligned, .members .aligned { padding:0 25px 0 25px; margin-left:0px; }
.innerpanel .menu .search .input { float:left; }
.innerpanel .right a { float:left; margin-top:10px; }
#middlewrapper .pgtitle { float:none; width:100%; border:0px; padding-left:0px; padding-right:20px; }
#middlewrapper .pgintro { float:none; width:80%; margin-left:55px; }
.segments .segment .column .column .column .image { width:100px; }
.innerpanel .secondary .topctrl .button { margin-top:3px; }
.innerpanel .secondary .topctrl .button { clear:both; float:none; width:100%; }
.innerpanel .secondary .topctrl a.ui { margin-top:3px; }
.innerpanel .secondary .topctrl a.ui { clear:both; float:none; width:100%; }
.postview .innerpanel a.ui { width:100%; }
.postview .innerpanel button.ui { width:100%; margin:2px 0 2px 0; }
.postview .column .segment .grid .column button.ui { width:100%; margin:3px 0 3px 0; }
.innerpanel button.responsebtn  { width:100%; margin:3px 0 3px 0; }
.innerpanel button.responsebtnfr  { width:100%; margin:3px 0 3px 0; }
.reponsereportfield { height:100px; }
.blogposts .cards .card .detailspanel { float:none; clear:both; width:100%; text-align:left; margin:0 0 0 15px; }
.marketposts .cards .card .detailspanel { float:none; clear:both; width:100%; text-align:left; margin:0 0 0 15px; }
.groupposts .innerpanel .cards .card .detailspanel { float:none; clear:both; width:90%; text-align:left; margin:0 0 0 15px; }
.blogposts .cards .card img.mimg { float:none; clear:both; width:100%; }
.marketposts .cards .card img.mimg { float:none; clear:both; width:100%; }
.groupposts .innerpanel .cards .card img.mimg { float:none; clear:both; width:100%; }

.groupposts .innerpanel .cards .card .content img.gimg { float:none; clear:both; width:100%; }
.groupposts .cards .card .content .groupimg { float:none; clear:both; width:100%; }
.groupposts .cards .card .content .header { float:none; clear:both; margin-left:0px; width:90%; }
.groupposts .cards .card .content .videopanel { width:100%; margin-bottom:20px }

.genposts .innerpanel .cards .card .content img.gimg { float:none; clear:both; width:100%; }
.genposts .cards .card .content .groupimg { float:none; clear:both; width:100%; }
.genposts .cards .card .content .header { float:none; clear:both; margin-left:20px; width:90%; }

.linkfileposts .innerpanel .cards .card .content img.gimg { float:none; clear:both; width:100%; }
.linkfileposts .cards .card .content .groupimg { float:none; clear:both; width:100%; }
.linkfileposts .cards .card .content .header { float:none; clear:both; margin-left:20px; width:90%; }
}

@media screen and (max-width: 600px) {
.innerpanel .menu .search { clear:both; }
.innerpanel .secondary { text-align:left; }
.innerpanel .secondary .topctrl { float:left; }
#middlewrapper .pgintro { float:none; width:80%; }
.mobileposalarm { position:absolute; right:30px; top:0px; }
.mobileposnotes { position:absolute; right:0px; top:0px; width:30px; text-align:left; color:#CCC; }
.blogposts .cards .card .content .detailspanel .header h2 { font-size:18px; }
.groupposts .cards .card .header h2 { font-size:18px; }
.sixteen .cards .card .header h2 a { font-size:18px; }
.blogposts .cards .card .header { font-size:18px; }
.genposts .cards .card .header { font-size:18px; }
.linkfileposts .cards .card .header { font-size:18px; }
}

@media screen and (max-width: 580px) {
#showonmobilesearch { width:100%; left:0px; margin-left:0px; text-align:center; top:65px;  }
#showonmobilesearch input { width:80%; }
}

@media screen and (max-width: 500px) {
table.fl { float:left }
.txtr { width:100%; text-align:left; }
i.user { display:none; }
i.sign { display:none; }
.spanjoin { margin-left:10px; }
.profileview .column h2 { font-size:17px; }
.mobileposleft { margin-left:-40px }
.mobileposright { margin-right:0px }
.mobileposalarm { position:absolute; right:-30px; }
.mobileposnotes { position:absolute; right:-60px; }
.logomobile { float:right; margin:40px -40px 0 0 }
}

@media screen and (max-width: 460px) {
.memberholder { width:100%; clear:both }
.memberimg { width:100%; height:250px; margin:0px; }
.grid .extra { width:100%; margin:0px; font-size:12px; }
}