html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
button,
.list-item-icon {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
section {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  background: transparent;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  border: 0;
  display: block;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
.back-color-a {
  background-color: #1a1a1a;
}
.color-a {
  color: #1a1a1a;
}
.border-color-a {
  border-width: 0;
  border-color: #1a1a1a;
}
.back-color-b {
  background-color: #ededed;
}
.color-b {
  color: #ededed;
}
.border-color-b {
  border-width: 0;
  border-color: #ededed;
}
.back-color-c {
  background-color: #000;
}
.color-c {
  color: #000;
}
.border-color-c {
  border-width: 0;
  border-color: #000;
}
.back-color-d {
  background-color: #f67f00;
}
.color-d {
  color: #f67f00;
}
.border-color-d {
  border-width: 0;
  border-color: #f67f00;
}
.back-color-e {
  background-color: #fc3;
}
.color-e {
  color: #fc3;
}
.border-color-e {
  border-width: 0;
  border-color: #fc3;
}
.back-color-f {
  background-color: #e8e8e8;
}
.color-f {
  color: #e8e8e8;
}
.border-color-f {
  border-width: 0;
  border-color: #e8e8e8;
}
.back-color-g {
  background-color: #a2ca00;
}
.color-g {
  color: #a2ca00;
}
.border-color-g {
  border-width: 0;
  border-color: #a2ca00;
}
.back-color-h {
  background-color: #fcfcfc;
}
.color-h {
  color: #fcfcfc;
}
.border-color-h {
  border-width: 0;
  border-color: #fcfcfc;
}
.back-color-k {
  background-color: #858585;
}
.color-k {
  color: #858585;
}
.border-color-k {
  border-width: 0;
  border-color: #858585;
}
.back-color-l {
  background-color: #656262;
}
.color-l {
  color: #656262;
}
.border-color-l {
  border-width: 0;
  border-color: #656262;
}
.back-color-n {
  background-color: #2b2926;
}
.color-n,
.idea-description p {
  color: #2b2926;
}
.border-color-n {
  border-width: 0;
  border-color: #2b2926;
}
.back-color-o {
  background-color: #a0a0a0;
}
.color-o {
  color: #a0a0a0;
}
.border-color-o {
  border-width: 0;
  border-color: #a0a0a0;
}
.back-color-p {
  background-color: #898989;
}
.color-p {
  color: #898989;
}
.border-color-p {
  border-width: 0;
  border-color: #898989;
}
.back-color-q {
  background-color: #343434;
}
.color-q {
  color: #343434;
}
.border-color-q {
  border-width: 0;
  border-color: #343434;
}
.back-color-r {
  background-color: #262626;
}
.color-r {
  color: #262626;
}
.border-color-r {
  border-width: 0;
  border-color: #262626;
}
.back-color-s {
  background-color: #2b2926;
}
.color-s {
  color: #2b2926;
}
.border-color-s {
  border-width: 0;
  border-color: #2b2926;
}
.back-color-t {
  background-color: #191919;
}
.color-t {
  color: #191919;
}
.border-color-t {
  border-width: 0;
  border-color: #191919;
}
.back-color-u {
  background-color: #9b9b9b;
}
.color-u {
  color: #9b9b9b;
}
.border-color-u {
  border-width: 0;
  border-color: #9b9b9b;
}
.back-color-v {
  background-color: #f4f4f4;
}
.color-v {
  color: #f4f4f4;
}
.border-color-v {
  border-width: 0;
  border-color: #f4f4f4;
}
.back-color-x {
  background-color: #666;
}
.color-x {
  color: #666;
}
.border-color-x {
  border-width: 0;
  border-color: #666;
}
.back-color-y {
  background-color: #e0e0e0;
}
.color-y {
  color: #e0e0e0;
}
.border-color-y {
  border-width: 0;
  border-color: #e0e0e0;
}
.back-color-error {
  background-color: #f00;
}
.color-error {
  color: #f00;
}
.border-color-error {
  border-width: 0;
  border-color: #f00;
}
.back-color-a-second {
  background-color: #342d2e;
}
.color-a-second {
  color: #342d2e;
}
.border-color-a-second {
  border-width: 0;
  border-color: #342d2e;
}
.back-color-b-second {
  background-color: #fff;
}
.color-b-second {
  color: #fff;
}
.border-color-b-second {
  border-width: 0;
  border-color: #fff;
}
.back-color-secondary {
  background-color: #d2e12c;
}
.color-secondary {
  color: #d2e12c;
}
.border-color-secondary {
  border-width: 0;
  border-color: #d2e12c;
}
.back-color-light {
  background-color: #807d77;
}
.color-light {
  color: #807d77;
}
.border-color-light {
  border-width: 0;
  border-color: #807d77;
}
.back-color-lighterGrey {
  background-color: #f2f2f2;
}
.color-lighterGrey {
  color: #f2f2f2;
}
.border-color-lighterGrey {
  border-width: 0;
  border-color: #f2f2f2;
}
.back-color-idea {
  background-color: #f6632c;
}
.color-idea {
  color: #f6632c;
}
.border-color-idea {
  border-width: 0;
  border-color: #f6632c;
}
.back-color-contributors {
  background-color: #a3c81c;
}
.color-contributors {
  color: #a3c81c;
}
.border-color-contributors {
  border-width: 0;
  border-color: #a3c81c;
}
.back-color-orange {
  background-color: #f6632c;
}
.color-orange {
  color: #f6632c;
}
.border-color-orange {
  border-width: 0;
  border-color: #f6632c;
}
.back-color-light-orange {
  background-color: #f78256;
}
.color-light-orange {
  color: #f78256;
}
.border-color-light-orange {
  border-width: 0;
  border-color: #f78256;
}
.back-color-dark-orange {
  background-color: #ac5230;
}
.color-dark-orange {
  color: #ac5230;
}
.border-color-dark-orange {
  border-width: 0;
  border-color: #ac5230;
}
.back-color-green {
  background-color: #9ebf25;
}
.color-green {
  color: #9ebf25;
}
.border-color-green {
  border-width: 0;
  border-color: #9ebf25;
}
.back-color-light-green {
  background-color: #a3c81c;
}
.color-light-green {
  color: #a3c81c;
}
.border-color-light-green {
  border-width: 0;
  border-color: #a3c81c;
}
.back-color-dark-green {
  background-color: #90b118;
}
.color-dark-green {
  color: #90b118;
}
.border-color-dark-green {
  border-width: 0;
  border-color: #90b118;
}
.back-color-action {
  background-color: #00b7da;
}
.color-action {
  color: #00b7da;
}
.border-color-action {
  border-width: 0;
  border-color: #00b7da;
}
.back-color-action-dark {
  background-color: #0099b6;
}
.color-action-dark {
  color: #0099b6;
}
.border-color-action-dark {
  border-width: 0;
  border-color: #0099b6;
}
.back-color-action-light {
  background-color: #33c5e1;
}
.color-action-light {
  color: #33c5e1;
}
.border-color-action-light {
  border-width: 0;
  border-color: #33c5e1;
}
.back-color-white {
  background-color: #fff;
}
.color-white {
  color: #fff;
}
.border-color-white {
  border-width: 0;
  border-color: #fff;
}
.hover-back-color-h:hover {
  background-color: #fcfcfc;
}
.inherit-bg {
  background-color: inherit;
}
.inherit-color {
  color: inherit;
}
.faded-section {
  background-color: #e0e0e0;
  background: linear-gradient(#f2f2f2, #e0e0e0);
}
[class*="grid-col-"].pa0,
.pa0 {
  padding: 0px;
}
.ma0 {
  margin: 0px;
}
[class*="grid-col-"].pa1,
.pa1,
.dashed-box,
.system-message,
.sys-message,
.system-message-info,
.system-message-info .system-message-content {
  padding: 10px;
}
.ma1,
.checkbox {
  margin: 10px;
}
[class*="grid-col-"].pa2,
.pa2,
#loading-wrapper {
  padding: 20px;
}
.ma2 {
  margin: 20px;
}
[class*="grid-col-"].pa3,
.pa3 {
  padding: 30px;
}
.ma3 {
  margin: 30px;
}
[class*="grid-col-"].pa4,
.pa4 {
  padding: 40px;
}
.ma4 {
  margin: 40px;
}
[class*="grid-col-"].pa5,
.pa5 {
  padding: 50px;
}
.ma5 {
  margin: 50px;
}
[class*="grid-col-"].pa6,
.pa6 {
  padding: 60px;
}
.ma6 {
  margin: 60px;
}
[class*="grid-col-"].pa7,
.pa7 {
  padding: 70px;
}
.ma7 {
  margin: 70px;
}
[class*="grid-col-"].pa8,
.pa8 {
  padding: 80px;
}
.ma8 {
  margin: 80px;
}
[class*="grid-col-"].pa9,
.pa9 {
  padding: 90px;
}
.ma9 {
  margin: 90px;
}
[class*="grid-col-"].pahalf,
.pahalf {
  padding: 5px;
}
.mahalf {
  margin: 5px;
}
[class*="grid-col-"].paquarter,
.paquarter,
.gfx-bubble,
.gfx-bubble-large,
.gfx-bubble-filled,
.gfx-bubble-filled-large,
.gfx-comment,
.gfx-comment-large {
  padding: 2.5px;
}
.maquarter {
  margin: 2.5px;
}
[class*="grid-col-"].pa-half-gutter,
.pa-half-gutter {
  padding: 15px;
}
.ma-half-gutter {
  margin: 15px;
}
.maa {
  margin: auto;
}
[class*="grid-col-"].pv0,
.pv0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.mv0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
[class*="grid-col-"].pv1,
.pv1,
.form-group {
  padding-top: 10px;
  padding-bottom: 10px;
}
.mv1 {
  margin-top: 10px;
  margin-bottom: 10px;
}
[class*="grid-col-"].pv2,
.pv2 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.mv2 {
  margin-top: 20px;
  margin-bottom: 20px;
}
[class*="grid-col-"].pv3,
.pv3 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.mv3 {
  margin-top: 30px;
  margin-bottom: 30px;
}
[class*="grid-col-"].pv4,
.pv4 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mv4 {
  margin-top: 40px;
  margin-bottom: 40px;
}
[class*="grid-col-"].pv5,
.pv5 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.mv5 {
  margin-top: 50px;
  margin-bottom: 50px;
}
[class*="grid-col-"].pv6,
.pv6 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.mv6 {
  margin-top: 60px;
  margin-bottom: 60px;
}
[class*="grid-col-"].pv7,
.pv7 {
  padding-top: 70px;
  padding-bottom: 70px;
}
.mv7 {
  margin-top: 70px;
  margin-bottom: 70px;
}
[class*="grid-col-"].pv8,
.pv8 {
  padding-top: 80px;
  padding-bottom: 80px;
}
.mv8 {
  margin-top: 80px;
  margin-bottom: 80px;
}
[class*="grid-col-"].pv9,
.pv9 {
  padding-top: 90px;
  padding-bottom: 90px;
}
.mv9 {
  margin-top: 90px;
  margin-bottom: 90px;
}
[class*="grid-col-"].pvhalf,
.pvhalf {
  padding-top: 5px;
  padding-bottom: 5px;
}
.mvhalf {
  margin-top: 5px;
  margin-bottom: 5px;
}
[class*="grid-col-"].pvquarter,
.pvquarter {
  padding-top: 2.5px;
  padding-bottom: 2.5px;
}
.mvquarter {
  margin-top: 2.5px;
  margin-bottom: 2.5px;
}
[class*="grid-col-"].pv-half-gutter,
.pv-half-gutter {
  padding-top: 15px;
  padding-bottom: 15px;
}
.mv-half-gutter {
  margin-top: 15px;
  margin-bottom: 15px;
}
.mva {
  margin-top: auto;
  margin-bottom: auto;
}
[class*="grid-col-"].ph0,
.ph0 {
  padding-right: 0px;
  padding-left: 0px;
}
.mh0 {
  margin-right: 0px;
  margin-left: 0px;
}
[class*="grid-col-"].ph1,
.ph1 {
  padding-right: 10px;
  padding-left: 10px;
}
.mh1 {
  margin-right: 10px;
  margin-left: 10px;
}
[class*="grid-col-"].ph2,
.ph2 {
  padding-right: 20px;
  padding-left: 20px;
}
.mh2 {
  margin-right: 20px;
  margin-left: 20px;
}
[class*="grid-col-"].ph3,
.ph3 {
  padding-right: 30px;
  padding-left: 30px;
}
.mh3 {
  margin-right: 30px;
  margin-left: 30px;
}
[class*="grid-col-"].ph4,
.ph4 {
  padding-right: 40px;
  padding-left: 40px;
}
.mh4 {
  margin-right: 40px;
  margin-left: 40px;
}
[class*="grid-col-"].ph5,
.ph5 {
  padding-right: 50px;
  padding-left: 50px;
}
.mh5 {
  margin-right: 50px;
  margin-left: 50px;
}
[class*="grid-col-"].ph6,
.ph6 {
  padding-right: 60px;
  padding-left: 60px;
}
.mh6 {
  margin-right: 60px;
  margin-left: 60px;
}
[class*="grid-col-"].ph7,
.ph7 {
  padding-right: 70px;
  padding-left: 70px;
}
.mh7 {
  margin-right: 70px;
  margin-left: 70px;
}
[class*="grid-col-"].ph8,
.ph8 {
  padding-right: 80px;
  padding-left: 80px;
}
.mh8 {
  margin-right: 80px;
  margin-left: 80px;
}
[class*="grid-col-"].ph9,
.ph9 {
  padding-right: 90px;
  padding-left: 90px;
}
.mh9 {
  margin-right: 90px;
  margin-left: 90px;
}
[class*="grid-col-"].phhalf,
.phhalf {
  padding-right: 5px;
  padding-left: 5px;
}
.mhhalf {
  margin-right: 5px;
  margin-left: 5px;
}
[class*="grid-col-"].phquarter,
.phquarter {
  padding-right: 2.5px;
  padding-left: 2.5px;
}
.mhquarter {
  margin-right: 2.5px;
  margin-left: 2.5px;
}
[class*="grid-col-"].ph-half-gutter,
.ph-half-gutter {
  padding-right: 15px;
  padding-left: 15px;
}
.mh-half-gutter {
  margin-right: 15px;
  margin-left: 15px;
}
.mha {
  margin-right: auto;
  margin-left: auto;
}
[class*="grid-col-"].pt0,
.pt0 {
  padding-top: 0px;
}
.mt0 {
  margin-top: 0px;
}
[class*="grid-col-"].pt1,
.pt1 {
  padding-top: 10px;
}
.mt1 {
  margin-top: 10px;
}
[class*="grid-col-"].pt2,
.pt2 {
  padding-top: 20px;
}
.mt2 {
  margin-top: 20px;
}
[class*="grid-col-"].pt3,
.pt3 {
  padding-top: 30px;
}
.mt3 {
  margin-top: 30px;
}
[class*="grid-col-"].pt4,
.pt4 {
  padding-top: 40px;
}
.mt4 {
  margin-top: 40px;
}
[class*="grid-col-"].pt5,
.pt5 {
  padding-top: 50px;
}
.mt5 {
  margin-top: 50px;
}
[class*="grid-col-"].pt6,
.pt6 {
  padding-top: 60px;
}
.mt6,
.loading {
  margin-top: 60px;
}
[class*="grid-col-"].pt7,
.pt7 {
  padding-top: 70px;
}
.mt7 {
  margin-top: 70px;
}
[class*="grid-col-"].pt8,
.pt8 {
  padding-top: 80px;
}
.mt8 {
  margin-top: 80px;
}
[class*="grid-col-"].pt9,
.pt9 {
  padding-top: 90px;
}
.mt9 {
  margin-top: 90px;
}
[class*="grid-col-"].pthalf,
.pthalf {
  padding-top: 5px;
}
.mthalf {
  margin-top: 5px;
}
[class*="grid-col-"].ptquarter,
.ptquarter {
  padding-top: 2.5px;
}
.mtquarter {
  margin-top: 2.5px;
}
[class*="grid-col-"].pt-half-gutter,
.pt-half-gutter {
  padding-top: 15px;
}
.mt-half-gutter {
  margin-top: 15px;
}
.mta {
  margin-top: auto;
}
[class*="grid-col-"].pr0,
.pr0 {
  padding-right: 0px;
}
.mr0 {
  margin-right: 0px;
}
[class*="grid-col-"].pr1,
.pr1 {
  padding-right: 10px;
}
.mr1,
.checkbox input {
  margin-right: 10px;
}
[class*="grid-col-"].pr2,
.pr2 {
  padding-right: 20px;
}
.mr2 {
  margin-right: 20px;
}
[class*="grid-col-"].pr3,
.pr3 {
  padding-right: 30px;
}
.mr3 {
  margin-right: 30px;
}
[class*="grid-col-"].pr4,
.pr4 {
  padding-right: 40px;
}
.mr4 {
  margin-right: 40px;
}
[class*="grid-col-"].pr5,
.pr5 {
  padding-right: 50px;
}
.mr5 {
  margin-right: 50px;
}
[class*="grid-col-"].pr6,
.pr6 {
  padding-right: 60px;
}
.mr6 {
  margin-right: 60px;
}
[class*="grid-col-"].pr7,
.pr7 {
  padding-right: 70px;
}
.mr7 {
  margin-right: 70px;
}
[class*="grid-col-"].pr8,
.pr8 {
  padding-right: 80px;
}
.mr8 {
  margin-right: 80px;
}
[class*="grid-col-"].pr9,
.pr9 {
  padding-right: 90px;
}
.mr9 {
  margin-right: 90px;
}
[class*="grid-col-"].prhalf,
.prhalf {
  padding-right: 5px;
}
.mrhalf {
  margin-right: 5px;
}
[class*="grid-col-"].prquarter,
.prquarter {
  padding-right: 2.5px;
}
.mrquarter {
  margin-right: 2.5px;
}
[class*="grid-col-"].pr-half-gutter,
.pr-half-gutter {
  padding-right: 15px;
}
.mr-half-gutter {
  margin-right: 15px;
}
.mra {
  margin-right: auto;
}
[class*="grid-col-"].pb0,
.pb0 {
  padding-bottom: 0px;
}
.mb0 {
  margin-bottom: 0px;
}
[class*="grid-col-"].pb1,
.pb1 {
  padding-bottom: 10px;
}
.mb1,
.idea-description p {
  margin-bottom: 10px;
}
[class*="grid-col-"].pb2,
.pb2 {
  padding-bottom: 20px;
}
.mb2 {
  margin-bottom: 20px;
}
[class*="grid-col-"].pb3,
.pb3 {
  padding-bottom: 30px;
}
.mb3 {
  margin-bottom: 30px;
}
[class*="grid-col-"].pb4,
.pb4 {
  padding-bottom: 40px;
}
.mb4 {
  margin-bottom: 40px;
}
[class*="grid-col-"].pb5,
.pb5 {
  padding-bottom: 50px;
}
.mb5 {
  margin-bottom: 50px;
}
[class*="grid-col-"].pb6,
.pb6 {
  padding-bottom: 60px;
}
.mb6 {
  margin-bottom: 60px;
}
[class*="grid-col-"].pb7,
.pb7 {
  padding-bottom: 70px;
}
.mb7 {
  margin-bottom: 70px;
}
[class*="grid-col-"].pb8,
.pb8 {
  padding-bottom: 80px;
}
.mb8 {
  margin-bottom: 80px;
}
[class*="grid-col-"].pb9,
.pb9 {
  padding-bottom: 90px;
}
.mb9 {
  margin-bottom: 90px;
}
[class*="grid-col-"].pbhalf,
.pbhalf {
  padding-bottom: 5px;
}
.mbhalf {
  margin-bottom: 5px;
}
[class*="grid-col-"].pbquarter,
.pbquarter {
  padding-bottom: 2.5px;
}
.mbquarter {
  margin-bottom: 2.5px;
}
[class*="grid-col-"].pb-half-gutter,
.pb-half-gutter {
  padding-bottom: 15px;
}
.mb-half-gutter {
  margin-bottom: 15px;
}
.mba {
  margin-bottom: auto;
}
[class*="grid-col-"].pl0,
.pl0 {
  padding-left: 0px;
}
.ml0 {
  margin-left: 0px;
}
[class*="grid-col-"].pl1,
.pl1 {
  padding-left: 10px;
}
.ml1 {
  margin-left: 10px;
}
[class*="grid-col-"].pl2,
.pl2 {
  padding-left: 20px;
}
.ml2 {
  margin-left: 20px;
}
[class*="grid-col-"].pl3,
.pl3 {
  padding-left: 30px;
}
.ml3 {
  margin-left: 30px;
}
[class*="grid-col-"].pl4,
.pl4 {
  padding-left: 40px;
}
.ml4 {
  margin-left: 40px;
}
[class*="grid-col-"].pl5,
.pl5 {
  padding-left: 50px;
}
.ml5 {
  margin-left: 50px;
}
[class*="grid-col-"].pl6,
.pl6 {
  padding-left: 60px;
}
.ml6 {
  margin-left: 60px;
}
[class*="grid-col-"].pl7,
.pl7 {
  padding-left: 70px;
}
.ml7 {
  margin-left: 70px;
}
[class*="grid-col-"].pl8,
.pl8 {
  padding-left: 80px;
}
.ml8 {
  margin-left: 80px;
}
[class*="grid-col-"].pl9,
.pl9 {
  padding-left: 90px;
}
.ml9 {
  margin-left: 90px;
}
[class*="grid-col-"].plhalf,
.plhalf {
  padding-left: 5px;
}
.mlhalf {
  margin-left: 5px;
}
[class*="grid-col-"].plquarter,
.plquarter {
  padding-left: 2.5px;
}
.mlquarter {
  margin-left: 2.5px;
}
[class*="grid-col-"].pl-half-gutter,
.pl-half-gutter {
  padding-left: 15px;
}
.ml-half-gutter {
  margin-left: 15px;
}
.mla {
  margin-left: auto;
}
@media (max-width: 992px) {
  [class*="grid-col-"].sm-pa0,
  .sm-pa0 {
    padding: 0px;
  }
  .sm-ma0 {
    margin: 0px;
  }
  [class*="grid-col-"].sm-pa1,
  .sm-pa1 {
    padding: 10px;
  }
  .sm-ma1 {
    margin: 10px;
  }
  [class*="grid-col-"].sm-pa2,
  .sm-pa2 {
    padding: 20px;
  }
  .sm-ma2 {
    margin: 20px;
  }
  [class*="grid-col-"].sm-pa3,
  .sm-pa3 {
    padding: 30px;
  }
  .sm-ma3 {
    margin: 30px;
  }
  [class*="grid-col-"].sm-pa4,
  .sm-pa4 {
    padding: 40px;
  }
  .sm-ma4 {
    margin: 40px;
  }
  [class*="grid-col-"].sm-pa5,
  .sm-pa5 {
    padding: 50px;
  }
  .sm-ma5 {
    margin: 50px;
  }
  [class*="grid-col-"].sm-pa6,
  .sm-pa6 {
    padding: 60px;
  }
  .sm-ma6 {
    margin: 60px;
  }
  [class*="grid-col-"].sm-pa7,
  .sm-pa7 {
    padding: 70px;
  }
  .sm-ma7 {
    margin: 70px;
  }
  [class*="grid-col-"].sm-pa8,
  .sm-pa8 {
    padding: 80px;
  }
  .sm-ma8 {
    margin: 80px;
  }
  [class*="grid-col-"].sm-pa9,
  .sm-pa9 {
    padding: 90px;
  }
  .sm-ma9 {
    margin: 90px;
  }
  [class*="grid-col-"].sm-pahalf,
  .sm-pahalf {
    padding: 5px;
  }
  .sm-mahalf {
    margin: 5px;
  }
  [class*="grid-col-"].sm-paquarter,
  .sm-paquarter {
    padding: 2.5px;
  }
  .sm-maquarter {
    margin: 2.5px;
  }
  [class*="grid-col-"].sm-pa-half-gutter,
  .sm-pa-half-gutter {
    padding: 15px;
  }
  .sm-ma-half-gutter {
    margin: 15px;
  }
  .sm-maa {
    margin: auto;
  }
  [class*="grid-col-"].sm-pv0,
  .sm-pv0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .sm-mv0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  [class*="grid-col-"].sm-pv1,
  .sm-pv1 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .sm-mv1 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  [class*="grid-col-"].sm-pv2,
  .sm-pv2 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .sm-mv2 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  [class*="grid-col-"].sm-pv3,
  .sm-pv3 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .sm-mv3 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  [class*="grid-col-"].sm-pv4,
  .sm-pv4 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .sm-mv4 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  [class*="grid-col-"].sm-pv5,
  .sm-pv5 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .sm-mv5 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  [class*="grid-col-"].sm-pv6,
  .sm-pv6 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .sm-mv6 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  [class*="grid-col-"].sm-pv7,
  .sm-pv7 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .sm-mv7 {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  [class*="grid-col-"].sm-pv8,
  .sm-pv8 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .sm-mv8 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  [class*="grid-col-"].sm-pv9,
  .sm-pv9 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .sm-mv9 {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  [class*="grid-col-"].sm-pvhalf,
  .sm-pvhalf {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .sm-mvhalf {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  [class*="grid-col-"].sm-pvquarter,
  .sm-pvquarter {
    padding-top: 2.5px;
    padding-bottom: 2.5px;
  }
  .sm-mvquarter {
    margin-top: 2.5px;
    margin-bottom: 2.5px;
  }
  [class*="grid-col-"].sm-pv-half-gutter,
  .sm-pv-half-gutter {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .sm-mv-half-gutter {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .sm-mva {
    margin-top: auto;
    margin-bottom: auto;
  }
  [class*="grid-col-"].sm-ph0,
  .sm-ph0 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .sm-mh0 {
    margin-right: 0px;
    margin-left: 0px;
  }
  [class*="grid-col-"].sm-ph1,
  .sm-ph1 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .sm-mh1 {
    margin-right: 10px;
    margin-left: 10px;
  }
  [class*="grid-col-"].sm-ph2,
  .sm-ph2 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .sm-mh2 {
    margin-right: 20px;
    margin-left: 20px;
  }
  [class*="grid-col-"].sm-ph3,
  .sm-ph3 {
    padding-right: 30px;
    padding-left: 30px;
  }
  .sm-mh3 {
    margin-right: 30px;
    margin-left: 30px;
  }
  [class*="grid-col-"].sm-ph4,
  .sm-ph4 {
    padding-right: 40px;
    padding-left: 40px;
  }
  .sm-mh4 {
    margin-right: 40px;
    margin-left: 40px;
  }
  [class*="grid-col-"].sm-ph5,
  .sm-ph5 {
    padding-right: 50px;
    padding-left: 50px;
  }
  .sm-mh5 {
    margin-right: 50px;
    margin-left: 50px;
  }
  [class*="grid-col-"].sm-ph6,
  .sm-ph6 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .sm-mh6 {
    margin-right: 60px;
    margin-left: 60px;
  }
  [class*="grid-col-"].sm-ph7,
  .sm-ph7 {
    padding-right: 70px;
    padding-left: 70px;
  }
  .sm-mh7 {
    margin-right: 70px;
    margin-left: 70px;
  }
  [class*="grid-col-"].sm-ph8,
  .sm-ph8 {
    padding-right: 80px;
    padding-left: 80px;
  }
  .sm-mh8 {
    margin-right: 80px;
    margin-left: 80px;
  }
  [class*="grid-col-"].sm-ph9,
  .sm-ph9 {
    padding-right: 90px;
    padding-left: 90px;
  }
  .sm-mh9 {
    margin-right: 90px;
    margin-left: 90px;
  }
  [class*="grid-col-"].sm-phhalf,
  .sm-phhalf {
    padding-right: 5px;
    padding-left: 5px;
  }
  .sm-mhhalf {
    margin-right: 5px;
    margin-left: 5px;
  }
  [class*="grid-col-"].sm-phquarter,
  .sm-phquarter {
    padding-right: 2.5px;
    padding-left: 2.5px;
  }
  .sm-mhquarter {
    margin-right: 2.5px;
    margin-left: 2.5px;
  }
  [class*="grid-col-"].sm-ph-half-gutter,
  .sm-ph-half-gutter {
    padding-right: 15px;
    padding-left: 15px;
  }
  .sm-mh-half-gutter {
    margin-right: 15px;
    margin-left: 15px;
  }
  .sm-mha {
    margin-right: auto;
    margin-left: auto;
  }
  [class*="grid-col-"].sm-pt0,
  .sm-pt0 {
    padding-top: 0px;
  }
  .sm-mt0 {
    margin-top: 0px;
  }
  [class*="grid-col-"].sm-pt1,
  .sm-pt1 {
    padding-top: 10px;
  }
  .sm-mt1 {
    margin-top: 10px;
  }
  [class*="grid-col-"].sm-pt2,
  .sm-pt2 {
    padding-top: 20px;
  }
  .sm-mt2 {
    margin-top: 20px;
  }
  [class*="grid-col-"].sm-pt3,
  .sm-pt3 {
    padding-top: 30px;
  }
  .sm-mt3 {
    margin-top: 30px;
  }
  [class*="grid-col-"].sm-pt4,
  .sm-pt4 {
    padding-top: 40px;
  }
  .sm-mt4 {
    margin-top: 40px;
  }
  [class*="grid-col-"].sm-pt5,
  .sm-pt5 {
    padding-top: 50px;
  }
  .sm-mt5 {
    margin-top: 50px;
  }
  [class*="grid-col-"].sm-pt6,
  .sm-pt6 {
    padding-top: 60px;
  }
  .sm-mt6 {
    margin-top: 60px;
  }
  [class*="grid-col-"].sm-pt7,
  .sm-pt7 {
    padding-top: 70px;
  }
  .sm-mt7 {
    margin-top: 70px;
  }
  [class*="grid-col-"].sm-pt8,
  .sm-pt8 {
    padding-top: 80px;
  }
  .sm-mt8 {
    margin-top: 80px;
  }
  [class*="grid-col-"].sm-pt9,
  .sm-pt9 {
    padding-top: 90px;
  }
  .sm-mt9 {
    margin-top: 90px;
  }
  [class*="grid-col-"].sm-pthalf,
  .sm-pthalf {
    padding-top: 5px;
  }
  .sm-mthalf {
    margin-top: 5px;
  }
  [class*="grid-col-"].sm-ptquarter,
  .sm-ptquarter {
    padding-top: 2.5px;
  }
  .sm-mtquarter {
    margin-top: 2.5px;
  }
  [class*="grid-col-"].sm-pt-half-gutter,
  .sm-pt-half-gutter {
    padding-top: 15px;
  }
  .sm-mt-half-gutter {
    margin-top: 15px;
  }
  .sm-mta {
    margin-top: auto;
  }
  [class*="grid-col-"].sm-pr0,
  .sm-pr0 {
    padding-right: 0px;
  }
  .sm-mr0 {
    margin-right: 0px;
  }
  [class*="grid-col-"].sm-pr1,
  .sm-pr1 {
    padding-right: 10px;
  }
  .sm-mr1 {
    margin-right: 10px;
  }
  [class*="grid-col-"].sm-pr2,
  .sm-pr2 {
    padding-right: 20px;
  }
  .sm-mr2 {
    margin-right: 20px;
  }
  [class*="grid-col-"].sm-pr3,
  .sm-pr3 {
    padding-right: 30px;
  }
  .sm-mr3 {
    margin-right: 30px;
  }
  [class*="grid-col-"].sm-pr4,
  .sm-pr4 {
    padding-right: 40px;
  }
  .sm-mr4 {
    margin-right: 40px;
  }
  [class*="grid-col-"].sm-pr5,
  .sm-pr5 {
    padding-right: 50px;
  }
  .sm-mr5 {
    margin-right: 50px;
  }
  [class*="grid-col-"].sm-pr6,
  .sm-pr6 {
    padding-right: 60px;
  }
  .sm-mr6 {
    margin-right: 60px;
  }
  [class*="grid-col-"].sm-pr7,
  .sm-pr7 {
    padding-right: 70px;
  }
  .sm-mr7 {
    margin-right: 70px;
  }
  [class*="grid-col-"].sm-pr8,
  .sm-pr8 {
    padding-right: 80px;
  }
  .sm-mr8 {
    margin-right: 80px;
  }
  [class*="grid-col-"].sm-pr9,
  .sm-pr9 {
    padding-right: 90px;
  }
  .sm-mr9 {
    margin-right: 90px;
  }
  [class*="grid-col-"].sm-prhalf,
  .sm-prhalf {
    padding-right: 5px;
  }
  .sm-mrhalf {
    margin-right: 5px;
  }
  [class*="grid-col-"].sm-prquarter,
  .sm-prquarter {
    padding-right: 2.5px;
  }
  .sm-mrquarter {
    margin-right: 2.5px;
  }
  [class*="grid-col-"].sm-pr-half-gutter,
  .sm-pr-half-gutter {
    padding-right: 15px;
  }
  .sm-mr-half-gutter {
    margin-right: 15px;
  }
  .sm-mra {
    margin-right: auto;
  }
  [class*="grid-col-"].sm-pb0,
  .sm-pb0 {
    padding-bottom: 0px;
  }
  .sm-mb0 {
    margin-bottom: 0px;
  }
  [class*="grid-col-"].sm-pb1,
  .sm-pb1 {
    padding-bottom: 10px;
  }
  .sm-mb1 {
    margin-bottom: 10px;
  }
  [class*="grid-col-"].sm-pb2,
  .sm-pb2 {
    padding-bottom: 20px;
  }
  .sm-mb2 {
    margin-bottom: 20px;
  }
  [class*="grid-col-"].sm-pb3,
  .sm-pb3 {
    padding-bottom: 30px;
  }
  .sm-mb3 {
    margin-bottom: 30px;
  }
  [class*="grid-col-"].sm-pb4,
  .sm-pb4 {
    padding-bottom: 40px;
  }
  .sm-mb4 {
    margin-bottom: 40px;
  }
  [class*="grid-col-"].sm-pb5,
  .sm-pb5 {
    padding-bottom: 50px;
  }
  .sm-mb5 {
    margin-bottom: 50px;
  }
  [class*="grid-col-"].sm-pb6,
  .sm-pb6 {
    padding-bottom: 60px;
  }
  .sm-mb6 {
    margin-bottom: 60px;
  }
  [class*="grid-col-"].sm-pb7,
  .sm-pb7 {
    padding-bottom: 70px;
  }
  .sm-mb7 {
    margin-bottom: 70px;
  }
  [class*="grid-col-"].sm-pb8,
  .sm-pb8 {
    padding-bottom: 80px;
  }
  .sm-mb8 {
    margin-bottom: 80px;
  }
  [class*="grid-col-"].sm-pb9,
  .sm-pb9 {
    padding-bottom: 90px;
  }
  .sm-mb9 {
    margin-bottom: 90px;
  }
  [class*="grid-col-"].sm-pbhalf,
  .sm-pbhalf {
    padding-bottom: 5px;
  }
  .sm-mbhalf {
    margin-bottom: 5px;
  }
  [class*="grid-col-"].sm-pbquarter,
  .sm-pbquarter {
    padding-bottom: 2.5px;
  }
  .sm-mbquarter {
    margin-bottom: 2.5px;
  }
  [class*="grid-col-"].sm-pb-half-gutter,
  .sm-pb-half-gutter {
    padding-bottom: 15px;
  }
  .sm-mb-half-gutter {
    margin-bottom: 15px;
  }
  .sm-mba {
    margin-bottom: auto;
  }
  [class*="grid-col-"].sm-pl0,
  .sm-pl0 {
    padding-left: 0px;
  }
  .sm-ml0 {
    margin-left: 0px;
  }
  [class*="grid-col-"].sm-pl1,
  .sm-pl1 {
    padding-left: 10px;
  }
  .sm-ml1 {
    margin-left: 10px;
  }
  [class*="grid-col-"].sm-pl2,
  .sm-pl2 {
    padding-left: 20px;
  }
  .sm-ml2 {
    margin-left: 20px;
  }
  [class*="grid-col-"].sm-pl3,
  .sm-pl3 {
    padding-left: 30px;
  }
  .sm-ml3 {
    margin-left: 30px;
  }
  [class*="grid-col-"].sm-pl4,
  .sm-pl4 {
    padding-left: 40px;
  }
  .sm-ml4 {
    margin-left: 40px;
  }
  [class*="grid-col-"].sm-pl5,
  .sm-pl5 {
    padding-left: 50px;
  }
  .sm-ml5 {
    margin-left: 50px;
  }
  [class*="grid-col-"].sm-pl6,
  .sm-pl6 {
    padding-left: 60px;
  }
  .sm-ml6 {
    margin-left: 60px;
  }
  [class*="grid-col-"].sm-pl7,
  .sm-pl7 {
    padding-left: 70px;
  }
  .sm-ml7 {
    margin-left: 70px;
  }
  [class*="grid-col-"].sm-pl8,
  .sm-pl8 {
    padding-left: 80px;
  }
  .sm-ml8 {
    margin-left: 80px;
  }
  [class*="grid-col-"].sm-pl9,
  .sm-pl9 {
    padding-left: 90px;
  }
  .sm-ml9 {
    margin-left: 90px;
  }
  [class*="grid-col-"].sm-plhalf,
  .sm-plhalf {
    padding-left: 5px;
  }
  .sm-mlhalf {
    margin-left: 5px;
  }
  [class*="grid-col-"].sm-plquarter,
  .sm-plquarter {
    padding-left: 2.5px;
  }
  .sm-mlquarter {
    margin-left: 2.5px;
  }
  [class*="grid-col-"].sm-pl-half-gutter,
  .sm-pl-half-gutter {
    padding-left: 15px;
  }
  .sm-ml-half-gutter {
    margin-left: 15px;
  }
  .sm-mla {
    margin-left: auto;
  }
}
@media (max-width: 768px) {
  [class*="grid-col-"].xs-pa0,
  .xs-pa0 {
    padding: 0px;
  }
  .xs-ma0 {
    margin: 0px;
  }
  [class*="grid-col-"].xs-pa1,
  .xs-pa1 {
    padding: 10px;
  }
  .xs-ma1 {
    margin: 10px;
  }
  [class*="grid-col-"].xs-pa2,
  .xs-pa2 {
    padding: 20px;
  }
  .xs-ma2 {
    margin: 20px;
  }
  [class*="grid-col-"].xs-pa3,
  .xs-pa3 {
    padding: 30px;
  }
  .xs-ma3 {
    margin: 30px;
  }
  [class*="grid-col-"].xs-pa4,
  .xs-pa4 {
    padding: 40px;
  }
  .xs-ma4 {
    margin: 40px;
  }
  [class*="grid-col-"].xs-pa5,
  .xs-pa5 {
    padding: 50px;
  }
  .xs-ma5 {
    margin: 50px;
  }
  [class*="grid-col-"].xs-pa6,
  .xs-pa6 {
    padding: 60px;
  }
  .xs-ma6 {
    margin: 60px;
  }
  [class*="grid-col-"].xs-pa7,
  .xs-pa7 {
    padding: 70px;
  }
  .xs-ma7 {
    margin: 70px;
  }
  [class*="grid-col-"].xs-pa8,
  .xs-pa8 {
    padding: 80px;
  }
  .xs-ma8 {
    margin: 80px;
  }
  [class*="grid-col-"].xs-pa9,
  .xs-pa9 {
    padding: 90px;
  }
  .xs-ma9 {
    margin: 90px;
  }
  [class*="grid-col-"].xs-pahalf,
  .xs-pahalf {
    padding: 5px;
  }
  .xs-mahalf {
    margin: 5px;
  }
  [class*="grid-col-"].xs-paquarter,
  .xs-paquarter {
    padding: 2.5px;
  }
  .xs-maquarter {
    margin: 2.5px;
  }
  [class*="grid-col-"].xs-pa-half-gutter,
  .xs-pa-half-gutter {
    padding: 15px;
  }
  .xs-ma-half-gutter {
    margin: 15px;
  }
  .xs-maa {
    margin: auto;
  }
  [class*="grid-col-"].xs-pv0,
  .xs-pv0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .xs-mv0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  [class*="grid-col-"].xs-pv1,
  .xs-pv1 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .xs-mv1 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  [class*="grid-col-"].xs-pv2,
  .xs-pv2 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .xs-mv2 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  [class*="grid-col-"].xs-pv3,
  .xs-pv3 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .xs-mv3 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  [class*="grid-col-"].xs-pv4,
  .xs-pv4 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .xs-mv4 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  [class*="grid-col-"].xs-pv5,
  .xs-pv5 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .xs-mv5 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  [class*="grid-col-"].xs-pv6,
  .xs-pv6 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .xs-mv6 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  [class*="grid-col-"].xs-pv7,
  .xs-pv7 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .xs-mv7 {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  [class*="grid-col-"].xs-pv8,
  .xs-pv8 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .xs-mv8 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  [class*="grid-col-"].xs-pv9,
  .xs-pv9 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .xs-mv9 {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  [class*="grid-col-"].xs-pvhalf,
  .xs-pvhalf {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .xs-mvhalf {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  [class*="grid-col-"].xs-pvquarter,
  .xs-pvquarter {
    padding-top: 2.5px;
    padding-bottom: 2.5px;
  }
  .xs-mvquarter {
    margin-top: 2.5px;
    margin-bottom: 2.5px;
  }
  [class*="grid-col-"].xs-pv-half-gutter,
  .xs-pv-half-gutter {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .xs-mv-half-gutter {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .xs-mva {
    margin-top: auto;
    margin-bottom: auto;
  }
  [class*="grid-col-"].xs-ph0,
  .xs-ph0 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .xs-mh0 {
    margin-right: 0px;
    margin-left: 0px;
  }
  [class*="grid-col-"].xs-ph1,
  .xs-ph1 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .xs-mh1 {
    margin-right: 10px;
    margin-left: 10px;
  }
  [class*="grid-col-"].xs-ph2,
  .xs-ph2 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .xs-mh2 {
    margin-right: 20px;
    margin-left: 20px;
  }
  [class*="grid-col-"].xs-ph3,
  .xs-ph3 {
    padding-right: 30px;
    padding-left: 30px;
  }
  .xs-mh3 {
    margin-right: 30px;
    margin-left: 30px;
  }
  [class*="grid-col-"].xs-ph4,
  .xs-ph4 {
    padding-right: 40px;
    padding-left: 40px;
  }
  .xs-mh4 {
    margin-right: 40px;
    margin-left: 40px;
  }
  [class*="grid-col-"].xs-ph5,
  .xs-ph5 {
    padding-right: 50px;
    padding-left: 50px;
  }
  .xs-mh5 {
    margin-right: 50px;
    margin-left: 50px;
  }
  [class*="grid-col-"].xs-ph6,
  .xs-ph6 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .xs-mh6 {
    margin-right: 60px;
    margin-left: 60px;
  }
  [class*="grid-col-"].xs-ph7,
  .xs-ph7 {
    padding-right: 70px;
    padding-left: 70px;
  }
  .xs-mh7 {
    margin-right: 70px;
    margin-left: 70px;
  }
  [class*="grid-col-"].xs-ph8,
  .xs-ph8 {
    padding-right: 80px;
    padding-left: 80px;
  }
  .xs-mh8 {
    margin-right: 80px;
    margin-left: 80px;
  }
  [class*="grid-col-"].xs-ph9,
  .xs-ph9 {
    padding-right: 90px;
    padding-left: 90px;
  }
  .xs-mh9 {
    margin-right: 90px;
    margin-left: 90px;
  }
  [class*="grid-col-"].xs-phhalf,
  .xs-phhalf {
    padding-right: 5px;
    padding-left: 5px;
  }
  .xs-mhhalf {
    margin-right: 5px;
    margin-left: 5px;
  }
  [class*="grid-col-"].xs-phquarter,
  .xs-phquarter {
    padding-right: 2.5px;
    padding-left: 2.5px;
  }
  .xs-mhquarter {
    margin-right: 2.5px;
    margin-left: 2.5px;
  }
  [class*="grid-col-"].xs-ph-half-gutter,
  .xs-ph-half-gutter {
    padding-right: 15px;
    padding-left: 15px;
  }
  .xs-mh-half-gutter {
    margin-right: 15px;
    margin-left: 15px;
  }
  .xs-mha {
    margin-right: auto;
    margin-left: auto;
  }
  [class*="grid-col-"].xs-pt0,
  .xs-pt0 {
    padding-top: 0px;
  }
  .xs-mt0 {
    margin-top: 0px;
  }
  [class*="grid-col-"].xs-pt1,
  .xs-pt1 {
    padding-top: 10px;
  }
  .xs-mt1 {
    margin-top: 10px;
  }
  [class*="grid-col-"].xs-pt2,
  .xs-pt2 {
    padding-top: 20px;
  }
  .xs-mt2 {
    margin-top: 20px;
  }
  [class*="grid-col-"].xs-pt3,
  .xs-pt3 {
    padding-top: 30px;
  }
  .xs-mt3 {
    margin-top: 30px;
  }
  [class*="grid-col-"].xs-pt4,
  .xs-pt4 {
    padding-top: 40px;
  }
  .xs-mt4 {
    margin-top: 40px;
  }
  [class*="grid-col-"].xs-pt5,
  .xs-pt5 {
    padding-top: 50px;
  }
  .xs-mt5 {
    margin-top: 50px;
  }
  [class*="grid-col-"].xs-pt6,
  .xs-pt6 {
    padding-top: 60px;
  }
  .xs-mt6 {
    margin-top: 60px;
  }
  [class*="grid-col-"].xs-pt7,
  .xs-pt7 {
    padding-top: 70px;
  }
  .xs-mt7 {
    margin-top: 70px;
  }
  [class*="grid-col-"].xs-pt8,
  .xs-pt8 {
    padding-top: 80px;
  }
  .xs-mt8 {
    margin-top: 80px;
  }
  [class*="grid-col-"].xs-pt9,
  .xs-pt9 {
    padding-top: 90px;
  }
  .xs-mt9 {
    margin-top: 90px;
  }
  [class*="grid-col-"].xs-pthalf,
  .xs-pthalf {
    padding-top: 5px;
  }
  .xs-mthalf {
    margin-top: 5px;
  }
  [class*="grid-col-"].xs-ptquarter,
  .xs-ptquarter {
    padding-top: 2.5px;
  }
  .xs-mtquarter {
    margin-top: 2.5px;
  }
  [class*="grid-col-"].xs-pt-half-gutter,
  .xs-pt-half-gutter {
    padding-top: 15px;
  }
  .xs-mt-half-gutter {
    margin-top: 15px;
  }
  .xs-mta {
    margin-top: auto;
  }
  [class*="grid-col-"].xs-pr0,
  .xs-pr0 {
    padding-right: 0px;
  }
  .xs-mr0 {
    margin-right: 0px;
  }
  [class*="grid-col-"].xs-pr1,
  .xs-pr1 {
    padding-right: 10px;
  }
  .xs-mr1 {
    margin-right: 10px;
  }
  [class*="grid-col-"].xs-pr2,
  .xs-pr2 {
    padding-right: 20px;
  }
  .xs-mr2 {
    margin-right: 20px;
  }
  [class*="grid-col-"].xs-pr3,
  .xs-pr3 {
    padding-right: 30px;
  }
  .xs-mr3 {
    margin-right: 30px;
  }
  [class*="grid-col-"].xs-pr4,
  .xs-pr4 {
    padding-right: 40px;
  }
  .xs-mr4 {
    margin-right: 40px;
  }
  [class*="grid-col-"].xs-pr5,
  .xs-pr5 {
    padding-right: 50px;
  }
  .xs-mr5 {
    margin-right: 50px;
  }
  [class*="grid-col-"].xs-pr6,
  .xs-pr6 {
    padding-right: 60px;
  }
  .xs-mr6 {
    margin-right: 60px;
  }
  [class*="grid-col-"].xs-pr7,
  .xs-pr7 {
    padding-right: 70px;
  }
  .xs-mr7 {
    margin-right: 70px;
  }
  [class*="grid-col-"].xs-pr8,
  .xs-pr8 {
    padding-right: 80px;
  }
  .xs-mr8 {
    margin-right: 80px;
  }
  [class*="grid-col-"].xs-pr9,
  .xs-pr9 {
    padding-right: 90px;
  }
  .xs-mr9 {
    margin-right: 90px;
  }
  [class*="grid-col-"].xs-prhalf,
  .xs-prhalf {
    padding-right: 5px;
  }
  .xs-mrhalf {
    margin-right: 5px;
  }
  [class*="grid-col-"].xs-prquarter,
  .xs-prquarter {
    padding-right: 2.5px;
  }
  .xs-mrquarter {
    margin-right: 2.5px;
  }
  [class*="grid-col-"].xs-pr-half-gutter,
  .xs-pr-half-gutter {
    padding-right: 15px;
  }
  .xs-mr-half-gutter {
    margin-right: 15px;
  }
  .xs-mra {
    margin-right: auto;
  }
  [class*="grid-col-"].xs-pb0,
  .xs-pb0 {
    padding-bottom: 0px;
  }
  .xs-mb0 {
    margin-bottom: 0px;
  }
  [class*="grid-col-"].xs-pb1,
  .xs-pb1 {
    padding-bottom: 10px;
  }
  .xs-mb1 {
    margin-bottom: 10px;
  }
  [class*="grid-col-"].xs-pb2,
  .xs-pb2 {
    padding-bottom: 20px;
  }
  .xs-mb2 {
    margin-bottom: 20px;
  }
  [class*="grid-col-"].xs-pb3,
  .xs-pb3 {
    padding-bottom: 30px;
  }
  .xs-mb3 {
    margin-bottom: 30px;
  }
  [class*="grid-col-"].xs-pb4,
  .xs-pb4 {
    padding-bottom: 40px;
  }
  .xs-mb4 {
    margin-bottom: 40px;
  }
  [class*="grid-col-"].xs-pb5,
  .xs-pb5 {
    padding-bottom: 50px;
  }
  .xs-mb5 {
    margin-bottom: 50px;
  }
  [class*="grid-col-"].xs-pb6,
  .xs-pb6 {
    padding-bottom: 60px;
  }
  .xs-mb6 {
    margin-bottom: 60px;
  }
  [class*="grid-col-"].xs-pb7,
  .xs-pb7 {
    padding-bottom: 70px;
  }
  .xs-mb7 {
    margin-bottom: 70px;
  }
  [class*="grid-col-"].xs-pb8,
  .xs-pb8 {
    padding-bottom: 80px;
  }
  .xs-mb8 {
    margin-bottom: 80px;
  }
  [class*="grid-col-"].xs-pb9,
  .xs-pb9 {
    padding-bottom: 90px;
  }
  .xs-mb9 {
    margin-bottom: 90px;
  }
  [class*="grid-col-"].xs-pbhalf,
  .xs-pbhalf {
    padding-bottom: 5px;
  }
  .xs-mbhalf {
    margin-bottom: 5px;
  }
  [class*="grid-col-"].xs-pbquarter,
  .xs-pbquarter {
    padding-bottom: 2.5px;
  }
  .xs-mbquarter {
    margin-bottom: 2.5px;
  }
  [class*="grid-col-"].xs-pb-half-gutter,
  .xs-pb-half-gutter {
    padding-bottom: 15px;
  }
  .xs-mb-half-gutter {
    margin-bottom: 15px;
  }
  .xs-mba {
    margin-bottom: auto;
  }
  [class*="grid-col-"].xs-pl0,
  .xs-pl0 {
    padding-left: 0px;
  }
  .xs-ml0 {
    margin-left: 0px;
  }
  [class*="grid-col-"].xs-pl1,
  .xs-pl1 {
    padding-left: 10px;
  }
  .xs-ml1 {
    margin-left: 10px;
  }
  [class*="grid-col-"].xs-pl2,
  .xs-pl2 {
    padding-left: 20px;
  }
  .xs-ml2 {
    margin-left: 20px;
  }
  [class*="grid-col-"].xs-pl3,
  .xs-pl3 {
    padding-left: 30px;
  }
  .xs-ml3 {
    margin-left: 30px;
  }
  [class*="grid-col-"].xs-pl4,
  .xs-pl4 {
    padding-left: 40px;
  }
  .xs-ml4 {
    margin-left: 40px;
  }
  [class*="grid-col-"].xs-pl5,
  .xs-pl5 {
    padding-left: 50px;
  }
  .xs-ml5 {
    margin-left: 50px;
  }
  [class*="grid-col-"].xs-pl6,
  .xs-pl6 {
    padding-left: 60px;
  }
  .xs-ml6 {
    margin-left: 60px;
  }
  [class*="grid-col-"].xs-pl7,
  .xs-pl7 {
    padding-left: 70px;
  }
  .xs-ml7 {
    margin-left: 70px;
  }
  [class*="grid-col-"].xs-pl8,
  .xs-pl8 {
    padding-left: 80px;
  }
  .xs-ml8 {
    margin-left: 80px;
  }
  [class*="grid-col-"].xs-pl9,
  .xs-pl9 {
    padding-left: 90px;
  }
  .xs-ml9 {
    margin-left: 90px;
  }
  [class*="grid-col-"].xs-plhalf,
  .xs-plhalf {
    padding-left: 5px;
  }
  .xs-mlhalf {
    margin-left: 5px;
  }
  [class*="grid-col-"].xs-plquarter,
  .xs-plquarter {
    padding-left: 2.5px;
  }
  .xs-mlquarter {
    margin-left: 2.5px;
  }
  [class*="grid-col-"].xs-pl-half-gutter,
  .xs-pl-half-gutter {
    padding-left: 15px;
  }
  .xs-ml-half-gutter {
    margin-left: 15px;
  }
  .xs-mla {
    margin-left: auto;
  }
  .xs-pl0.xs-pl0 {
    padding-left: 0;
  }
}
@media (max-width: 500px) {
  [class*="grid-col-"].xxs-pa0,
  .xxs-pa0 {
    padding: 0px;
  }
  .xxs-ma0 {
    margin: 0px;
  }
  [class*="grid-col-"].xxs-pa1,
  .xxs-pa1 {
    padding: 10px;
  }
  .xxs-ma1 {
    margin: 10px;
  }
  [class*="grid-col-"].xxs-pa2,
  .xxs-pa2 {
    padding: 20px;
  }
  .xxs-ma2 {
    margin: 20px;
  }
  [class*="grid-col-"].xxs-pa3,
  .xxs-pa3 {
    padding: 30px;
  }
  .xxs-ma3 {
    margin: 30px;
  }
  [class*="grid-col-"].xxs-pa4,
  .xxs-pa4 {
    padding: 40px;
  }
  .xxs-ma4 {
    margin: 40px;
  }
  [class*="grid-col-"].xxs-pa5,
  .xxs-pa5 {
    padding: 50px;
  }
  .xxs-ma5 {
    margin: 50px;
  }
  [class*="grid-col-"].xxs-pa6,
  .xxs-pa6 {
    padding: 60px;
  }
  .xxs-ma6 {
    margin: 60px;
  }
  [class*="grid-col-"].xxs-pa7,
  .xxs-pa7 {
    padding: 70px;
  }
  .xxs-ma7 {
    margin: 70px;
  }
  [class*="grid-col-"].xxs-pa8,
  .xxs-pa8 {
    padding: 80px;
  }
  .xxs-ma8 {
    margin: 80px;
  }
  [class*="grid-col-"].xxs-pa9,
  .xxs-pa9 {
    padding: 90px;
  }
  .xxs-ma9 {
    margin: 90px;
  }
  [class*="grid-col-"].xxs-pahalf,
  .xxs-pahalf {
    padding: 5px;
  }
  .xxs-mahalf {
    margin: 5px;
  }
  [class*="grid-col-"].xxs-paquarter,
  .xxs-paquarter {
    padding: 2.5px;
  }
  .xxs-maquarter {
    margin: 2.5px;
  }
  [class*="grid-col-"].xxs-pa-half-gutter,
  .xxs-pa-half-gutter {
    padding: 15px;
  }
  .xxs-ma-half-gutter {
    margin: 15px;
  }
  .xxs-maa {
    margin: auto;
  }
  [class*="grid-col-"].xxs-pv0,
  .xxs-pv0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .xxs-mv0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  [class*="grid-col-"].xxs-pv1,
  .xxs-pv1 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .xxs-mv1 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  [class*="grid-col-"].xxs-pv2,
  .xxs-pv2 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .xxs-mv2 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  [class*="grid-col-"].xxs-pv3,
  .xxs-pv3 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .xxs-mv3 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  [class*="grid-col-"].xxs-pv4,
  .xxs-pv4 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .xxs-mv4 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  [class*="grid-col-"].xxs-pv5,
  .xxs-pv5 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .xxs-mv5 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  [class*="grid-col-"].xxs-pv6,
  .xxs-pv6 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .xxs-mv6 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  [class*="grid-col-"].xxs-pv7,
  .xxs-pv7 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .xxs-mv7 {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  [class*="grid-col-"].xxs-pv8,
  .xxs-pv8 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .xxs-mv8 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  [class*="grid-col-"].xxs-pv9,
  .xxs-pv9 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .xxs-mv9 {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  [class*="grid-col-"].xxs-pvhalf,
  .xxs-pvhalf {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .xxs-mvhalf {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  [class*="grid-col-"].xxs-pvquarter,
  .xxs-pvquarter {
    padding-top: 2.5px;
    padding-bottom: 2.5px;
  }
  .xxs-mvquarter {
    margin-top: 2.5px;
    margin-bottom: 2.5px;
  }
  [class*="grid-col-"].xxs-pv-half-gutter,
  .xxs-pv-half-gutter {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .xxs-mv-half-gutter {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .xxs-mva {
    margin-top: auto;
    margin-bottom: auto;
  }
  [class*="grid-col-"].xxs-ph0,
  .xxs-ph0 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .xxs-mh0 {
    margin-right: 0px;
    margin-left: 0px;
  }
  [class*="grid-col-"].xxs-ph1,
  .xxs-ph1 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .xxs-mh1 {
    margin-right: 10px;
    margin-left: 10px;
  }
  [class*="grid-col-"].xxs-ph2,
  .xxs-ph2 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .xxs-mh2 {
    margin-right: 20px;
    margin-left: 20px;
  }
  [class*="grid-col-"].xxs-ph3,
  .xxs-ph3 {
    padding-right: 30px;
    padding-left: 30px;
  }
  .xxs-mh3 {
    margin-right: 30px;
    margin-left: 30px;
  }
  [class*="grid-col-"].xxs-ph4,
  .xxs-ph4 {
    padding-right: 40px;
    padding-left: 40px;
  }
  .xxs-mh4 {
    margin-right: 40px;
    margin-left: 40px;
  }
  [class*="grid-col-"].xxs-ph5,
  .xxs-ph5 {
    padding-right: 50px;
    padding-left: 50px;
  }
  .xxs-mh5 {
    margin-right: 50px;
    margin-left: 50px;
  }
  [class*="grid-col-"].xxs-ph6,
  .xxs-ph6 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .xxs-mh6 {
    margin-right: 60px;
    margin-left: 60px;
  }
  [class*="grid-col-"].xxs-ph7,
  .xxs-ph7 {
    padding-right: 70px;
    padding-left: 70px;
  }
  .xxs-mh7 {
    margin-right: 70px;
    margin-left: 70px;
  }
  [class*="grid-col-"].xxs-ph8,
  .xxs-ph8 {
    padding-right: 80px;
    padding-left: 80px;
  }
  .xxs-mh8 {
    margin-right: 80px;
    margin-left: 80px;
  }
  [class*="grid-col-"].xxs-ph9,
  .xxs-ph9 {
    padding-right: 90px;
    padding-left: 90px;
  }
  .xxs-mh9 {
    margin-right: 90px;
    margin-left: 90px;
  }
  [class*="grid-col-"].xxs-phhalf,
  .xxs-phhalf {
    padding-right: 5px;
    padding-left: 5px;
  }
  .xxs-mhhalf {
    margin-right: 5px;
    margin-left: 5px;
  }
  [class*="grid-col-"].xxs-phquarter,
  .xxs-phquarter {
    padding-right: 2.5px;
    padding-left: 2.5px;
  }
  .xxs-mhquarter {
    margin-right: 2.5px;
    margin-left: 2.5px;
  }
  [class*="grid-col-"].xxs-ph-half-gutter,
  .xxs-ph-half-gutter {
    padding-right: 15px;
    padding-left: 15px;
  }
  .xxs-mh-half-gutter {
    margin-right: 15px;
    margin-left: 15px;
  }
  .xxs-mha {
    margin-right: auto;
    margin-left: auto;
  }
  [class*="grid-col-"].xxs-pt0,
  .xxs-pt0 {
    padding-top: 0px;
  }
  .xxs-mt0 {
    margin-top: 0px;
  }
  [class*="grid-col-"].xxs-pt1,
  .xxs-pt1 {
    padding-top: 10px;
  }
  .xxs-mt1 {
    margin-top: 10px;
  }
  [class*="grid-col-"].xxs-pt2,
  .xxs-pt2 {
    padding-top: 20px;
  }
  .xxs-mt2 {
    margin-top: 20px;
  }
  [class*="grid-col-"].xxs-pt3,
  .xxs-pt3 {
    padding-top: 30px;
  }
  .xxs-mt3 {
    margin-top: 30px;
  }
  [class*="grid-col-"].xxs-pt4,
  .xxs-pt4 {
    padding-top: 40px;
  }
  .xxs-mt4 {
    margin-top: 40px;
  }
  [class*="grid-col-"].xxs-pt5,
  .xxs-pt5 {
    padding-top: 50px;
  }
  .xxs-mt5 {
    margin-top: 50px;
  }
  [class*="grid-col-"].xxs-pt6,
  .xxs-pt6 {
    padding-top: 60px;
  }
  .xxs-mt6 {
    margin-top: 60px;
  }
  [class*="grid-col-"].xxs-pt7,
  .xxs-pt7 {
    padding-top: 70px;
  }
  .xxs-mt7 {
    margin-top: 70px;
  }
  [class*="grid-col-"].xxs-pt8,
  .xxs-pt8 {
    padding-top: 80px;
  }
  .xxs-mt8 {
    margin-top: 80px;
  }
  [class*="grid-col-"].xxs-pt9,
  .xxs-pt9 {
    padding-top: 90px;
  }
  .xxs-mt9 {
    margin-top: 90px;
  }
  [class*="grid-col-"].xxs-pthalf,
  .xxs-pthalf {
    padding-top: 5px;
  }
  .xxs-mthalf {
    margin-top: 5px;
  }
  [class*="grid-col-"].xxs-ptquarter,
  .xxs-ptquarter {
    padding-top: 2.5px;
  }
  .xxs-mtquarter {
    margin-top: 2.5px;
  }
  [class*="grid-col-"].xxs-pt-half-gutter,
  .xxs-pt-half-gutter {
    padding-top: 15px;
  }
  .xxs-mt-half-gutter {
    margin-top: 15px;
  }
  .xxs-mta {
    margin-top: auto;
  }
  [class*="grid-col-"].xxs-pr0,
  .xxs-pr0 {
    padding-right: 0px;
  }
  .xxs-mr0 {
    margin-right: 0px;
  }
  [class*="grid-col-"].xxs-pr1,
  .xxs-pr1 {
    padding-right: 10px;
  }
  .xxs-mr1 {
    margin-right: 10px;
  }
  [class*="grid-col-"].xxs-pr2,
  .xxs-pr2 {
    padding-right: 20px;
  }
  .xxs-mr2 {
    margin-right: 20px;
  }
  [class*="grid-col-"].xxs-pr3,
  .xxs-pr3 {
    padding-right: 30px;
  }
  .xxs-mr3 {
    margin-right: 30px;
  }
  [class*="grid-col-"].xxs-pr4,
  .xxs-pr4 {
    padding-right: 40px;
  }
  .xxs-mr4 {
    margin-right: 40px;
  }
  [class*="grid-col-"].xxs-pr5,
  .xxs-pr5 {
    padding-right: 50px;
  }
  .xxs-mr5 {
    margin-right: 50px;
  }
  [class*="grid-col-"].xxs-pr6,
  .xxs-pr6 {
    padding-right: 60px;
  }
  .xxs-mr6 {
    margin-right: 60px;
  }
  [class*="grid-col-"].xxs-pr7,
  .xxs-pr7 {
    padding-right: 70px;
  }
  .xxs-mr7 {
    margin-right: 70px;
  }
  [class*="grid-col-"].xxs-pr8,
  .xxs-pr8 {
    padding-right: 80px;
  }
  .xxs-mr8 {
    margin-right: 80px;
  }
  [class*="grid-col-"].xxs-pr9,
  .xxs-pr9 {
    padding-right: 90px;
  }
  .xxs-mr9 {
    margin-right: 90px;
  }
  [class*="grid-col-"].xxs-prhalf,
  .xxs-prhalf {
    padding-right: 5px;
  }
  .xxs-mrhalf {
    margin-right: 5px;
  }
  [class*="grid-col-"].xxs-prquarter,
  .xxs-prquarter {
    padding-right: 2.5px;
  }
  .xxs-mrquarter {
    margin-right: 2.5px;
  }
  [class*="grid-col-"].xxs-pr-half-gutter,
  .xxs-pr-half-gutter {
    padding-right: 15px;
  }
  .xxs-mr-half-gutter {
    margin-right: 15px;
  }
  .xxs-mra {
    margin-right: auto;
  }
  [class*="grid-col-"].xxs-pb0,
  .xxs-pb0 {
    padding-bottom: 0px;
  }
  .xxs-mb0 {
    margin-bottom: 0px;
  }
  [class*="grid-col-"].xxs-pb1,
  .xxs-pb1 {
    padding-bottom: 10px;
  }
  .xxs-mb1 {
    margin-bottom: 10px;
  }
  [class*="grid-col-"].xxs-pb2,
  .xxs-pb2 {
    padding-bottom: 20px;
  }
  .xxs-mb2 {
    margin-bottom: 20px;
  }
  [class*="grid-col-"].xxs-pb3,
  .xxs-pb3 {
    padding-bottom: 30px;
  }
  .xxs-mb3 {
    margin-bottom: 30px;
  }
  [class*="grid-col-"].xxs-pb4,
  .xxs-pb4 {
    padding-bottom: 40px;
  }
  .xxs-mb4 {
    margin-bottom: 40px;
  }
  [class*="grid-col-"].xxs-pb5,
  .xxs-pb5 {
    padding-bottom: 50px;
  }
  .xxs-mb5 {
    margin-bottom: 50px;
  }
  [class*="grid-col-"].xxs-pb6,
  .xxs-pb6 {
    padding-bottom: 60px;
  }
  .xxs-mb6 {
    margin-bottom: 60px;
  }
  [class*="grid-col-"].xxs-pb7,
  .xxs-pb7 {
    padding-bottom: 70px;
  }
  .xxs-mb7 {
    margin-bottom: 70px;
  }
  [class*="grid-col-"].xxs-pb8,
  .xxs-pb8 {
    padding-bottom: 80px;
  }
  .xxs-mb8 {
    margin-bottom: 80px;
  }
  [class*="grid-col-"].xxs-pb9,
  .xxs-pb9 {
    padding-bottom: 90px;
  }
  .xxs-mb9 {
    margin-bottom: 90px;
  }
  [class*="grid-col-"].xxs-pbhalf,
  .xxs-pbhalf {
    padding-bottom: 5px;
  }
  .xxs-mbhalf {
    margin-bottom: 5px;
  }
  [class*="grid-col-"].xxs-pbquarter,
  .xxs-pbquarter {
    padding-bottom: 2.5px;
  }
  .xxs-mbquarter {
    margin-bottom: 2.5px;
  }
  [class*="grid-col-"].xxs-pb-half-gutter,
  .xxs-pb-half-gutter {
    padding-bottom: 15px;
  }
  .xxs-mb-half-gutter {
    margin-bottom: 15px;
  }
  .xxs-mba {
    margin-bottom: auto;
  }
  [class*="grid-col-"].xxs-pl0,
  .xxs-pl0 {
    padding-left: 0px;
  }
  .xxs-ml0 {
    margin-left: 0px;
  }
  [class*="grid-col-"].xxs-pl1,
  .xxs-pl1 {
    padding-left: 10px;
  }
  .xxs-ml1 {
    margin-left: 10px;
  }
  [class*="grid-col-"].xxs-pl2,
  .xxs-pl2 {
    padding-left: 20px;
  }
  .xxs-ml2 {
    margin-left: 20px;
  }
  [class*="grid-col-"].xxs-pl3,
  .xxs-pl3 {
    padding-left: 30px;
  }
  .xxs-ml3 {
    margin-left: 30px;
  }
  [class*="grid-col-"].xxs-pl4,
  .xxs-pl4 {
    padding-left: 40px;
  }
  .xxs-ml4 {
    margin-left: 40px;
  }
  [class*="grid-col-"].xxs-pl5,
  .xxs-pl5 {
    padding-left: 50px;
  }
  .xxs-ml5 {
    margin-left: 50px;
  }
  [class*="grid-col-"].xxs-pl6,
  .xxs-pl6 {
    padding-left: 60px;
  }
  .xxs-ml6 {
    margin-left: 60px;
  }
  [class*="grid-col-"].xxs-pl7,
  .xxs-pl7 {
    padding-left: 70px;
  }
  .xxs-ml7 {
    margin-left: 70px;
  }
  [class*="grid-col-"].xxs-pl8,
  .xxs-pl8 {
    padding-left: 80px;
  }
  .xxs-ml8 {
    margin-left: 80px;
  }
  [class*="grid-col-"].xxs-pl9,
  .xxs-pl9 {
    padding-left: 90px;
  }
  .xxs-ml9 {
    margin-left: 90px;
  }
  [class*="grid-col-"].xxs-plhalf,
  .xxs-plhalf {
    padding-left: 5px;
  }
  .xxs-mlhalf {
    margin-left: 5px;
  }
  [class*="grid-col-"].xxs-plquarter,
  .xxs-plquarter {
    padding-left: 2.5px;
  }
  .xxs-mlquarter {
    margin-left: 2.5px;
  }
  [class*="grid-col-"].xxs-pl-half-gutter,
  .xxs-pl-half-gutter {
    padding-left: 15px;
  }
  .xxs-ml-half-gutter {
    margin-left: 15px;
  }
  .xxs-mla {
    margin-left: auto;
  }
  .xxs-ph5 {
    padding-right: 50px;
    padding-left: 50px;
  }
  .xxs-ph2 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .xxs-mh2 {
    margin-right: 20px;
    margin-left: 20px;
  }
}
.lma {
  margin-left: auto;
}
.rma {
  margin-right: auto;
}
@font-face {
  font-family: 'open_sansbold';
  src: url("../assets/fonts/webfontkit-20151020-024655/opensans-bold-webfont.eot");
  src: url("../assets/fonts/webfontkit-20151020-024655/opensans-bold-webfont.eot?#iefix") format('embedded-opentype'), url("../assets/fonts/webfontkit-20151020-024655/opensans-bold-webfont.woff2") format('woff2'), url("../assets/fonts/webfontkit-20151020-024655/opensans-bold-webfont.woff") format('woff'), url("../assets/fonts/webfontkit-20151020-024655/opensans-bold-webfont.ttf") format('truetype'), url("../assets/fonts/webfontkit-20151020-024655/opensans-bold-webfont.svg#open_sansbold") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansbold_italic';
  src: url("../assets/fonts/webfontkit-20151020-024655/opensans-bolditalic-webfont.eot");
  src: url("../assets/fonts/webfontkit-20151020-024655/opensans-bolditalic-webfont.eot?#iefix") format('embedded-opentype'), url("../assets/fonts/webfontkit-20151020-024655/opensans-bolditalic-webfont.woff2") format('woff2'), url("../assets/fonts/webfontkit-20151020-024655/opensans-bolditalic-webfont.woff") format('woff'), url("../assets/fonts/webfontkit-20151020-024655/opensans-bolditalic-webfont.ttf") format('truetype'), url("../assets/fonts/webfontkit-20151020-024655/opensans-bolditalic-webfont.svg#open_sansbold_italic") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansextrabold';
  src: url("../assets/fonts/webfontkit-20151020-024655/opensans-extrabold-webfont.eot");
  src: url("../assets/fonts/webfontkit-20151020-024655/opensans-extrabold-webfont.eot?#iefix") format('embedded-opentype'), url("../assets/fonts/webfontkit-20151020-024655/opensans-extrabold-webfont.woff2") format('woff2'), url("../assets/fonts/webfontkit-20151020-024655/opensans-extrabold-webfont.woff") format('woff'), url("../assets/fonts/webfontkit-20151020-024655/opensans-extrabold-webfont.ttf") format('truetype'), url("../assets/fonts/webfontkit-20151020-024655/opensans-extrabold-webfont.svg#open_sansextrabold") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansextrabold_italic';
  src: url("../assets/fonts/webfontkit-20151020-024655/opensans-extrabolditalic-webfont.eot");
  src: url("../assets/fonts/webfontkit-20151020-024655/opensans-extrabolditalic-webfont.eot?#iefix") format('embedded-opentype'), url("../assets/fonts/webfontkit-20151020-024655/opensans-extrabolditalic-webfont.woff2") format('woff2'), url("../assets/fonts/webfontkit-20151020-024655/opensans-extrabolditalic-webfont.woff") format('woff'), url("../assets/fonts/webfontkit-20151020-024655/opensans-extrabolditalic-webfont.ttf") format('truetype'), url("../assets/fonts/webfontkit-20151020-024655/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansitalic';
  src: url("../assets/fonts/webfontkit-20151020-024655/opensans-italic-webfont.eot");
  src: url("../assets/fonts/webfontkit-20151020-024655/opensans-italic-webfont.eot?#iefix") format('embedded-opentype'), url("../assets/fonts/webfontkit-20151020-024655/opensans-italic-webfont.woff2") format('woff2'), url("../assets/fonts/webfontkit-20151020-024655/opensans-italic-webfont.woff") format('woff'), url("../assets/fonts/webfontkit-20151020-024655/opensans-italic-webfont.ttf") format('truetype'), url("../assets/fonts/webfontkit-20151020-024655/opensans-italic-webfont.svg#open_sansitalic") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sanslight';
  src: url("../assets/fonts/webfontkit-20151020-024655/opensans-light-webfont.eot");
  src: url("../assets/fonts/webfontkit-20151020-024655/opensans-light-webfont.eot?#iefix") format('embedded-opentype'), url("../assets/fonts/webfontkit-20151020-024655/opensans-light-webfont.woff2") format('woff2'), url("../assets/fonts/webfontkit-20151020-024655/opensans-light-webfont.woff") format('woff'), url("../assets/fonts/webfontkit-20151020-024655/opensans-light-webfont.ttf") format('truetype'), url("../assets/fonts/webfontkit-20151020-024655/opensans-light-webfont.svg#open_sanslight") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sanslight_italic';
  src: url("../assets/fonts/webfontkit-20151020-024655/opensans-lightitalic-webfont.eot");
  src: url("../assets/fonts/webfontkit-20151020-024655/opensans-lightitalic-webfont.eot?#iefix") format('embedded-opentype'), url("../assets/fonts/webfontkit-20151020-024655/opensans-lightitalic-webfont.woff2") format('woff2'), url("../assets/fonts/webfontkit-20151020-024655/opensans-lightitalic-webfont.woff") format('woff'), url("../assets/fonts/webfontkit-20151020-024655/opensans-lightitalic-webfont.ttf") format('truetype'), url("../assets/fonts/webfontkit-20151020-024655/opensans-lightitalic-webfont.svg#open_sanslight_italic") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansregular';
  src: url("../assets/fonts/webfontkit-20151020-024655/opensans-regular-webfont.eot");
  src: url("../assets/fonts/webfontkit-20151020-024655/opensans-regular-webfont.eot?#iefix") format('embedded-opentype'), url("../assets/fonts/webfontkit-20151020-024655/opensans-regular-webfont.woff2") format('woff2'), url("../assets/fonts/webfontkit-20151020-024655/opensans-regular-webfont.woff") format('woff'), url("../assets/fonts/webfontkit-20151020-024655/opensans-regular-webfont.ttf") format('truetype'), url("../assets/fonts/webfontkit-20151020-024655/opensans-regular-webfont.svg#open_sansregular") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sanssemibold';
  src: url("../assets/fonts/webfontkit-20151020-024655/opensans-semibold-webfont.eot");
  src: url("../assets/fonts/webfontkit-20151020-024655/opensans-semibold-webfont.eot?#iefix") format('embedded-opentype'), url("../assets/fonts/webfontkit-20151020-024655/opensans-semibold-webfont.woff2") format('woff2'), url("../assets/fonts/webfontkit-20151020-024655/opensans-semibold-webfont.woff") format('woff'), url("../assets/fonts/webfontkit-20151020-024655/opensans-semibold-webfont.ttf") format('truetype'), url("../assets/fonts/webfontkit-20151020-024655/opensans-semibold-webfont.svg#open_sanssemibold") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sanssemibold_italic';
  src: url("../assets/fonts/webfontkit-20151020-024655/opensans-semibolditalic-webfont.eot");
  src: url("../assets/fonts/webfontkit-20151020-024655/opensans-semibolditalic-webfont.eot?#iefix") format('embedded-opentype'), url("../assets/fonts/webfontkit-20151020-024655/opensans-semibolditalic-webfont.woff2") format('woff2'), url("../assets/fonts/webfontkit-20151020-024655/opensans-semibolditalic-webfont.woff") format('woff'), url("../assets/fonts/webfontkit-20151020-024655/opensans-semibolditalic-webfont.ttf") format('truetype'), url("../assets/fonts/webfontkit-20151020-024655/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic") format('svg');
  font-weight: normal;
  font-style: normal;
}
.offset-icon-1 {
  position: relative;
  top: 9px;
}
@font-face {
  font-family: 'icomoon';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggi/LoAAAC8AAAAYGNtYXAaVcxbAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZiUQO0EAAAFwAAADPGhlYWQCDrrxAAAErAAAADZoaGVhA+IB6gAABOQAAAAkaG10eAsAAAEAAAUIAAAAJGxvY2ECBgLyAAAFLAAAABRtYXhwAA4AVwAABUAAAAAgbmFtZVcZpu4AAAVgAAABRXBvc3QAAwAAAAAGqAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmBAHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYE//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAgAA/+ACAAHgABgAHwAAASIGBw4BFRQWFx4BMzI2Nz4BNTQmJy4BIxMnNTMVFwcBADVdIyMoKCMjXTU1XSMjKCgjI101SWlAVy4B4CgjI101NV0jIygoIyNdNTVdIyMo/olqjXNWLgAEAAD/4AIAAeAAGAAxADUAPwAAASIGBw4BFRQWFx4BMzI2Nz4BNTQmJy4BIxEiJicuATU0Njc+ATMyFhceARUUBgcOASMDMxUjFyM1MzUjNTMVMwEANV0jIygoIyNdNTVdIyMoKCMjXTUrTBwcISEcHEwrK0wcHCEhHBxMKyBAQGCAICBgIAHgKCMjXTU1XSMjKCgjI101NV0jIyj+MCEcHEwrK0wcHCEhHBxMKytMHBwhAVBAwCBgIIAAAAMAAP/gAgAB4AAYAB0AKAAAASIGBw4BFRQWFx4BMzI2Nz4BNTQmJy4BIwczFSM1EyM1MzUjNTMVMxUBADVdIyMoKCMjXTU1XSMjKCgjI101IEBAYIAgIGAgAeAoIyNdNTVdIyMoKCMjXTU1XSMjKGBAQP7AIIAgoCAAAAACAAD/4AIAAeAAGAApAAABIgYHDgEVFBYXHgEzMjY3PgE1NCYnLgEjFwcXFSMnByM1Nyc1Mxc3MxUBADVdIyMoKCMjXTU1XSMjKCgjI101gFNTLVNTLVNTLVNTLQHgKCMjXTU1XSMjKCgjI101NV0jIyitU1MtU1MtU1MtU1MtAAEAAf/hAf8B3wBUAAAlOAExJzc4ATE+ATc2Ji8BLgEHDgEHOAExByc4ATEuAScmBg8BDgEXHgEXOAExFwc4ATEOAQcGFh8BHgE3PgE3OAExNxc4ATEeARcWNj8BPgEnLgEnAfubmwIBAQICBEkDCgQCAgKbmwICAgQKA0kEAgIBAQKbmwIBAQICBEkDCgQCAgKbmwICAgQKA0kEAgIBAQJFm5sCAgIECgNJBAICAQECm5sCAQECAgRJAwoEAgICm5sCAgIECgNJBAICAQECm5sCAQECAgRJAwoEAgICAAAAAQAAAAEAANrhMvZfDzz1AAsCAAAAAADQd70aAAAAANB3vRoAAP/gAgAB4AAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAACQAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAQAAAAAACgAUAB4AUgCwAO4BLgGeAAEAAAAJAFUABAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format('truetype'), url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAcUAAsAAAAABsgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgCCL8umNtYXAAAAFoAAAATAAAAEwaVcxbZ2FzcAAAAbQAAAAIAAAACAAAABBnbHlmAAABvAAAAzwAAAM8JRA7QWhlYWQAAAT4AAAANgAAADYCDrrxaGhlYQAABTAAAAAkAAAAJAPiAepobXR4AAAFVAAAACQAAAAkCwAAAWxvY2EAAAV4AAAAFAAAABQCBgLybWF4cAAABYwAAAAgAAAAIAAOAFduYW1lAAAFrAAAAUUAAAFFVxmm7nBvc3QAAAb0AAAAIAAAACAAAwAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gQB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmBP/9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAAP/gAgAB4AAYAB8AAAEiBgcOARUUFhceATMyNjc+ATU0JicuASMTJzUzFRcHAQA1XSMjKCgjI101NV0jIygoIyNdNUlpQFcuAeAoIyNdNTVdIyMoKCMjXTU1XSMjKP6Jao1zVi4ABAAA/+ACAAHgABgAMQA1AD8AAAEiBgcOARUUFhceATMyNjc+ATU0JicuASMRIiYnLgE1NDY3PgEzMhYXHgEVFAYHDgEjAzMVIxcjNTM1IzUzFTMBADVdIyMoKCMjXTU1XSMjKCgjI101K0wcHCEhHBxMKytMHBwhIRwcTCsgQEBggCAgYCAB4CgjI101NV0jIygoIyNdNTVdIyMo/jAhHBxMKytMHBwhIRwcTCsrTBwcIQFQQMAgYCCAAAADAAD/4AIAAeAAGAAdACgAAAEiBgcOARUUFhceATMyNjc+ATU0JicuASMHMxUjNRMjNTM1IzUzFTMVAQA1XSMjKCgjI101NV0jIygoIyNdNSBAQGCAICBgIAHgKCMjXTU1XSMjKCgjI101NV0jIyhgQED+wCCAIKAgAAAAAgAA/+ACAAHgABgAKQAAASIGBw4BFRQWFx4BMzI2Nz4BNTQmJy4BIxcHFxUjJwcjNTcnNTMXNzMVAQA1XSMjKCgjI101NV0jIygoIyNdNYBTUy1TUy1TUy1TUy0B4CgjI101NV0jIygoIyNdNTVdIyMorVNTLVNTLVNTLVNTLQABAAH/4QH/Ad8AVAAAJTgBMSc3OAExPgE3NiYvAS4BBw4BBzgBMQcnOAExLgEnJgYPAQ4BFx4BFzgBMRcHOAExDgEHBhYfAR4BNz4BNzgBMTcXOAExHgEXFjY/AT4BJy4BJwH7m5sCAQECAgRJAwoEAgICm5sCAgIECgNJBAICAQECm5sCAQECAgRJAwoEAgICm5sCAgIECgNJBAICAQECRZubAgICBAoDSQQCAgEBApubAgEBAgIESQMKBAICApubAgICBAoDSQQCAgEBApubAgEBAgIESQMKBAICAgAAAAEAAAABAADa4TL2Xw889QALAgAAAAAA0He9GgAAAADQd70aAAD/4AIAAeAAAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAAgAAAQAAAAAAAAAAAAAAAAAAAAkAAAAAAAAAAAAAAAABAAAAAgAAAAIAAAACAAAAAgAAAAIAAAEAAAAAAAoAFAAeAFIAsADuAS4BngABAAAACQBVAAQAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA") format('woff');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
/* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-clock:before {
  content: "\e600";
}
.icon-info:before {
  content: "\e601";
}
.icon-info2:before {
  content: "\e602";
}
.icon-cancel-circle:before {
  content: "\e603";
}
.icon-close:before {
  content: "\e604";
}
@font-face {
  font-family: 'thegoals';
  src: url("../assets/fonts/thegoals.ttf") format('truetype'), url("../assets/fonts/thegoals.woff") format('woff');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'thegoals';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
/* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-color-1,
.icon-bell:before,
.icon-hamburger:before,
.icon-lock:before,
.icon-login:before {
  color: #fff;
}
.icon-size-1,
.icon-bell:before,
.icon-checkered-flag:before,
.icon-exclamation:before,
.icon-hamburger:before,
.icon-left:before,
.icon-right:before,
.icon-link:before,
.icon-lock:before,
.icon-login:before,
.icon-document:before,
.icon-credits-list-icon:before,
.icon-task:before,
.icon-completed:before,
.story-icon,
.generic-mission-icon,
.poverty-icon,
.energy-icon,
.social-inclusion-icon,
.done-icon-30 {
  font-size: 30px;
}
.icon-bell:before {
  content: "\e900";
}
.icon-checkered-flag:before {
  content: "\e901";
}
.icon-arrow-down:before {
  content: "\e902";
}
.icon-edit:before {
  content: "\e903";
}
.icon-exclamation:before {
  content: "\e904";
}
.icon-group:before {
  content: "\e905";
}
.icon-hamburger:before {
  content: "\e906";
}
.icon-back-arrow:before {
  content: "\e907";
}
.icon-left:before {
  content: "\e908";
  color: #53c7de;
}
.icon-right:before {
  content: "\e912";
  color: #53c7de;
}
.icon-link:before {
  content: "\e909";
}
.icon-lock:before {
  content: "\e90a";
}
.icon-login:before {
  content: "\e90b";
}
.icon-minus:before {
  content: "\e90c";
}
.icon-plus:before {
  content: "\e90d";
}
.icon-star-outline:before {
  content: "\e90e";
}
.icon-star-fill:before {
  content: "\e90f";
}
.icon-document:before {
  color: #c9ade8;
  content: "\e910";
}
.icon-video:before {
  content: "\e911";
}
.icon-credits-list-icon:before {
  content: "\e913";
}
.icon-task:before {
  content: "\e914";
}
.icon-completed:before {
  content: "\e915";
}
.center-text {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.normal,
.sans {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}
.sans-semibold {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}
.bold,
.profile .account-not-activated .not-activated-icon-text,
.main-menu-wrapper .main-menu .menu-section-wrapper .menu-header,
.satisfaction-rating .title,
.announcement-bar .announcement-message .announcement-text {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}
.semibold {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  word-wrap: normal;
}
.nowrap {
  white-space: nowrap;
}
.display-linebreak {
  white-space: pre-line;
}
.wordbreak {
  word-break: break-word;
}
h1,
.h1,
.list-item-icon {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: #000;
  font-size: 3.6rem;
  line-height: 1.3;
}
h1.sans,
.h1.sans,
.list-item-icon.sans {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}
h1.bold,
.h1.bold,
.list-item-icon.bold {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}
@media (max-width: 768px) {
  h1,
  .h1,
  .list-item-icon {
    font-size: 3.2rem;
  }
}
h2,
.h2,
legend {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.3;
  color: #000;
}
h2.sans,
.h2.sans,
legend.sans {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}
h3,
.h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.5;
  color: #2b2926;
}
h3.ellipsis,
.h3.ellipsis {
  height: 2rem;
}
h4,
.h4 {
  font-size: 1.4rem;
  text-transform: uppercase;
  line-height: 1.3;
  color: #2b2926;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}
h5 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: #c0bebb;
}
.size-sm {
  font-size: 1.1rem;
  line-height: 1.2;
}
.size-0,
.tag,
.tag-editor .tag {
  font-size: 1.4rem;
  line-height: 1.3;
}
.size-1,
.single-line,
.multiple-line {
  font-size: 1.6rem;
  line-height: 1.3;
}
.size-a,
.copy,
.copy-light {
  font-size: 1.6rem;
  line-height: 1.3;
}
.size-b,
.idea-description p,
.paginate-container .page-item,
.paginate-container .break,
.paginate-container .active-page,
.paginate-container .prev,
.paginate-container .next {
  font-size: 1.8rem;
  line-height: 1.3;
}
.size-bc {
  font-size: 1.9rem;
  line-height: 1.3;
}
.size-c {
  font-size: 2rem;
  line-height: 1.3;
}
.size-d {
  font-size: 2.2rem;
  line-height: 1.3;
}
.size-e {
  font-size: 2.4rem;
  line-height: 1.3;
}
.size-g {
  font-size: 2.8rem;
  line-height: 1.3;
}
.size-h {
  font-size: 3.6rem;
  line-height: 1.3;
}
.copy,
.copy-light {
  color: #504e49;
}
.copy-light {
  color: #807d77;
}
p,
.p {
  font-size: 1.6rem;
  color: #2b2926;
  line-height: 1.5;
}
p.big,
.p.big {
  font-size: 2.2rem;
  line-height: 2.6rem;
}
a,
.a {
  color: #00b7da;
}
.underline {
  transition: border-color 0.2s;
  border-color: rgba(0,183,218,0);
}
.underline:hover {
  border-bottom: 1px solid rgba(0,183,218,0.5);
}
.x-small {
  font-size: 1rem;
  line-height: 1.4rem;
}
small,
.small,
.small-light {
  font-size: 1.3rem;
  line-height: 1.8rem;
  color: #2b2926;
}
.small-light {
  color: #807d77;
}
.text-dark {
  color: #2a2924;
}
.white {
  color: #fff;
}
.text-white {
  color: #fff;
}
.text-aqua-green {
  color: #7bdbda;
}
.text-blue {
  color: #53c7de;
}
.text-light-red {
  color: #ff8e8b;
}
.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
  line-height: 1.3;
  margin-bottom: 0.75em;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}
.markdown h1 {
  font-size: 3.6rem;
}
@media (max-width: 768px) {
  .markdown h1 {
    font-size: 3.2rem;
  }
}
.markdown h2 {
  font-size: 2.6rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}
.markdown h3 {
  font-size: 2.2rem;
  font-weight: 400;
  color: #2b2926;
}
.markdown h4 {
  font-size: 1.7rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: #2b2926;
}
.markdown h5 {
  font-size: 1.7rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-style: italic;
  color: #2b2926;
}
.markdown h6 {
  font-size: 1.4rem;
  font-weight: 700;
}
.markdown p {
  padding-bottom: 1em;
  color: inherit;
  font-size: 1.6rem;
}
.markdown a {
  transition: border-color 0.2s;
  border-color: rgba(0,183,218,0);
}
.markdown a:hover {
  border-bottom: 2px solid rgba(0,183,218,0.5);
}
.markdown img {
  box-sizing: border-box;
  max-width: 100%;
  margin: 1rem 0 2rem;
}
.markdown hr {
  margin: 2rem 0;
}
.markdown iframe {
  padding-bottom: 1rem;
  width: 100%;
}
.markdown.just-white p {
  color: #fff;
}
.markdown ul,
.markdown ol {
  margin: 2rem 0 2rem 1rem;
  font-size: 1.6rem;
  line-height: 1.5em;
}
@media (max-width: 767px) {
  .markdown ul,
  .markdown ol {
    text-align: left;
  }
}
.markdown ul li,
.markdown ol li {
  padding-left: 0.5em;
}
.markdown ol {
  counter-reset: item;
}
.markdown ol >li {
  text-indent: -1.5rem;
  list-style-type: none;
  counter-increment: item;
}
.markdown ol >li:before {
  display: inline-block;
  width: 1rem;
  padding-right: 0.5rem;
  font-weight: 600;
  text-align: left;
  content: counter(item) ".";
}
.markdown table {
  border: 1px solid #e0e0e0;
  margin: 2rem 0;
}
.markdown table td,
.markdown table th {
  text-align: left;
  padding: 0.75em 0.5em;
  line-height: 1.3em;
  font-size: 1.7rem;
  border-bottom: 1px solid #e0e0e0;
}
.markdown table th {
  font-weight: 600;
  font-size: 1.5rem;
}
.markdown blockquote,
.markdown q {
  margin: 2em;
  margin-left: 1rem;
  margin-right: 3rem;
  line-height: 1.5;
  font-size: 2rem;
  border-left: solid 6px #00b7da;
  padding-left: 2rem;
  font-style: italic;
}
.markdown blockquote p,
.markdown q p {
  padding: 0.2em 0 0.4em;
  font-size: 2rem;
  color: #343434;
}
.color-thegoalsblue {
  color: #53c7de;
}
.color-grey {
  color: #e4e0d7;
}
.profile-image {
  width: 20%;
}
.round-inverted {
  border-radius: 10000px;
  background-color: #53c7de;
  color: #fff;
}
.text-uppercase {
  text-transform: uppercase;
}
.one-row-text {
  display: inline-block;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
a.black-link {
  color: #000;
}
html {
  font-size: 62.5%;
  line-height: 1.5em;
  -webkit-font-smoothing: antialiased;
  height: 100%;
  width: 100%;
}
body {
  background-color: #fff;
  color: #2b2926;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
  width: 100%;
}
.ios-modal-fix {
  position: fixed;
  overflow: hidden !important;
}
.wrapper {
  overflow-x: hidden;
}
a {
  text-decoration: none;
  cursor: pointer;
}
hr {
  border-top: 1px solid #e0e0e0;
}
.hr-dark {
  border-top: 1px solid #a3a3a3;
}
.theme-logo {
  background-image: url("/assets/images/logo-neg.svg");
  height: 40px;
  width: 100%;
  background-size: contain;
  background-position: center left;
  background-repeat: no-repeat;
}
.round,
.main-menu-open {
  border-radius: 100rem;
  overflow: hidden;
}
.relative {
  position: relative;
}
.vertical-align-middle {
  vertical-align: middle;
}
.vertical-align-sub {
  vertical-align: sub;
}
.absolute {
  position: absolute;
  top: 0px;
  left: 0px;
}
.absolute-right {
  position: absolute;
  top: 0px;
  right: 0px;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.block {
  display: block;
}
.list-item {
  display: list-item;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.flex-horizontal,
.main-menu-wrapper .main-menu {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-right,
.uploader-action-container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-horizontal-center,
.ideas-sortby-box,
.ideas-sortby-box-coach {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flex-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-center,
.table-idea-feedback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-center-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-self-center {
  -ms-flex-item-align: center;
      align-self: center;
}
.flex-right-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-left-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-vertical-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: left;
      -ms-flex-align: left;
          align-items: left;
}
.flex-vertical-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: left;
      -ms-flex-align: left;
          align-items: left;
}
.flex-vertical-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: left;
      -ms-flex-align: left;
          align-items: left;
}
.flex-item-right {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.flex-eq-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-eq-3 {
  width: 32%;
  margin: 1%;
}
.flex-eq-3:nth-of-type(3n) {
  margin-right: 0;
}
.flex-eq-3:nth-of-type(3n+1) {
  margin-left: 0;
}
.sticky {
  position: fixed;
  left: 0;
  right: 0;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.flex-top {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.flex-bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.space-between,
.flex-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex-full {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  box-sizing: border-box;
}
.flex-half {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 50%;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .flex-half {
    width: 100%;
  }
}
.flex-none {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.fixated {
  position: fixed;
}
.no-style {
  list-style: none;
}
.main-content {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.main-content img {
  width: 100%;
}
.main-content > div:first-child {
  border-top: 0;
}
.init-hidden-size {
  max-height: 0;
  transition: max-height 0.3s ease-out;
  overflow: hidden;
}
.init-hidden-size.modifier-switch-on {
  transition: max-height 0.3s ease-in;
  max-height: 500px;
}
.supreme {
  font-size: 3.9rem;
  line-height: 4rem;
}
.dashed-box {
  border: 2px dashed #53c7de;
}
.back-white {
  background-color: #fff;
  border-top-color: #fff;
}
.back-coloraction {
  background-color: #00b7da;
}
.back-black,
.back-in-black {
  background-color: #000;
  border-top-color: #000;
}
.back-black-alpha-20 {
  background-color: rgba(0,0,0,0.2);
  border-top-color: rgba(0,0,0,0.2);
}
.back-grey {
  background-color: #e8e8e8;
  border-top-color: #e8e8e8;
}
.back-lighter-grey {
  background-color: #f2f2f2;
  border-top-color: #f2f2f2;
}
.back-light-grey {
  background-color: #807d77;
  border-top-color: #807d77;
}
.back-dark-grey {
  background-color: #2b2926;
  border-top-color: #2b2926;
}
.back-primary-grey {
  background-color: #e4e0d7;
  border-top-color: #e4e0d7;
}
.back-white-semi {
  background-color: rgba(255,255,255,0.7);
  border-top-color: rgba(255,255,255,0.7);
}
.back-white-alpha-5 {
  background-color: rgba(255,255,255,0.95);
  border-top-color: rgba(255,255,255,0.95);
}
.back-blue2 {
  background-color: #4cc7e0;
  border-top-color: #4cc7e0;
}
.back-green2 {
  background-color: #b8e986;
  border-top-color: #b8e986;
}
.back-purple2 {
  background-color: #9a98bc;
  border-top-color: #9a98bc;
}
.m0a {
  margin: 0 auto;
}
.mra {
  margin-right: auto;
}
.list-item-icon {
  height: 4rem;
  width: 4rem;
  border-radius: 20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}
.sidelines:after {
  content: '';
  width: 35px;
  height: 2px;
  display: inline-block;
  border-bottom: 1px solid #fff;
  vertical-align: middle;
}
.sidelines:before {
  content: '';
  width: 35px;
  height: 2px;
  display: inline-block;
  border-bottom: 1px solid #fff;
  vertical-align: middle;
}
.sidelines.sidelines-aqua-green:after {
  background: #7bdbda;
}
.sidelines.sidelines-aqua-green:before {
  background: #7bdbda;
}
.sidelines.sidelines-light-red:after {
  background: #ff8e8b;
}
.sidelines.sidelines-light-red:before {
  background: #ff8e8b;
}
.sidelines.sidelines-white:after {
  background: #fff;
}
.sidelines.sidelines-white:before {
  background: #fff;
}
.arrow-box {
  position: relative;
  border-bottom: 1px solid #d8d8d8;
}
.arrow-box:after,
.arrow-box:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: 1;
}
.arrow-box:after {
  border-top-color: inherit;
  border-width: 20px;
  margin-left: -20px;
}
.arrow-box:before {
  border-top-color: #d8d8d8;
  border-width: 21px;
  margin-left: -21px;
}
.half-circle-above {
  position: relative;
  margin-top: 32px;
}
.half-circle-above:before {
  content: '';
  background-color: inherit;
  width: 64px;
  height: 32px;
  position: absolute;
  top: -32px;
  left: 50%;
  margin-left: -32px;
  border-radius: 64px 64px 0 0;
}
.vertical-center {
  display: inline-block;
  vertical-align: middle;
}
.border-box {
  box-sizing: border-box;
}
.fill-height {
  height: 100%;
}
.center-children {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.align-items-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.align-items-stretch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.rounded-box,
.rounded-box.clickable {
  background-color: #fff;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
  border-radius: 3px;
  top: 0;
}
.rounded-box.clickable:hover {
  box-shadow: 0px 0px 2px 0 rgba(0,0,0,0.1), 0px 0px 10px 0px rgba(0,0,0,0.3);
  position: relative;
  top: -2px;
}
.rounded-box.clickable:active {
  position: relative;
  box-shadow: none;
  box-shadow: inset 0px 0px 2px 0 rgba(0,0,0,0.5);
  top: 1px;
}
.rounded-top {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.coach-box {
  border: solid 3px #f6632c;
  border-radius: 6px;
  text-align: center;
  padding: 3rem 1.5rem;
  color: #1a1a1a;
}
@media (max-width: 768px) {
  .coach-box {
    margin-bottom: 6rem;
  }
}
.grey-background {
  background-color: #f2f2f2;
}
.grey-box {
  background-color: #f2f2f2;
  border-bottom: #e4e0d7 1px solid;
}
.top-row {
  background-color: #f2f2f2;
}
.progress-box {
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.progress-box .progress-bar-back {
  width: 100%;
  height: 1rem;
  background-color: #e4e0d7;
}
.progress-box .progress-bar-fill {
  height: 1rem;
  background-color: #53c7de;
}
.profile-image {
  position: relative;
  width: 15%;
}
.profile-row {
  width: 12%;
}
.percent-12 {
  width: 12%;
}
.percent-15 {
  width: 15%;
}
.percent-33 {
  width: 33.3%;
}
.percent-50 {
  width: 50%;
}
img.location {
  border: 1px solid #fff;
  width: 45%;
  border-radius: 3rem;
  position: absolute;
  z-index: 30;
  bottom: 0px;
  right: 0px;
}
img.location.profile {
  width: 30%;
}
.image-half {
  width: 50%;
}
.image-full {
  width: 100%;
}
.image-max-full {
  width: auto;
  max-width: 100%;
}
.nowrap {
  white-space: nowrap;
}
.user-default-profile {
  background: url("../images/user-default-profile.png") no-repeat;
}
.loader-progress {
  width: 130px;
  text-align: center;
  margin-top: 15px;
}
.loader-progress-back {
  margin-top: 8px;
  width: 130px;
  height: 15px;
  border-radius: 3px;
  background-color: rgba(242,242,242,0.3);
}
.loader-progress-bar {
  height: 15px;
  border-radius: 3px;
  background-color: #53c7de;
  transition: width 0.4s ease-out;
}
.clickable {
  cursor: pointer;
}
.max-content-width {
  max-width: 960px;
  box-sizing: border-box;
}
.max-desktop-width,
.announcement-bar .announcement-message {
  max-width: 1200px;
  padding-left: 30px;
  padding-right: 30px;
  box-sizing: border-box;
}
@media (max-width: 500px) {
  .max-desktop-width,
  .announcement-bar .announcement-message {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.half-max-desktop-width {
  max-width: 600px;
  padding-left: 30px;
  padding-right: 30px;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .half-max-desktop-width {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.max-desktop-width-no-pad {
  max-width: 1200px;
  box-sizing: border-box;
}
.hide {
  display: none;
}
@media screen and (min-width: 768px) {
  .sm-hide {
    display: none;
  }
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .xs-hide {
    display: none;
  }
}
@media (max-width: 500px) {
  .xxs-hide {
    display: none;
  }
}
.example-enter {
  opacity: 0.01;
  transition: opacity 0.5s ease-in;
}
.example-enter.example-enter-active {
  opacity: 1;
}
.example-leave {
  opacity: 1;
  transition: opacity 0.5s ease-in;
}
.example-leave.example-leave-active {
  opacity: 0.01;
}
.transitions {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.transitions-slow,
.transitions {
  transition: -webkit-transform 1s ease-out;
  transition: transform 1s ease-out;
}
.transitions-height {
  transition: height 0.3s ease-out;
}
.transitions-opacity {
  transition: opacity 0.3s ease-out;
}
.transform-origin-top {
  -webkit-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
}
.align-self-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.align-self-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.border-bottom {
  border-bottom: 1px solid #ededed;
}
.progress-dot {
  background-color: #ededed;
  border-radius: 1000rem;
  width: 10px;
  height: 10px;
  margin-right: 5px;
}
.progress-dot-done {
  background-color: #f67f00;
  border-radius: 1000rem;
  width: 10px;
  height: 10px;
  margin-right: 5px;
}
.modifier-used {
  opacity: 0.3;
}
.clickable-text-icon {
  min-width: 44px;
  min-height: 44px;
  cursor: pointer;
  text-align: center;
  line-height: 44px;
}
.clickable-text-icon span {
  font-size: 1.2rem;
  width: 2rem;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
  display: block;
}
.circle-image {
  overflow: hidden;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.circle-image-70 {
  overflow: hidden;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.circle-image-100 {
  overflow: hidden;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.circle-image-150 {
  overflow: hidden;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.negative-mt2 {
  margin-top: -15px;
}
.button-progress {
  position: relative;
  height: 4rem;
  line-height: 4rem;
  overflow: hidden;
}
.button-progress-text,
.button-progress-info-text,
.button-progress-background {
  line-height: 4rem;
  text-align: center;
  transition: -webkit-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.button-progress-info-text {
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  z-index: 3;
}
.button-progress-background {
  transition: -webkit-transform 5s ease-out;
  transition: transform 5s ease-out;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  background: rgba(0,0,0,0.3);
  z-index: 2;
}
.button-progress-action .button-progress-background {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
.button-progress-action .button-progress-info-text {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.button-progress-action .button-progress-text {
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
}
.hover-button-grey {
  color: rgba(0,0,0,0.4);
  cursor: pointer;
  transition: color 0.2s;
}
.hover-button-grey:hover {
  color: rgba(0,0,0,0.8);
}
.system-message-wrapper {
  position: fixed;
  z-index: 2000;
  top: -200px;
  transition: top 0.2s ease-out;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.system-message,
.system-message-info {
  padding: 2.4rem 5rem 2rem;
  margin-top: -5px;
  font-weight: bold;
}
.system-message-type-warning {
  background-color: #f67f00;
  color: #fff;
}
.system-message-type-info {
  background-color: #00b7da;
  color: #fff;
}
.bar-chart {
  min-height: 4rem;
}
.bar-wrapper {
  background: #ddd;
  margin: 0 1px;
}
.bar {
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
  height: 4rem;
  background: #aaa;
}
.pieChart {
  position: relative;
  height: 200px;
  width: 200px;
  background: #fff;
}
.pie {
  position: absolute;
  width: 100px;
  height: 200px;
  overflow: hidden;
  left: 100px;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.pie-big {
  width: 200px;
  left: 0px;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.innerPie {
  border-radius: 100px 0 0 100px;
  content: "";
  position: absolute;
  width: 100px;
  height: 200px;
  top: 0px;
  left: -100px;
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.pie-big .innerPie {
  left: 0px;
}
.arrow-left {
  display: block;
  width: 0;
  height: 0;
  left: -5px;
  top: 50%;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #000;
}
.arrow-top {
  display: block;
  width: 0;
  height: 0;
  left: 50%;
  top: -10px;
  margin-left: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid #000;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.rw-i-caret-down:before {
  content: '▾';
  font-size: 2rem;
  line-height: 4rem;
  padding: 1.2rem 1rem 1.2rem 0;
  font-weight: bold;
}
.rw-list-option {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.rw-input {
  padding: 1.2rem 1.3rem;
  font-size: 1.7rem;
}
.tag {
  background-color: #00b7da;
  color: #fff;
  border-radius: 2px;
  padding: 0.2rem 0.6rem 0.3rem;
}
.scale {
  max-width: 100%;
}
.feedback-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  border-bottom: 1px solid #e8e8e8;
}
.flag-icon.flag-icon-squared {
  border-radius: 1000rem;
  width: 4rem;
  height: 4rem;
}
.profile-flag {
  bottom: 10px;
  right: 10px;
  top: auto;
  left: auto;
}
ul,
ol {
  margin-left: 2rem;
}
ul li,
ol li {
  margin-left: 1rem;
  padding-bottom: 1rem;
}
@media (max-width: 500px) {
  ul li,
  ol li {
    word-break: break-all;
  }
}
.loading-content {
  min-height: 170px;
}
.message-type-1 {
  background-color: #e8e8e8;
  color: #1a1a1a;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.label-warning {
  background-color: #f67f00;
  color: #fff;
  padding: 0.5rem 0.7rem;
  border-radius: 3px;
}
.hide-outside {
  overflow: hidden;
}
.vac,
.va-middle {
  vertical-align: middle;
}
.vasuper {
  vertical-align: text-top;
}
.round-image-border {
  border: 2px solid #fff;
}
.feedback-attention {
  position: absolute;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 5rem;
  height: 74px;
  width: 74px;
  font-weight: bold;
  top: 0;
  left: 0;
  text-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}
.page-ideahunt p img[src*='#right'] {
  float: right;
  max-width: 50%;
}
.page-ideahunt p img[src*='#left'] {
  float: left;
  max-width: 50%;
}
.form-section {
  margin-bottom: 4rem;
}
.form-section h1 {
  border-bottom: solid 4px #00b7da;
  padding-bottom: 0.5em;
  margin-bottom: 4rem;
}
.swal2-container .ideahunt-modal {
  font-size: 1.6rem;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
}
.modifier-modal-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
}
#modal-overlay {
  background: rgba(11,17,19,0.8);
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  -webkit-animation-name: modal-overlay-opening-keyframes;
          animation-name: modal-overlay-opening-keyframes;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
#modal-overlay.modifier-modal-show {
  display: block;
}
#modal-overlay.modal-full {
  z-index: 110;
}
#modal-wrapper {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  padding: 10px 10px 0;
  -webkit-overflow-scrolling: touch;
}
#modal-wrapper.modifier-modal-show {
  display: block;
}
#modal-wrapper::after {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}
.modal {
  background: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  color: #2b2e38;
  display: inline-block;
  margin-bottom: 10px;
  max-width: 600px;
  outline: none;
  padding: 60px 40px 40px 40px;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  vertical-align: middle;
  width: 100%;
}
.modal.modal-small {
  max-width: 500px;
}
.modal.modal-large {
  max-width: 950px;
}
@media (max-width: 500px) {
  .modal {
    padding: 60px 20px 40px 20px;
  }
}
.modal-dark {
  background-color: #1a1a1a;
  color: #fff;
}
.modal-content-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.form-box {
  box-sizing: border-box;
  width: 100%;
}
.form-box-dark {
  box-sizing: border-box;
  width: 100%;
}
.button-close-modal {
  position: absolute;
  z-index: 10;
  right: 0;
  top: 0;
  font-size: 2.8rem;
  line-height: 1em;
  padding: 1.2rem 1.7rem;
  opacity: 0.2;
  transition: opacity 0.2s;
}
.button-close-modal:hover {
  cursor: pointer;
  opacity: 1;
}
.simple-message {
  width: 80%;
}
.modal-narrow-body-text {
  max-width: 75%;
  margin: 20px auto;
}
@-webkit-keyframes modal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.container,
.col-auto,
.grid-col-xs-1,
.grid-col-xs-2,
.grid-col-xs-3,
.grid-col-xs-4,
.grid-col-xs-5,
.grid-col-xs-6,
.grid-col-xs-7,
.grid-col-xs-8,
.grid-col-xs-9,
.grid-col-xs-10,
.grid-col-xs-11,
.grid-col-xs-12,
.grid-col-xxs-1,
.grid-col-xxs-2,
.grid-col-xxs-3,
.grid-col-xxs-4,
.grid-col-xxs-5,
.grid-col-xxs-6,
.grid-col-xxs-7,
.grid-col-xxs-8,
.grid-col-xxs-9,
.grid-col-xxs-10,
.grid-col-xxs-11,
.grid-col-xxs-12,
.grid-col-sm-1,
.grid-col-sm-2,
.grid-col-sm-3,
.grid-col-sm-4,
.grid-col-sm-5,
.grid-col-sm-6,
.grid-col-sm-7,
.grid-col-sm-8,
.grid-col-sm-9,
.grid-col-sm-10,
.grid-col-sm-11,
.grid-col-sm-12,
.grid-col-md-1,
.grid-col-md-2,
.grid-col-md-3,
.grid-col-md-4,
.grid-col-md-5,
.grid-col-md-6,
.grid-col-md-7,
.grid-col-md-8,
.grid-col-md-9,
.grid-col-md-10,
.grid-col-md-11,
.grid-col-md-12 {
  box-sizing: border-box;
  padding-left: 3rem;
  padding-right: 3rem;
}
.grid-row,
.agreement-admin-list .agreement-sections .adm-module .agreement-table .agreement-row {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -3rem;
  margin-right: -3rem;
}
.admin-header {
  position: relative;
  top: 10px;
  margin-bottom: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}
.admin-text {
  font-size: 3.6rem;
  font-family: Montserrat, sans-serif;
  padding-left: 9px;
  padding-right: 0px;
  color: #fff;
  margin-left: 0px;
  line-height: initial;
}
.shield {
  color: #fff;
  position: relative;
  margin-left: 3px;
  text-allign: text-bottom;
}
.grid-row-no-margin,
.agreement-admin-list .agreement-sections .adm-module .agreement-table .agreement-row {
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 500px) {
  .shield {
    margin-left: 40px;
  }
}
.grid-dropdown-row {
  display: none;
  margin-right: -1rem;
  margin-left: -1rem;
}
@media (max-width: 500px) {
  .grid-dropdown-row {
    margin-right: 5px;
    margin-left: 5px;
  }
}
.col-auto {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 0 !important;
          flex: 1 1 0 !important;
}
[class*="grid-col-"] {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.grid-col-xs-1 {
  -ms-flex-preferred-size: 8.333333333333334% !important;
      flex-basis: 8.333333333333334% !important;
  max-width: 8.333333333333334% !important;
}
.grid-col-xs-2 {
  -ms-flex-preferred-size: 16.666666666666668% !important;
      flex-basis: 16.666666666666668% !important;
  max-width: 16.666666666666668% !important;
}
.grid-col-xs-3 {
  -ms-flex-preferred-size: 25% !important;
      flex-basis: 25% !important;
  max-width: 25% !important;
}
.grid-col-xs-4 {
  -ms-flex-preferred-size: 33.333333333333336% !important;
      flex-basis: 33.333333333333336% !important;
  max-width: 33.333333333333336% !important;
}
.grid-col-xs-5 {
  -ms-flex-preferred-size: 41.66666666666667% !important;
      flex-basis: 41.66666666666667% !important;
  max-width: 41.66666666666667% !important;
}
.grid-col-xs-6 {
  -ms-flex-preferred-size: 50% !important;
      flex-basis: 50% !important;
  max-width: 50% !important;
}
.grid-col-xs-7 {
  -ms-flex-preferred-size: 58.333333333333336% !important;
      flex-basis: 58.333333333333336% !important;
  max-width: 58.333333333333336% !important;
}
.grid-col-xs-8 {
  -ms-flex-preferred-size: 66.66666666666667% !important;
      flex-basis: 66.66666666666667% !important;
  max-width: 66.66666666666667% !important;
}
.grid-col-xs-9 {
  -ms-flex-preferred-size: 75% !important;
      flex-basis: 75% !important;
  max-width: 75% !important;
}
.grid-col-xs-10 {
  -ms-flex-preferred-size: 83.33333333333334% !important;
      flex-basis: 83.33333333333334% !important;
  max-width: 83.33333333333334% !important;
}
.grid-col-xs-11 {
  -ms-flex-preferred-size: 91.66666666666667% !important;
      flex-basis: 91.66666666666667% !important;
  max-width: 91.66666666666667% !important;
}
.grid-col-xs-12 {
  -ms-flex-preferred-size: 100% !important;
      flex-basis: 100% !important;
  max-width: 100% !important;
}
@media (min-width: 500px) {
  .hide-above-xss {
    display: none;
  }
}
@media (max-width: 500px) {
  .grid-col-xxs-1 {
    -ms-flex-preferred-size: 8.333333333333334% !important;
        flex-basis: 8.333333333333334% !important;
    max-width: 8.333333333333334% !important;
  }
  .grid-col-xxs-2 {
    -ms-flex-preferred-size: 16.666666666666668% !important;
        flex-basis: 16.666666666666668% !important;
    max-width: 16.666666666666668% !important;
  }
  .grid-col-xxs-3 {
    -ms-flex-preferred-size: 25% !important;
        flex-basis: 25% !important;
    max-width: 25% !important;
  }
  .grid-col-xxs-4 {
    -ms-flex-preferred-size: 33.333333333333336% !important;
        flex-basis: 33.333333333333336% !important;
    max-width: 33.333333333333336% !important;
  }
  .grid-col-xxs-5 {
    -ms-flex-preferred-size: 41.66666666666667% !important;
        flex-basis: 41.66666666666667% !important;
    max-width: 41.66666666666667% !important;
  }
  .grid-col-xxs-6 {
    -ms-flex-preferred-size: 50% !important;
        flex-basis: 50% !important;
    max-width: 50% !important;
  }
  .grid-col-xxs-7 {
    -ms-flex-preferred-size: 58.333333333333336% !important;
        flex-basis: 58.333333333333336% !important;
    max-width: 58.333333333333336% !important;
  }
  .grid-col-xxs-8 {
    -ms-flex-preferred-size: 66.66666666666667% !important;
        flex-basis: 66.66666666666667% !important;
    max-width: 66.66666666666667% !important;
  }
  .grid-col-xxs-9 {
    -ms-flex-preferred-size: 75% !important;
        flex-basis: 75% !important;
    max-width: 75% !important;
  }
  .grid-col-xxs-10 {
    -ms-flex-preferred-size: 83.33333333333334% !important;
        flex-basis: 83.33333333333334% !important;
    max-width: 83.33333333333334% !important;
  }
  .grid-col-xxs-11 {
    -ms-flex-preferred-size: 91.66666666666667% !important;
        flex-basis: 91.66666666666667% !important;
    max-width: 91.66666666666667% !important;
  }
  .grid-col-xxs-12 {
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
    max-width: 100% !important;
  }
  .grid-col-xxs-offset-1 {
    margin-left: 8.333333333333334%;
  }
  .grid-col-xxs-offset-2 {
    margin-left: 16.666666666666668%;
  }
  .grid-col-xxs-offset-3 {
    margin-left: 25%;
  }
  .grid-col-xxs-offset-4 {
    margin-left: 33.333333333333336%;
  }
  .grid-col-xxs-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .grid-col-xxs-offset-6 {
    margin-left: 50%;
  }
  .grid-col-xxs-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .grid-col-xxs-offset-8 {
    margin-left: 66.66666666666667%;
  }
  .grid-col-xxs-offset-9 {
    margin-left: 75%;
  }
  .grid-col-xxs-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .grid-col-xxs-offset-11 {
    margin-left: 91.66666666666667%;
  }
  .xxs-block {
    display: block;
  }
  .hidden-xxs {
    display: none;
  }
}
@media (max-width: 768px) {
  .grid-col-xs-offset-1 {
    margin-left: 8.333333333333334%;
  }
  .grid-col-xs-offset-2 {
    margin-left: 16.666666666666668%;
  }
  .grid-col-xs-offset-3 {
    margin-left: 25%;
  }
  .grid-col-xs-offset-4 {
    margin-left: 33.333333333333336%;
  }
  .grid-col-xs-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .grid-col-xs-offset-6 {
    margin-left: 50%;
  }
  .grid-col-xs-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .grid-col-xs-offset-8 {
    margin-left: 66.66666666666667%;
  }
  .grid-col-xs-offset-9 {
    margin-left: 75%;
  }
  .grid-col-xs-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .grid-col-xs-offset-11 {
    margin-left: 91.66666666666667%;
  }
  .hidden-xs {
    display: none;
  }
  .xs-center {
    text-align: center;
  }
  .xs-flex-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .xs-flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .xs-block {
    display: block;
  }
}
@media (min-width: 768px) {
  .grid-col-sm-1 {
    -ms-flex-preferred-size: 8.333333333333334% !important;
        flex-basis: 8.333333333333334% !important;
    max-width: 8.333333333333334% !important;
  }
  .grid-col-sm-2 {
    -ms-flex-preferred-size: 16.666666666666668% !important;
        flex-basis: 16.666666666666668% !important;
    max-width: 16.666666666666668% !important;
  }
  .grid-col-sm-3 {
    -ms-flex-preferred-size: 25% !important;
        flex-basis: 25% !important;
    max-width: 25% !important;
  }
  .grid-col-sm-4 {
    -ms-flex-preferred-size: 33.333333333333336% !important;
        flex-basis: 33.333333333333336% !important;
    max-width: 33.333333333333336% !important;
  }
  .grid-col-sm-5 {
    -ms-flex-preferred-size: 41.66666666666667% !important;
        flex-basis: 41.66666666666667% !important;
    max-width: 41.66666666666667% !important;
  }
  .grid-col-sm-6 {
    -ms-flex-preferred-size: 50% !important;
        flex-basis: 50% !important;
    max-width: 50% !important;
  }
  .grid-col-sm-7 {
    -ms-flex-preferred-size: 58.333333333333336% !important;
        flex-basis: 58.333333333333336% !important;
    max-width: 58.333333333333336% !important;
  }
  .grid-col-sm-8 {
    -ms-flex-preferred-size: 66.66666666666667% !important;
        flex-basis: 66.66666666666667% !important;
    max-width: 66.66666666666667% !important;
  }
  .grid-col-sm-9 {
    -ms-flex-preferred-size: 75% !important;
        flex-basis: 75% !important;
    max-width: 75% !important;
  }
  .grid-col-sm-10 {
    -ms-flex-preferred-size: 83.33333333333334% !important;
        flex-basis: 83.33333333333334% !important;
    max-width: 83.33333333333334% !important;
  }
  .grid-col-sm-11 {
    -ms-flex-preferred-size: 91.66666666666667% !important;
        flex-basis: 91.66666666666667% !important;
    max-width: 91.66666666666667% !important;
  }
  .grid-col-sm-12 {
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
    max-width: 100% !important;
  }
  .grid-col-sm-offset-1 {
    margin-left: 8.333333333333334%;
  }
  .grid-col-sm-offset-2 {
    margin-left: 16.666666666666668%;
  }
  .grid-col-sm-offset-3 {
    margin-left: 25%;
  }
  .grid-col-sm-offset-4 {
    margin-left: 33.333333333333336%;
  }
  .grid-col-sm-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .grid-col-sm-offset-6 {
    margin-left: 50%;
  }
  .grid-col-sm-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .grid-col-sm-offset-8 {
    margin-left: 66.66666666666667%;
  }
  .grid-col-sm-offset-9 {
    margin-left: 75%;
  }
  .grid-col-sm-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .grid-col-sm-offset-11 {
    margin-left: 91.66666666666667%;
  }
  [class*="grid-col-"].sm-ph0,
  .sm-ph0 {
    padding-left: 0;
    padding-right: 0;
  }
  .hidden-sm {
    display: none;
  }
}
@media (max-width: 768px) {
  [class*="grid-col-"].xs-ph0 {
    padding-left: 0;
    padding-right: 0;
  }
  .hidden-xs {
    display: none;
  }
  .show-xs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .xs-pt0 {
    padding-top: 0;
  }
}
@media (min-width: 992px) {
  .grid-col-md-1 {
    -ms-flex-preferred-size: 8.333333333333334% !important;
        flex-basis: 8.333333333333334% !important;
    max-width: 8.333333333333334% !important;
  }
  .grid-col-md-2 {
    -ms-flex-preferred-size: 16.666666666666668% !important;
        flex-basis: 16.666666666666668% !important;
    max-width: 16.666666666666668% !important;
  }
  .grid-col-md-3 {
    -ms-flex-preferred-size: 25% !important;
        flex-basis: 25% !important;
    max-width: 25% !important;
  }
  .grid-col-md-4 {
    -ms-flex-preferred-size: 33.333333333333336% !important;
        flex-basis: 33.333333333333336% !important;
    max-width: 33.333333333333336% !important;
  }
  .grid-col-md-5 {
    -ms-flex-preferred-size: 41.66666666666667% !important;
        flex-basis: 41.66666666666667% !important;
    max-width: 41.66666666666667% !important;
  }
  .grid-col-md-6 {
    -ms-flex-preferred-size: 50% !important;
        flex-basis: 50% !important;
    max-width: 50% !important;
  }
  .grid-col-md-7 {
    -ms-flex-preferred-size: 58.333333333333336% !important;
        flex-basis: 58.333333333333336% !important;
    max-width: 58.333333333333336% !important;
  }
  .grid-col-md-8 {
    -ms-flex-preferred-size: 66.66666666666667% !important;
        flex-basis: 66.66666666666667% !important;
    max-width: 66.66666666666667% !important;
  }
  .grid-col-md-9 {
    -ms-flex-preferred-size: 75% !important;
        flex-basis: 75% !important;
    max-width: 75% !important;
  }
  .grid-col-md-10 {
    -ms-flex-preferred-size: 83.33333333333334% !important;
        flex-basis: 83.33333333333334% !important;
    max-width: 83.33333333333334% !important;
  }
  .grid-col-md-11 {
    -ms-flex-preferred-size: 91.66666666666667% !important;
        flex-basis: 91.66666666666667% !important;
    max-width: 91.66666666666667% !important;
  }
  .grid-col-md-12 {
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
    max-width: 100% !important;
  }
  .grid-col-md-offset-1 {
    margin-left: 8.333333333333334%;
  }
  .grid-col-md-offset-2 {
    margin-left: 16.666666666666668%;
  }
  .grid-col-md-offset-3 {
    margin-left: 25%;
  }
  .grid-col-md-offset-4 {
    margin-left: 33.333333333333336%;
  }
  .grid-col-md-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .grid-col-md-offset-6 {
    margin-left: 50%;
  }
  .grid-col-md-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .grid-col-md-offset-8 {
    margin-left: 66.66666666666667%;
  }
  .grid-col-md-offset-9 {
    margin-left: 75%;
  }
  .grid-col-md-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .grid-col-md-offset-11 {
    margin-left: 91.66666666666667%;
  }
  .hidden-md {
    display: none;
  }
}
.expanded-rowstyle {
  position: relative;
  z-index: 1;
}
.expanded-rowstyle:before {
  content: ' ';
  position: absolute;
  height: 100%;
  left: calc(-200%);
  background-color: #ededed;
  width: 200%;
}
.expanded-rowstyle:after {
  content: ' ';
  position: absolute;
  height: 100%;
  left: 100%;
  top: 0;
  background-color: #ededed;
  width: 200%;
  box-sizing: border-box;
  z-index: -1;
}
.social-links {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  padding: 3rem 0 6rem;
}
.modal .social-links {
  padding: 2rem 0;
}
.social-links-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
}
.social-link {
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  border-radius: 1000rem;
  display: inline-block;
  color: #fff;
  font-size: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 10px;
}
.social-link.facebook {
  background-color: #4b74a7;
  border-color: #436896;
  color: #fff;
}
.social-link.twitter {
  background-color: #60c6df;
  border-color: #45bcda;
  color: #fff;
}
.social-link.instagram {
  background-color: #fbc53a;
  border-color: #fabc1c;
  color: #fff;
}
.social-link.google-plus {
  background-color: #e6482b;
  border-color: #dc381a;
  color: #fff;
}
.modal .social-links-list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: -3rem;
  margin-right: -3rem;
}
.modal .social-links-list p {
  color: inherit;
}
a.social-link {
  text-decoration: none;
}
.magic-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.magic-hat,
.container-full,
.container-full-half-tasks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.container-full {
  width: 100%;
}
.container-full-half {
  width: 100%;
  height: 111.5px;
}
.container-full-half-tasks {
  width: 100%;
  height: 55.75px;
}
.container-half-half {
  width: 50%;
  height: 111.5px;
}
.container-large {
  max-width: 340px;
  max-height: 340px;
  overflow: hidden;
}
.container-medium {
  width: 190px;
  height: 190px;
  overflow: hidden;
}
.container-medium img {
  height: 100%;
}
.container-small {
  width: 140px;
  height: 140px;
  overflow: hidden;
}
.container-msmall {
  width: 100px;
  height: 100px;
  overflow: hidden;
}
.mission-image-container {
  max-width: 96px;
  max-height: 96px;
  overflow: hidden;
}
.mission-image-container-fixed-width {
  width: 96px;
  height: 96px;
}
.container-xsmall {
  width: 70px;
  height: 70px;
  overflow: hidden;
}
.container-xxsmall {
  width: 50px;
  height: 50px;
  overflow: hidden;
}
.container-xxxsmall {
  width: 30px;
  height: 30px;
  overflow: hidden;
}
.container-ball {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  line-height: 40px;
  text-align: center;
  -ms-flex-item-align: center;
      align-self: center;
  box-sizing: border-box;
}
.container-icon {
  max-width: 30px;
  max-height: 30px;
  overflow: hidden;
}
.container-round {
  border-radius: 100%;
}
.container-center {
  -ms-flex-item-align: center;
      align-self: center;
}
.center-block {
  margin: 0 auto;
  display: block;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.content-box-alpha {
  background-color: #f9f9f9;
  border-bottom: 1px solid #f2f2f2;
}
.content-box-grey {
  background-color: #e8e8e8;
}
.image-as-background {
  background-position: center center;
  background-size: cover;
}
.colorpicker-card {
  margin-bottom: 1em;
}
.colorpicker-card > label {
  display: block;
}
.colorpicker-container {
  position: relative;
}
.colorpicker-container .color-view-container {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.colorpicker-container .color-view {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
  line-height: 40px;
  border: 1px #807d77 solid;
}
.colorpicker-container .color-view.invert {
  color: #fff;
}
.colorpicker-container .color-view-text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.colorpicker-container .fa {
  font-size: 1.6em;
  float: right;
  padding: 0.4em;
}
.colorpicker-container .fa:hover {
  color: #504e49;
}
.colorpicker-container .toggle {
  transition-duration: 0.2s;
}
.colorpicker-container .toggle.opened {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.colorpicker-container .colorpicker-modal {
  z-index: 2;
  position: absolute;
  top: 40px;
  left: 0;
}
footer .box {
  background-color: #1a1a1a;
}
footer .box p.copyright {
  font-size: 1.5rem;
}
footer .footer-logo a {
  display: block;
  background: url("/assets/images/logo-neg.svg");
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 60px;
  margin: auto;
}
footer .footer-logo {
  max-width: 100%;
  max-height: 120px;
}
footer .footer-logo-link {
  display: inline-block;
  max-width: 220px;
}
footer .footer-links {
  font-weight: 600;
}
@media (max-width: 768px) {
  footer .footer-links {
    width: 100%;
  }
}
@media (max-width: 768px) {
  footer .footer-logo {
    background-position: center;
  }
}
@media (min-width: 768px) {
  footer .follow-us {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.rad2 {
  border-radius: 2px;
}
.rad3 {
  border-radius: 3px;
}
.rad4,
.table-idea-image {
  border-radius: 4px;
}
.rad5 {
  border-radius: 5px;
}
.rad10 {
  border-radius: 10px;
}
.full {
  width: 100%;
  box-sizing: border-box;
}
.threequarters {
  width: 75%;
}
.half {
  width: 50%;
}
.flat-field {
  border: 1px solid rgba(0,0,0,0.2);
}
select,
textarea,
input[type=text],
input[type=password],
input[type=email],
input[type=number] {
  -webkit-appearance: none;
  border: 1px solid rgba(0,0,0,0.2);
  box-sizing: border-box;
  color: #2a2924;
  font-size: 1.6rem;
  margin: 0.5rem 0;
  padding: 1.2rem 1.3rem;
  resize: none;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  width: 100%;
}
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder {
  color: #00b7da;
}
select::-moz-placeholder,
textarea::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=number]::-moz-placeholder {
  color: #00b7da;
}
select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder {
  color: #00b7da;
}
select::placeholder,
textarea::placeholder,
input[type=text]::placeholder,
input[type=password]::placeholder,
input[type=email]::placeholder,
input[type=number]::placeholder {
  color: #00b7da;
}
@media (max-width: 768px) {
  select,
  textarea,
  input[type=text],
  input[type=password],
  input[type=email],
  input[type=number] {
    padding: 0.8em;
    font-size: 1.8rem;
  }
}
select:disabled,
textarea:disabled,
input[type=text]:disabled,
input[type=password]:disabled,
input[type=email]:disabled,
input[type=number]:disabled {
  opacity: 0.4;
}
select.mission-field,
textarea.mission-field,
input[type=text].mission-field,
input[type=password].mission-field,
input[type=email].mission-field,
input[type=number].mission-field {
  border-radius: 3px;
  border: none;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  color: #878684;
}
select.mission-field[readonly=true],
textarea.mission-field[readonly=true],
input[type=text].mission-field[readonly=true],
input[type=password].mission-field[readonly=true],
input[type=email].mission-field[readonly=true],
input[type=number].mission-field[readonly=true],
select.mission-field[readonly=true]::-webkit-input-placeholder,
textarea.mission-field[readonly=true]::-webkit-input-placeholder,
input[type=text].mission-field[readonly=true]::-webkit-input-placeholder,
input[type=password].mission-field[readonly=true]::-webkit-input-placeholder,
input[type=email].mission-field[readonly=true]::-webkit-input-placeholder,
input[type=number].mission-field[readonly=true]::-webkit-input-placeholder {
  color: #5d5c5c;
}
select.mission-field[readonly=true],
textarea.mission-field[readonly=true],
input[type=text].mission-field[readonly=true],
input[type=password].mission-field[readonly=true],
input[type=email].mission-field[readonly=true],
input[type=number].mission-field[readonly=true],
select.mission-field[readonly=true]::-moz-placeholder,
textarea.mission-field[readonly=true]::-moz-placeholder,
input[type=text].mission-field[readonly=true]::-moz-placeholder,
input[type=password].mission-field[readonly=true]::-moz-placeholder,
input[type=email].mission-field[readonly=true]::-moz-placeholder,
input[type=number].mission-field[readonly=true]::-moz-placeholder {
  color: #5d5c5c;
}
select.mission-field[readonly=true],
textarea.mission-field[readonly=true],
input[type=text].mission-field[readonly=true],
input[type=password].mission-field[readonly=true],
input[type=email].mission-field[readonly=true],
input[type=number].mission-field[readonly=true],
select.mission-field[readonly=true]:-ms-input-placeholder,
textarea.mission-field[readonly=true]:-ms-input-placeholder,
input[type=text].mission-field[readonly=true]:-ms-input-placeholder,
input[type=password].mission-field[readonly=true]:-ms-input-placeholder,
input[type=email].mission-field[readonly=true]:-ms-input-placeholder,
input[type=number].mission-field[readonly=true]:-ms-input-placeholder {
  color: #5d5c5c;
}
select.mission-field[readonly=true],
textarea.mission-field[readonly=true],
input[type=text].mission-field[readonly=true],
input[type=password].mission-field[readonly=true],
input[type=email].mission-field[readonly=true],
input[type=number].mission-field[readonly=true],
select.mission-field[readonly=true]::placeholder,
textarea.mission-field[readonly=true]::placeholder,
input[type=text].mission-field[readonly=true]::placeholder,
input[type=password].mission-field[readonly=true]::placeholder,
input[type=email].mission-field[readonly=true]::placeholder,
input[type=number].mission-field[readonly=true]::placeholder {
  color: #5d5c5c;
}
select.light-bg,
textarea.light-bg,
input[type=text].light-bg,
input[type=password].light-bg,
input[type=email].light-bg,
input[type=number].light-bg {
  background-color: #fff;
}
select {
  background-image: linear-gradient(45deg, transparent 50%, #1a1a1a 50%), linear-gradient(135deg, #1a1a1a 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1em + 4px), calc(100% - 15px) calc(1em + 4px), 100% 0;
  background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat: no-repeat;
}
select.label-select {
  background-position: calc(100% - 20px) calc(1em), calc(100% - 15px) calc(1em), 100% 0;
  background-color: #fff;
  font-size: 1.4rem;
  padding: 0.5rem 1.3rem;
}
textarea {
  height: 12rem;
  resize: vertical;
  max-height: 800px;
}
textarea.big {
  min-height: 250px;
}
.text-input-add {
  position: relative;
}
.text-input-add input {
  width: 100%;
  margin: 0;
  padding-right: 50px;
}
.text-input-add .add-btn-wrapper {
  position: absolute;
  right: 0.8rem;
  top: 0.8rem;
}
.text-input-add .add-btn {
  width: 32px;
  height: 32px;
  background-color: #00b7da;
  border-radius: 3px;
  font-size: 1.8rem;
  color: #fff;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .text-input-add .add-btn {
    width: 40px;
    height: 40px;
  }
}
.text-input-add .add-btn:hover {
  background-color: #00a2c1;
}
.text-input-add .add-btn.disabled {
  background-color: #dedede;
}
.button-primary,
.button-primary-small,
.button-edit-admin {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: #00b7da;
  border: solid 1px #00b7da;
  border-radius: 4px;
  box-sizing: border-box;
  color: rgba(255,255,255,0.8);
  cursor: pointer;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.4;
  padding: 0.9em 4rem;
  position: relative;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.button-primary:active,
.button-primary-small:active,
.button-edit-admin:active {
  top: 2px;
}
.button-primary:hover,
.button-primary-small:hover,
.button-edit-admin:hover {
  color: #fff;
  text-decoration: none;
}
@media (max-width: 768px) {
  .button-primary,
  .button-primary-small,
  .button-edit-admin {
    padding: 0.9em 4rem;
    font-size: 1.6rem;
  }
}
.button-primary-small {
  border-radius: 2px;
  box-shadow: none;
  display: inline-block;
  font-size: 1.2rem;
  padding: 5px 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.button-inverted-flat {
  -webkit-tap-highlight-color: rgba(0,0,0,0.1);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border: solid 1px #00b7da;
  border-radius: 3px;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
  box-sizing: border-box;
  color: #00b7da;
  cursor: pointer;
  display: inline-block;
  font-size: 1.8rem;
  line-height: 1.36;
  padding: 0.9em 4rem;
  position: relative;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.button-inverted-flat.inline {
  display: inline;
}
.button-inverted-flat:active {
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0), inset 0px 0px 0px 0px rgba(0,0,0,0);
  position: relative;
  top: 2px;
}
.button-primary-flat {
  -webkit-tap-highlight-color: rgba(0,0,0,0.1);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #00b7da;
  border: solid 1px #00b7da;
  border-radius: 3px;
  box-sizing: border-box;
  color: rgba(255,255,255,0.8);
  cursor: pointer;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.4;
  padding: 0.9em 4rem;
  position: relative;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.button-primary-flat:hover {
  color: #fff;
  text-decoration: none;
}
.button-primary-flat.inline {
  display: inline;
}
.button-primary-flat:active {
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0), inset 0px 0px 0px 0px rgba(0,0,0,0);
  position: relative;
  top: 2px;
}
@media (max-width: 768px) {
  .button-primary-flat {
    font-size: 1.6rem;
  }
}
.button-secondary,
.button-secondary-small {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: none;
  border: 1px solid rgba(0,183,218,0.6);
  border-radius: 4px;
  box-sizing: border-box;
  color: #00b7da;
  cursor: pointer;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.4;
  padding: 0.9em 4rem;
  position: relative;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.button-secondary:hover,
.button-secondary-small:hover {
  color: #00778d;
  border-color: #00b7da;
  text-decoration: none;
}
.button-secondary:active,
.button-secondary-small:active {
  top: 2px;
}
@media (max-width: 768px) {
  .button-secondary,
  .button-secondary-small {
    font-size: 1.6rem;
  }
}
.button-secondary-transparent {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: 1px solid #00b7da;
  border-radius: 4px;
  box-sizing: border-box;
  color: #00b7da;
  cursor: pointer;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.4;
  padding: 0.9em 4rem;
  position: relative;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.button-secondary-transparent:active {
  top: 2px;
}
@media (max-width: 768px) {
  .button-secondary-transparent {
    padding: 15px 30px;
    font-size: 1.8rem;
  }
}
.button-secondary-small {
  border-radius: 2px;
  box-shadow: none;
  display: inline-block;
  font-size: 1.2rem;
  padding: 5px 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.no-hpadding {
  padding-left: 0;
  padding-right: 0;
}
.button-callout {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: #e4e0d7;
  box-sizing: border-box;
  border: none;
  border-radius: 5px;
  box-shadow: 0px 6px #c0b7a2;
  color: #2b2926;
  cursor: pointer;
  font-size: 1.4rem;
  line-height: 4.6rem;
  padding: 0.9em 4rem;
  position: relative;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.button-callout:active {
  box-shadow: 0px 0px #cdcbc4;
  top: 6px;
  outline: none;
}
.button-warning,
.agreement-admin .adm-module .agreement-remove-button {
  background-color: #ff8e8b;
  color: #fff;
  border: none;
}
.button-warning:hover,
.agreement-admin .adm-module .agreement-remove-button:hover {
  color: #fff;
  text-decoration: none;
}
.button-warning:active,
.agreement-admin .adm-module .agreement-remove-button:active {
  top: 2px;
}
@media (max-width: 768px) {
  .button-warning,
  .agreement-admin .adm-module .agreement-remove-button {
    font-size: 1.6rem;
  }
}
.button {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: none;
  border-radius: 5px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.4;
  padding: 0.9em 4rem;
  position: relative;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.button:active {
  box-shadow: 0px 0px #cdcbc4;
  top: 6px;
  outline: none;
}
.button.modifier-color-action {
  background-color: #00b7da;
}
.button:disabled,
button:disabled {
  opacity: 0.4;
  cursor: auto;
}
.disabled {
  opacity: 0.4;
  cursor: initial;
}
.button-ghost {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.4;
  padding: 15px 30px;
  position: relative;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.button-ghost:active {
  top: 2px;
}
.button-ghost.button-ghost-blue {
  border: 1px solid #00b7da;
  color: #00b7da;
}
.button-ghost.button-ghost-light {
  border: 1px solid #fff;
  color: #fff;
}
.button-ghost.button-ghost-warning {
  color: #ff8e8b;
}
.button-ghost.button-ghost-warning i {
  font-size: 1.25em;
}
textarea.invalid,
input[type=text].invalid,
input[type=password].invalid,
input[type=email].invalid,
input[type=number].invalid {
  border: 1px solid #ff8e8b;
}
.reply-button {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: #e4e0d7;
  border: none;
  border-radius: 5px;
  box-shadow: 0px 2px #c0b7a2;
  color: #2b2926;
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 2.8rem;
  padding: 0 24px;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
}
.reply-button:active {
  box-shadow: 0px 0px #cdcbc4;
  top: 6px;
  outline: none;
}
.button-big {
  font-size: 1.8rem;
  padding: 2.2rem 6rem;
}
@media (max-width: 500px) {
  .button-big {
    padding: 2.2rem 3rem;
  }
}
.form-group {
  clear: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.control-label {
  padding-bottom: 0.4rem;
  display: block;
}
.control-label:after {
  content: ':';
}
.control-label-question {
  padding-bottom: 0.4rem;
  display: block;
}
.social-login-button {
  height: 46px;
  padding-left: 5rem;
  padding-right: 3rem;
}
.social-login-button i {
  display: inline-block;
  background-color: rgba(0,0,0,0.1);
  display: block;
  position: absolute;
  left: 0;
  color: #fff;
  font-size: 24px;
  top: 0;
  height: 46px;
  width: 46px;
  line-height: 46px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.social-login-button.button-facebook,
.button-facebook {
  background-color: #3b5999;
  border: 0;
}
.social-login-button.button-google,
.button-google {
  background-color: #ea4335;
  border: 0;
}
@media (max-width: 500px) {
  .GC-container {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    margin: 0 auto;
  }
}
label.error {
  color: #f00;
}
.checkbox-width {
  width: 2rem;
}
.dropdown-secondary-style .rw-widget {
  background-color: #e0e0e0;
  border: #00b7da 1px solid;
  border-radius: 3px;
}
.dropdown-secondary-style .rw-widget .rw-popup,
.dropdown-secondary-style .rw-widget .rw-dropdownlist > .rw-input {
  background-color: #fff;
}
.rw-popup {
  overflow: hidden;
}
.button-edit-admin {
  border-radius: 2px;
  background-color: #f67f00;
  display: inline-block;
  font-size: 1.2rem;
  padding: 5px 10px;
}
@media (max-width: 500px) {
  .xxs-full {
    width: 100%;
  }
  .button-big {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
.tooltip .tooltip-button {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: rgba(0,0,0,0.4);
  font-size: 130%;
}
.tooltip .tooltip-button:hover {
  color: rgba(0,0,0,0.6);
}
.tooltip .tooltip-header {
  background-color: #1a1a1a;
  color: #fff;
  width: 95%;
  border-radius: 3px 3px 0 0;
  text-transform: uppercase;
  padding: 1.5rem;
}
.tooltip .tooltip-body {
  background-color: #fff;
  color: #000;
  width: 95%;
  border-radius: 0 0 3px 3px;
  font-weight: normal;
  padding: 1.5rem;
}
.tooltip .tooltip-body p,
.tooltip .tooltip-body h1,
.tooltip .tooltip-body h2,
.tooltip .tooltip-body h3,
.tooltip .tooltip-body h4,
.tooltip .tooltip-body h5 {
  font-size: 1.4rem;
  padding: 0.5em 0;
  color: #000;
  font-weight: 400;
  font-family: $fontFamily;
  text-transform: initial;
}
.tooltip .tooltip-contents {
  position: fixed;
  z-index: 1;
}
.tooltip .tooltipBox {
  box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
  z-index: 3;
}
.tooltip .tooltip-arrow {
  font-size: 25px;
  position: relative;
  top: 11px;
  color: #1a1a1a;
  left: 10px;
}
.tooltip .tooltip-contents-without-title {
  background-color: #000;
  color: #fff;
  border-radius: 3px;
  width: 90%;
  z-index: 2;
  font-weight: normal;
  position: fixed;
}
.back-button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem;
  box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #53c7de;
}
.back-button .back-icon {
  -ms-flex-item-align: center;
      align-self: center;
}
.user-profile {
  height: 50px;
  padding-bottom: 4px;
}
@media (max-width: 500px) {
  .user-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.user-profile img {
  width: 50px;
  height: 50px;
  border: 1px solid rgba(0,0,0,0.05);
  margin: -1px 0 0 -1px;
}
.top {
  box-sizing: border-box;
  background-color: #1a1a1a;
  z-index: 9;
  top: 0;
  width: 100%;
  min-width: 320px;
  position: relative;
}
.top .admin-text {
  font-size: 16px;
  font-family: sans-serif;
  margin-left: 2px;
}
.top .top-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 6rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  box-sizing: border-box;
  background-color: #1a1a1a;
  width: 100%;
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}
@media (min-width: 768px) {
  .top .top-row {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.top .top-label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  -ms-flex-item-align: center;
      align-self: center;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-left: 1.2rem;
  margin-top: 0.1rem;
}
.top .actions {
  -ms-flex-item-align: center flex-end;
      align-self: center flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  line-height: 1.8rem;
}
.top .actions .top-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.top .actions .top-link .user-info-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.top .actions .top-link .messages-icon,
.top .actions .top-link .user-icon,
.top .actions .top-link .notification-icon {
  height: 30px;
  width: 30px;
  margin-left: 1rem;
}
.top .actions .top-link .messages-icon {
  background-position: -60px 0;
}
.top .actions .top-link .user-icon {
  background-position: -90px 0;
}
.top .actions .top-link .notification-icon {
  background-position: -150px 0;
}
.top .header-logo {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding-top: 8px;
  padding-bottom: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 500px) {
  .top .header-logo {
    padding-left: 15px;
  }
}
.top .header-profile {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.top .menu #navbutton {
  border: 0;
}
.header-menu {
  width: auto;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (min-width: 768px) {
  .header-menu ul {
    margin-left: 25px;
  }
}
.header-menu ul li {
  border-right: 1px solid #1a1a1a;
  text-align: center;
}
.header-menu ul li a {
  padding: 12px 25px;
  color: #898989;
}
@media (min-width: 768px) {
  .header-menu ul li {
    border: none;
  }
}
.header-menu ul li:last-child {
  border-right: 0px;
}
.header-menu ul li:hover a,
.header-menu ul li.active a {
  color: #fff;
}
.header-sub-menu {
  background: #fff;
}
.header-sub-menu ul li {
  padding: 20px 0;
}
.header-sub-menu ul li a {
  color: #00b7da;
}
.header-sub-menu ul li:hover a,
.header-sub-menu ul li.active a {
  color: #000;
}
.header-sub-menu ul li.separator {
  margin: 0 20px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.navigation-tabs {
  z-index: 10;
}
.navigation-tabs ul {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 0;
  width: auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.navigation-tabs ul li {
  padding-bottom: 0;
  margin-left: 0;
  padding-left: 0;
}
.navigation-tabs ul li a {
  font-size: 1.8rem;
  width: auto;
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
}
.back {
  border-bottom: 1px solid #53c7de;
  padding: 1rem 1rem;
  display: block;
}
.back .back-icon {
  margin: 0 auto;
  background-position: -120px 0;
  display: block;
}
.tabbed-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tabbed-links a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.top-back {
  background-color: transparent;
}
.desktop-top {
  box-sizing: border-box;
  background-color: #1a1a1a;
  width: 100%;
}
.desktop-top a {
  color: #fff;
}
.desktop-top a.active {
  background-color: #151515;
  border-radius: 3px;
}
.sub-navigation {
  background-color: #343434;
  height: 60px;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 4px solid #e0e0e0;
  width: 100%;
}
.sub-navigation-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.title-row {
  background-color: #1a1a1a;
  height: 60px;
  border-top: 1px solid #333;
}
.counter-container {
  position: relative;
}
.counter-container .counter {
  position: absolute;
  top: -5px;
  right: 5px;
  background: #fff;
  color: #53c7de;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 20px;
}
.counter-container .modifier-empty {
  opacity: 0;
  transition: opacity 0.4s ease-out;
}
.flag {
  width: 48px;
  height: 34px;
}
.flex-row-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pro-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pro-box .pro-small-box {
  width: 16%;
}
.group-member {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style-type: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.group-member li {
  width: 60px;
}
.profile-error label {
  color: #f00;
}
.profile-error label h3 {
  color: #f00;
}
.profile-error input {
  border: 1px solid #f00;
}
.profile-fields-error {
  color: #f00;
  font-weight: bold;
  padding: 2rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.profile .joined {
  color: #807d77;
  padding: 0.6em;
  font-size: 1.6rem;
}
.profile .score {
  font-weight: 700;
}
.profile .account-not-activated {
  margin: 10px;
  border: solid 3px #f6632c;
  border-radius: 6px;
  text-align: center;
  padding: 1.5rem;
}
.profile .account-not-activated .not-activated-icon {
  vertical-align: middle;
  font-size: 1em;
  color: #ffa500;
}
.profile .account-not-activated .not-activated-icon-text {
  margin-left: 0.5em;
  font-size: 1em;
}
.profile .account-not-activated .send-activation-email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}
.profile .account-not-activated .send-activation-email > p {
  font-size: 1em;
}
.profile .account-not-activated .send-activation-email > button {
  margin-top: 10px;
}
.profile .account-not-activated .email-sent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.profile .account-not-activated .email-sent > p {
  font-size: 1em;
}
.profile .account-not-activated .email-sent > p > i {
  margin-left: 5px;
}
.profile-description {
  max-width: 1000px;
  padding: 0 1.5rem;
  box-sizing: border-box;
}
.system-message,
.sys-message,
.system-message-info {
  border-radius: 5px;
}
.system-message.error,
.sys-message.error,
.system-message-info.error,
.system-message.err,
.sys-message.err,
.system-message-info.err {
  font-weight: bold;
  background-color: #cd5c5c;
  color: #fff;
}
.system-message.error a,
.sys-message.error a,
.system-message-info.error a,
.system-message.err a,
.sys-message.err a,
.system-message-info.err a {
  color: #000;
}
.system-message-info {
  line-height: 1.8rem;
  background-color: #45cccb;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  transition: height 0.2s ease-out;
  max-height: 400px;
  box-sizing: border-box;
/*
    *[data-state="open"]
        transition opacity .05s ease-out
        opacity 1
    *[data-state="close"]
        display none
        padding 0 0 0 1rem
        text-overflow ellipsis
        opacity 0
        overflow hidden
        white-space nowrap
        margin-top -2px

    &.modifier-closable-box-close
        transition max-height .2s ease-out
        max-height 1.6rem
        *[data-state="open"]
            transition opacity .05s ease-out
            opacity 0
        .system-message-icon
            &:before
                transition all .05s ease-out
                font-size 2rem
                width 22px
                margin-right 2.5rem

    &.modifier-closable-box-close-done
        transition max-height .2s ease-out
        max-height 1.6rem
        *[data-state="close"]
            transition opacity .05s ease-out
            opacity 1
            display block
        *[data-state="open"]
            opacity 0
            display none
*/
}
.system-message-info .system-message-icon {
  border-right: solid 1px rgba(255,255,255,0.4);
  padding-right: 1rem;
  margin-right: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 4rem;
  transition: all 0.1s ease-out;
}
.system-message-info .system-message-icon[class*=" icon-"]:before {
  font-size: 3rem;
  margin-left: 0.5rem;
  color: #fff;
  -ms-flex-item-align: center;
      align-self: center;
  margin-right: 3.5rem;
  box-sizing: border-box;
  transition: all 0.2s ease-out;
}
.system-message-info .system-message-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  transition: opacity 0.2s ease-out;
}
.system-message-info .system-message-content[data-state="close"] {
  transition: opacity 0.2s ease-out;
  padding: 0 1rem 0 6.5rem;
  position: absolute;
  display: none;
  transition: opacity 0.2s ease-out;
  left: 0;
  height: 2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  display: block;
  opacity: 0;
  margin-top: 2px;
}
.system-message-info.modifier-closable-box-close .closable-box-close-button {
  opacity: 0;
}
.system-message-info.modifier-closable-box-close .system-message-content {
  transition: opacity 0.2s ease-out;
  position: absolute;
  opacity: 0;
}
.system-message-info.modifier-closable-box-close .system-message-icon {
  width: 3rem;
  margin-right: 2rem;
  transition: all 0.1s ease-out;
}
.system-message-info.modifier-closable-box-close .system-message-icon[class*=" icon-"]:before {
  font-size: 2rem;
}
.system-message-info.modifier-closable-box-close-done .system-message-content {
  transition: opacity 0.2s ease-out;
}
.system-message-info.modifier-closable-box-close-done .system-message-content[data-state="close"] {
  opacity: 1;
  display: block;
  padding-left: 6.5rem;
}
.uploader-file-list {
  list-style: none;
  position: relative;
  display: block;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.uploader-file-list .moxie-shim {
  display: none;
}
.uploader-file-list .added-image {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  box-sizing: border-box;
  width: 25%;
  margin: 0;
  padding: 2rem 1rem 2rem 0;
}
.uploader-file-list .added-image img {
  max-width: 100%;
}
@media (max-width: 1000px) {
  .uploader-file-list .added-image {
    width: 33.3333%;
  }
}
@media (max-width: 768px) {
  .uploader-file-list .added-image {
    width: 50%;
  }
}
@media (max-width: 500px) {
  .uploader-file-list .added-image {
    width: 100%;
  }
}
.uploader-file-list .profile-image-edit {
  padding: 1rem 2rem;
}
.uploader-file-list canvas,
.uploader-file-list .thumbnail {
  max-width: 100%;
  border-radius: 4px;
}
.uploader-file-list .button-remove {
  position: absolute;
  right: -2px;
  top: 10px;
  width: 25px;
  height: 25px;
  background-color: #1a1a1a;
  opacity: 0.4;
  color: #fff;
  border-radius: 100rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.8rem;
  box-sizing: border-box;
  padding-bottom: 1px;
  transition: opacity 0.2s;
}
.uploader-file-list .button-remove:hover {
  text-decoration: none;
  opacity: 1;
}
.uploader-file-list.has-files {
  border: none;
  padding: 0;
  background: none;
}
.uploader-file-list.has-files .uploader-action-container {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 40px;
}
.uploader-file-list.has-files .camera-medium {
  background-position: -883px -5px;
  width: 30px;
  height: 30px;
  background-color: color-a;
}
ul.document-list {
  list-style-type: none;
  margin-left: 0;
}
li.added-document {
  margin: 0;
  padding: 0.3rem 0 0.3rem 1.5rem;
  margin-bottom: 0.5rem;
  background-color: #fff;
}
li.added-document:last-child {
  margin-bottom: 3rem;
}
li.added-document .doctype-file:before {
  content: " ";
  background: url("/assets/images/icon-document.svg");
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 21px;
}
li.added-document .doctype-video:before {
  content: " ";
  background: url("/assets/images/icon-video-file.svg");
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 21px;
}
.uploader-action-container .progress {
  display: block;
}
.offset-image {
  width: auto !important;
  height: 260px;
  position: relative;
  left: -55%;
}
.minh2 {
  min-height: 2rem;
}
.minh6 {
  min-height: 6rem;
}
.lineh-2 {
  line-height: 2rem;
}
.lineh-6 {
  line-height: 6rem;
}
.clearfix {
  clear: both;
}
.video-embedded {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
}
.video-embedded iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#loading-overlay {
  display: none;
  background-color: #000;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  top: 0;
  left: 0;
  z-index: 200;
  transition: opacity 0.2s ease-out;
}
#loading-overlay.modifier-loading-show {
  opacity: 0.8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#loading-overlay.loading-full {
  z-index: 110;
}
#loading-wrapper {
  display: none;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  position: fixed;
  width: 100%;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  top: 0;
  left: 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: auto;
  z-index: 201;
  box-sizing: border-box;
}
#loading-wrapper.modifier-loading-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.loading {
  width: 100%;
  box-sizing: border-box;
}
.sk-spinner-double-bounce.sk-spinner {
  width: 50px;
  height: 50px;
  position: relative;
  background: #53c7de;
  border-radius: 50%;
}
.sk-spinner-double-bounce .sk-double-bounce1,
.sk-spinner-double-bounce .sk-double-bounce2 {
  width: 80%;
  height: 80%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  margin: 10%;
  -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
          animation: sk-doubleBounce 2s infinite ease-in-out;
}
.sk-spinner-double-bounce .sk-double-bounce2 {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
@-webkit-keyframes sk-doubleBounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes sk-doubleBounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.border-grey {
  border-color: #e8e8e8;
  border-width: 0;
}
.border-blue {
  border-color: #53c7de;
  border-width: 0;
}
.border-dark-grey {
  border-color: #2b2926;
  border-width: 0;
}
.border-medium-grey {
  border-color: #504e49;
  border-width: 0;
}
.border-u {
  border-color: #e0e0e0;
  border-width: 0;
}
.border-white {
  border-color: #fff;
  border-width: 0;
}
.border-light-grey {
  border-color: #b9b9b9;
  border-width: 0;
}
.border-lighter-grey {
  border-color: #ececec;
  border-width: 0;
}
.border-y {
  border-color: #e0e0e0;
  border-width: 0;
}
.border-orange {
  border-color: #f6632c;
  border-width: 0;
}
.bt {
  border-top-width: 1px;
  border-style: solid;
}
.br {
  border-right-width: 1px;
  border-style: solid;
}
.bb {
  border-bottom-width: 1px;
  border-style: solid;
}
.bl {
  border-left-width: 1px;
  border-style: solid;
}
.bh {
  border-right-width: 1px;
  border-style: solid;
  border-left-width: 1px;
  border-style: solid;
}
.bv {
  border-top-width: 1px;
  border-style: solid;
  border-bottom-width: 1px;
  border-style: solid;
}
.ba {
  border-width: 1px;
  border-style: solid;
}
.bb1 {
  border-style: solid;
  border-bottom-width: 1px;
}
.bb2 {
  border-style: solid;
  border-bottom-width: 2px;
}
.bt1 {
  border-style: solid;
  border-top-width: 1px;
}
@media (max-width: 768px) {
  .xs-bb0 {
    border-bottom-width: 0;
  }
}
@media (max-width: 500px) {
  .xxs-bt0 {
    border-bottom-width: 0;
  }
}
.preview-frame {
  width: 320px;
  height: 568px;
  border: 10px solid rgba(0,0,0,0.3);
}
.admin-breadcrumb {
  border-bottom: 1px solid #f9f9f9;
}
.admin-separator-breadcrumb:after {
  content: '≫';
  padding-left: 5px;
  padding-right: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 2px;
}
.btn-group .btn {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: none;
  color: #2a2924;
  font-size: 1.3rem;
  line-height: 1;
  padding: 5px 10px;
  position: relative;
  border: 1px solid #53c7de;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}
.btn-group .btn:active {
  top: 2px;
  border-bottom: 3px solid transparent;
}
.btn-group .btn:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: 0;
}
.btn-group .btn:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: 0;
}
.btn-group > button {
  float: left;
}
.row {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  clear: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.row>div:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 2rem;
}
.row>div:last-child {
  padding-top: 2rem;
}
fieldset > .btn {
  clear: left;
  margin-top: 20px;
}
.checkbox label {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.checkbox input[type="checkbox"] {
  margin-top: 4px;
}
.checkbox input[type="checkbox"]+span+span {
  padding-left: 2rem;
  text-align: left;
  font-size: 1.6rem;
  line-height: 1.8rem;
}
.campaign-error label {
  color: #f00;
}
.campaign-error label h3 {
  color: #f00;
}
.campaign-error input {
  border: 1px solid #f00;
}
.has-error label {
  color: #f00;
}
.has-error label h3 {
  color: #f00;
}
.has-error input,
.has-error select,
.has-error textarea {
  border: 1px solid #f00;
}
.has-error .error-text {
  color: #f00;
}
.admin-row-item {
  border-top: 1px solid #ededed;
}
.button-remove {
  position: absolute;
  right: 1px;
  top: -3px;
  width: 10px;
  height: 10px;
  color: #f00;
  z-index: 100;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.3rem;
  font-size: 1.5rem;
  box-sizing: border-box;
  cursor: pointer;
}
.border-right-blue {
  border-right: 4px solid #00b7da;
}
.label-remove {
  line-height: 4.1rem;
  cursor: pointer;
  padding-right: 1rem;
}
.label-remove:before {
  content: '\f253';
  font-family: ionicons;
  color: #00b7da;
  font-size: 1.6rem;
}
.label-select-container {
  width: 260px;
}
.admin-label-box {
  background-color: #f2f2f2;
}
.close-label-box {
  cursor: pointer;
}
.sites-list .site-name,
.sites-list .site-publicurl {
  overflow: hidden;
  text-overflow: ellipsis;
}
.sites-list .asterix {
  margin-left: 0.4em;
  font-weight: bold;
}
.sites-actions {
  margin-top: 1em;
  text-align: right;
}
.campaign-list .campaign-name {
  width: 70%;
}
.campaign-list .campaign-enddate {
  width: 30%;
}
.campaign-list .actions {
  width: 0;
}
.admin.one-site .hero-container,
.admin.one-site .hero-container-mobile {
  height: 400px;
  position: relative;
}
.admin.one-site .hero-container .button-remove,
.admin.one-site .hero-container-mobile .button-remove {
  right: 10px;
}
.admin.one-site .hero-container .hero-background,
.admin.one-site .hero-container-mobile .hero-background,
.admin.one-site .hero-container .hero-mobile-background,
.admin.one-site .hero-container-mobile .hero-mobile-background {
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.admin.one-site .hero-upload .upload-image,
.admin.one-site .hero-mobile-upload .upload-image {
  width: 50%;
  opacity: 0.4;
}
.admin.one-site .uploader-container,
.admin.one-site .uploader-action-container,
.admin.one-site .upload-image {
  height: 100%;
}
.admin.one-site .uploader-container .photo-upload-box,
.admin.one-site .uploader-action-container .photo-upload-box,
.admin.one-site .upload-image .photo-upload-box {
  margin-top: 0;
}
.admin.one-site .upload-file-list .button-remove {
  top: 10px;
  right: 10px;
}
.admin.one-site .logo-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100px;
  width: auto;
  max-width: 300px;
  padding: 1em;
}
.admin.one-site .logo-container img {
  width: auto;
  max-width: 100%;
  max-height: 60px;
}
.admin.one-site .hero-container .hero-texts {
  bottom: 10%;
}
.admin.one-site .hero-container-mobile .hero-texts {
  bottom: 20%;
}
.admin.one-site .transparent-input {
  background: none;
}
.admin.one-site .transparent-input:focus {
  background-color: rgba(255,255,255,0.8);
}
.admin.one-site .hero-texts {
  width: 100%;
  position: absolute;
  text-align: center;
  padding: 1.4em 0;
}
.admin.one-site .hero-texts .button-primary {
  padding: 0;
}
.admin.one-site .hero-texts .button-primary input {
  padding: 1em 4rem;
  width: 100%;
  height: 100%;
}
.admin.one-site .hero-texts input {
  text-align: center;
  border-width: 0;
  width: 75%;
  padding: 0.2em;
}
.admin.one-site .hero-texts .hero-big,
.admin.one-site .hero-texts .hero-small {
  border-bottom: 2px #807d77 dashed;
}
.admin.one-site .hero-texts .join-button input {
  box-sizing: border-box;
}
.admin.one-site .logo-landingpage,
.admin.one-site .logo-authenticated {
  float: left;
}
.admin.one-site .language-container .rw-dropdownlist {
  margin: 0.5rem 0;
}
.admin.one-site .assets-footer-section .footerlogo {
  height: 100px;
  max-width: 200px;
}
.ihg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ihg-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ihg-body .ihg-left {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.ihg-body .ihg-right,
.ihg-body .ihg-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ihg-body .ihg-center-140 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 140px;
          flex: 0 0 140px;
}
.ihg-body .ihg-grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.flex-table-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-table-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex-table-col.grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.table {
  display: table;
}
.table .table-row {
  display: table-row;
}
.table .table-cell {
  display: table-cell;
}
.user-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  color: #000;
}
.panel {
  border: solid 3px #f6632c;
  border-radius: 6px;
  text-align: center;
  padding: 1.5rem;
  color: #1a1a1a;
}
@media (max-width: 500px) {
  .panel {
    padding: 1rem;
  }
}
.panel h2 {
  padding-bottom: 0.5em;
}
.panel .button-group {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.panel .button-group :first-child {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media (max-width: 500px) {
  .panel .button-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .panel .button-group :first-child {
    -webkit-box-ordinal-group: NaN;
        -ms-flex-order: initial;
            order: initial;
  }
}
.panel.panel-dark {
  color: #fff;
  background-color: #1a1a1a;
  border-color: #1a1a1a;
}
.panel.panel-dark h1,
.panel.panel-dark h2,
.panel.panel-dark h3,
.panel.panel-dark h4,
.panel.panel-dark p {
  color: inherit;
}
.panel.panel-light {
  background-color: #f0f0f0;
  border: none;
}
.panel .close-panel i {
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
  padding: 15px;
  color: rgba(0,0,0,0.25);
  transition: color 0.2s;
}
.panel .close-panel i:hover {
  color: rgba(0,0,0,0.6);
}
.personal-progress-container {
  height: 22px;
}
.personal-progress,
.overall-progress,
.progress-bar-indicator {
  height: 7px;
  width: 100%;
  -webkit-transform: scaleX(0) translateZ(0);
          transform: scaleX(0) translateZ(0);
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
}
.personal-progress {
  background-color: #f67f00;
  transition-delay: 0.3s;
}
.overall-progress {
  background-color: #00b7da;
  transition-delay: 0.1s;
}
.progress-indicator {
  width: 10px;
  height: 10px;
  display: inline-block;
}
.todo-ideas a:first-child {
  border-top: 1px solid #ededed;
}
.todo-ideas a:last-child {
  border-radius: 3px;
}
.gfx-bubble,
.gfx-bubble-filled {
  background-repeat: no-repeat;
  background-position: center;
  width: 17px;
  height: 14px;
  background-image: url("../assets/images/icon-bubble.svg");
}
.gfx-bubble-large,
.gfx-bubble-filled-large {
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 29px;
  background-size: 100%;
  background-image: url("../assets/images/icon-bubble.svg");
}
.gfx-bubble-filled {
  background-image: url("../assets/images/icon-bubble-filled.svg");
}
.gfx-bubble-filled-large {
  background-size: 100%;
  background-image: url("../assets/images/icon-bubble-filled.svg");
}
.gfx-comment {
  background-repeat: no-repeat;
  background-position: center;
  width: 17px;
  height: 14px;
  background-image: url("../assets/images/comment.svg");
}
.gfx-comment-large {
  background-repeat: no-repeat;
  background-position: center;
  width: 26px;
  height: 28px;
  background-size: 100%;
  background-image: url("/assets/images/icon-comments-blue.svg");
  cursor: pointer;
}
.gfx-arrow-right {
  background-repeat: no-repeat;
  background-position: center;
  padding-right: 20px;
  background-image: url("../assets/images/arrow-right.svg");
  background-position: right;
}
.gfx-close {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../assets/images/close-x.svg");
}
.gfx-player {
  background-repeat: no-repeat;
  background-position: center;
  width: 35px;
  height: 35px;
  margin-left: auto;
  margin-right: auto;
  background-size: 100%;
  background-image: url("../assets/images/icon-player.svg");
}
.gfx-player-small {
  background-repeat: no-repeat;
  background-position: center;
  width: 2rem;
  height: 2rem;
  background-size: 100%;
  background-image: url("../assets/images/icon-player.svg");
}
.gfx-checkmark,
.main-content .apply-campaign-card ul li::before {
  background-repeat: no-repeat;
  background-position: center;
  width: 35px;
  height: 35px;
  margin-left: auto;
  margin-right: auto;
  background-size: 100%;
  background-image: url("../assets/images/icon-checkmark.svg");
}
.gfx-time-glas {
  background-repeat: no-repeat;
  background-position: center;
  width: 35px;
  height: 35px;
  margin-left: auto;
  margin-right: auto;
  background-size: auto 100%;
  background-image: url("../assets/images/time-glas.svg");
}
.gfx-light-bulb {
  background-repeat: no-repeat;
  background-position: center;
  width: 26px;
  height: 32px;
  background-size: 100%;
  background-image: url("../assets/images/icon-lightbulb.svg");
}
.gfx-timer {
  background-repeat: no-repeat;
  background-position: center;
  width: 23px;
  height: 32px;
  background-size: 100%;
  background-image: url("../assets/images/icon-timer.svg");
}
.gfx-comment-bubble-outline {
  background-repeat: no-repeat;
  background-position: center;
  width: 23px;
  height: 32px;
  background-size: 100%;
  background-image: url("../assets/images/icon-comment-bubble-outline.svg");
}
.gfx-highscore :before {
  background-repeat: no-repeat;
  background-position: center;
  width: 32px;
  height: 32px;
  background-size: 100%;
  background-image: url("../assets/images/icon-table-top.svg");
}
.coach-actions-title {
  text-align: center;
  padding-bottom: 1rem;
}
.coach-remove-xs {
  position: absolute;
  top: 0.8rem;
  right: 1rem;
}
.coach-table {
  width: 100%;
}
.coach-table-header {
  background: #000;
}
.coach-table-row {
  position: relative;
  background: #fff;
  transition: background 0.2s ease;
}
.coach-table-row .coach-table-item,
.coach-table-row .coach-table-item-image {
  color: #000;
}
.coach-table-row .coach-table-hover-text {
  color: #fff;
  transition: color 0.2s ease;
}
.coach-table-row:hover {
  background: #fafafa;
  box-shadow: 5px 0px 0px #00b7da inset;
}
.coach-table-row:hover .coach-table-hover-text {
  color: #00b7da;
}
.coach-table-item {
  padding: 1rem;
}
.coach-table-item.action-container {
  padding: 5px;
}
@media (min-width: 768px) {
  .coach-table-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2rem;
  }
  .coach-table-item.hidden-sm {
    display: none;
  }
}
@media (max-width: 768px) {
  .coach-table-row {
    margin-bottom: 1rem;
    padding: 1rem;
  }
}
.coach-table-item-background {
  background-size: cover;
}
.coach-table-item-image {
  text-align: center;
  vertical-align: middle;
}
.coach-filter-wrapper {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.table-icon {
  vertical-align: bottom;
}
.filter-label {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  color: #000;
}
.filter-link {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: #858585;
  font-size: 1.4rem;
  margin-left: 1.5rem;
}
.filter-link:hover,
.filter-link.active {
  color: #000;
  padding-bottom: 5px;
  margin-bottom: -7px;
}
.filter-select {
  background: #fff;
  height: 30px;
}
.table-ideas-top {
  margin-top: 0rem;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .table-ideas-top {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .ideas-sortby-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.ideas-sortby {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  margin: 0 2rem;
  padding-bottom: 1rem;
  padding-top: 2rem;
  font-size: 1.6rem;
  color: #00b7da;
  transition: border-color 0.2s;
  border-bottom: solid 3px transparent;
}
.ideas-sortby.active {
  border-bottom-color: #343434;
  color: #343434;
}
.ideas-sortby:hover {
  border-bottom-color: #343434;
}
@media (max-width: 500px) {
  .ideas-sortby {
    margin: 0 1rem;
    font-size: 1.4rem;
  }
}
@media (min-width: 768px) {
  .ideas-sortby {
    margin: 0 1.5rem;
    padding-bottom: 2rem;
    padding-top: 0;
    font-size: 1.8rem;
  }
}
.ideas-sortby-icon {
  padding-left: 23px;
}
.ideas-sortby-icon:before {
  content: ' ';
  position: absolute;
  width: 18px;
  height: 25px;
  margin-left: -23px;
  background: url("/assets/images/icon-sortby-trending.svg") center center no-repeat;
}
.ideas-btn-new {
  padding-bottom: 2rem;
}
@media (max-width: 768px) {
  .ideas-btn-new {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
    box-sizing: border-box;
  }
}
@media (max-width: 500px) {
  .ideas-btn-new {
    padding: 0 1.5rem 2rem 1.5rem;
  }
}
.table-idea-row {
  background-color: #fff;
  border-bottom: solid 1px #e0e0e0;
  transition: color 0.3s;
}
.table-idea-row:hover .table-idea-name {
  color: #00b7da;
}
.table-idea-row:hover .table-idea-image {
  opacity: 0.8;
}
@media (max-width: 768px) {
  .table-idea-row {
    position: relative;
    min-height: 100px;
    padding: 0;
  }
  .table-idea-row:hover .table-idea-name {
    color: initial;
  }
}
.table-idea-image {
  background-size: cover;
  background-position: center center;
  height: 80px;
  min-width: 120px;
  transition: opacity 0.2s;
}
@media (max-width: 768px) {
  .table-idea-image {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 70px;
  }
}
.table-idea-name {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  margin: 0 auto;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.2s;
}
@media (max-width: 768px) {
  .table-idea-name {
    padding-right: 2rem;
    font-size: 1.6rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
  }
}
.table-idea-user {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  margin: 0 auto;
  line-height: initial;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-idea-status {
  background-color: #f6632c;
  color: #fff;
  padding: 0.3em 0.7em 0.3em;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 0;
  margin-right: 5px;
}
@media (max-width: 768px) {
  .table-idea-feedback {
    padding-right: 1rem;
  }
}
.table-idea-feedback-content {
  width: 50px;
  padding-right: 2rem;
}
@media (max-width: 768px) {
  .table-idea-feedback-content {
    padding-right: 4rem;
  }
}
@media (max-width: 768px) {
  .table-idea-feedback-progress {
    padding-top: 4px;
  }
}
.idea-vote-btn-expired {
  padding: 0.8rem 1.2rem;
  border-radius: 3px;
  background-color: #fff;
  max-width: 60px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  text-align: center;
  border: 1px solid transparent;
}
.idea-vote-btn-expired.active {
  background-color: #dbdbdb;
  color: #fff;
}
.idea-vote-btn {
  padding: 0.8rem 1.2rem;
  border-radius: 3px;
  max-width: 60px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  text-align: center;
  border: 1px solid transparent;
  transition: background-color 0.3s;
}
.idea-vote-btn.active {
  background-color: #00b7da;
  color: #fff;
}
@media (min-width: 768px) {
  .idea-vote-btn {
    transition: background-color 0.25s;
  }
  .idea-vote-btn:hover {
    background-color: #f0f0f0;
  }
}
.circle-holder {
  position: relative;
  width: 100%;
}
.percent-circle-back,
.percent-circle {
  fill: none;
  stroke-width: 6;
  stroke: #e8e8e8;
}
.percent-circle {
  stroke: #00b7da;
  stroke-dasharray: 300;
  stroke-dashoffset: 300;
}
.percent-circle.transition {
  transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
}
.percent-circle-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: -2px;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
}
.percent-circle-text span {
  font-weight: normal;
}
.percent-circle-thin .percent-circle-back,
.percent-circle-thin .percent-circle {
  stroke-width: 2;
}
.percent-circle-middle .percent-circle-back,
.percent-circle-middle .percent-circle {
  stroke-width: 4;
}
.percent-circle-secondary .percent-circle {
  stroke: #d2e12c;
}
.percent-circle-no-back .percent-circle-back {
  stroke: transparent;
}
.percent-circle {
  stroke: #00b7da;
}
.circle-holder-220 {
  position: relative;
  max-width: 220px;
  min-height: 220px;
  max-height: 220px;
  margin: 0 auto;
}
.circle-holder-220 .circle-holder {
  position: absolute;
}
.sub-sub-navigation {
  background: linear-gradient(to bottom, #fff 50%, #e0e0e0);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 64px;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 4px solid #e0e0e0;
}
@media (min-width: 768px) {
  .sub-sub-navigation {
    background: linear-gradient(to bottom, #fff, #e0e0e0);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.campaign-image-progress-wrapper {
  width: 100%;
  max-width: 235px;
}
.sub-navigation-link {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  height: 100%;
  padding: 0 3rem;
  color: #fff;
  transition: all 0.5s;
  transition: all 0.2s;
}
.sub-navigation-link:last-child {
  border-right: 0px;
}
.sub-navigation-link:hover {
  text-decoration: none;
}
@media (min-width: 768px) {
  .sub-navigation-link:hover {
    background-color: rgba(255,255,255,0.1);
  }
}
.sub-navigation.modifier-campaign-brief {
  border-color: #00b7da;
}
.sub-navigation-link.modifier-campaign-brief {
  background-color: #00b7da;
  color: #fff;
}
.sub-navigation.modifier-campaign-ideas {
  border-color: #f6632c;
}
.sub-navigation-link.modifier-campaign-ideas {
  background-color: #f6632c;
  color: #fff;
}
.sub-navigation.modifier-campaign-contributors {
  border-color: #a3c81c;
}
.sub-navigation-link.modifier-campaign-contributors {
  background-color: #a3c81c;
  color: #fff;
}
.sub-navigation.modifier-campaign-people {
  border-color: #00b7da;
}
.sub-navigation-link.modifier-campaign-people {
  background-color: #00b7da;
  color: #fff;
}
.sub-navigation.modifier-campaign-edit {
  border-color: #00b7da;
}
.sub-navigation-link.modifier-campaign-edit {
  background-color: #00b7da;
  color: #fff;
}
.title-row.modifier-campaign-ideas {
  border-bottom: solid 4px #f6632c;
}
.sub-navigation .navigation-back {
  padding: 0 4rem 0 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: 1px solid rgba(255,255,255,0.1);
}
.sub-navigation:hover .navigation-back-text {
  color: #fff;
}
.sub-navigation:hover .navigation-back-arrow {
  opacity: 1;
}
.sub-navigation .navigation-back-arrow {
  height: 1.5rem;
  opacity: 0.5;
  transition: opacity 0.2s;
}
.sub-navigation .navigation-back-text {
  font-size: 1.8rem;
  color: #858585;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  transition: color 0.2s;
}
.sub-navigation .seperator {
  border-right: 1px solid #fff;
}
.navigation-back-arrow {
  padding-top: 2px;
  opacity: 0.4;
}
.campaign-navigation-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.navigation-back {
  background-color: #2b2926;
  padding: 0 2rem;
}
.export-csv-link {
  padding-bottom: 0.5rem;
  margin-left: 2rem;
}
.export-csv-link:hover:before {
  font-family: ionicons;
  content: '\f103';
  padding-right: 0.5rem;
}
@media (max-width: 768px) {
  .campaign-brief-mainpic {
    margin: 0 -3rem 2rem -3rem;
  }
  .export-csv-link {
    margin-bottom: 1.5rem;
  }
  .export-csv-link:hover:before {
    display: none;
  }
}
@media (max-width: 500px) {
  .navigation-back {
    padding: 0 2rem;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .navigation-campaign-name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding-right: 2rem;
    white-space: nowrap;
  }
  .campaign-navigation-wrapper {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .sub-navigation-link {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    padding: 0 0rem;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .sub-navigation-link:hover {
    color: #fff;
  }
  .sub-navigation-link.active {
    color: #1a1a1a;
  }
  .campaign-brief-mainpic {
    margin: 0 0 2rem 0;
  }
  .export-csv-link {
    margin-right: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.add-people-wrapper {
  width: 100%;
}
.add-people-btn-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.add-people-btn {
  margin-left: auto;
}
.slide-box {
  max-height: 0;
  transition: max-height 0.1s ease-in-out;
  overflow: hidden;
}
.slide-box.active {
  max-height: 100%;
  padding-bottom: 50px;
}
.invite-form-wrapper {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}
.invite-form-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 15px;
  color: #333;
}
.invite-toggle-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.invite-toggle-btn img {
  transition: all 0.1s;
}
.invite-toggle-btn img.active {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.invite-toggle-btn .plus {
  width: 15px;
  height: 15px;
}
.invite-toggle-btn .close {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 13px;
  height: 13px;
}
.invite-form-textarea {
  box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.5);
  background: #fff;
  border: 1px solid #656262;
}
.ideas-count:before {
  content: ' ';
  height: 25px;
  width: 22px;
  background: url("/assets/images/light-bulb.svg") no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.contributor-count:before {
  content: ' ';
  height: 20px;
  width: 20px;
  background: url("/assets/images/icon-player.svg") no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.your-campaign-card {
  position: absolute;
  background-color: #f6632c;
  margin: 1rem;
  color: #fff;
  padding: 0.5em 0.7em;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 14px;
}
.all-hunts-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 25px;
  border-right: 1px solid #101010;
  border-left: 1px solid #2b2b2b;
  box-shadow: inset -1px 0px 0 #2b2b2b, inset 1px 0px 0 #101010;
  transition: background-color 0.3s;
}
@media (max-width: 500px) {
  .all-hunts-button {
    border-left: none;
    box-shadow: inset -1px 0px 0 #2b2b2b;
  }
}
.all-hunts-button a {
  color: #757575;
  font-weight: 600;
  transition: color 0.3s;
}
.all-hunts-button:hover a {
  color: #00b7da;
}
.hunt-statistics .filter-box {
  min-width: 150px;
}
.hunt-statistics .filter-box .rw-datetimepicker {
  padding: 0;
}
.hunt-statistics .filter-box select {
  margin: 0;
  padding: 15px;
}
.hunt-statistics .filter-box input {
  margin: 5px 0;
}
.hunt-statistics .statistics-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  margin-top: 1em;
  margin-left: -1em;
}
.hunt-statistics .stat-box {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.125);
  border-radius: 0.4rem;
  margin: 1em;
  padding: 1.5em;
}
.hunt-statistics .stat-box .title {
  font-size: 1.1em;
  color: #757575;
  font-weight: bolder;
  margin-bottom: 1em;
  text-transform: uppercase;
}
.hunt-statistics .stat-box .value {
  font-size: 2.2em;
  font-weight: bold;
}
.hunt-statistics .stat-box tbody.table-values {
  line-height: 1.3em;
  width: 100%;
}
.hunt-statistics .stat-box tbody.table-values tr {
  height: 1.5em;
}
.hunt-statistics .stat-box tbody.table-values tr:nth-child(even) {
  background: #f5f5f5;
  border-radius: 0.4rem;
}
.hunt-statistics .stat-box tbody.table-values td {
  padding: 0.5em;
}
.hunt-statistics .stat-box tbody.table-values .col-key {
  padding-right: 1em;
  width: 100%;
}
.hunt-statistics .stat-box tbody.table-values .col-value {
  font-weight: bold;
  white-space: nowrap;
}
/*
 * Datetimepicker for Bootstrap v3
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.table-condensed>tbody>tr>td {
  padding: 10px;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group .form-control,
.input-group-addon,
.input-group-btn {
  margin-bottom: 15px;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.input-group {
  position: relative;
  border-collapse: separate;
  display: table;
}
.input-group .form-control,
.input-group-addon,
.input-group-btn {
  display: table-cell;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  border-radius: 4px;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
}
.bootstrap-datetimepicker-widget {
  top: 0;
  left: 0;
  padding: 4px;
  margin-top: 1px;
  z-index: 99999 !important;
  border-radius: 4px;
  border: 1px solid #ddd;
  background: #fff;
}
.bootstrap-datetimepicker-widget.timepicker-sbs {
  width: 600px;
}
.bootstrap-datetimepicker-widget.bottom:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0,0,0,0.2);
  position: absolute;
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.bottom:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  top: -6px;
  left: 8px;
}
.bootstrap-datetimepicker-widget.top:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0,0,0,0.2);
  position: absolute;
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.top:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  position: absolute;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget .dow {
  width: 14.2857%;
}
.bootstrap-datetimepicker-widget.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget > ul {
  list-style-type: none;
  margin: 0;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 100%;
  font-weight: bold;
  font-size: 1.2em;
}
.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator {
  width: 4px;
  padding: 0;
  margin: 0;
}
.bootstrap-datetimepicker-widget .datepicker > div {
  display: none;
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-datetimepicker-widget td,
.bootstrap-datetimepicker-widget th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.second:hover {
  background: #eee;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget td.old,
.bootstrap-datetimepicker-widget td.new {
  color: #999;
}
.bootstrap-datetimepicker-widget td.today {
  position: relative;
}
.bootstrap-datetimepicker-widget td.today:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #428bca;
  border-top-color: rgba(0,0,0,0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover {
  background-color: #428bca;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}
.bootstrap-datetimepicker-widget td.active.today:before {
  border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget td.disabled,
.bootstrap-datetimepicker-widget td.disabled:hover {
  background: none;
  color: #999;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget td span {
  display: block;
  width: 47px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget td span:hover {
  background: #eee;
}
.bootstrap-datetimepicker-widget td span.active {
  background-color: #428bca;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}
.bootstrap-datetimepicker-widget td span.old {
  color: #999;
}
.bootstrap-datetimepicker-widget td span.disabled,
.bootstrap-datetimepicker-widget td span.disabled:hover {
  background: none;
  color: #999;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget th.switch {
  width: 145px;
}
.bootstrap-datetimepicker-widget th.next,
.bootstrap-datetimepicker-widget th.prev {
  font-size: 21px;
}
.bootstrap-datetimepicker-widget th.disabled,
.bootstrap-datetimepicker-widget th.disabled:hover {
  background: none;
  color: #999;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
  background: #eee;
}
.input-group.date .input-group-addon span {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.bootstrap-datetimepicker-widget.left-oriented:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.left-oriented:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody > tr > td {
  padding: 0px !important;
}
.coach-campaign-form legend {
  width: 100%;
}
.coach-campaign-form h3 {
  font-weight: 400;
}
.coach-campaign-form-send-button {
  text-align: center;
  margin: 0 auto;
}
.photo-upload-box {
  background: #f2f2f2;
  border: 1px #9b9b9b dashed;
  border-radius: 4px;
  padding: 2em;
  margin-top: 2rem;
  text-align: center;
}
.photo-upload-box:hover {
  border: 1px #504e49 dashed;
}
.reward-box {
  padding: 0 3rem;
}
@media (min-width: 768px) {
  .reward-box {
    padding: 0 1.5rem;
  }
}
@media (min-width: 768px) {
  .edit-button {
    text-align: right;
  }
}
@media (max-width: 768px) {
  .edit-button {
    text-align: center;
  }
}
.idea-form-edit .dynamic-fields-campaign .module {
  background: none;
}
.idea-form-edit .dynamic-fields-campaign .extra-field {
  margin-bottom: 2rem;
}
.idea-form-edit .dynamic-fields-campaign .tooltip {
  margin-left: 0.5em;
}
.idea-form-edit .adm-module {
  background: #fff;
  padding: 2em;
  margin: 1em auto;
  border-radius: 2px;
}
.idea-form-edit .adm-module.standard-field {
  background: rgba(255,255,255,0.6);
}
.idea-form-edit .adm-module .fa-caret-up,
.idea-form-edit .adm-module .fa-caret-down {
  background: #00b7da;
  border-radius: 2px;
  margin-top: -2px;
  color: #fff;
  padding: 0.3em 0.8em;
}
.idea-form-edit .adm-module .adm-module-col-half {
  width: 50%;
}
@media (max-width: 500px) {
  .idea-form-edit .adm-module .adm-module-col-half {
    width: 100%;
  }
}
.todo-idea-image {
  background-size: cover;
  background-repeat: no-repeat;
  height: 200px;
  width: 100%;
}
.todo-idea-user-image {
  left: 50%;
  top: -25px;
  margin-left: -25px;
  position: absolute;
}
.todo-idea-user-image .todo-idea-user-image-border {
  border: solid 2px #fff;
}
.todo-idea-textbox {
  position: relative;
  border-radius: 2px;
  text-align: center;
  background: #fff;
}
.todo-feedback-image {
  display: block;
  min-height: 40px;
  -webkit-box-flex: 0.3;
      -ms-flex: 0.3;
          flex: 0.3;
}
.idea-main-image {
  min-width: 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .idea-header-image {
    padding: 0 20px 20px 20px;
    min-height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.idea-button-wrapper {
  text-align: center;
}
@media (min-width: 768px) {
  .idea-button-wrapper {
    text-align: left;
  }
  .idea-button-wrapper span {
    text-align: left;
  }
}
.rating-bar-star i {
  font-size: 3.6rem;
  background-color: #f5f5f5;
  display: inline-block;
  margin: 0 2px;
  padding: 0.5rem 0 0 0rem;
  border-radius: 3px;
  overflow: hidden;
  width: 48px;
  height: 48px;
  box-sizing: border-box;
}
@media (min-width: 500px) {
  .rating-bar-star i {
    font-size: 4.8rem;
    margin: 0 2px;
    padding: 1rem 0 0 0;
    width: 70px;
    height: 70px;
  }
}
.filteredFeedbackMessage {
  background-color: #fffbef;
  border: 2px dashed #f6632c;
}
.trustedFeedbackContainer {
  background-color: rgba(0,0,0,0.1);
  border: 2px dashed #000;
  border-radius: 4px;
}
.expandedTeamAuthors .header h4 {
  padding: 0rem 2rem 3rem 2rem;
}
.expandedTeamAuthors .teamAuthorItem {
  background-color: #fff;
  width: calc(100% - 2px);
  margin: 1px;
  box-sizing: border-box;
  transition: all 0.2s;
}
.expandedTeamAuthors .teamAuthorItem:hover p {
  color: #00b7da;
}
.expandedTeamAuthors .teamAuthorItem:active {
  margin-top: 2px;
}
@media (max-width: 500px) {
  .expandedTeamAuthors .teamAuthorItem {
    width: calc(100% - 2px);
  }
}
.extra-field-container {
  position: relative;
  margin-bottom: 2rem;
}
.extra-field-container.none-public-field {
  border: 1px dashed #333;
  padding: 1em;
}
.extra-field-container.none-public-field .none-public-icon-container {
  position: absolute;
  top: 0.4em;
  right: 0.4em;
}
.extra-field-container.none-public-field .none-public-icon {
  display: inline-block;
  padding: 0.4em;
}
.extra-field-container .dynamic-field-image-container img {
  cursor: pointer;
  max-width: 100%;
}
.single-line,
.multiple-line {
  margin-bottom: 2rem;
}
.single-line label,
.multiple-line label {
  float: left;
  padding-right: 1rem;
  line-height: 1.5;
  display: inline-block;
  font-weight: 600;
}
.single-line label:after,
.multiple-line label:after {
  content: ": ";
}
@media (max-width: 500px) {
  .single-line label,
  .multiple-line label {
    float: none;
    margin-bottom: 1rem;
  }
}
.multiple-line label {
  float: none;
  margin-bottom: 0.5rem;
  padding-right: 0;
}
.tag-list-tag {
  color: #666;
}
.idea-tag-winner {
  background: #a3c81c;
}
.idea-tag-declined {
  background: #807d77;
}
.idea-tag-new {
  background: #008000;
}
.idea-tag-hot {
  background: #f00;
}
.idea-description p {
  line-height: 1.5em;
}
.edit-ideapage-actions-container {
  margin-bottom: 6rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 500px) {
  .edit-ideapage-actions-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: left;
        -ms-flex-align: left;
            align-items: left;
  }
}
.ribbon-left {
  position: relative;
  z-index: 1;
}
.ribbon-left:before {
  content: ' ';
  position: absolute;
  height: 44px;
  left: calc(-200% + 15px);
  top: 19px;
  background-color: #f2f2f2;
  width: 200%;
  border-width: 9px 15px;
  border-style: solid;
  border-color: transparent #c2c2c2 transparent transparent;
  box-sizing: border-box;
  z-index: -1;
}
.ribbon-left.back-color-orange:before {
  border-color: transparent #ac5230 transparent transparent;
  background-color: #f78256;
}
.ribbon-left.back-color-green:before {
  border-color: transparent #90b118 transparent transparent;
  background-color: #a3c81c;
}
.ribbon-left.back-color-action:before {
  border-color: transparent #0099b6 transparent transparent;
  background-color: #33c5e1;
}
.ribbon-left.one-column:before {
  left: calc(-10% + 15px);
  width: 10%;
}
.ribbon-right {
  position: relative;
  z-index: 1;
}
.ribbon-right:after {
  content: ' ';
  position: absolute;
  height: 44px;
  left: calc(100% + -15px);
  top: 19px;
  background-color: #f2f2f2;
  width: 200%;
  border-width: 9px 15px;
  border-style: solid;
  border-color: transparent transparent transparent #c2c2c2;
  box-sizing: border-box;
  z-index: -1;
}
.ribbon-right.back-color-orange:after {
  border-color: transparent transparent transparent #ac5230;
  background-color: #f78256;
}
.ribbon-right.back-color-green:after {
  border-color: transparent transparent transparent #90b118;
  background-color: #a3c81c;
}
.ribbon-right.back-color-action:after {
  border-color: transparent transparent transparent #0099b6;
  background-color: #33c5e1;
}
.ribbon-right.one-column:after {
  width: 10%;
}
.closeable-box .closeable-box-toggle,
.closeable-box .closeable-box-item {
  margin-bottom: 1px;
}
.closeable-box .closeable-content {
  background: #fff;
  border: 1px solid #e4e0d7;
  border-top: 0px;
  margin-top: -1px;
}
.icon-size-1,
.story-icon,
.generic-mission-icon,
.poverty-icon,
.energy-icon,
.social-inclusion-icon,
.done-icon-30 {
  height: 30px;
  width: 30px;
  display: inline-block;
}
.offset-icon-1 {
  position: relative;
  top: 8px;
}
.courses-sprite {
  background-image: url("../../images/courses-sprite.png");
  background-repeat: no-repeat;
  background-size: 210px 210px;
}
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .courses-sprite {
    background-image: url("../../images/courses-sprite@2x.png");
  }
}
.story-icon {
  background-position: -180px 0px;
}
.generic-mission-icon {
  background-position: 0px 0px;
}
.poverty-icon {
  background-position: -30px 0px;
}
.energy-icon {
  background-position: -60px 0px;
}
.social-inclusion-icon {
  background-position: -90px 0px;
}
.user-default,
.courses-default,
.courses-started,
.no-awards,
.awards,
.no-stories,
.stories,
.banner,
.banner-miniture,
.banner-miniture-done,
.user-default-xsmall,
.user-default-xxsmall,
.story-add,
.user-default-add,
.user-default-login,
.mission-reward,
.feedback-icon,
.done-icon,
.story-outline,
.story-yellow,
.camera-medium,
.diploma-small-banner,
.done-icon-30 {
  background-image: url("../assets/images/ass-graphics.png");
  background-repeat: no-repeat;
}
.user-default,
.courses-default,
.courses-started,
.no-awards,
.awards,
.story-add,
.user-default-login,
.user-default-add,
.mission-reward {
  width: 140px;
  height: 140px;
}
.check-mark,
.story-yellow {
  width: 100px;
  height: 100px;
}
.box-xsmall {
  width: 70px;
  height: 70px;
  overflow: hidden;
}
.user-image-round-box {
  width: 70px;
  height: 70px;
  overflow: hidden;
  border-radius: 100rem;
  position: relative;
}
.user-image-xxsmall-round-box {
  width: 50px;
  height: 50px;
  background-position: -393px -50px;
  overflow: hidden;
  border-radius: 100rem;
  position: relative;
}
.user-image {
  position: absolute;
  width: 70px;
  height: 70px;
  top: 0;
  left: 0;
}
.image-cover {
  background-size: cover;
  background-position: center center;
}
.course {
  width: 90px;
  height: 90px;
}
.banner {
  width: 140px;
  height: 225px;
  margin: 0 auto;
}
.banner img {
  width: 70%;
}
.banner-miniture {
  width: 30px;
  height: 46px;
  margin: 5px 5px 8px 5px;
}
.banner-miniture-done {
  width: 30px;
  height: 46px;
  margin: 5px 5px 8px 5px;
}
.user-default {
  background-position: -250px -3px;
}
.user-default-xsmall {
  background-position: -393px -3px;
}
.user-default-xxsmall {
  background-position: -393px -80px;
}
.courses-default {
  background-position: -419px -3px;
}
.courses-started {
  background-position: -422px -153px;
}
.no-awards {
  background-position: -422px -306px;
}
.awards {
  background-position: -422px -469px;
}
.story-add {
  background-position: -247px -146px;
}
.user-default-add {
  background-position: -247px -289px;
}
.user-default-login {
  background-position: -247px -433px;
}
.banner {
  background-position: -74px 3px;
}
.banner-miniture {
  background-position: -217px -3px;
}
.banner-miniture-done {
  background-position: -217px -54px;
}
.mission-reward {
  background-position: -466px -289px;
}
.feedback-icon {
  background-position: -609px -146px;
}
.done-icon {
  background-position: -681px -140px;
}
.done-icon-30 {
  background-position: -682px -289px;
}
.story-yellow {
  background-position: -682px -38px;
}
.story-outline {
  background-position: -785px -3px;
  width: 32px;
  height: 25px;
  margin: 0 auto;
  margin-top: -22px;
  z-index: 1000;
  position: relative;
}
.camera-medium {
  background-image: url("/assets/images/camera.svg");
  background-position: center center;
  width: 46px;
  height: 46px;
  background-color: #ededed;
  padding: 3rem;
  border-radius: 5px;
  cursor: pointer;
}
.camera-small {
  background-position: -732px -38px;
}
.diploma-small-banner {
  background-position: -3px -15px;
  height: 59px;
  width: 45px;
}
.media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.media.center-vertically {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.media.center-horizontally {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.media .body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.media .head img {
  max-width: 100%;
}
.modifier-notifications-open {
  overflow: hidden;
}
@media (min-width: 768px) {
  .modifier-notifications-open {
    overflow: visible;
  }
}
.notifications-box-label {
  font-size: 2rem;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}
.notifications-box-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #191919;
  color: #ededed;
  height: 80px;
  padding: 0 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.notifications-box {
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-perspective: 5500px;
          perspective: 5500px;
  -webkit-perspective-origin: 50% 50%;
          perspective-origin: 50% 50%;
}
@media (min-width: 768px) {
  .notifications-box {
    width: auto;
    left: inherit;
    overflow: visible;
  }
}
.notifications-box.active {
  height: 100%;
  z-index: 99;
}
.notifications-box.active .notifications-box-content {
  -webkit-transform: rotate3d(0, 1, 0, 0deg) translate3d(0, 0, 0) scale3d(1, 1, 1);
          transform: rotate3d(0, 1, 0, 0deg) translate3d(0, 0, 0) scale3d(1, 1, 1);
}
@media (min-width: 768px) {
  .notifications-box.active {
    height: 80%;
  }
  .notifications-box.active .notifications-box-content {
    -webkit-transform: rotate3d(0, 1, 0, 0deg) translate3d(-375px, 0px, 0) scale3d(1, 1, 1);
            transform: rotate3d(0, 1, 0, 0deg) translate3d(-375px, 0px, 0) scale3d(1, 1, 1);
  }
}
@media (max-width: 500px) {
  .notifications-box.active .notifications-box-content {
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: rotate3d(1, 1, 1, 0deg) translate3d(0, 0, 0) scale3d(1, 1, 1);
            transform: rotate3d(1, 1, 1, 0deg) translate3d(0, 0, 0) scale3d(1, 1, 1);
  }
}
.notifications-box-content {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #e0e0e0;
  -webkit-transform: rotate3d(0, 1, 0, 70deg) translate3d(100%, 5%, 0) scale3d(0.9, 0.9, 1);
          transform: rotate3d(0, 1, 0, 70deg) translate3d(100%, 5%, 0) scale3d(0.9, 0.9, 1);
  -webkit-transform-origin: 100% 0 0;
          transform-origin: 100% 0 0;
}
@media (min-width: 768px) {
  .notifications-box-content {
    box-shadow: 0px 10px 20px rgba(0,0,0,0.4);
    -webkit-transform: rotate3d(0, 0, 0, 0deg) translate3d(-375px, -600px, 0) scale3d(1, 1, 1);
            transform: rotate3d(0, 0, 0, 0deg) translate3d(-375px, -600px, 0) scale3d(1, 1, 1);
    width: 400px;
  }
}
.notifications-box-list {
  overflow-y: scroll;
  height: calc(100% - 80px);
}
@media (min-width: 768px) {
  .notifications-box-list {
    background-color: #e0e0e0;
  }
}
.notifications-modal-overlay {
  display: none;
  background-color: #000;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  top: 0;
  left: 0;
  z-index: 100;
  transition: opacity 0.2s ease-out;
}
.notifications-modal-overlay.active {
  opacity: 0.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 98;
}
.notifications-indicator-count {
  position: absolute;
}
.notifications-indicator-count div {
  position: relative;
  left: 21px;
  top: -11px;
  color: #fff;
  padding: 5px;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  width: 15px;
  font-weight: 700;
  background-color: #f6632c;
}
.notifications-indicator {
  padding-top: 2px;
}
.page-ideahunt h1 {
  font-size: 36px;
  font-size: 3.6rem;
  margin: 0.67em 0;
  letter-spacing: -1px;
}
.page-ideahunt h1.xl {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 1.1;
}
.page-ideahunt h2 {
  font-size: 32px;
  font-size: 3.2rem;
  margin: 0.75em 0;
}
.page-ideahunt h3 {
  font-size: 24px;
  font-size: 2.4rem;
  margin: 0.83em 0;
}
.page-ideahunt .campaign-card h3 {
  font-size: 2rem;
}
.page-ideahunt h4,
.page-ideahunt blockquote,
.page-ideahunt ul,
.page-ideahunt fieldset,
.page-ideahunt form,
.page-ideahunt ol {
  margin: 1.12em 0;
}
.page-ideahunt p {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 1.12em 0;
}
.page-ideahunt p.small {
  font-size: 15px;
  font-size: 1.5rem;
}
.page-ideahunt p img {
  max-width: 100%;
}
.ie11 .how-to-inner-content {
  min-width: 350px !important;
}
.site-footer a {
  color: #a1a1a1;
}
.site-footer a:hover {
  color: #fff;
}
.start-clients-container,
.landing-page {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.landing-page,
.site-footer {
  background-color: #1a1a1a;
}
.landing-page .header-logo img,
.site-footer .header-logo img {
  max-height: 100px;
  max-width: 200px;
}
@media (max-width: 500px) {
  .landing-page .header-logo img {
    max-height: 60px;
  }
}
.header-logo .top-logo {
  max-height: 40px;
  width: auto;
}
.mobile-visible {
  display: none;
}
.main-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.main-content h1 {
  font-size: 36px;
  font-size: 3.6rem;
  margin: 0.67em 0;
  letter-spacing: -1px;
}
.main-content h1.xl {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 1.1;
}
.main-content h2 {
  font-size: 32px;
  font-size: 3.2rem;
  margin: 0.75em 0;
}
.main-content h3 {
  font-size: 24px;
  font-size: 2.4rem;
  margin: 0.83em 0;
}
.main-content .campaign-card h3 {
  font-size: 2rem;
}
.main-content h4,
.main-content blockquote,
.main-content ul,
.main-content fieldset,
.main-content form,
.main-content ol {
  margin: 1.12em 0;
}
.main-content p {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 1.12em 0;
}
.main-content p.small {
  font-size: 15px;
  font-size: 1.5rem;
}
.main-content p.faded {
  opacity: 0.5;
}
.main-content .header-background {
  width: 100%;
  background-image: url("/assets/images/hero-bg-rebrand2.jpg");
  background-size: cover;
  background-position: center center;
  -ms-flex-preferred-size: 400px;
      flex-basis: 400px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-repeat: no-repeat;
}
.main-content .top-section {
  background-color: transparent;
}
.main-content .top-section h1,
.main-content .top-section h2,
.main-content .top-section h3,
.main-content .top-section p,
.main-content .top-section a {
  color: #fff;
}
.main-content .campaigns-container {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}
.main-content .faded-section {
  background-color: #e0e0e0;
  background: linear-gradient(#f2f2f2, #e0e0e0);
}
.main-content .apply-campaign-card {
  border: 2px dashed #00b7da;
}
.main-content .apply-campaign-card h3,
.main-content .apply-campaign-card h4 {
  padding-bottom: 1em;
  font-size: 2.4rem;
  line-height: 1.3;
  font-weight: 400;
}
.main-content .apply-campaign-card h4 {
  font-size: 1.4rem;
  font-weight: 700;
  color: #807d77;
}
.main-content .apply-campaign-card ul {
  margin: 0;
  list-style-type: none;
  padding-left: 2rem;
}
.main-content .apply-campaign-card ul li {
  text-align: left;
  margin-left: 0;
  font-size: 1.5rem;
  line-height: 1.3em;
  font-weight: 600;
  width: 100%;
}
.main-content .apply-campaign-card ul li::before {
  content: " ";
  display: block;
  position: absolute;
  margin-left: -2rem;
  background-position: left center;
  background-size: 12px;
  width: 16px;
  height: 20px;
}
.main-content .header-logo {
  max-height: 100px;
  margin-top: -0.8rem;
}
.main-content .topmenu-container {
  text-align: right;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.main-content .content-links a {
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: opacity 0.2s, border-color 0.2s;
  opacity: 0.8;
}
.main-content .content-links a:hover {
  border-color: #fff;
  opacity: 1;
}
.main-content .step-nbr {
  font-size: 32px;
  font-size: 3.2rem;
}
.main-content .how-to {
  background-repeat: no-repeat;
}
.main-content .how-to img {
  width: 80%;
  padding-bottom: 40px;
  height: auto;
  opacity: 0;
}
.main-content #how-to-1 {
  min-height: 465px;
  background-image: url("/assets/images/default-campaign-images/howto-1.jpg");
  background-size: cover;
  background-position: 30px 0px;
  background-color: #fff;
}
.main-content #how-to-2 {
  background-image: url("/assets/images/default-campaign-images/howto-2.jpg");
  background-size: cover;
  min-height: 400px;
  background-position: right top;
}
.main-content #how-to-3 {
  background-image: url("/assets/images/default-campaign-images/howto-3.jpg");
  background-size: contain;
  background-position: left bottom;
}
.main-content .section-explore-hunts {
  margin-bottom: 2em;
}
.main-content .featured-campaigns .title-container {
  text-align: center;
}
.main-content .how-to-steps {
  border-top: 1px #ddd solid;
}
.main-content .how-to-steps h1 {
  font-size: 42px;
  font-size: 4.2rem;
}
.main-content .speech-bubble {
  width: 0px;
  height: 0px;
  border-style: solid;
  margin: auto;
  border-width: 20px 20px 0px 20px;
  border-color: #fff transparent transparent transparent;
  line-height: 0px;
}
.main-content .person-information p,
.main-content .person-information span {
  font-size: 16px;
  font-size: 1.6rem;
}
.site-footer p {
  font-size: 1.6rem;
  margin-bottom: 0.2em;
  color: #fff;
}
.site-footer .copyright {
  font-size: 1.4rem;
  color: #9b9b9b;
  display: inline-block;
}
.site-footer .copyright a {
  font-size: 1.4rem;
}
.site-footer h3.mobile-text {
  display: none;
}
.site-footer .footer-links,
.site-footer a {
  font-size: 1.6rem;
  line-height: 1em;
}
.site-footer .footer-links.footer-sub-link,
.site-footer a.footer-sub-link {
  margin: 0 15px;
  font-size: 1.4rem;
}
@media (max-width: 500px) {
  .site-footer .footer-links.footer-sub-link,
  .site-footer a.footer-sub-link {
    padding-bottom: 1em;
  }
}
.site-footer .follow-us-wrapper p {
  text-align: right;
}
.site-footer .follow-us-wrapper .follow-us div {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  float: left;
  margin-left: 15px;
}
.site-footer .follow-us-wrapper .follow-us i {
  color: #fff;
}
.site-footer .follow-us-wrapper .follow-us .facebook {
  background-color: #5580ac;
}
.site-footer .follow-us-wrapper .follow-us .twitter {
  background-color: #61d0e6;
}
.site-footer .follow-us-wrapper .follow-us .googleplus {
  background-color: #e95534;
}
.site-footer .follow-us-wrapper .follow-us .linkedin {
  background-color: #0077b5;
}
.site-footer .page-links a {
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 26px;
  margin-bottom: 10px;
}
@media (max-width: 1200px) {
  .main-content .how-to-steps .how-to-outer-content .grid-col-md-offset-3 {
    margin: 0px;
  }
  .main-content .how-to-steps .how-to-outer-content .grid-col-md-offset-3#header-container h1 {
    text-align: center;
  }
}
@media (max-width: 991px) {
  .main-content .how-to img {
    width: 55%;
    padding-bottom: 60px;
  }
  .main-content #how-to-1 {
    min-height: 350px;
  }
  .main-content #how-to-2 {
    min-height: 300px;
  }
  .main-content .how-to-steps #header-container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .main-content .how-to-steps .how-to-inner-content {
    padding-left: 0px;
  }
  .main-content .how-to-steps h1 {
    text-align: center;
  }
  .main-content h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
  .site-footer .copyright {
    display: block;
    padding-bottom: 1em;
  }
}
@media (max-width: 767px) {
  .mobile-hidden {
    display: none;
  }
  .mobile-visible {
    display: block;
  }
  .mobile-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mobile-flex-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .mobile-flex-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .main-content h1.xl {
    font-size: 3.6rem;
  }
  .main-content h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .main-content .top-section h3 {
    font-size: 19px;
    font-size: 1.9rem;
  }
  .main-content .how-to {
    min-height: 320px;
  }
  .main-content #how-to-1 {
    min-height: 400px;
    background-position: center center;
  }
  .main-content #how-to-2 {
    background-size: cover;
    background-position: center top;
    margin-bottom: 20px;
  }
  .main-content #how-to-3 {
    background-size: contain;
    min-height: 320px;
    background-position: center bottom;
  }
  .main-content .how-to-steps .how-to-inner-content {
    padding-left: 3rem;
  }
  .main-content .how-to-steps .step-nbr-container {
    margin-left: -15px;
  }
  .main-content .person-information {
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .main-content .speech-bubble {
    padding-bottom: 20px;
  }
  .main-content .header-background {
    min-height: 500px;
  }
  .site-footer {
    text-align: center;
  }
  .site-footer h3.mobile-text {
    display: block;
  }
  .site-footer .flex-center-mobile {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .site-footer .page-links {
    display: none;
  }
  .site-footer .follow-us-wrapper p {
    text-align: center;
  }
  .site-footer .follow-us-wrapper .follow-us {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .site-footer .follow-us-wrapper .follow-us div {
    width: 50px;
    height: 50px;
    margin: 5px 10px;
  }
  .site-footer .follow-us-wrapper .follow-us img {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 600px) {
  .main-content .how-to,
  .main-content #how-to-1 {
    margin-bottom: 0px;
  }
}
@media (max-width: 500px) {
  .site-footer .footer-links,
  .site-footer a {
    font-size: 1.8rem;
    line-height: 1.5em;
  }
  .site-footer.footer-sub-link {
    margin: 5px 0 5px 0;
  }
  .header-logo .top-logo {
    max-height: 40px;
  }
  .main-content .header-background {
    background-image: url("/assets/images/herobg-mobile@2x.jpg");
  }
  .main-content .header-logo {
    margin-top: 0;
    margin-left: 1em;
  }
  .main-content h1.xl {
    font-size: 3.2rem;
  }
  .main-content .xxs-half-gutter-fix {
    padding: 0 15px;
  }
  .main-content #how-to-1 {
    min-height: 260px;
    background-position: center center;
  }
  .main-content #how-to-2 {
    min-height: 260px;
  }
  .main-content #how-to-3 {
    min-height: 250px;
    background-position: right bottom;
    background-size: cover;
  }
}
.blank-page {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.blank-page .info {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blank-page .info .actions {
  margin: 3em auto 3em auto;
  text-align: center;
}
.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg p,
.wysiwyg ul,
.wysiwyg li {
  padding: 0.5em 0;
  line-height: 1.3em;
}
.wysiwyg h1 {
  font-size: 36px;
  font-size: 3.6rem;
  margin-bottom: 8px;
}
.wysiwyg h1.xl {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 48px;
  font-size: 4.8rem;
}
.wysiwyg h2 {
  font-size: 32px;
  font-size: 3.2rem;
  padding: 4rem 0 0 0;
}
.wysiwyg .sectionbar {
  padding: 2rem 0 2rem 0;
  margin-bottom: 4rem;
  text-transform: uppercase;
  color: #fff;
  width: 100%;
  text-align: center;
  font-weight: 700;
  background-color: #f67f00;
}
.wysiwyg .sectionbar.color1 {
  background-color: #f67f00;
}
.wysiwyg .sectionbar.color2 {
  background-color: #00b7da;
}
.wysiwyg h3 {
  font-size: 24px;
  font-size: 2.4rem;
}
.wysiwyg p,
.wysiwyg ul {
  padding: 1em 0;
}
.wysiwyg p,
.wysiwyg ul,
.wysiwyg span {
  font-size: 1.6rem;
  line-height: 1.4em;
}
.i18n-apply-to-be-featured-nowrap em {
  font-style: normal;
  white-space: nowrap;
}
.i18n-signup-size p {
  color: #9b9b9b;
  padding: 0 0;
  font-size: 16px;
}
.i18n-notification-card-text p {
  font-size: 14px;
  display: inline;
}
.approve-agreement-box {
  max-height: 400px;
  overflow-y: scroll;
}
.agreement-admin .adm-module .adm-module-header {
  text-transform: none;
}
.agreement-form-error label,
.agreement-form-error h3,
.agreement-form-error p {
  color: #f00;
}
.agreement-form-error input,
.agreement-form-error select,
.agreement-form-error textarea {
  border: 1px solid #f00;
}
.agreement-admin-list .agreement-sections {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.agreement-admin-list .agreement-sections .adm-module {
  border-bottom: none;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 1.5rem 4rem;
}
.agreement-admin-list .agreement-sections .adm-module .adm-module-header {
  margin-bottom: 1em;
}
.agreement-admin-list .agreement-sections .adm-module.privacy-policy,
.agreement-admin-list .agreement-sections .adm-module.terms-of-service {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.agreement-admin-list .agreement-sections .adm-module .agreement-table {
  background-color: #f5f5f5;
  padding: 30px 10px 20px 10px;
  border-radius: 2px;
}
.agreement-admin-list .agreement-sections .adm-module .agreement-table .active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.agreement-admin-list .agreement-sections .adm-module .agreement-table .agreement-table-header {
  margin-bottom: 10px;
  font-size: 0.8em;
  border-bottom: 1px solid #d3d3d3;
  color: #9c9c9c;
}
.agreement-admin-list .agreement-sections .adm-module .agreement-table .agreement-table-header [class*="grid-col-"] {
  margin-bottom: 10px;
}
.agreement-admin-list .agreement-sections .adm-module .agreement-table [class*="grid-col-"] {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.agreement-admin-list .agreement-sections .adm-module .agreement-table .agreement-row {
  font-size: 14px;
  padding: 5px;
  background-color: #fff;
  border-radius: 4px;
  margin-bottom: 5px;
}
.agreement-admin-list .agreement-sections .adm-module .agreement-table .agreement-row .icon > i {
  font-size: 16px;
}
.agreement-admin-list .agreement-sections .adm-module .agreement-table .agreement-row .icon > i.green {
  color: #a2ca00;
}
.agreement-admin-list .agreement-sections .adm-module .agreement-table .agreement-row .icon > i.yellow {
  color: #fc3;
}
.agreement-admin-list .agreement-sections .adm-module .agreement-table .agreement-row .icon > span {
  font-size: 12px;
  margin-left: 10px;
}
.agreement-admin-list .agreement-sections .adm-module .agreement-table .agreement-row .buttons {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.agreement-view-wrapper {
  padding-top: 40px;
  padding-bottom: 20px;
}
.agreement-view-wrapper .agreement-view-container {
  width: 100%;
}
.agreement-view-wrapper .agreement-view-container .agreement-view {
  max-height: 400px;
  overflow-y: auto;
}
@media (max-width: 500px) {
  .agreement-view-wrapper .agreement-view-container .agreement-view {
    margin-left: 0.5em;
    margin-right: 0.5em;
  }
}
.agreement-accept-wrapper .agreement-accept-container {
  width: 100%;
}
.agreement-accept-wrapper .agreement-accept-container .agreement-accept-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.agreement-accept-wrapper .agreement-accept-container .agreement-accept-checkbox .agreement-accept-check {
  -ms-flex-preferred-size: 2%;
      flex-basis: 2%;
  padding-right: 10px;
}
.agreement-accept-wrapper .agreement-accept-container .agreement-accept-checkbox .agreement-accept-text {
  margin-top: 0.25em;
}
.agreement-accept-wrapper .agreement-accept-container .agreement-accept-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 500px) {
  .agreement-accept-wrapper .agreement-accept-container .agreement-accept-buttons {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.admin-maincontent {
  min-height: 750px;
}
.admin-site {
  background-color: #0c3b47;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.adm-panel {
  margin-bottom: 4rem;
  padding: 0 0 4rem 0;
  background-color: #fff;
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
}
.adm-panel .adm-module:last-child {
  border: none;
}
.adm-panel .dynamic-fields-campaign .extra-field {
  margin-bottom: 2rem;
}
.adm-panel .dynamic-fields-campaign .tooltip {
  margin-left: 0.5em;
}
.adm-module {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3rem 4rem;
  border-bottom: solid 1px rgba(0,0,0,0.2);
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.3em;
}
@media (max-width: 500px) {
  .adm-module {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .adm-module >:nth-child(2) {
    padding-top: 2rem;
  }
}
.adm-module .adm-module-col-half {
  width: 50%;
}
@media (max-width: 500px) {
  .adm-module .adm-module-col-half {
    width: 100%;
  }
}
.adm-module .adm-module-col-full {
  width: 100%;
}
.adm-module .adm-module-title {
  margin: 2rem 0;
}
.adm-module .adm-module-header {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0.4em;
  max-width: 90%;
}
@media (max-width: 500px) {
  .adm-module .adm-module-header {
    max-width: 100%;
  }
}
.adm-module .adm-module-description {
  font-size: 1.4rem;
  color: #807d77;
  padding-top: 20px;
  max-width: 90%;
}
@media (max-width: 500px) {
  .adm-module .adm-module-description {
    max-width: 100%;
  }
}
.adm-module .adm-module-description.error {
  color: #f00;
}
.adm-module .adm-module-description.success {
  color: #008000;
}
.adm-module .oauth2-settings-form .adm-module-description {
  padding-top: 0;
}
.block {
  display: block;
}
.adm-module-line {
  border-bottom: solid 1px rgba(0,0,0,0.2);
}
.adm-element-checker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.line-bottom-light {
  border-bottom: 1px solid #f2f2f2;
}
.line-top-light {
  border-bottom: 1px solid #f2f2f2;
}
.line-bottom-blue {
  border-bottom: 3px solid #00b7da;
}
.font-uppercase {
  text-transform: uppercase;
}
.organisation-add-box {
  background-color: #f2f2f2;
}
.organisation-add-box .tooltip {
  margin-left: 0.5em;
}
.configuration-warning {
  padding-top: 10px;
}
.configuration-warning .configuration-warning-icon {
  margin-right: 10px;
  color: #ffa500;
}
.configuration-warning .configuration-warning-text {
  font-size: 1.4rem;
}
.tag-cloud li {
  list-style-type: none;
  cursor: pointer;
  margin: 2px;
  padding: 6px 12px;
  float: left;
  border-radius: 20px;
  background-color: rgba(0,0,0,0.15);
  transition: background-color 0.3s, color 0.3s, opacity 0.3s;
  font-size: 1.4rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tag-cloud li.selected {
  background-color: #00b7da;
  color: #fff;
}
@media (min-width: 768px) {
  .tag-cloud li:hover {
    background-color: rgba(0,0,0,0.2);
  }
  .tag-cloud li.selected:hover {
    background-color: #00a2c1;
  }
}
.tag-cloud-full li {
  opacity: 0.6;
}
@media (min-width: 768px) {
  .tag-cloud-full li.selected,
  .tag-cloud-full li:hover {
    opacity: 0.9;
  }
}
.tag-cloud:after {
  content: "";
  display: block;
  clear: both;
}
.partner-section .uploader-file-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.partner-section .uploader-file-list .added-logotype {
  position: relative;
  width: 50%;
  margin: 0.5rem 0 0 0;
}
.partner-section .uploader-file-list .added-logotype img {
  width: 100%;
}
.partner-section .uploader-file-list .added-logotype .button-remove {
  top: 0;
  right: 0;
}
.partner-section .uploader-action-container {
  padding: 0.5rem 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.partner-section .button-primary-small {
  margin: 3rem 0;
}
.partner-section .partner-form .grid-col-sm-6 {
  padding-left: 0;
}
.partner-section .partner-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.partner-section .partner-item:hover {
  background-color: #f9f9f9;
}
.partner-section .partner-item .logotype img {
  max-height: 100%;
  max-width: 80%;
}
@media (max-width: 500px) {
  .partner-section .partner-item .logotype {
    height: auto;
  }
  .partner-section .partner-item .logotype img {
    width: 100%;
  }
}
.label-item {
  margin-bottom: 0.4rem;
}
.label {
  display: inline-block;
  padding: 0.3rem 0.5rem;
  font-size: 0.9rem;
  color: #666;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 0.4rem;
  background-color: rgba(0,0,0,0.06);
}
.tag-editor .tag {
  position: relative;
  display: inline-block;
  background-color: #00b7da;
  color: #fff;
  border-radius: 2px;
  margin-right: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.5rem 1.5rem;
}
.tag-editor .tag a {
  color: #fff;
}
.tag-editor .tag-remove {
  width: 10px;
  height: 10px;
  color: #fff;
  z-index: 100;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.3rem;
  font-size: 1.5rem;
  box-sizing: border-box;
  padding-right: 1.8rem;
}
.tag-editor .input-box input[type=text] {
  margin-right: 5px;
}
.error-page {
  background-color: #cd5c5c;
  color: #fff;
  padding: 10rem 2rem;
}
.error-page h1 {
  font-size: 6.3rem;
  color: #fff;
}
.error-page h2 {
  text-align: center;
  font-size: 2.8rem;
  line-height: 1.4em;
  color: #fff;
  white-space: pre-line;
}
.error-page a {
  color: #000;
  font-weight: bold;
}
.error-page .error-page-button {
  border: 2px solid #fff;
  color: #fff;
  font-size: 2.2rem;
  padding: 22px 40px;
  border-radius: 4px;
}
.stack-trace {
  color: #000;
  overflow: hidden;
  text-align: left;
}
.old-browser-warning {
  background-color: #1a1a1a;
  padding: 15rem 2rem 0 2rem;
  text-align: center;
}
.old-browser-warning h1,
.old-browser-warning h2 {
  color: #fff;
}
.old-browser-warning h1 {
  font-size: 4.8rem;
}
.old-browser-warning h2 {
  font-size: 2.8rem;
  white-space: pre-line;
}
.old-browser-warning .browser-icon-item {
  display: inline-block;
}
.old-browser-warning .browser-icon-item img {
  padding: 0 20px;
}
@media screen and (min-width: 680px) and (max-width: 900px) {
  .error-page h1 {
    font-size: 4.3rem;
  }
  .error-page h2 {
    font-size: 2.4rem;
    line-height: 1.4em;
  }
  .error-page .error-page-button {
    font-size: 2rem;
  }
  .old-browser-warning .browser-icon-item {
    width: 20%;
  }
  .old-browser-warning .browser-icon-item img {
    width: 77%;
  }
}
@media screen and (min-width: 320px) and (max-width: 680px) {
  .error-page h1 {
    font-size: 2.4rem;
  }
  .error-page h2 {
    font-size: 2rem;
    line-height: 1.4em;
  }
  .error-page .error-page-button {
    font-size: 1.4rem;
    padding: 20px 24px;
  }
  .old-browser-warning {
    padding: 5rem 2rem 0 2rem;
  }
  .old-browser-warning h1 {
    font-size: 2.8rem;
  }
  .old-browser-warning h2 {
    font-size: 1.8rem;
  }
  .old-browser-warning .browser-icon-item {
    width: 20%;
  }
  .old-browser-warning .browser-icon-item img {
    width: 80%;
    padding: 0 5px;
  }
}
table.pure-table {
  width: 100%;
}
.pure-table th {
  background: #f9f9f9;
  padding: 10px;
  font-weight: bold;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.pure-table-striped trnth-of-type(even) {
  background: #eee;
}
.pure-table td,
th {
  padding: 8px;
  border: 1px solid #ccc;
  text-align: left;
}
.pure-table select {
  font-size: 11px;
}
.tags,
.tags div {
  display: inline-block;
}
.tags > div {
  padding-left: 5px;
  margin: 0 3px 0 0;
  border-radius: 5px;
  background-color: #000;
  color: #fff;
}
.tags > div > div {
  padding: 0 3px 0 0;
}
.tags input {
  background-color: transparent;
}
.remove {
  padding-right: 2px;
  margin-left: 8px;
  cursor: pointer;
}
.users-admin-form .adm-module-header {
  text-transform: none;
}
.users-admin-form .action-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.users-admin .status-filter-option {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  margin: 0 2rem;
  padding-bottom: 1rem;
  padding-top: 2rem;
  font-size: 1.6rem;
  color: #00b7da;
  transition: border-color 0.2s;
  border-bottom: solid 3px transparent;
}
.users-admin .status-filter-option.active {
  border-bottom-color: #343434;
  color: #343434;
}
.users-admin .status-filter-option:hover {
  border-bottom-color: #343434;
}
@media (max-width: 500px) {
  .users-admin .status-filter-option {
    margin: 0 1rem;
    font-size: 1.4rem;
  }
}
@media (min-width: 768px) {
  .users-admin .status-filter-option {
    margin: 0 1.5rem;
    padding-bottom: 2rem;
    padding-top: 0;
    font-size: 1.8rem;
  }
}
.users-admin .pure-table .role {
  padding-right: 5em;
}
.users-admin-row:hover .users-admin-clickable-record {
  background-color: #f2f2f2;
}
.ideas-admin .pure-table .status {
  padding-right: 5em;
}
.ideas-admin .statusCheckBox {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ideas-admin .statusCheckBox > div {
  display: inline-block;
  margin-right: 5px;
}
.ideas-admin-row:hover .ideas-admin-clickable-record {
  background-color: #f2f2f2;
}
.paginate-container {
  min-width: 400px;
  margin-top: 30px;
}
.paginate-container .page-container {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.paginate-container .page-item,
.paginate-container .break,
.paginate-container .active-page,
.paginate-container .prev,
.paginate-container .next {
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  padding-bottom: 1rem;
  margin-left: 0.5rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
}
.paginate-container .page-item a,
.paginate-container .break a,
.paginate-container .active-page a,
.paginate-container .prev a,
.paginate-container .next a {
  padding: 0.7rem;
}
.paginate-container .page-item a:focus,
.paginate-container .break a:focus,
.paginate-container .active-page a:focus,
.paginate-container .prev a:focus,
.paginate-container .next a:focus {
  outline: 0;
}
.paginate-container .disabled a {
  cursor: default;
}
.paginate-container .break {
  color: #00b7da;
}
.paginate-container .active-page {
  border-bottom: solid 3px transparent;
  border-bottom-color: #343434;
  color: #343434;
}
.paginate-container .active-page a {
  color: #343434;
}
.paginate-container .prev {
  margin-right: 20px;
}
.paginate-container .next {
  margin-left: 20px;
}
.main-menu-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 100%;
  z-index: 3;
  background-color: #fff;
  -webkit-transform: translateY(-200%);
          transform: translateY(-200%);
  transition: all 0s;
}
@media (max-width: 500px) {
  .main-menu-wrapper {
    -webkit-transform: translateX(110%);
            transform: translateX(110%);
  }
}
.main-menu-wrapper.open {
  -webkit-transform: none;
          transform: none;
  transition: all 0.2s ease;
}
@media (min-width: 500px) {
  .main-menu-wrapper {
    box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2);
    border-bottom: 1px solid #e8e8e8;
  }
}
.main-menu-wrapper .main-menu-padding {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 500px) {
  .main-menu-wrapper .main-menu-padding {
    display: none;
  }
}
.main-menu-wrapper .main-menu {
  font-size: 1.4rem;
  line-height: 1.3;
  width: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 500px) {
  .main-menu-wrapper .main-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    max-height: 100vh;
  }
}
.main-menu-wrapper .main-menu .icon {
  width: 18px;
  margin-right: 1em;
}
.main-menu-wrapper .main-menu .menu-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-preferred-size: 80%;
      flex-basis: 80%;
  padding: 0 0 1.5em 30px;
}
@media (max-width: 500px) {
  .main-menu-wrapper .main-menu .menu-navigation {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
    overflow: auto;
    padding: 0;
    margin-bottom: 160px;
  }
}
.main-menu-wrapper .main-menu .menu-profile {
  background-color: #f3f3f3;
}
@media (max-width: 500px) {
  .main-menu-wrapper .main-menu .menu-profile {
    position: fixed;
    bottom: 0px;
    background-color: #f3f3f3;
    width: 100%;
    height: 90px;
  }
}
@media (min-width: 500px) {
  .main-menu-wrapper .main-menu .menu-profile {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    padding-bottom: 0.5em;
  }
}
.main-menu-wrapper .main-menu .menu-profile .menu-section-wrapper {
  padding: 2em 0 0 1.5em;
}
@media (max-width: 500px) {
  .main-menu-wrapper .main-menu .menu-profile .menu-section-wrapper {
    padding: 0.2em 0 0 0;
    -webkit-box-flex: 0.5;
        -ms-flex-positive: 0.5;
            flex-grow: 0.5;
    -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
  }
  .main-menu-wrapper .main-menu .menu-profile .menu-section-wrapper .menu-list-wrapper {
    display: none;
  }
  .main-menu-wrapper .main-menu .menu-profile .menu-section-wrapper .menu-header-wrapper {
    display: none;
  }
}
.main-menu-wrapper .main-menu .menu-profile .menu-section-wrapper .menu-mobile-btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}
@media (min-width: 500px) {
  .main-menu-wrapper .main-menu .menu-profile .menu-section-wrapper .menu-mobile-btn-wrapper {
    display: none;
  }
}
.main-menu-wrapper .main-menu .menu-profile .menu-section-wrapper .menu-mobile-btn-wrapper .menu-mobile-btn-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 1em;
}
.main-menu-wrapper .main-menu .menu-profile .menu-section-wrapper .menu-mobile-btn-wrapper .menu-mobile-btn-actions {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  margin: 0.5em 1em 0 0;
}
.main-menu-wrapper .main-menu .menu-profile .menu-section-wrapper .menu-mobile-btn-wrapper .menu-mobile-btn-actions > a {
  margin-left: 0.8em;
  color: #000;
}
.main-menu-wrapper .main-menu .menu-profile .menu-section-wrapper .menu-mobile-btn-wrapper .menu-mobile-btn-list {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.main-menu-wrapper .main-menu .menu-profile .menu-section-wrapper .menu-mobile-btn-wrapper .menu-mobile-btn-list li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.main-menu-wrapper .main-menu .menu-profile .menu-section-wrapper .menu-mobile-btn-wrapper .menu-mobile-btn-list li a {
  width: 100%;
  padding: 0.9em 1em;
}
.main-menu-wrapper .main-menu .menu-section-wrapper {
  padding: 2em 2% 0 0;
}
@media (min-width: 500px) {
  .main-menu-wrapper .main-menu .menu-section-wrapper {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
@media (min-width: 500px) {
  .main-menu-wrapper .main-menu .menu-section-wrapper.idea-cards {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
}
@media (max-width: 500px) {
  .main-menu-wrapper .main-menu .menu-section-wrapper {
    padding: 1.5em 0 0 0;
    width: 100%;
  }
}
.main-menu-wrapper .main-menu .menu-section-wrapper .menu-header-wrapper {
  margin: 0 0 1em 0;
}
@media (max-width: 500px) {
  .main-menu-wrapper .main-menu .menu-section-wrapper .menu-header-wrapper {
    border-bottom: 1px solid #d3d3d3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 1em 1em 1em;
  }
}
.main-menu-wrapper .main-menu .menu-section-wrapper .menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #1a1a1a;
  margin: 0;
}
@media (max-width: 500px) {
  .main-menu-wrapper .main-menu .menu-section-wrapper .menu-list {
    margin: 0;
  }
}
.main-menu-wrapper .main-menu .menu-section-wrapper .menu-list.row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 500px) {
  .main-menu-wrapper .main-menu .menu-section-wrapper .menu-list.row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.main-menu-wrapper .main-menu .menu-section-wrapper .menu-list.row > li {
  margin: 0 0 1em 0;
  -ms-flex-preferred-size: 49%;
      flex-basis: 49%;
}
@media (max-width: 500px) {
  .main-menu-wrapper .main-menu .menu-section-wrapper .menu-list.row > li {
    width: 100%;
  }
}
.main-menu-wrapper .main-menu .menu-section-wrapper .menu-list.row a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}
@media (max-width: 500px) {
  .main-menu-wrapper .main-menu .menu-section-wrapper .menu-list {
    padding: 0;
  }
}
.main-menu-wrapper .main-menu .menu-section-wrapper .menu-list a {
  color: #1a1a1a;
}
@media (max-width: 500px) {
  .main-menu-wrapper .main-menu .menu-section-wrapper .menu-list a {
    display: block;
    padding: 1em 2em;
  }
}
.main-menu-wrapper .main-menu .menu-section-wrapper .menu-list a:hover {
  color: #00b7da;
}
.main-menu-wrapper .main-menu .menu-section-wrapper .menu-list li {
  margin: 0.5em 0 0.5em 0;
  padding: 0;
  word-break: normal;
}
@media (max-width: 500px) {
  .main-menu-wrapper .main-menu .menu-section-wrapper .menu-list li {
    padding: 0;
    margin: 0;
  }
}
.main-menu-wrapper .main-menu .menu-section-wrapper .menu-header {
  color: #807d77;
  font-size: 1.4rem;
  line-height: 1.3;
}
@media (max-width: 500px) {
  .main-menu-wrapper .main-menu .menu-section-wrapper .menu-header {
    font-size: 1.3rem;
    margin-bottom: 1rem;
  }
}
@media (max-width: 500px) {
  .overflow-hidden-mobile {
    overflow-x: hidden;
  }
}
@media (max-width: 500px) {
  .overflow-hidden-mobile.menu-open {
    overflow: hidden;
  }
}
.main-menu-icon-mobile {
  display: none;
  color: #fff;
  font-size: 2.5em;
}
@media (max-width: 500px) {
  .main-menu-icon-mobile {
    display: block;
  }
}
@media (max-width: 500px) {
  .main-menu-icon {
    display: none;
  }
}
.main-menu-open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50px;
  height: 50px;
  margin-bottom: 5px;
  box-sizing: border-box;
  font-size: 25px;
  color: #ededed;
  border: 3px solid #ededed;
}
.main-menu-overlay {
  display: none;
  position: fixed;
  z-index: 2;
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.1);
}
.main-menu-overlay.open {
  display: block;
}
#hs-beacon {
  z-index: 2;
}
.blur {
  -webkit-filter: blur(3px);
          filter: blur(3px);
}
.blur >.admin-site {
  box-shadow: 0 0 0 5px #0c3b47;
}
.blur >.site-footer {
  box-shadow: 0 0 0 6px #1a1a1a;
}
.satisfaction-rating p {
  font-size: 100%;
}
.satisfaction-rating .title {
  text-transform: uppercase;
}
.satisfaction-rating .description {
  margin-bottom: 30px;
}
@media (max-width: 500px) {
  .satisfaction-rating .description {
    margin-bottom: 15px;
  }
}
.satisfaction-rating ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.satisfaction-rating ul li {
  margin: 0;
  padding: 0;
}
.satisfaction-rating ul li span {
  font-size: 120px;
  opacity: 0.3;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
@media (max-width: 500px) {
  .satisfaction-rating ul li span {
    font-size: 90px;
  }
}
.satisfaction-rating ul li span.active {
  opacity: 1;
  -webkit-filter: none;
          filter: none;
}
.satisfaction-rating ul li label {
  cursor: pointer;
}
.satisfaction-rating ul li input[type="radio"] {
  opacity: 0;
}
.satisfaction-rating ul li input[type="radio"] ~ span:hover {
  opacity: 0.4;
  -webkit-filter: none;
          filter: none;
}
.satisfaction-rating ul li input[type="radio"]:checked ~ span {
  opacity: 1;
  -webkit-filter: none;
          filter: none;
}
.satisfaction-rating option:hover {
  cursor: pointer;
  opacity: 1;
}
.user-profile .main-menu-icon .cross {
  width: 25px;
  height: 25px;
}
.user-profile .main-menu-icon .cross::before,
.user-profile .main-menu-icon .cross::after {
  content: '';
  position: absolute;
  width: 100%;
  top: 50%;
  background: #fff;
  height: 2px;
  margin-top: -1px;
}
.cross {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  overflow: hidden;
}
.cross::before,
.cross::after {
  content: '';
  position: absolute;
  width: 100%;
  top: 50%;
  background: #fff;
  height: 4px;
  margin-top: -2px;
}
.cross::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.cross::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.arrow-container {
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-right: 15px;
  height: 10px;
}
.arrow-container .arrow-up {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f3f3f3;
}
@media (max-width: 500px) {
  .arrow-container .arrow-up {
    display: none;
  }
}
.idea-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid rgba(0,0,0,0.125);
  border-radius: 0.25rem;
  height: 60px;
  white-space: normal;
}
@media (max-width: 500px) {
  .idea-card {
    margin: 0 1em;
  }
}
.idea-card .image-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.idea-card .image-wrapper .image {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80px;
  height: 60px;
}
.idea-card .body {
  margin: 0.5rem;
  overflow: hidden;
}
.idea-card .body p {
  font-size: 1.2rem;
}
.announcement-bar {
  position: relative;
  z-index: 8;
  height: 4em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fef6e4;
}
.announcement-bar .announcement-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 0 1em;
}
.announcement-bar .announcement-message .announcement-icon {
  color: #ffa500;
}
.announcement-bar .announcement-message .announcement-text {
  margin-left: 10px;
  line-height: 1.3em;
}
.announcement-bar .announcement-message .announcement-text > a {
  color: #000;
  text-decoration: underline;
}
.checkbox-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.checkbox-message.error div {
  color: #f00;
}
.checkbox-message .checkbox {
  -ms-flex-preferred-size: 25px;
      flex-basis: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}
.checkbox-message .message {
  margin-left: 10px;
}
.ie11 .old-browser-date-field .rw-input,
.ie10 .old-browser-date-field .rw-input,
.lt-ie10 .old-browser-date-field .rw-input {
  line-height: 1em;
}
.ie11 .circle-holder-220 .circle-holder,
.ie10 .circle-holder-220 .circle-holder,
.lt-ie10 .circle-holder-220 .circle-holder {
  height: 100%;
}
.ie11 .old-browser-center,
.ie10 .old-browser-center,
.lt-ie10 .old-browser-center {
  margin-left: auto;
  margin-right: auto;
}
.ie10 body {
  overflow-x: hidden;
}
.ie10 .wrapper,
.lt-ie10 .wrapper {
  overflow-x: visible;
}
.ie10 .flex-vertical,
.lt-ie10 .flex-vertical {
  display: block;
}
.ie10 footer .footer-links a,
.lt-ie10 footer .footer-links a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ie10 .navigation-tabs ul,
.lt-ie10 .navigation-tabs ul {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}
.ie11 .flex-full,
.ie10 .flex-full {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.ie11 .half-max-desktop-width,
.ie10 .half-max-desktop-width {
  width: 100%;
  max-width: 600px;
}
.ie11 .grow.flex-table-col,
.ie10 .grow.flex-table-col {
  width: 100%;
}
.ie11 .content-area.flex-full,
.ie10 .content-area.flex-full {
  display: block;
}
.ie10 .flex-center,
.lt-ie10 .flex-center {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-pack: center;
}
.ie10 .old-browser-center,
.lt-ie10 .old-browser-center {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .ie11 .flex-vertical.hidden-xs,
  .ie10 .flex-vertical.hidden-xs,
  .lt-ie10 .flex-vertical.hidden-xs {
    display: none;
  }
  .ie11 .xs-flex-vertical,
  .ie10 .xs-flex-vertical,
  .lt-ie10 .xs-flex-vertical {
    display: block;
  }
}
@media (min-width: 768px) {
  .ie11 .flex-vertical.hidden-xs,
  .ie10 .flex-vertical.hidden-xs,
  .lt-ie10 .flex-vertical.hidden-xs {
    display: block;
  }
  .ie11 .flex-vertical.show-xs,
  .ie10 .flex-vertical.show-xs,
  .lt-ie10 .flex-vertical.show-xs {
    display: none;
  }
}
.ie9 .header-logo,
.lt-ie10 .header-logo,
.ie9 .navigation-tabs,
.lt-ie10 .navigation-tabs,
.ie9 .header-profile,
.lt-ie10 .header-profile {
  display: inline-block;
  vertical-align: middle;
}
.ie9 .header-profile,
.lt-ie10 .header-profile {
  float: right;
}
.ie9 .navigation-tabs li,
.lt-ie10 .navigation-tabs li {
  display: inline-block;
}
.ie9 .navigation-tabs li a,
.lt-ie10 .navigation-tabs li a {
  line-height: 60px;
}
.ie9 footer,
.lt-ie10 footer {
  float: left;
  width: 100%;
  margin-top: 30px;
}
.ie9 footer .footer-links,
.lt-ie10 footer .footer-links {
  margin: 0 10%;
  width: 80%;
  display: block;
}
.ie9 footer .footer-links a,
.lt-ie10 footer .footer-links a {
  width: 25%;
  text-align: center;
  display: inline-block;
}
.ie9 .rounded-box,
.lt-ie10 .rounded-box {
  -webkit-filter: none !important;
          filter: none !important;
}
.ie9 #modal-overlay.modifier-modal-show,
.lt-ie10 #modal-overlay.modifier-modal-show {
  display: block;
}
.ie9 #modal-wrapper.modifier-modal-show,
.lt-ie10 #modal-wrapper.modifier-modal-show {
  display: block;
}
.ie9 .top-link .flex div,
.lt-ie10 .top-link .flex div {
  display: inline-block;
  vertical-align: top;
}
.ie9 .percent-circle-text,
.lt-ie10 .percent-circle-text {
  display: table;
}
.ie9 .percent-circle-text div,
.lt-ie10 .percent-circle-text div {
  display: table-cell;
  vertical-align: middle;
  margin: 0 auto;
}
.ie9 .tag,
.lt-ie10 .tag {
  display: inline-block;
}
.ie9 .flex-table-row,
.lt-ie10 .flex-table-row {
  display: block;
  width: 100%;
}
.ie9 .flex-table-row .flex-table-col,
.lt-ie10 .flex-table-row .flex-table-col,
.ie9 .flex-table-row a,
.lt-ie10 .flex-table-row a {
  display: inline-block;
  vertical-align: middle;
}
.ie9 .social-links-list .social-link,
.lt-ie10 .social-links-list .social-link {
  line-height: 60px;
}