/*--------------------------------------------------------------
Shortcodes
--------------------------------------------------------------*/

.shortcode_go {  padding:10px; margin:10px 0; font:18px Open Sans; font-weight:700; text-align:center; border-radius:5px; background:#f2763b; cursor:pointer; transition: all 300ms ease-in; }
.shortcode_go:hover { background:#df6e39; }
.shortcode_go a { width:100%; display:block; color:#ffffff; }
.shortcode_highlight { background:#f2763b; color:#ffffff; }
.shortcode_notice { color:#ffffff; padding:14px; margin:20px 0; font-size:18px; line-height:1.6em; font-weight:700; background:#f68b11; background: linear-gradient(to bottom, #f98c12 0%,#ee8611 100%); border:1px solid #ce740f; border-radius:12px; text-shadow:#7b7b7b 1px 1px 0px; box-shadow: inset 0px 0px 0px 1px #ffbd5e;  }
.shortcode_quote { background:#e6e6e6; padding:12px; margin:10px 0; text-shadow:#ffffff 1px 1px 0px; font-size:13px; font-style:italic; line-height:1.6em; font-style:italic; border-radius:5px; transition: all 300ms ease-in; }
.shortcode_quote:hover { background:#dcdcdc; }
.shortcode_quoteby { background:#e6e6e6; padding:12px; margin:10px 0; text-shadow:#ffffff 1px 1px 0px; font-size:13px; font-style:italic; line-height:1.6em; font-style:italic; border-radius:6px; transition: all 300ms ease-in; }
.shortcode_quoteby:hover { background:#dcdcdc; }
.shortcode_quoteby p { margin-bottom:0px!important; }
.shortcode_quotebyauthor { font:12px Open Sans; font-weight:700; text-shadow:none; margin: -12px -12px 6px -12px; padding:4px 12px; background:#f66d08; color:#ffffff; border-top-left-radius: 6px; border-top-right-radius: 6px;}
.shortcode_member { background:#f2763b; color:#ffffff; padding:12px; margin:20px 0; font-size:14px; line-height:1.6em; border-radius:6px; }
.shortcode_no-member { background:#f2763b; color:#ffffff; padding:12px; margin:20px 0; font-size:14px; line-height:1.6em; border-radius:6px; }
.shortcode_h1, .shortcode_h1 a, .shortcode_h2, .shortcode_h2 a, .shortcode_h3, .shortcode_h3 a, .shortcode_h4, .shortcode_h4 a, .shortcode_h5, .shortcode_h5 a, .shortcode_h6, .shortcode_h6 a { margin: 5px 0 15px 0; line-height:1.2em; color:#ffffff; text-shadow:#7b7b7b 1px 1px 0px; font-weight:bold; background:#f68b11; background: linear-gradient(to bottom, #f98c12 0%,#ee8611 100%); border:1px solid #ce740f; }
.shortcode_h1, .shortcode_h1 a { font-size: 38px;margin-bottom: 20px; padding:7px 14px; }
.shortcode_h2, .shortcode_h2 a { font-size: 34px;margin-bottom: 16px; padding:7px 14px; }
.shortcode_h3, .shortcode_h3 a { font-size: 28px; margin-bottom: 12px; padding:7px 14px; }
.shortcode_h4, .shortcode_h4 a { font-size: 24px;margin-bottom: 10px; padding:7px 14px; }
.shortcode_h5, .shortcode_h5 a { font-size: 20px;margin-bottom: 10px; padding:7px 14px; }
.shortcode_h6, .shortcode_h6 a { font-size: 18px;margin-bottom: 7px; padding:7px 14px; }
.leftpullquote { width: 200px; padding: 0px 0px 10px 60px; background: url("images/quote.png") no-repeat; border-bottom: 5px solid #cfcfcf; float: left; font-size: 1.2em; font-family:georgia; font-style:italic; margin: 10px 10px 10px 0; }
.rightpullquote { width: 200px; padding: 0px 0px 10px 60px; background: url("images/quote.png") no-repeat; border-bottom: 5px solid #cfcfcf; float: right; font-size: 1.2em; font-family:georgia; font-style:italic; margin: 10px 0px 10px 10px; }
.my-image { float:left; margin:0px 19px 15px 0; display:block; }
.my-image img { border:3px solid #e2e2e2; height:60px; }

/* ------- Fluid Columns ------- */
.one_half { width:48%; }
.one_third { width:30.66%; }
.two_third { width:65.33%; }
.one_fourth { width:22%; }
.three_fourth { width:74%; }
.one_fifth { width:16.8%; }
.two_fifth { width:37.6%; }
.three_fifth { width:58.4%; }
.four_fifth { width:67.2%; }
.one_sixth { width:13.33%; }
.five_sixth { width:82.67%; }
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { position:relative; margin-right:4%; float:left; padding-top:5px; padding-bottom:15px; }
.last { margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}


/*--------------------------------------------------------------
Latest Blog Posts Widget
--------------------------------------------------------------*/
.recent-posts-container { width:100%; }
.recent-post { width:100%; margin:0 0 6% 0; overflow:hidden; }
.recent-post-thumb { float:left; width:17%; padding:1.1%; background:#ffffff; border-radius:4px; display:block; z-index:100; position: relative; }
.recent-post-thumb img { width:100%; height:auto; display:block; }
.recent-post-title { float:right; width:69%; min-height:68px; padding:3.5% 3.5% 3.5% 4.5%; background:#ffffff; color:#606060; border-radius:4px; }
.recent-post-title a, #sidebar .recent-post-title a { font-size:14px; color:#464646; font-weight:bold; }
.recent-post-bottom { margin-top:2%; }
.recent-post-time { float:right; font-size:11px; padding:3px 0 3px 23px; line-height:11px; background-image: url( "images/time.png" ); background-repeat: no-repeat; background-position: left center; font-style:italic; }
.recent-post-bottom .tile-post-title-bottom-category a { font-size:10px; }

@element ".recent-posts-container" and ( min-width: 430px ) and ( max-width: 499px ) {
.recent-post-title a, #sidebar .recent-post-title a { font-size:16px; }
}

@element ".recent-posts-container" and ( min-width: 500px ) and ( max-width: 949px ) {
.recent-post { width:48%; margin-right:4%; margin-bottom:4%; float:left; }
.recent-posts-container .recent-post:nth-of-type(2), .recent-posts-container .recent-post:nth-of-type(4), .recent-posts-container .recent-post:nth-of-type(6), .recent-posts-container .recent-post:nth-of-type(8) { margin-right:0%; }
}

@element ".recent-posts-container" and ( min-width: 860px ) and ( max-width: 949px ) {
.recent-post-title a, #sidebar .recent-post-title a { font-size:16px; }
}

@element ".recent-posts-container" and ( min-width: 950px ) {
.recent-post { width:30%; margin-right:3%; margin-bottom:3%; float:left;  }
.recent-posts-container .recent-post:nth-of-type(3), .recent-posts-container .recent-post:nth-of-type(6), .recent-posts-container .recent-post:nth-of-type(9), .recent-posts-container .recent-post:nth-of-type(12) { margin-right:0%; }
}

@element ".recent-posts-container" and ( min-width: 1370px ) {
.recent-post-title a, #sidebar .recent-post-title a { font-size:16px; }
}


/*--------------------------------------------------------------
Latest Forum Posts Widget
--------------------------------------------------------------*/
ul li.forum-lastposts { float:left; position:relative; padding:0px; width:100%; margin-bottom:6%; background-image: url( "images/buble.png" ); background-repeat: no-repeat; background-position: 19% 12px; }
a.activity-content-title, #sidebar a.activity-content-title { font-weight:bold; font-size:14px; }
.forum-lastposts-avatar { float:left; display:block; z-index:100; position: relative; width:14%; padding:1%; background:#ffffff; border-radius: 50%; }
.forum-lastposts-avatar img { display:block; width:100%; height:auto; border-radius: 50%; filter: grayscale(100%); transition: all 300ms ease-in; }
ul li.forum-lastposts:hover .forum-lastposts-avatar img { filter: grayscale(0%); }
ul li.forum-lastposts .activity-content { display:block; font-size:13px; width:72.5%; border-radius:5px; min-height:40px; float:right; line-height:1.5em; padding:2.5% 2.5% 2.5% 4%; background:#ffffff; }
ul li.forum-lastposts .activity-content a { color:#464646; }
.forum-lastposts .activity-content img { display:none; }
ul li.forum-lastposts .activity-content-details, ul li.forum-lastposts .activity-content-details a { font-size:12px; font-style:italic; color:#838383; }

@element ".forum-lastposts-container" and ( min-width: 495px ) and ( max-width: 659px ) {
ul li.forum-lastposts { background-position: 19.4% 12px; }
}

@element ".forum-lastposts-container" and ( min-width: 600px ) and ( max-width: 1029px ) {
.forum-lastposts-container { width:104%; }
ul li.forum-lastposts { width:46%; float:left; margin-right:3%; margin-bottom:3%; }
}


@element ".forum-lastposts-container" and ( min-width: 1030px ) {
.forum-lastposts-container { width:104%; }
ul li.forum-lastposts { width:30%; float:left; margin-right:3%; margin-bottom:2%; }
}

@element ".forum-lastposts-container" and ( min-width: 1560px ) {
ul li.forum-lastposts { background-position: 19.4% 12px; }
}


/*--------------------------------------------------------------
2-column categories
--------------------------------------------------------------*/
ul#blog-categories-left li, ul#blog-categories-right li { margin-bottom:8%; }
ul#blog-categories-left { float:left; width:48%; }
ul#blog-categories-right { float:left; width:48%; margin-left:1%; }
ul#blog-categories-left a, ul#blog-categories-right a { font-size:15px; font-weight:bold; border-radius:7px; padding:5px 16px; background:#ffffff; color:#606060; }

/*--------------------------------------------------------------
Advanced title
--------------------------------------------------------------*/
.adv-title.shortcode { font-size:36px; font-weight:800; line-height:1.2em; background-image:none; padding-left:0px; }
.adv-title.shortcode img { display:block; margin-right:18px; float:left; }
.adv-title a { color:#ffffff; margin-right:10px; }
.adv-title span { font-size:18px; font-family:georgia; font-style:italic; font-weight:normal; color:#ffffff; }

@media screen and (max-width:1240px) and (min-width:700px) {
.adv-title.shortcode { font-size:30px; }
.adv-title.shortcode img { width:auto; height:37px; margin-right:14px; }
}

@media screen and (max-width:580px) {
.adv-title span { display:none; }
}

@media screen and (max-width:500px) {
.adv-title.shortcode { font-size:30px; }
.adv-title.shortcode img { width:auto; height:37px; margin-right:14px; }
}

/*--------------------------------------------------------------
Blog tiles
--------------------------------------------------------------*/
.blog-tiles { width:100%; overflow:hidden; }
.blog-tiles .blog-tile { margin-bottom:0px; }
.blog-tiles-title { margin-bottom:100px; text-align:center; }
.blog-tiles-title span { font-size:36px; font-family:"Open Sans"; background:#c3c3c3; text-align:center; }

.blog-cover { position:absolute; top:0; width:100%; height:100%; background:#ff5d00; opacity: 0.7;}
.blog-tile:hover .blog-cover { opacity: 0; transition: visibility 0s, opacity 0.3s linear; }
.blog-tiles-other .blog-cover.id1 { background:#24a35a; }
.blog-tiles-other .blog-cover.id2 { background:#2e9d89; }
.blog-tiles-other .blog-cover.id3 { background:#00f0ff; }
.blog-tiles-other .blog-cover.id4 { background:#d82545; }
.blog-tiles-other .blog-cover.id5 { background:#00b1d7; }

.tile-info-category { border:1px solid #ffffff; display:inline-block; font-weight:normal; }
.tile-info a { color:#ffffff; font-weight: normal; text-transform:uppercase; font-family:Georgia; font-style:italic; }

.blog-tiles-main { float:left; width:50%; position:relative; }
.tile-thumbnail { width:100%; text-align:center; float:left; overflow:hidden; position:relative; }
.tile-thumbnail a { display:block; }
.tile-thumbnail a img { display:block; width:100%; height:auto; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); transition:2s; }
.blog-tile:hover .tile-thumbnail a img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); }

.blog-tiles-main .blog-tile, .blog-tiles-other .blog-tile { width:100%; margin-bottom:0px; margin-right:0px; margin-left:0px; float:left; position:relative; }
.blog-tiles-main .box-post-big .tile-post-title { position:absolute; width:80%; padding:0 10% 0 10%; top:10%; text-align:center; }
.blog-tiles-main .box-post-big .tile-post-title a { font-size:50px; color:#ffffff; font-weight:800; }
.blog-tiles-main:hover .box-post-big .tile-post-title a { text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.45); }
.blog-tiles-main:hover .box-post-big .tile-info-category a { text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.45); }
.blog-tiles-main .tile-info { margin-top:5%; }
.blog-tiles-main .tile-post-title .tile-info .tile-info-category { padding:2% 4%; font-size:18px; margin:0 auto; }
.blog-tiles-main .tile-post-title .tile-info .tile-info-category a { font-size:18px; font-weight: normal; }

.blog-tiles-other { float:right; width:50%; }
.blog-tiles-other .box-post-small { width:50%; float:left; }
.blog-tiles-other .blog-tile .tile-post-title a { font-size:28px; font-weight:800; color:#ffffff; }
.blog-tiles-other .box-post-small .tile-post-title { position:absolute; width:80%; padding:0 10% 0 10%; top:8%; text-align:center; }
.blog-tiles-other .box-post-small:hover .tile-post-title a { text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.45); }
.blog-tiles-other .box-post-small:hover .tile-info-category a { text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.45); }
.blog-tiles-other .box-post-small .tile-info { text-align:center; width:100%; font-size:16px; line-height:1em; color:#ffffff; font-style:italic; margin-top:10%; overflow:hidden; }
.blog-tiles-other .box-post-small .tile-info a { font-size:16px; line-height:1em; font-weight:normal; }
.blog-tiles-other .box-post-small .tile-post-title .tile-info .tile-info-category { padding:2% 4%; text-transform:uppercase; font-size:18px; line-height:1em; font-weight: normal; margin:0 auto; display:inline-block; }
.blog-tiles-other .blog-tile.blog-tile-id3 .box-v-r-spacer { display:block; }

.box-v-r-spacer { position:absolute; background:#ffffff; width:1px; height:100%; z-index:1000; right:0px; top:0px; }
.box-v-m-spacer { position:absolute; background:#ffffff; width:1px; height:100%; z-index:1000; right:50%; top:0px; }
.box-h-b-spacer { position:absolute; background:#ffffff; width:100%; height:1px; z-index:1000; right:0px; bottom:0px; }
.blog-tiles-other .box-post-small:nth-child(2) .box-v-r-spacer, .blog-tiles-other .box-post-small:nth-child(4) .box-v-r-spacer, .blog-tiles-other .box-post-small:nth-child(3) .box-h-b-spacer, .blog-tiles-other .box-post-small:nth-child(4) .box-h-b-spacer { display:none; }


@element ".blog-tiles" and ( min-width: 1300px ) {
.blog-tiles-main .box-post-big .tile-post-title a { font-size:58px; }
.blog-tiles-other .blog-tile .tile-post-title a { font-size:32px; }
.blog-tiles-other .box-post-small .tile-info a { font-size:16px; }
.blog-tiles-other .box-post-small .tile-info { margin-top:5%; }
}

@element ".blog-tiles" and ( min-width: 1580px ) {
.blog-tiles-main .box-post-big .tile-post-title a { font-size:65px; }
.blog-tiles-other .blog-tile .tile-post-title a { font-size:36px; }
.blog-tiles-other .box-post-small .tile-info a { font-size:18px; }
}

@element ".blog-tiles" and ( min-width: 1700px ) {
.blog-tiles-main .box-post-big .tile-post-title a { font-size:75px; }
.blog-tiles-other .blog-tile .tile-post-title a { font-size:42px; }
.blog-tiles-other .box-post-small .tile-info a { font-size:18px; }
}

@element ".blog-tiles" and ( max-width: 1100px ) {
.blog-tiles-main .box-post-big .tile-post-title a { font-size:40px; }
.blog-tiles-other .blog-tile .tile-post-title a { font-size:23px; }
.blog-tiles-other .box-post-small .tile-info a { font-size:15px; }
.blog-tiles-other .box-post-small .tile-info { margin-top:5%; }
}

@element ".blog-tiles" and ( max-width: 930px ) {
.blog-tiles-main .box-post-big .tile-post-title a { font-size:32px; }
.blog-tiles-other .blog-tile .tile-post-title a { font-size:21px; }
.blog-tiles-other .box-post-small .tile-info a { font-size:14px; }
.blog-tiles-other .box-post-small .tile-info { margin-top:5%; }
}


@element ".blog-tiles" and ( max-width: 800px ) {
.blog-tiles-other .box-post-small .tile-post-title { width:90%; padding:0 5% 0 5%; }
.blog-tiles-other .blog-tile .tile-post-title a { font-size:18px; }
.blog-tiles-other .box-post-small .tile-info a { font-size:13px; }
}

@element ".blog-tiles" and ( max-width: 760px ) {
.blog-tiles-main .box-post-big .tile-post-title a { font-size:26px; }
.blog-tiles-main .tile-post-title .tile-info .tile-info-category a { font-size:16px; }
}

@element ".blog-tiles" and ( max-width: 690px ) {
.blog-tiles-other .blog-tile .tile-post-title a { font-size:15px; }
.blog-tiles-other .box-post-small .tile-info a { font-size:12px; }
}


@element ".blog-tiles" and ( max-width: 620px ) {

.blog-tiles-main { width:100%; border-bottom:1px solid #ffffff; }
.blog-tiles-main .box-v-r-spacer { display:none; }
.blog-tiles-other { width:100%; }
.blog-tiles-other .blog-tile .tile-post-title a { font-size:28px; }
.blog-tiles-main .tile-post-title .tile-info .tile-info-category a { font-size:18px; }
.blog-tiles-other .box-post-small .tile-info a { font-size:16px; }
.blog-tiles-main .box-post-big .tile-post-title a { font-size:46px; }
.blog-tiles-other .box-post-small .tile-post-title { width:80%; padding:0 10% 0 10%; }

}

@element ".blog-tiles" and ( max-width: 550px ) {
.blog-tiles-main .box-post-big .tile-post-title a { font-size:42px; }
.blog-tiles-other .blog-tile .tile-post-title a { font-size:23px; }
.blog-tiles-other .box-post-small .tile-info a { font-size:16px; }
}


@element ".blog-tiles" and ( max-width: 490px ) {
.blog-tiles-main .box-post-big .tile-post-title a { font-size:38px; }
.blog-tiles-other .blog-tile .tile-post-title a { font-size:21px; }
.blog-tiles-other .box-post-small .tile-info a { font-size:16px; }
}

@element ".blog-tiles" and ( max-width: 435px ) {
.blog-tiles-main .box-post-big .tile-post-title a { font-size:32px; }
.blog-tiles-other .blog-tile .tile-post-title a { font-size:18px; }
.blog-tiles-other .box-post-small .tile-info a { font-size:14px; }
.blog-tiles-other .box-post-small .tile-post-title .tile-info .tile-info-category { padding:0% 4% 2% 4%; }
}

@element ".blog-tiles" and ( max-width: 365px ) {
.blog-tiles-main .box-post-big .tile-post-title a { font-size:26px; }
.blog-tiles-other .blog-tile .tile-post-title a { font-size:16px; }
.blog-tiles-other .box-post-small .tile-info a { font-size:12px; }
}

@element ".blog-tiles" and ( max-width: 330px ) {
.blog-tiles-main .box-post-big .tile-post-title a { font-size:23px; }
.blog-tiles-other .blog-tile .tile-post-title a { font-size:14px; }
.blog-tiles-other .box-post-small .tile-info a { font-size:12px; }
}

/*--------------------------------------------------------------
Members tabs
--------------------------------------------------------------*/
.tabs-container-members { width:100%; display:table; }
.tabs-nav-members { margin-bottom:2.5%; }
.tabs-nav-members li { display:inline; margin-right:10px; }
.tabs-nav-members li a { color:#ffffff; font-size:14px; padding:3px; }
.tabs-nav-members li a.current { border-bottom:3px solid #ffffff; }
.shortcode-member-item { width:8%; margin-right:1.5%; margin-bottom:1.6%; display:block; float:left; padding:0.3%; background:#ffffff; border-radius:52px; }
.shortcode-member-item img { width:100%; height:auto; display:block; border-radius:52px; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all 300ms ease-in; }
.shortcode-member-item img:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.shortcode-member-item img { display:block; }

@element ".tabs-container-members" and ( max-width: 420px ) {
.tabs-nav-members { margin-bottom:6%; }
.tabs-nav-members li { margin-right:3px; }
.tabs-nav-members li a { font-size:12px; }
.tabs-nav-members li a.current { border-bottom-width:2px; }
}

@element ".tabs-container-members" and ( min-width: 421px ) and ( max-width: 700px ) {
.tabs-nav-members { margin-bottom:5%; }
.tabs-nav-members li a { font-size:14px; }
.tabs-nav-members li { margin-right:10px; }
.tabs-nav-members li a.current { border-bottom-width:3px; }
}


@element ".tabs-container-members" and ( min-width: 1px ) and ( max-width: 650px ) {
.shortcode-member-item { width:16%; margin-right:2.5%; margin-bottom:2.5%; padding:1%; }
.tabs-container-members .shortcode-member-item:nth-of-type(10), .tabs-container-members .shortcode-member-item:nth-of-type(20), .tabs-container-members .shortcode-member-item:nth-of-type(30), .tabs-container-members .shortcode-member-item:nth-of-type(40) { margin-right:2.5%; }
.tabs-container-members .shortcode-member-item:nth-of-type(5), .tabs-container-members .shortcode-member-item:nth-of-type(10), .tabs-container-members .shortcode-member-item:nth-of-type(15), .tabs-container-members .shortcode-member-item:nth-of-type(20), .tabs-container-members .shortcode-member-item:nth-of-type(25), .tabs-container-members .shortcode-member-item:nth-of-type(30) { margin-right:0%; }
}

@element ".tabs-container-members" and ( min-width: 651px ) and ( max-width: 1259px ) {
.tabs-nav-members { margin-bottom:2.5%; }
}

@element ".tabs-container-members" and ( min-width: 651px ) and ( max-width: 999px ) {
.tabs-nav-members { margin-bottom:3.5%; }
.shortcode-member-item { width:7.6%; margin-right:1.4%; margin-bottom:1.5%; padding:0.5%; }
.tabs-container-members .shortcode-member-item:nth-of-type(10), .tabs-container-members .shortcode-member-item:nth-of-type(20), .tabs-container-members .shortcode-member-item:nth-of-type(30), .tabs-container-members .shortcode-member-item:nth-of-type(40) { margin-right:0px; }
.tabs-container-members .shortcode-member-item:nth-of-type(5), .tabs-container-members .shortcode-member-item:nth-of-type(10), .tabs-container-members .shortcode-member-item:nth-of-type(15), .tabs-container-members .shortcode-member-item:nth-of-type(20), .tabs-container-members .shortcode-member-item:nth-of-type(25), .tabs-container-members .shortcode-member-item:nth-of-type(30) { margin-right:1.4%; }
}

@element ".tabs-container-members" and ( min-width: 1000px ) and ( max-width: 1259px ) {
.shortcode-member-item { width:8%; margin-right:1.4%; margin-bottom:1.5%; padding:0.3%; }
}

@element ".tabs-container-members" and ( min-width: 651px ) and ( max-width: 1259px ) {
.tabs-nav-members { margin-bottom:2.5%; }
.tabs-container-members .shortcode-member-item:nth-of-type(10), .tabs-container-members .shortcode-member-item:nth-of-type(20), .tabs-container-members .shortcode-member-item:nth-of-type(30), .tabs-container-members .shortcode-member-item:nth-of-type(40) { margin-right:0px; }
.tabs-container-members .shortcode-member-item:nth-of-type(5), .tabs-container-members .shortcode-member-item:nth-of-type(10), .tabs-container-members .shortcode-member-item:nth-of-type(15), .tabs-container-members .shortcode-member-item:nth-of-type(20), .tabs-container-members .shortcode-member-item:nth-of-type(25), .tabs-container-members .shortcode-member-item:nth-of-type(30) { margin-right:1.4%; }
}

@element ".tabs-container-members" and ( min-width: 1260px ) and ( max-width: 1579px ) {
.shortcode-member-item { border-radius:65px; }
.shortcode-member-item img { border-radius:65px; }
.tabs-container-members .shortcode-member-item:nth-of-type(10), .tabs-container-members .shortcode-member-item:nth-of-type(20), .tabs-container-members .shortcode-member-item:nth-of-type(30), .tabs-container-members .shortcode-member-item:nth-of-type(40) { margin-right:0px; }
}

@element ".tabs-container-members" and ( min-width: 1580px ) {
.tabs-nav-members { margin-bottom:1.5%; }
.shortcode-member-item { width:4%; margin-right:0.6%; margin-bottom:0.6%; padding:0.2%; }
.tabs-container-members .shortcode-member-item:nth-of-type(10), .tabs-container-members .shortcode-member-item:nth-of-type(20), .tabs-container-members .shortcode-member-item:nth-of-type(30), .tabs-container-members .shortcode-member-item:nth-of-type(40) { margin-right:0.6%; }
}



/*--------------------------------------------------------------
Recent blog comments
--------------------------------------------------------------*/
.recent-comment-container { color:#ffffff; display:table; min-height:300px; }
.recent-comment-item { width:100%; }
.recent-comment-content { padding-bottom:8%; font-size:16px; line-height:1.3em; width:100%; position:relative; overflow: hidden; }
.recent-comment-content-avatar { float:left; width:15%; float:left; padding:1%; background:#ffffff; border-radius:35px; }
.recent-comment-content-avatar img { width:100%; height:auto; border-radius:35px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); transition:3s; }
.recent-comment-content img:hover { float:left; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); }
.recent-comment-content-text { float:none; float:right; width:77%; overflow:hidden; font-family:Georgia; font-weight:300; font-style:italic; }
.recent-comment-bottom { position:relative; overflow:hidden; }
.recent-comment-info { font-family:"Open Sans"; font-weight:800; font-style:normal; font-size:13px; padding:3% 0% 0% 0%; line-height:1.5em; }
.recent-comment-info a { font-size:13px; color:#ffffff; }

@element ".recent-comment-container" and ( min-width: 430px ) {
.recent-comment-content-avatar { border-radius:42px; }
.recent-comment-content-avatar img { border-radius:42px; }
}

@element ".recent-comment-container" and ( min-width: 500px ) {
.recent-comment-content-avatar { border-radius:48px; }
.recent-comment-content-avatar img { border-radius:48px; }
}

@element ".recent-comment-container" and ( min-width: 580px ) {
.recent-comment-content-avatar { border-radius:65px; }
.recent-comment-content-avatar img { border-radius:65px; }
}

@element ".recent-comment-container" and ( min-width: 700px ) {
.recent-comment-container { width:104%; }
.recent-comment-item { width:45%; margin-right:5%; float:left; }
.recent-comment-content-avatar { border-radius:30px; }
.recent-comment-content-avatar img { border-radius:30px; }
}

@element ".recent-comment-container" and ( min-width: 790px ) {
.recent-comment-content-avatar { border-radius:37px; }
.recent-comment-content-avatar img { border-radius:37px; }
}

@element ".recent-comment-container" and ( min-width: 990px ) {
.recent-comment-content-avatar { border-radius:45px; }
.recent-comment-content-avatar img { border-radius:45px; }
}

@element ".recent-comment-container" and ( min-width: 1050px ) {
.recent-comment-item { width:30%; margin-right:3%; }
.recent-comment-content-avatar { border-radius:35px; }
.recent-comment-content-avatar img { border-radius:35px; }
}

@element ".recent-comment-container" and ( min-width: 1400px ) {
.recent-comment-content-avatar { border-radius:45px; }
.recent-comment-content-avatar img { border-radius:45px; }
}

@element ".recent-comment-container" and ( min-width: 1500px ) {
.recent-comment-item { width:22%; margin-right:2.5%; }
.recent-comment-content-avatar { border-radius:35px; }
.recent-comment-content-avatar img { border-radius:35px; }
}




/*--------------------------------------------------------------
BP Groups
--------------------------------------------------------------*/
.list-wrap ul { width:104%; }
.hidden-tab { position: absolute; top: -9999px; left: -9999px; }
#tabs-container { dispay:table; overflow:visible; }
#tabs-container .tabs-nav li { }
#tabs-container .tabs-nav li.last { margin-right: 0; }
#tabs-container ul { list-style: none; }
#tabs-container ul li a { display: block; }
.page-template-frontpage-vc-php #object-nav { margin-top:10px; margin-bottom:50px; }
#object-nav { margin-top:50px; overflow:hidden; float:left!important; }
#object-nav ul li { text-align:left; float:left!important; }
#object-nav ul li a { border-top:2px solid #faa192; border-bottom:2px solid #faa192; border-right:2px solid #faa192; padding:17px 31px; margin-top:0px; font-size:14px; font-weight:700; text-transform:uppercase; line-height:1em; color:#ffffff; }
#object-nav ul li:first-child a { border-top-left-radius:25px; border-bottom-left-radius:25px; border-left:2px solid #faa192; }
#object-nav ul li:last-child a { border-top-right-radius:25px; border-bottom-right-radius:25px; }
#object-nav ul li.current a, #object-nav ul li a.current { border:none; margin-left:-2px; background:#ffffff; padding:19px 31px; color:#5a5a5a!important; }
#object-nav ul li.current:first-child a, #object-nav ul li:first-child a.current { margin-left:0px; }


.adv-title-bold-front-groups { padding-left:55px; background-image: url( "images/icon-groups.png" ); background-repeat:no-repeat; background-position:left; padding-bottom:6px; margin-bottom:20px; }
.group-box { float:left; position:relative; margin:0 2.1% 2.1% 0; margin-bottom:2.1%!important; width:19.8%; font-size:12px; line-height:1.6em; background:#ffffff; padding:1.2%; }
.group-box-image-container { overflow:hidden; float:left; width:100%; }
.group-box-info { padding:5.5% 0 0 0; width:100%; float:right; }
.group-box-details { font-size:13px; font-family:Open Sans; padding-left:1.5%; color:#535353; }
.group-box-name { font-size:15px; font-weight:700; }
.group-box-members-count { font-size:13px; color:#666666; margin-top:1.8%; }
a.group-box-image img { width:100%; height:auto; }


@element ".bp-groups-tabs-container" and ( max-width: 610px ) {
.bp-groups-tabs-container #object-nav ul li a { padding:17px 20px; }
.bp-groups-tabs-container #object-nav ul li a.current { padding:19px 20px; }
.bp-groups-tabs-container .group-box-name { font-size:12px; }
.bp-groups-tabs-container .group-box-members-count { font-size:12px; }
}

@element ".bp-groups-tabs-container" and ( max-width: 490px ) {
.bp-groups-tabs-container #object-nav ul li a { padding:14px 10px; font-size:13px; }
.bp-groups-tabs-container #object-nav ul li a.current { padding:16px 10px; }
.bp-groups-tabs-container .group-box { float:left; position:relative; margin:0 2.4% 2.4% 0; margin-bottom:2.4%!important; width:27.2%; padding:1.5%; }
.bp-groups-tabs-container .group-box-name { font-size:13px; }
.bp-groups-tabs-container .group-box-members-count { font-size:13px; }
}

@element ".bp-groups-tabs-container" and ( max-width: 400px ) {
.bp-groups-tabs-container .group-box { float:left; position:relative; margin:0 6.6% 6.6% 0; margin-bottom:6.6%!important; width:39%; padding:2.2%; }
.bp-groups-tabs-container .group-box-name { font-size:14px; }
.bp-groups-tabs-container .group-box-members-count { font-size:13px; }
}

@element ".bp-groups-tabs-container" and ( max-width: 350px ) {
.bp-groups-tabs-container #object-nav ul li a { padding:12px 6px; font-size:12px; }
.bp-groups-tabs-container #object-nav ul li a.current { padding:14px 6px; }
.bp-groups-tabs-container .group-box-name { font-size:13px; }
.bp-groups-tabs-container .group-box-members-count { font-size:12px; }
}

@element ".bp-groups-tabs-container" and ( min-width: 850px ) {
.bp-groups-tabs-container .group-box { margin:0 2.4% 2.4% 0; margin-bottom:2.4%!important; width:14.9%; }
}

@element ".bp-groups-tabs-container" and ( min-width: 1100px ) and ( max-width: 1399px ) {
.bp-groups-tabs-container .group-box { margin:0 1.1% 1.2% 0; margin-bottom:1.1%!important; padding:0.6%; width:11.5%; }
}

@element ".bp-groups-tabs-container" and ( min-width: 1400px ) {
.bp-groups-tabs-container .group-box { margin:0 1.2% 1.2% 0; margin-bottom:1.2%!important; padding:0.6%; width:9.7%; }
}