@import url(//fonts.googleapis.com/css?family=Roboto:400,300,700);
@import url("//netdna.bootstrapcdn.com/font-awesome/5.15.2/css/font-awesome.css");
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

h1,
h2,
h3,
h4,
p,
blockquote,
figure,
ol,
ul,
form {
  margin: 0;
  padding: 0; }

main {
  display: block; }
li{
	margin-left:15px;
}
h1,
h2,
h3,
h4 {
  font-size: inherit; }

strong {
  font-weight: bold; }

a,
button {
  color: inherit;
  transition: .3s; }

a {
  text-decoration: none; }

button {
  overflow: visible;
  border: 0;
  font: inherit;
  -webkit-font-smoothing: inherit;
  letter-spacing: inherit;
  background: none;
  cursor: pointer;
  box-shadow:none;
  text-shadow:none; }

::-moz-focus-inner {
  padding: 0;
  border: 0; }

:focus {
  outline: 0; }

img {
  max-width: 100%;
  height: auto;
  border: 0; }
.w50{
	width:50%;	
}
/* 
  TODO: Deprecate & remove
*/
/* 
      ===> flex($direction, $align, $justify)
      
      $direction  => flex-direction: row | column
      $align      =>  align-items: flex-start | flex-end | center | baseline | stretch;
      $justify    =>  justify-content: space-between | space-around | center | flex-start | flex-end
*/
/* 
  Type options:
    - ease 
    - linear
    - ease-in
    - ease-out
    - ease-in-out
*/
html, body {
  font-size: 100%; }

html {
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important; }

body {
  background-color: white;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.45;
  color: #333; }

p {
  margin-bottom: 1em; }

h1, h2, h3, h4 {
  margin: 1rem 0 1rem;
  font-weight: inherit;
  line-height: 1.2; }

h1 {
  font-size: 1.625rem; }

h2 {
  font-size: 1.525rem; }

h3 {
  font-size: 1.325rem; }

h4 {
  font-size: 1.25rem; }

h5 {
  font-size: 0.83rem; }

small, .font_small {
  font-size: 0.707rem; }

.modest {
  font-size: 0.813rem; }

.fa {
  font-family: FontAwesome;
  font-size: 1em;
  font-style: normal; }
  .fa.fa-star:after {
    content: "\f006"; }
  .fa.fa-comment:after {
    content: "\f0e5"; }
  .fa.fa-comments:after {
    content: "\f0e6"; }
  .fa.fa-visits:after {
    content: "\f06e"; }
  .fa.fa-files:after {
    content: "\f0c6"; }
  .fa.fa-upload:after {
    content: "\f0ee"; }
  .fa.fa-embed:after {
    content: "\f121"; }
  .fa.fa-external:after {
    content: "\f08e"; }
  .fa.fa-plus:after {
    content: "\f055"; }
  .fa.fa-checkmark:after {
    content: "\f058"; }
  .fa.fa-topic:after {
    content: "\f02b"; }
  .fa.fa-flag:after {
    content: "\f024"; }
  .fa.fa-subscribe:after {
    content: "\f09e"; }
  .fa.fa-twitter:after {
    content: "\f099"; }
  .fa.fa-facebook:after {
    content: "\f09a"; }
  .fa.fa-gplus:after {
    content: "\f0d5"; }
  .fa.fa-linkedin:after {
    content: "\f0e1"; }
  .fa.fa-heart:after {
    content: "\f004"; }
  .fa.fa-alert:after {
    content: "\f06a"; }
  .fa.fa-next:after {
    content: "\f105 "; }
  .fa.fa-prev:after {
    content: "\f104"; }

a {
  color: #1aadbc;
  text-decoration: none;
  font-weight: 700; }
  a:hover {
    color: #14848f; }

a.red-link {
  color: #E04545;
  font-weight: 700;
  border-bottom: 1px solid #E04545;
  padding: 5px; }
  a.red-link:hover {
    background-color: #E04545;
    color: #fff;
    border-bottom: none; }

span.error {
  font-size: 0.813rem;
  color: #fff;
  background: #F61212;
  display: inline-block;
  padding: 15px;
  border-radius: 3px; }

span.available {
  color: #6eb383; }

span.unavailable {
  color: #F61212; }

a.special-link-sm {
  font-size: 0.813rem;
  display: inline-block;
  margin-right: 12px; }

span.required {
  color: #F61212; }

span.label-isa_error {
  font-size: 0.810rem;
  color: #F61212;
  margin: 0; }

span.label-isa_success {
  font-size: 0.810rem;
  color: #4F8A10;
  font-style: italic;
  margin: 0; }

.isa_info, .isa_success, .isa_warning, .isa_error {
  margin: 10px 0px;
  padding: 12px; }

.isa_info {
  color: #00529B;
  background-color: #BDE5F8; }

.isa_success {
  color: #4F8A10;
  background-color: #DFF2BF; }

.isa_warning {
  color: #9F6000;
  background-color: #FEEFB3; }

.isa_error {
  color: #F61212; }

.isa_info i, .isa_success i, .isa_warning i, .isa_error i {
  margin: 10px 22px;
  font-size: 2em;
  vertical-align: middle; }

.error .icon-alerts {
  color: #F61212;
  font-family: FontAwesome !important;
  font-size: 1em;
  font-style: normal;
  margin-right: 5px; }
  .error .icon-alerts:before {
    content: "\f06a"; }

.icon-lg {
  font-size: 28px; }

.tags a {
  font-size: 0.707rem;
  display: inline-block;
  line-height: 22px;
  color: #bebebe;
  font-weight: 400;
  letter-spacing: 1px;
  margin: 5px 10px; }
  .tags a:first-child {
    margin-left: 0; }
  .tags a:hover {
    color: #2196F3; }

html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

a {
  text-decoration: none; }

#main {
  margin-top: 110px; }

p, h1, h2, h3, h4, h5, h6, span {
  cursor: default; }

a, a span, button span, a.showMedia {
  cursor: pointer; }

/* Layout / Helpers / Components */
/* Push down the content below the TOP */
@media (min-width: 980px) {
  .page-components {
    margin-top: 110px; } }

@media (max-width: 979px) {
  .mobile-hide {
    display: none !important; }
   .take-survey-button{
   		width:25px !important;
   		min-width:25px !important;
   		padding:0px !important;
   }

   .take-survey-button-placeholder{
   	width:25px !important;
   }

   .contentDetail .row.contentSection ul.polls-checklist li .badge-sm {
    width:100px !important;
    margin-right:0px !important;
    padding:0px !important;
}
body.contentDetail .row.contentSection ul.polls-checklist li .survey-name{
	width:140px !important;
	margin-right:10px;
}
     }

ol.enumerate li {
  display: list-item;
  list-style-position: inside;
  margin-bottom: 1em; }

.no-bg {
  background-image: none !important; }

.hr-clear {
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 20px; }

.pageOverlayBlack {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999925; }

ul.list {
  list-style-position: inside; }
  ul.list li {
    display: list-item; }

.bgwhite {
  background: #fff; }

.centered {
  text-align: center; }

.flexRow {
  display: -ms-flexbox;
  display: flex;
       display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: flex-start;
	
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start; }

.flex-between {
  display: -ms-flexbox;
  display: flex;
       display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: space-between;
	
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.flex-col-center {
  display: -ms-flexbox;
  display: flex;
       display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
	
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.mt0 {
  margin-top: 0 !important; }

.mb0 {
  margin-bottom: 0 !important; }

.mt25 {
  margin-top: 25px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mv35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important; }

.hide {
  display: none !important; }

.pointer {
  cursor: pointer !important; }

.left {
  text-align: left !important; }

.pr0 {
  padding-right: 0 !important; }

.pt10 {
  padding-top: 10px !important; }

.p25 {
  padding: 25px; }

.mobile-only {
  display: none; }

.icon-md {
  font-size: 1.3rem; }

body.modal-open {
  overflow: hidden !important; }

.screen-reader-text {
  height: auto;
  width: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important; }

.no-vert-pad {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.clearfix {
  display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.cf:after {
  clear: both; }

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
  *zoom: 1; }

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot");
  src: url("../fonts/icomoon.eot#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-rating-star-empty:before {
  content: "\e91e"; }

.icon-rating-star-filled:before {
  content: "\e91f"; }

.icon-add-comment:before {
  content: "\e91c"; }

.icon-add-files:before {
  content: "\e91d"; }

.icon-attendees:before {
  content: "\e91b"; }

.icon-survey-completed:before {
  content: "\e91a"; }

.icon-content:before {
  content: "\e919"; }

.icon-facebook:before {
  content: "\e915"; }

.icon-gplus:before {
  content: "\e916"; }

.icon-linkedin:before {
  content: "\e917"; }

.icon-twitter:before {
  content: "\e918"; }

.icon-edit:before {
  content: "\e914"; }

.icon-activities:before {
  content: "\e900"; }

.icon-close:before {
  content: "\e901"; }

.icon-alerts:before {
  content: "\e902"; }

.icon-announcement:before {
  content: "\e903"; }

.icon-attachments:before {
  content: "\e904"; }

.icon-categories:before {
  content: "\e905"; }

.icon-chat:before {
  content: "\e906"; }

.icon-chats:before {
  content: "\e907"; }

.product-button-community:before {
  content: "\e908"; }

.icon-downarrow:before {
  content: "\e909"; }

.icon-email:before {
  content: "\e90a"; }

.icon-heart:before {
  content: "\e90b"; }
  
  .icon-star:before {
  content: "\2606"; }

.icon-menu:before {
  content: "\e90c"; }

.icon-rewards:before {
  content: "\e90d"; }

.icon-search:before {
  content: "\e90e"; }

.icon-location:before {
  content: "\e947"; }

.icon-home:before {
  content: "\e90f"; }

.icon-subscribe:before {
  content: "\e910"; }

.icon-survey:before {
  content: "\e911"; }

.icon-topics:before {
  content: "\e912"; }

.icon-visitors:before {
  content: "\e913"; }

section.section {
  margin-bottom: 15px; }

.container {
  position: relative; }

.small-container {
  max-width: 1000px; }
.notification-container{
	 padding:10px;
}
/* 1-card-row */
@media (min-width: 321px) and (max-width: 659px) {
  .container:not(#card-container) {

    max-width: 100% !important;
    margin: 0 !important;
    padding:10px !important;
    width:100% !important;
    } 
    #card-container{
    	padding:0px !important;
    }
    .container.card-container{
    	margin: 0 !important;
    }
    footer{
    	    max-width: 100% !important;
   			 width: calc(100% - 20px) !important;
   			 margin: 0 10px !important;
    }
    #attachmentsDropZone,#commentDropZone{
    	min-height:200px !important;
    	overflow: auto !important;
    }
    }

/* 2-card-row */
@media (min-width: 660px) and (max-width: 979px) {
  .container, #explore-activities-dropdown {
    width: 620px;
    margin: 0 auto; }
        }

/* 3-card-row */
@media (min-width: 980px) {
  .container, #explore-activities-dropdown {
    width: 990px;
    margin: 0 auto; }
     }

/* 4-card-row */
/* 5-card-row */
/* 6-card-row */
/* Mobile Breakpoint */
@media (max-width: 979px) {
  body {
    margin-top: 65px; } }

/* Desktop breakpoint */
@media (min-width: 980px) {
  body {
    margin-top: 110px; } }

section.section {
  margin-bottom: 0; }
section.section .container{
  min-height: calc(100% - 110px);
}
.page-wrapper section.section .container{
  min-height: auto !important;
}
  section.section .container > .container {
    width: 100%;

  }
  section.section .container.row-vmid {
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: space-between;
	
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    section.section .container.row-vmid::after {
      content: none; }
  section.section.external-view .header {
    margin: 25px auto 45px; }
  section.section.external-view .body {
    margin-top: 25px;
    min-height: 450px; }
    section.section.external-view .body .error, section.section.external-view .body input {
      width: 400px; }
  section.section.section-cards {
    width: 100%;
    max-width: 990px;
    margin: 15px auto;
    padding: 25px;
    border-radius: 3px; }
  section.section.section-member-profile {
    padding: 25px 0; }
    section.section.section-member-profile .container {
      background: #fff; }
  section.section.section-settings > .container {
    background: #fff;
    padding: 25px;
    margin-top: 20px;
    border-radius: 3px; }
  section.section.section-signup-form .terms {
    margin-top: 25px;
    margin-bottom: 25px; }
  section.section.section-signup-form .terms .description {
    margin-bottom: 25px;
    height: 150px;
    overflow-y: auto;
    overflow-wrap: normal;
    font-size: 14px; }
     section.section.section-signup-form .terms .description *{
     font-size:14px !important;
     }
  section.section.section-signup-form .terms .action .form-group {
    margin-left: 0;
    margin-top: 25px;
    margin-bottom: 0;
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: flex-start;

    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: start;
        justify-content: flex-start; }
    section.section.section-signup-form .terms .action .form-group input {
      height: auto;
      width: auto;
      display: inline-block; }
    section.section.section-signup-form .terms .action .form-group label {
      display: inline-block;
      margin: 0 0 0 10px; }
  section.section.section-signup-form > .container {
    margin-top: 0; }
    .sign-up-container{
    	text-align:center !important;
    	align-items:stretch !important;
    }
    section.section.section-signup-form > .container > .container {
      width: 100%; }
  section.section.text-box .container {
    border: 1px solid #eee;
    padding: 25px;
    background: #fff; }
  section.section.text-box h3 {
    font-size: 1em;
    font-weight: 700; }
  section.section.masthead {
    margin-bottom: 35px; }
  section.section.masthead-cards-plain {
    margin-bottom: 0;
    margin-top: 15px; }
    section.section.masthead-cards-plain .container {
      background: #fff;
      width: 100%;
      max-width: 990px;
      padding: 25px;
      border-radius: 3px 3px 0 0; }
  section.section.masthead-cards-plain + section.section.section-cards {
    margin-top: 0; }
  section.section.section-breadcrumb {
    background: #f7f7f7;
    margin-bottom: 25px; }
    section.section.section-breadcrumb .container {
      padding: 5px !important;
      display: -ms-flexbox;
      display: flex;
           display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: space-between;
	
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      section.section.section-breadcrumb .container:after {
        content: none; }
  section.section.profileQuestions {
    margin-bottom: 25px; }
  section.section.section-supportThread .container {
    margin: 0 auto;
    /*max-height: 450px;*/
    overflow-y: auto;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee; }
  section.section.section-supportThread .supportMessage {
    border-top: 1px solid #eee;
    padding: 35px 15px 35px;
    margin-bottom: 0; }
    section.section.section-supportThread .supportMessage:first-child {
      border-top: 0; }
    section.section.section-supportThread .supportMessage .messageDetails {
      margin-bottom: 15px;
      display: -ms-flexbox;
      display: flex;
           display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: space-between;
	
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between;
      font-size: 0.813rem; }
      section.section.section-supportThread .supportMessage .messageDetails div {
        display: inline-block;
        margin-left: 10px; }
        section.section.section-supportThread .supportMessage .messageDetails div:first-child {
          margin-left: 0; }
      section.section.section-supportThread .supportMessage .messageDetails div {
        display: -ms-flexbox;
        display: flex;
             display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: space-between;
	
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: justify;
            justify-content: space-between; }
      section.section.section-supportThread .supportMessage .messageDetails .user {
        font-weight: 700; }
      section.section.section-supportThread .supportMessage .messageDetails .topic span {
        color: #bebebe;
        margin-left: 10px; }
    section.section.section-supportThread .supportMessage .message {
      padding: 15px;
      background: #fff;
      text-align: left;
      font-size: 0.813rem; }
      section.section.section-supportThread .supportMessage .message.modMessage {
        background: #E7F7FF; }
      section.section.section-supportThread .supportMessage .message .attachments {
        display: block;
        width: 100%;
        margin-top: 15px;
        border-top: 1px dotted #eee;
        display: -ms-flexbox;
        display: flex;
             display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
	
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center; }
        section.section.section-supportThread .supportMessage .message .attachments .attachment {
          padding: 15px 0;
          width: 100%;
          display: block;
          display: -ms-flexbox;
          display: flex;
               display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: flex-start;
	
          -ms-flex-direction: row;
              flex-direction: row;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: start;
              justify-content: flex-start; }
          section.section.section-supportThread .supportMessage .message .attachments .attachment span {
            margin-right: 15px;
            cursor: pointer; }
  section.section.section-newSupportMessage {
    margin: 0 auto; }
    section.section.section-newSupportMessage .container, section.section.section-newSupportMessage form.form-wide {
      max-width: 100%; }
  section.section.section-rewardDetail .rewardDetailContainer {
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: center;

    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: center;
        justify-content: center; }
    section.section.section-rewardDetail .rewardDetailContainer .rewardMedia {
      width: 30%;
      min-width: 250px;
      padding: 25px;
      text-align: center;
      position: relative; }
      section.section.section-rewardDetail .rewardDetailContainer .rewardMedia .imageContainer {
        position: relative;
        display: inline-block; }
      section.section.section-rewardDetail .rewardDetailContainer .rewardMedia img {
        max-width: 200px; }
      section.section.section-rewardDetail .rewardDetailContainer .rewardMedia [class*="-overlay"] {
        border: 1px solid #333;
        border-radius: 55px;
        left: -15px;
        top: -15px;
        background-color: #fff; }
    section.section.section-rewardDetail .rewardDetailContainer .rewardDetails {
      width: 70%;
      padding: 25px;
      font-size: 0.813rem; }
      section.section.section-rewardDetail .rewardDetailContainer .rewardDetails p {
        margin: 15px 0; }
        section.section.section-rewardDetail .rewardDetailContainer .rewardDetails p span.label {
          display: inline-block;
          width: 120px; }
        section.section.section-rewardDetail .rewardDetailContainer .rewardDetails p span.value {
          font-weight: 700; }
        section.section.section-rewardDetail .rewardDetailContainer .rewardDetails p.action {
          padding-left: 120px; }
          section.section.section-rewardDetail .rewardDetailContainer .rewardDetails p.action > * {
            display: block; }
          section.section.section-rewardDetail .rewardDetailContainer .rewardDetails p.action span {
            color: #bebebe;
            margin: 15px 0;
            font-size: 0.707rem; }
        section.section.section-rewardDetail .rewardDetailContainer .rewardDetails p .unavailable.details {
          display: block;
          padding-left: 120px;
          font-size: 0.707rem;
          margin: 15px 0; }
      section.section.section-rewardDetail .rewardDetailContainer .rewardDetails .redemption-log {
        margin: 35px 0 0;
        padding: 15px;
        border: 1px solid #eee;
        border-radius: 3px; }
        section.section.section-rewardDetail .rewardDetailContainer .rewardDetails .redemption-log .status {
          background: #f7f7f7;
          padding: 10px; }
        section.section.section-rewardDetail .rewardDetailContainer .rewardDetails .redemption-log ul li {
          padding: 10px;
          list-style: none;
          margin-bottom: 10px;
          border-bottom: 1px solid #f7f7f7; }
          section.section.section-rewardDetail .rewardDetailContainer .rewardDetails .redemption-log ul li:last-child {
            border: none;
            margin-bottom: 0; }
  
  section.section.notificationsList, section.section.activitiesList {
    font-size: 0.813rem; }
    section.section.notificationsList:first-child, section.section.activitiesList:first-child {
      margin-top: 0; }
    section.section.notificationsList:last-child, section.section.activitiesList:last-child {
      margin-bottom: 0; }
    section.section.notificationsList .notification-item, section.section.activitiesList .notification-item {
      border-top: 1px solid #eee;
      border-radius: 0; }
    section.section.notificationsList .row, section.section.activitiesList .row {
      margin: 10px auto; }
    section.section.notificationsList .notification-details, section.section.notificationsList .notification-title, section.section.notificationsList .notification-details-actions, section.section.activitiesList .notification-details, section.section.activitiesList .notification-title, section.section.activitiesList .notification-details-actions {
      font-size: 0.707rem; }
    section.section.notificationsList .notification-details, section.section.activitiesList .notification-details {
      display: -ms-flexbox;
      display: flex;
           display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: flex-start;
	
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: start;
          align-items: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
      section.section.notificationsList .notification-details div, section.section.notificationsList .notification-details span, section.section.activitiesList .notification-details div, section.section.activitiesList .notification-details span {
        margin-right: 15px; }
    section.section.notificationsList .notification-title, section.section.activitiesList .notification-title {
      display: -ms-flexbox;
      display: flex;
           display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: flex-start;
	
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: start;
          justify-content: flex-start; }
      section.section.notificationsList .notification-title div, section.section.notificationsList .notification-title span, section.section.activitiesList .notification-title div, section.section.activitiesList .notification-title span {
        margin-right: 15px; }
      section.section.notificationsList .notification-title a.member, section.section.notificationsList .notification-title a.topic, section.section.activitiesList .notification-title a.member, section.section.activitiesList .notification-title a.topic {
        color: inherit; }
    section.section.notificationsList .notification-content, section.section.activitiesList .notification-content {
      background: #f7f7f7;
      border: 1px solid #eee;
      padding: 15px;
      border-radius: 3px; }
      section.section.notificationsList .notification-content *:last-child, section.section.activitiesList .notification-content *:last-child {
        margin-bottom: 0; }
      section.section.notificationsList .notification-content.flagged .original-comment, section.section.activitiesList .notification-content.flagged .original-comment {
        border: 1px solid #e91e1e; }
      section.section.notificationsList .notification-content .original-comment, section.section.activitiesList .notification-content .original-comment {
        margin-bottom: 15px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.14);
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        background: #fff;
        font-size: 0.707rem;
        padding: 10px;
        border-radius: 3px;
        position: relative; }
        section.section.notificationsList .notification-content .original-comment a.show-comment, section.section.notificationsList .notification-content .original-comment a.hide-comment, section.section.activitiesList .notification-content .original-comment a.show-comment, section.section.activitiesList .notification-content .original-comment a.hide-comment {
          display: inline-block;
          text-align: center;
          width: 100%;
          color: inherit;
          font-size: 0.707rem; }
        section.section.notificationsList .notification-content .original-comment a.hide-comment, section.section.activitiesList .notification-content .original-comment a.hide-comment {
          width: auto;
          position: absolute;
          bottom: 10px;
          right: 10px; }
        section.section.notificationsList .notification-content .original-comment.original-comment-visible, section.section.activitiesList .notification-content .original-comment.original-comment-visible {
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.14);
          transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
          background: #fff;
          font-size: 0.707rem;
          padding: 10px; }
      section.section.notificationsList .notification-content.unlocked-reward:after, section.section.activitiesList .notification-content.unlocked-reward:after {
        content: "";
        display: table;
        clear: both; }
      section.section.notificationsList .notification-content.unlocked-reward .thumb, section.section.activitiesList .notification-content.unlocked-reward .thumb {
        float: left;
        margin-right: 15px; }
      section.section.notificationsList .notification-content.unlocked-reward .details, section.section.activitiesList .notification-content.unlocked-reward .details {
        float: left; }
        section.section.notificationsList .notification-content.unlocked-reward .details > *, section.section.activitiesList .notification-content.unlocked-reward .details > * {
          margin: 15px 0;
          font-size: 0.707rem; }
        section.section.notificationsList .notification-content.unlocked-reward .details .expires, section.section.activitiesList .notification-content.unlocked-reward .details .expires {
          color: #535353; }
      section.section.notificationsList .notification-content.file-upload, section.section.notificationsList .notification-content.view-this, section.section.notificationsList .notification-content.rating, section.section.activitiesList .notification-content.file-upload, section.section.activitiesList .notification-content.view-this, section.section.activitiesList .notification-content.rating {
        display: -ms-flexbox;
        display: flex;
             display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
	
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        text-align: center; }
        section.section.notificationsList .notification-content.file-upload .rating-container, section.section.notificationsList .notification-content.view-this .rating-container, section.section.notificationsList .notification-content.rating .rating-container, section.section.activitiesList .notification-content.file-upload .rating-container, section.section.activitiesList .notification-content.view-this .rating-container, section.section.activitiesList .notification-content.rating .rating-container {
          display: -ms-flexbox;
          display: flex;
               display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: space-around;
	
          -ms-flex-direction: row;
              flex-direction: row;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: space-around;
          color: #f16521; }
          section.section.notificationsList .notification-content.file-upload .rating-container span.txt, section.section.notificationsList .notification-content.view-this .rating-container span.txt, section.section.notificationsList .notification-content.rating .rating-container span.txt, section.section.activitiesList .notification-content.file-upload .rating-container span.txt, section.section.activitiesList .notification-content.view-this .rating-container span.txt, section.section.activitiesList .notification-content.rating .rating-container span.txt {
            color: #333;
            font-size: 0.707rem;
            display: inline-block;
            margin: 15px 0 0;
            font-weight: 700; }
        section.section.notificationsList .notification-content.file-upload span.caption, section.section.notificationsList .notification-content.view-this span.caption, section.section.notificationsList .notification-content.rating span.caption, section.section.activitiesList .notification-content.file-upload span.caption, section.section.activitiesList .notification-content.view-this span.caption, section.section.activitiesList .notification-content.rating span.caption {
          font-size: 0.707rem;
          font-weight: 700;
          color: #535353; }
      section.section.notificationsList .notification-content.comment-attachments, section.section.notificationsList .notification-content .original-comment-content, section.section.activitiesList .notification-content.comment-attachments, section.section.activitiesList .notification-content .original-comment-content {
        padding-right: 60px; }
        section.section.notificationsList .notification-content.comment-attachments .attachments, section.section.notificationsList .notification-content .original-comment-content .attachments, section.section.activitiesList .notification-content.comment-attachments .attachments, section.section.activitiesList .notification-content .original-comment-content .attachments {
          display: -ms-flexbox;
          display: flex;
               display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: flex-start;
	-webkit-flex-wrap:wrap; 
          -ms-flex-direction: row;
              flex-direction: row;
          -ms-flex-align: start;
              align-items: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          section.section.notificationsList .notification-content.comment-attachments .attachments .attachment-item, section.section.notificationsList .notification-content .original-comment-content .attachments .attachment-item, section.section.activitiesList .notification-content.comment-attachments .attachments .attachment-item, section.section.activitiesList .notification-content .original-comment-content .attachments .attachment-item {
            width: 175px;
            margin-right: 15px;
            margin-bottom: 15px;
            display: -ms-flexbox;
            display: flex;
                 display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
	
            -ms-flex-direction: column;
                flex-direction: column;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: center;
                justify-content: center; }
            section.section.notificationsList .notification-content.comment-attachments .attachments .attachment-item:last-child, section.section.notificationsList .notification-content .original-comment-content .attachments .attachment-item:last-child, section.section.activitiesList .notification-content.comment-attachments .attachments .attachment-item:last-child, section.section.activitiesList .notification-content .original-comment-content .attachments .attachment-item:last-child {
              margin-right: 0; }
            section.section.notificationsList .notification-content.comment-attachments .attachments .attachment-item img, section.section.notificationsList .notification-content .original-comment-content .attachments .attachment-item img, section.section.activitiesList .notification-content.comment-attachments .attachments .attachment-item img, section.section.activitiesList .notification-content .original-comment-content .attachments .attachment-item img {
              max-width: 175px; }
            section.section.notificationsList .notification-content.comment-attachments .attachments .attachment-item span.caption, section.section.notificationsList .notification-content .original-comment-content .attachments .attachment-item span.caption, section.section.activitiesList .notification-content.comment-attachments .attachments .attachment-item span.caption, section.section.activitiesList .notification-content .original-comment-content .attachments .attachment-item span.caption {
              font-size: 0.707rem;
              font-weight: 700;
              color: #535353; }
    section.section.notificationsList .notification-details-actions, section.section.activitiesList .notification-details-actions {
      display: -ms-flexbox;
      display: flex;
           display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: flex-end;

      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: start;
          align-items: flex-start;
      -ms-flex-pack: end;
          justify-content: flex-end; }
      section.section.notificationsList .notification-details-actions a, section.section.activitiesList .notification-details-actions a {
        display: inline-block;
        color: inherit;
        margin-right: 15px; }
    section.section.notificationsList .notification-content, section.section.notificationsList .notification-details-actions, section.section.activitiesList .notification-content, section.section.activitiesList .notification-details-actions {
      width: 100%; }
  section.section.social-settings .socialTogglesContainer {
    margin-top: 0;
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
	
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    section.section.social-settings .socialTogglesContainer p, section.section.social-settings .socialTogglesContainer span.toggleLabel {
      color: #535353; }
    section.section.social-settings .socialTogglesContainer .socialTogglesWrapper {
      display: -ms-flexbox;
      display: flex;
           display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: space-around;
	
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: start;
          align-items: flex-start;
      -ms-flex-pack: center;
          justify-content: space-around; }
      section.section.social-settings .socialTogglesContainer .socialTogglesWrapper .socialToggle {
        display: -ms-flexbox;
        display: flex;
             display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: center;

        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        padding: 25px;
        margin: 25px;
        width: 150px; }
        section.section.social-settings .socialTogglesContainer .socialTogglesWrapper .socialToggle span[class^="icon-"] {
          font-size: 1.3rem; }
        section.section.social-settings .socialTogglesContainer .socialTogglesWrapper .socialToggle > * {
          margin-bottom: 15px; }
        section.section.social-settings .socialTogglesContainer .socialTogglesWrapper .socialToggle .social-profile {
          margin: 25px auto;
          display: -ms-flexbox;
          display: flex;
               display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: flex-start;
	
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: start;
              justify-content: flex-start; }
          section.section.social-settings .socialTogglesContainer .socialTogglesWrapper .socialToggle .social-profile .avatar {
            height: 75px;
            line-height: 75px;
            width: 75px;
            border-radius: 75px;
            background: #f7f7f7; }
          section.section.social-settings .socialTogglesContainer .socialTogglesWrapper .socialToggle .social-profile .username {
            font-size: 0.707rem;
            text-align: center; }
  section.section.section-memberModule .card__memberModule p {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis; }
  section.section.post-content form.form-wide {
    max-width: none; }

@media (max-width: 797px) {
    section.section-breadcrumb {
      margin-left: 0;
      margin-right: 0; }
  section.section.social-settings {
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
	
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    section.section.social-settings div.account-settings-menu {
      -ms-flex-order: 2;
          order: 2;
          -webkit-flex-order:2;
      width: 100%;
      background: #f7f7f7;
      border-radius: 3px; }
      section.section.social-settings div.account-settings-menu .activity-menu a.menu-item {
        color: #535353; }
        section.section.social-settings div.account-settings-menu .activity-menu a.menu-item.active {
          color: #f16521; }
    section.section.social-settings div.socialTogglesContainer {
      -ms-flex-order: 1;
          order: 1; 
          -webkit-flex-order:1}
    section.section.social-settings .socialTogglesContainer .socialTogglesWrapper {
      display: -ms-flexbox;
      display: flex;
           display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
	
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      width: 100%; }
      section.section.social-settings .socialTogglesContainer .socialTogglesWrapper .socialToggle {
        margin: 15px 0;
        padding: 15px 0;
        width: 100%;
        border-bottom: 1px solid #eee; }
        section.section.social-settings .socialTogglesContainer .socialTogglesWrapper .socialToggle:last-child {
          border: none; } }

@media (max-width: 979px) {
  section.section.section-breadcrumb .container {
    padding: 10px 0;
    font-size: 14px; }
  section.section.section-breadcrumb .dropdownContainer span {
    display: none; }
  section.section.section-body > .container {
    background: #fff; }
    section.section.section-body > .container > .container {
      width: 100%; }
  section.section.profileQuestions {
    margin-bottom: 0; }
    section.section.profileQuestions .container {
      margin-top: 0; }
  section.section.section-newSupportMessage, section.section.section-supportThread {
    margin: 0;
    width: 100%; }
    section.section.section-newSupportMessage > .container, section.section.section-supportThread > .container {
      width: 100%;
      padding: 25px;
      max-width: none; }
  section.section.section-supportThread .supportMessage .messageDetails {
    display: block;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: flex-start;
	
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: start;
        justify-content: flex-start; }
    section.section.section-supportThread .supportMessage .messageDetails > div {
      display: -ms-flexbox;
      display: flex;
           display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: space-between;
	
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: start;
          align-items: flex-start;
      -ms-flex-pack: justify;
          justify-content: space-between; }
    section.section.section-supportThread .supportMessage .messageDetails div {
      margin-left: 0; }
  section.section.section-supportThread .supportMessage .message p:last-child {
    margin-bottom: 0; }
  section.section.section-rewardDetail .rewardDetailContainer {
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
	
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    section.section.section-rewardDetail .rewardDetailContainer .rewardMedia {
      width: 100%;
      min-width: 100%;
      padding: 0;
      display: -ms-flexbox;
      display: flex;
           display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
	-webkit-flex-wrap:wrap; 
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
      section.section.section-rewardDetail .rewardDetailContainer .rewardMedia img {
        max-height: 200px; }
    section.section.section-rewardDetail .rewardDetailContainer .rewardDetails {
      width: 100%;
      padding: 0; }
  section.section.section-settings {
    margin: 0; }
    section.section.section-settings .member-information > p {
      text-align: center; }
    section.section.section-settings .member-information .form-container {
      max-width: 300px;
      margin: 0 auto; }
      section.section.section-settings .member-information .form-container .form-group {
        width: 100%;
        max-width: 300px;
        margin: 25px auto; }
        section.section.section-settings .member-information .form-container .form-group label {
          display: block; }
    section.section.section-settings .member-information .form-buttons {
      width: 100%;
      margin: 0 auto; }
      section.section.section-settings .member-information .form-buttons button.btn, section.section.section-settings .member-information .form-buttons a.btn {
        width: 100%;
        margin-bottom: 25px; }
      section.section.section-settings .member-information .form-buttons .btn + .btn {
        margin-left: 0; }
  section.section.section-signup-form .terms .description {
    font-size: 1em; }
  section.section.section-signup-form .terms .action label {
    font-size: 1.3rem; }
  section.section.section-signup-form > .container {
    margin: 0 auto;
    width: 100%; }
  section.section.section-signup-form .member-information {
    max-width: none;
    margin-top: 0; }
    section.section.section-signup-form .member-information form .form-container {
      max-width: none;
      padding:10px; }
      section.section.section-signup-form .member-information form .form-container .form-group {
        max-width: none; }
        section.section.section-signup-form .member-information form .form-container .form-group label {
          font-size: 1.3rem;
          line-height: 2em; }
        section.section.section-signup-form .member-information form .form-container .form-group input, section.section.section-signup-form .member-information form .form-container .form-group select {
          font-size: 1.3rem;
          height: 60px;
          width: 100%; }
        section.section.section-signup-form .member-information form .form-container .form-group input[type='checkbox'] {
          width: auto; }
        section.section.section-signup-form .member-information form .form-container .form-group span.subtext {
          font-size: 1em; }
  section.section.notificationsList .notification-item, section.section.activitiesList .notification-item {
    padding: 15px; }
  section.section.section-memberModule {
    margin: 0; }
    section.section.section-memberModule > .container {
      padding: 15px;
      width: 100%;
      max-width: none;
      margin: 0 auto; }
    section.section.section-memberModule .card-container {
      width: auto;
      margin: 0 auto; }
  section.section.post-content {
    max-width: none;
    margin: 0; }
    section.section.post-content > .container {
      width: 100%;
      padding: 25px; } }

@media (max-width: 480px) {
  section.section.section-cards {
    padding: 0px;
    margin:0px; } }

@media (min-width: 980px) {
  section.section.section-signup-form {
    margin-top: 25px; }
    section.section.section-signup-form > .container {
      border-radius: 0; }
  section.section.section-supportThread {
    margin-top: 25px; }
  section.section.section-body > .container {
    background: #fff;
    padding: 25px; }
    section.section.section-body > .container > .container {
      width: 100%; }
  section.section.section-memberModule > .container {
    width: 990px; } }
 section.section.section-memberModule > .container {
    overflow: hidden;
    word-break: break-word; }
body {
  min-height: 100%;
  display: -ms-flexbox;
  display: flex;
       display:-webkit-flex;
	 -webkit-flex-direction:column;

  -ms-flex-direction: column;
      flex-direction: column; }

.page-wrapper {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 0 0 20px;
  -webkit-flex:1 1 auto;
  min-height:800px; }

.inline-avatar {
  display: inline-block; }
  .inline-avatar img {
    width: 20px;
    height: 20px; }

body.demobg {
  background-size: cover; }

body.page-login {
  display: -ms-flexbox;
  display: flex;
       display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: flex-start;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  width: 100%; }

.login-container {
  max-width: 979px;
  padding: 25px;
  margin: 25px;
  display: -ms-flexbox;
  display: flex;
       display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
      background-color:#fff; }
      .login-container.no-background{
      background:transparent;
      } 

.login-header {
  display: -ms-flexbox;
  display: flex;
       display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: space-around;
	-webkit-flex:0 0 auto;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: space-around;
      background-color: #fff;
  margin:0px 0px 0px 0px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto; }

  .login-header .community-logo { 
    min-width: 300px;
    display: -ms-flexbox;
         display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
  .login-header .community-info {
    padding: 0px 0px 0px 15px; 
    max-width: 555px; }
    .login-header .community-info .title {
      width: 100%;
          word-break: break-word;
       text-align:center }
           .login-header .community-info .descr {
      width: 100%;
          word-break: break-word; }

.login-body {
  display: -ms-flexbox;
  display: flex;
       display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: space-around;
	
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: center;
      justify-content: space-around;
      background-color:#fff;
       }
  .login-body .media {
    margin-right: 25px;
    max-width: 555px;
    overflow: hidden;

        text-align:center;
         }
    .login-body .media img {
      max-width: 100%; 
      flex-shrink:1;
      flex-grow:0;
      margin-top:20px;
      }

.login-form-container {
  display: -ms-flexbox;
  display: flex;
       display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: center;

  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  min-width: 300px;
      padding-bottom: 25px; }
  .login-form-container h1 {
    margin: 25px auto; }
  .login-form-container a {
    display: block; }
  .login-form-container form {
    width: 100%;
    margin: 0 auto; }
    .login-form-container form span.error {
      width: 100%;
      max-width: 300px; }
    .login-form-container form .form-group {
      margin-bottom: 20px; }
    .login-form-container form input, .login-form-container form label {
      margin-top: 10px;
      margin-bottom: 10px;
      width: 100%; }
    .login-form-container form input[type='checkbox'] {
      height: auto;
      margin: 10px;
      margin-left: 0;
      width: auto;
      display: inline-block; }
    .login-form-container form label[label-for='checkbox'] {
      font-size: 0.813rem;
      text-align: left; }
  .login-form-container a.forgot-password {
    color: inherit;
    font-size: 0.813rem;
    margin: 20px auto;
    display: block;
    font-weight: 400; }
    .login-form-container a.forgot-password:hover {
      color: #2196F3; }
  .login-form-container .or-divider {
    margin: 25px auto; }
    .login-container .footer__community{
    	text-align:center;
    }
     .login-container .footer__community img{
    	max-height:70px;
    	width:auto;
    	max-width:100%;
    }
  .login-form-container .social-login {
    width: 100%; }
    .login-form-container .social-login p {
      font-weight: 300;
      text-transform: uppercase;
      color: #535353;
      text-align: center;
      width: 100%;
      padding: 5px 0;
      border-top: 1px solid #f7f7f7;
      border-bottom: 1px solid #f7f7f7;
      margin: 15px 0; }
    .login-form-container .social-login .social-buttons {
      display: -ms-flexbox;
      display: flex;
           display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      padding: 15px 0; }
      .login-form-container .social-login .social-buttons a {
        transition: all 0.1s ease-in-out;
        height: 50px;
        width: 50px; }
        .login-form-container .social-login .social-buttons a .btn-icon {
          display: inline-block;
          width: 50px;
          height: 50px;
          display: -ms-flexbox;
          display: flex;
               display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
	-webkit-flex-wrap:wrap; 
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center;
          font-size: 24px; }
      .login-form-container .social-login .social-buttons a:hover {
        z-index: 2;
        -webkit-transform: scale(1.2);
                transform: scale(1.2); }
  .login-form-container a.btn + .social-login {
    margin-top: 25px; }
  .login-form-container .app-download-links {
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: space-around;
	-webkit-flex-wrap:wrap; 
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: space-around;
    width: 100%;
    max-width: 300px;
    margin: 25px auto; }
    .login-form-container .app-download-links .app-download {
      display: inline-block;
      text-indent: -9999px; }
      .login-form-container .app-download-links .app-download.app-store {
        height: 40px;}
      .login-form-container .app-download-links .app-download.google-play {
        height: 40px;}
      .app-download.app-store {
        display: inline-block;
      	text-indent: -9999px;
        height: 40px;}
      .app-download.google-play {
        display: inline-block;
      	text-indent: -9999px;
        height: 40px; }
.app-download-links{
	text-align:center;
}
--with-media > div {
  display: -ms-flexbox;
  display: flex;
       display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: space-between;
	
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between; }

--with-media .media {
  width: 60%;
  float: left;
  margin: 0 45px; }
  --with-media .media h1 {
    margin-top: 0; }
  --with-media .media.light * {
    color: #fff; }

@media (max-width: 979px) {
  body.page-login {
    height: auto; }
    body.page-login .modal {
      width: 100%;
      height: 100%;
      left: 0;
      top: 0 !important;
      margin: 0;
      border-radius: 0;
      font-size: 1.3rem; }
      body.page-login .modal .form-container .form-group {
        width: 100%; }
        body.page-login .modal .form-container .form-group label, body.page-login .modal .form-container .form-group input {
          font-size: 1.3rem; }
        body.page-login .modal .form-container .form-group input {
          height: 60px;
          line-height: 60px; }
      body.page-login .modal .form-buttons {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
             display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: space-between;
	
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-align: start;
            align-items: flex-start;
        -ms-flex-pack: justify;
            justify-content: space-between; }
        body.page-login .modal .form-buttons .btn {
          width: 45%; }
  .login-container {
    width: auto;
    border-radius: 0;
    margin: 10px;
    min-height: 100%;
    width: calc(100% - 20px) !important; }
    footer {
 	 width: 100% !important;
  	margin: 15px 0px 10px 0px !important; }
	section.section-body.section-memberModule,section.section-body.post-content {
		padding:10px;
	}   
	.container .card.featured .card__desc{
		max-width:90% !important;
	}
    .login-container .login-header, .login-container .login-body {
      display: -ms-flexbox;
      display: flex;
           display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: space-between;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between;
      padding: 0; }
    .login-container .login-header div + div {
      margin-left: 0; }
    .login-container .login-header .community-info {
      text-align: center;
      padding: 15px 0; }
    .login-container .login-body .login-form-container {
      -ms-flex-order: 1;
          order: 1;
          -webkit-flex-order:1 }
    .login-container .login-body .media {
      -ms-flex-order: 2;
          order: 2;
               display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
	-webkit-flex-order:2; 
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      margin-right: 0; } }

@media (max-width: 480px) {
  .comment-container .comment-text .attachments .attachment-item a {
    height: 40px; } }

.special-notification {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  padding: 25px;
  z-index: 9999999;
  background: #fff;
  border-bottom: 2px dotted #888; }
  .special-notification.hide {
    display: none; }
  .special-notification .closeNotification {
    position: absolute;
    right: 25px;
    top: 25px; }

.btn {
  display: inline-block;
  padding: 10px 21px;
  font-size: 13px;
  letter-spacing: 0.5px;
  border-radius:2px;
  box-shadow:0 0 2px 0 rgba(0,0,0,0.14), 0 2px 2px 0 rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.20);
  min-width:140px;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
  cursor: pointer;
  transition-duration: 0.2s; }
.btn:hover,.btn:focus {
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14), 0 3px 4px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.20);
  
}
.btn:active {
  box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.20);
}
.btn:disabled,.btn.disabled{
	box-shadow:none;
	opacity:.5;
}

.btn-primary {
  background-color: #333333;
  color: #ffffff;
}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus {
  color:#fff !important;
}
   
.btn-secondary,.btn-secondary:active,.btn-secondary:focus{
  background-color: #ffffff;
  color: #333333 !important;
}
.btn-secondary:hover {
  color:#333 !important;
}

.btn-sm {
  padding: 3px 10px;
  font-size: 10px;
  color:#333;
  min-width:100px;
}

.btn-full {
  width: 100%;
  max-width: 300px; }

.btn + .btn {
  margin-left: 10px; }

.btn-orange {
  background: #f16521;
  color: #fff;
  border-color: #f16521; }

.badge {
  display: inline-block;
  font-size: 0.813rem;
  padding: 2px 7px;
  border-radius: 3px;
  font-weight: 700;
  background-color: #eee;
  color: #888888;
  cursor: default; }

.badge.new {
  background-color: rgba(17, 105, 175, 0.74);
  color: #fff;
  position: absolute;
  top: 4px;
  right: 10px; }

.badge.completed {
  background-color: #fff;
  color: #bebebe;
  text-transform: uppercase; }

.badge.live {
  background-color: rgba(243, 30, 30, 0.69);
  color: #fff;
  position: absolute;
  top: 4px;
  right: 10px; }

.badge.survey-completed {
  background-color: rgba(46, 179, 88, 0.7);
  color: #fff;
  position: absolute;
  top: 4px;
  right: 10px; }

.badge-sm {
  font-size: 0.55rem; }

.btn-mod {
  color: #1aadbc;
  border-color: #1aadbc; }
  .btn-mod:hover {
    background: #1aadbc;
    border-color: #1aadbc; }

.btn-social {
  display: inline-block;
  height: 50px;
  width: 50px;
  background: url("../img/social-login.png") no-repeat top left/200px 50px; }
  .btn-social.facebook {
    background-position-x: 0; }
  .btn-social.twitter {
    background-position-x: -50px; }
  .btn-social.google {
    background-position-x: -100px; }
  .btn-social.linkedin {
    background-position-x: -151px; }

.btn-applied {
  color: #bebebe; }
  .btn-applied:hover {
    color: #333;
    border-color: #eee;
    background: #eee; }

.circle-button {
  display: block;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: #fff;
  color: #333;
  border: 1px solid #333;
  font-size: 1.5em;
  font-weight: normal;
  transition: none;
  text-align: center;
  font-size: 18px;
  display: -ms-flexbox;
  display: flex;
       display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: space-around;
	
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: space-around;
  z-index: 8; }
  .circle-button:hover {
    color: #fff;
    background-color: #333;
    border: 1px solid transparent; }
  .circle-button.circle-button-applied, .circle-button.circle-button-applied:hover {
    color: #bebebe;
    border: 1px solid #bebebe;
    background: #fff; }
  .circle-button.circle-button-applied:hover {
    color: #333;
    border: 1px solid #333; }

.circle-button-sm {
  font-size: 0.707rem;
  height: 25px;
  width: 25px;
  border: 1px solid #eee;
  color: #535353;
  -ms-flex-negative: 0;
      flex-shrink: 0;
      -webkit-flex-shrink:0 }
  .circle-button-sm.like:hover, .circle-button-sm.like.liked, .circle-button-sm.like.flagged, .circle-button-sm.flag:hover, .circle-button-sm.flag.liked, .circle-button-sm.flag.flagged,
  .circle-button.like:hover, .circle-button.like.liked, .circle-button.like.flagged, .circle-button.flag:hover, .circle-button.flag.liked, .circle-button.flag.flagged {
    background: #F61212;
    color: #fff;
    border-color: #F61212; }
  .circle-button-sm.facebook:hover,.circle-button.facebook:hover {
    background: #3b5998;
    color: #fff;
    border-color: #3b5998; }
  .circle-button-sm.twitter:hover,.circle-button.twitter:hover {
    background: #0084b4;
    color: #fff;
    border-color: #0084b4; }
  .circle-button-sm.gplus:hover,.circle-button.gplus:hover {
    background: #d34836;
    color: #fff;
    border-color: #d34836; }
  .circle-button-sm.linkedin:hover,.circle-button.linkedin:hover {
    background: #0077B5;
    color: #fff;
    border-color: #0077B5; }

.icon-facebook {
  color: #3b5998; }

.btn-icon-facebook {
  color: #fff;
  background: #3b5998; }

.icon-twitter {
  color: #0084b4; }

.btn-icon-twitter {
  color: #fff;
  background: #0084b4; }

.icon-linkedin {
  color: #0077B5; }

.btn-icon-linkedin {
  color: #fff;
  background: #0077B5; }

select {
  border-radius: 4px;
  border: 1px solid #bebebe;
  height: 40px;
  font-size: 0.813rem;
  padding: 0.25rem 0.5rem;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  display: inline-block; }

textarea {
  border-radius: 4px;
  border: 1px solid #bebebe;
  height: 40px;
  font-size: 0.813rem;
  padding: 0.25rem 0.5rem;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  height: 120px; }

input {
  border-radius: 4px;
  border: 1px solid #bebebe;
  height: 40px;
  font-size: 0.813rem;
  padding: 0.25rem 0.5rem;
  font-family: "Roboto", Helvetica, Arial, sans-serif; }

.dropdownContainer span {
  margin: 0px; }

form.form-wide {
  margin: 0 auto;
  width: 100%;
  max-width: 600px; }
  form.form-wide .form-group, form.form-wide .form-buttons, form.form-wide .row {
    margin-bottom: 10px; }
    form.form-wide .form-group input, form.form-wide .form-group select, form.form-wide .form-group textarea, form.form-wide .form-group label, form.form-wide .form-buttons input, form.form-wide .form-buttons select, form.form-wide .form-buttons textarea, form.form-wide .form-buttons label, form.form-wide .row input, form.form-wide .row select, form.form-wide .row textarea, form.form-wide .row label {
      width: 100%; }
  form.form-wide .row {
    margin-bottom: 25px; }

form {
  border: none;
  margin: 0;
  padding: 0; }
  form > * {
    margin: 0.5rem 0; }
  form .errors {
    padding: 15px;
    width: 100%;
    background-color: #F75C5C;
    color: #333; }
  form table td {
    padding: 10px;
    text-align: center; }
    form table td:first-child {
      padding-left: 0; }
    form table td input {
      margin: 0 auto;
      padding: 0; }
  form input, form select, form textarea, form form {
    border-radius: 4px;
    border: 1px solid #bebebe;
    height: 40px;
    font-size: 0.813rem;
    padding: 0.25rem 0.5rem;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    width: 300px;
    display: block;
    transition: all 0.3s ease-in-out; }
  form textarea {
    height: 200px; }
  form input[type='radio'], form input[type='checkbox'] {
    height: auto;
    width: auto;
    display: inline-block; }
  form input[type=text]:focus, form textarea:focus {
    box-shadow: 0 0 5px #1aadbc;
    border: 1px solid #1aadbc; }
  form small {
    display: block; }
  form .form-buttons button {
    margin-right: 1.2em; }

/* Material Toggle */
.form-group.toggle {
  display: block;
  margin-left: -40px; }

.form-group.toggle input[type="checkbox"] {
  display: none; }

.form-group.toggle label {
  cursor: pointer;
  height: 0;
  position: relative;
  width: 40px; }

.form-group.toggle > label::before {
  background: black;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  content: '';
  height: 16px;
  margin-top: -8px;
  position: absolute;
  opacity: 0.3;
  transition: all 0.4s ease-in-out;
  width: 40px; }

.form-group.toggle > label::after {
  background: white;
  border-radius: 16px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  content: '';
  height: 24px;
  left: -4px;
  margin-top: -8px;
  position: absolute;
  top: -4px;
  transition: all 0.3s ease-in-out;
  width: 24px; }

.form-group.toggle > input[type="checkbox"]:checked + label ::before {
  background: inherit;
  opacity: 0.5; }

.form-group.toggle > input[type="checkbox"]:checked + label::after {
  background: inherit;
  left: 20px; }

.form-group.toggle > label {
  background-color: #2196F3; }

form.full-width-survey {
  margin-bottom: 70px; }
  form.full-width-survey label {
    margin-bottom: 10px; }
  form.full-width-survey .survey-question-grid {
    overflow-x: auto;
    overflow-y: hidden; }

.form-container {
  margin: 0; }

@media (max-width: 768px) {
  form.full-width-survey input, form.full-width-survey textarea, form.full-width-survey select {
    width: 100%; } }

.container {
  margin:0px auto !important;
  padding:10px; }
  .container p{
  	padding:10px;
  }
  .container:after {
    content: "";
    display: table;
    clear: both; }
  .container .card {
    width: 300px;
    margin-bottom: 20px;
    float: left;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    position: relative; }
    .container .card a {
      color: inherit; }
    .container .card .defaultCover {
      display: block;
      height: 168px;
      width: 100%;
      text-align: center;
      line-height: 195px;
      background: #262626;
      font-size: 18px;
      font-weight: 300;
      color: #fff;
      background-image: linear-gradient(-149deg, #2E2E2E 0%, #423737 51%, #4e4e4e 93%);
      text-transform: uppercase;
      letter-spacing: 1px; }
    .container .card::after {
      content: '';
      position: absolute;
      z-index: -1;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      opacity: 0;
      border-radius: 3px;
      box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16);
      transition: opacity 0.3s ease-in-out; }
    .container .card:hover::after {
      opacity: 1; }
    .container .card.featured {
      width: 620px;
      max-height:540px;
      overflow:hidden }
    .container .card.h2 {
      height: 230px; }
    .container .card__container {
      width: 100%;
      display: -ms-flexbox;
      display: flex;
           display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: space-between;
	
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: start;
          align-items: flex-start;
      -ms-flex-pack: justify;
          justify-content: space-between; }
    .container .card__container > div:first-child {
      margin-top: 1em; }
    .container .card__container > .card__media:first-child {
      margin-top: 0; }
    .container .card__media {
      width: 100%;
      position: relative;
      height: 100%; }
      .container .card__media:after {
        content: "";
        display: table;
        clear: both; }
      .container .card__media img {
        width: 100%; }
      .container .card__media--feature {
        background-position-y: 0;
        background-position-x: 0;
        background-repeat: no-repeat;
        background-size: cover;
        height: 345px;
  		overflow: hidden;
    	max-height: 345px;
    	width: 620px;
    	max-width: 620px;
         }
        .container .card__media--feature a {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          text-indent: -99999px; }
    .container .card .tags-wrapper {
      width: 100%; }
    .container .card__row {
      display: block;
      padding: 10px 15px;
      width: 100%; }
      .container .card__row.avatar {
        display: -ms-flexbox;
        display: flex;
             display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: space-between;
	
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-align: start;
            align-items: flex-start;
        -ms-flex-pack: justify;
            justify-content: space-between;
        margin: 0;
        -ms-flex-align: center;
            align-items: center; }
        .container .card__row.avatar .avatar {
          margin: 0; }
      .container .card__row.tags {
        display: block;
        padding: 0px 15px; }
        .container .card__row.tags .badge {
          line-height: 22px;
          float: right;
          padding: 3px 5px;
          border: 1px solid transparent;
          border-radius: 3px;
          margin: 3px 3px 3px 10px; }
      .container .card__row.topics {
        padding-top: 0;
        margin-top: 0; }
      .container .card__row.modmsg {
        display: -ms-flexbox;
        display: flex;
             display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: space-between;
	
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: justify;
            justify-content: space-between; }
      .container .card__row.modmsg span {
        padding-left: 15px;
        color: #bebebe;
        font-size: 0.813rem;
        font-weight: 700; }
      .container .card__row.title {
        padding: 10px 15px;
        display: -ms-flexbox;
        display: flex;
             display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: flex-start;
	
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: start;
            justify-content: flex-start; }
        .container .card__row.title span {
          margin-bottom: 0; }
      .container .card__row.details {
        padding-top: 0; }
      .container .card__row.actions {
        display: -ms-flexbox;
        display: flex;
             display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: space-between;
	
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-align: start;
            align-items: flex-start;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-align: center;
            align-items: center;
        padding-bottom: 15px;
       }
       .user-content-module-action-row{
	 -webkit-flex-direction:column !important;
	
        -ms-flex-direction: column !important;
            flex-direction: column !important;
        
        -ms-flex-align: left !important;
            align-items: left !important;
             align-items: flex-start !important;
            -webkit-align-items: left !important;
            
        padding: 5px 15px !important;
       }
       .user-content-module-action-row a{
       		padding:5px 0px;
       } 
        .required-height-to-show-rewards{
        	width:1px;
        	height:88px;
        }
        .required-height-to-show-rewards{
        	width:1px;
        	height:30px;
        }
        .container .card__row.actions div {
          float: left;
          margin-right: 10px; }
        .container .card__row.actions .metrics .comments, .container .card__row.actions .metrics .likes, .container .card__row.actions .metrics .views,
        .container .card__row.actions .metrics .surveys, .container .card__row.actions .metrics .attachments, .container .card__row.actions .metrics .chats,
        .container .card__row.actions .metrics .rewards, .container .card__row.actions .metrics .ratings, .container .card__row.actions .metrics .content,
        .container .card__row.actions .metrics .followers, .container .card__row.actions .metrics .live-chat-attendees {
          display: -ms-flexbox;
          display: flex;
               display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
	
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center; }
          .container .card__row.actions .metrics .comments i, .container .card__row.actions .metrics .likes i, .container .card__row.actions .metrics .views i,
          .container .card__row.actions .metrics .surveys i, .container .card__row.actions .metrics .attachments i, .container .card__row.actions .metrics .chats i,
          .container .card__row.actions .metrics .rewards i, .container .card__row.actions .metrics .ratings i, .container .card__row.actions .metrics .content i,
          .container .card__row.actions .metrics .followers i, .container .card__row.actions .metrics .live-chat-attendees i {
            padding: 5px; }
          .container .card__row.actions .metrics .comments span.count, .container .card__row.actions .metrics .comments .icon, .container .card__row.actions .metrics .comments .fa, .container .card__row.actions .metrics .likes span.count, .container .card__row.actions .metrics .likes .icon, .container .card__row.actions .metrics .likes .fa, .container .card__row.actions .metrics .views span.count, .container .card__row.actions .metrics .views .icon, .container .card__row.actions .metrics .views .fa,
          .container .card__row.actions .metrics .surveys span.count,
          .container .card__row.actions .metrics .surveys .icon,
          .container .card__row.actions .metrics .surveys .fa, .container .card__row.actions .metrics .attachments span.count, .container .card__row.actions .metrics .attachments .icon, .container .card__row.actions .metrics .attachments .fa, .container .card__row.actions .metrics .chats span.count, .container .card__row.actions .metrics .chats .icon, .container .card__row.actions .metrics .chats .fa,
          .container .card__row.actions .metrics .rewards span.count,
          .container .card__row.actions .metrics .rewards .icon,
          .container .card__row.actions .metrics .rewards .fa, .container .card__row.actions .metrics .ratings span.count, .container .card__row.actions .metrics .ratings .icon, .container .card__row.actions .metrics .ratings .fa, .container .card__row.actions .metrics .content span.count, .container .card__row.actions .metrics .content .icon, .container .card__row.actions .metrics .content .fa,
          .container .card__row.actions .metrics .followers span.count,
          .container .card__row.actions .metrics .followers .icon,
          .container .card__row.actions .metrics .followers .fa, .container .card__row.actions .metrics .live-chat-attendees span.count, .container .card__row.actions .metrics .live-chat-attendees .icon, .container .card__row.actions .metrics .live-chat-attendees .fa {
            color: #535353;
            font-size: 0.707rem; }
          .container .card__row.actions .metrics .comments .icon, .container .card__row.actions .metrics .likes .icon, .container .card__row.actions .metrics .views .icon,
          .container .card__row.actions .metrics .surveys .icon, .container .card__row.actions .metrics .attachments .icon, .container .card__row.actions .metrics .chats .icon,
          .container .card__row.actions .metrics .rewards .icon, .container .card__row.actions .metrics .ratings .icon, .container .card__row.actions .metrics .content .icon,
          .container .card__row.actions .metrics .followers .icon, .container .card__row.actions .metrics .live-chat-attendees .icon {
            font-size: 0.813rem; }
            .container .card__row.actions .metrics .comments .icon .fa, .container .card__row.actions .metrics .likes .icon .fa, .container .card__row.actions .metrics .views .icon .fa,
            .container .card__row.actions .metrics .surveys .icon .fa, .container .card__row.actions .metrics .attachments .icon .fa, .container .card__row.actions .metrics .chats .icon .fa,
            .container .card__row.actions .metrics .rewards .icon .fa, .container .card__row.actions .metrics .ratings .icon .fa, .container .card__row.actions .metrics .content .icon .fa,
            .container .card__row.actions .metrics .followers .icon .fa, .container .card__row.actions .metrics .live-chat-attendees .icon .fa {
              position: absolute;
              width: 10px;
              height: 10px;
              border-radius: 50%;
              top: -5px;
              right: -3px;
              font-size: 14px;
              padding: 0;
              background-color: #fff; }
            .container .card__row.actions .metrics .comments .icon .new, .container .card__row.actions .metrics .likes .icon .new, .container .card__row.actions .metrics .views .icon .new,
            .container .card__row.actions .metrics .surveys .icon .new, .container .card__row.actions .metrics .attachments .icon .new, .container .card__row.actions .metrics .chats .icon .new,
            .container .card__row.actions .metrics .rewards .icon .new, .container .card__row.actions .metrics .ratings .icon .new, .container .card__row.actions .metrics .content .icon .new,
            .container .card__row.actions .metrics .followers .icon .new, .container .card__row.actions .metrics .live-chat-attendees .icon .new {
              color: #F61212; }
            .container .card__row.actions .metrics .comments .icon .completed, .container .card__row.actions .metrics .likes .icon .completed, .container .card__row.actions .metrics .views .icon .completed,
            .container .card__row.actions .metrics .surveys .icon .completed, .container .card__row.actions .metrics .attachments .icon .completed, .container .card__row.actions .metrics .chats .icon .completed,
            .container .card__row.actions .metrics .rewards .icon .completed, .container .card__row.actions .metrics .ratings .icon .completed, .container .card__row.actions .metrics .content .icon .completed,
            .container .card__row.actions .metrics .followers .icon .completed, .container .card__row.actions .metrics .live-chat-attendees .icon .completed {
              color: #6eb383; }
          .container .card__row.actions .metrics .comments span.count, .container .card__row.actions .metrics .likes span.count, .container .card__row.actions .metrics .views span.count,
          .container .card__row.actions .metrics .surveys span.count, .container .card__row.actions .metrics .attachments span.count, .container .card__row.actions .metrics .chats span.count,
          .container .card__row.actions .metrics .rewards span.count, .container .card__row.actions .metrics .ratings span.count, .container .card__row.actions .metrics .content span.count,
          .container .card__row.actions .metrics .followers span.count, .container .card__row.actions .metrics .live-chat-attendees span.count {
            padding-bottom: 5px; }
    .container .card__row.member-details, .container .card__row.member-actions {
      display: -ms-flexbox;
      display: flex;
           display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: space-around;

      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: space-around; }
      .container .card__row.member-details div:last-child, .container .card__row.member-actions div:last-child {
        margin-right: 0; }
    .container .card__tag {
      margin-right: 10px; }
      .container .card__tag:last-child {
        margin-right: 0; }
    .container .card__tag a {
      font-size: 0.707rem;
      display: inline-block;
      line-height: 22px;
      color: #bebebe;
      font-weight: 400;
      letter-spacing: 1px;
      margin: 0;
      padding: 0;
      max-width: 120px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      border: none; }
      .container .card__tag a:hover {
        color: #2196F3;
        border: none; }
    .container .card__topics {
      font-size: 0.813rem;
      display: inline-block;
      line-height: 22px;
      color: #bebebe;
      font-weight: 700;
      margin-right: 15px; }
    .container .card__title {
      font-size: 1.1em;
      font-weight: 700;
      margin-bottom: 0.4em;
      display: block;
      white-space: normal;
      max-width: 100%; }
      .container .card__title a {
        color: inherit; }
    .container .card__comment-user {
      font-size: 0.813rem; }
    .container .card__date-published {
      font-size: 0.813rem;
      color: #bebebe;
      display:none !important;
       }
    .container .card .category {
      padding-bottom: 0;
      border: none;
      letter-spacing: 1px;
      font-size: 0.813rem;
      color: #bebebe;
      width: 100%;
      white-space: nowrap;
      word-break: break-all;
      overflow: hidden;
      text-overflow: ellipsis;
      display: block; }
      .container .card .category a {
        color: inherit;
        width: 100%;
        display: block;
        white-space: nowrap;
        word-break: break-all;
        overflow: hidden;
        text-overflow: ellipsis; }
    .container .card .date-cat {
      display: -ms-flexbox;
           display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: space-around;
	
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between; }
    .container .card__desc {
      font-size: 0.813em;
      margin: 0; }
    .container .card__memberModule {
      font-size: 0.707rem;
      padding: 10px;
      border-top: 1px solid #f7f7f7; }
      .container .card__memberModule__moduleItem {
        background: #fff;
        padding: 10px;
        margin-bottom: 10px;
        border-radius: 3px;
        border-bottom: 1px solid #f7f7f7;
        max-width:100%; }
        .container .card__memberModule__moduleItem .user-info {
          display: -ms-flexbox;
          display: flex;
               display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: flex-start;
	-webkit-justify-content:space-between;
	
          -ms-flex-direction: row;
              flex-direction: row;
          -ms-flex-align: start;
              align-items: flex-start;
          -ms-flex-pack: justify;
              justify-content: space-between; }
          .container .card__memberModule__moduleItem .user-info .user img {
            height: 25px;
            width: 25px;
            float: left;
            margin-right: 15px; }
          .container .card__memberModule__moduleItem .user-info .user a {
            line-height: 25px; }
        .container .card__memberModule__moduleItem span.title {
          display: block;
          margin: 0.7em 0;
          word-break: break-all; }
        .container .card__memberModule__moduleItem .actions {
          padding-left: 0;
          padding-bottom: 0; }
        .container .card__memberModule__moduleItem:last-child {
          margin-bottom: 0; }
        .container .card__memberModule__moduleItem .row {
          display: -ms-flexbox;
          display: flex;
               display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: space-between;
	
          -ms-flex-direction: row;
              flex-direction: row;
          -ms-flex-align: start;
              align-items: flex-start;
          -ms-flex-pack: justify;
              justify-content: space-between; }
          .container .card__memberModule__moduleItem .row:first-child {
            margin-bottom: 10px; }
        .container .card__memberModule__moduleItem .title {
          font-weight: 700; }
        .container .card__memberModule__moduleItem .date {
          color: #bebebe; }
        .container .card__memberModule__moduleItem p {
          margin: 0;
          max-width: 250px;
          overflow: hidden;
          text-overflow: ellipsis; }
      .container .card__memberModule__moduleItem:last-child {
        border-bottom: none; }
    .container .card.featured .card__row.tags {
      padding: 5px 0px 5px 15px;
      height:62px; }
      .container .card.featured .card__row.details{
      	padding:0px 15px 0px 15px;
      	height:30px;
      }
     .container .card.featured .card__row{
     	padding:0px 15px;
     }
     .container .card.featured .card__desc{
     	padding:0px;
     	width:530px;
     	height:40px;
     	overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		text-overflow: -o-ellipsis-lastline;
		-webkit-box-orient: vertical;
		max-width: 100%;
      }
     .container .card.featured .tags-wrapper .card__featured{
     	height:32px;
     }
    .container .card.featured .card__memberModule {
      min-height: 330px;
      font-size: 0.813rem; }
      .container .card.featured .card__memberModule__moduleItem {
        min-height: 100px; }
  .container .card.card--comment .card__container > div:first-child {
    margin-top: 0; }
  .container .card.card--comment .member-details {
    border-bottom: 1px solid #f7f7f7;
    margin-bottom: 10px; }
  .container .card.card--attachment .card__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
         display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: space-around;
	
        align-items: flex-start;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .container .card.card--attachment .card__content-title {
    font-size: 0.813rem;
    margin: 0.5em 0 1em; }
  .container .card.card--member .card__title {
    font-weight: 300;
    font-size: 1em; }
  .container .card.card--member .card__desc {
    font-size: 0.875rem;
    color: #bebebe;
    font-style: italic; }
  .container .card.card--member .card__row {
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items:center;
	-webkit-justify-content: space-around;
	-webkit-flex-wrap:wrap; 
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .container .card.card--member .card__row.actions .metrics {
    margin-right: 0; }
  .container .card.card--member .card__row.actions .metrics > div:last-child {
    margin-right: 0; }
  .container a:hover > .card--member {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 1px 1px rgba(0, 0, 0, 0.14); }
  .container .card.mini-card .card__title {
    font-weight: 400;
    font-size: 0.875rem;
    margin-bottom: 0; }

.card.featured__row__date-published {
  float: right;
  font-size: 0.813rem;
  color: #bebebe; }

.card.featured ul {
  height: 100%; }

.card.featured ul > li {
  display: -ms-flexbox;
  display: flex;
       display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: flex-start;
	-webkit-justify-content:space-between;
	
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between; }

section.section.section-memberModule .card-container .card__memberModule {
  border-top: none; }

.details-wrapper {
  display: -ms-flexbox;
  display: flex;
       display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: space-around;
	
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-pack: distribute;
      justify-content: space-around; }

@media (max-width: 659px) {
  .container .card {
    width: 100%; }
    .container .card.featured {
      width: 100%; } }

.top {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background: #fff;
  width: 100%;
  border-bottom: 1px solid #eee;
  height: 110px;
  padding: 0 25px; }

/* non-mobile */
@media (min-width: 980px) {
  .top .container {
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: space-between;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    height: 110px !important;
    width: 100%; }
    .top .container:after {
      content: "";
      display: table;
      clear: both; }
    .top .container:after {
      content: none; }
    .top .container .toolbar, .top .container .toolbar div {
      height: 100%; }
  .top__communityLogo {
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
	
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    max-width: 300px;
   }
    .top__communityLogo img {
      max-height: 66px; }
  .top__communityLogo img {
    max-width: none; }
  .top .primary {
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: flex-start;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .top .mobile__notifications {
    display: none; }
  .top .toolbar {
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: flex-end;
	-webkit-justify-content: flex-end;
	
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .top__search {
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
	
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .top__search .screen-reader-text {
      height: auto;
      width: 1px;
      clip: rect(1px, 1px, 1px, 1px);
      height: 1px;
      overflow: hidden;
      position: absolute !important; }
    .top__search .screen-reader-text:hover, .top__search .screen-reader-text:active, .top__search .screen-reader-text:focus {
      height: auto;
      width: auto;
      border-radius: 2px;
      box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
      clip: auto !important;
      color: #333;
      display: block;
      font-size: 0.875rem;
      font-weight: 700;
      left: 0.3125rem;
      line-height: normal;
      padding: 0.9375rem 1.4375rem 0.875rem;
      text-decoration: none;
      top: 0.3125rem;
      z-index: 100000; }
    .top__search .search-form {
      display: inline-block;
      float: right;
      position: relative;
      width: 100%; }
    .top__search .search-field,
    .top__search .search-submit {
      height: 50px; }
    .top__search .search-field {
      position: absolute;
      right: 0;
      transition: all 0.5s ease-in-out;
      background-color: transparent;
      border: none;
      border-bottom: 1px solid rgba(255, 255, 255, 0.5);
      box-sizing: border-box;
      color: #333;
      cursor: pointer;
      font-size: 1.65rem;
      font-weight: 300;
      opacity: 0;
      padding-right: 3.75rem;
      width: 0;
      z-index: 3;
      text-align: right; }
    .top__search .search-field:focus {
      cursor: text;
      opacity: 1;
      outline: none;
      width: 100%;
      z-index: 1;
      box-shadow: none;
      border: 1px solid #eee; }
    .top__search .search-field:focus:hover ~ .search-submit .fa-search {
      color: #333; }
    .top__search .search-field:hover ~ .search-submit .fa-search {
      color: #333; }
    .top__search .search-submit {
      transition: all 0.2s ease-in-out;
      background-color: transparent;
      border: none;
      float: right;
      position: relative;
      width: 3.75rem;
      z-index: 2; 
      box-shadow:none;}
    .top__search .search-submit:hover .fa-search {
      color: white; }
    .top__search .fa-search {
      transition: all 0.2s ease-in-out;
      color: #333;
      font-size: 2.25rem; }
  .top__search,
  .top .toolbar {
    transition: width 1s ease-in-out; }
  .top__notifications {
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
	
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 450px; }
    .top__notifications .notif {
      width: 24%;
      margin:0px .5%;
      display: -ms-flexbox;
      display: flex;
           display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
      .top__notifications .notif a {
        display: -ms-flexbox;
        display: flex;
             display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items:center;
	-webkit-justify-content: center;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
            width:100%;
            height:100%;
            position:relative;
             }
      .top__notifications .notif [class^="icon-"], .top__notifications .notif [class*=" icon-"] {
        font-size: 22px !important;
        position: relative;
        color: #000; }
        .top__notifications .notif [class^="icon-"] .notifCount, .top__notifications .notif [class*=" icon-"] .notifCount {
          height: 22px;
          line-height: 22px;
          width: 22px;
          border-radius: 22px;
          position: absolute;
          top: -14px;
          right: -14px;
          color: #fff;
          background: #F61212;
          font-family: "Roboto", Helvetica, Arial, sans-serif;
          font-size: 12px;
          font-weight: 700;
          text-align: center; }
      .top__notifications .notif .title {
        color: #999;
        font-size: 0.707rem;
        line-height: 2;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border: none;
        font-weight:bold; }
  .top__accountMenu {
    position: relative;
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .top__accountMenu__menu {
      z-index: 50; }
      .top__accountMenu__menu label {
        cursor: pointer; }
        .top__accountMenu__menu label .avatar {
          margin-right: 15px; }
          .top__accountMenu__menu label .avatar img {
            width: 60px;
            height: 60px; }
        .top__accountMenu__menu label span[title="userName"] {
          margin-right: 15px; }
        .top__accountMenu__menu label span {
          cursor: pointer; }
      .top__accountMenu__menu .icon-downarrow {
        font-size: 12px; } }
.notif__alerts svg {
	width:35px;
	height:35px;
	fill:#999;
	position:relative;
}
.announcement-icon{
	top:3px;
}
.notif__alerts:hover .title,.notif__alerts.active .title,.notif__alerts a:hover .title{
	color:#333;
}
.notif__alerts:hover svg,.notif__alerts.active svg,.notif__alerts a:hover svg,#search-box-submit:hover svg{
	fill:#333;
}

.notification-new-alert{
	width:10px;
	height:10px !important;
	border-radius:10px;
	background-color:red;
	position:absolute;
	top:15px;
	right:40px;
    background: -webkit-radial-gradient(#cc0000,#ff3333 , #ff6666);
    background: -o-radial-gradient(#cc0000,#ff3333 , #ff6666); 
    background: -moz-radial-gradient(#cc0000,#ff3333 , #ff6666); 
    background: radial-gradient(#cc0000,#ff3333 , #ff6666); 
}

.announcement-new-alert{
	width:10px;
	height:10px !important;
	border-radius:10px;
	background-color:red;
	position:absolute;
	top:15px;
	right:30px;
    background: -webkit-radial-gradient(#cc0000,#ff3333 , #ff6666);
    background: -o-radial-gradient(#cc0000,#ff3333 , #ff6666); 
    background: -moz-radial-gradient(#cc0000,#ff3333 , #ff6666); 
    background: radial-gradient(#cc0000,#ff3333 , #ff6666); 
}
#notification-points svg{
	width:40px;
	height:40px;
}
#notification-points .title{
	position:relative;
	bottom:2px;
}
/* mobile */
@media (max-width: 979px) {
  .top {
    padding: 0 10px 10px;
    height: 65px; }
    .top .container {
      display: -ms-flexbox;
      display: flex;
           display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: space-between;
	
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between;
      width: 100%; }
      .top .container:after {
        content: none; }
    .top .primary {
      display: -ms-flexbox;
      display: flex;
           display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: flex-start;

      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: start;
          justify-content: flex-start; }
    .top__communityLogo {
      margin-left: 25px; }
    .top .mobile__notifications {
      display: -ms-flexbox;
      display: flex;
      display:-webkit-flex;
      -webkit-flex-direction:row;
      -webkit-align-items: center;
      -webkit-justify-content: flex-end; 
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: end;
          justify-content: flex-end; }
      .top .mobile__notifications .notif a {
        display: -ms-flexbox;
        display: flex;
        display:-webkit-flex;
      -webkit-flex-direction:column;
      -webkit-align-items: center;
      -webkit-justify-content: center; 
        
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        color: #333;
        font-size: 0.707rem;
        font-weight: normal;
        padding: 0 5px;
        margin-left: 10px; }
        .top .mobile__notifications .notif a .title {
          display: none; }
        .top .mobile__notifications .notif a [class^="icon-"], .top .mobile__notifications .notif a [class*=" icon-"] {
          font-size: 22px !important;
          position: relative;
          color: #000;
          margin-top: 10px; }
          .top .mobile__notifications .notif a [class^="icon-"] .notifCount, .top .mobile__notifications .notif a [class*=" icon-"] .notifCount {
            height: 22px;
            line-height: 22px;
            width: 22px;
            border-radius: 22px;
            position: absolute;
            top: -14px;
            right: -14px;
            color: #fff;
            background: #F61212;
            font-family: "Roboto", Helvetica, Arial, sans-serif;
            font-size: 12px;
            font-weight: 700;
            text-align: center; }
    .top .toolbar {
      display: none; }
    .top__vertLine {
      display: none; }
    .top .menu-icon {
      height: 55px;
      padding: 15px 0; }
    .top__communityLogo {
      display: inline-block;
      float: right; }
      .top__communityLogo img {
        max-height: 30px;
        margin: 0; }
  #main {
    margin-top: 0; }
    
    .container .card__media--feature {
        background-repeat: no-repeat;
        background-size: contain;
        height: 345px;
  		overflow: hidden;
    	max-height: 345px;
    	width: 100%;
    	max-width: 100%;
    }
    
    
     }

/* TODO:
    - cleanup the kruft
    - integrate or decouple this component with/from c_top
    - get approval for concept/design
*/
.dropdown {
  width: 100%;
  display: inline-block; }

.dropdown.toggle > input {
  display: none; }

.dropdown > a, .dropdown.toggle > label {
  color: #535353; }

.dropdown > a::after, .dropdown.toggle > label::after {
  content: "";
  float: right;
  margin: 15px 0 0 0;
  width: 0;
  height: 0; }

.dropdown ul {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 0;
  z-index:51;
  position: absolute;
  width: 100%;
  box-shadow: 0 6px 5px -5px rgba(0, 0, 0, 0.3);
  overflow: hidden; }
#user-dropdown{
	text-align:center;
}
.dropdown a, .dropdown.toggle > label {
  display: block;
  padding: 0 10px;
  text-decoration: none;
  line-height: 40px;
  font-size: 13px;
  text-transform: uppercase;
  color: #999; 
  font-weight:bold;
  }

.dropdown a {
  background-color: #FFF; }

.dropdown > label {
  padding: 0;
  height: 90px;
  display: -ms-flexbox !important;
  display: flex !important;

   display:-webkit-flex !important;
 -webkit-flex-direction:row;
 -webkit-align-items: center;
-webkit-justify-content: flex-end; 
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end; }
  .dropdown > label span:last-child {
    margin-left: 15px; }

.dropdown li {
  height: 0;
  overflow: hidden;
  transition: all 500ms; }

.dropdown.hover li {
  transition-delay: 300ms; }

.dropdown li:first-child a {
  border-radius: 2px 2px 0 0; }

.dropdown li:last-child a {
  border-radius: 0 0 2px 2px; }

.dropdown li:first-child a::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FFF;
  margin: -10px 0 0 30px; }

.dropdown a:hover, .dropdown.toggle > label:hover, .dropdown.toggle > input:checked ~ label {
  color: #333; }

.dropdown > a:hover::after, .dropdown.toggle > label:hover::after, .dropdown.toggle > input:checked ~ label::after {
  border-top-color: #AAA; }

.dropdown li:first-child a:hover::before {
  border-bottom-color: #EEE; }

.dropdown.hover:hover li, .dropdown.toggle > input:checked ~ ul li {
  height: 40px; }
#header-dropdown-menu-account-setting{
	border-radius:0px;
}
/*
 *  Nav
 */
nav {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: auto;
  min-width: 250px;
  background: rgba(255, 255, 255, 0.965);
  padding: 75px 0 40px;
  transition: all .25s ease;
  z-index: 999926;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
  nav ul {
    list-style: none;
    padding: 0; }
    nav ul li {
      padding-left: 0;
      font-weight: 500;
      letter-spacing: 1px; }
      nav ul li a {
        text-decoration: none;
        color: #2A2A2A;
        cursor: pointer;
        padding: 15px 30px;
        font-weight: 400;
        width: 595px;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        z-index: 2;
        display: -ms-flexbox;
        display: flex;
        display:-webkit-flex;
		 -webkit-flex-direction:row;
		 -webkit-align-items: center;
		-webkit-justify-content: flex-start;         
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: start;
            justify-content: flex-start; }
        nav ul li a [class^="icon-"], nav ul li a [class*=" icon-"] {
          font-size: 30px;
          display: inline-block;
          margin-right: 25px; }
        nav ul li a span {
          height: 30px;
          line-height: 30px;
          vertical-align: middle;
          display: inline-block;
          cursor: pointer;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        nav ul li a:hover, nav ul li a.active {
          background-color: rgba(0, 0, 0, 0.03); }
        nav ul li a:active {
          background-color: rgba(0, 0, 0, 0.2); }
        nav ul li a.active {
          background-color: #555; }
          nav ul li a.active i, nav ul li a.active span {
            color: #fff; }
      nav ul li .submenu {
        overflow-y: hidden;
        max-height: 0;
        overflow: hidden;
        font-size: .8em;
        height: auto;
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
        transition-timing-function: ease-in;
        transition: 0.2s; }
        nav ul li .submenu.open {
          -webkit-transform: translateX(0) !important;
                  transform: translateX(0) !important;
          transition-timing-function: ease-in;
          transition: 0.2s;
          transition: max-height 0.8s;
          max-height: 100%; }
        nav ul li .submenu .search-form input {
          width: calc(100% - 100px); }
        nav ul li .submenu .search-form button {
          width: 100px;
          height: 35px; }
        nav ul li .submenu a {
          display: inline-block;
          color: #2A2A2A;
          background: rgba(0, 0, 0, 0.03); }
          nav ul li .submenu a:hover {
            background-color: rgba(0, 0, 0, 0.08); }

#menu-toggle.inactive ~ nav {
  -webkit-transform: translateX(-200%);
          transform: translateX(-200%); }

#menu-toggle {
  position: absolute;
  height: 30px;
  width: 30px;
  top: 30px;
  left: 30px;
  opacity: 0; }

/*
 *  Hamburger Icon
 */
.menu-icon {
  cursor: pointer;
  display: inline-block;
  width: 25px;
  padding: 30px 0;
  transition: -webkit-transform .7s ease;
  transition: transform .7s ease; }
  .menu-icon.open {
    background: none;
    box-shadow: none;
    border-right: transparent;
    margin-left: 40px; }
    .menu-icon.open .bar {
      background: #2A2A2A; }
  .menu-icon .bar {
    display: block;
    height: 2px;
    width: 25px;
    background: #333;
    margin: 5px 0;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease; }

#menu-toggle.active ~ label > .menu-icon .topz {
  -webkit-transform: translateY(7px) rotateZ(45deg);
          transform: translateY(7px) rotateZ(45deg); }

#menu-toggle.active ~ label > .menu-icon .bottom {
  -webkit-transform: translateY(-7px) rotateZ(-45deg);
          transform: translateY(-7px) rotateZ(-45deg); }

#menu-toggle.active ~ label > .menu-icon .middle {
  opacity: 0;
  width: 0; }

#btnCloseMenu {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 0;
  opacity: 0.9; }
  #btnCloseMenu .topz {
    -webkit-transform: translateY(7px) rotateZ(45deg);
            transform: translateY(7px) rotateZ(45deg); }
  #btnCloseMenu .bottom {
    -webkit-transform: translateY(-7px) rotateZ(-45deg);
            transform: translateY(-7px) rotateZ(-45deg); }
  #btnCloseMenu .middle {
    opacity: 0;
    width: 0; }

@media (min-width: 980px) {
  #nav.closed {
    margin-left: -100%; }
  #nav.open {
    margin-left: 0; }
  .desktop-hide {
    display: none; } }

/* MOBILE MENU */
@media (max-width: 979px) {
  #btnOpenMenu {
    float: left;
    margin-top: 5px; }
  .top__communityLogo img {
    margin-top: 10px; }
  #nav.closed {
    margin-left: -100%; }
  #nav.open {
    margin-left: 0; }
  nav {
    width: 100%;
    padding: 65px 0 40px;
    overflow-y: auto;
    background: #fff; }
    nav .accountMenu {
      display: -ms-flexbox;
      display: flex;
      display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: flex-start; 
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: start;
          justify-content: flex-start; }
    nav .avatar {
      height: auto;
      width: auto;
      margin: 0;
      margin-right: 25px; }
    nav .avatar img {
      max-width: 30px; }
    nav .search-form {
      padding: 15px 30px;
      display: -ms-flexbox;
      display: flex;
      display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: flex-start; 
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: start;
          justify-content: flex-start; }
      nav .search-form input {
        margin-right: 20px;
        height: 45px; }
      nav .search-form .search-submit {
        font-size: 1em;
        font-weight: 700;
        font-style: normal;
        font-family: "Roboto", Helvetica, Arial, sans-serif; }
    nav ul {
      margin: 0 auto;
      width: auto; }
    nav ul li > a {
      display: -ms-flexbox;
      display: flex;
      display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: flex-start; 
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: start;
          justify-content: flex-start; }
    nav ul li a {
      width: 100%; }
    nav ul li a span {
      font-size: 18px;
      font-weight: 300;
      height: 60px;
      line-height: 60px; }
    nav ul li a.active {
      background-color: #555; }
      nav ul li a.active i, nav ul li a.active span {
        color: #fff; }
    nav ul li .submenu a {
      font-size: 15px;
      font-weight: 300;
      color: #555;
      width: 100%; }
      nav ul li .submenu a.see-all {
        color: #111; } }

.modal-container {
  text-align: center;
  white-space: nowrap;
  z-index: 999925;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0; }
  .modal-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; }

.modal {
  display: inline-block;
  vertical-align: middle;
  width: 600px;
  z-index: 999926;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
  .add-comment-modal{
  	width:640px !important;
  }
  .modal .close, .modal .icon-close {
    position: absolute;
    top: 25px;
    right: 25px;
    display: block;
    cursor: pointer;
    z-index: 100; }
    .modal .close:hover, .modal .icon-close:hover {
      color: #000; }
  .modal__top, .modal__body {
    padding: 25px; }
  .modal__top {
    width: 100%;
    border-bottom: 1px solid #bebebe;
    position: relative; }
    .modal__top:after {
      content: "";
      display: table;
      clear: both; }
    .modal__top .title {
      margin: 0;
      float: left; }
    .modal__top .title, .modal__top p {
      color: #535353; }
    .modal__top .icon {
      float: right; }
  .modal input, .modal textarea {
    width: 100%; }
  .modal form {
    width: 100%; }
  .modal .form-group {
    margin-bottom: 1em; }
    .modal .form-group label {
      margin-bottom: 0.5em; }

.modal.modal-fixed .modal__body {
  min-height: 250px;
  max-height: 70%;
  overflow-y: auto;
  overflow-x: hidden; }

.modal.modal-elastic {
  position: relative;
  width: 90%;
  max-width: 1024px;
  height: 90vh;
  max-height: 768px;
  margin: 0; }

@media (min-width: 980px) {
  .modal .close, .modal .icon-close {
    top: 25px;
    right: 25px;
    color: #333; } }

@media (max-width: 979px) {
  /* 
  @TODO - Replace with mobile. Add .mobile-scroll
*/
  .modal.media-modal {
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    max-height: none;
    position: absolute;
    overflow-y: scroll; }
}

@media (max-width: 797px) {
  .modal {
    position: fixed;
    z-index: 999926;
    top: 0;
    left: 0;
    background: #fff;
    width: 100% !important;
    max-width:100% !important;
    height: 100%;
    border-radius: 0;
    margin: 0;
    box-shadow: none; }
  .modal.add-files-modal .content-modal.add-files-modal .upload-or-embed {
    display: -ms-flexbox;
    display: flex;
    display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: space-between; 
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between; } }

.content-modal.add-files-modal .upload-or-embed {
  min-height: 250px;
  display: -ms-flexbox;
  display: flex;
  display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: space-between; 
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .content-modal.add-files-modal .upload-or-embed a.dialog-option {
    width: 50%;
    -ms-flex: 1;
        flex: 1;
        -webkit-flex:1;
    height: 250px;
    text-align: center;
    color: inherit;
    padding: 25px; }
    .content-modal.add-files-modal .upload-or-embed a.dialog-option.upload {
      background: url("../img/upload.png") center center no-repeat; }
    .content-modal.add-files-modal .upload-or-embed a.dialog-option.embed {
      background: url("../img/embed.png") center center no-repeat; }

.content-modal.add-files-modal .upload-files {
  display: -ms-flexbox;
  display: flex;
  display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: space-around; 
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around; }
  .content-modal.add-files-modal .upload-files .dropzone {
    display: -ms-flexbox;
    display: flex;
    display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-flex-wrap:wrap;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-direction: row;
        flex-direction: row;
    width: 545px; }

.content-modal .add-comment .embed-text-wrapper {
  display: -ms-flexbox;
  display: flex;
  display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: flex-start; 
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-top: 15px; }
  .content-modal .add-comment .embed-text-wrapper textarea {
    border: 2px solid #eee;
    resize: vertical; }

.content-modal .add-comment .dropzone {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  display:-webkit-flex;
	 -webkit-flex-wrap:wrap;
	-webkit-justify-content: flex-start; 
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 15px;
  border: 2px solid #eee;
  text-align: center;
  padding: 20px;
  color: #535353;
  min-height: auto;
  font-style: italic; }

.content-modal .add-comment .buttons {
  margin-top: 15px;
  display: -ms-flexbox;
  display: flex;
  display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: space-between; 
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .content-modal .add-comment .buttons a.btn {
    height: 42px; }
  .content-modal .add-comment .buttons .fa {
    font-size: 1.5em;
    line-height: 21px; }

.content-modal .upload-files div.drop-zone {
  width: 100%;
  height: 100px;
  background: #eee url("../img/dropzone-bg.png") center center no-repeat;
  border-radius: 3px; }

.content-modal .embed .embed-text-wrapper {
  display: -ms-flexbox;
  display: flex;
  display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: flex-start; 
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  width: 100%;
  height: 120px;
  margin-bottom: 25px; }
  .content-modal .embed .embed-text-wrapper textarea {
    width: 100%;
    height: 100%;
    font-size: inherit;
    font-family: inherit;
    padding: 15px;
    resize: none;
    border-radius: 3px; }

.content-modal .currently-attached {
  min-height: 100px;
  padding: 35px 25px 25px;
  border: 1px solid #eee;
  display: -ms-flexbox;
  display: flex;
  display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: flex-start;
	-webkit-flex-wrap:wrap; 
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative; }
  .content-modal .currently-attached .add-embed {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block; }
  .content-modal .currently-attached .close, .content-modal .currently-attached .close > span,
  .content-modal .currently-attached .add-embed, .content-modal .currently-attached .add-embed > span {
    color: #bebebe !important;
    font-weight: 400;
    font-size: 0.707rem; }
  .content-modal .currently-attached:after {
    content: "";
    -ms-flex: auto;
    -webkit-flex:auto;
        flex: auto;
    width: 25%; }
  .content-modal .currently-attached .item {
    width: 25%;
    min-height: 100px;
    margin: 0;
    padding: 15px 15px 0; }
    .content-modal .currently-attached .item .thumbnail {
      width: 100%;
      min-height: 70px;
      background: #1aadbc; }
    .content-modal .currently-attached .item span {
      font-size: 0.707rem;
      text-align: center;
      display: block;
      width: 100%; }

@media (max-width: 797px) {
  .content-modal .add-comment .buttons {
    -ms-flex-direction: column;
    -webkit-flex-direction:column;
        flex-direction: column;
    width: 100%; }
    .content-modal .add-comment .buttons > div {
      width: 100%; }
      .content-modal .add-comment .buttons > div > .btn {
        display: block; } }

.modal.media-modal > div {
  display: -ms-flexbox;
  display: flex;
   display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: space-between;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.modal.media-modal .user-details {
  height: 30px;
  font-size: 0.707rem;
  display: -ms-flexbox;
  display: flex;
   display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: flex-start;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start; }
  .modal.media-modal .user-details div, .modal.media-modal .user-details span {
    display: inline-block;
    margin-right: 10px; }

.modal.media-modal .modal__media {
  width: 66.66666666%; }
  .modal.media-modal .modal__media > div {
    padding: 10px 15px; }
  .modal.media-modal .modal__media .media-container {
    display: -ms-flexbox;
    display: flex;
     display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    max-height: 100%;
    width: 100%;
    position: relative;
    overflow:hidden;
    /*
				We've removed media-dots. I'm using it currently for hosting .mediaModalPagination.
				We can refactor the names to match the pagination context.
			*/ }
    .modal.media-modal .modal__media .media-container .mediaModalPagination {
      display: block;
      font-size: 0.813rem;
      padding: 5px;
      border-radius: 3px;
      background: #fff; }
    .modal.media-modal .modal__media .media-container .media-dots-container {
      position: absolute;
      top: 15px;
      left: 50%;
      width: 50%;
      margin-left: -25%; }
    .modal.media-modal .modal__media .media-container .media-dots {
      max-width: 80%;
      display: -ms-flexbox;
      display: flex;
       display:-webkit-flex;

	-webkit-flex-wrap:wrap; 
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .modal.media-modal .modal__media .media-container .dot-item {
      display: inline-block;
      height: 10px;
      width: 10px;
      background: rgba(0, 0, 0, 0.4);
      margin-right: 15px;
      margin-bottom: 15px; }
      .modal.media-modal .modal__media .media-container .dot-item.current {
        background: rgba(0, 0, 0, 0.8); }
      .modal.media-modal .modal__media .media-container .dot-item:last-child {
        margin-right: 0; }
    .modal.media-modal .modal__media .media-container .media-prev, .modal.media-modal .modal__media .media-container .media-next {
      color: #333;
      position: absolute;
      top: 49%;
      font-weight: 400;
      font-size: 36px; }
    .modal.media-modal .modal__media .media-container .media-prev {
      left: 25px; }
    .modal.media-modal .modal__media .media-container .media-next {
      right: 25px; }
    .modal.media-modal .modal__media .media-container .media-item {
      margin-top: 45px;
      max-width: 90%;
      max-height: 90%;
      position: relative;
      width: 100%;
      overflow:hidden; }
      .modal.media-modal .modal__media .media-container .media-item--video, .modal.media-modal .modal__media .media-container .media-item--embed {
        height: 100%;
        min-height:300px; }
        .modal.media-modal .modal__media .media-container .media-item--video iframe, .modal.media-modal .modal__media .media-container .media-item--embed iframe {
          height: 100%;
          width: 100%; }
      .modal.media-modal .modal__media .media-container .media-item--image, .modal.media-modal .modal__media .media-container .media-item--audio, .modal.media-modal .modal__media .media-container .media-item--document, .modal.media-modal .modal__media .media-container .media-item--other {
        height: 100%;
        min-height:300px;
         }
        .modal.media-modal .modal__media .media-container .media-item--image > iframe, .modal.media-modal .modal__media .media-container .media-item--audio > iframe, .modal.media-modal .modal__media .media-container .media-item--document > iframe, .modal.media-modal .modal__media .media-container .media-item--other > iframe {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; }
    .modal.media-modal .modal__media .media-container.pdf-embed, .modal.media-modal .modal__media .media-container.media-video-embed {
      padding: 0; }
      .modal.media-modal .modal__media .media-container.pdf-embed iframe, .modal.media-modal .modal__media .media-container.media-video-embed iframe {
        height: 100%;
        width: 100%; }
    .modal.media-modal .modal__media .media-container iframe, .modal.media-modal .modal__media .media-container embed {
      width: 100%;
      max-height: 100%; }
    .modal.media-modal .modal__media .media-container img {
      max-height: 100%; }
  .modal.media-modal .modal__media .media-metrics {
    display: -ms-flexbox;
    display: flex;
     display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: flex-start;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: center;
        justify-content: center;
    height: 65px; }
    .modal.media-modal .modal__media .media-metrics .metrics {
      font-size: 0.707rem; }

.modal.media-modal .modal__details {
  width: 33.333333333333%;
  height: 100%;
  padding: 15px;
  text-align: left;
  /* temp */ }
  .modal.media-modal .modal__details p {
    margin: 0; }
  .modal.media-modal .modal__details h2.media-title {
    font-size: 1.3rem;
    margin-bottom: .5em;
    white-space: normal;
    word-break: break-all; }
  .modal.media-modal .modal__details .media-desc {
    max-height: 150px;
    overflow-y: auto; }
  .modal.media-modal .modal__details .media-desc, .modal.media-modal .modal__details .media-desc > * {
    font-size: 0.813rem;
    white-space: normal;
    word-break: break-word; }
  .modal.media-modal .modal__details .share {
    margin: 15px 0; }
    .modal.media-modal .modal__details .share a, .modal.media-modal .modal__details .share span {
      color: #333;
      font-weight: 400; }
    .modal.media-modal .modal__details .share > * {
      margin-right: 10px; }
  .modal.media-modal .modal__details .toolbar {
    display: -ms-flexbox;
    display: flex;
     display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: flex-start;
	-webkit-flex-wrap:wrap; 
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
    min-height: 50px; }
    .modal.media-modal .modal__details .toolbar div, .modal.media-modal .modal__details .toolbar a {
      margin-right: 10px; }
    .modal.media-modal .modal__details .toolbar .rateThis, .modal.media-modal .modal__details .toolbar .rating-container {
      margin: 0; }
    .modal.media-modal .modal__details .toolbar .rateThis {
      margin-right: 15px; }
    .modal.media-modal .modal__details .toolbar .flag-content-submit {
      background: #fff;
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 200;
      display: -ms-flexbox;
      display: flex;
       display:-webkit-flex;

      top: 0;
      left: 0; }
      .ie11 .modal.media-modal .modal__details .toolbar .flag-content-submit,.ie11 .modal.media-modal .modal__details .comment-container .flag-content-submit{
      width:210px !important
      }
      .modal.media-modal .modal__details .toolbar .flag-content-submit.hide {
        display: none; }
      .modal.media-modal .modal__details .toolbar .flag-content-submit textarea {
        height: auto;
        -ms-flex: 1 1;
            flex: 1 1;
            -webkit-flex:1 1;
        border-radius: 0;
        resize: none;
        border-right: 0;
        overflow:hidden
 }
      .modal.media-modal .modal__details .toolbar .flag-content-submit > div {
        -ms-flex: 0 0;
            flex: 0 0;
            -webkit-flex:1 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
             display:-webkit-flex;
	 -webkit-flex-direction:column;
        margin-right: 0; }
        .modal.media-modal .modal__details .toolbar .flag-content-submit > div button.btn ,.modal.media-modal .modal__details .comment-container .flag-content-submit > div button.btn{
          -ms-flex: 1 1;
              flex: 1 1;
              -webkit-flex:1 1;
          margin: 0;
          border: 1px solid #bebebe;
          color: #333;
          background-color:#fff;
          box-shadow:none; }
          .modal.media-modal .modal__details .toolbar .flag-content-submit > div button.btn:hover {
            background-color: #f7f7f7;
            color: #333; }
        .modal.media-modal .modal__details .toolbar .flag-content-submit > div button.btn + button.btn {
          border-top: 0; }
  .modal.media-modal .modal__details .comments-collection {
    background: #fff;
    overflow-y: auto; }
  .modal.media-modal .modal__details .comment-container .comment {
    margin: 10px 0 0 0;
    background: #f7f7f7;
    padding: 10px 15px;
    font-size: 0.707rem;
    border: 1px solid #eee;
    position: relative; }
    .modal.media-modal .modal__details .comment-container .comment .comment-content {
      white-space: normal;
      /*word-break: break-all;*/ }
    .modal.media-modal .modal__details .comment-container .comment .comment-details {
      display: -ms-flexbox;
      display: flex;
       display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: flex-start;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .modal.media-modal .modal__details .comment-container .links {
    font-size: 0.707rem;
    color: #bebebe;
    padding: 5px 0;
    display: -ms-flexbox;
    display: flex;
     display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: space-between;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .modal.media-modal .modal__details .comment-container .links > div > a {
      margin-right: 5px; }
    .modal.media-modal .modal__details .comment-container .links .metrics {
      min-height: auto; }
      .modal.media-modal .modal__details .comment-container .links .metrics > div {
        -ms-flex-direction: row;
            flex-direction: row; 
	 -webkit-flex-direction:row;
	}
        .modal.media-modal .modal__details .comment-container .links .metrics > div span.count {
          padding: 0; }
  .modal.media-modal .modal__details .comment-container .flag-content-submit {
    width: 100%;
    height: 50px;
    display: -ms-flexbox;
    display: flex;
     display:-webkit-flex;

    margin-bottom: 15px; }
    .modal.media-modal .modal__details .comment-container .flag-content-submit.hide {
      display: none; }
    .modal.media-modal .modal__details .comment-container .flag-content-submit textarea {
      height: auto;
      -ms-flex: 1 1;
          flex: 1 1;
          -webkit-flex:1 1;
      border-radius: 0;
      resize: none;
      border-right: 0; }
    .modal.media-modal .modal__details .comment-container .flag-content-submit > div {
      -ms-flex: 0 0;
          flex: 0 0;
          -webkit-flex:0 0;
           display:-webkit-flex;
	 -webkit-flex-direction:column;

      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      margin-right: 0; }
      .modal.media-modal .modal__details .comment-container .flag-content-submit > div button.btn {
        -ms-flex: 1 1;
            flex: 1 1;
            -webkit-flex:1 1;
        margin: 0;
        border: 1px solid #bebebe;
        color: #bebebe; }
        .modal.media-modal .modal__details .comment-container .flag-content-submit > div button.btn:hover {
          background-color: #f7f7f7;
          color: #333; }
      .modal.media-modal .modal__details .comment-container .flag-content-submit > div button.btn + button.btn {
        border-top: 0; }
  .modal.media-modal .modal__details .new-comment {
    padding: 10px 0;
    height: 130px; }
    .modal.media-modal .modal__details .new-comment textarea {
      height: 70px;
      width: 100%;
      border: 1px solid #bebebe;
      border-radius: 2px;
      font-family: "Roboto", Helvetica, Arial, sans-serif; 
      overflow:hidden;
      }
    .modal.media-modal .modal__details .new-comment button {
      margin-top: 10px; }

.modal.media-modal.hide {
  display: none; }

.modal.media-modal.comment-media-modal .modal__media {
  width: 100%; }

@media (max-width: 979px) {
  .modal.media-modal {
    display: -ms-flexbox;
    display: flex;
     display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .modal.media-modal > div {
      display: -ms-flexbox;
      display: flex;
       display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: flex-start;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: start;
          justify-content: flex-start;
      width: 100%; }
    .modal.media-modal .icon-close {
      color: #333 !important;
      font-size: 1.3rem;
      top: 15px;
      right: 15px; }
    .modal.media-modal .modal__media,
    .modal.media-modal .modal__details {
      width: 100%; }
    .modal.media-modal .modal__media .media-container {
      min-height: 300px;
      margin-top: 45px;
      height:100% }
      .modal.media-modal .modal__media .media-container .media-dots-container {
        top: -25px; }
      .modal.media-modal .modal__media .media-container .media-dots {
        top: 0; }
      .modal.media-modal .modal__media .media-container .media-prev {
        left: 10px; }
      .modal.media-modal .modal__media .media-container .media-next {
        right: 10px; }
    .modal.media-modal .modal__media .media-metrics {
      position: relative;
      margin-top: 15px; }
    .modal.media-modal .modal__details {
      height: auto;
      overflow: visible;
      margin-top:120px; }
      .modal.media-modal .modal__details .desc {
        height: auto; }
      .modal.media-modal .modal__details .comments-collection {
        height: auto;
        overflow-y: visible; } }

@media (min-width: 980px) {
  .modal.media-modal {
    min-height: 600px; }
    .modal.media-modal .modal__media {
      display: -ms-flexbox;
      display: flex;
       display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: space-between;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between;
      height: 100%; }
      .modal.media-modal .modal__media .media-container {
        -ms-flex: 1 1 0;
            flex: 1 1 0; 
            -webkit-flex: 1 1 0;}
      .modal.media-modal .modal__media .media-metrics {
        -ms-flex: 0 1 1;
            flex: 0 1 1; 
            -webkit-flex: 0 1 1;}
    .modal.media-modal .modal__details {
      overflow: hidden;
      display: -ms-flexbox;
      display: flex;
       display:-webkit-flex;
	 -webkit-flex-direction:column;
	-webkit-justify-content: flex-start;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: start;
          justify-content: flex-start;
      max-height: 768px; }
      .modal.media-modal .modal__details .detailsWrapper {
        -ms-flex: 0 0;
            flex: 0 0;
            -webkit-flex :0 0; }
      .modal.media-modal .modal__details .new-comment {
        -ms-flex: 0 0;
            flex: 0 0;
           -webkit-flex: 0 0; }
      .modal.media-modal .modal__details .comments-collection {
        -ms-flex: 1 1;
            flex: 1 1;
            -webkit-flex: 1 1;
        overflow-y: auto; }
  .modal.media-modal.comment-media-modal .modal__media {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; } }

.actions-bar {
  display: -ms-flexbox;
  display: flex;
   display:-webkit-flex;

	-webkit-flex-wrap:wrap; 
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 15px 0; }
  .actions-bar .btn {
    height: 42px;
    min-width: 100px;
    line-height: 25px;
    margin-right: 10px;
    border-radius: 3px;
    transition: none;
    display: -ms-flexbox;
    text-align:center;
    display: flex;
     display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items:center;
	-webkit-justify-content: center;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }

    .actions-bar .btn:last-child {
      margin-right: 0; }
    .actions-bar .btn .icon {
      font-size: 21px;
      line-height: 25px;
      margin-right:0px}
 .actions-bar .btn .add-svg {
      width:20px;
      height:20px;
      position:relative;
      top:2px;
      right:2px;
      fill:#333;}
    .actions-bar .btn.btn-applied {
      color: #bebebe;
      border: 1px solid #bebebe;
      background: #fff;
      cursor: not-allowed; }
      .actions-bar .btn.btn-applied > span {
        cursor: not-allowed; }
  .actions-bar .circle-button, .actions-bar .rating-container {
    margin-right: 10px; }
  .actions-bar .rating-container {
    margin-left: 10px;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 5px 10px;
    height: 42px;
    display: -ms-flexbox;
    display: flex;
     display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
  .actions-bar .social .icon {
    display: inline-block;
    padding: 15px;
    border-radius: 3px;
    transition: background 0.82s ease; }
    .actions-bar .social .icon.icon-facebook {
      color: #3b5998; }
    .actions-bar .social .icon.icon-twitter {
      color: #0084b4; }
    .actions-bar .social .icon.icon-gplus {
      color: #d34836; }
    .actions-bar .social .icon:hover {
      background-color: #f7f7f7; }

/*

	====
 .CONTENT-MODAL details are in _c_modal.scss
	====

*/
body.contentDetail #main.container {
  max-width: none;
  margin: 0 auto;
  padding: 10px;
  background: #fff;
  padding: 25px;
  border-radius: 3px; }

body.contentDetail .card.mini-card {
  width: 100%; }

body.contentDetail .row.details, body.contentDetail .row.descriptionWrapper, body.contentDetail .row.photo, body.contentDetail .row.contentSection {
  margin: 15px 0; }

body.contentDetail .descriptionWrapper .descriptionBlock {
  line-height: 1.5; }
  body.contentDetail .descriptionWrapper .descriptionBlock.button {
    text-align: center;
    margin: 25px auto; }
    body.contentDetail .descriptionWrapper .descriptionBlock.button a.custom-button, body.contentDetail .descriptionWrapper .descriptionBlock.button a.survey-button {
      padding: 15px 25px;
      display: inline-block;
      background: #333;
      color: #fff;
      box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1); }
      body.contentDetail .descriptionWrapper .descriptionBlock.button a.custom-button:hover, body.contentDetail .descriptionWrapper .descriptionBlock.button a.survey-button:hover {
        box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.2);
        -webkit-transform: translateY(-7px);
                transform: translateY(-7px); }
      body.contentDetail .descriptionWrapper .descriptionBlock.button a.custom-button.custom-button-disabled, body.contentDetail .descriptionWrapper .descriptionBlock.button a.survey-button.custom-button-disabled {
        background: #fff !important;
        color:#333 !important;
        box-shadow: none;
        cursor: not-allowed; }
        body.contentDetail .descriptionWrapper .descriptionBlock.button a.custom-button.custom-button-disabled:hover, body.contentDetail .descriptionWrapper .descriptionBlock.button a.survey-button.custom-button-disabled:hover {
          -webkit-transform: none;
                  transform: none; }
    body.contentDetail .descriptionWrapper .descriptionBlock.button a.survey-button {
      background: #f16521;
      line-height: 1.45; }
      body.contentDetail .descriptionWrapper .descriptionBlock.button a.survey-button:hover {
        background: #d24d0d; }
      body.contentDetail .descriptionWrapper .descriptionBlock.button a.survey-button span {
        display: inline-block;
        margin-right: 10px;
        line-height: 1.45; }
  body.contentDetail .descriptionWrapper .descriptionBlock.media {
    margin: 25px auto; }
    body.contentDetail .descriptionWrapper .descriptionBlock.media > div {
      width: 100%;
      text-align: center;
      margin: auto; }
    body.contentDetail .descriptionWrapper .descriptionBlock.media img {
      margin: 0 auto;
      display: block;
      max-width: 100%; }
    body.contentDetail .descriptionWrapper .descriptionBlock.media .pdf-embed {
      width: 100%;
      height: 640px; }
    body.contentDetail .descriptionWrapper .descriptionBlock.media.media-video-embed > div {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 56.25%; }
      body.contentDetail .descriptionWrapper .descriptionBlock.media.media-video-embed > div > iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  body.contentDetail .descriptionWrapper .descriptionBlock span.caption {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 0.707rem;
    margin-top: 15px; }

body.contentDetail .row.details {
  display: -ms-flexbox;
  display: flex;
   display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: space-between;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between; }

body.contentDetail .postDetails span {
  font-size: 0.813rem;
  color: #535353;
  display: block; }

body.contentDetail .metrics {
  display: -ms-flexbox;
  display: flex;
   display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: flex-end;
	-webkit-justify-content: space-between;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-height: 40px; }

body.contentDetail .metrics .comments,
body.contentDetail .metrics .likes,
body.contentDetail .metrics .views,
body.contentDetail .metrics .ratings,
body.contentDetail .metrics .attachments {
  display: -ms-flexbox;
  display: flex;
   display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: 15px; }
  body.contentDetail .metrics .comments:last-child,
  body.contentDetail .metrics .likes:last-child,
  body.contentDetail .metrics .views:last-child,
  body.contentDetail .metrics .ratings:last-child,
  body.contentDetail .metrics .attachments:last-child {
    margin-right: 0; }
  body.contentDetail .metrics .comments .fa, body.contentDetail .metrics .comments .icon,
  body.contentDetail .metrics .likes .fa,
  body.contentDetail .metrics .likes .icon,
  body.contentDetail .metrics .views .fa,
  body.contentDetail .metrics .views .icon,
  body.contentDetail .metrics .ratings .fa,
  body.contentDetail .metrics .ratings .icon,
  body.contentDetail .metrics .attachments .fa,
  body.contentDetail .metrics .attachments .icon {
    display: inline-block;
    padding: 0 5px; }
  body.contentDetail .metrics .comments span.count, body.contentDetail .metrics .comments .fa, body.contentDetail .metrics .comments .icon,
  body.contentDetail .metrics .likes span.count,
  body.contentDetail .metrics .likes .fa,
  body.contentDetail .metrics .likes .icon,
  body.contentDetail .metrics .views span.count,
  body.contentDetail .metrics .views .fa,
  body.contentDetail .metrics .views .icon,
  body.contentDetail .metrics .ratings span.count,
  body.contentDetail .metrics .ratings .fa,
  body.contentDetail .metrics .ratings .icon,
  body.contentDetail .metrics .attachments span.count,
  body.contentDetail .metrics .attachments .fa,
  body.contentDetail .metrics .attachments .icon {
    color: #535353;
    font-size: 1em;
    cursor: default; }
  body.contentDetail .metrics .comments span.count,
  body.contentDetail .metrics .likes span.count,
  body.contentDetail .metrics .views span.count,
  body.contentDetail .metrics .ratings span.count,
  body.contentDetail .metrics .attachments span.count {
    padding-bottom: 5px; }

body.contentDetail .row.contentSection .title-bar {
  width: 100%;
  height: 16px;
  margin: 25px 0;
  background: url("/img/hr.png") left center repeat-x;
  padding-left: 20px; }
  body.contentDetail .row.contentSection .title-bar span {
    color: #bebebe;
    font-weight: 700;
    font-size: 0.707rem;
    display: inline-block;
    height: 16px;
    background: #fff;
    width: auto;
    text-align: center;
    padding: 0 25px;
    text-transform: uppercase; }
    body.contentDetail .row.contentSection .title-bar span a:not(.btn) {
      color: inherit; }
      body.contentDetail .row.contentSection .title-bar span a:not(.btn):hover {
        color: #0070FF; }

body.contentDetail .row.contentSection ul.polls-checklist {
  padding: 0 25px; }
  body.contentDetail .row.contentSection ul.polls-checklist li {
    margin-bottom: 25px;
    display: -ms-flexbox;
    display: flex;
     display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: flex-start;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: start;
        justify-content: flex-start; }
    body.contentDetail .row.contentSection ul.polls-checklist li .survey-name {
      display: inline-block;
      font-size: 0.813rem;
      width: 200px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    body.contentDetail .row.contentSection ul.polls-checklist li .btn-sm, body.contentDetail .row.contentSection ul.polls-checklist li .badge-sm {
      width: 200px;
      text-align: center;
      font-size: 0.813rem; }

body.contentDetail .row.contentSection__polls .badge, body.contentDetail .row.contentSection__polls .btn {
  margin: 0 15px; }

body.contentDetail .row.contentSection__files {
  position: relative;
  transition: height 0.4s ease; }
  body.contentDetail .row.contentSection__files .row {
    display: -ms-flexbox;
    display: flex;
     display:-webkit-flex;

	-webkit-flex-wrap:wrap; 
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 15px 0; }
    body.contentDetail .row.contentSection__files .row.new {
      background: #fffad1;
      display: none;
      margin: 0; }
      body.contentDetail .row.contentSection__files .row.new.show {
        display: -ms-flexbox;
        display: flex;
         display:-webkit-flex;

	-webkit-flex-wrap:wrap; 
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding: 15px 0; }
  body.contentDetail .row.contentSection__files .show-more {
    width: 100%;
    text-align: center;
    margin: 15px 0 25px;
    background: #fff;
    z-index: 2; }
    body.contentDetail .row.contentSection__files .show-more:after {
      clear: both; }
    body.contentDetail .row.contentSection__files .show-more span {
      display: inline-block;
      font-size: 0.707rem;
      color: #bebebe;
      border: 1px solid #eee;
      border-radius: 6px;
      padding: 3px 12px;
      cursor: pointer;
      background: #fff;
      transition: border 0.8s ease; }
      body.contentDetail .row.contentSection__files .show-more span:hover {
        border-color: #d5d5d5; }
  body.contentDetail .row.contentSection__files .file {
    display: -ms-flexbox;
    display: flex;
     display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: space-around;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    width: 25%;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 15px 0 0; }
    body.contentDetail .row.contentSection__files .file span {
      font-size: 0.707rem;
      text-align: center;
      margin: 10px auto 0;
      width: 160px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    body.contentDetail .row.contentSection__files .file .thumbnail {
      position: relative;
      background-size: cover;
      height: 110px;
      width: 160px;
      border-radius: 3px; }
      body.contentDetail .row.contentSection__files .file .thumbnail img {
        height: 110px; }
      body.contentDetail .row.contentSection__files .file .thumbnail .icon {
        display: none; }
      body.contentDetail .row.contentSection__files .file .thumbnail .showMedia {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        left: 0;
        top: 0; }
      body.contentDetail .row.contentSection__files .file .thumbnail:hover .icon {
        display: block;
        position: absolute;
        top: 10px;
        right: 10px;
        color: #535353;
        z-index: 2999;
        background-color: rgba(255, 255, 255, 0.5);
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border-radius: 30px; }

body.contentDetail .row.contentSection__discussion {
  position: relative;
  margin-top: 45px;
  min-height: 200px; }

body.contentDetail .row.contentSection__commentBlock {
  display: -ms-flexbox;
  display: flex;
   display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: space-between;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
      position:relative; }
  body.contentDetail .row.contentSection__commentBlock .metrics div {
    display: -ms-flexbox;
    display: flex;
     display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: flex-start;
	-webkit-justify-content:space-between;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  body.contentDetail .row.contentSection__commentBlock.level-2 {
    padding-left: 40px; }
  body.contentDetail .row.contentSection__commentBlock.level-3 {
    padding-left: 80px; }
  body.contentDetail .row.contentSection__commentBlock.level-4 {
    padding-left: 120px; }
  body.contentDetail .row.contentSection__commentBlock .block.avatar {
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: space-between;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 70px; }
    body.contentDetail .row.contentSection__commentBlock .block.avatar img {
      width: 45px;
      height: 45px; }
    body.contentDetail .row.contentSection__commentBlock .block.avatar > span {
      font-size: 0.707rem;
      font-style: italic;
      margin: 5px auto; }
  body.contentDetail .row.contentSection__commentBlock .metrics {
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: space-around;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  body.contentDetail .row.contentSection__commentBlock .comment-container {
    width: 100%;
    font-size: 0.813rem; }
    body.contentDetail .row.contentSection__commentBlock .comment-container .comment-details {
      color: #bebebe;
      display: -ms-flexbox;
      display: flex;
           display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items:center;
	-webkit-justify-content: flex-start;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: start;
          justify-content: flex-start; }
    body.contentDetail .row.contentSection__commentBlock .comment-container .inline-avatar, body.contentDetail .row.contentSection__commentBlock .comment-container .username, body.contentDetail .row.contentSection__commentBlock .comment-container .timestamp, body.contentDetail .row.contentSection__commentBlock .comment-container .member-type, body.contentDetail .row.contentSection__commentBlock .comment-container .links a {
      display: inline-block;
      margin: 0 5px; }
      body.contentDetail .row.contentSection__commentBlock .comment-container .inline-avatar:first-child, body.contentDetail .row.contentSection__commentBlock .comment-container .username:first-child, body.contentDetail .row.contentSection__commentBlock .comment-container .timestamp:first-child, body.contentDetail .row.contentSection__commentBlock .comment-container .member-type:first-child, body.contentDetail .row.contentSection__commentBlock .comment-container .links a:first-child {
        margin-left: 0; }
    body.contentDetail .row.contentSection__commentBlock .comment-container .username {
      color: #333; }
    body.contentDetail .row.contentSection__commentBlock .comment-container .comment-text {
      margin: 10px 0;
      padding: 15px;
      background: #fff;
      white-space: normal;
      word-break: break-word; }
      body.contentDetail .row.contentSection__commentBlock .comment-container .comment-text *:last-child {
        margin-bottom: 0; }
      body.contentDetail .row.contentSection__commentBlock .comment-container .comment-text .title-attachments {
        padding-left: 0; }
        body.contentDetail .row.contentSection__commentBlock .comment-container .comment-text .title-attachments span {
          margin-right: 10px; }
      body.contentDetail .row.contentSection__commentBlock .comment-container .comment-text .attachments {
        display: -ms-flexbox;
        display: flex;
             display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: flex-start;
	-webkit-flex-wrap:wrap; 
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-align: start;
            align-items: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right:15px; }
        body.contentDetail .row.contentSection__commentBlock .comment-container .comment-text .attachments .attachment-item {
          width: 25%;
          margin-bottom: 15px;
          padding: 15px;
          display: -ms-flexbox;
          display: flex;
               display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: center;

	margin-right:15px;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-negative: 0;

              flex-shrink: 0;
              position:relative; }
          body.contentDetail .row.contentSection__commentBlock .comment-container .comment-text .attachments .attachment-item:last-child {
            margin-right: 0; }
          body.contentDetail .row.contentSection__commentBlock .comment-container .comment-text .attachments .attachment-item a {
            height: 150px;
            width: 100%;
            overflow: hidden; }
          body.contentDetail .row.contentSection__commentBlock .comment-container .comment-text .attachments .attachment-item img {
            height: auto;
            /* IE10 fix, ignored by other browsers */
            width: auto \9;
            max-width: 150px \9; }
          body.contentDetail .row.contentSection__commentBlock .comment-container .comment-text .attachments .attachment-item span.caption {
            font-size: 0.707rem;
            font-weight: 700;
            color: #535353;
            margin-top: 10px;
            white-space: normal;
            word-break: break-all;

            width: 100%;
            text-align: center; }

body.contentDetail .files-wrapper {
  position: relative; }

.container .col.primary {
  width: 100%;
  max-width: 920px;
  margin: 0 auto; }

/* .activities shows content count on member module pages */
.activities {
  display: block;
  font-size: 1.1rem;
  text-transform: uppercase;
  color: #bebebe;
  letter-spacing: 1px;
  padding: 15px 0; }

/**
	* Start Comment/Reply Components 
	*/
.new-comment-container,
.new-reply-container {
  padding-bottom: 45px; }
  .new-comment-container .row.buttons,
.new-reply-container .row.buttons{
  padding: 0px 5px; }
  .new-comment-container .row.text-editor, .new-comment-container .embed-text-wrapper, .new-comment-container .dropzone,
  .new-reply-container .row.text-editor,
  .new-reply-container .embed-text-wrapper,
  .new-reply-container .dropzone {
    margin-bottom: 25px; }
  .new-comment-container textarea,
  .new-reply-container textarea {
    resize: none;
    width: 100%; }

.new-reply-container {
  display: none;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 0px;
  background: #f7f7f7;
  width: 100%; }
  .new-reply-container .add-comment {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 10px;
    border-radius:3px;
    }

.dropzone .dz-preview.dz-image-preview {
  margin-right: 25px; }
  .dropzone .dz-preview.dz-image-preview:last-child {
    margin-right: 0; }
.dropzone .dz-image-preview.rotation-90 .dz-image{
    transform: rotate(270deg);
}

.dropzone .dz-image-preview.rotation-180 .dz-image{
    transform: rotate(180deg);
}

.dropzone .dz-image-preview.rotation-270 .dz-image{
    transform: rotate(90deg);
}

.dz-remove {
  font-style: normal; }

/**
	* End Comment/Reply Components 
	*/
@media (max-width: 979px) {
  body.contentDetail .row.contentSection.contentSection__commentBlock .comment-container .comment-text .attachments .attachment-item a {
    height: 80px; }
  .dropdownContainer {
    font-size: 0.813rem; } }

@media (max-width: 860px) {
  body.contentDetail .row.contentSection.contentSection__commentBlock {
    margin: 15px 0;
    padding-bottom: 0; }
    body.contentDetail .row.contentSection.contentSection__commentBlock .comment-container .comment-text .title-attachments {
      padding-left: 0;
      text-align: center; }
    body.contentDetail .row.contentSection.contentSection__commentBlock .comment-container .comment-text .attachments .attachment-item {
      width: 33%; }
  body.contentDetail .metrics .comments span.count, body.contentDetail .metrics .comments .fa, body.contentDetail .metrics .comments .icon,
  body.contentDetail .metrics .likes span.count,
  body.contentDetail .metrics .likes .fa,
  body.contentDetail .metrics .likes .icon,
  body.contentDetail .metrics .views span.count,
  body.contentDetail .metrics .views .fa,
  body.contentDetail .metrics .views .icon,
  body.contentDetail .metrics .attachments span.count,
  body.contentDetail .metrics .attachments .fa,
  body.contentDetail .metrics .attachments .icon {
    font-size: 0.813rem; } }

@media (max-width: 1080px) {
  body.contentDetail .row.contentSection__files .show-more {
    bottom: -40px; } }

@media (max-width: 979px) {
	.activity-like-button{
		width:100px !important;
	}
	.take-survey-text{
		font-size:10px !important;
	}
  .actions-bar .btn {
    margin-right: 5px !important; }
.actions-bar .circle-button, .actions-bar .rating-container {
    margin-right: 10px; }
  .new-reply-container .buttons {
    overflow: auto; }
  body.contentDetail.modal-open {
    height: 100%; }
  body.contentDetail .page-wrapper {
    padding-bottom: 0; }
  body.contentDetail .row.contentSection__files .file {
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: space-around;
	
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: space-around;
    width: 33%;
    margin-bottom: 25px; }
    body.contentDetail .row.contentSection__files .file.actions-bar {
      -ms-flex-pack: center;
      
	-webkit-justify-content: center;
          justify-content: center; }
  body.contentDetail .row.contentSection__files .row:after {
    width: 50%; } }

@media (max-width: 575px) {
  body.contentDetail .row.contentSection__files .file {
    width: 100%; } }

.page-category section.section-breadcrumb {
  margin-bottom: 0; }

section.category-masthead {
  margin: 0;
  padding: 0px 10px;
  position: relative; }
  section.category-masthead .container {
    width: 100%;
    max-width: 990px;
    height: 529px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: space-between;
	
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    section.category-masthead .container:after {
      content: none; }
  section.category-masthead .details {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    padding: 25px;
    width: 100%; }
    section.category-masthead .details .meader {
      display: -ms-flexbox;
      display: flex;
           display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: space-between;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  section.category-masthead h1 {
    padding-right: 25px; 
    padding-left:25px}
  section.category-masthead h4 {
    margin-bottom: 0;
    padding-left:25px }
  section.category-masthead h1, section.category-masthead h4 {
    color: #fff; }
  section.category-masthead a.btn {
    width: 150px; }
  section.category-masthead.category-masthead-default {
    background: #f7f7f7; }
    section.category-masthead.category-masthead-default .container {
      height: auto; }
      section.category-masthead.category-masthead-default .container .details {
        position: relative;
        margin-top: 0;
        border-radius: 3px;
        background: none;
        padding: 25px 0; }
        section.category-masthead.category-masthead-default .container .details h1, section.category-masthead.category-masthead-default .container .details h4 {
          color: #333; }

@media (max-width: 979px) {
  section.category-masthead {
    margin-left: 0;
    margin-right: 0; }
    section.category-masthead .container {
      padding: 0;
      margin: 0 auto;
      height: 320px; }
    section.category-masthead .details .meader {
      display: -ms-flexbox;
      display: flex;
           display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: center;

      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: start;
          align-items: flex-start;
      -ms-flex-pack: center;
          justify-content: center; }
      section.category-masthead .details .meader a.btn {
        -ms-flex-order: 1;
            order: 1;
            -webkit-flex-order:1 }
      section.category-masthead .details .meader h1 {
        -ms-flex-order: 2;
            order: 2;
        margin-bottom: 0; 
        -webkit-flex-order:2;}
      section.category-masthead .details .meader h1.title {
        text-overflow: clip;
        white-space: nowrap;
        width: 100%;
        overflow: auto; }
    section.category-masthead .details h4.desc {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; } }

.member-profile {
  margin: 0;
  display: -ms-flexbox;
  display: flex;
       display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: space-between;
	
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .member-profile__dash {
    width: 35%;
    min-height: 445px;
    padding: 55px;
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: space-around;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: space-around; }
    .member-profile__dash h3.name {
      margin: 0; }
    .member-profile__dash p.subtext {
      font-size: 0.875rem;
      color: #bebebe;
      font-style: italic;
      margin: 0; }
    .member-profile__dash .metrics {
      display: -ms-flexbox;
      display: flex;
           display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: flex-end;
	-webkit-justify-content: space-between;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: end;
          align-items: flex-end;
      -ms-flex-pack: justify;
          justify-content: space-between;
      min-width: 100px; }
    .member-profile__dash .metrics .comments, .member-profile__dash .metrics .likes, .member-profile__dash .metrics .views,
    .member-profile__dash .metrics .attachments, .member-profile__dash .metrics .content {
      margin-right: 15px;
      display: -ms-flexbox;
      display: flex;
           display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
      .member-profile__dash .metrics .comments:last-child, .member-profile__dash .metrics .likes:last-child, .member-profile__dash .metrics .views:last-child,
      .member-profile__dash .metrics .attachments:last-child, .member-profile__dash .metrics .content:last-child {
        margin-right: 0; }
      .member-profile__dash .metrics .comments span.count, .member-profile__dash .metrics .comments .icon, .member-profile__dash .metrics .likes span.count, .member-profile__dash .metrics .likes .icon, .member-profile__dash .metrics .views span.count, .member-profile__dash .metrics .views .icon,
      .member-profile__dash .metrics .attachments span.count,
      .member-profile__dash .metrics .attachments .icon, .member-profile__dash .metrics .content span.count, .member-profile__dash .metrics .content .icon {
        color: #535353;
        font-size: 1em; }
      .member-profile__dash .metrics .comments span.count, .member-profile__dash .metrics .likes span.count, .member-profile__dash .metrics .views span.count,
      .member-profile__dash .metrics .attachments span.count, .member-profile__dash .metrics .content span.count {
        padding-bottom: 5px; }
    .member-profile__dash .metrics > div:last-child {
      margin-right: 0; }
  .member-profile__details {
    border-left: 1px solid #eee;
    width: 65%;
    padding: 55px;
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: flex-start;
	-webkit-flex-wrap:wrap; 
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    /* Member Profile Tabs */ }
    .member-profile__details > div {
      width: 100%; }
    .member-profile__details .detail-item {
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          -webkit-flex: 0 0 50%; }
      .member-profile__details .detail-item span.label {
        font-size: 0.875rem;
        color: #bebebe; }
    .member-profile__details .tabs {
      float: none;
      list-style: none;
      position: relative;
      text-align: left;
      width: 100%;
      display: -ms-flexbox;
      display: flex;
           display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: center;
	
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-align: start;
      align-items: flex-start;
      -ms-flex-pack: center;
      justify-content: center;
      }
    .member-profile__details .tabs li {
      display: block;
      width: 50%; }
    .member-profile__details .tabs input[type="radio"] {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    .member-profile__details .tabs label {
      font-weight: normal;
      line-height: 2.5;
      color: #bebebe;
      border-bottom: 2px solid #eee;
      -ms-flex: 1;
      flex: 1;
      -webkit-flex:1;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      width: 100%;
      display: inline-block;
      text-align: center;
      transition: 0.3s;
      cursor:pointer; }
    .member-profile__details .tabs label:hover {
      border-bottom-color: #bebebe; }
    .member-profile__details .tabs .tab-content {
      z-index: 2;
      display: none;
      overflow: hidden;
      width: 100%;
      font-size: 17px;
      line-height: 25px;
      padding: 25px;
      position: absolute;
      left: 0; }
      .member-profile__details .tabs .tab-content.show {
        display: block; }
    .member-profile__details .tabs [id^="tab"]:checked + label,
    .member-profile__details .tabs [id^="tab"]:checked + label:hover {
      top: 0;
      font-weight: 700;
      color: #f16521;
      border-bottom-color: #f16521; }
    .member-profile__details .tabs [id^="tab"]:checked ~ [id^="tab-content"] {
      display: block; }

.survey-profile .top {
  display: -ms-flexbox;
  display: flex;
       display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: flex-start;
	
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start; }

@media (max-width: 979px) {
  .member-profile {
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: space-between;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .member-profile__details {
      border-left: none; }
    .member-profile__dash, .member-profile__details {
      width: 100%;
      padding: 15px; } }

.pagination {
  display: -ms-flexbox;
  display: flex;
       display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
	
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 35px auto;
  height: 115px; }
  .pagination:after {
    content: "";
    display: table;
    clear: both; }
  .pagination a {
    display: inline-block;
    padding: 10px;
    margin: 0 5px;
    border: 1px solid transparent; }
    .pagination a:hover {
      border: 1px solid rgba(0, 0, 0, 0.8); }

.activity-menu {
  display: -ms-flexbox;
  display: flex;
       display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
	
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 35px 0; }
  .activity-menu a.menu-item {
    width: 25%;
    text-align: center;
    font-weight: normal;
    line-height: 2.5;
    color: #bebebe;
    border-bottom: 2px solid #eee;
    -ms-flex: 1;
        flex: 1;
        -webkit-flex:1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .activity-menu a:hover {
    border-bottom-color: #bebebe; }
  .activity-menu a.menu-item.active {
    font-weight: 700;
    color: #f16521;
    border-bottom-color: #f16521; }

.activity-metrics {
  display: -ms-flexbox;
  display: flex;
       display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: space-between;

  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 25px 55px; }
  .activity-metrics .metric-item {
    width: 12.5%;
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: space-between;

    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    text-align: center; }
  .activity-metrics .metric-item .value {
    color: #1aadbc;
    font-weight: 700;
    transition: all 0.2s ease-in-out; }
  .activity-metrics .metric-item .label {
    border-top: 1px solid #eee;
    font-size: 0.707rem;
    color: #bebebe; }
  .activity-metrics .metric-item .value,
  .activity-metrics .metric-item .label {
    width: 100px;
    display: block;
    height: 45px;
    padding: 5px;
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }

.activity-filter {
  margin: 25px 55px;
  border: 1px solid #eee;
  padding: 25px;
  border-radius: 5px;
  font-size: 0.813rem;
  display: -ms-flexbox;
  display: flex;
       display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: space-between;
	
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .activity-filter .filterBy {
    margin-right: 15px;
    font-weight: 700; }
  .activity-filter label {
    margin-right: 15px; }
.activity-stream{
	overflow:auto;
}
.activity-stream table {
  width: 100%;
  border-collapse: collapse;
  min-width: 540px; }

.activity-stream thead {
  text-align: left; }

.activity-stream th {
  font-size: 0.707rem;
  color: #bebebe; }

.activity-stream tr {
  border-bottom: 1px solid #eee;
  line-height: 3em; }

.activity-stream tr:last-child {
  border: none; }

.activity-stream td {
  font-size: 0.813rem; }

@media (max-width: 797px) {
  .activity-menu {
    font-size: 0.813rem;
    margin: 15px 0;
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .activity-menu a.menu-item {
      width: 100%;
      padding: 10px;
      border: none; } }

@media (max-width: 979px) {
  .activity-metrics {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;

	-webkit-flex-wrap:wrap;  }
    .activity-metrics .metric-item {
      width: 25%;
      margin-bottom: 15px; }
      body.contentDetail .row.contentSection__commentBlock{
      	padding-top:30px;
      }
       }

@media (max-width: 480px) {
  .activity-metrics .metric-item {
    width: 50%; }
    
    .activity-like-button{
		margin:0px 100% 20px 0px !important;
	} }

.overview {
  margin: 35px 0;
  padding: 25px;
  border: 1px solid #eee;
  border-radius: 3px;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
       display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: space-between;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .overview .points-available {
    text-align: center;
    width: 20%; }
    .overview .points-available .points {
      font-weight: 400;
      font-size: 1.75em;
      color: #f16521; }
    .overview .points-available p {
      margin-bottom: 0; }
  .overview .how-it-works {
    width: 50%;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee; }
    .overview .how-it-works p {
      margin-bottom: 0;
      font-size: 0.813rem; }
  .overview .additional-links {
    width: 30%;
    font-size: 0.813rem;
    text-align:center; }
  .overview > div {
    padding: 0 25px;
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: space-around;
	
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: space-around; }

.catalog-grid .reward-item {
  float: left;
  box-sizing: border-box;
  width: 24%;
  margin-bottom: 1.3%;
  margin-right: 1.3%;
  font-size: 1em;
  height: 450px;
  border: 1px solid #eee;
  background: #fff;
  position: relative; }
  .catalog-grid .reward-item:nth-child(4n) {
    margin-right: 0; }
  .catalog-grid .reward-item a {
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    text-align: center;
    padding: 25px;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: space-around;
	
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: space-around; }
  .catalog-grid .reward-item .details p {
    font-size: 0.813rem; }
  .catalog-grid .reward-item h4.reward-name {
    color: #535353;
    font-size: 1em; }
  .catalog-grid .reward-item .details {
    padding: 25px 25px 0; }
    .catalog-grid .reward-item .details p span {
      font-weight: 700;
      color: #f16521; }

.locked-overlay,
.quest-overlay,
.gift-overlay {
  display: block;
  width: 55px;
  height: 55px;
  position: absolute;
  top: -5px;
  left: -10px;
  background: rgba(255, 255, 255, 0);
  background-position-x: 15px;
  background-position-y: 15px;
  background-repeat: no-repeat;
  background-size: 36px 36px; }

.locked-overlay {
  background: rgba(255, 255, 255, 0) url("../img/catalog-reward-type--locked.png") center center no-repeat; }

.quest-overlay {
  background: rgba(255, 255, 255, 0) url("../img/catalog-reward-type--quest.png") center center no-repeat; }

.gift-overlay {
  background: rgba(255, 255, 255, 0) url("../img/catalog-reward-type--gift.png") center center no-repeat; }

@media (max-width: 1020px) {
  .overview {
    padding: 15px 0; }
    .overview p {
      font-size: 0.813rem; }
    .overview .additional-links {
      text-align: center; }
      .overview .additional-links p:last-child {
        margin-bottom: 0; }
    .overview > div {
      padding: 0 15px; }
  .catalog-grid .reward-item {
    height: 350px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: center;

    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .catalog-grid .reward-item a, .catalog-grid .reward-item .details {
      padding: 15px; }
    .catalog-grid .reward-item h4 {
      font-size: 1em;
      font-weight: 700; }
    .catalog-grid .reward-item p {
      font-size: 0.813rem; } }

@media (min-width: 769px) and (max-width: 1020px) {
  .catalog-grid .reward-item {
    width: 32.333%;
    margin-right: 1.5%;
    margin-bottom: 1.5%; }
    .catalog-grid .reward-item:nth-child(3n) {
      margin-right: 0; } }

@media (max-width: 768px) {
  .overview {
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: center;
	
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: center;
        justify-content: center; }
    .overview .points-available, .overview .how-it-works, .overview .additional-links {
      width: 100%; }
      .overview .points-available p:last-child, .overview .how-it-works p:last-child, .overview .additional-links p:last-child {
        margin-bottom: 0; }
    .overview .how-it-works {
      border: 0;
      margin: 15px 0;
      padding: 15px;
      border-top: 1px solid #eee;
      border-bottom: 1px solid #eee; }
  .catalog-grid .reward-item {
    width: 47%;
    margin-right: 6%;
    margin-bottom: 6%; }
    .catalog-grid .reward-item:nth-child(2n) {
      margin-right: 0; } }

.settings-menu {
  display: -ms-flexbox;
  display: flex;
       display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: space-between;
	-webkit-flex-wrap:wrap; 
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 35px 0; }
  .settings-menu a.menu-item {
    width: 20%;
    text-align: center;
    font-weight: normal;
    line-height: 2.5;
    color: #bebebe;
    border-bottom: 2px solid #eee; }
  .settings-menu a:hover {
    border-bottom-color: #bebebe; }
  .settings-menu a.menu-item.active {
    font-weight: 700;
    color: #f16521;
    border-bottom-color: #f16521; }

.avatar {
  display: block;
  margin: 20px auto; }

.centerFlex {
  display: -ms-flexbox;
  display: flex;
       display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: space-around;
	-webkit-flex-wrap:wrap; 
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: space-around; }

.member-information {
  margin: 35px auto; }
  .member-information .form-container {
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: space-between;
	-webkit-flex-wrap:wrap; 
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .member-information .form-container .form-group {
      width: 45%;
      margin-bottom: 1.5em; }
     #term-and-condition-container{
     	width:100%;
     }
    .member-information .form-container .form-group label {
      font-weight: 700;
      color: #535353;
      font-size: 0.813rem;
      margin-bottom: 1em; }
      .member-information .form-container .form-group label:after {
        content: "";
        display: table;
        clear: both; }

.settings-option {
  display: -ms-flexbox;
  display: flex;
       display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: space-between;

  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 2em;
  padding: 1em; }
  .settings-option .action {
    width: 35%;
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: space-around;
	
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: space-around; }
  .settings-option .action span.toggleLabel {
    display: block;
    font-weight: 700;
    font-size: 0.875rem;
    color: #535353; }
  .settings-option .description {
    width: 65%;
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: space-around;
	
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: center;
        justify-content: space-around;
    text-align: left; }
  .settings-option .description h4, .settings-option .description p {
    margin: 0; }
  .settings-option .description h4 {
    margin-bottom: 1em; }

.subsettings-container {
  display: -ms-flexbox;
  display: flex;
       display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: flex-end;
	-webkit-justify-content: flex-end;

  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: end;
      justify-content: flex-end;
  width: 100%; }
  .subsettings-container .subsettings {
    width: 100%;
    height: 120px;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-align-items: center;
	-webkit-justify-content: space-between;
	-webkit-flex-wrap:wrap; 
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .subsettings-container .subsettings .action {
      width: 75px;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          -webkit-flex: 0 0 auto; }
    .subsettings-container .subsettings .description {
      -ms-flex: 1 1;
          flex: 1 1;
          -webkit-flex:1 1;
      padding: 0 25px; }

@media (max-width: 979px) {
  .activity-menu {
    font-size: 14px;
    height:200px; }
  .subsettings-outer-container > .action {
    width: 0; }
  .subsettings-outer-container > .description {
    width: 100%; }
  .settings-option {
    margin: 25px 0;
    padding: 25px 0;
    border-bottom: 1px solid #eee; }
    .settings-option:last-child {
      border-bottom: none; }
    .settings-option--closeAccount {
      display: -ms-flexbox;
      display: flex;
           display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      text-align: center; }
      .settings-option--closeAccount .description {
        text-align: center; }
      .settings-option--closeAccount .description h4 {
        width: 100%; }

         }

@media (min-width: 980px) {
  .member-information {
    width: 100%;
    max-width: 990px; }
    
       #attachmentDetailContainer{
  height:100%;
   } }
.cancel-comment-link{
	margin:10px 2px 5px 0px;
}
fieldset.rating,
fieldset.rating label {
  margin: 0;
  padding: 0; }

.rating {
  border: none;
  float: left; }

.rating > input {
  display: none; }

.rating > label:before {
  margin: 3px;
  font-size: 0.813rem;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005"; }

.rating > .half:before {
  content: "\f089";
  position: absolute; }

.rating > label {
  color: #ddd;
  float: right; }

/***** CSS Magic to Highlight Stars on Hover *****/
.rating > input:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
  color: #FFD700; }

/* hover previous stars in list */
.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input:checked ~ label:hover ~ label {
  color: #FFED85; }

body.page-search section.section.section-body > .container.card-container {
  padding: 0; }

@media (min-width: 980px) {

  body.page-search section.section.section-cards > .container {
    width: auto; }
  body.page-search section.section.section-cards > .container.card-container .card, body.page-search section.section.section-cards > .container.card-container .card.card--member {
    width: 300px; } }

@media (max-width: 979px) {
  body.page-search .page-wrapper {
    padding-bottom: 0; }
  body.page-search section.section.section-cards {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0; } }

.livechat-landing-container .attendance-container {
  float: left;
  margin-right: 15px; }

.livechat-landing-container .attendance-inside-container {
  padding: 10px;
  background-color: #e2e2e2; }

.livechat-landing-container .p_lc_sessionStats {
  float: left;
  margin-top: 0;
  width: 100%; }

.livechat-landing-container .p_lc_status {
  color: red;
  float: left;
  text-transform: uppercase;
  margin-right: 10px; }

.livechat-landing-container .p_lc_statusPending {
  color: green; }

.livechat-landing-container .p_lc_timer {
  float: left;
  margin-right: 10px; }

.livechat-landing-container .p_cd_timer {
  float: left;
  width: 120px;
  background: #F9F9F9; }

.livechat-landing-container .p_cd_timer .countdown_amount {
  font-size: 15px; }

.livechat-landing-container .clear {
  clear: both; }
.livechat-landing-container{
	padding:0px 5px;
}
.live-chat-not-available-for-mobile{
	font-size:20px;
	font-weight:bold;
	padding:10px;
}
@media (max-width: 979px) {
  .livechat-landing-container .attendance-container {
    width: 100%;
    margin: 0;
    float: none; }
  .livechat-landing-container .attendance-inside-container {
    text-align: center; }
  .livechat-landing-container .form-buttons {
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: flex-start;
	
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: start;
        justify-content: flex-start;
    margin: 0;
    float: none;
    width: 100%; }
    .livechat-landing-container .form-buttons > .btn {
      margin: 0 auto;
      width: 100%; } }

.page-login footer {
  border-top: 1px solid #eee;
  font-size: .7em;
  height: auto;
  background: #fff; 
  max-width: 979px;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  width:100%;
  }
  .page-login footer .footer__psgr{
  	width: 100%;
  	text-align:center;
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: flex-start;
	-webkit-justify-content: space-between;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: justify;
        justify-content: space-between;
    line-height: 30px;
    margin: 1px 0 0 0; 
  }
  .page-login footer .footer__psgr > div, .page-login footer .footer__psgr > a, .page-login footer .footer__psgr > span{
  	width:100%;
  } 
  footer {
  border-top: 1px solid #eee;
  font-size: .7em;
  height: auto;
  background: #fff; 
  padding: 25px;
  width:100%;
  }
  footer:after {
    content: "";
    display: table;
    clear: both; }
  footer .footer__community {
    height: 90px; }
    footer .footer__community .communityLogo {
      text-indent: -8888px;
      height: 44px;
      width: 300px;
      margin-bottom: 25px; }
    footer .footer__community a {
      color: #1169AF;
      text-decoration: none; }
      footer .footer__community a:hover {
        color: #0070FF;
        text-decoration: underline; }
  footer .footer__psgr {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: space-between;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    line-height: 30px;
    margin:0; }

    footer .footer__psgr .logo {
      height: 30px;
      width: 113px;
      background: url("../img/technology-by-passenger.png") 0 0 no-repeat;
      text-indent: -8888px; }
  footer .footer__support {
    position: absolute;
    top: 0;
    right: 0; }
  footer .container:after {
    content: "";
    display: table;
    clear: both; }

@media (min-width: 980px) {
  footer .container {
    width: auto;
    margin: 0 25px; } }



@media (max-width: 480px) {
  footer .footer__support {
    position: relative;
    margin: 15px auto;
    text-align: center; }
  footer .footer__community {
    text-align: center; }
    footer .footer__community > div {
      margin: 0 auto; }
  footer .footer__psgr {
    display: -ms-flexbox;
    display: flex;
         display:-webkit-flex;
	 -webkit-flex-direction:column;
	 -webkit-align-items: center;
	-webkit-justify-content: center;
	-webkit-flex-wrap:wrap; 
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }

    footer .footer__psgr div:first-child {
      margin-bottom: 15px; } }

/* Mobile Breakpoint */
@media (max-width: 979px) {
  body {
    background-image: none !important;
    }
    .page-login footer .footer__psgr *{
  	width:100%;
  	max-width:100%;
  		}
  	 footer .footer__psgr {
  	 	text-align:center;
  	 } 
   }

/* Desktop breakpoint */
/* Content detail page */
.no-flexbox body.contentDetail .row.contentSection__files .file .thumbnail {
  width: 160px;
  max-width: 160px; }

.no-flexbox body.contentDetail .row.contentSection__files .file span {
  display: block;
  max-width: 160px;
  width: 160px; }

.no-flexbox body.contentDetail .row.contentSection__commentBlock .comment-container .comment-text .attachments .attachment-item span.caption {
  display: block;
  text-align: center; }

.no-flexbox .content-modal.add-files-modal .upload-or-embed a.dialog-option {
  display: block;
  width: 200px;
  height: 275px; }

/* Top menu notifications */
.no-flexbox .top__notifications {
  width: 350px; }

.no-flexbox .top__notifications .notif {
  height: 90px;
  width: 115px; }

.no-flexbox .top__notifications .notif span {
  display: block; }

/* Activity menu */
.no-flexbox .activity-menu a.menu-item {
  display: block;
  float: left;
  padding: 0 10px; }

.no-flexbox .activity-menu {
  width: 100%; }

/* Member Profile */
.no-flexbox .member-profile__dash .metrics > div {
  display: block;
  height: 45px;
  width: 20px; }

.no-flexbox .member-profile__dash .metrics > div > * {
  display: block; }

.no-flexbox .member-profile__dash > * {
  margin-bottom: 25px !important; }

.no-flexbox .member-profile__dash .subtext {
  display: block; }

.no-flexbox .member-profile__dash > .metrics {
  width: 100%; }

.no-flexbox .member-profile__details .activity-menu {
  max-width: 530px; }

.no-flexbox .member-profile__details .container {
  width: 530px; }

.no-flexbox .member-profile__details {
  width: 640px; }

.no-flexbox .member-profile__details .detail-item {
  width: 530px; }

.no-flexbox .member-profile__details .detail-item p {
  width: 100% !important;
  white-space: normal !important;
  word-break: break-word !important; }

.no-flexbox .container .card .category {
  max-width: 200px; }

/* 
 * Bug Fix for Attachment Detail Modal
 * Target IE10 and IE11 (no-flexbox) to fix media modal
 */
.no-flexbox .media-modal.modal .modal__media .media-container .media-dots-container,
.ie11 .media-modal.modal .modal__media .media-container .media-dots-container {
  position: relative;
  width: 100%;
  left: 0px;
  margin-left: 0px; }

.no-flexbox .media-modal.modal .modal__media .media-container .media-dots,
.ie11 .media-modal.modal .modal__media .media-container .media-dots {
  max-width: 100%;
  display: block;
  position: relative; }

.ie11 .media-modal.modal .modal__media .media-container {
  height: 100%; }

.no-flexbox .media-modal.modal .modal__media .media-container .media-item--image,
.no-flexbox .media-modal.modal .modal__media .media-container .media-item--audio,
.no-flexbox .media-modal.modal .modal__media .media-container .media-item--document,
.no-flexbox .media-modal.modal .modal__media .media-container .media-item--other,
.ie11 .media-modal.modal .modal__media .media-container .media-item--image,
.ie11 .media-modal.modal .modal__media .media-container .media-item--audio,
.ie11 .media-modal.modal .modal__media .media-container .media-item--document,
.ie11 .media-modal.modal .modal__media .media-container .media-item--other {
  margin-top: 75px; }

.no-flexbox .modal.media-modal .modal__details .comments-collection,
.ie11 .modal.media-modal .modal__details .comments-collection {
  height: 485px; }

.no-flexbox .modal.media-modal .modal__details .new-comment,
.ie11 .modal.media-modal .modal__details .new-comment {
  height: 125px; }

.no-flexbox .modal.media-modal .modal__details .detailsWrapper,
.ie11 .modal.media-modal .modal__details .detailsWrapper {
  min-height: 130px; }

.no-flexbox .modal.media-modal .modal__details,
.ie11 .modal.media-modal .modal__details {
  height: 768px;
  display: block; }


/* NEW CSS */
.download-button-container{
	width:100%;
	margin:10px 0px 5px 5px;
}
.shareable-number{
	font-size:10px; 
	display:none;
}
.shareable-button{
	margin:0px 10px 0px 0px !important;
}

.media-item {  
    position: relative;
}
.media-item *  {  
    max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}

.terms-agreed-checkbox{
	width:16px !important;
	height:16px !important;
}

.terms-agreed-checkbox-mobile{
	width:40px !important;
	height:40px !important;
}
.hidden-like{
	display:none !important;
}
.card-triangle{
	width:0px;
	height:0px;
	border-bottom:100px solid;
	border-left:100px solid transparent;
	position: absolute;
    right: -10px;
    bottom: 0px;
}
.card-triangle.cell-content-module-card-triangle{
	right:0px;
}
.card-points-number{
	font-size: 14px;
    position: relative;
    right: 50px;
    top: 50px;
    font-weight: bold;
    width: 45px;
    text-align: center;
    height: 25px;
    margin: 0px !important;
}
.card-points-unlimited{
    font-size: 12px;
    position: relative;
    right: 55px;
    top: 55px;
    font-weight: bold;
    width: 55px;
    text-align: center;
    height: 25px;
    margin: 0px !important;
}
.card-points{
	position: relative;
    top: 50px;
    right: 75px;
    font-size: 12px;
    margin: 0px !important;
    width: 75px;
    text-align: center;
    overflow:hidden;
}
.media-attached-svg{
	position:relative;
	top:3px;
	margin-left:5px;
}
.media-attached-svg *{
	stroke:#888
}
.card .metrics .icon{
	font-size:20px !important;
}
.card .metrics .icon-star{
	font-size:26px !important;
	position:relative;
	bottom:6px;
}
.card__container .date{
	display:none !important;
}
#media-attached-new-badge{
	position: relative;
    bottom: 30px;
    top: -35px;
    left: 15px;
}
.row.text-editor #cke_addReplyMessage{
	border-radius:3px;
}
.cke_top{
	width:auto !important;
}
.cke_editor{
	border: 1px solid #ccc;
}
  .text-blue{
  	color:#1aadbc !important;
  }
 .one-time-login-container{
 	width:640px;
 	margin:auto;
 	box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14);
 	text-align:center;
 }
  .one-time-login-container #username,.one-time-login-container #password,.one-time-login-container button{
  width:415px !important;
  margin:auto !important;
  }
 .socialLinking-container{
 	background-color:#333;
 	color:#fff;
 	padding:30px 30px 10px 30px;
 	margin:0px 0px 30px 0px;
 }
 .socialLinking-container svg{
 	display:inline-block;
 	width:45px;
 	position:absolute;
 	margin:-15px 0px 0px -5px;
 }
 .socialLinking{
 	display:inline-block;
 	width: calc(100% - 50px);
    position: relative;
    bottom: 10px;
    margin-left:50px;
    text-align:left;
 }
.geo-location-content-container{
	text-align:center !important;
}

.geo-location-content-container h1{
	display:none !important;
}
.geolocation-activity-title{
  font-weight: bold;
  margin:20px 0px;
}
.geolocation-activity{
  color: rgba(0, 0, 0, 0.6);
  text-align:center;
}
.geolocation-text-preview{
	text-align:left;
	padding:20px;
	border-top:2px solid #e7e7e7;
	    margin: 15px 0;
}
.geolocation-text-preview *{
	width:100%;
}
.geolocation-activity-text{
	margin:0px 0px 20px 0px
}
.geolocation-activity-return{
	margin:50px 0px 0px 0px;
	color: #00a1ff !important;
	text-align:center;
}
.geolocation-activity-return div{
	text-decoration: underline;
	color: #00a1ff !important;
	font-size:14px;
}
 .post-attachment-add-svg{
 	fill:#333;
 	position:relative;
 	top:5px;
 	right:3px;
 	width:20px;
  height:20px;
 }
 .post-attachment-add-text{
 	position:relative;
 	bottom:3px;
 }
 .dl-attachment-add-svg{
  	top:2px;
  	position:relative;
 }
 .take-survey-svg{
 	position:relative;
 	top:3px;
 	left:3px;
 }
 .take-survey-text{
 	position:relative;
 	bottom:2px;
 	display:inline !important;
 }
 .take-survey-button-placeholder{
 	width:230px;
 }

 #twitter_section iframe{
	 width:100% !important;
 	margin:0px !important
 }
  #instgram_section{
  	height:500px;
  	overflow:auto;
  }
 #instgram_section iframe{
	 width:100% !important;
 	margin:0px !important
 }
 .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    margin-left: 80px !important;
    border: 1px solid #aaaaaa;
    color: #222222;
    font-weight: bold;
}
.timeout-dialog{
	top:300px !important;
}
.w100{
	width:100%;
}
.mw100{
	max-width:100%;
	overflow:hidden;
}
.long-form-group{
	height:120px;
}
.live-chat-media{
	width:100%;
	max-width:600px;
	height:auto;
	
}
.live-chat-title{
	padding:0px 5px;
}
.live-chat-section-mobile{
	margin-left:0px !important;
	margin-right:0px !important;
}
.live-chat-section-mobile .container{
	margin-left:0px !important;
	margin-right:0px !important;
	width:100% !important;
	max-width:100% !important;
	
}
.hidden{
	display:none !important;
}
#header-search{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:99;
	display:none;
}
#desktop-search-icon{
	cursor:pointer;
}
#search-box-header-triangle{
  width: 30px; 
  height: 30px; 
	z-index:33;
  position:fixed;
  top:85px;
  right:645px;
}
#search-box-open-background{
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	z-index:1;
}
#search-box-container{
	position:absolute;
	right:500px;
	top:100px;
	background-color:#fff;
	width:300px;
	height:60px;
	border:1px solid #f0f0f0;
	z-index:2; 
}
#search-box-text{
	border:1px solid #e5e5e5;
	margin-top:10px;
	margin-left:10px;
	width:240px;
	display:inline-block;
	position:relative;
	bottom:5px;
}
#search-box-container svg{
	width:30px;
	height:30px;
	margin:10px 0px 0px 10px;
	fill:#999;
}
#search-box-submit{
	display:inline-block;
	padding:0px;
	position:relative;
	top:5px;
	right:5px;
	margin:0px;
}
#search-box-submit:focus{
	border:none !important;
	outline:0 !important;
	outline-style: none;
	box-shadow:none;
}
#sortBy,#selectActionType{
	background-color:transparent;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.45;
    color: #7b7b7b;
    border:none;
    font-size:14px;
    margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none; 
   min-width:160px;
  background-repeat: no-repeat;
  cursor:pointer;
  background: url('../img/select-down-arrow.png') no-repeat right;
  background-size:16px;
}
.dropdownContainer{
	font-size:14px;
	color: #7b7b7b;
}
#selectActionType{
	padding-right:25px;
}
.explore-activities{
	background-color:transparent;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.45;
    color: #7b7b7b;
    font-size:14px;
   min-width:200px;
   height:40px;
  cursor:pointer;
  padding:10px 30px 10px 10px;
  position:relative;
  max-width:200px;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
}
.explore-activities #triangle{
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #7b7b7b;
    position: absolute;
    right: 10px;
    bottom: 15px;
}
#sortBy::-ms-expand ,#selectActionType::-ms-expand{
    display: none;
}
#explore-activities-container{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:98;
	 display:none;
	 }
#explore-activities-background{
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	z-index:1;
	background-color:#000;
	opacity:.5;
}
#explore-activities-dropdown{
	margin-top:100px;
	z-index:2;
	position:relative;
}
#explore-activities-first-level{
	background-color:#fff;
	width:200px;
	padding:16px 0px;
	display:none;
}
.explore-activities-first-level-item{
	padding:10px 10px;
	cursor:pointer;
	font-size:14px;
	color: #7b7b7b;
}
.explore-activities-second-level-item a{
	color:#666;
	font-weight:normal;
	width:100%;
	height:100%;
	display:inline-block;
}

.explore-activities-second-level-item a:hover{
	color:#666;
}
.explore-activities-first-level-item a:hover,.explore-activities-second-level-item a:hover{
	color:#333;
}
.explore-activities-first-level-item.active{
	color:#333;
}

.explore-activities-first-level-item.active svg{
	visibility:hidden;
}
.explore-activities-first-level-item svg{
	fill:#7b7b7b;
	position:relative;
	top:7px;
}
.explore-activities-second-level{
	background-color: #fff;
    position: absolute;
    left: 200px;
	display:none;
		
    
    grid-auto-flow: column;
}
#explore-activities-second-level-categories{
	top:55px;
	grid-template-rows: repeat(15, 50px);
	max-height:750px;
	overflow-y:auto;
}
#explore-activities-second-level-topics{
	top:105px;
	grid-template-rows: repeat(14, 50px);
	max-height:700px;
	overflow-y:auto;
}
.explore-activities-second-level-item{
	width:250px;
	padding:15px 20px;
	height:50px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size:14px;
}
.explore-activities-second-level .last-item a{
	text-decoration: underline
}
.margin-left-5{
	margin-left:5px;
}


#flagAttachmentModal #flagAttachmentReason{
	width:calc(100% - 100px);	
	margin:0px;
}
#flag-attachment-button-container{
	width:100px;
	position:absolute;
	right:0;
	top:0;
}
#flag-attachment-button-container button{
	height:25px;
	margin:0px !important;
}	

  @media (max-width: 690px) {
 .one-time-login-container{
 	width:100%;
 }

   .one-time-login-container #username,.one-time-login-container #password,.one-time-login-container button{
  width:calc(100% - 40px) !important;
  margin:0px 20px !important;
  }
	}
	
	@media (max-width: 979px) {
	 footer .container{
		width:calc(100% - 40px);
		margin:0px 20px;
	}
   .activity-like-button{
   	min-width:42px !important;
   	width:42px !important;
   	border-radius:50px !important;
   	opacity:1 !important;
   	padding:0px !important;
   }
   .activity-like-button.btn-applied{
   	color:red !important;
   }
   #addAttachmentsStickyButton{
   	   	min-width:42px !important;
   		width:42px !important;
   		border-radius:50px !important;
   		opacity:1 !important;
   		padding:0px !important;
   }
   #addAttachmentsStickyButton svg{
   	right:0px;
   }
   footer .container{
	width:calc(100% - 40px);
	margin:0px 20px !important;
}	
	}
.not-visible{
	opacity:0;
	transition:opacity 0.25s linear;
}
.visible-animate{
	opacity:1;
}
#pagination .pagination li{
	    list-style: none !important;
	    padding: 10px !important;
    margin: 0 5px !important;
}
.no-announcment-available{
	background-color: #f7f7f7;
    display: inline-block;
    padding: 10px;
}
#user-dropdown li{
	margin-left:0px;
}
.notification-details-actions li{
	    list-style: none !important;
}
#member-forum-container{
	padding:0px !important;
}
#overlayHyperItemModal .modal{
	width:auto;
	max-width:90%;
	text-align: left;
    white-space: normal;
}
#overlayHyperItemModal #overlayHyperItemHtml{
	max-width:100%;
	overflow:auto;
}
.section-with-banner .container{
	padding:0px !important;
}


.comment-needs-approval{
	padding:15px;
	border:2px solid #FDAD00;
	border-radius:10px;
}
.comment-needs-approval > .needs-approval-icon-text-container,.file-needs-approval > .needs-approval-icon-text-container,.post-needs-approval > .needs-approval-icon-text-container{
	display:block !important;
}

.comment-needs-approval > .needs-approval-icon-text-container{
	position:absolute;
	margin:auto;
	top:0px;
	background-color:#FDAD00;
	font-size:13px;
	color:#fff;
	padding:5px;
	width:200px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align:center;
    left:calc(50% - 100px);
    height: 30px;
}

.needs-approval-icon-text-container svg{
	width: 25px;
    height: 25px;
    fill: #fff;
    position: relative;
}

.needs-approval-icon-text-container span{

    position: relative;
    bottom: 10px;
}

.file-needs-approval{
	padding:35px 5px 5px 5px !important;
	border:1px solid #FDAD00;
	border-radius:13px;
}
.needs-approval-icon-text-container{
	display:none;
}
.file-needs-approval > .needs-approval-icon-text-container{
	position:absolute;
	background-color:#FDAD00;
	font-size:13px;
	color:#fff;
	padding:5px;
	width:100%;
    text-align:center;
    height: 30px;
    border-radius:0px;
    left:0px;
    top:0px;
        border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.post-needs-approval{
	padding:35px 5px 5px 5px !important;
	border:3px solid #FDAD00;
	border-radius:3px;
	position:relative;
}

.post-needs-approval >.needs-approval-icon-text-container{
	position:absolute;
	background-color:#FDAD00;
	font-size:13px;
	color:#fff;
	padding:5px;
	width:100%;
    text-align:center;
    height: 30px;
    border-radius:0px;
    left:0px;
    top:0px;
	margin-top:0px !important;
}
#attachmentComments .comment-container{
	position:relative;
}
#attachmentComments{
	margin-top:10px;
}
#attachmentComments .comment-needs-approval{
	padding:25px 15px 10px 15px !important;
	margin-bottom:10px;
}
.file.file-needs-approval {
	margin-right:15px;
}
	
/* privacy accept modal */
#privacy-accept-modal{
 	position:fixed;
 	width:100%;
 	height:100%;
 	background-color:#000;
 	z-index:9999999999999999999999;
 	margin-top:-110px;
 	padding-top:50px;
}
#privacy-accept-modal .modal-dialog{
	background-color:#fff;
	max-height:600px;
	width:600px;
	padding:20px;
	margin:auto;
	max-width:100%;
}
#privacy-accept-modal .modal-dialog .modal-header{
	height:50px;
}
#privacy-accept-modal .modal-dialog .modal-body{
	max-height:400px;
	overflow:auto;
	min-height:100px;
}
#privacy-accept-modal .modal-dialog .modal-footer{
	height:30px;
	text-align:center;
	margin-top:30px;
}
#skip-gdpr{
	background-color: #bbb;
	color:#fff;
}
.data-for-footer-overlay{
  display: none;
}
#internalFooterPageModal{
  max-height: calc(100% - 170px);
  overflow: auto;
}
#internalFooterPageModal .modal__body{
  max-height: 100%;
  max-width: 100%;
  word-break: break-word;
}