@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col,
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix,
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.navs,
.navs:before,
.navs:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.navs:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
.no-padding {
  padding: 0;
}
.clearfix,
.navs {
  zoom: 1;
}
.clearfix:before,
.clearfix:after,
.navs:before,
.navs:after {
  content: "";
  display: table;
}
.clearfix:after,
.navs:after {
  clear: both;
}
[x-cloak] {
  display: none !important;
}
.factories.card {
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 16px;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.factories.card:before,
.factories.card:after {
  display: table;
  line-height: 0;
  content: "";
}
.factories.card:after {
  clear: both;
}
.factories.card:before,
.factories.card:after {
  content: "";
  display: table;
}
.factories.card:after {
  clear: both;
}
.factories.card:before,
.factories.card:after {
  display: table;
  content: "";
  line-height: 0;
}
.factories.card:after {
  clear: both;
}
.factories.card .rating {
  float: left;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.factories.card .rating:before,
.factories.card .rating:after {
  display: table;
  line-height: 0;
  content: "";
}
.factories.card .rating:after {
  clear: both;
}
.factories.card .rating:before,
.factories.card .rating:after {
  content: "";
  display: table;
}
.factories.card .rating:after {
  clear: both;
}
.factories.card .rating:before,
.factories.card .rating:after {
  display: table;
  content: "";
  line-height: 0;
}
.factories.card .rating:after {
  clear: both;
}
.factories.card .rating a {
  float: left;
  margin: 0 12px 0 0;
}
.factories.card .rating span {
  display: block;
  font-size: 12px;
  color: #0b0b1e;
  margin: 0 8px 0 0;
  font-weight: bold;
  line-height: 15px;
  float: left;
  box-shadow: 0 0 0 3px rgba(216, 226, 236, 0.44);
  background: rgba(216, 226, 236, 0.44);
  border-radius: 1000px;
  padding: 0 5px;
}
.factories.card .card-header {
  width: 100%;
  padding: 8px 16px 7px;
  background: rgba(216, 226, 236, 0.14);
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.factories.card .card-header:before,
.factories.card .card-header:after {
  display: table;
  line-height: 0;
  content: "";
}
.factories.card .card-header:after {
  clear: both;
}
.factories.card .card-header:before,
.factories.card .card-header:after {
  content: "";
  display: table;
}
.factories.card .card-header:after {
  clear: both;
}
.factories.card .card-header:before,
.factories.card .card-header:after {
  display: table;
  content: "";
  line-height: 0;
}
.factories.card .card-header:after {
  clear: both;
}
.factories.card .card-header ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.factories.card .card-header ul:before,
.factories.card .card-header ul:after {
  display: table;
  line-height: 0;
  content: "";
}
.factories.card .card-header ul:after {
  clear: both;
}
.factories.card .card-header ul:before,
.factories.card .card-header ul:after {
  content: "";
  display: table;
}
.factories.card .card-header ul:after {
  clear: both;
}
.factories.card .card-header ul:before,
.factories.card .card-header ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.factories.card .card-header ul:after {
  clear: both;
}
.factories.card .card-header ul li {
  float: right;
  margin: 0 12px 0 0;
}
.factories.card .card-header ul li:first-of-type {
  margin: 0;
}
.factories.card .card-header ul li .bookmarks {
  display: block;
  font-size: 12px;
  color: #0b0b1e;
  margin: 0 8px 0 0;
  font-weight: bold;
  float: left;
  line-height: 20px;
  box-shadow: 0 0 0 3px rgba(216, 226, 236, 0.44);
  background: rgba(216, 226, 236, 0.44);
  border-radius: 1000px;
  padding: 0 5px;
}
.factories.card .card-header ul li button {
  width: initial;
  max-width: initial;
  line-height: initial;
  display: inline-block;
  border: none;
  padding: 0;
  height: 20px;
  background: none;
  color: #adb5bd;
  font-size: 16px;
}
.factories.card .card-header ul li button.active,
.factories.card .card-header ul li button:hover {
  box-shadow: none !important;
  color: #f03a3b !important;
}
.factories.card .card-header ul li button.active .far,
.factories.card .card-header ul li button:hover .far,
.factories.card .card-header ul li button.active .fas,
.factories.card .card-header ul li button:hover .fas {
  color: #f03a3b !important;
}
.factories.card .card-body {
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
  background-color: #fff;
  border-radius: 4px;
  width: 100%;
  overflow: hidden;
  position: relative;
  box-shadow: 0 7px 7px rgba(10, 35, 42, 0.04);
}
.factories.card .card-body:before,
.factories.card .card-body:after {
  display: table;
  line-height: 0;
  content: "";
}
.factories.card .card-body:after {
  clear: both;
}
.factories.card .card-body:before,
.factories.card .card-body:after {
  content: "";
  display: table;
}
.factories.card .card-body:after {
  clear: both;
}
.factories.card .card-body:before,
.factories.card .card-body:after {
  display: table;
  content: "";
  line-height: 0;
}
.factories.card .card-body:after {
  clear: both;
}
.factories.card .card-body .sidebar {
  float: right;
  width: 20%;
  padding: 16px;
  box-sizing: border-box;
}
.factories.card .card-body .caption {
  padding: 25px;
  position: relative;
}
.factories.card .card-body .caption p {
  margin: 0;
  line-height: 18px;
  height: 90px;
  overflow: hidden;
}
@media only screen and (max-width: 529px) {
  .factories.card .card-body .caption p {
    height: initial;
  }
}
@media only screen and (min-width: 769px) and (max-width: 894px) {
  .factories.card .card-body .caption p.agency-excerpt {
    height: 68px;
  }
}
@media only screen and (min-width: 992px) {
  .factories.card .card-body .caption p.agency-excerpt {
    height: 68px;
  }
}
.factories.card .card-body .caption .card-arrow {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.factories.card .card-body .image {
  cursor: pointer;
  background: #e2e2e2;
  display: block;
  width: 100%;
  height: 160px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -5000px;
  position: relative;
  box-shadow: 0px 0px 11px rgba(10, 35, 42, 0.04);
}
.factories.card .card-body .capabilities {
  width: 100%;
  height: 30px;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.factories.card .card-body .capabilities:before,
.factories.card .card-body .capabilities:after {
  display: table;
  line-height: 0;
  content: "";
}
.factories.card .card-body .capabilities:after {
  clear: both;
}
.factories.card .card-body .capabilities:before,
.factories.card .card-body .capabilities:after {
  content: "";
  display: table;
}
.factories.card .card-body .capabilities:after {
  clear: both;
}
.factories.card .card-body .capabilities:before,
.factories.card .card-body .capabilities:after {
  display: table;
  content: "";
  line-height: 0;
}
.factories.card .card-body .capabilities:after {
  clear: both;
}
.factories.card .card-body h1 {
  font-size: 18px;
  line-height: 1;
  font-weight: 900;
  color: #0A232B;
  margin: 0 0 8px;
  padding: 0;
  display: block;
  height: 18px;
  overflow: hidden;
}
.factories.card .card-body h1 a {
  color: inherit;
}
.factories.card .card-body .traits {
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
  width: 100%;
  margin: 0 0 8px;
}
.factories.card .card-body .traits:before,
.factories.card .card-body .traits:after {
  display: table;
  line-height: 0;
  content: "";
}
.factories.card .card-body .traits:after {
  clear: both;
}
.factories.card .card-body .traits:before,
.factories.card .card-body .traits:after {
  content: "";
  display: table;
}
.factories.card .card-body .traits:after {
  clear: both;
}
.factories.card .card-body .traits:before,
.factories.card .card-body .traits:after {
  display: table;
  content: "";
  line-height: 0;
}
.factories.card .card-body .traits:after {
  clear: both;
}
.factories.card .card-body .traits .location {
  color: #717c84;
  display: flex;
  justify-items: flex-start;
  align-items: center;
  line-height: 15px;
  height: 15px;
}
.factories.card .card-body .traits .location svg {
  margin: 0 6px 0 0;
}
.factories.card .card-body .traits .rating {
  float: left;
  margin-left: 20px;
}
.factories.card .card-body h3 {
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  color: #1975FF;
  background: rgba(25, 117, 255, 0.04);
  border-radius: 4px;
  padding: 4px 8px;
  display: inline-block;
  margin: 0 0 8px;
}
.factories.card .card-body h3 a {
  color: inherit;
  text-decoration: none;
}
.factories.card .badge {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.factories.card .badge.preferred {
  background: url(/img/main/preferred-badge.png) #fff;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 1000px !important;
  width: 48px;
  height: 48px;
  left: initial;
  top: 135px;
  right: 0;
}
.factories.card .badge.premium {
  border-radius: 4px;
  color: #0A232A;
  font-weight: bold;
  background: #CEFC4A;
  padding: 8px 16px;
  text-transform: uppercase;
  text-indent: initial;
  top: 16px;
  left: 0;
}
.factories.card .card-footer {
  padding: 0 16px 16px;
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.factories.card .card-footer .rating {
  min-width: 123px;
  margin-top: 12px;
  margin-bottom: 12px;
}
.factories.card .card-footer .rating-empty {
  width: 61.15%;
  height: 39px;
}
.factories.card .cta {
  float: right;
  padding: 8px 16px;
  background: #1975FF;
  border-radius: 4px;
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  box-shadow: 0px 6px 16px rgba(25, 117, 255, 0.15);
}
.factories.card.premium .card-body .caption {
  float: left;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .factories.card.premium .card-body .caption {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .factories.card.premium .card-body .sidebar {
    margin-top: 30px;
  }
}
.factories.card.premium .card-body h1 {
  font-size: 28px;
  height: initial;
}
.factories.card.premium .cta {
  font-size: 16px;
  padding: 12px 24px;
  position: absolute;
  bottom: 16px;
  right: 16px;
}
.factories.card.premium .card-footer .rating {
  margin: 16px 0 0;
}
form.search.form {
  width: 100%;
  padding: 24px 0;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
form.search.form:before,
form.search.form:after {
  display: table;
  line-height: 0;
  content: "";
}
form.search.form:after {
  clear: both;
}
form.search.form:before,
form.search.form:after {
  content: "";
  display: table;
}
form.search.form:after {
  clear: both;
}
form.search.form:before,
form.search.form:after {
  display: table;
  content: "";
  line-height: 0;
}
form.search.form:after {
  clear: both;
}
form.search.form .wrap {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
}
form.search.form button {
  padding: initial;
  margin: initial;
  box-shadow: initial;
  border: none;
  width: initial;
  max-width: initial;
  height: initial;
  line-height: initial;
}
form.search.form input {
  width: 100%;
  font-size: 24px;
  border: none;
  border-bottom: 1px solid #565555;
  background: none;
  outline: none;
}
form.search.form button[type=submit] {
  position: absolute;
  left: 6px;
  background: #f03a3b;
  color: white;
  line-height: 42px;
  width: 42px;
  font-size: 20px;
  border-radius: 1000px;
  top: 15px;
}
.factories.premium-popup {
  background: white;
  position: fixed;
  bottom: 32px;
  left: 32px;
  z-index: 1000;
  border-radius: 4px;
  box-shadow: 0px 30px 30px rgba(10, 35, 42, 0.05);
}
.factories.premium-popup .content {
  padding: 24px 32px;
  position: relative;
}
.factories.premium-popup button {
  padding: initial;
  margin: initial;
  box-shadow: initial;
  border: none;
  width: initial;
  max-width: initial;
  height: initial;
  line-height: initial;
  letter-spacing: initial;
  background: none;
}
.factories.premium-popup button.close {
  position: absolute;
  top: 8px;
  right: 8px;
  color: #9a9a9a;
  background: none !important;
  box-shadow: none !important;
}
.factories.premium-popup button.cta {
  padding: 9px 21px;
  background: #FF9533;
  border-radius: 4px;
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  box-shadow: 0px 6px 16px rgba(25, 117, 255, 0.15) !important;
  text-transform: initial;
  font-size: 16px;
}
.factories.premium-popup .title,
.factories.premium-popup p {
  cursor: pointer;
  font-size: 22px;
  color: #0A232A;
  display: block;
  margin: 0 0 12px;
  padding: 0;
}
.factories.premium-popup p {
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 529px) {
  .factories.premium-popup {
    display: none;
  }
}
.filter-flip-h {
  filter: FlipH;
  -ms-filter: "FlipH";
}
/* Commented out b/c this is not that reliable since margin/padding overrides are necessary
.ribbon-right(@width: 100%, @color: @color-gold, @border-color: #333, @overflow: 10%) {
  .ribbon(@width, @color, @border-color, @overflow, 1, 0);
}
*/
.glow-none {
  -o-box-shadow: none !important;
  box-shadow: none !important;
}
/* Base Sprite helper */
/* Individual X & Y Sprite mixin */
/**
 * Text mixin helpers
 */
.ext {
  background: #999999 url('/img/ext/ext.png?3') no-repeat center;
  background: #999999 url('/img/ext/ext.svg?3') no-repeat center;
}
.ext-ai {
  background: #e77000 url('/img/ext/ext-ai.png?3') no-repeat center;
  background: #e77000 url('/img/ext/ext-ai.svg?3') no-repeat center;
}
.ext-pdf {
  background: #e50b0a url('/img/ext/ext-pdf.png?3') no-repeat center;
  background: #e50b0a url('/img/ext/ext-pdf.svg?3') no-repeat center;
}
.ext-psd {
  background: #1775d5 url('/img/ext/ext-psd.png?3') no-repeat center;
  background: #1775d5 url('/img/ext/ext-psd.svg?3') no-repeat center;
}
.clear {
  clear: both;
}
.left,
.float-left,
.alignleft {
  float: left !important;
}
.right,
.float-right,
.alignright {
  float: right !important;
}
.center {
  text-align: center !important;
}
img.center {
  margin: 0 auto;
}
.hidden,
.hide {
  display: none !important;
}
.hide.in {
  display: block !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.nomargin {
  margin: 0;
}
.anchor {
  -webkit-background-clip: content-box;
  background-clip: content-box;
  padding-top: 90px !important;
  margin-top: -90px !important;
}
.error {
  color: #f03a3b;
}
.bg-white {
  background-color: #fff !important;
}
.margin-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.margin-top-10 {
  margin-top: 10px !important;
}
.margin-top-20 {
  margin-top: 20px !important;
}
.margin-top-30 {
  margin-top: 30px !important;
}
.margin-top-40 {
  margin-top: 40px !important;
}
.margin-right-5 {
  margin-right: 5px !important;
}
.margin-right-10 {
  margin-right: 10px !important;
}
.margin-right-20 {
  margin-right: 20px !important;
}
.margin-right-30 {
  margin-right: 30px !important;
}
.margin-right-40 {
  margin-right: 40px !important;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}
.margin-bottom-20 {
  margin-bottom: 20px !important;
}
.margin-bottom-30 {
  margin-bottom: 30px !important;
}
.margin-bottom-40 {
  margin-bottom: 40px !important;
}
.margin-left-5 {
  margin-left: 5px !important;
}
.margin-left-10 {
  margin-left: 10px !important;
}
.margin-left-20 {
  margin-left: 20px !important;
}
.margin-left-30 {
  margin-left: 30px !important;
}
.margin-left-40 {
  margin-left: 40px !important;
}
.padding-top-10 {
  padding-top: 10px !important;
}
.padding-top-20 {
  padding-top: 20px !important;
}
.padding-top-30 {
  padding-top: 30px !important;
}
.padding-top-40 {
  padding-top: 40px !important;
}
.padding-right-10 {
  padding-right: 10px !important;
}
.padding-right-20 {
  padding-right: 20px !important;
}
.padding-right-30 {
  padding-right: 30px !important;
}
.padding-right-40 {
  padding-right: 40px !important;
}
.padding-bottom-10 {
  padding-bottom: 10px !important;
}
.padding-bottom-20 {
  padding-bottom: 20px !important;
}
.padding-bottom-30 {
  padding-bottom: 30px !important;
}
.padding-bottom-40 {
  padding-bottom: 40px !important;
}
.padding-left-10 {
  padding-left: 10px !important;
}
.padding-left-20 {
  padding-left: 20px !important;
}
.padding-left-30 {
  padding-left: 30px !important;
}
.padding-left-40 {
  padding-left: 40px !important;
}
.width-fluid {
  width: 100% !important;
}
.width-100 {
  width: 100px !important;
}
.width-200 {
  width: 200px !important;
}
.width-300 {
  width: 300px !important;
}
.height-100 {
  height: 100px !important;
}
.height-200 {
  height: 200px !important;
}
.height-300 {
  height: 300px !important;
}
.clearfix,
.navs {
  *zoom: 1;
}
.clearfixw100 {
  width: 100%;
}
.clearfix:before,
.clearfix:after,
.clearfixw100:before,
.clearfixw100:after,
.navs:before,
.navs:after {
  content: "";
  display: table;
  line-height: 0;
}
.clearfix:after,
.clearfixw100:after,
.navs:after {
  clear: both;
}
.hide-text {
  background-color: transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
}
.chzn-container {
  position: relative;
  top: 0;
}
.chzn-container-single {
  height: 30px;
  width: 300px;
}
.chzn-drop {
  background-color: #fff;
  position: absolute;
  top: 30px !important;
  left: 0;
  width: 300px !important;
  z-index: 1000;
}
/* Label */
.chzn-default,
.chzn-single {
  box-sizing: border-box;
  display: block;
  height: inherit;
  width: inherit;
  border-radius: 3px;
  background: #282d32 url(/img/arrow/arrow-sm-down.png) no-repeat right;
  color: #fff;
  height: 30px;
  line-height: 30px;
  padding: 0 25px 0 10px;
  text-decoration: none;
  width: 300px;
}
.chzn-default:hover,
.chzn-single:hover {
  background-color: #f03a3b;
  text-decoration: none;
}
.chzn-single-with-drop {
  border-radius: 0;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #f03a3b;
}
.chzn-search {
  box-sizing: border-box;
  border: 1px solid #cfcfcf;
  border-bottom: 0;
  height: 40px;
  margin: 0;
  padding: 5px;
  position: relative;
  width: 300px;
  z-index: 1000;
}
.chzn-search input {
  width: 288px !important;
}
/* Results */
.chzn-results {
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #cfcfcf;
  margin: 0;
  max-height: 182px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: relative;
  width: 300px;
}
.chzn-results li {
  box-sizing: border-box;
  display: none;
  height: 30px;
  line-height: 30px;
  margin: 0;
  overflow: hidden;
  padding: 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 300px;
}
.chzn-results .active-result {
  cursor: pointer;
  display: list-item;
}
.chzn-results .active-result em {
  font-weight: bold;
}
.chzn-results .highlighted {
  background-color: #faf7f0;
}
.chzn-results .no-results {
  background-color: #faf7f0;
  display: list-item;
}
/*
Version: @@ver@@ Timestamp: @@timestamp@@
*/
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  /* webkit */
  /* firefox */
  box-sizing: border-box;
  /* css3 */
}
.select2-container .select2-choice {
  display: block;
  height: 26px;
  padding: 0 0 0 8px;
  overflow: hidden;
  position: relative;
  border: 1px solid #aaa;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #fff;
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(to top, #eee 0%, #fff 50%);
}
.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
  border-radius: 0 0 4px 4px;
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}
.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}
.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: none;
  width: auto;
}
.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background: url('/img/select2/select2.png') right top no-repeat;
  cursor: pointer;
  outline: 0;
}
.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}
.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}
.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}
.select2-drop-active {
  border: 1px solid #282d32;
  border-top: none;
}
.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #282d32;
}
.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto;
}
.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}
.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #aaa;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #ccc;
  background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
  background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}
.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('/img/select2/select2.png') no-repeat 0 1px;
}
.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}
.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  border-radius: 0;
  box-shadow: none;
  background: #fff url('/img/select2/select2.png') no-repeat 100% -22px;
  background: url('/img/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}
.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}
.select2-search input.select2-active {
  background: #fff url('/img/select2/select2-spinner.gif') no-repeat 100%;
  background: url('/img/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #282d32;
  outline: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  box-shadow: 0 1px 0 #fff inset;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #eee;
  background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to top, #fff 0%, #eee 50%);
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #282d32;
  border-top-color: transparent;
  background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
}
.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px;
}
.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}
.select2-results ul.select2-result-sub > li .select2-result-label {
  padding-left: 20px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 40px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 60px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 80px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 100px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 110px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 120px;
}
.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}
.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}
.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.select2-results .select2-highlighted {
  background: #282d32;
  color: #fff;
}
.select2-results li em {
  background: #feffde;
  font-style: normal;
}
.select2-results .select2-highlighted em {
  background: transparent;
}
.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
  padding-left: 5px;
}
/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-selected {
  display: none;
}
.select2-more-results.select2-active {
  background: #f4f4f4 url('/img/select2/select2-spinner.gif') no-repeat 100%;
}
.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}
/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}
.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}
/* multiselect */
.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0;
  position: relative;
  border: 1px solid #aaa;
  cursor: text;
  overflow: hidden;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}
.select2-locked {
  padding: 3px 5px 3px 5px !important;
}
.select2-container-multi .select2-choices {
  min-height: 26px;
}
.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #282d32;
  outline: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li {
  float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  font-family: sans-serif;
  font-size: 13px;
  color: #666;
  outline: 0;
  border: 0;
  box-shadow: none;
  background: transparent !important;
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url('/img/select2/select2-spinner.gif') no-repeat 100% !important;
}
.select2-default {
  color: #999 !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
  background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
.select2-container-multi .select2-choices .select2-search-choice div {
  font-size: 13px;
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice {
  margin-left: 0;
  margin-right: 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}
.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 3px;
  font-size: 1px;
  outline: none;
  background: url('/img/select2/select2.png') right top no-repeat;
}
html[dir="rtl"] .select2-search-choice-close {
  right: auto;
  left: 3px;
}
.select2-container-multi .select2-search-choice-close {
  left: 3px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}
/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}
/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}
.select2-offscreen,
.select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}
.select2-display-none {
  display: none;
}
.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}
/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .select2-search input,
  .select2-search-choice-close,
  .select2-container .select2-choice abbr,
  .select2-container .select2-choice .select2-arrow b {
    background-image: url('/img/select2/select2x2.png') !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important;
  }
  .select2-search input {
    background-position: 100% -21px !important;
  }
}
.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.slide {
  margin-top: 5px;
  opacity: 0;
  visibility: hidden;
  transition: visibility, 0.15s linear, opacity 0.15s linear, margin-top 0.1s linear;
}
.slide.in {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
}
/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/keystonejs/react-select
*/
.Select {
  position: relative;
}
.Select,
.Select div,
.Select input,
.Select span {
  box-sizing: border-box;
}
.Select.is-disabled > .Select-control {
  background-color: #f9f9f9;
}
.Select.is-disabled > .Select-control:hover {
  box-shadow: none;
}
.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
}
.Select-control {
  background-color: #fff;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  cursor: default;
  display: table;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.Select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.is-searchable.is-open > .Select-control {
  cursor: text;
}
.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #b3b3b3 #ccc #d9d9d9;
}
.is-open > .Select-control > .Select-arrow {
  border-color: transparent transparent #999;
  border-width: 0 5px 5px;
}
.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text;
}
.is-focused:not(.is-open) > .Select-control {
  border-color: #007eff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);
}
.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.has-value.Select--single > .Select-control > .Select-value .Select-value-label,
.has-value.is-pseudo-focused.Select--single > .Select-control > .Select-value .Select-value-label {
  color: #333;
}
.has-value.Select--single > .Select-control > .Select-value a.Select-value-label,
.has-value.is-pseudo-focused.Select--single > .Select-control > .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none;
}
.has-value.Select--single > .Select-control > .Select-value a.Select-value-label:hover,
.has-value.is-pseudo-focused.Select--single > .Select-control > .Select-value a.Select-value-label:hover,
.has-value.Select--single > .Select-control > .Select-value a.Select-value-label:focus,
.has-value.is-pseudo-focused.Select--single > .Select-control > .Select-value a.Select-value-label:focus {
  color: #007eff;
  outline: none;
  text-decoration: underline;
}
.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.Select-input > input {
  width: 100%;
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  line-height: 14px;
  /* For IE 8 compatibility */
  padding: 8px 0 12px;
  /* For IE 8 compatibility */
  -webkit-appearance: none;
}
.is-focused .Select-input > input {
  cursor: text;
}
.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}
.Select-control:not(.is-searchable) > .Select-input {
  outline: none;
}
.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}
.Select-loading {
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.Select-clear-zone {
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px;
}
.Select-clear-zone:hover {
  color: #D0021B;
}
.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
}
.Select--multi .Select-clear-zone {
  width: 17px;
}
.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px;
}
.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
}
.is-open .Select-arrow,
.Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #666;
}
@keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
}
.Select-menu {
  max-height: 198px;
  overflow-y: auto;
}
.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #666666;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
}
.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.Select-option.is-selected {
  background-color: #f5faff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.04);
  color: #333;
}
.Select-option.is-focused {
  background-color: #ebf5ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.08);
  color: #333;
}
.Select-option.is-disabled {
  color: #cccccc;
  cursor: default;
}
.Select-noresults {
  box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px;
}
.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0;
}
.Select--multi.has-value .Select-input {
  margin-left: 5px;
}
.Select--multi .Select-value {
  background-color: #ebf5ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.08);
  border-radius: 2px;
  border: 1px solid rgba(0, 126, 255, 0.24);
  color: #007eff;
  display: inline-block;
  font-size: 0.9em;
  line-height: 1.4;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top;
}
.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle;
}
.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px;
}
.Select--multi a.Select-value-label {
  color: #007eff;
  cursor: pointer;
  text-decoration: none;
}
.Select--multi a.Select-value-label:hover {
  text-decoration: underline;
}
.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border-right: 1px solid rgba(0, 126, 255, 0.24);
  padding: 1px 5px 3px;
}
.Select--multi .Select-value-icon:hover,
.Select--multi .Select-value-icon:focus {
  background-color: #d8eafd;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 113, 230, 0.08);
  color: #0071e6;
}
.Select--multi .Select-value-icon:active {
  background-color: #c2e0ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.24);
}
.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333;
}
.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3;
}
.Select--multi.is-disabled .Select-value-icon:hover,
.Select--multi.is-disabled .Select-value-icon:focus,
.Select--multi.is-disabled .Select-value-icon:active {
  background-color: #fcfcfc;
}
@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn);
  }
}
/* Items on home page */
.blog .item.gridview {
  margin: 0 0 20px 10px;
}
.blog .item.gridview {
  width: 200px;
}
.blog .item.gridview .photo {
  background-size: cover;
  height: 80px;
}
.blog .item.gridview .caption {
  height: 60px;
}
.blog .item.gridview h3 {
  overflow: auto;
  white-space: normal;
}
.blog .item.gridview.wide .photo {
  height: 200px;
}
.blog .item.gridview.wide .caption {
  height: 80px;
}
/* Articles */
.blog article {
  background: #fff;
  margin-bottom: 20px;
  overflow: hidden;
}
.blog article h3 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 26px;
  text-transform: none;
  color: #282d32;
  margin-bottom: 10px;
}
.blog article .post-header {
  background-size: cover;
  height: 200px;
  width: 620px;
}
.blog article .post-body p,
.blog article .post-body ul li,
.blog article .post-body ol li {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 20px;
  text-align: left !important;
}
.blog article .post-body ul,
.blog article .post-body ol {
  margin-left: 18px;
}
.blog article .post-body ul li,
.blog article .post-body ol li {
  margin: 0 0 10px 0;
}
.blog article .post-body img {
  max-width: 540px;
}
.blog article .post-footer {
  background-color: #cfcfcf;
  padding: 40px;
}
.blog article .post-author,
.blog article .post-tags {
  width: 260px;
}
.blog article img.alignleft {
  margin: 0 20px 20px 0;
}
.blog article img.alignright {
  margin: 0 0 20px 20px;
}
/* Widgets */
.blog .widget {
  list-style: none;
  margin-bottom: 30px;
}
.blog .widget h2,
customisable-highlight {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.blog .s2_form_widget .input {
  float: left;
  margin-bottom: 10px;
}
.blog .s2_form_widget .s2_error {
  color: #f03a3b;
  margin-top: 10px;
}
.blog .s2_form_widget .s2_message {
  margin-top: 10px;
}
.blog .widget_recent_entries li,
.blog .widget_categories li,
.blog .widget_archive li {
  color: #999999;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 300px;
}
.blog .widget_recent_entries li a,
.blog .widget_categories li a,
.blog .widget_archive li a {
  color: #5a5a5a;
}
.blog .widget_latest_tweets_widget .tweet-text {
  font-style: italic;
}
.blog .widget_latest_tweets_widget .tweet-details {
  display: none;
}
.blog2-navigation {
  width: 100%;
  background-color: #3d434d;
}
.blog2-navigation ul {
  display: table;
  margin: 0 auto;
  overflow-y: hidden;
  max-width: 960px;
  width: 100%;
}
.blog2-navigation ul li {
  display: table-cell;
  width: 160px;
  border-bottom: 7px solid #f03a3b;
}
.blog2-navigation ul li a {
  color: #8b909a;
  display: block;
  width: 100%;
  text-align: center;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 58px;
  text-transform: uppercase;
}
.blog2-navigation ul li a:hover {
  text-decoration: none;
}
.blog2-navigation ul li.active,
.blog2-navigation ul li:hover {
  background-color: #292d33;
}
.blog2-navigation ul li.active a,
.blog2-navigation ul li:hover a {
  color: #ffffff;
}
.blog2-navigation ul li.menu-order-1 {
  border-bottom-color: #f03a3b;
}
.blog2-navigation ul li.menu-order-2 {
  border-bottom-color: #1cc563;
}
.blog2-navigation ul li.menu-order-3 {
  border-bottom-color: #ffa615;
}
.blog2-navigation ul li.menu-order-4 {
  border-bottom-color: #2cbfef;
}
.blog2-navigation ul li.menu-order-5 {
  border-bottom-color: #e45958;
}
.blog2-navigation ul li.menu-order-6 {
  border-bottom-color: #cd3de3;
}
#main.blog2 {
  padding-top: 50px;
}
#main.blog2 .searchbox {
  margin-right: 20px;
}
#main.blog2 .searchbox .input {
  min-width: inherit;
}
#main.blog2 .searchbox input[type=text] {
  border-radius: 0;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 0;
  border-color: #d9e0e2 !important;
  width: 100%;
}
#main.blog2 .searchbox input[type=submit] {
  border-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 3px;
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-color: #d9e0e2 !important;
  background-position: 0 -280px;
}
#main.blog2 .social-icons {
  height: 40px;
  padding: 4px 0;
  margin-bottom: 0px;
}
#main.blog2 .social-icons li {
  display: block;
  float: left;
  margin-right: 3px;
}
#main.blog2 .social-icons li a {
  display: block;
  border: 2px solid #d9e0e2;
  border-radius: 3px;
  padding: 8px;
}
#main.blog2 .social-icons li a:hover {
  border-color: #828b99;
}
#main.blog2 .project-inspiration {
  font-size: 12px;
  color: #5a5a5a;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  text-transform: uppercase;
  margin-top: 3.5px;
}
#main.blog2 .project-inspiration a {
  display: inline-block;
  height: 33px;
  background-color: #3d434d;
  color: #fff;
  margin-left: 5px;
  text-decoration: none;
  text-align: center;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 33px;
  text-transform: uppercase;
  border-radius: 3px;
  padding: 0 12.5px;
}
#main.blog2 #chimp {
  position: relative;
}
#main.blog2 #chimp .subscribe-btn {
  display: block;
  line-height: 17px;
  text-align: center;
  font-size: 12px;
  color: #999999;
  text-transform: uppercase;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
}
#main.blog2 #chimp .subscribe-btn:hover {
  text-decoration: none;
}
#main.blog2 #chimp .input-container {
  position: absolute;
  right: 0px;
  bottom: -44px;
  z-index: 100;
}
#main.blog2 #chimp .input-container .input {
  width: 250px;
  border: 0px;
}
#main.blog2 #chimp .input-container .input input {
  border: 0px;
}
#main.blog2 #chimp .input-container .arrow-box-up {
  position: relative;
  background: #fff;
  border: 1px solid #d9e0e2;
}
#main.blog2 #chimp .input-container .arrow-box-up:after,
#main.blog2 #chimp .input-container .arrow-box-up:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#main.blog2 #chimp .input-container .arrow-box-up:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 6px;
  margin-left: -6px;
}
#main.blog2 #chimp .input-container .arrow-box-up:before {
  border-color: rgba(217, 224, 226, 0);
  border-bottom-color: #d9e0e2;
  border-width: 8px;
  margin-left: -8px;
}
#main.blog2 #chimp .input-container .arrow-box-up:before {
  right: 12px;
  left: auto;
}
#main.blog2 #chimp .input-container .arrow-box-up:after {
  right: 14px;
  left: auto;
}
.blog2 .primary {
  padding-top: 15px;
  margin-left: 0px !important;
}
.blog2 .row.lead div {
  margin-bottom: 10px;
}
/* Items on home page */
.blog2 .item.gridview {
  margin: 0 0 25px 0;
  padding: 15px;
  position: relative;
  max-width: 100%;
}
.blog2 .item.gridview .photo {
  background-size: cover;
  height: 140px;
}
.blog2 .item.gridview .content {
  padding: 15px 0px 0px 0px;
}
.blog2 .item.gridview .caption {
  height: 135px;
}
.blog2 .item.gridview .caption h3 {
  overflow: auto;
  white-space: normal;
  color: #484f5b;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  margin-bottom: 5px;
}
.blog2 .item.gridview .caption .timestamp {
  color: #677182;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  margin-bottom: 13px;
}
.blog2 .item.gridview .caption .timestamp sup {
  vertical-align: baseline;
  position: relative;
  top: -0.2em;
}
.blog2 .item.gridview .caption .excerpt {
  color: #484f5b;
  font-family: 'Helvetica Neue';
  font-size: 12px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 15px;
  text-transform: none;
}
.blog2 .item.gridview.wide a {
  text-decoration: none;
}
.blog2 .item.gridview.wide .photo {
  height: 365px;
}
.blog2 .item.gridview.wide .content {
  position: absolute;
  bottom: 30px;
  left: 15px;
  width: 285px;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 12px 2px 0px 12px;
}
.blog2 .item.gridview.wide .content .caption {
  height: 85px;
  padding-right: 10px;
}
.blog2 .item.gridview.wide .content .timestamp {
  margin-bottom: 7px;
}
.blog2 .item.gridview.wide .content .excerpt {
  line-height: 18px;
}
.blog2 .item.gridview.wide-next .content .timestamp {
  margin-bottom: 10px;
}
.blog2 .item.gridview.wide-next a .photo {
  height: 225px;
}
.blog2 .item.gridview.wide-next .caption {
  height: 95px;
}
.blog2 .item.gridview.wide + .item.gridview > a > .photo {
  height: 225px;
}
.blog2 .item.gridview.wide + .item.gridview .caption {
  height: 95px;
}
.blog2 .item.gridview.wide + .item.gridview h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog2 .item .actions {
  border-top: 0px;
  height: 20px;
  line-height: normal;
  padding: 0px;
  margin-top: 10px;
}
.blog2 .item .actions li {
  height: 20px;
  padding: 2px;
}
.blog2 .item .ribbon {
  position: relative;
  width: 110px;
  margin-left: -6px;
  padding-left: 6px;
  background-color: #1F489B;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5) !important;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 20px;
  text-transform: uppercase;
  color: #fff;
  position: absolute;
  top: 40px;
  left: 15px;
  padding-left: 15px;
}
.blog2 .item .ribbon:before {
  content: ' ';
  position: absolute;
  top: 100%;
  width: 0;
  height: 0;
  border-width: 5px 10px;
  border-style: solid;
  border-color: #333 #333 transparent transparent;
  left: 4.26px;
}
.blog2 .item .ribbon:before {
  border-width: 3px 3px;
  left: 0px;
}
.blog2 .item .ribbon-1 {
  background-color: #f03a3b;
}
.blog2 .item .ribbon-2 {
  background-color: #1cc563;
}
.blog2 .item .ribbon-2:before {
  border-color: #188e4a #188e4a transparent transparent;
}
.blog2 .item .ribbon-3 {
  background-color: #ffa615;
}
.blog2 .item .ribbon-3:before {
  border-color: #a06b15 #a06b15 transparent transparent;
}
.blog2 .item .ribbon-4 {
  background-color: #2cbfef;
}
.blog2 .item .ribbon-4:before {
  border-color: #17627b #17627b transparent transparent;
}
.blog2 .item .ribbon-5 {
  background-color: #e45958;
}
.blog2 .item .ribbon-5:before {
  border-color: #843535 #843535 transparent transparent;
}
.blog2 .item .ribbon-6 {
  background-color: #cd3de3;
}
.blog2 .item .ribbon-6:before {
  border-color: #8b2b9a #8b2b9a transparent transparent;
}
.blog2 .pagination {
  border-top: 0px;
  padding-top: 0px;
}
.blog2 .pagination span.page-numbers,
.blog2 .pagination a.page-numbers {
  height: 25px;
  width: 25px;
  border: 1px solid #d7dddf;
  border-left-width: 0px;
  padding: 0px;
  text-align: center;
  color: #8c9097;
  font-family: 'Helvetica Neue';
  font-size: 11px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 27px;
  text-transform: none;
}
.blog2 .pagination a.page-numbers:hover {
  background-color: #fafafa;
}
.blog2 .pagination span.page-numbers.current {
  background-color: #3d434d;
  color: #fff;
}
.blog2 .pagination li:first-child a,
.blog2 .pagination li:first-child span {
  border-left-width: 1px;
}
.blog2 .pagination a.page-numbers.next,
.blog2 .pagination a.page-numbers.prev {
  padding: 7px 10px;
}
.blog2 .pagination .arrow-left {
  border-bottom: 5px solid transparent;
  border-right: 5px solid #8c9097;
  border-top: 5px solid transparent;
  height: 0;
  width: 0;
}
.blog2 .pagination .arrow-right {
  position: absolute;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #8c9097;
  border-top: 5px solid transparent;
  height: 0;
  width: 0;
}
.blog2 .search-actions {
  width: 100%;
}
.blog2 .search-actions .pagination {
  padding-bottom: 30px;
}
.blog2 .search-description {
  width: 100%;
  text-align: center;
  margin: 38px 0px 62px 0px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 24px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 24px;
  text-transform: none;
  color: #3d434d;
}
.blog2 .search-description p {
  margin: 15px 0px 0px 0px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 16px;
  text-transform: none;
}
.blog2 .posts-author {
  background-color: #fff;
  border: 1px solid #d7dddf;
  margin: 35px auto 60px auto;
  position: relative;
}
.blog2 .posts-author div.col-sm-4,
.blog2 .posts-author div.col-sm-8 {
  padding: 0;
}
.blog2 .posts-author .arrow-left {
  border-bottom: 12px solid transparent;
  border-right: 12px solid #fff;
  border-top: 12px solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  top: 35px;
  left: 298px;
}
.blog2 .posts-author .author-left {
  width: 100%;
  padding: 25px;
  background: url('/img/main/author-bg.png') no-repeat;
}
.blog2 .posts-author .author-left .author-avatar {
  float: none;
  width: 87px;
  height: 87px;
  background-color: #fff;
  padding: 3px;
  margin: 6px auto 10px auto;
  border-radius: 51px;
}
.blog2 .posts-author .author-left .author-avatar img {
  height: 87px;
  width: 87px;
  border-radius: 44px;
}
.blog2 .posts-author .author-left .author-about {
  width: 100%;
  text-align: center;
}
.blog2 .posts-author .author-left .author-about .author-name {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  color: #fff;
  margin-bottom: 5px;
}
.blog2 .posts-author .author-left .author-about .author-location {
  font-family: 'Helvetica Neue';
  font-size: 12px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  color: #fff;
}
.blog2 .posts-author .author-left .author-communication {
  height: 30px;
  font-family: 'Helvetica Neue';
  font-size: 12px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 30px;
  text-transform: none;
  margin-top: 18px;
  text-align: center;
}
.blog2 .posts-author .author-left .author-communication a {
  color: #fff;
  text-decoration: none;
  display: inline-block;
  background-color: #29c5f6;
}
.blog2 .posts-author .author-left .author-communication a .icon-wrapper {
  background-color: #26b4e0;
  padding: 7px;
  display: block;
  float: left;
  margin: 0px;
}
.blog2 .posts-author .author-left .author-communication a .twitter-name {
  padding: 0px 15px;
  display: block;
  float: left;
}
.blog2 .posts-author .author-right {
  padding: 25px;
}
.blog2 .posts-author .author-right .author-title,
.blog2 .posts-author .author-right .author-title a {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  color: #3d434d;
}
.blog2 .posts-author .author-right .author-description {
  font-family: 'Helvetica Neue';
  font-size: 14px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 24px;
  text-transform: none;
  color: #677182;
  overflow-y: hidden;
}
.blog2 .posts-written-by {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  color: #3d434d;
}
/* Articles */
.blog2 .post-container {
  padding-top: 25px;
}
.blog2 .post-container .primary {
  padding-top: 0px;
}
.blog2 .post-container .primary article {
  padding: 30px 15px 15px 15px;
  background-color: #fff;
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) !important;
}
.blog2 .post-container .sidebar {
  width: 100%;
}
.blog2 .post-container .sidebar .col-md-4,
.blog2 .post-container .sidebar .col-md-3 {
  width: 100%;
}
.blog2 .post-container .sidebar .post-author {
  background: #ffffff;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) !important;
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) !important;
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) !important;
  margin-bottom: 30px;
  padding: 16px;
}
.blog2 .post-container .sidebar .author-thumb {
  border-radius: 3px;
  width: 70px;
  height: 70px;
  overflow: hidden;
  max-width: 25%;
}
.blog2 .post-container .sidebar .author-details {
  position: relative;
  max-width: 75%;
}
.blog2 .post-container .sidebar .author-details .author-header {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 18px;
  color: #5a5a5a;
  border-bottom: 1px solid #5a5a5a;
  padding-bottom: 5px;
}
.blog2 .post-container .sidebar .author-details p {
  padding: 3px 0;
  margin-bottom: 0;
  font-family: "HelveticaNeue";
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
  color: #5a5a5a;
}
.blog2 .post-container .sidebar .author-details p a {
  color: #5a5a5a;
}
.blog2 .post-container .sidebar .author-details .author-name {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  color: #484f5b;
  margin-bottom: 5px;
}
.blog2 .post-container .sidebar .author-details .author-title {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  color: #677182;
  margin-bottom: 5px;
}
.blog2 .post-container .sidebar .author-details .author-title a {
  color: #4a515e;
}
.blog2 .post-container .sidebar .author-details .author-communication {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  margin-bottom: 0px;
  position: absolute;
  bottom: 10px;
}
.blog2 .post-container .sidebar .author-details .author-communication a {
  color: #4a515e;
}
.blog2 .post-container .sidebar .item.gridview .caption {
  height: auto;
}
.blog2 .post-container .sidebar .item.gridview .timestamp,
.blog2 .post-container .sidebar .item.gridview .excerpt,
.blog2 .post-container .sidebar .item.gridview .actions {
  display: none;
}
.blog2 article h3 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 30px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  color: #484f5b;
  margin-bottom: 5px;
}
.blog2 article .entry-byline {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 14px;
  text-transform: none;
  color: #677182;
  margin-bottom: 13px;
}
.blog2 article .entry-byline sup {
  vertical-align: baseline;
  position: relative;
  font-size: 10px;
  top: -0.5em;
}
.blog2 article .entry-byline .post-author {
  color: #4a515e;
}
.blog2 article .entry-byline .category {
  text-transform: uppercase;
}
.blog2 article .entry-byline .category-2 {
  color: #1cc563;
}
.blog2 article .entry-byline .category-3 {
  color: #ffa615;
}
.blog2 article .entry-byline .category-4 {
  color: #2cbfef;
}
.blog2 article .entry-byline .category-5 {
  color: #e45958;
}
.blog2 article .entry-byline .category-6 {
  color: #cd3de3;
}
.blog2 article .post-header {
  background-size: cover;
  height: 355px;
  max-width: 600px;
  margin-bottom: 15px;
}
.blog2 .blog-category-list li {
  display: inline-block;
  line-height: 40px;
  margin-right: 10px;
}
.blog2 .blog-category-list li a {
  padding: 0 10px;
  color: #008fae;
  font-size: 14px;
  display: inline-block;
}
.blog2 .blog-category-list li a.active {
  border-bottom: 5px solid #008FAE;
}
.blog2 article .share {
  margin: 0px;
}
.blog2 article .share ul {
  margin: 0px;
}
.blog2 article .post-body {
  margin-top: 20px;
}
.blog2 article .post-body h1,
.blog2 article .post-body h2,
.blog2 article .post-body h3,
.blog2 article .post-body h4,
.blog2 article .post-body h5 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 24px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 28px;
  text-transform: none;
  color: #484f5b;
  margin-bottom: 20px;
}
.blog2 article .post-body p {
  margin-bottom: 40px;
}
.blog2 article .post-body p,
.blog2 article .post-body ul li,
.blog2 article .post-body ol li {
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 28px;
  text-transform: none;
  color: #484f5b;
  text-align: left !important;
}
.blog2 article .post-body ul,
.blog2 article .post-body ol {
  margin-left: 18px;
}
.blog2 article .post-body ul li,
.blog2 article .post-body ol li {
  margin: 0 0 10px 0;
}
.blog2 article .post-body img {
  max-width: 100%;
  height: auto;
}
/* Widgets */
.blog2 .widget {
  list-style: none;
  margin-bottom: 30px;
}
.blog2 .widget h2,
customisable-highlight {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.blog2 .s2_form_widget .input {
  float: left;
  margin-bottom: 10px;
}
.blog2 .s2_form_widget .s2_error {
  color: #f03a3b;
  margin-top: 10px;
}
.blog2 .s2_form_widget .s2_message {
  margin-top: 10px;
}
.blog2 .widget_recent_entries li,
.blog2 .widget_categories li,
.blog2 .widget_archive li {
  color: #999999;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 300px;
}
.blog2 .widget_recent_entries li a,
.blog2 .widget_categories li a,
.blog2 .widget_archive li a {
  color: #5a5a5a;
}
.blog2 .widget_latest_tweets_widget .tweet-text {
  font-style: italic;
}
.blog2 .widget_latest_tweets_widget .tweet-details {
  display: none;
}
.blog2 .post-footer .module-header {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 24px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 28px;
  text-transform: none;
  color: #484f5b;
  margin-bottom: 20px;
}
.blog2 .post-tags {
  margin-bottom: 45px;
}
.blog2 .post-tags .tag {
  border: 1px solid #e2e6e8;
  font-family: 'Helvetica Neue';
  font-size: 10px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 22px;
  text-transform: uppercase;
}
.blog2 .post-tags .tag a {
  background-color: #f6f9fa;
  color: #5a5a5a;
}
@media (max-width: 768px) {
  .blog2-navigation ul li {
    display: block;
    width: 33%;
    float: left;
  }
}
@media only screen and (max-width: 529px) {
  .cms #form {
    max-width: 100%!important;
  }
}
.cms #sidebar {
  float: right;
  margin: 0;
}
@media only screen and (max-width: 529px) {
  .cms #sidebar {
    width: 100%;
  }
  .cms #sidebar button {
    max-width: none;
    width: 100%;
  }
}
.cms #sidebar .content {
  width: inherit;
}
.cms h3 {
  letter-spacing: 0;
  margin-bottom: 5px;
  text-transform: none;
}
.cms .label {
  float: left;
  padding-right: 20px;
  width: 180px;
}
/* Nav */
.cms .nav {
  margin: 0;
  display: flex;
}
@media only screen and (max-width: 529px) {
  .cms .nav {
    float: none!important;
    display: block;
  }
}
.cms .nav li {
  flex: 1;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
@media only screen and (max-width: 529px) {
  .cms .nav li {
    float: none;
    margin: 0 0 5px;
    border-radius: 5px!important;
  }
}
.cms .nav.progre li a {
  width: 155px;
}
.cms .nav li a {
  box-sizing: border-box;
  display: block;
  height: inherit;
  text-decoration: none;
  width: inherit;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 40px;
  text-transform: uppercase;
  background-color: #FFFFFF;
  border-left: 3px solid #faf7f0;
  color: #2A2A2A;
  height: 40px;
  text-align: center;
  padding: 0 12px;
  letter-spacing: 0.5px;
  font-weight: 500;
}
@media only screen and (max-width: 529px) {
  .cms .nav li a {
    width: 100%!important;
    border: none;
    border-radius: 5px!important;
  }
}
.cms .nav li:first-child a {
  border-radius: 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 0;
  border: none;
}
.cms .nav li:last-child a {
  border-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 5px;
}
.cms .nav li.rounded a {
  border-radius: 5px;
}
.cms .nav li a:hover,
.cms .nav li.current a {
  background-color: #E0DEFF;
  color: #4A3AFF;
}
.cms .nav-required {
  height: 25px;
  margin: 0 auto 0 auto;
  padding-top: 5px;
  width: 960px;
}
@media only screen and (max-width: 529px) {
  .cms .nav-required {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
}
.cms .nav-required div {
  box-sizing: border-box;
  font-family: inherit;
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 5px;
  line-height: 21px;
  text-transform: uppercase;
  background-image: url(/img/arrow/arrow-required.png);
  color: #999999;
  height: 20px;
  padding-left: 5px;
  text-align: center;
  width: 470px;
}
@media only screen and (max-width: 529px) {
  .cms .nav-required div {
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    height: auto;
  }
}
.cms .nav.settings {
  margin-bottom: 20px;
}
@media only screen and (max-width: 529px) {
  .cms .nav.settings {
    width: 100%;
  }
  .cms .nav.settings li {
    display: block;
    border-radius: 3px!important;
    margin: 0 0 3px;
    float: none;
  }
  .cms .nav.settings li a {
    width: 100%!important;
    border-radius: 3px!important;
    border: none!important;
  }
}
/* Tabbar */
.cms .tabbar.dark {
  clear: both;
  float: left;
  margin-bottom: 20px;
}
/* ---------------------------------------------------------------------------------------------------- */
/* Catalog / Samples
/* ---------------------------------------------------------------------------------------------------- */
.cms #collections {
  display: none;
}
.cms .intro .rule {
  margin: 40px 0 20px 0;
}
/* ---------------------------------------------------------------------------------------------------- */
/* Billing
/* ---------------------------------------------------------------------------------------------------- */
.cms.billing .overview {
  color: #fff;
  text-align: center;
}
.cms.billing .overview .cplan,
.upcoming {
  width: 250px;
  padding: 10px 25px;
  display: inline-block;
  text-align: center;
}
.cms.billing .overview .cplan .heading,
.upcoming .heading,
.cms.billing .overview .cplan .info,
.upcoming .info {
  display: block;
}
.cms.billing .overview .cplan .heading,
.upcoming .heading {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
}
.cms.billing .overview .cplan .info,
.upcoming .info {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 24px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  margin-top: 5px;
}
.cms.billing .overview .cplan .no-upcoming,
.upcoming .no-upcoming {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 50px;
  text-transform: none;
}
.cms.billing .overview .cplan {
  background-color: #282d32;
}
.cms.billing .overview .upcoming {
  background-color: #5a5a5a;
}
/* Incomplete payment alert styling */
.cms.billing .module.bg-danger .alert {
  background-color: #ffebee;
  border-color: #f44336;
  /* Red border */
  color: #d32f2f;
  /* Red text */
}
/* ---------------------------------------------------------------------------------------------------- */
/* Analytics
/* ---------------------------------------------------------------------------------------------------- */
.cms.analytics .step {
  background: url(/img/arrow/arrow-right.png) no-repeat right center;
  border-top: 1px solid #cfcfcf;
  width: 300px;
}
.cms.analytics .step:hover h4 {
  color: #f03a3b;
}
.cms.analytics .step span {
  color: #5a5a5a;
}
.cms.analytics .step a {
  display: block;
  height: inherit;
  text-decoration: none;
  width: inherit;
}
.cms.analytics .step .content {
  box-sizing: border-box;
  padding: 20px 50px 20px 20px;
  width: inherit;
}
.cms.analytics.free .block {
  background: #cfcfcf;
}
.cms.analytics.free .example {
  box-sizing: border-box;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 80px;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: normal;
  text-transform: uppercase;
  transform: rotate(-25deg);
  border-bottom: 10px solid #f03a3b;
  border-top: 10px solid #f03a3b;
  color: #f03a3b;
  cursor: default;
  filter: alpha(opacity=70);
  margin: 195px 0 0 155px;
  opacity: 0.7;
  position: absolute;
  text-align: center;
  width: 330px;
}
/* ---------------------------------------------------------------------------------------------------- */
/* Appearance
/* ---------------------------------------------------------------------------------------------------- */
.cms .screenshot {
  clear: both;
  float: left;
  margin-bottom: 30px;
  width: 100%;
}
.cms .screenshot .photo {
  height: 300px;
  width: 640px;
}
.cms .screenshot .caption {
  float: left;
  margin-top: 20px;
  width: 300px;
}
.cms .screenshot .entry {
  float: right;
  margin-top: 20px;
  width: 300px;
}
.cms .video-thumbnail {
  position: relative;
}
.cms .video-thumbnail .remove {
  position: absolute;
  right: 0;
}
@media only screen and (max-width: 529px) {
  table {
    max-width: 100%;
    overflow-x: scroll;
  }
}
/* BB Press */
#bbpress-forums {
  margin-bottom: 20px;
}
#bbpress-forums ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies {
  margin-bottom: 20px;
  overflow: hidden;
  clear: both;
}
#bbpress-forums ul.bbp-lead-topic.has-replies {
  margin: 0;
}
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-body {
  clear: both;
}
#bbpress-forums li.bbp-header {
  background: #282d32;
  color: #fff;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  padding: 0 20px;
}
#bbpress-forums li.bbp-header h4 {
  color: #fff;
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 40px;
  margin: 0;
}
#bbpress-forums li.bbp-body li {
  display: table;
  height: 50px;
}
#bbpress-forums li.bbp-body li .content {
  display: table-cell;
  height: 50px;
  vertical-align: middle;
}
#bbpress-forums ul.bbp-lead-topic .topic,
#bbpress-forums .bbp-user-replies-created .bbp-replies {
  border-top: 1px solid #cfcfcf;
}
#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
  overflow: hidden;
  padding: 15px 20px;
}
#bbpress-forums .topic,
#bbpress-forums .reply {
  border-bottom: 1px solid #cfcfcf;
  height: auto;
}
/* Topic columns */
li.bbp-forum-info,
li.bbp-topic-title {
  float: left;
  text-align: left;
  width: 55%;
}
li.bbp-forum-info .bbp-topic-permalink,
li.bbp-topic-title .bbp-topic-permalink {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 500px;
}
li.bbp-forum-info .bbp-topic-permalink a,
li.bbp-topic-title .bbp-topic-permalink a {
  color: #282d32;
  text-decoration: none;
}
li.bbp-forum-info .bbp-topic-permalink a:hover,
li.bbp-topic-title .bbp-topic-permalink a:hover {
  color: #f03a3b;
}
li.bbp-forum-topic-count,
li.bbp-topic-voice-count,
li.bbp-forum-reply-count,
li.bbp-topic-reply-count {
  float: left;
  text-align: center;
  width: 10%;
}
.bbp-body li.bbp-forum-topic-count,
.bbp-body li.bbp-topic-voice-count,
.bbp-body li.bbp-forum-reply-count,
.bbp-body li.bbp-topic-reply-count {
  line-height: 50px;
}
li.bbp-forum-freshness,
li.bbp-topic-freshness {
  float: left;
  width: 20%;
}
li.bbp-topic-action {
  float: left;
  width: 5%;
}
#bbpress-forums .bbp-topic-meta {
  font-size: 11px;
  height: 16px;
  line-height: 16px;
  margin-top: 5px;
}
#bbpress-forums .bbp-topic-meta i {
  margin-right: 5px;
}
/* Row colors */
#bbpress-forums div.even,
#bbpress-forums ul.even {
  background-color: #fff;
}
#bbpress-forums div.odd,
#bbpress-forums ul.odd {
  background-color: #fafafa;
}
#bbpress-forums .status-trash.even,
#bbpress-forums .status-spam.even {
  background-color: #fff;
}
#bbpress-forums .status-trash.odd,
#bbpress-forums .status-spam.odd {
  background-color: #fafafa;
}
#bbpress-forums .status-closed {
  background-color: #fafafa;
}
#bbpress-forums ul.bbp-lead-topic div.even,
#bbpress-forums ul.bbp-replies div.even,
#bbpress-forums ul.bbp-replies div.odd {
  background-color: #faf7f0;
}
/* Topc & Reply author */
#bbpress-forums div.bbp-topic-author,
#bbpress-forums div.bbp-reply-author {
  box-sizing: border-box;
  background-color: #faf7f0;
  float: left;
  padding: 30px;
  width: 300px;
}
#bbpress-forums div.bbp-topic-author i,
#bbpress-forums div.bbp-reply-author i {
  margin-right: 5px;
}
/* Topc & Reply content */
#bbpress-forums div.bbp-topic-content,
#bbpress-forums div.bbp-reply-content {
  background: #fff;
  border-left: 1px solid #cfcfcf;
  margin-left: 300px;
  min-height: 220px;
}
#bbpress-forums div.bbp-topic-content-body,
#bbpress-forums div.bbp-reply-content-body {
  padding: 40px 30px 30px 30px;
}
#bbpress-forums div.bbp-topic-post-admin,
#bbpress-forums div.bbp-reply-post-admin {
  float: left;
  font-size: 11px;
  margin: 10px 0 0 30px;
}
#bbpress-forums div.bbp-topic-post-date,
#bbpress-forums div.bbp-reply-post-date {
  float: right;
  font-size: 11px;
  margin: 10px 20px 0 0;
}
/* Forms */
#bbpress-forums .form-modal {
  display: block;
}
#bbpress-forums .form-modal textarea {
  width: 100%;
}
/* Pagination */
.bbp-pagination {
  float: left;
  left: 50%;
  position: relative;
}
.bbp-pagination-links {
  float: left;
  left: -50%;
  margin-left: -5px;
  position: relative;
}
.bbp-pagination-links a,
.bbp-pagination-links .current,
.bbp-pagination-links .dots {
  border-radius: 20px;
  background-color: #cfcfcf;
  color: #5a5a5a;
  display: block;
  float: left;
  font-size: 11px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  margin: 0 0 20px 5px;
  text-align: center;
  text-decoration: none;
  width: 30px;
}
.bbp-pagination-links .dots {
  background: none;
}
.bbp-pagination-links a:hover {
  background-color: #f03a3b;
  color: #fff;
  text-decoration: none;
}
.bbp-pagination-links .current {
  background-color: #f03a3b;
  color: #fff;
}
.bbp-pagination-links a.prev {
  background: url(/img/arrow/arrow-pagination) no-repeat top left;
}
.bbp-pagination-links a.prev:hover {
  background: url(/img/arrow/arrow-pagination) no-repeat bottom left;
}
.bbp-pagination-links a.next {
  background: url(/img/arrow/arrow-pagination) no-repeat top right;
}
.bbp-pagination-links a.next:hover {
  background: url(/img/arrow/arrow-pagination) no-repeat bottom right;
}
/* User Pages */
#bbpress-forums #bbp-user-avatar,
#bbpress-forums #bbp-user-avatar img.avatar {
  float: left;
}
/* Breadcrumb */
#bbpress-forums .forum #bbp-breadcrumb {
  display: none;
}
/* Controller */
.controller h4 {
  font-size: 11px;
  line-height: 40px;
  margin: 0;
}
/* Adjust anchors for fixed header */
#bbpress-forums .bbp-body .reply,
#bbpress-forums #new-post {
  padding-top: 70px;
  margin-top: -70px;
  -webkit-background-clip: content-box;
  background-clip: content-box;
}
#mobile-search {
  display: none;
  height: 100%;
  width: 100%;
  position: fixed;
  background: white;
  right: 0;
  top: 63px;
  text-align: center;
}
#mobile-search .mrsearch-form {
  height: 100%;
  width: 100%;
  vertical-align: middle;
  position: relative;
}
#mobile-search .mrsearch-input {
  border-radius: 4px;
  border: solid 1px #e0e0e0;
  height: 54px;
  width: 85%;
  position: absolute;
  left: 50%;
  margin-left: -42.5%;
  top: 30%;
  margin-top: -27px;
  font-size: 16px;
  padding: 0 5px;
}
#mobile-search .mrsearch-button {
  display: none;
}
.hamburger-container {
  margin-top: 12px;
}
.mobile-nav-icon {
  display: none;
}
.visible-xs-without-important {
  display: none;
}
@media (max-width: 767px) {
  .visible-xs-without-important {
    display: block;
  }
}
#mobile-nav-buttons {
  display: inline-block;
  width: 39%;
  margin: 0;
}
#mobile-nav-buttons li {
  display: inline-block;
  margin-top: 9px;
  height: 40px;
  width: 40px;
}
#mobile-nav-buttons #mobile-inbox-link-container {
  float: left;
  line-height: 40px;
}
#mobile-nav-buttons #mobile-inbox-link-container .go-gold-button-mobile {
  background: #ffd67b;
  font-weight: 700;
  color: #f04e38;
  border-radius: 5px;
  padding: 5px 10px;
  text-decoration: none;
  display: inline-block;
  line-height: 1.2;
}
#mobile-nav-buttons #mobile-search-btn-container {
  float: right;
}
#mobile-nav-buttons #mobile-search-btn-container .mobile-search-btn:hover {
  background: url('/img/icons/icon-search-active.svg') no-repeat center center;
  height: 40px;
  width: 40px;
  box-shadow: none !important;
  border: 0;
}
header#header {
  background: white;
  top: 0;
  width: 100%;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  position: fixed;
  z-index: 2000;
  padding: 0 15px;
}
header#header.mobile {
  padding-right: 5px;
}
#logo {
  margin-top: 12px;
  height: 35px;
  width: 148px;
  background-size: cover;
  background: url('/img/logo-nav.png') no-repeat;
  display: block;
  float: left;
  transition: all 0.5s ease;
}
#logo.hide-name {
  width: 55px;
  background-size: auto;
}
@media (min-width: 1200px) {
  #logo.hide-name {
    width: 148px;
    background-size: cover;
  }
}
@media (max-width: 992px) {
  #logo {
    width: 55px;
    background-size: auto;
  }
}
@media (max-width: 992px) and (min-width: 1200px) {
  #logo {
    width: 148px;
    background-size: cover;
  }
}
.nav-header {
  float: left;
  margin-right: 10px;
  text-align: center;
}
@media (max-width: 992px) {
  .nav-header {
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .nav-header {
    float: none;
  }
}
.nav-header .navbar-toggle {
  position: relative;
  float: right;
  height: 40px;
  width: 40px;
  margin-top: 9px;
  margin-right: -20px;
  border: none;
  border-radius: 0;
  cursor: pointer;
}
.nav-header .navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background: #939598;
  margin-bottom: 5px;
}
#signup-login-button-container {
  display: inline-block;
  height: 42px;
  line-height: 42px;
  font-size: 0;
}
#signup-login-button-container .signup-login-button {
  display: inline-block;
  text-align: center;
  height: 40px;
  min-width: 101px;
  width: 101px;
  line-height: 40px;
  border-radius: 4px;
  margin: 0 10px;
}
@media (max-width: 992px) {
  #signup-login-button-container .signup-login-button {
    font-size: 12px;
    min-width: 85px;
    width: 85px;
  }
}
#signup-login-button-container .login-link {
  font-size: 16px;
  color: #4a3aff;
}
#signup-login-button-container .login-link:hover {
  color: #838895;
}
@media (max-width: 992px) {
  #signup-login-button-container .login-link {
    font-size: 12px;
  }
}
.current-link {
  box-shadow: inset 0 -7px #4a3aff;
}
@media (max-width: 767px) {
  .current-link {
    box-shadow: none;
  }
}
.current-link a span {
  color: #4a3aff;
}
@media (max-width: 767px) {
  .current-link a span {
    color: inherit;
  }
}
.current-link:hover a span {
  color: #4a3aff;
}
@media (max-width: 767px) {
  .current-link:hover a span {
    color: inherit;
  }
}
#navtoggle .navigation .link a {
  height: 62px;
  line-height: 62px;
  display: block;
  font-size: 16px;
  padding: 0 8px;
  color: #838895;
}
#navtoggle .navigation .link a span {
  vertical-align: middle;
}
@media (min-width: 1200px) {
  #navtoggle .navigation .link a {
    padding: 0 15px;
  }
}
@media (max-width: 992px) {
  #navtoggle .navigation .link a {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  #navtoggle .navigation .link a {
    font-size: 16px;
    height: 72px;
    line-height: 72px;
  }
}
#navtoggle .navigation .link .subnav {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  margin: 0;
  z-index: 10005;
  padding-left: 210px;
  background: #4a3aff;
}
@media (max-width: 992px) {
  #navtoggle .navigation .link .subnav {
    padding-left: 130px;
  }
}
#navtoggle .navigation .link .subnav.constant {
  z-index: 1004;
  display: block;
}
@media (max-width: 767px) {
  #navtoggle .navigation .link .subnav.constant {
    display: none;
  }
}
#navtoggle .navigation .link .subnav li a {
  height: 40px;
  line-height: 40px;
  color: white;
  font-size: 14px;
}
#navtoggle .navigation .link .subnav .dropdown {
  position: absolute;
  display: none;
  padding: 0;
  margin: auto;
  background: white;
  border: 1px solid #eee;
}
#navtoggle .navigation .link .subnav .dropdown li {
  list-style-type: none;
  display: inline;
}
#navtoggle .navigation .link .subnav .dropdown a {
  color: #939598;
  background: white;
  font-size: 12px;
}
#navtoggle .navigation .link .subnav .dropdown a:hover {
  text-decoration: none;
  background: #d1d3d4;
  color: #4f5052;
}
#navtoggle .navigation .link .subnav li:hover .dropdown {
  display: block;
}
#navtoggle .navigation li.link.current {
  box-shadow: inset 0 -7px #4a3aff;
}
@media (max-width: 767px) {
  #navtoggle .navigation li.link.current {
    box-shadow: none;
  }
}
#navtoggle .navigation li.link.current a span {
  color: #4a3aff;
}
@media (max-width: 767px) {
  #navtoggle .navigation li.link.current a span {
    color: inherit;
  }
}
#navtoggle .navigation li.link.current:hover a span {
  color: #4a3aff;
}
@media (max-width: 767px) {
  #navtoggle .navigation li.link.current:hover a span {
    color: inherit;
  }
}
#navtoggle .navigation li.link.constant,
#navtoggle .navigation li.link:hover {
  box-shadow: inset 0 -7px #4a3aff;
}
@media (max-width: 767px) {
  #navtoggle .navigation li.link.constant,
  #navtoggle .navigation li.link:hover {
    box-shadow: none;
  }
}
#navtoggle .navigation li.link.constant a span,
#navtoggle .navigation li.link:hover a span {
  color: #4a3aff;
}
@media (max-width: 767px) {
  #navtoggle .navigation li.link.constant a span,
  #navtoggle .navigation li.link:hover a span {
    color: inherit;
  }
}
#navtoggle .navigation li.link.constant:hover a span,
#navtoggle .navigation li.link:hover:hover a span {
  color: #4a3aff;
}
@media (max-width: 767px) {
  #navtoggle .navigation li.link.constant:hover a span,
  #navtoggle .navigation li.link:hover:hover a span {
    color: inherit;
  }
}
#navtoggle ul {
  list-style: none;
  padding: 0;
  display: inline-block;
  margin-bottom: 0;
}
#navtoggle ul .inbox-link-container {
  margin-left: 15px;
}
#navtoggle ul .user-menu-li-container {
  line-height: 62px;
  vertical-align: middle;
}
#navtoggle ul .user-menu-li-container .user-menu {
  display: inline-block;
  cursor: pointer;
  margin: 0 15px;
  position: relative;
  font-size: 16px;
  letter-spacing: -0.2px;
  line-height: normal;
}
#navtoggle ul .user-menu-li-container .user-menu .user-menu-list {
  position: absolute;
  top: 46px;
  right: -30px;
  background-color: white;
  min-width: 204px;
  cursor: pointer;
  display: none;
  z-index: 1005;
  border-radius: 2px;
  border-top: solid 4px #4a3aff;
  box-shadow: 0 9px 8px 0 rgba(0, 0, 0, 0.15);
}
#navtoggle ul .user-menu-li-container .user-menu .user-menu-list:before {
  border-bottom: 10px solid #4a3aff;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  content: '';
  display: block;
  position: absolute;
  top: -10px;
  left: 146px;
}
#navtoggle ul .user-menu-li-container .user-menu .user-menu-list li {
  padding: 0;
  margin: 0;
  display: block;
  padding-left: 27px;
}
#navtoggle ul .user-menu-li-container .user-menu .user-menu-list li a {
  color: #838895;
  display: block;
  text-decoration: none;
  background: transparent;
  line-height: 51.7px;
  height: 51.7px;
}
#navtoggle ul .user-menu-li-container .user-menu .user-menu-list li a span {
  vertical-align: middle;
}
#navtoggle ul .user-menu-li-container .user-menu .user-menu-list li:hover {
  background: #f0f0f0;
  font-weight: bold;
}
@media (max-width: 767px) {
  #navtoggle ul .user-menu-li-container .user-menu {
    position: initial;
    width: 100%;
    margin: 0;
  }
  #navtoggle ul .user-menu-li-container .user-menu .user-menu-list {
    display: block;
    position: initial;
    box-shadow: none;
    min-width: 100%;
    padding: 0;
  }
  #navtoggle ul .user-menu-li-container .user-menu .user-menu-list:before {
    display: none;
  }
  #navtoggle ul .user-menu-li-container .user-menu .user-menu-list li {
    padding: 0;
  }
  #navtoggle ul .user-menu-li-container .user-menu .user-menu-list li a {
    line-height: 72px;
    color: #838895;
  }
}
#navtoggle ul .user-menu-li-container:hover .user-menu-list {
  display: block;
}
#navtoggle ul .user-menu-li-container:hover .navbar-icon.profile-icon {
  background-image: url(/img/icons/icon-profile-active.svg);
}
#navtoggle ul li {
  display: inline-block;
}
#navtoggle ul li.visible-xs-without-important {
  display: none;
}
@media (max-width: 767px) {
  #navtoggle ul li.visible-xs-without-important {
    display: block;
  }
}
#navtoggle ul li.join-as-a-factory {
  display: none;
}
@media (min-width: 1200px) {
  #navtoggle ul li.join-as-a-factory {
    display: inline-block;
  }
}
#navtoggle ul li .blue-text {
  color: #4a3aff;
}
#navtoggle ul li:hover a,
#navtoggle ul li.current a {
  text-decoration: none;
}
#navtoggle ul li.link:hover .subnav {
  display: block;
}
@media (max-width: 767px) {
  #navtoggle ul li a span {
    vertical-align: middle;
  }
  #navtoggle ul li:hover {
    background: #f0f0f0;
  }
}
#navtoggle .blank {
  background: white;
  color: #939598;
}
#navtoggle .right-nav {
  float: right;
  position: relative;
  line-height: 62px;
}
#navtoggle .right-nav #nav-search-container {
  line-height: normal;
  height: 42px;
}
#navtoggle .right-nav .mrsearch-form {
  height: 40px;
  border-radius: 4px;
  border: solid 1px #e0e0e0;
  position: relative;
}
#navtoggle .right-nav .mrsearch-form.form-focus {
  border: solid 1px #4a3aff;
}
#navtoggle .right-nav .mrsearch-input {
  border: none;
  background-color: transparent;
  width: 85px;
  height: 38px;
  outline: none;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 16px;
  padding: 0 5px;
  margin-right: 25px;
  transition: width 0.5s ease;
}
#navtoggle .right-nav .mrsearch-input:focus {
  width: 140px;
}
@media (max-width: 992px) {
  #navtoggle .right-nav .mrsearch-input {
    font-size: 12px;
    width: 99px;
  }
  #navtoggle .right-nav .mrsearch-input:focus {
    width: 99px;
  }
}
#navtoggle .right-nav .mrsearch-button {
  background: url('/img/icons/icon-search.png') no-repeat;
  width: 22px;
  height: 24px;
  border: 0;
  outline: none;
  color: black;
  text-decoration: none;
  margin: 5px;
  padding: 5px;
  max-width: inherit;
  line-height: inherit;
  box-shadow: none;
  border-radius: 0;
  text-transform: none;
  background-size: 22px 24px;
  position: absolute;
  right: 0;
}
#navtoggle .right-nav .mrsearch-button:hover {
  box-shadow: none !important;
}
#navtoggle .right-nav .sign-up-btn {
  position: relative;
  padding: 12px;
  display: inline-block;
  background-color: #598597;
}
#navtoggle .right-nav .sign-up-btn a {
  text-decoration: none;
  color: white;
}
#navtoggle .right-nav .action {
  margin: 0;
  font-size: 14px;
  color: #939598;
  cursor: pointer;
}
#navtoggle .right-nav .action a {
  padding: 0 10px;
  height: inherit;
}
#navtoggle .right-nav .action a:hover,
#navtoggle .right-nav .action:hover {
  background: transparent;
  color: #666;
}
#navtoggle .right-nav .action.login {
  margin-left: 25px;
}
@media (max-width: 767px) {
  #navtoggle .right-nav {
    float: none;
  }
}
@media (max-width: 767px) {
  #navtoggle {
    position: fixed;
    right: 0;
    top: 63px;
    height: 100%;
    width: 100%;
    background: #fff;
    overflow: auto;
    padding-bottom: 55px;
  }
  #navtoggle ul {
    display: block;
    float: none;
    position: initial;
  }
  #navtoggle ul li {
    height: 72px;
    border-top: solid 1px #e0e0e0;
    display: block;
  }
  #navtoggle ul li.visible-xs-without-important {
    display: none;
  }
  #navtoggle ul li.link:hover .subnav {
    display: none;
  }
  #navtoggle ul li a {
    height: initial;
    line-height: 72px;
    font-size: 16px;
    width: 100%;
  }
  #navtoggle ul li a:hover {
    background: #f0f0f0;
    color: #838895;
    font-weight: bold;
  }
  #navtoggle ul li.user-menu-li-container {
    height: inherit;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #navtoggle ul li.visible-xs-without-important {
    display: block;
  }
}
.clear-header {
  margin-bottom: 63px;
}
@media (max-width: 992px) {
  nav.links li a {
    font-size: 12px;
    padding: 0 12px;
  }
  .right-nav .mrsearch-input {
    font-size: 12px;
    width: 55px;
  }
  .right-nav .mrsearch-input:focus {
    width: 80px;
  }
}
/*new*/
.navbar-icon {
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center center;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
}
.navbar-icon.profile-icon {
  width: 36px;
  height: 36px;
  background-image: url(/img/icons/icon-profile-blue.svg);
}
.navbar-icon.search-icon {
  width: 40px;
  height: 40px;
  background-image: url(/img/icons/icon-search.svg);
}
.navbar-icon.search-icon-active {
  width: 40px;
  height: 40px;
  background-image: url(/img/icons/icon-search-active.svg);
}
.navbar-icon.close-icon {
  width: 40px;
  height: 40px;
  background-image: url(/img/icons/icon-close.svg);
}
.navbar-icon.messages-icon {
  width: 40px;
  height: 40px;
  background-image: url(/img/icons/icon-messages-blue.svg);
  position: relative;
}
.navbar-icon.messages-icon .red-dot {
  padding: 2px 4px;
  font-size: 10px;
  line-height: 10px;
  background-color: #f04e38;
  border-radius: 6px;
  border: 2px solid white;
  position: absolute;
  right: 2px;
  top: 5px;
  color: white;
}
.icon-wrapper {
  display: inline-block;
  width: 30px;
  margin-right: 20px;
}
.icon-wrapper img {
  margin: 0 auto;
}
body {
  padding-top: 62px;
}
@media (max-width: 767px) {
  .navigation li.link:hover {
    background: none;
  }
  #header {
    padding-bottom: 5px;
  }
  .center-on-mobile {
    width: 80%;
    margin: 0 auto;
    display: block;
  }
}
.new-navigation {
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
  padding: 0 0 8px;
  width: 100%;
}
.new-navigation:before,
.new-navigation:after {
  display: table;
  line-height: 0;
  content: "";
}
.new-navigation:after {
  clear: both;
}
.new-navigation:before,
.new-navigation:after {
  content: "";
  display: table;
}
.new-navigation:after {
  clear: both;
}
.new-navigation:before,
.new-navigation:after {
  display: table;
  content: "";
  line-height: 0;
}
.new-navigation:after {
  clear: both;
}
.new-navigation .logo {
  float: left;
}
.new-navigation > ul {
  float: right;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
  font-size: 28px;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.new-navigation > ul:before,
.new-navigation > ul:after {
  display: table;
  line-height: 0;
  content: "";
}
.new-navigation > ul:after {
  clear: both;
}
.new-navigation > ul:before,
.new-navigation > ul:after {
  content: "";
  display: table;
}
.new-navigation > ul:after {
  clear: both;
}
.new-navigation > ul:before,
.new-navigation > ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.new-navigation > ul:after {
  clear: both;
}
.new-navigation > ul li {
  float: left;
  text-align: right;
  width: 31px;
  display: block;
  line-height: 40px;
  margin: 0 0 0 12px;
}
.new-navigation > ul li a {
  color: #767676;
  display: block;
  border-radius: 1000px;
}
.new-navigation > ul li.close a {
  text-align: center;
}
.new-navigation > ul li.close a.active {
  background: #008fae;
  color: #fff;
}
.new-navigation > ul li.search a.active {
  color: #008fae;
}
.new-navigation > ul li.messages a {
  color: gray;
  position: relative;
  padding: 2px 0 0;
}
.new-navigation > ul li.messages .red-dot {
  padding: 2px 4px;
  line-height: 10px;
  font-size: 10px;
  display: none;
  color: white;
  background: red;
  position: absolute;
  top: 5px;
  right: -5px;
  border-radius: 6px;
}
.new-navigation > ul li.messages.active .red-dot {
  display: block;
}
.new-navigation > ul li.messages.active a {
  color: #008fae;
}
.remove-note {
  height: 20px;
  padding: 5px 0;
}
.remove-note .label {
  font-family: inherit;
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 20;
  text-transform: uppercase;
  color: #282d32;
  height: 20px;
}
.remove-note a:hover .label {
  text-decoration: underline;
}
.remove-note a:hover .remove {
  color: #282d32;
}
#main.messages {
  padding-top: 80px;
}
.controller #option-checkall {
  border-left: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  padding: 0 16px;
  margin-left: 16px;
}
.controller .pagination {
  border: 0;
  padding: 0;
}
.messages #primary {
  overflow: hidden;
}
.messages .list {
  margin-bottom: 20px;
  border-collapse: inherit;
}
.messages tr.thread {
  cursor: pointer;
}
.messages tr.thread td {
  padding: 30px 0;
  position: relative;
}
.messages tr.thread:hover td {
  background-color: #fafafa;
}
.messages tr.thread .thread-body {
  padding: 30px 30px 30px 15px;
}
.messages tr.thread .thread-body .content {
  overflow: hidden;
}
.messages tr.thread .timestamp {
  margin: -20px 20px 0 0;
  position: absolute;
  right: 0;
}
.messages tr.thread .flag,
.cms li.thread .flag {
  border-color: transparent transparent transparent #f03a3b;
  border-style: solid;
  border-width: 0 20px 20px 20px;
  height: 0;
  margin: -50 0 0 -10;
  position: absolute;
  width: 0;
}
.messages tr.thread .flag {
  margin-top: -51px;
}
.messages ul.messages > li {
  background: #fff;
  position: relative;
}
.messages ul.messages > li.thread-header {
  border-bottom: 1px solid #cfcfcf;
  padding: 20px 20px 20px 30px;
}
.messages ul.messages > li.thread-header > .left {
  color: #282d32;
  font-weight: bold;
  height: 22px;
  line-height: 20;
}
.messages ul.messages > li.thread-header > .right {
  font-family: inherit;
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 22px;
  text-transform: uppercase;
  border-radius: 3px;
  background-color: #588195;
  color: #fff;
  height: 22px;
  padding: 0 7px;
}
.messages ul.messages > li.message {
  border-bottom: 1px solid #cfcfcf;
  padding: 30px;
  word-break: break-word;
}
.messages ul.messages > li.message .message-body {
  margin-left: 80px;
}
.messages ul.messages > li.message .message-body .meta {
  margin-bottom: 10px;
}
.messages ul.messages > li.message .timestamp {
  margin: -20px 20px 0 0;
  position: absolute;
  right: 0;
}
.message .tags {
  margin-top: 20px;
}
.message .tags .tag a {
  background-color: #96b400;
  color: #282d32;
}
.message .tags .tag a:hover {
  color: #fff;
}
.messages .form-modal .textarea {
  position: relative;
}
.messages .form-modal .textarea textarea {
  float: none;
  width: 100%;
}
.messages .form-modal .textarea .mr-dropup {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.messages .form-modal .textarea .mr-dropup .add-reply-yes {
  display: inline;
}
.messages .form-modal .textarea .mr-dropup .add-reply-no {
  display: none;
}
.messages .form-modal .textarea .mr-dropup .add-to-quick-msg .add-reply-yes {
  display: none;
}
.messages .form-modal .textarea .mr-dropup .add-to-quick-msg .add-reply-no {
  display: inline;
}
.messages .avatar,
.cms .avatar {
  border-radius: 0;
  height: 60;
  width: 60;
}
.messages .participants,
.messages .subject,
.cms .participants,
.cms .subject {
  color: #282d32;
  font-weight: bold;
  height: 16px;
  line-height: 16px;
  margin-bottom: 5px;
}
.messages .participants a,
.cms .participants a {
  border-bottom: 1px dotted #282d32;
  color: #282d32;
  text-decoration: none;
}
.messages .participants a:hover,
.cms .participants a:hover {
  border-bottom: 1px solid #282d32;
  text-decoration: none;
}
.messages .participants i,
.messages .subject i,
.cms .participants i,
.cms .subject i {
  margin: 0 5px 0 0 !important;
}
.welcome {
  padding: 0 15px 20px;
  text-align: right;
}
.welcome span {
  font-weight: 700;
  color: #444;
}
.welcome a {
  margin-left: 5px;
  color: #3F7293;
  text-decoration: underline;
}
.attachment-actions {
  float: left;
  margin: 0;
}
.attachment-actions > li {
  float: left;
  height: 30px;
  margin-left: 10px;
  position: relative;
}
.attachment-actions > li:first-child {
  margin: 0;
}
.attachment-actions > li:hover .label {
  text-decoration: underline;
}
.attachment-actions > li {
  height: 40px;
}
.attachment-actions > li a {
  display: block;
  height: inherit;
  text-decoration: none;
  width: inherit;
}
.attachment-actions > li i {
  margin: 12px 0 12px 7px;
}
.attachment-actions > li .label {
  font-family: inherit;
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 40px;
  text-transform: uppercase;
  color: #282d32;
  height: 40px;
  margin-left: 5px;
}
.attachment-actions li.file {
  overflow: hidden;
  width: 210px;
}
.attachment-actions li.file input[type=file] {
  font-size: 210px;
  height: 40px;
  position: absolute;
  width: 210px;
  top: 0px;
  left: 0px;
}
.attachment-actions li > .menu {
  bottom: 0;
  display: none;
  margin-bottom: 40px;
  max-height: 130px;
  position: absolute;
  width: 300px;
  z-index: 100;
}
.attachment-actions li > .menu .content {
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #cfcfcf;
  max-height: 130px;
  overflow-y: auto;
}
.attachment-actions li > .menu ul {
  margin: 0;
  padding: 5px 0;
}
.attachment-actions li > .menu li {
  height: 30px;
  width: inherit;
}
.attachment-actions li > .menu li a {
  color: #5a5a5a;
  line-height: 30px;
  padding: 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.attachment-actions li > .menu li a:hover {
  background: #faf7f0;
}
.attachment-actions li > .menu .arrow {
  background: #fff;
  margin-left: 20px;
  position: relative;
}
.attachment-actions li > .menu .arrow:after,
.attachment-actions li > .menu .arrow:before {
  left: 0;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.attachment-actions li > .menu .arrow:after {
  border-color: transparent;
  border-top-color: #fff;
  border-width: 7px;
  margin-left: 6px;
  margin-top: -1px;
}
.attachment-actions li > .menu .arrow:before {
  border-color: transparent;
  border-top-color: #cfcfcf;
  border-width: 8px;
  margin-left: 5px;
}
.attachment-bar {
  -o-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2) !important;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2) !important;
  background-color: #999999;
  cursor: default;
  height: 30px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.attachment-bar.success {
  background-color: #96b400;
}
.attachment-bar.error {
  background-color: #f03a3b;
}
.attachment-bar .content {
  box-sizing: border-box;
  height: inherit;
  padding: 7px;
  width: inherit;
}
.attachment-bar .label {
  font-family: inherit;
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 16px;
  text-transform: uppercase;
  color: #282d32;
  height: 16px;
  margin-left: 5px;
}
.attachment-bar .remove {
  margin: 5px;
}
.messages li.message .projects {
  border-top: 1px solid #cfcfcf;
  margin: 20px 0 0 0;
}
.messages li.message .projects li {
  border: 1px solid #cfcfcf;
  border-top: none;
  padding: 10px;
}
.messages li.message .projects li .thumbnail {
  background: center;
}
.messages li.message .projects li .thumbnail a {
  display: block;
  height: inherit;
  text-decoration: none;
  width: inherit;
}
.messages li.message .projects li .content {
  box-sizing: border-box;
  height: 100px;
  margin-left: 105px;
  overflow: hidden;
  padding: 5px 10px;
}
.messages li.message .projects li h3 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: normal;
  text-transform: none;
  margin: 0;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.messages #sidebar .button {
  width: inherit;
}
.messages #sidebar li {
  color: #999999;
  line-height: 16px;
}
.messages #sidebar li:first-child {
  border-bottom: 1px solid #cfcfcf;
  font-weight: bold;
  margin-bottom: 12px;
  padding-bottom: 8px;
}
.messages #sidebar li i {
  margin-right: 10px;
}
.messages #sidebar li a {
  display: block;
  height: inherit;
  text-decoration: none;
  width: inherit;
  color: #282d32;
  font-weight: bold;
  padding: 4px 0;
}
.messages #sidebar li a:hover,
.messages #sidebar li a.current {
  color: #f03a3b;
  text-decoration: none;
}
.messages #sidebar li .count {
  color: #999999;
  font-weight: normal;
}
.messages #sidebar li.vip a:hover,
.messages #sidebar li.vip a.current {
  color: #588195;
}
/* Sidebar */
.product .sidebar #details li {
  height: 16px;
  line-height: 16px;
  margin: 0 0 10px 0;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.product .sidebar #details .labels li {
  width: 100px;
}
.product .sidebar #details .values li {
  color: #999999;
  width: 200px;
}
.product .sidebar #details .labels.wide li {
  max-width: 300px;
}
/* Photo */
.product #photo {
  line-height: 0;
  max-width: 640px;
}
.product #photo img {
  display: block;
  max-width: 640px;
  margin: 0 auto;
}
.profile #gallery {
  background-color: #fff;
}
.profile #gallery .slideshow {
  height: 360px;
  margin-bottom: 0;
  overflow: hidden;
  width: inherit;
}
.profile #gallery .pager {
  border-bottom: 1px solid #cfcfcf;
  padding: 20px;
}
.profile #gallery .pager ul {
  margin-bottom: 0;
}
.profile #gallery .pager li {
  margin-left: 5px;
}
.profile #gallery .pager li:first-child {
  margin: 0;
}
.profile #gallery .pager li a {
  border-radius: 5px;
  background: #999999;
  display: block;
  height: 10px;
  width: 10px;
}
.profile #gallery .pager li.current a {
  background: #282d32;
}
.profile #gallery .pager li a:hover {
  background: #f03a3b !important;
}
.profile .preferred-badge {
  display: inline-block;
  background: rgba(10, 35, 42, 0.1);
  border-radius: 4px;
  letter-spacing: 0.8px;
  font-weight: 700;
  font-size: 10px;
  text-transform: uppercase;
  margin-left: 4px;
}
.profile .preferred-badge a {
  display: flex;
  align-items: center;
  justify-items: flex-start;
  color: #0A232A;
  line-height: 1;
  position: relative;
}
.profile .preferred-badge a span {
  padding: 4px 5px 3px 20px;
}
.profile .preferred-badge a svg {
  position: absolute;
  left: -4px;
  top: -1px;
  width: 20px;
  height: 20px;
}
.status {
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
  border-radius: 3px;
  background: #fff;
  margin-bottom: 20px;
  padding: 5px;
}
.profile #intro {
  border-bottom: 1px solid #5a5a5a;
  padding-bottom: 20px;
}
.profile #intro .title {
  float: left;
  min-height: 80px;
  max-width: 555px;
  padding-top: 10px;
}
.profile #intro .title .headline {
  text-align: left;
  display: inline-block;
}
.profile #intro .title .subhead {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 24px;
  text-transform: none;
  color: #999999;
}
.profile #intro .title .subhead a {
  color: #999999;
  text-decoration: none;
}
.profile #intro .title .subhead a:hover {
  color: #f03a3b;
}
.profile #intro .company-type {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 60px;
  text-transform: uppercase;
  border-radius: 5px;
  background: #5a5a5a;
  color: #fff;
  float: right;
  height: 60px;
  padding: 0 20px;
}
.profile .ctas {
  margin: 20px 0 0 0;
  overflow: hidden;
  width: 210px;
}
.profile .ctas.wide {
  width: 300px;
}
.profile .ctas:first-child {
  margin: 0;
}
.profile .ctas:last-child {
  border-bottom: 1px solid #cfcfcf;
  padding-bottom: 20px;
}
.profile .ctas li {
  clear: both;
  float: left;
  width: 100%;
}
.profile .ctas li a,
.profile .ctas button {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  clear: both;
  color: #5a5a5a;
  float: left;
  line-height: 16px;
  padding: 12px 20px;
  text-decoration: none;
  width: 100%;
}
.profile .ctas li:first-child a {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top: 1px solid #cfcfcf;
}
.profile .ctas li:last-child a {
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.profile .ctas li i,
.profile .ctas button i {
  display: inline-block;
  float: left;
  margin-right: 12px;
  position: relative;
}
.profile .ctas li .label {
  display: block;
  margin-left: 28px;
}
.profile .ctas li span,
.profile .ctas button span {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 16px;
  text-transform: uppercase;
  display: block;
  margin-left: 28px;
}
.profile .ctas li span small {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 16px;
  text-transform: none;
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  -webkit-opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.profile .ctas li a:hover,
.profile .ctas button:hover {
  color: #f03a3b;
  text-decoration: none;
}
.profile .ctas #numbers {
  box-sizing: border-box;
  background-color: #fff;
  padding: 12px 20px;
}
.profile .ctas li.dark {
  margin-top: 1px;
}
.profile .ctas li.dark:first-child {
  margin: 0;
}
.profile .ctas li.dark a,
.profile .ctas button.dark {
  background-color: #282d32;
  border-bottom: none;
  border-left-color: #282d32;
  border-right-color: #282d32;
  border-top: none;
  color: #fff;
}
.profile .ctas li.dark a:hover .profile .ctas button.dark:hover {
  background-color: #f03a3b;
  border-left-color: #f03a3b;
  border-right-color: #f03a3b;
}
.profile .ctas li.dark.blue a,
.profile .ctas button.blue {
  background-color: #1975FF;
  border-left-color: #1975FF;
  border-right-color: #1975FF;
}
.profile .ctas li.dark.blue a:hover,
.profile .ctas button.blue:hover {
  background-color: #282d32;
  border-left-color: #282d32;
  border-right-color: #282d32;
}
.profile .ctas li.placeholder {
  margin-top: 1px;
}
.profile .ctas li.placeholder:first-child {
  margin: 0;
}
.profile .ctas li.placeholder a {
  background-color: #cfcfcf;
  border-left-color: #cfcfcf;
  border-right-color: #cfcfcf;
  border-top: none;
  color: #282d32;
}
.profile .ctas li.placeholder a:hover {
  background-color: #fafafa;
  color: #f03a3b;
}
.profile .action-note {
  clear: both;
  float: left;
}
.profile .action-note a {
  text-decoration: none !important;
}
.profile .action-note .content {
  box-sizing: border-box;
  border-radius: 3px;
  background-color: #588195;
  color: #fff;
  padding: 10px;
  text-align: center;
  width: 300px;
}
.profile .action-note .content .label {
  box-sizing: border-box;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 6px;
  line-height: 25px;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  height: 25px;
  padding-left: 5px;
}
.profile .action-note .content .subtitle {
  font-family: inherit;
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 20px;
  text-transform: uppercase;
  border-radius: 2px;
  background: #3c5765;
  color: #96b400;
  font-style: italic;
  height: 20px;
  margin-top: 5px;
}
.profile .action-note .arrow {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #588195;
  height: 0;
  width: 0;
  margin: 0 0 5px 20px;
}
.profile #player {
  background-color: #000;
  height: 360px;
  z-index: 6;
  position: relative;
  max-width: 640px;
  width: 640px;
}
.profile #share {
  border-bottom: 1px solid #cfcfcf;
  padding-bottom: 10px;
}
.profile #share li {
  display: inline-block;
  float: left;
  height: 20px;
  margin-right: 10px;
}
.profile #share li a {
  display: none;
}
.profile #social {
  height: 16px;
  width: 300px;
}
.profile #social li {
  float: left;
  margin-left: 10px;
}
.profile #social li:first-child {
  margin: 0;
}
.profile .tags {
  height: 26px;
  overflow: hidden;
}
.profile #sections {
  margin-top: 20px;
}
.profile #sections .nav {
  background-color: #282d32;
}
.profile #sections #map {
  width: 640px;
}
.profile #map-container {
  display: inline-block;
  height: 500px;
  width: 630px;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  text-rendering: optimizelegibility;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none !important;
}
h3 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 25px;
  text-transform: uppercase;
  color: #282d32;
  margin-bottom: 10px;
}
h3 a {
  color: #282d32;
}
h3 a:hover {
  color: #f03a3b;
}
h4 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: normal;
  text-transform: uppercase;
  color: #282d32;
  margin-bottom: 10px;
}
h4 a {
  color: #282d32;
}
h4 a:hover {
  color: #f03a3b;
}
/* Paragraphs */
p {
  color: #5a5a5a;
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 10px;
}
div.medium p,
div.medium li,
p.medium,
ul.medium li,
span.medium {
  font-size: 14px;
  line-height: 24px;
}
div.big p,
div.big li,
p.big,
ul.big li,
span.big {
  font-size: 16px;
  line-height: 26px;
}
div.bigger p,
div.bigger li,
p.bigger,
ul.bigger li,
span.bigger {
  font-size: 20px;
  line-height: 28px;
}
div.big p,
p.big,
div.bigger p,
p.bigger {
  margin-bottom: 20px;
}
p.highlight {
  color: #588195;
}
/* Anchors */
a {
  border: none;
  color: #f03a3b;
  outline: none;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
/* Light */
.light,
.light p {
  color: #999999;
}
/* Span colors */
span.upgrade {
  color: #588195;
}
span.paid {
  color: #588195;
}
span.blue {
  color: #588195;
}
span.red {
  color: #f03a3b;
}
span.yellow {
  color: #e9ba26;
}
span.green {
  color: #96b400;
}
span.type-photo {
  color: #f03a3b;
}
span.type-sketch {
  color: #f0812b;
}
span.type-drafting {
  color: #e9ba26;
}
/* Small */
small {
  font-size: 11px;
}
small.error {
  color: #f03a3b;
}
small.success {
  color: #96b400;
}
ul {
  list-style: none;
  margin-bottom: 20px;
}
@media only screen and (max-width: 529px) {
  ul.hor {
    width: 100%!important;
  }
}
ul.hor li {
  float: left;
}
@media only screen and (max-width: 529px) {
  ul.profile.hor li {
    float: none;
    display: block!important;
    margin-bottom: 2px!important;
    width: 100%!important;
  }
}
ul.hor.spaced-5 li {
  margin-left: 5px;
}
ul.hor.spaced-5 li:first-child {
  margin: 0;
}
ul.hor.spaced-10 li {
  margin-left: 10px;
}
ul.hor.spaced-10 li:first-child {
  margin: 0;
}
ul.centered {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
ul.centered li {
  position: relative;
  flex: 1;
}
ul.list {
  list-style-position: outside;
  list-style-type: disc;
  margin-left: 16px;
}
ul.icons {
  margin: 0;
}
ul.icons li {
  height: 16px;
  line-height: 16px;
  margin-bottom: 5px;
}
ul.icons .icon {
  margin-right: 5px;
}
.table {
  display: table;
}
.table > .table-col {
  display: table-cell;
}
.table > .table-col.valign-top {
  vertical-align: top;
}
/**
 * Global img element styles
 */
img.img-rounded,
img.img-circle,
img.img-thumbnail {
  box-sizing: border-box;
  vertical-align: middle;
}
img.img-rounded {
  border-radius: 3px;
}
img.img-circle {
  border-radius: 50%;
}
img.img-thumbnail {
  border-radius: 4px;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #cfcfcf;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
@font-face {
  font-family: 'icomoon';
  src: url('/fonts/icomoon.eot?sn4g37');
  src: url('/fonts/icomoon.eot?#iefixsn4g37') format('embedded-opentype'), url('/fonts/icomoon.woff?sn4g37') format('woff'), url('/fonts/icomoon.ttf?sn4g37') format('truetype'), url('/fonts/icomoon.svg?sn4g37#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
.ico-check-garay {
  background: url(/img/icons/check-white.png) no-repeat center center;
  background-size: 57px 57px;
}
.ico-star {
  background: url(/img/icons/star.png) no-repeat center center;
  background-size: 57px 57px;
}
.ico-slice {
  background: url(/img/icons/slice.png) no-repeat center center;
  background-size: 57px 57px;
}
.ico-money {
  background: url(/img/main/money-image.png) no-repeat center center;
  background-size: 57px 57px;
}
.ico-gide {
  background: url(/img/icons/guide.png) no-repeat center center;
  background-size: 57px 57px;
}
.ico-clock {
  background: url(/img/icons/clock.png) no-repeat center center;
  background-size: 57px 57px;
}
.ico-square {
  display: inline-block;
  width: 93px;
  height: 93px;
  background-color: #9a9a9a;
  border-radius: 10px;
}
.ico-check-big {
  background: url(/img/icons/check.png) no-repeat 0 0;
  width: 93px;
  height: 93px;
  background-size: cover !important;
  display: inline-block;
}
.ico-check-small {
  background: url(/img/icons/check.png) no-repeat 0 0;
  width: 34px;
  height: 34px;
  background-size: 34px 34px;
  display: inline-block;
}
.ico-arrow-red {
  width: 260px;
  height: 123px;
  background: url(/img/main/red-arrow.png) no-repeat 0 0;
  display: inline-block;
  position: absolute;
  top: 30px;
  left: 139px;
}
.ico-check {
  background: url(/img/icons/check4.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
  display: inline-block;
  background-size: 16px 16px;
}
.ico-close {
  background: url(/img/icons/close.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
  display: inline-block;
  background-size: 16px 16px;
}
[class^="icomoon"],
[class*="icomoon"] {
  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-production:before {
  content: "\E601";
}
.icon-other:before {
  content: "\E600";
}
.icon-tooling:before {
  content: "\E602";
}
.icon-sample_making:before {
  content: "\E603";
}
.icon-sample-making:before {
  content: "\E603";
}
.icon-materials:before {
  content: "\E604";
}
.icon-pattern_making:before {
  content: "\E605";
}
.icon-pattern-making:before {
  content: "\E605";
}
.icon-draftings:before {
  content: "\E605";
}
.icon-drafting:before {
  content: "\E605";
}
.icon-ideation:before {
  content: "\E606";
}
.help-item-bg {
  background: #5a5a5a;
  color: #fff;
  border-radius: 50%;
  display: inline-block;
  font-size: 30px;
}
.help-item-bg:hover {
  text-decoration: none !important;
}
.field-row {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  clear: both;
}
.field-row .field-row-title {
  width: 100%;
  display: block;
  font-size: 20px;
}
.field-row .field-wrapper {
  width: auto;
  clear: none;
  margin-right: 30px;
}
.field-row .field-wrapper:last-child {
  margin-right: 0;
}
.field-wrapper {
  clear: both;
  float: left;
  padding-bottom: 20px;
  width: 100%;
}
.field-wrapper .suggestions {
  box-sizing: border-box;
  display: none;
  margin-top: 10px;
  word-break: break-word;
  width: 100%;
}
.field-wrapper .suggestions a {
  text-decoration: underline;
}
.field {
  float: left;
  width: 400px;
}
@media only screen and (max-width: 529px) {
  .field {
    width: 100%;
  }
}
input[type=file] {
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  cursor: pointer;
  filter: alpha(opacity=0);
  font-size: 300px;
  height: 160px;
  width: 300px;
}
.cities-search-box {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #999999;
  display: none;
  height: 120px;
  margin-top: 29px;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  width: 300px;
  z-index: 1;
}
.cities-search-box div {
  height: 30px;
  line-height: 30px;
  width: 300px;
}
.cities-search-box .alt {
  background-color: #faf7f0;
}
.cities-search-box a,
.cities-search-box .no-matches {
  display: block;
  height: inherit;
  text-decoration: none;
  width: inherit;
  color: #5a5a5a;
  padding: 0 10px;
}
.cities-search-box a:hover {
  background-color: #cfcfcf;
}
.credit-card-form input[type='text'],
.billing-info-form input[type='text'],
.promo-code input[type='text'],
.brand-signup-form input[type='text'],
.login-form input[type='text'],
.brand-plan-subscribe input[type='text'],
.credit-card-form input[type='password'],
.billing-info-form input[type='password'],
.promo-code input[type='password'],
.brand-signup-form input[type='password'],
.login-form input[type='password'],
.brand-plan-subscribe input[type='password'],
.credit-card-form input[type='email'],
.billing-info-form input[type='email'],
.promo-code input[type='email'],
.brand-signup-form input[type='email'],
.login-form input[type='email'],
.brand-plan-subscribe input[type='email'] {
  width: 100%;
  padding: 7px 15px 0;
  line-height: 45px;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  font-weight: 200;
  letter-spacing: -0.2px;
  color: #838895;
  max-height: 47px;
}
.credit-card-form input:focus,
.billing-info-form input:focus,
.promo-code input:focus,
.brand-signup-form input:focus,
.login-form input:focus,
.brand-plan-subscribe input:focus {
  outline-width: 0;
}
.credit-card-form .full-width,
.billing-info-form .full-width,
.promo-code .full-width,
.brand-signup-form .full-width,
.login-form .full-width,
.brand-plan-subscribe .full-width {
  width: 100%;
}
.credit-card-form .third,
.billing-info-form .third,
.promo-code .third,
.brand-signup-form .third,
.login-form .third,
.brand-plan-subscribe .third {
  width: 32%;
}
.credit-card-form .margin,
.billing-info-form .margin,
.promo-code .margin,
.brand-signup-form .margin,
.login-form .margin,
.brand-plan-subscribe .margin {
  margin: 0 7px;
}
.credit-card-form .floating-label,
.billing-info-form .floating-label,
.promo-code .floating-label,
.brand-signup-form .floating-label,
.login-form .floating-label,
.brand-plan-subscribe .floating-label {
  position: relative;
  display: inline-block;
  margin-bottom: 12px;
}
.credit-card-form img.input-error-img,
.billing-info-form img.input-error-img,
.promo-code img.input-error-img,
.brand-signup-form img.input-error-img,
.login-form img.input-error-img,
.brand-plan-subscribe img.input-error-img {
  position: absolute;
  top: 8px;
  right: 7px;
  visibility: hidden;
}
.credit-card-form .floating-label label,
.billing-info-form .floating-label label,
.promo-code .floating-label label,
.brand-signup-form .floating-label label,
.login-form .floating-label label,
.brand-plan-subscribe .floating-label label {
  position: absolute;
  padding-left: 15px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.2px;
  font-size: 14px;
  color: #838895;
  font-family: 'Heebo', Arial, sans-serif !important;
  text-transform: none;
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  top: 20px;
  display: block;
  cursor: inherit;
}
.credit-card-form .floating-label.is-active label,
.billing-info-form .floating-label.is-active label,
.promo-code .floating-label.is-active label,
.brand-signup-form .floating-label.is-active label,
.login-form .floating-label.is-active label,
.brand-plan-subscribe .floating-label.is-active label {
  color: #008fb0;
  top: 10px;
  font-weight: bold;
  font-size: 12px;
}
.credit-card-form .floating-label.is-active.error label,
.billing-info-form .floating-label.is-active.error label,
.promo-code .floating-label.is-active.error label,
.brand-signup-form .floating-label.is-active.error label,
.login-form .floating-label.is-active.error label,
.brand-plan-subscribe .floating-label.is-active.error label {
  color: #ff1553 !important;
  font-weight: bold;
  font-size: 12px;
}
.credit-card-form span.error-msg,
.billing-info-form span.error-msg,
.promo-code span.error-msg,
.brand-signup-form span.error-msg,
.login-form span.error-msg,
.brand-plan-subscribe span.error-msg,
.credit-card-form p.error-msg,
.billing-info-form p.error-msg,
.promo-code p.error-msg,
.brand-signup-form p.error-msg,
.login-form p.error-msg,
.brand-plan-subscribe p.error-msg {
  text-align: left;
  font-weight: 900 !important;
  color: #ff1553 !important;
  visibility: hidden;
  margin-bottom: 2px !important;
  font-size: 13px;
  line-height: 13px;
}
.credit-card-form.error input,
.billing-info-form.error input,
.brand-signup-form.error input,
.promo input,
.floating-label.error input {
  border: solid 1px #ff1553;
}
.credit-card-form.error img.input-error-img,
.billing-info-form.error img.input-error-img,
.brand-signup-form.error img.input-error-img,
.promo img.input-error-img,
.floating-label.error img.input-error-img {
  visibility: visible;
}
.credit-card-form.error p.error-msg,
.billing-info-form.error p.error-msg,
.brand-signup-form.error p.error-msg,
.promo p.error-msg,
.floating-label.error p.error-msg {
  visibility: visible;
}
.input input[type=text]:focus,
.input input[type=tel]:focus,
.input input[type=email]:focus,
.input input[type=password]:focus,
.textarea textarea:focus {
  background: #fff;
  border-color: #999999;
}
@media only screen and (max-width: 529px) {
  select {
    -webkit-appearance: menulist;
  }
}
button,
input[type=submit],
input[type=image] {
  border: 0;
  cursor: pointer;
  outline: none;
}
button,
input[type=submit] {
  border-radius: 5px;
  background: #4a3aff;
  color: #fff;
  text-decoration: none;
}
.button,
button,
input[type=submit] {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 40px;
  text-transform: uppercase;
  color: #fff;
  height: 40px;
  margin: 0;
  padding: 0 5px;
  text-align: center;
  width: 95%;
  max-width: 300px;
}
input[type=submit] {
  padding: 0 20px;
}
.button {
  min-width: 125px;
}
.button a {
  display: block;
  height: inherit;
  text-decoration: none;
  width: inherit;
  border-radius: 5px;
  background-color: #4a3aff;
  color: #fff;
  text-decoration: none !important;
  width: 100%;
}
.button span {
  color: #fff;
}
.disabled-option {
  display: none;
}
.enabled-option {
  display: inline-block;
}
.button.disabled,
.button:disabled,
.button[disabled] {
  border-radius: 5px;
  background-color: #cfcfcf;
  color: #999999;
}
.button.disabled .disabled-option,
.button:disabled .disabled-option,
.button[disabled] .disabled-option {
  display: inline-block;
}
.button.disabled .enabled-option,
.button:disabled .enabled-option,
.button[disabled] .enabled-option {
  display: none;
}
.button a:hover,
button:hover,
input[type=submit]:hover,
.apply-button:hover {
  -o-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.4) !important;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.4) !important;
}
.button a:active,
button:active,
input[type=submit]:active,
.apply-button:active {
  -o-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.6) !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.6) !important;
  background-color: #0f49b0;
}
.button.small,
button.small,
input[type=submit].small {
  width: 145px;
}
.button.mini,
button.mini,
input[type=submit].mini {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 30px;
  text-transform: uppercase;
  height: 30px;
  width: auto;
}
.button.mini a,
button.mini,
input[type=submit].mini {
  box-sizing: border-box;
  -o-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
  border-radius: 3px;
  padding: 0 12px;
}
.button.mini .icon,
.button.mini i {
  float: left;
  margin: 7px 7px 7px -2px;
}
.button.big,
button.big,
input[type=submit].big {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 5px;
  line-height: 60px;
  text-transform: uppercase;
  height: 60px;
  margin: 0 auto;
  max-width: 400px;
}
.button.big a,
button.big,
input[type=submit].big {
  -o-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
  border-radius: 60px;
}
.button.white a,
button.white,
input[type=submit].white {
  background-color: #fff;
  color: #282d32;
}
.button.white a:hover,
button.white:hover,
input[type=submit].white:hover,
.button.white a:active,
button.white:active,
input[type=submit].white:active {
  background-color: #f2f2f2;
}
.button.grey a,
button.grey,
input[type=submit].grey {
  background-color: #faf7f0;
  color: #282d32;
}
.button.grey a:hover,
button.grey:hover,
input[type=submit].grey:hover,
.button.grey a:active,
button.grey:active,
input[type=submit].grey:active {
  background-color: #f4eddd;
}
.button.dark a,
button.dark,
input[type=submit].dark {
  background-color: #5a5a5a;
}
.button.dark a:hover,
button.dark:hover,
input[type=submit].dark:hover,
.button.dark a:active,
button.dark:active,
input[type=submit].dark:active {
  background-color: #4d4d4d;
}
.button.upgrade a,
button.upgrade,
input[type=submit].upgrade {
  background-color: #588195;
}
.button.upgrade a:hover,
button.upgrade:hover,
input[type=submit].upgrade:hover,
.button.upgrade a:active,
button.upgrade:active,
input[type=submit].upgrade:active {
  background-color: #4f7385;
}
.button.upgrade a {
  background-image: url('/img/icons/icon-form.png?3');
  background-image: url('/img/icons/icon-form.svg?3'), none;
  background-position: 0 -120px;
  background-repeat: no-repeat;
}
.button.upgrade.mini a {
  background-image: none;
}
.button.black a,
button.black,
input[type=submit].black {
  background-color: #282d32;
}
.button.black.current a,
.button.black a:hover,
button.black:hover,
input[type=submit].black:hover,
.button.black a:active,
button.black:active,
input[type=submit].black:active {
  background-color: #f03a3b;
}
.button.facebook a {
  letter-spacing: 0.4px;
  background: #3b5998 url('/img/icons/icon-form.png?3') no-repeat 0 0;
  background: #3b5998 url('/img/icons/icon-form.svg?3') no-repeat 0 0;
}
.button.shopify a {
  background: linear-gradient(to bottom, #6371c7, #5563c1);
  border-color: #3f4eae;
  box-shadow: inset 0 1px 0 0 #6f7bcb;
  color: #ffffff;
}
.button.shopify a i.shopify-icon {
  background-image: url(/img/admin/shopify.png);
  background-size: 20px 20px;
  display: inline-block;
  width: 40px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: -10px;
}
.button.twitter a {
  background: #2aa9e0 url('/img/icons/icon-form.png?3') no-repeat 0 -40px;
  background: #2aa9e0 url('/img/icons/icon-form.svg?3') no-repeat 0 -40px;
}
.button.linkedin a {
  background: #007bb5 url('/img/icons/icon-form.png?3') no-repeat 0 -80px;
  background: #007bb5 url('/img/icons/icon-form.svg?3') no-repeat 0 -80px;
}
.button.with-loader .loading-text {
  display: none;
}
.button.with-loader.loading {
  text-indent: -5000px;
  position: relative;
}
.button.with-loader.loading .loading-text {
  position: absolute;
  display: inline !important;
  left: 0;
  right: 0;
  text-align: center;
  text-indent: 0;
  width: 100%;
  height: 100%;
}
.input .button,
.input input[type=submit] {
  float: left;
  margin-left: 5px;
}
.btn {
  background-image: url('/img/icons/icon-30.png?3');
  background-image: url('/img/icons/icon-30.svg?3'), none;
  border-radius: 3px;
  background-color: #282d32;
  float: left;
  height: 30px;
  margin-left: 5px;
  width: 30px;
}
.btn a {
  display: block;
  height: inherit;
  text-decoration: none;
  width: inherit;
}
.btn:first-child {
  margin-left: 0;
}
.btn:hover,
.controller .btn.current {
  background-color: #f03a3b;
}
.btn.favorite {
  background-position: 0 -210px;
}
.btn.subscribe {
  background-position: 0 -240px;
}
.btn.facebook {
  background-color: #3b5998;
  background-position: 0 0;
}
.btn.facebook:hover {
  background-color: #4c70ba;
}
.btn.twitter {
  background-color: #2aa9e0;
  background-position: 0 -30px;
}
.btn.twitter:hover {
  background-color: #57bbe6;
}
.btn.linkedin {
  background-color: #007bb5;
  background-position: 0 -60px;
}
.btn.linkedin:hover {
  background-color: #009ee8;
}
#copy-button {
  background: #282d32 !important;
  width: 70px;
}
.button-group > div {
  float: left;
  margin: 0 0 0 5px;
}
.button-group > div:first-child {
  margin: 0;
}
a.button-text {
  font-family: inherit;
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 20px;
  text-transform: uppercase;
  color: #282d32;
}
/* New Buttons */
.button-2 {
  border-radius: 4px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 14px;
  padding: 15px;
  background-color: #585f6a;
  color: #fff;
}
.button-2:hover {
  text-decoration: none;
  background-color: #4c535c;
}
.button.button-blue {
  background: #4a3aff;
  color: #fff;
  border: solid 1px #4a3aff;
}
.button.button-green {
  background: #08B726;
  color: #fff;
}
.button.button-red {
  background: #f03a3b;
  color: #fff;
}
.button.button-yellow {
  background-color: #f9d822;
  color: #0a232a;
}
.button.button-gray {
  background: #838895;
  color: #fff;
}
.button.button-outline {
  border: 2px solid #4a3aff;
  /* Outline color */
  border-radius: 12px;
  /* Rounded border */
  background-color: transparent;
  /* Transparent background */
  color: #4a3aff;
  /* Text color */
  /* Add some padding */
}
.button.button-white {
  background: #fff;
  color: #838895;
  border: solid 1px #838895;
}
.button.button-transparent {
  background: transparent;
  color: #fff;
  border-radius: 4px;
  border: 1px solid #fff;
}
.button.button-transparent-gray {
  background: transparent;
  color: #ccc;
  border-radius: 4px;
  border: 1px solid #a6a6a6;
}
.button.button-blue,
.button.button-gray,
.button.button-white,
.button.button-transparent,
.button.button-green,
.button.button-red,
.button.button-transparent-gray,
.button.button-yellow {
  padding: 0 20px;
  display: inline-block;
  border-radius: 4px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  text-decoration: none;
  text-transform: inherit;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.2px;
  cursor: pointer;
}
button.button-blue-light {
  font-family: 'Heebo';
  border-radius: 6px;
  color: #008fb0;
  background-color: #daeef3;
  font-size: 18px;
  text-transform: initial;
  font-weight: 500;
  max-width: initial;
  min-height: 55px;
  letter-spacing: -0.3px;
  width: 100%;
}
button.button-blue-light:hover {
  background-color: #008fb0;
  color: #fff;
  text-decoration: none;
  box-shadow: none !important;
}
.button.button-white.with-border {
  border: solid 1px #ccc;
}
.button.disabled {
  cursor: default;
}
.button.disabled:hover {
  box-shadow: none;
}
.button.full-width {
  max-width: 100%;
  width: 100%;
}
.button.button-small {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  padding: 0 10px;
  min-width: 100px;
  cursor: pointer;
}
.button.inactive {
  pointer-events: none;
}
.button.submit {
  max-width: 150px;
}
.button.all-caps {
  text-transform: uppercase;
}
.button.fat-button {
  height: 50px;
  line-height: 50px;
  max-width: 200px;
}
.button.hover-white:hover {
  background-color: white;
  color: #4a3aff;
  font-weight: bold;
  border: solid 1px #4a3aff;
}
.button.hover-steel:hover {
  background-color: #838895;
  color: white;
  font-weight: bold;
}
.button.button-mini {
  line-height: 20px!important;
  height: auto!important;
  padding: 0 8px!important;
  font-size: 13px!important;
}
.checkbox {
  clear: both;
  height: 20px;
  margin-bottom: 5px;
}
.checkbox div {
  cursor: pointer;
  float: left;
  height: 20px;
  margin-right: 5px;
  overflow: hidden;
  width: 20px;
  clear: right;
}
.checkbox input[type=checkbox] {
  border: none;
  cursor: pointer;
  height: 20px;
  margin: 0;
  outline: none;
  padding: 0;
  width: 20px;
}
@media only screen and (max-width: 529px) {
  .checkbox input[type=checkbox] {
    width: 12px;
    height: 12px;
  }
}
.checkbox label {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 19px;
  text-transform: none;
  color: #5a5a5a;
  display: inline;
}
.checkbox.left {
  clear: none;
  margin: 0 20px 0 0;
}
/*
// Checked

.checkbox input:checked ~ div {
    background-position: 0 0;
}
*/
.checkbox-messages {
  /* Base for label styling */
  /* checkbox aspect */
  /* checked mark aspect */
  /* checked mark aspect changes */
}
.checkbox-messages [type="checkbox"]:not(:checked),
.checkbox-messages [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.checkbox-messages [type="checkbox"]:not(:checked) + label,
.checkbox-messages [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 25px;
  padding-top: 3px;
  cursor: pointer;
  line-height: 30px;
}
.checkbox-messages [type="checkbox"]:not(:checked) + label:before,
.checkbox-messages [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 17px;
  height: 17px;
  border: 1px solid #cecece;
  background: #fff;
  border-radius: 3px;
}
.checkbox-messages [type="checkbox"]:not(:checked) + label:after,
.checkbox-messages [type="checkbox"]:checked + label:after {
  content: '\2713';
  position: absolute;
  top: 5px;
  left: 4px;
  font-size: 16px;
  line-height: 0.8;
  color: #008FAE;
  transition: all 0.2s;
}
.checkbox-messages [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.checkbox-messages [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
.checkbox-messages label:hover:before {
  border: 1px solid #008FAE !important;
}
.form.cc {
  border: 1px solid #e6e6e6;
  -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) !important;
  padding: 15px;
  width: 450px;
}
.form.cc.light {
  background-color: #fff;
}
.form.cc .field-wrapper {
  float: none;
  clear: none;
  margin-bottom: 0;
  height: 45px;
  margin-top: 15px;
  padding-bottom: 0;
}
.form.cc .field-wrapper.first {
  margin-top: 0;
}
.form.cc .field-item {
  float: left;
  margin-left: 10px;
}
.form.cc .field-item:first-child {
  margin-left: 0;
}
.form.cc .input {
  width: 48%;
}
.form.cc .input .placeholder {
  line-height: 45px;
}
.form.cc .input input {
  padding: 10px;
  height: 45px;
}
.form.cc .input.mini {
  width: 65px;
}
.form.cc .input.small {
  width: 120px;
}
.form.cc .select {
  border-radius: 0px;
  height: 43px;
  width: 39%;
  position: relative;
}
.form.cc .select.light {
  border: 1px solid #cfcfcf;
  background-color: #fff;
}
.form.cc .select:before {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #999999;
  height: 0;
  width: 0;
  margin-top: 20px;
}
.form.cc .select .selected {
  color: #999999;
  height: 43px;
  line-height: 43px;
  width: 100%;
}
.form.cc .select select {
  width: 100%;
  height: 45px;
}
.form.cc .button.grey {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  margin-top: 7px;
  margin-left: 5px;
}
.form.cc .button.grey a {
  border-radius: 0px;
  background-color: #5a5a5a;
  color: #faf7f0;
}
.form.cc .form-loader {
  float: left;
  margin: 10px 0 0 5px;
}
.form.cc .submit input[type="submit"],
.form.cc .pay-now-button,
.form.cc .pay-now-button a,
.form.cc .pay-now-button span {
  border-radius: 0px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 13px;
  height: 45px;
  width: 145px;
  line-height: 45px;
}
.datepicker {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: moz-none;
  user-select: none;
  background: #fff;
  border: 1px solid #999999;
  font-weight: bold;
  left: 0;
  margin-top: -1px;
  padding: 16px;
  top: 0;
  width: 210px;
  z-index: 10;
}
.datepicker.dropdown-menu {
  display: none;
  position: absolute;
}
.datepicker table {
  margin: 0;
  width: 100%;
}
.datepicker td,
.datepicker th {
  height: 22px;
  text-align: center;
  width: 20px;
}
.datepicker td.day {
  box-sizing: border-box;
  border-left: 1px solid #cfcfcf;
}
.datepicker td.day:first-child {
  border: 0;
}
.datepicker td.day:hover {
  color: #f03a3b;
  cursor: pointer;
}
.datepicker td.day.disabled {
  color: #cfcfcf;
}
.datepicker td.old,
.datepicker td.new {
  color: #cfcfcf;
}
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
  background-color: #f03a3b;
  color: #fff;
}
.datepicker td span {
  cursor: pointer;
  display: block;
  float: left;
  height: 42px;
  line-height: 42px;
  width: 42px;
}
.datepicker td span:hover {
  color: #f03a3b;
}
.datepicker td span.active,
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
  background-color: #f03a3b;
  color: #fff;
}
.datepicker td span.old {
  color: #999999;
}
.datepicker th {
  padding-bottom: 5px;
}
.datepicker th.next,
.datepicker th.prev {
  font-size: 20px;
}
.datepicker thead tr:first-child th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover {
  color: #f03a3b;
}
.datepicker .clear {
  cursor: pointer;
  padding: 5px 0 0 0;
}
.datepicker .clear:hover {
  color: #f03a3b;
}
.input {
  display: table;
  position: relative;
  width: 100%;
}
.input.inline {
  float: left;
  margin-right: 5px;
}
.input input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.input input[type=text],
.input select,
.input input[type=tel],
.input input[type=email],
.input input[type=password],
.form-input,
.chzn-search input {
  box-sizing: border-box;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  background: #fff;
  border: 1px solid #AAAAAA;
  border-radius: 12px;
  clear: both;
  color: #5a5a5a;
  float: left;
  height: 38px;
  line-height: 20px;
  margin: 0;
  outline: none;
  padding: 4px 10px;
  text-align: left;
  vertical-align: middle;
  width: 100%;
  z-index: 1;
}
.input input[type=text].validation-error,
.input select.validation-error,
.input input[type=tel].validation-error,
.input input[type=email].validation-error,
.input input[type=password].validation-error,
.form-input.validation-error,
.chzn-search input.validation-error {
  border-color: #f03a3b;
}
.input input[type=text]:disabled,
.input select:disabled,
.input input[type=tel]:disabled,
.input input[type=email]:disabled,
.input input[type=password]:disabled,
.form-input:disabled,
.chzn-search input:disabled {
  background: #cfcfcf;
}
.input input[type=text][readonly],
.input input[type=tel][readonly],
.input input[type=email][readonly],
.input input[type=password][readonly] {
  background: #faf7f0 !important;
  border: 1px solid #cfcfcf !important;
  color: #5a5a5a !important;
}
.input .placeholder {
  color: #999999;
  line-height: 30px;
  margin: 1px 0 0 1px;
  padding: 0 10px 0 10px;
  pointer-events: none;
  position: absolute;
}
.input .caption {
  clear: both;
  color: #999999;
  float: left;
  margin-top: 5px;
  padding-left: 1px;
}
.input.mini,
.input.mini,
.input.mini {
  width: 80px;
}
@media only screen and (max-width: 529px) {
  .input.mini,
  .input.mini,
  .input.mini {
    width: 55px;
  }
}
.input.small,
.input.small .input.small {
  width: 160px;
}
.input.big input[type=text],
.input big input[type=tel],
.input.big input[type=email],
.input.big input[type=password] {
  font-size: 15px;
  height: 40px;
  padding: 9px 10px;
}
.input.big .placeholder {
  font-size: 15px;
  line-height: 40px;
  text-align: left;
}
.input-group-addon {
  background: #cfcfcf;
  color: #5a5a5a;
  display: table-cell;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  white-space: nowrap;
  vertical-align: middle;
  width: 1%;
}
.input-group-addon.dark {
  background: #282d32;
  border: 0;
  color: #fff;
}
.input-group-addon.trans {
  background: transparent;
}
.form-modal .input-group-addon {
  background: #faf7f0;
  border-right: 1px solid #999999;
  color: #5a5a5a;
}
.ReactTags__tags {
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 5px 0 2px;
  margin-top: 5px;
}
.ReactTags__tags .ReactTags__tag {
  border: 1px solid #ccc;
  background: #f6f6f6;
  border-radius: 3px;
  padding: 5px;
  margin-left: 5px;
  float: left;
}
.ReactTags__tags .ReactTags__tag a {
  color: #333;
  font-size: 10px;
  margin-left: 5px;
  cursor: pointer;
}
.ReactTags__tags .ReactTags__tagInput {
  overflow: hidden;
}
.ReactTags__tags .ReactTags__tagInput input {
  border: none !important;
  outline: none;
}
label {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 30px;
  text-transform: uppercase;
  color: #282d32;
  margin: 0;
  padding: 0;
}
label.multi {
  line-height: 18px;
}
a.remove-item {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 20px;
  text-transform: uppercase;
  color: #282d32;
  display: block;
  float: left;
  height: 20px;
  margin-top: 10px;
  text-decoration: none;
}
a.remove-item span {
  float: left;
  line-height: 20px;
}
a.remove-item:hover span {
  text-decoration: underline;
}
a.remove-item .remove {
  color: #282d32;
  background: transparent;
  float: left;
}
a.remove-item:hover .remove {
  color: #282d32;
}
/**
 * The styles are for control elements wrapped
 * in the .row-wrapper > .row-item for simplicity
 */
.row-wrapper {
  margin-bottom: 5px;
  display: block;
  width: 100%;
  height: 80px;
}
.row-wrapper.size-40 {
  height: 40px;
}
.row-wrapper.size-100 {
  height: 100px;
}
.row-wrapper.tall {
  height: 135px;
  margin-bottom: 20px;
}
.row-wrapper .row-item {
  height: 100%;
  margin-right: 15px;
}
.row-wrapper .row-item:last-child {
  margin-right: 0;
}
.row-wrapper .row-item.inline {
  float: left;
}
.row-wrapper .hide,
.row-wrapper .hidden {
  display: none;
}
.row-item.input,
.row-item.select-container {
  width: 235px;
}
.row-item.textarea {
  width: 500px;
}
.row-item.textarea textarea,
.row-item input[type="text"] {
  border-radius: 4px;
  border: 1px solid #e7e7e7;
  height: 45px;
  padding: 10px;
}
.row-item.textarea textarea {
  width: 485px;
  height: 100px;
  float: none;
  display: block;
}
.row-item.textarea textarea.no-resize {
  overflow: scroll;
  resize: none;
}
.row-item label {
  display: block;
  color: #5b5f6c;
  font: 14px "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  text-transform: none;
  line-height: 25px;
  margin: 0;
  padding: 0;
}
.row-item label.details {
  margin-bottom: 10px;
}
.row-item label.details .heading {
  line-height: 14px;
}
.row-item label.details .heading + .help {
  padding-left: 15px;
  line-height: 14px;
  vertical-align: middle;
}
.row-item label.details .description {
  font-size: 12px;
  color: #717c8e;
}
.select-container .select {
  border-radius: 4px;
  height: 43px;
  width: 235px;
}
.select-container .select.light {
  border: 1px solid #e7e7e7;
  background-color: #fff;
}
.select-container .select.light.active {
  background-color: #fff;
}
.select-container .select:before {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #999999;
  height: 0;
  width: 0;
  margin-top: 20px;
}
.select-container .select .selected {
  color: #5b5f6c;
  height: 43px;
  line-height: 43px;
}
.select {
  border-radius: 3px;
  background: #282d32;
  height: 30px;
  width: 300px;
  position: relative;
}
.select:before {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  height: 0;
  width: 0;
  content: "";
  float: right;
  margin: 12px;
}
.select select {
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  border: none;
  color: #5a5a5a;
  cursor: pointer;
  filter: alpha(opacity=0);
  font-size: 13px;
  height: 30px;
  outline: none;
  padding: 0;
  position: absolute;
  width: inherit;
}
.select .selected {
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 13px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  padding: 0 25px 0 10px;
  pointer-events: none;
  position: absolute;
  text-overflow: ellipsis;
  width: inherit;
  white-space: nowrap;
}
.select.active {
  background-color: #f03a3b;
}
.select.inline {
  float: left;
  margin-left: 5px;
}
.select.inline:first-child {
  margin: 0;
}
.select.disabled {
  background: #999999;
}
.select.disabled:before {
  display: none;
}
.select select:disabled {
  cursor: auto;
}
.select.mini {
  width: 55px;
}
.select.small {
  width: 75px;
}
.select.medium {
  width: 220px;
}
.select.light {
  background-color: #5a5a5a;
}
.select.light.active {
  background-color: #282d32;
}
.select.big {
  height: 40px;
}
.select.big:before {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  height: 0;
  width: 0;
  margin: 16px;
}
.select.big .selected {
  font-size: 15px;
  line-height: 40px;
  padding: 0 25px 0 13px;
}
.select.big select {
  height: 40px;
}
@media (max-width: 768px) {
  .select.medium {
    max-width: 100%;
  }
  .controller.dark .divider {
    display: none;
  }
}
.select-big {
  width: 300px;
}
.select-big > a.label {
  box-sizing: border-box;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 40px;
  text-transform: uppercase;
  border-radius: 3px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: moz-none;
  user-select: none;
  background-color: #f03a3b;
  color: #fff;
  cursor: pointer;
  display: block;
  float: none;
  font-size: 13px;
  height: 40px;
  padding: 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: inherit;
}
.select-big > a.label .arrow {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  height: 0;
  width: 0;
  margin: 16px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.select-big > a.label .loader {
  margin: 8px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.select-big > .menu {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #cfcfcf;
  border-bottom: none;
  display: none;
  position: absolute;
  width: inherit;
  z-index: 1;
}
.select-big ul {
  margin: 0;
}
.select-big li a {
  border-bottom: 1px solid #cfcfcf;
  color: #5a5a5a;
  padding: 10px;
  text-decoration: none;
  width: inherit;
}
.select-big li a:hover {
  background-color: #faf7f0;
}
.select-big li .icon {
  background-image: url('/img/icons/icon-40.png?3');
  background-image: url('/img/icons/icon-40.svg?3'), none;
  height: 40px;
  width: 40px;
}
.select-big li .icon.everyone {
  background-position: -40px 0;
}
.select-big li .icon.factories {
  background-position: -40px -40px;
}
.select-big li .label {
  display: inline-block;
  float: none;
  padding: 0 0 0 10px;
  width: 220px;
}
.select-big.selected > a.label {
  border-radius: 0;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select-big.selected > .menu {
  display: block;
}
.select-big.loading .loader {
  display: block;
}
.select-big.loading .arrow {
  display: none;
}
.select-multi {
  width: 300px;
}
.select-multi > a.label {
  box-sizing: border-box;
  border-radius: 3px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: moz-none;
  user-select: none;
  background-color: #282d32;
  color: #fff;
  cursor: pointer;
  display: block;
  float: none;
  font-size: 13px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  padding: 0 0 0 10px;
  text-decoration: none;
  text-overflow: ellipsis;
  width: inherit;
  white-space: nowrap;
}
.select-multi > a.label:hover {
  background-color: #f03a3b;
}
.select-multi > a.label:before {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  height: 0;
  width: 0;
  content: "";
  float: right;
  margin: 16px;
}
.select-multi > .menu {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #cfcfcf;
  display: none;
  max-height: 190px;
  overflow-y: auto;
  padding: 5px 0;
  position: absolute;
  width: inherit;
  z-index: 100;
}
.select-multi ul {
  margin: 0;
}
.select-multi li {
  height: 30px;
  padding-left: 10px;
  width: inherit;
}
.select-multi li:hover {
  background-color: #faf7f0;
}
.select-multi li .checkbox {
  margin: 0;
}
.select-multi li .checkbox div {
  margin-top: 5px;
}
.select-multi li .checkbox label {
  cursor: pointer;
  display: block;
  float: none;
  padding: 5px 0;
}
.select-multi.selected a.label {
  background-color: #f03a3b;
  border-radius: 0;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select-multi.selected .menu {
  display: block;
}
.select-multi.big > a.label {
  font-size: 15px;
  height: 40px;
  line-height: 40px;
  padding-left: 13px;
}
.switch {
  height: 40px;
  position: relative;
  width: 120px;
}
.switch input {
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  border: none;
  cursor: pointer;
  filter: alpha(opacity=0);
  height: inherit;
  margin: 0;
  outline: none;
  padding: 0;
  position: absolute;
  width: 100%;
  z-index: 100;
}
.switch .knob {
  box-sizing: border-box;
  border-radius: 20px;
  background: #faf7f0;
  border: 5px solid #282d32;
  height: inherit;
  left: 0;
  position: absolute;
  width: 40%;
}
.switch label {
  box-sizing: border-box;
  border-radius: 20px;
  background: #282d32;
  color: #fff;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 100%;
}
.switch label.left {
  display: none;
  padding-right: 30%;
}
.switch label.right {
  padding-left: 30%;
}
.switch input:checked ~ label.right {
  display: none;
}
.switch input:checked ~ label.left {
  background: #96b400;
  display: block;
}
.switch input:checked ~ .knob {
  border-color: #96b400;
  left: 60%;
}
.textarea {
  line-height: 0;
}
.textarea textarea {
  box-sizing: border-box;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  background-color: #fff;
  border: 1px solid #cfcfcf;
  border-radius: 0;
  color: #5a5a5a;
  float: left;
  line-height: 20px;
  margin: 0;
  outline: none;
  overflow: auto;
  padding: 10px;
  resize: vertical;
  width: 440px;
}
@media only screen and (max-width: 529px) {
  .textarea textarea {
    width: 100%!important;
  }
}
.textarea.wide textarea {
  width: 640px;
}
.textarea .placeholder {
  color: #999999;
  line-height: 20px;
  margin: 1px 0 0 1px;
  padding: 10px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}
.textarea.big textarea {
  font-size: 15px;
}
.textarea.big .placeholder {
  font-size: 15px;
  text-align: left;
}
textarea.autosize {
  overflow: hidden;
  resize: none;
  vertical-align: top;
  word-wrap: break-word;
}
textarea.autosize.animated {
  transition: height 0.2s;
}
.toggle {
  margin: 0;
}
.toggle li {
  float: left;
  margin-left: 40px;
}
.toggle li:first-child {
  margin: 0;
}
.toggle .radio label {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 20px;
  text-transform: uppercase;
  color: #282d32;
}
/*
.toggle li .box {
    .border-box;
    .rounded(10px);
    border: 2px solid @color-grey1;
    float: left;
    height: 20px;
    width: 20px;
}
.toggle li .box div {
    .rounded(5px);
    background: @color-grey4;
    height: 10px;
    margin: 3px;
    width: 10px;
}
.toggle li input {
    .border-box;
    .opacity(0);
    cursor: pointer;
    height: 20px;
    left: 0;
    position: absolute;
    z-index: 1;
    width: 20px;
}
.toggle li span {
    float: left;
    line-height: 20px;
    margin-left: 10px;
}
.toggle li input[type=radio]:checked + .box div {
    behavior: url(/PIE/PIE.htc);
    background: @color-grey1;
}
*/
.feedback-modal #cancel-feedback-form div {
  margin: 0;
}
#cancel-feedback-form label {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  text-transform: none;
  font-weight: bold;
  letter-spacing: normal;
  color: #5a5a5a;
  line-height: 20px;
  font-size: 16px;
}
#cancel-feedback-form textarea {
  width: 100%;
}
#cancel-feedback-form div {
  margin: 20px 0;
}
#cancel-feedback-form .nps-container label {
  font-size: 24px;
  margin: 0 4px;
}
.feedback-thanks {
  margin: 15%;
}
#standalone-feedback-form-container {
  background: white;
  height: 100%;
  text-align: center;
}
#standalone-feedback-form-container h1 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 49px;
  font-weight: 600;
  letter-spacing: -0.6px;
  color: #ff5650;
  text-transform: uppercase;
  line-height: initial;
}
.item {
  background-color: #fff;
  display: block;
}
.item.no-glow {
  -o-box-shadow: none !important;
  box-shadow: none !important;
}
.item a,
.item a:hover {
  text-decoration: none;
}
.item .content {
  box-sizing: border-box;
  display: block;
  padding: 16px;
  position: relative;
  width: 100%;
}
.item .content a:hover {
  text-decoration: underline;
}
.item h3 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: normal;
  text-transform: none;
  margin: 0;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.item h3 a,
.item a h3 {
  color: #5a5a5a;
}
.item h3 a:hover,
.item a:hover h3 {
  color: #f03a3b;
}
.item h4 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: auto;
  text-transform: none;
  color: #999999;
  font-style: italic;
  margin: 0 0 5px 0;
}
.item p {
  color: #5a5a5a;
  margin: 0;
}
.item p a:hover {
  text-decoration: underline;
}
.item .photo {
  box-sizing: border-box;
  background: #fff no-repeat center;
}
.item .photo a {
  display: block;
  height: inherit;
  text-decoration: none;
  width: inherit;
}
.item .caption {
  overflow: hidden;
}
.item .details ul {
  float: left;
  margin: 0;
}
.item .details li {
  color: #5a5a5a;
  line-height: 15px;
  margin: 0 0 10px 0;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.item .details li a {
  color: #5a5a5a;
  text-decoration: none;
}
.item .details li a:hover,
.item .details a:hover .light {
  color: #f03a3b;
  text-decoration: none;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.item .actions {
  box-sizing: border-box;
  line-height: 30px;
  margin: 0;
  padding: 16px;
  position: relative;
  width: 100%;
}
.item .actions a:hover {
  text-decoration: underline;
}
.item .actions a.button:hover {
  text-decoration: none;
}
.item .actions .rating {
  color: #5a5a5a;
  height: 15px;
  margin: 7px 0 0 6px;
}
.item .actions .bordered {
  box-sizing: border-box;
  border-radius: 3px;
  background: #faf7f0;
  border: 1px solid #cfcfcf;
  color: #999999;
  cursor: default;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
}
.item .actions ul {
  margin: 0;
}
.item .actions li {
  box-sizing: border-box;
  float: left;
  height: 30px;
  padding: 7px;
  position: relative;
}
.item .actions li:first-child {
  margin: 0;
}
.item .actions li .icon {
  float: left;
}
.item .actions li .count {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: auto;
  line-height: 16px;
  text-transform: none;
  color: #999999;
  cursor: default;
  display: block;
  float: left;
  margin: -1px 8px 0 0;
}
.item .actions li .count span {
  border: 1px solid #cfcfcf;
  background: #faf7f0;
  float: left;
  height: 16px;
  margin-right: -1px;
  padding: 0 5px;
}
.item .actions li .count .arrow {
  position: relative;
  background: #faf7f0;
}
.item .actions li .count .arrow:after,
.item .actions li .count .arrow:before {
  left: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.item .actions li .count .arrow:after {
  border-color: transparent;
  border-left-color: #faf7f0;
  border-width: 3px;
  top: 50%;
  margin-top: 6px;
  margin-left: -1px;
}
.item .actions li .count .arrow:before {
  border-color: transparent;
  border-left-color: #cfcfcf;
  border-width: 4px;
  top: 50%;
  margin-top: 5px;
}
.item .actions .timestamp.left {
  margin-left: 6px;
}
.item .bullets {
  margin: 20px 0 0 0;
}
.item .bullets li {
  background-color: #faf7f0;
  border-top: 1px solid #cfcfcf;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.item .bullets li:first-child {
  background-color: #588195;
  border: 0;
  border: none;
  color: #fff;
}
.no-results {
  margin-left: 30px;
}
.item blockquote {
  box-sizing: border-box;
  background-color: #faf7f0;
  padding: 20px;
  width: 100%;
}
.item.featureview {
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) !important;
  float: left;
  margin: 0 0 0 10px;
  width: 200px;
}
.item.featureview .photo {
  background-image: url(/img/main/features.png);
  height: 100px;
  position: relative;
}
.item.featureview .caption {
  box-sizing: border-box;
  height: 150px;
  width: 100%;
}
.item.gridview {
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) !important;
  margin-bottom: 25px;
  max-width: 300px;
  position: relative;
  width: 100%;
  border-radius: 5px !important;
}
@media only screen and (max-width: 529px) {
  .item.gridview {
    max-width: none;
    margin-bottom: 10px;
  }
}
.item.gridview.full {
  max-width: initial;
}
.item.gridview.full .photo {
  background-size: cover !important;
}
.item.gridview.full .caption {
  height: initial !important;
}
.item.gridview.no-glow {
  -o-box-shadow: none !important;
  box-shadow: none !important;
}
.item.gridview .photo {
  background-size: 300px auto;
  border-bottom: 1px solid #cfcfcf;
  display: block;
  height: 160px;
  position: relative;
  width: inherit;
}
.item.gridview .badge,
button.badge {
  background-image: url('/img/main/preferred-badge.png');
  width: 48px;
  height: 48px;
  display: block;
  position: absolute;
  z-index: 1;
  right: -15px;
  margin-top: 140px;
}
button.badge {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.item.gridview .caption {
  box-sizing: border-box;
  display: block;
  height: 130px;
  width: 100%;
}
@media only screen and (max-width: 529px) {
  .item.gridview .caption {
    height: auto!important;
  }
}
.item.gridview .industry-flag {
  margin: 150px 0 0 -2px;
  position: absolute;
}
.item.gridview .premium-flag {
  position: absolute;
  background: #CEFC4A;
  color: black;
  border-radius: 6px;
  padding: 6px 10px;
  z-index: 100;
  margin: 21px 0 0 7px;
  font-size: 9px;
}
.item.gridview.add {
  text-align: center;
}
.item.gridview.add .photo {
  background-image: url('/img/admin/admin-addbox.png?3');
  background-image: url('/img/admin/admin-addbox.svg?3'), none;
  background-size: auto;
}
.item.gridview.add .content {
  display: table;
}
.item.gridview.add .caption {
  display: table-cell;
  padding: 10px;
  vertical-align: middle;
}
.item.gridview.add h3 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 5px;
  line-height: 30px;
  text-transform: uppercase;
  display: block;
  text-align: center;
}
.item.gridview.add .caption p {
  display: none;
}
.item.gridview.add a:hover .caption h3 {
  display: none;
}
.item.gridview.add a:hover .caption p {
  display: block;
}
.item.gridview.varheight .caption {
  height: auto;
}
.item.gridview.no-badge .blur-result {
  background: url('/img/search/blurred-no-badge.jpg') no-repeat 0 0;
}
.item.gridview .blur-result {
  background: url('/img/search/blurred-with-badge.jpg') no-repeat 0 0;
  display: block;
  width: 300px;
  height: 363px;
}
.item.gridview.blur-apparel .blur-result.result-15 {
  background-position: -301px -5124px;
}
.item.gridview.blur-apparel .blur-result.result-14 {
  background-position: -301px -4758px;
}
.item.gridview.blur-apparel .blur-result.result-13 {
  background-position: -301px -4392px;
}
.item.gridview.blur-apparel .blur-result.result-12 {
  background-position: -301px -4026px;
}
.item.gridview.blur-apparel .blur-result.result-11 {
  background-position: -301px -3660px;
}
.item.gridview.blur-apparel .blur-result.result-10 {
  background-position: -301px -3294px;
}
.item.gridview.blur-apparel .blur-result.result-9 {
  background-position: -301px -2928px;
}
.item.gridview.blur-apparel .blur-result.result-8 {
  background-position: -301px -2562px;
}
.item.gridview.blur-apparel .blur-result.result-7 {
  background-position: -301px -2196px;
}
.item.gridview.blur-apparel .blur-result.result-6 {
  background-position: -301px -1830px;
}
.item.gridview.blur-apparel .blur-result.result-5 {
  background-position: -301px -1464px;
}
.item.gridview.blur-apparel .blur-result.result-4 {
  background-position: -301px -1098px;
}
.item.gridview.blur-apparel .blur-result.result-3 {
  background-position: -301px -732px;
}
.item.gridview.blur-apparel .blur-result.result-2 {
  background-position: -301px -366px;
}
.item.gridview.blur-apparel .blur-result.result-1 {
  background-position: -301px 0px;
}
.item.gridview.blur-furniture .blur-result.result-15 {
  background-position: 0px -5124px;
}
.item.gridview.blur-furniture .blur-result.result-14 {
  background-position: 0px -4758px;
}
.item.gridview.blur-furniture .blur-result.result-13 {
  background-position: 0px -4392px;
}
.item.gridview.blur-furniture .blur-result.result-12 {
  background-position: 0px -4026px;
}
.item.gridview.blur-furniture .blur-result.result-11 {
  background-position: 0px -3660px;
}
.item.gridview.blur-furniture .blur-result.result-10 {
  background-position: 0px -3294px;
}
.item.gridview.blur-furniture .blur-result.result-9 {
  background-position: 0px -2928px;
}
.item.gridview.blur-furniture .blur-result.result-8 {
  background-position: 0px -2562px;
}
.item.gridview.blur-furniture .blur-result.result-7 {
  background-position: 0px -2196px;
}
.item.gridview.blur-furniture .blur-result.result-6 {
  background-position: 0px -1830px;
}
.item.gridview.blur-furniture .blur-result.result-5 {
  background-position: 0px -1464px;
}
.item.gridview.blur-furniture .blur-result.result-4 {
  background-position: 0px -1098px;
}
.item.gridview.blur-furniture .blur-result.result-3 {
  background-position: 0px -732px;
}
.item.gridview.blur-furniture .blur-result.result-2 {
  background-position: 0px -366px;
}
.item.gridview.blur-furniture .blur-result.result-1 {
  background-position: 0px 0px;
}
.item.listview {
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
  display: block;
  height: 242px;
  margin: 0 0 10px 0;
  min-height: 200px;
  width: 100% !important;
  max-width: 100% !important;
}
.item.listview .content {
  height: 200px;
  padding: 20px;
}
.item.listview .photo {
  background-size: 200px auto;
  border: 1px solid #cfcfcf;
  float: left;
  height: 107px;
  margin-right: 20px;
  overflow: hidden;
  width: 200px;
}
.item.listview .caption {
  box-sizing: border-box;
  display: block;
  height: 150px;
  margin-right: 330px;
  max-width: 650px;
  overflow: hidden;
  width: 100%;
}
.item.listview .caption.wide {
  margin: 0;
}
.item.listview .industry-flag {
  margin: 10px 0 0 -2px;
  position: absolute;
  z-index: 100;
}
.item.listview .details {
  float: right;
  width: 300px;
  margin-bottom: 10px;
}
.item.listview .labels li,
.item.listview .values li {
  border-top: 1px solid #cfcfcf;
  margin-bottom: 7px;
  padding-top: 7px;
}
.item.listview .labels li:first-child,
.item.listview .values li:first-child {
  border: 0;
  padding: 0;
}
.item.listview .labels li {
  width: 100px;
}
@media only screen and (max-width: 529px) {
  .item.listview .labels li {
    width: auto!important;
    margin-right: 8px;
  }
}
.item.listview .labels.wide li {
  width: 300px;
}
.item.listview .values li,
.item.listview .values li a {
  color: #999999;
  width: 200px;
}
.item.listview .values li a:hover {
  color: #f03a3b;
}
.item.listview .details-list {
  list-style: none;
  margin: 0;
  padding: 0;
  float: none!important;
}
.item.listview .details-list li {
  border-bottom: 1px solid #cfcfcf;
  padding: 7px 0;
  display: block!important;
  margin: 0;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.item.listview .details-list li:before,
.item.listview .details-list li:after {
  display: table;
  line-height: 0;
  content: "";
}
.item.listview .details-list li:after {
  clear: both;
}
.item.listview .details-list li:before,
.item.listview .details-list li:after {
  content: "";
  display: table;
}
.item.listview .details-list li:after {
  clear: both;
}
.item.listview .details-list li:before,
.item.listview .details-list li:after {
  display: table;
  content: "";
  line-height: 0;
}
.item.listview .details-list li:after {
  clear: both;
}
.item.listview .details-list li strong {
  min-width: 65px;
  float: left;
  display: inline-block;
  clear: right;
  margin-right: 8px;
}
.item.listview .light p,
.item.listview .light a {
  color: #999999;
}
.item.listview.varheight,
.item.listview.varheight .content,
.item.listview.varheight .caption {
  height: auto !important;
  min-height: 0 !important;
}
.item.listview.varheight p {
  margin-bottom: 10px;
}
@media only screen and (max-width: 529px) {
  #main.search {
    padding: 10px;
  }
}
@media only screen and (max-width: 529px) {
  .item.listview {
    content: " ";
    display: table;
    zoom: 1;
    *zoom: 1;
  }
  .item.listview:before,
  .item.listview:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .item.listview:after {
    clear: both;
  }
  .item.listview:before,
  .item.listview:after {
    content: "";
    display: table;
  }
  .item.listview:after {
    clear: both;
  }
  .item.listview:before,
  .item.listview:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .item.listview:after {
    clear: both;
  }
  .item.listview .content {
    height: auto;
  }
  .item.listview .photo {
    float: none;
    width: 100%;
    margin: 0 0 10px;
    background-size: cover;
  }
  .item.listview .details {
    float: none;
    width: 100%;
  }
  .item.listview .caption {
    width: 100%;
    height: auto;
    margin: 0;
    max-width: none;
  }
}
@media only screen and (max-width: 529px) {
  #controller-wrapper .select.medium,
  #controller-wrapper .cat-container {
    width: 100%;
    float: none;
    margin: 0 0 5px;
  }
  #controller-wrapper .divider {
    display: none;
  }
  #controller-wrapper .controller.dark .content {
    width: 100%;
    content: " ";
    display: table;
    zoom: 1;
    *zoom: 1;
  }
  #controller-wrapper .controller.dark .content:before,
  #controller-wrapper .controller.dark .content:after {
    display: table;
    line-height: 0;
    content: "";
  }
  #controller-wrapper .controller.dark .content:after {
    clear: both;
  }
  #controller-wrapper .controller.dark .content:before,
  #controller-wrapper .controller.dark .content:after {
    content: "";
    display: table;
  }
  #controller-wrapper .controller.dark .content:after {
    clear: both;
  }
  #controller-wrapper .controller.dark .content:before,
  #controller-wrapper .controller.dark .content:after {
    display: table;
    content: "";
    line-height: 0;
  }
  #controller-wrapper .controller.dark .content:after {
    clear: both;
  }
  #controller-wrapper .controller.dark .content > .left {
    width: 100%;
    float: none!important;
  }
  #controller-wrapper .controller.dark .content > .views {
    margin: 0 0.5% 5px;
    width: 99%;
    float: none!important;
  }
  #controller-wrapper .views {
    content: " ";
    display: table;
    zoom: 1;
    *zoom: 1;
  }
  #controller-wrapper .views:before,
  #controller-wrapper .views:after {
    display: table;
    line-height: 0;
    content: "";
  }
  #controller-wrapper .views:after {
    clear: both;
  }
  #controller-wrapper .views:before,
  #controller-wrapper .views:after {
    content: "";
    display: table;
  }
  #controller-wrapper .views:after {
    clear: both;
  }
  #controller-wrapper .views:before,
  #controller-wrapper .views:after {
    display: table;
    content: "";
    line-height: 0;
  }
  #controller-wrapper .views:after {
    clear: both;
  }
  #controller-wrapper .views li {
    float: left;
    width: 33%;
    margin: 0 0.5% 0 0;
    display: block;
  }
  #controller-wrapper .views li:last-of-type {
    margin: 0;
  }
}
#items.mapview {
  box-sizing: border-box;
  float: left;
  height: 500px;
  margin: 0 !important;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  width: 30% !important;
}
#items.mapview .no-results {
  box-sizing: border-box;
  margin: 0;
  padding: 0 20px 0 0;
  text-align: left !important;
  width: 100%;
}
.item.mapview {
  border-bottom: 1px solid #cfcfcf;
  margin: 0 0 5px 0;
  width: 100%;
}
.item.mapview .content {
  box-sizing: border-box;
  width: 100%;
}
.item.mapview .industry-flag {
  float: left;
  margin: 0 0 8px 0;
}
.item.tweetview {
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
  border-radius: 3px;
  display: block;
  margin: 0 0 10px 30px;
  width: 620px;
}
.item.tweetview .photo {
  border-radius: 5px;
  background-size: 48px 48px;
  float: left;
  height: 48px;
  margin-right: 16px;
  width: 48px;
}
.item.tweetview .caption {
  float: left;
  width: 512px;
}
.item.tweetview .created {
  height: 25px;
  text-align: right;
  line-height: 25px;
  position: absolute;
  width: 610px;
}
.search.recommendations {
  margin-left: 300px;
  background-color: #fff;
  padding-top: 15px;
}
.search.recommendations .content {
  padding: 20px;
}
.search.recommendations .heading-content {
  background-color: #282d32;
  padding-bottom: 0;
}
.search.recommendations .heading-content .heading {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 25px;
  color: #faf7f0;
  margin-bottom: 25px;
}
.search.recommendations .nav-tabs {
  border-bottom: none;
}
.search.recommendations .nav-tabs li a {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 17px;
  padding: 10px 25px;
}
.search.recommendations .totals {
  color: #282d32;
  border-bottom: 1px solid #cfcfcf;
  font-size: 15px;
  padding: 10px 0 25px 0;
}
.search.recommendations .items {
  margin-left: -15px;
}
.search.recommendations .items .item {
  border: 1px solid #cfcfcf;
  margin: 12px 0 0 15px;
  width: 300px;
  border-radius: 2px;
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3) !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3) !important;
  float: left;
}
.search.recommendations .item-header,
.search.recommendations .item-content,
.search.recommendations .item-footer {
  padding: 5px 15px;
}
.search.recommendations .item-header {
  position: relative;
}
.search.recommendations .item-header .name {
  width: 90%;
  margin: 0;
  display: inline;
}
.search.recommendations .item-header .send-project {
  position: absolute;
  width: 10%;
  display: inline;
  right: 0;
}
.search.recommendations .item-header .send-project .icon {
  display: block;
}
.search.recommendations .item-content {
  height: 110px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
}
.search.recommendations .item-content .photo {
  width: 108px;
  height: 108px;
  position: relative;
  overflow: hidden;
  margin-right: 10px;
}
.search.recommendations .item-content .photo img {
  position: absolute;
  top: 0;
  left: 0;
}
.search.recommendations .item-content .copy {
  width: 150px;
}
.search.recommendations .item-content .copy p {
  font-size: 12px;
}
.search.recommendations .item-content .copy span {
  display: block;
  margin-bottom: 5px;
}
.search.recommendations .item-content .copy span:last-child {
  margin-bottom: 0;
}
.search.recommendations .item-footer .capabilities {
  margin: 0;
}
.search.recommendations .item-footer .capabilities li {
  margin-left: 6px;
}
.search.recommendations .item-footer .capabilities li.selected {
  background-color: #f03a3b;
}
.search.recommendations .item-footer .capabilities li:first-child {
  margin-left: 0;
}
.capabilities li:first-child {
  margin: 0 !important;
}
.capabilities.search .capability-ideation .capability-icon {
  background-position: 0 0;
}
.capabilities.search .capability-pattern-making .capability-icon {
  background-position: -60px 0;
}
.capabilities.search .capability-materials .capability-icon {
  background-position: -120px 0;
}
.capabilities.search .capability-sample-making .capability-icon {
  background-position: -180px 0;
}
.capabilities.search .capability-tooling .capability-icon {
  background-position: -240px 0;
}
.capabilities.search .capability-production .capability-icon {
  background-position: -300px 0;
}
.capabilities.search .ind-apparel.capability-ideation .capability-icon {
  background-position: 0 0;
}
.capabilities.search .ind-apparel.capability-pattern-making .capability-icon {
  background-position: -60px 0;
}
.capabilities.search .ind-apparel.capability-materials .capability-icon {
  background-position: -120px 0;
}
.capabilities.search .ind-apparel.capability-sample-making .capability-icon {
  background-position: -180px 0;
}
.capabilities.search .ind-apparel.capability-tooling .capability-icon {
  background-position: -240px 0;
}
.capabilities.search .ind-apparel.capability-production .capability-icon {
  background-position: -300px 0;
}
.capabilities.search .ind-furniture.capability-ideation .capability-icon {
  background-position: 0 -60px;
}
.capabilities.search .ind-furniture.capability-drafting .capability-icon {
  background-position: -60px -60px;
}
.capabilities.search .ind-furniture.capability-materials .capability-icon {
  background-position: -120px -60px;
}
.capabilities.search .ind-furniture.capability-sample-making .capability-icon {
  background-position: -180px -60px;
}
.capabilities.search .ind-furniture.capability-tooling .capability-icon {
  background-position: -240px -60px;
}
.capabilities.search .ind-furniture.capability-production .capability-icon {
  background-position: -300px -60px;
}
.capabilities.search .ind-other.capability-ideation .capability-icon {
  background-position: 0 0;
}
.capabilities.search .ind-other.capability-materials .capability-icon {
  background-position: -120px 0;
}
.capabilities.search .ind-other.capability-sample-making .capability-icon {
  background-position: -180px 0;
}
.capabilities.search .ind-other.capability-tooling .capability-icon {
  background-position: -240px 0;
}
.capabilities.search .ind-other.capability-production .capability-icon {
  background-position: -300px 0;
}
.capabilities.small .capability-ideation {
  background-position: 0 0;
}
.capabilities.small .capability-pattern-making {
  background-position: -30px 0;
}
.capabilities.small .capability-materials {
  background-position: -60px 0;
}
.capabilities.small .capability-sample-making {
  background-position: -90px 0;
}
.capabilities.small .capability-tooling {
  background-position: -120px 0;
}
.capabilities.small .capability-production {
  background-position: -150px 0;
}
.capabilities.large .capability-ideation {
  background-position: 0 0;
}
.capabilities.large .capability-pattern-making {
  background-position: -60px 0;
}
.capabilities.large .capability-materials {
  background-position: -120px 0;
}
.capabilities.large .capability-sample-making {
  background-position: -180px 0;
}
.capabilities.large .capability-tooling {
  background-position: -240px 0;
}
.capabilities.large .capability-production {
  background-position: -300px 0;
}
.capabilities.ind-apparel.small .capability-ideation {
  background-position: 0 0;
}
.capabilities.ind-apparel.small .capability-pattern-making {
  background-position: -30px 0;
}
.capabilities.ind-apparel.small .capability-materials {
  background-position: -60px 0;
}
.capabilities.ind-apparel.small .capability-sample-making {
  background-position: -90px 0;
}
.capabilities.ind-apparel.small .capability-tooling {
  background-position: -120px 0;
}
.capabilities.ind-apparel.small .capability-production {
  background-position: -150px 0;
}
.capabilities.ind-apparel.large .capability-ideation {
  background-position: 0 0;
}
.capabilities.ind-apparel.large .capability-pattern-making {
  background-position: -60px 0;
}
.capabilities.ind-apparel.large .capability-materials {
  background-position: -120px 0;
}
.capabilities.ind-apparel.large .capability-sample-making {
  background-position: -180px 0;
}
.capabilities.ind-apparel.large .capability-tooling {
  background-position: -240px 0;
}
.capabilities.ind-apparel.large .capability-production {
  background-position: -300px 0;
}
.capabilities.ind-furniture.small .capability-ideation {
  background-position: 0 -30px;
}
.capabilities.ind-furniture.small .capability-drafting {
  background-position: -30px -30px;
}
.capabilities.ind-furniture.small .capability-materials {
  background-position: -60px -30px;
}
.capabilities.ind-furniture.small .capability-sample-making {
  background-position: -90px -30px;
}
.capabilities.ind-furniture.small .capability-tooling {
  background-position: -120px -30px;
}
.capabilities.ind-furniture.small .capability-production {
  background-position: -150px -30px;
}
.capabilities.ind-furniture.large .capability-ideation {
  background-position: 0 -60px;
}
.capabilities.ind-furniture.large .capability-drafting {
  background-position: -60px -60px;
}
.capabilities.ind-furniture.large .capability-materials {
  background-position: -120px -60px;
}
.capabilities.ind-furniture.large .capability-sample-making {
  background-position: -180px -60px;
}
.capabilities.ind-furniture.large .capability-tooling {
  background-position: -240px -60px;
}
.capabilities.ind-furniture.large .capability-production {
  background-position: -300px -60px;
}
.capabilities.ind-other.small .capability-ideation {
  background-position: 0 0;
}
.capabilities.ind-other.small .capability-materials {
  background-position: -60px 0;
}
.capabilities.ind-other.small .capability-sample-making {
  background-position: -90px 0;
}
.capabilities.ind-other.small .capability-tooling {
  background-position: -120px 0;
}
.capabilities.ind-other.small .capability-production {
  background-position: -150px 0;
}
.capabilities.ind-other.large .capability-ideation {
  background-position: 0 0;
}
.capabilities.ind-other.large .capability-materials {
  background-position: -120px 0;
}
.capabilities.ind-other.large .capability-sample-making {
  background-position: -180px 0;
}
.capabilities.ind-other.large .capability-tooling {
  background-position: -240px 0;
}
.capabilities.ind-other.large .capability-production {
  background-position: -300px 0;
}
.capability.large.capability-ideation {
  background-position: 0 0;
}
.capability.large.capability-pattern-making {
  background-position: -60px 0;
}
.capability.large.capability-materials {
  background-position: -120px 0;
}
.capability.large.capability-sample-making {
  background-position: -180px 0;
}
.capability.large.capability-tooling {
  background-position: -240px 0;
}
.capability.large.capability-production {
  background-position: -300px 0;
}
.capability.rect.capability-ideation {
  background-position: 0 0;
}
.capability.rect.capability-pattern-making {
  background-position: 0 -160px;
}
.capability.rect.capability-materials {
  background-position: 0 -320px;
}
.capability.rect.capability-sample-making {
  background-position: 0 -480px;
}
.capability.rect.capability-tooling {
  background-position: 0 -640px;
}
.capability.rect.capability-production {
  background-position: 0 -800px;
}
.capability.ind-apparel.large.capability-ideation {
  background-position: 0 0;
}
.capability.ind-apparel.large.capability-pattern-making {
  background-position: -60px 0;
}
.capability.ind-apparel.large.capability-materials {
  background-position: -120px 0;
}
.capability.ind-apparel.large.capability-sample-making {
  background-position: -180px 0;
}
.capability.ind-apparel.large.capability-tooling {
  background-position: -240px 0;
}
.capability.ind-apparel.large.capability-production {
  background-position: -300px 0;
}
.capability.ind-apparel.rect.capability-ideation {
  background-position: 0 0;
}
.capability.ind-apparel.rect.capability-pattern-making {
  background-position: 0 -160px;
}
.capability.ind-apparel.rect.capability-materials {
  background-position: 0 -320px;
}
.capability.ind-apparel.rect.capability-sample-making {
  background-position: 0 -480px;
}
.capability.ind-apparel.rect.capability-tooling {
  background-position: 0 -640px;
}
.capability.ind-apparel.rect.capability-production {
  background-position: 0 -800px;
}
.capability.ind-furniture.large.capability-ideation {
  background-position: 0 -60px;
}
.capability.ind-furniture.large.capability-drafting {
  background-position: -60px -60px;
}
.capability.ind-furniture.large.capability-materials {
  background-position: -120px -60px;
}
.capability.ind-furniture.large.capability-sample-making {
  background-position: -180px -60px;
}
.capability.ind-furniture.large.capability-tooling {
  background-position: -240px -60px;
}
.capability.ind-furniture.large.capability-production {
  background-position: -300px -60px;
}
.capability.ind-furniture.rect.capability-ideation {
  background-position: -200px 0;
}
.capability.ind-furniture.rect.capability-drafting {
  background-position: -200px -160px;
}
.capability.ind-furniture.rect.capability-materials {
  background-position: -200px -320px;
}
.capability.ind-furniture.rect.capability-sample-making {
  background-position: -200px -480px;
}
.capability.ind-furniture.rect.capability-tooling {
  background-position: -200px -640px;
}
.capability.ind-furniture.rect.capability-production {
  background-position: -200px -800px;
}
.capability.ind-other.large.capability-ideation {
  background-position: 0 0;
}
.capability.ind-other.large.capability-materials {
  background-position: -120px 0;
}
.capability.ind-other.large.capability-sample-making {
  background-position: -180px 0;
}
.capability.ind-other.large.capability-tooling {
  background-position: -240px 0;
}
.capability.ind-other.large.capability-production {
  background-position: -300px 0;
}
.capability.ind-other.rect.capability-ideation {
  background-position: 0 0;
}
.capability.ind-other.rect.capability-materials {
  background-position: 0 -320px;
}
.capability.ind-other.rect.capability-sample-making {
  background-position: 0 -480px;
}
.capability.ind-other.rect.capability-tooling {
  background-position: 0 -640px;
}
.capability.ind-other.rect.capability-production {
  background-position: 0 -800px;
}
.capabilities.small {
  margin: 0 0 8px 0;
  padding: 0;
}
.capabilities.small li {
  background: #5a5a5a url('/img/capabilities/capabilities-sm.png?3') no-repeat 0 0;
  background: #5a5a5a url('/img/capabilities/capabilities-sm.svg?3') no-repeat 0 0;
  border-radius: 15px;
  float: left;
  height: 30px;
  margin-left: 3px;
  position: relative;
  width: 30px;
}
.capabilities.small li:first-child {
  margin: 0;
}
.capabilities.small li a {
  display: block;
  height: inherit;
  text-decoration: none;
  width: inherit;
  cursor: default;
}
.capabilities.small li.completed {
  background-color: #96b400;
}
.capabilities.large {
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%;
  text-align: center;
}
.capabilities.large li,
.capability.large {
  background: #5a5a5a url('/img/capabilities/capabilities-lg.png?3') no-repeat 0 0;
  background: #5a5a5a url('/img/capabilities/capabilities-lg.svg?3') no-repeat 0 0;
  border-radius: 30px;
  display: inline-block;
  height: 60px;
  margin-left: 5px;
  position: relative;
  width: 60px;
}
.capabilities.large li a,
.capability.large a {
  display: block;
  height: inherit;
  text-decoration: none;
  width: inherit;
}
.capabilities.large li.current,
.capability.large.current {
  background-color: #f03a3b;
}
.capabilities.large li.selected,
.capability.large.selected {
  background-color: #f03a3b;
}
.capabilities.large li.completed,
.capability.large.completed {
  background-color: #96b400;
}
.capability.rect {
  background: #5a5a5a url('/img/capabilities/capabilities-rect.png?3') no-repeat 0 0;
  background: #5a5a5a url('/img/capabilities/capabilities-rect.svg?3') no-repeat 0 0;
  background-position: center;
  background-repeat: no-repeat;
  height: 160px;
  width: 200px;
}
.capabilities.search {
  margin: 0;
  clear: left;
  float: left;
  left: 50%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.capabilities.search li {
  max-height: 85px;
  min-height: 60px;
  width: 130px;
  float: left;
  right: 50%;
  position: relative;
}
.capabilities.search li .capability-button {
  cursor: pointer;
  height: 60px;
  position: absolute;
  width: inherit;
}
.capabilities.search li .capability-icon {
  background: #282d32 url('/img/capabilities/capabilities-lg.png?3') no-repeat 0 0;
  background: #282d32 url('/img/capabilities/capabilities-lg.svg?3') no-repeat 0 0;
  box-sizing: border-box;
  border-radius: 30px;
  height: inherit;
  margin: 0 35px;
  position: absolute;
  width: 60px;
  z-index: 1;
}
.capabilities.search li .capability-bar {
  background-color: #282d32;
  height: 14px;
  margin-top: 23px;
  position: absolute;
  width: 130px;
}
.capabilities.search li:first-child .capability-bar {
  border-radius: 0;
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 7px;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomleft: 7px;
  -moz-border-radius-bottomright: 0;
  border-top-left-radius: 7px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 0;
}
.capabilities.search li.last .capability-bar {
  border-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 7px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 7px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 7px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 7px;
  border-top-left-radius: 0;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 7px;
}
.capabilities.search li .checkbox {
  display: table;
  margin: 65px auto 0 auto;
  position: relative;
}
.capabilities.search li .checkbox label {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 21px;
  text-transform: uppercase;
  color: #282d32;
}
.capabilities.search li .checkbox label.big {
  font-size: 12px;
}
.capabilities.search li.current .capability-button div,
.capabilities.search li .capability-button:hover div {
  background-color: #f03a3b !important;
}
.capabilities.search li.current label {
  color: #f03a3b;
}
.capabilities.search li.completed .capability-button div {
  background-color: #96b400;
}
.capabilities.search li.completed label {
  color: #96b400;
}
.capabilities.search li.dim .capability-button div {
  background-color: #cfcfcf;
}
.capabilities.search li .capability-button.placeholder {
  cursor: default;
  filter: alpha(opacity=15);
  opacity: 0.15;
}
.capabilities.search li .capability-button.placeholder .capability-icon {
  background: #5a5a5a;
  border: 2px solid #282d32;
}
.capabilities.search li .capability-button.placeholder:hover .capability-bar {
  background-color: #282d32;
}
.projects .capabilities.search li,
.projects .capabilities.search li .capability-bar {
  width: 100px;
}
.projects .capabilities.search li .capability-icon {
  margin: 0 20px;
}
.capability-band {
  box-sizing: border-box;
  background-color: #faf7f0;
  clear: both;
  float: left;
  padding: 20px;
  width: 100%;
}
.capability-band .capability {
  margin: 0 15px 0 0;
}
.capability-band h3 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 5px;
  line-height: 60px;
  text-transform: uppercase;
  color: #282d32;
  float: left;
  height: 60px;
  margin: 0;
}
.capability-band span {
  line-height: 30px;
}
.cms #widgets .group-right {
  float: right;
  width: 300px;
}
.cms #widgets .group-left {
  margin-right: 330px;
}
.cms .widget {
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
  background: #fff;
  margin-bottom: 20px;
  overflow: hidden;
  width: 100%;
}
.cms .widget h2 {
  box-sizing: border-box;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 40px;
  text-transform: uppercase;
  background: #faf7f0;
  background: -o-linear-gradient(#fff, #faf7f0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#faf7f0', GradientType=0);
  border-bottom: 1px solid #999999;
  color: #5a5a5a;
  height: 40px;
  padding: 0 16px 0 16px;
  width: 100%;
}
.cms .widget h2 .loader {
  float: right;
  margin-top: 8px;
}
.cms .widget h2 .cta {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 20px;
  text-transform: uppercase;
  color: #999999;
  float: right;
  height: 20px;
  margin-top: 10px;
}
.cms .widget h2 .cta:hover {
  color: #282d32;
}
.cms .widget h3 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: normal;
  text-transform: none;
  margin: 0;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.cms .widget h3 a {
  color: #5a5a5a;
}
.cms .widget h3 a:hover {
  color: #f03a3b;
}
.cms .widget .items {
  margin: 0;
}
.cms .widget .items > li {
  box-sizing: border-box;
  border-top: 1px solid #cfcfcf;
  margin: 0;
  width: 100%;
}
.cms .widget .items li:first-child {
  border: 0;
}
.cms .widget .content {
  box-sizing: border-box;
  padding: 16px;
  width: 100%;
}
.cms .widget footer {
  border-top: 1px solid #faf7f0;
  color: #999999;
  font-size: 11px;
  line-height: 16px;
  padding: 7px 16px 10px;
  min-height: 32px;
}
.cms .widget footer .icons li {
  float: left;
  height: 16px;
  margin-left: 5px;
  width: 16px;
}
.cms .widget .items li footer .icons {
  display: none;
}
.cms .widget .items li:hover footer .icons {
  display: block;
}
.cms .widget .no-results {
  margin: 0;
  padding: 16px;
  text-align: center;
}
.cms .widget.gallery .content {
  padding: 0;
}
.cms .widget.gallery .photo {
  background-position: center;
  background-size: cover;
  border-bottom: 1px solid #cfcfcf;
  height: 160px;
  overflow: hidden;
  width: 300px;
}
.cms .widget.gallery .photo.square {
  height: 300px;
}
.cms .widget.gallery .photo a {
  display: block;
  height: inherit;
  text-decoration: none;
  width: inherit;
}
.cms .widget.gallery .info {
  padding: 16px;
}
.cms .widget.list .photo {
  box-sizing: border-box;
  background-position: center;
  background-size: 135px auto;
  border: 1px solid #cfcfcf;
  float: left;
  height: 72px;
  margin-right: 16px;
  width: 135px;
}
.cms .widget.list .photo a {
  display: block;
  height: inherit;
  text-decoration: none;
  width: inherit;
}
.cms .widget.list .info {
  height: 72px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .cms .widget.list .photo {
    width: 80px;
  }
}
.cms .widget.missing-info h2 {
  background: #f03a3b;
  background: -o-linear-gradient(#f03a3b, #f03a3b);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f03a3b', endColorstr='#f03a3b', GradientType=0);
  border-bottom-color: #b60e0f;
  color: #fff;
}
.cms .widget.missing-info .field-wrapper {
  padding-bottom: 10px !important;
}
.cms .widget.missing-info .select {
  width: 268px;
}
.cms .widget.latest-factories .capabilities {
  margin-bottom: 5px;
}
.cms .widget.latest-messages .flag {
  margin: -16px 0 0 -16px;
}
.cms .widget.latest-messages .thread {
  cursor: pointer;
}
.cms .widget.latest-messages .thread:hover {
  background: #fafafa;
}
.cms .widget.latest-messages .title {
  height: 60px;
  overflow: hidden;
}
.cms .widget.latest-messages .avatar {
  margin-right: 15px;
}
.cms .widget.menu ul {
  margin: 0;
}
.cms .widget.menu li {
  height: 100px;
  overflow: hidden;
  position: relative;
  width: 300px;
}
.cms .widget.menu li a {
  display: block;
  height: inherit;
  text-decoration: none;
  width: inherit;
}
.cms .widget.menu li .caption {
  box-sizing: border-box;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 40px;
  text-transform: none;
  background: #282d32;
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  color: #fff;
  height: 40px;
  padding: 0 16px;
  position: absolute;
  width: inherit;
}
.cms .widget.menu li:hover .caption {
  background: #282d32;
  background: rgba(0, 0, 0, 0.6);
}
.cms .widget.search .main {
  background-position: center;
  padding: 0 15px;
}
.cms .widget.search .main > .content {
  display: table;
  height: 300px;
  width: 100%;
}
.cms .widget.search .main > .content > div {
  display: table-cell;
  padding-bottom: 20px;
  vertical-align: middle;
}
.cms .widget.search h1 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 26px;
  font-weight: normal;
  letter-spacing: 3px;
  line-height: normal;
  text-transform: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: moz-none;
  user-select: none;
  color: #fff;
  text-align: center;
  letter-spacing: 0;
}
.cms .widget.search h1 .big {
  font-size: 56px;
  font-weight: 900;
  line-height: 1;
}
.cms .widget.search h1 .big {
  font-size: 40px;
}
.date-chooser {
  border-radius: 4px;
  display: table;
  height: 20px;
  background-color: #585f6a;
  padding: 10px;
}
.date-chooser .add-on,
.date-chooser input.date-picker {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  height: 100%;
}
.date-chooser input.date-picker {
  font: 14px "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  letter-spacing: -1px;
  background-color: #585f6a;
  border: 0;
  padding: 0;
  display: none;
}
.date-chooser .add-on + input.date-picker:not([data-value=""]) {
  padding-left: 10px;
  display: table-cell;
}
.date-chooser:hover {
  cursor: pointer;
  text-decoration: none;
  background-color: #4c535c;
}
/**
 * Upload alert messages
 */
.upload-alerts .upload-alert {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.upload-alerts .upload-alert:last-child {
  margin-bottom: 0;
}
.upload-alerts .upload-alert .alert-icon,
.upload-alerts .upload-alert .alert-copy {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}
.upload-alerts .upload-alert .alert-icon {
  border-radius: 0;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0;
  -o-box-shadow: 0 1px 1px #d7dddf !important;
  box-shadow: 0 1px 1px #d7dddf !important;
  width: 6%;
  min-width: 45px;
  border: 1px solid inherit;
  border-left: none;
}
.upload-alerts .upload-alert .alert-icon.error {
  border-color: #f03a3b;
  background-color: #f03a3b;
}
.upload-alerts .upload-alert .alert-icon i {
  margin: 0 auto;
}
.upload-alerts .upload-alert .alert-copy {
  font: 14px "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  border: 1px solid #e7e7e7;
  border-left: none;
  border-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 4px;
  -o-box-shadow: 0 1px 1px #d7dddf !important;
  box-shadow: 0 1px 1px #d7dddf !important;
  width: 88%;
  padding: 10px 20px;
  position: relative;
}
.upload-alerts .upload-alert .alert-copy .summary {
  font: 14px "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  color: #f03a3b;
  margin-bottom: 10px;
}
.upload-alerts .upload-alert .alert-copy .reasons {
  color: inherit;
  margin: 0;
}
.upload-alerts .upload-alert .alert-copy ul.reasons {
  list-style-type: disc;
  margin-left: 30px;
}
.upload-alerts .upload-alert .alert-copy ul.reasons.single {
  list-style: none;
  margin-left: 0;
}
.upload-alerts .upload-alert .alert-action {
  position: absolute;
  right: 10px;
  top: 45%;
}
.mr-dropup {
  margin: 0;
}
.mr-dropup a.mr-dropup-trigger {
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  -webkit-opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  opacity: 0.8;
  border-radius: 20px;
  background: #fff;
  display: block;
  height: 40px;
  position: relative;
  width: 40px;
}
.mr-dropup-container.opened a.mr-dropup-trigger,
.mr-dropup a.mr-dropup-trigger:hover {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  opacity: 1;
}
.mr-dropup a.mr-dropup-trigger i {
  float: left;
}
.mr-dropup-header {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 40px;
  text-transform: uppercase;
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
  border-radius: 0;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #588195;
  border-bottom: 1px solid #456575;
  color: #fff;
  margin: 0;
  padding: 0 15px;
}
.mr-dropup-header i {
  margin: 12px 0;
  position: relative;
}
.mr-dropup-header .popover.top {
  margin: -43px -7px 0 0;
}
.mr-dropup li > .menu {
  bottom: 0;
  display: none;
  margin: 0 0 53px 0;
  position: absolute;
  width: 300px;
  z-index: 100;
}
.mr-dropup li > .menu .content {
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
  border-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background: #fff;
  border: 1px solid #cfcfcf;
  max-height: 160px;
  overflow-y: auto;
}
.mr-dropup li > .menu ul {
  margin: 0;
  padding: 5px 0;
}
.mr-dropup li > .menu li {
  height: 30px;
  width: inherit;
}
.mr-dropup li > .menu li a {
  box-sizing: border-box;
  color: #5a5a5a;
  line-height: 30px;
  overflow: hidden;
  padding: 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: inherit;
}
.mr-dropup li > .menu li a:hover {
  background: #faf7f0;
}
.mr-dropup li > .menu > .arrow {
  background: #fff;
  position: relative;
}
.mr-dropup li > .menu > .arrow:after,
.mr-dropup li > .menu > .arrow:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.mr-dropup li > .menu > .arrow:after {
  border-color: transparent;
  border-top-color: #fff;
  border-width: 7px;
  margin-top: -1px;
}
.mr-dropup li > .menu > .arrow:before {
  border-color: transparent;
  border-top-color: #cfcfcf;
  border-width: 8px;
}
.mr-dropup li > .menu.left {
  left: 0;
  margin-left: -10px;
  right: auto;
}
.mr-dropup li > .menu.left > .arrow:after,
.mr-dropup li > .menu.left > .arrow:before {
  left: 0;
  right: auto;
  margin-left: 23px;
  margin-right: 0;
}
.mr-dropup .menu.left > .arrow:before {
  margin-left: 22px;
}
.mr-dropup li > .menu.right {
  left: auto;
  margin-right: -10px;
  right: 0;
}
.mr-dropup li > .menu.right > .arrow:after,
.mr-dropup li > .menu.right > .arrow:before {
  left: auto;
  right: 0;
  margin-left: 0;
  margin-right: 23px;
}
.mr-dropup li > .menu.right > .arrow:before {
  margin-right: 22px;
}
.mr-tip {
  display: block;
  position: absolute;
  z-index: 999;
}
.mr-tip .content {
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
  border-radius: 5px;
  width: 400px;
}
.mr-tip h3 {
  box-sizing: border-box;
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: normal;
  text-transform: none;
  margin: 0;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  border-radius: 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: #544aa1;
  border-bottom: 1px solid #423a7e;
  color: #fff;
  line-height: 60px;
  padding: 10px;
  text-align: left;
  width: 400px;
}
.mr-tip i {
  -o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3) !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3) !important;
  border-radius: 30px;
  background-color: #423a7e;
  float: left;
  margin-right: 16px;
}
.mr-tip .desc {
  box-sizing: border-box;
  background: #fff;
  border-left: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  padding: 16px;
}
.mr-tip p {
  margin: 0;
  text-align: left;
}
.mr-tip footer {
  border-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #faf7f0;
  border: 1px solid #cfcfcf;
  padding: 10px;
}
.mr-tip footer .button.mini a {
  background: #6f66b8;
}
.mr-tip footer .button.mini a:hover {
  background: #423a7e;
}
/*
 * -------------------
 * Arrows
 * -------------------
*/
.mr-tip.tip-top .arrow:after,
.mr-tip.tip-top .arrow:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.mr-tip.tip-top > .arrow:after {
  border-color: transparent;
  border-top-color: #faf7f0;
  border-width: 12px;
  margin-top: -1px;
}
.mr-tip.tip-top > .arrow:before {
  border-color: transparent;
  border-top-color: #cfcfcf;
  border-width: 13px;
}
.mr-tip.tip-top.tip-left .arrow:after,
.mr-tip.tip-top.tip-left .arrow:before {
  left: 0;
  margin-left: 18px;
}
.mr-tip.tip-top.tip-left > .arrow:before {
  margin-left: 17px;
}
.mr-tip.tip-top.tip-right .arrow:after,
.mr-tip.tip-top.tip-right .arrow:before {
  right: 0;
  margin-right: 18px;
}
.mr-tip.tip-top.tip-right > .arrow:before {
  margin-right: 17px;
}
.mr-tip.tip-top.tip-center .arrow:after,
.mr-tip.tip-top.tip-center .arrow:before {
  left: 0;
  margin-left: 189px;
}
.mr-tip.tip-top.tip-center > .arrow:before {
  margin-left: 188px;
}
.mr-tip.tip-bottom .arrow {
  border-bottom: 12px solid #544aa1;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  top: 0;
}
.mr-tip.tip-bottom.tip-left .arrow {
  left: 0;
  margin: -10px 0 0 18px;
}
.mr-tip.tip-bottom.tip-right .arrow {
  margin: -10px 18px 0 0;
  right: 0;
}
.mr-tip.tip-bottom.tip-center .arrow {
  margin: -10px 0 0 188px;
}
/*
 * -------------------
 * Inline tips
 * -------------------
*/
.mr-tip.inline .content,
.mr-tip.inline h3 {
  width: 100%;
}
/**
 * Accordion component styles
 */
.accordion {
  /* Active styles */
}
.accordion .panel {
  margin-bottom: 25px;
}
.accordion .panel:last-child {
  margin-bottom: 0;
}
.accordion .panel-heading {
  display: table;
  border-radius: 4px;
  border: 1px solid #e7e7e7;
  padding: 20px 15px;
  width: 97%;
  background-color: #fff;
}
.accordion .panel-heading .title {
  font: 16px "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  color: #5b5f6c;
  text-transform: capitalize;
  letter-spacing: -0.5px;
  width: 18%;
}
.accordion .panel-heading .description {
  font: 13px "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  color: #717c8e;
  width: 69%;
}
.accordion .panel-heading .learn-more,
.accordion .panel-heading .actions {
  width: 9%;
}
.accordion .panel-heading .drop-arrow {
  width: 16px;
  height: 10px;
  background: url('/img/icons/drop-arrow-icon-down.png') no-repeat;
}
.accordion .panel-heading-col {
  display: table-cell;
  padding-left: 10px;
}
.accordion .panel-heading-col:first-child {
  padding-left: 0;
}
.accordion .panel-content {
  display: none;
  width: 780px;
  margin: 0 auto;
  padding-top: 20px;
}
.accordion .panel.active .drop-arrow {
  background-image: url('/img/icons/drop-arrow-icon-up.png');
}
.accordion .panel.active .panel-content {
  display: block;
}
ul.addboxes {
  margin: 0 0 0 -10px;
}
ul.addboxes > li {
  float: left;
  margin: 0 10px 10px 0;
}
.addbox {
  overflow: hidden;
  text-align: center;
  width: 300px;
}
@media only screen and (max-width: 529px) {
  .addbox {
    width: 100%!important;
  }
}
.addbox .form {
  box-sizing: border-box;
  border: 2px dashed #cfcfcf;
  height: inherit;
  position: relative;
  width: inherit;
}
.addbox .form .label {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 5px;
  line-height: 160px;
  text-transform: uppercase;
  display: table;
  float: none;
  padding: 0;
  position: absolute;
}
.addbox .form .label div {
  display: table-cell;
  line-height: 30px;
  vertical-align: middle;
}
.addbox .form:hover {
  background-color: #fff;
  border-color: #282d32;
  color: #282d32;
}
.addbox .form .msg {
  box-sizing: border-box;
  color: #f03a3b;
  position: absolute;
  padding: 7px 10px;
  text-align: left;
  z-index: 0;
}
.addbox .form .label div .subtitle {
  display: block;
  font-size: 0.6em;
}
.addbox .form.loading {
  background-image: url(/img/loader/loader.gif);
  background-position: center;
  background-repeat: no-repeat;
}
.addbox .form.loading .msg,
.addbox .form.loading .label {
  display: none;
}
.addbox,
.addbox .form .label,
.addbox .form input[type=file] {
  height: 160px;
  width: 300px;
}
@media only screen and (max-width: 529px) {
  .addbox,
  .addbox .form .label,
  .addbox .form input[type=file] {
    width: 100%!important;
  }
}
.addbox .form .label {
  line-height: 156px;
}
.addbox .form input[type=file] {
  font-size: 300px;
}
.addbox.cover,
.addbox.cover .form .label,
.addbox.cover .form input[type=file] {
  height: 60px;
  width: 300px;
}
@media only screen and (max-width: 529px) {
  .addbox.cover,
  .addbox.cover .form .label,
  .addbox.cover .form input[type=file] {
    width: 100%!important;
  }
}
.addbox.cover .form .label {
  line-height: 56px;
}
.addbox.cover .form input[type=file] {
  font-size: 300px;
}
.addbox.gallery,
.addbox.gallery .form .label,
.addbox.gallery .form input[type=file] {
  height: 82px;
  width: 145px;
}
@media only screen and (max-width: 529px) {
  .addbox.gallery,
  .addbox.gallery .form .label,
  .addbox.gallery .form input[type=file] {
    width: 100%!important;
  }
}
.addbox.gallery .form .label {
  font-size: 11px;
  line-height: 78px;
}
.addbox.gallery .form input[type=file] {
  font-size: 145px;
}
.addbox.media,
.addbox.media .form .label,
.addbox.media .form input[type=file] {
  height: 160px;
  width: 620px;
}
@media only screen and (max-width: 529px) {
  .addbox.media,
  .addbox.media .form .label,
  .addbox.media .form input[type=file] {
    width: 100%!important;
  }
}
.addbox.media .form .label {
  line-height: 156px;
}
.addbox.media .form input[type=file] {
  font-size: 620px;
}
.addbox.user,
.addbox.user .form .label,
.addbox.user .form input[type=file] {
  height: 80px;
  width: 80px;
}
@media only screen and (max-width: 529px) {
  .addbox.user,
  .addbox.user .form .label,
  .addbox.user .form input[type=file] {
    width: 100%!important;
  }
}
.addbox.user .form .label {
  line-height: 75px;
}
.addbox.user .form input[type=file] {
  font-size: 80px;
}
.alert {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #cfcfcf;
  margin-bottom: 10px;
  padding: 10px 20px;
  text-align: center;
}
@media only screen and (max-width: 529px) {
  .alert {
    width: 100%!important;
    float: none;
    content: " ";
    display: table;
    zoom: 1;
    *zoom: 1;
  }
  .alert:before,
  .alert:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .alert:after {
    clear: both;
  }
  .alert:before,
  .alert:after {
    content: "";
    display: table;
  }
  .alert:after {
    clear: both;
  }
  .alert:before,
  .alert:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .alert:after {
    clear: both;
  }
}
.alert p:last-of-type {
  margin-bottom: 0!important;
}
.alert.padded {
  padding: 20px;
}
.alert a {
  border-bottom: 1px dotted;
  text-decoration: none;
}
.alert a:hover {
  border-bottom: 1px solid;
  text-decoration: none;
}
.alert span {
  vertical-align: middle;
}
.alert.single span {
  display: inline-block;
}
.alert.single i {
  margin-right: 5px;
  margin-top: -1px;
}
.alert.single,
.modal .alert,
.form-modal .footer .alert {
  height: 40px;
  line-height: 38px;
  padding: 0 20px;
}
.modal .alert,
.form-modal .footer .alert {
  margin: 0;
}
.alert .remove {
  border: none;
  float: right;
  margin: -10px -20px 0 0;
}
.alert .remove:hover {
  border: none;
}
.alert.single .remove,
.modal .alert .remove,
.form-modal .footer .alert .remove {
  clear: none;
  margin: 0 -20px 0 0;
}
.alert.error,
.alert.error a {
  color: #f03a3b;
}
.alert.error {
  border-color: #f03a3b;
}
.alert.success,
.alert.success a {
  color: #96b400;
}
.alert.success {
  border-color: #96b400;
}
.alert.message {
  border-color: #588195;
}
.alert.info,
.alert.info a {
  color: #588195;
}
.alert.info {
  border-color: #588195;
}
.alert.warning,
.alert.warning a {
  color: #e9ba26;
}
.alert.warning {
  border-color: #e9ba26;
}
.alert.upgrade,
.alert.upgrade a {
  color: #588195;
}
.alert.upgrade {
  border-color: #588195;
}
#header.activation-required {
  -o-box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
  border-bottom: 0px;
}
.alert-activation {
  background-color: #282d32;
  color: #fff;
  width: 100%;
}
.alert-activation .alert-content {
  position: relative;
  width: 960px;
  height: 40px;
  padding: 15px 0px;
  margin: 0 auto;
  display: table;
  overflow: visible;
}
.alert-activation .alert-content .msg {
  display: table-cell;
  width: 50%;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 18px;
  text-transform: none;
}
.alert-activation .alert-content .msg .v2-learn-more {
  font-size: 14px;
  margin-left: 5px;
}
.alert-activation .alert-content .resend {
  display: table-cell;
  width: 50%;
  text-align: right;
}
.alert-activation .alert-content .resend > div {
  display: inline-block;
}
.alert-activation .alert-content .resend .desc {
  text-align: left;
  width: 130px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 14px;
  text-transform: none;
  overflow: visible;
  position: relative;
  top: 6px;
}
.alert-activation .alert-content .resend .green-cta {
  background-color: #4ac26d;
}
.alert-activation .alert-content .resend .button {
  margin-left: 10px;
  width: 260px;
}
.alert-activation .alert-content .close {
  position: absolute;
  right: -40px;
  line-height: 40px;
  text-align: center;
  width: 20px;
}
.alert-activation .alert-content .close:hover {
  cursor: pointer;
}
.author-avatar {
  background: #cfcfcf;
  float: left;
  margin-right: 20px;
}
.author-avatar img {
  float: left;
}
.author-avatar,
.author-avatar img {
  border-radius: 40px;
  height: 80px;
  width: 80px;
}
.author-meta {
  display: table;
  float: left;
  height: 80px;
  margin-bottom: 20px;
}
.author-meta .content {
  display: table-cell;
  vertical-align: middle;
}
.author-meta .user_name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 140px;
}
.author-meta .user_name a {
  color: #282d32;
  text-decoration: none;
}
.author-meta .user_name a:hover {
  color: #f03a3b;
  text-decoration: none;
}
.author-meta .user_type {
  margin-top: 5px;
}
.author-meta .user_type .icon {
  margin-right: 10px;
}
.author-meta .user_type .label {
  color: #282d32;
  font-weight: bold;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 16px;
}
.author-bio {
  border-top: 1px solid #999999;
  font-style: italic;
  padding-top: 10px;
  width: 100%;
}
.badge div {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 8px;
  background: #f03a3b;
  color: #fff;
  height: 16px;
  letter-spacing: 0;
  line-height: 16px;
  padding: 0 8px;
}
.badge.light div {
  background: #999999;
}
#header .menu li a:hover .badge div,
#header .menu li.current .badge div {
  background: #fff;
  color: #282d32;
}
.select-multi .badge {
  padding: 7px 10px 7px 0;
}
.select-multi a.label:hover .badge div,
.select-multi.selected .badge div {
  background: #fff;
  color: #282d32;
}
.block {
  box-sizing: border-box;
  background-color: #282d32;
  color: #fff;
  overflow: hidden;
  padding: 40px;
  text-align: center;
  width: 460px;
}
.block a {
  display: block;
  height: inherit;
  text-decoration: none;
  width: inherit;
  color: #fff;
  text-decoration: none !important;
}
.block .name {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 10px;
  line-height: 40px;
  text-transform: uppercase;
  padding-left: 10px;
}
.block .note {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 5px;
  line-height: 20px;
  text-transform: uppercase;
  color: #fff;
  color: rgba(255, 255, 255, 0.5);
  padding-left: 5px;
}
.block .num {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 50px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 80px;
  text-transform: none;
  height: 80px;
}
.block .num.large {
  font-size: 70px;
}
.block .currency {
  font-family: inherit;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 5px;
  line-height: normal;
  text-transform: none;
}
.block .mo {
  font-size: 20px;
}
/* Thin */
.block.thin {
  padding-left: 0;
  padding-right: 0;
  width: 300px;
}
/* Wide */
.block.wide {
  margin-bottom: 10px;
  padding: 30px 40px;
  text-align: left;
  width: 100%;
}
.block.wide .left {
  width: 70%;
}
.block.wide .name {
  line-height: 30px;
  padding-left: 0;
}
.block.wide .note {
  line-height: 20px;
  padding-left: 0;
}
.block.wide .num {
  float: right;
  font-size: 60px;
  height: 60px;
  line-height: 60px;
  width: auto;
}
.block.blue {
  background-color: #588195;
}
.dropdown-button {
  width: 225px;
  position: relative;
}
.dropdown-button a {
  text-decoration: none;
}
.dropdown-button > a {
  background: #282d32;
  color: #fff;
  cursor: pointer;
  display: block;
  text-decoration: none;
  padding: 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 40px;
  text-transform: uppercase;
}
.dropdown-button > a:before {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  height: 0;
  width: 0;
  content: "";
  float: right;
  margin: 18px 0;
}
.dropdown-button ul {
  display: none;
  position: absolute;
  width: 225px;
  z-index: 1000;
  max-height: 300px;
  overflow-y: scroll;
  background: #fff;
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
.dropdown-button ul li {
  padding: 0 40px;
  background: #fff;
}
.dropdown-button ul li:hover:not(.title) {
  background: #cfcfcf;
  cursor: pointer;
}
.dropdown-button ul li:hover:not(.title) a {
  background: #cfcfcf;
}
.dropdown-button ul li.title i {
  position: absolute;
  margin-left: -35px;
}
.dropdown-button ul li.title a {
  border-bottom: 1px solid #282d32;
  text-transform: uppercase;
  color: #282d32;
  cursor: default;
  margin-top: 5px;
}
.dropdown-button ul li.title a:hover {
  background: #fff !important;
}
.dropdown-button ul li a {
  background: white;
  display: block;
  font-size: 12px;
  line-height: 30px;
  color: #5a5a5a;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.dropdown-button:hover > a {
  background: #f03a3b;
}
.dropdown-button ul.open {
  display: block;
}
.bulk-actions {
  box-sizing: border-box;
  background: #fff url(/img/arrow/arrow-bulk.png) 5px 0 no-repeat;
  border-bottom: 1px solid #cfcfcf;
  border-top: 1px solid #cfcfcf;
  height: 50px;
  padding: 10px 10px 10px 50px;
  width: 100%;
}
.bulk-actions .loader {
  float: right;
  margin: 3px;
}
.bulk-actions.no-actions {
  background-image: none;
  padding: 10px;
}
.cart {
  border: 1px solid #e6e6e6;
  -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) !important;
}
.cart .cart-loader {
  position: absolute;
}
.cart.tear {
  margin-bottom: 0;
  border-bottom: none;
  -o-box-shadow: none !important;
  box-shadow: none !important;
}
.cart.tear + .cart-border {
  width: 100%;
  height: 6px;
}
.cart.tear + .cart-border.tear {
  background: #faf7f0 url('/img/checkout/tear-border-bottom.png') 0 0 repeat-x;
}
.cart.light {
  background-color: #fff;
}
.cart-item {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  padding: 15px;
}
.cart-item .table-col {
  vertical-align: middle;
  padding-left: 15px;
}
.cart-item .table-col:first-child {
  padding-left: 0;
}
.cart-item .col-1 {
  width: 120px;
}
.cart-item .col-2 {
  width: 600px;
}
.cart-item .col-3 {
  width: 80px;
}
.cart-item .item-name {
  background-color: #282d32;
  color: #faf7f0;
  display: block;
  font-size: 20px;
  line-height: 80px;
  text-align: center;
  text-transform: uppercase;
}
.cart-item .item-desc,
.cart-item .item-info,
.cart-item .item-options {
  display: block;
  margin-bottom: 10px;
}
.cart-item .item-desc {
  font-size: 18px;
  line-height: 18px;
  color: #282d32;
}
.cart-item .item-info {
  font-size: 14px;
  line-height: 13px;
}
.cart-item .item-options {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
}
.cart-item .item-options label {
  font-size: 14px;
  color: #999999;
  text-transform: capitalize;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  line-height: 14px;
  letter-spacing: inherit;
  margin-right: 25px;
}
.cart-item .item-options label:last-child {
  margin-right: 0;
}
.cart-item .item-price {
  font-size: 30px;
  line-height: 30px;
  color: #282d32;
}
.cart-item .item-price .discount {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 13px;
  color: #96b400;
  line-height: 13px;
  display: block;
  text-align: center;
  margin-top: 5px;
}
.company-summary {
  box-sizing: border-box;
  background: #fff;
  margin-bottom: 30px;
  padding: 20px;
  position: relative;
  width: 100%;
}
.company-summary .industry-flag {
  position: absolute;
  margin: -10px 0 0 -22px;
}
.company-summary h1 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 30px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 30px;
  text-transform: none;
  margin-bottom: 10px;
}
.company-summary h1 a {
  color: #282d32;
}
.company-summary h1 a:hover {
  color: #f03a3b;
}
.company-summary .photo {
  background-size: cover;
  border: 1px solid #cfcfcf;
  float: left;
  height: 80px;
  margin-right: 20px;
  width: 150px;
}
.company-summary .photo a {
  display: block;
  height: inherit;
  text-decoration: none;
  width: inherit;
}
/**
 * CSS3 checkbox/radio buttons
 */
.control-boolean {
  display: block;
  position: relative;
  float: left;
  margin-right: 8px;
}
.control-boolean:last-child {
  margin-right: 0;
}
.control-boolean.size-75 {
  width: 75px;
}
.control-boolean.size-150 {
  width: 150px;
}
.control-boolean input {
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
}
.control-boolean input:hover {
  cursor: pointer;
}
.control-boolean input:hover ~ label {
  text-decoration: none;
  background-color: #4c535c;
}
.control-boolean input[type="checkbox"],
.control-boolean input[type="radio"] {
  width: 100%;
  height: 100%;
}
.control-boolean input:checked ~ label {
  color: #fff;
  background-color: #f03a3b;
}
.control-boolean label {
  display: block;
  height: 100%;
  text-indent: -9999px;
  width: 100%;
  border-radius: 4px;
  background-color: #585f6a;
  padding: 10px 20px;
  line-height: 20px;
}
.control-boolean label:before {
  color: #fff;
  font: 14px "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  float: left;
  height: 100%;
  text-indent: 0;
  width: 100%;
  content: attr(title);
  text-align: center;
  line-height: 20px;
  text-transform: none;
  letter-spacing: -1px;
}
/* Wrapper */
#controller-wrapper {
  width: 100%;
}
#controller-wrapper .controller {
  background: #faf7f0;
  margin-bottom: 0;
  top: 0;
}
#controller-wrapper.fixed .controller {
  padding: 0 20px;
  position: fixed;
  top: 0;
  width: 100% !important;
}
/* Controller */
.controller {
  box-sizing: border-box;
  border-bottom: 1px solid #cfcfcf;
  border-top: 1px solid #cfcfcf;
  margin: 0 auto 20px auto;
  z-index: 999;
  min-height: 42px;
}
.controller .content {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1290px;
}
#main.standard .controller,
#main.standard .controller .content {
  max-width: 1290px !important;
}
/* Elements */
.controller .select .selected {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 30px;
  text-transform: uppercase;
}
.controller .select {
  float: left;
  margin: 5px 5px 0 0;
}
.controller .button.mini {
  float: left;
  margin: 5px 5px 0 0;
}
.controller .input {
  float: left;
  margin-right: 5px;
}
.controller .loader {
  float: left;
  margin: 8px 3px 0 0;
}
.controller .btn {
  margin: 5px 0 0 5px;
}
.controller .pagination {
  margin-top: 5px;
}
.controller .checkbox {
  margin: 10px 0;
}
.controller span {
  line-height: 40px;
}
.controller .eye {
  margin: 5px 10px 0 0;
}
/* Dark */
.controller.dark {
  background: #282d32 !important;
  border: 0;
}
.controller.dark .divider,
.searchbar .divider {
  background: #5a5a5a;
  border-left: 1px solid #000;
  float: left;
  margin: 5px 5px 0 0;
  width: 1px;
  height: 30px;
}
@media (max-width: 768px) {
  #controller-wrapper.fixed .controller {
    top: 55px;
  }
}
.crop-container {
  height: inherit;
  overflow: hidden;
  position: relative;
  width: inherit;
  z-index: 1;
}
.crop-container .remove {
  position: absolute;
  right: 0;
  z-index: 100;
}
.xhprof {
  background: #282d32;
  bottom: 0;
  color: #fff;
  font-size: 10px;
  position: fixed;
  left: 0;
  padding: 10px 15px;
  z-index: 10000;
}
.xhprof a {
  color: #f03a3b;
  text-decoration: none;
}
.xhprof a:hover {
  text-decoration: underline;
}
#feature {
  background-position: center bottom;
  background-repeat: no-repeat;
  overflow: hidden;
  width: 100%;
}
#feature > .content {
  position: relative;
  width: 100%;
}
#feature .headline {
  margin: 0 auto;
  max-width: 960px;
}
#feature.short > .content {
  background-image: url(/img/feature/feature-short.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 140px;
}
#feature.short.img1 .content {
  background-image: url(/img/feature/feature-short1.jpg);
}
#feature.short.img2 .content {
  background-image: url(/img/feature/feature-short2.jpg);
}
#feature.short.img3 .content {
  background-image: url(/img/feature/feature-short3.jpg);
}
#feature.profile > .content {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 300px;
}
@media only screen and (max-width: 529px) {
  #feature.profile > .content {
    height: 150px;
  }
}
#feature.profile .placeholderbox {
  background-color: #cfcfcf;
  border: 0;
}
#feature.messages {
  height: 280px;
}
#feature .social {
  box-sizing: border-box;
  position: absolute;
  top: 20px;
  height: 20px;
  z-index: 1;
}
#feature .social a {
  display: none !important;
}
#feature .social li {
  float: left;
  height: 20px;
  margin: 0 0 0 20px;
  padding: 0;
  text-align: left;
}
#feature .social li:first-child {
  margin: 0;
}
.filelist {
  margin: 0;
}
.filelist > li {
  border-top: 1px solid #cfcfcf;
  clear: both;
  float: left;
  padding: 10px 0;
  position: relative;
  width: 100%;
}
.filelist > li:first-child {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}
.filelist > li .content {
  display: table;
  min-height: 100px;
  margin-left: 110px;
}
.filelist > li .content div {
  display: table-cell;
  padding: 10px 100px 10px 10px;
  vertical-align: middle;
}
.filelist > li .content h3 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: normal;
  text-transform: none;
  margin: 0;
}
.filelist > li .content p {
  margin: 5px 0 0 0;
}
.filelist > li .actions {
  display: none;
  position: absolute;
  right: 0;
}
.filelist > li .actions li {
  margin-left: 5px;
}
.filelist li a.btn-upload {
  box-sizing: border-box;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 100px;
  text-transform: uppercase;
  border: 2px dashed #cfcfcf;
  color: #999999;
  display: block;
  height: 100px;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
.filelist li a.btn-upload:hover {
  border-color: #282d32;
  color: #282d32;
}
.filelist li:hover .actions {
  display: block;
}
.filelist li .form-modal {
  margin-top: 10px;
}
.filelist.padded {
  padding: 20px;
}
/**
 * Redesigned File list
 * Notice the new class is .file-list NOT .filelist
 * @TODO Remove old rules (above) at some point.
 */
.file-list .file-item {
  border-radius: 4px;
  -o-box-shadow: 0 1px 1px #d7dddf !important;
  box-shadow: 0 1px 1px #d7dddf !important;
  box-sizing: border-box;
  display: table;
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid #e7e7e7;
  padding: 10px;
}
.file-list .file-item:last-child {
  margin-bottom: 0;
}
.file-list .file-item .placeholder {
  display: none;
}
.file-list .file-item .file-thumb {
  width: 40px;
  height: 40px;
  display: block;
}
.file-list .file-item .file-thumb.img-rounded {
  border-radius: 3px;
}
.file-list .thumbnail-col .overlay-small {
  border-radius: 5px;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: #484f5b url(/img/projects/magnify_small.png) no-repeat center center;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
.file-list .thumbnail-col:hover .overlay-small {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.file-list .file-column {
  display: table-cell;
  vertical-align: middle;
  padding-right: 20px;
}
.file-list .file-column:last-child {
  padding-right: 0;
}
.file-list .file-column input,
.file-list .file-column textarea {
  display: none;
}
.file-list .file-column.thumbnail-col {
  width: 40px;
  padding-right: 15px;
}
.file-list .file-column.name-col {
  width: 200px;
}
.file-list .file-column.caption-col {
  width: 350px;
}
.file-list .file-column.actions-col {
  width: 100px;
  padding-left: 10px;
}
.file-list .display-label {
  display: block;
  text-transform: none;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 13px;
  padding-left: 11px;
  color: #5a5a5a;
  letter-spacing: normal;
}
.file-list .name-col .display-label {
  width: 170px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.file-list .caption-col .display-label {
  width: 320px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.file-list .actions {
  float: right;
}
.file-list .actions .action {
  margin-left: 20px;
}
.file-list .actions .action:first-child {
  margin-left: 0;
}
.file-list .file-item.edit .display-label {
  display: none;
}
.file-list .file-item.edit .placeholder {
  display: block;
  margin-top: 7px;
}
.file-list .file-item.edit .actions .edit-btn {
  visibility: hidden;
}
.file-list .file-item.edit input,
.file-list .file-item.edit textarea {
  display: block;
}
.file-list .file-item.edit textarea,
.file-list .file-item.edit input[type="text"] {
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #e7e7e7;
  height: 40px;
  width: 100%;
  padding: 10px;
}
.file-list .file-item.edit textarea {
  width: 100%;
  height: 100px;
  float: none;
  display: block;
}
.file-list .file-item.edit textarea.no-resize {
  overflow: scroll;
  resize: none;
}
.form-modal {
  box-sizing: border-box;
  background-color: #cfcfcf;
  float: left;
  clear: both;
  padding: 20px;
  width: 100%;
}
.form-modal.editform {
  border: 0;
  margin: 0;
  width: 100%;
}
.form-modal .footer {
  border-top: 1px solid #999999;
  padding-top: 20px;
}
.form-modal .footer .msg {
  margin-right: 320px;
}
.form-modal .footer small {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 30px;
  text-transform: uppercase;
  padding-left: 10px;
}
.form-modal .footer small a {
  color: #282d32;
}
.form-modal .addbox .form {
  border: 0;
}
.form-modal input[type=text],
.form-modal textarea,
.form-modal .addbox {
  background-color: #faf7f0;
  border: 0;
}
.form-modal input[type=text]:focus,
.form-modal textarea:focus {
  background-color: #fff;
}
/* Close button */
.form-modal > .remove {
  clear: both;
  float: right;
  margin: -20px -20px 0 0;
}
.mr.welcome-modal {
  padding: 48px;
  max-width: 800px;
  box-sizing: border-box;
  background: white;
  position: fixed;
  border-radius: 6px;
  box-shadow: 0px 30px 30px rgba(10, 35, 42, 0.05);
}
@media only screen and (max-width: 529px) {
  .mr.welcome-modal {
    overflow: scroll;
    max-height: 500px;
    left: 24px !important;
    right: 24px !important;
    margin-left: 0 !important;
  }
}
.mr.welcome-modal * {
  letter-spacing: initial;
  text-align: initial;
  text-transform: initial;
}
.mr.welcome-modal .cta {
  margin: 12px 0 0;
  text-align: center;
}
.mr.welcome-modal .cta a {
  background: #3085D6;
  border-radius: 4px;
  display: inline-block;
  font-family: Heebo;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  color: #FFFFFF;
  padding: 12px 32px;
}
.mr.welcome-modal h1 {
  font-family: Heebo;
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 38px;
  text-align: center;
  color: #545454;
  margin: 0 0 16px;
  padding: 0;
  display: block;
}
.mr.welcome-modal h3 {
  font-family: Heebo;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 23px;
  text-align: center;
  color: #595959;
  padding: 0;
  margin: 0 0 48px;
  display: block;
}
.mr.welcome-modal ul.features {
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0 48px;
  width: 100%;
  box-sizing: border-box;
}
.mr.welcome-modal ul.features:before,
.mr.welcome-modal ul.features:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.welcome-modal ul.features:after {
  clear: both;
}
.mr.welcome-modal ul.features:before,
.mr.welcome-modal ul.features:after {
  content: "";
  display: table;
}
.mr.welcome-modal ul.features:after {
  clear: both;
}
.mr.welcome-modal ul.features:before,
.mr.welcome-modal ul.features:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.welcome-modal ul.features:after {
  clear: both;
}
@media only screen and (max-width: 529px) {
  .mr.welcome-modal ul.features {
    padding: 0;
  }
}
.mr.welcome-modal ul.features li {
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
  float: left;
  width: 48%;
  margin: 0 0 32px;
  position: relative;
}
.mr.welcome-modal ul.features li:before,
.mr.welcome-modal ul.features li:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.welcome-modal ul.features li:after {
  clear: both;
}
.mr.welcome-modal ul.features li:before,
.mr.welcome-modal ul.features li:after {
  content: "";
  display: table;
}
.mr.welcome-modal ul.features li:after {
  clear: both;
}
.mr.welcome-modal ul.features li:before,
.mr.welcome-modal ul.features li:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.welcome-modal ul.features li:after {
  clear: both;
}
.mr.welcome-modal ul.features li:nth-child(even) {
  float: right;
}
.mr.welcome-modal ul.features li .feature-icon {
  width: 50px;
  position: absolute;
  left: 0;
}
.mr.welcome-modal ul.features li .text {
  margin: 0 0 0 74px;
  display: block;
}
.mr.welcome-modal ul.features li .text h4 {
  font-family: Heebo;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: #545454;
  margin: 0 0 8px;
  padding: 0;
}
.mr.welcome-modal ul.features li .text p {
  margin: 0;
  padding: 0;
  font-family: Heebo;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #545454;
}
@media only screen and (max-width: 529px) {
  .mr.welcome-modal ul.features li {
    float: none;
    width: 100%;
  }
}
.hero {
  background-position: center bottom;
  background-repeat: no-repeat;
  overflow: hidden;
  width: 100%;
}
.hero .content {
  background-image: url(/img/feature/feature-plans.jpg);
  background-color: #282d32;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: table;
  height: 100%;
  padding: 70px 0;
  width: 100%;
  position: relative;
}
.hero .masthead {
  max-width: 960px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  padding: 0 55px;
}
.hero .masthead .heading {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 44px;
  line-height: 44px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.hero .masthead .subheading {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 16px;
}
.hero + .with-hero,
.hero + .status-bar + .with-hero {
  max-width: 960px;
  margin: 0 auto;
  padding-top: 25px;
}
.hoo .checkbox {
  margin: 5px 5px 0 0 !important;
}
.hoo .select {
  margin: 0 0 0 5px !important;
}
.hoo .to {
  float: left;
  line-height: 30px;
  margin-left: 5px;
  text-align: center;
  width: 30px;
}
i {
  display: block;
  text-align: center;
}
i a {
  display: block;
  height: inherit;
  text-decoration: none;
  width: inherit;
  text-decoration: none !important;
}
i.size-16 {
  background-image: url(/img/icons/icon-16.png?3);
  height: 16px;
  width: 16px;
}
i.size-16-dollar {
  background-image: url(/img/icons/dollar-sign-white.png);
  height: 16px;
  width: 16px;
}
i.size-16.dollar-sign-white {
  background-image: url('/img/icons/dollar-sign-white-small.png');
}
i.size-16.rounded {
  border-radius: 2px;
}
i.size-16.circle {
  border-radius: 8px;
}
i.size-16.facebook {
  background-position: 0 0;
}
i.size-16.twitter {
  background-position: 0 -16px;
}
i.size-16.twitter.white {
  background-position: 0 -32px;
}
i.size-16.linkedin {
  background-position: 0 -48px;
}
i.size-16.google {
  background-position: 0 -64px;
}
i.size-16.instagram {
  background-position: 0 -80px;
}
i.size-16.tumblr {
  background-position: 0 -96px;
}
i.size-16.facebook-grey {
  background-position: 0 -112px;
}
i.size-16.linkedin-grey {
  background-position: 0 -128px;
}
i.size-16.twitter-grey {
  background-position: 0 -144px;
}
i.size-16.arrow.down {
  background-position: -16px 0;
}
i.size-16.arrow.down.white {
  background-position: -16px -16px;
}
i.size-16.arrow.prev {
  background-position: -16px -32px;
}
i.size-16.arrow.prev.white {
  background-position: -16px -48px;
}
i.size-16.arrow.next {
  background-position: -16px -64px;
}
i.size-16.arrow.next.white {
  background-position: -16px -80px;
}
i.size-16.close {
  background-position: -16px -96px;
}
i.size-16.close.white {
  background-position: -16px -112px;
}
i.size-16.close.red {
  background-position: -16px -128px;
}
i.size-16.check {
  background-position: -16px -144px;
}
i.size-16.check.white {
  background-position: -16px -160px;
}
i.size-16.check.red {
  background-position: -16px -176px;
}
i.size-16.check.green {
  background-position: -16px -192px;
}
i.size-16.lock {
  background-position: -16px -208px;
}
i.size-16.lock.white {
  background-position: -16px -224px;
}
i.size-16.help {
  background-position: -16px -240px;
}
i.size-16.twitter.reply {
  background-position: -32px 0;
}
i.size-16.twitter.retweet {
  background-position: -32px -16px;
}
i.size-16.twitter.favorite {
  background-position: -32px -32px;
}
i.size-16.twitter.reply:hover {
  background-position: -32px -48px;
}
i.size-16.twitter.retweet:hover {
  background-position: -32px -64px;
}
i.size-16.twitter.favorite:hover {
  background-position: -32px -80px;
}
i.size-16.anvil {
  background-position: -48px 0;
}
i.size-16.user1 {
  background-position: -48px -16px;
}
i.size-16.user2 {
  background-position: -48px -32px;
}
i.size-16.user3 {
  background-position: -48px -48px;
}
i.size-16.reply {
  background-position: -64px 0;
}
i.size-16.attachment {
  background-position: -64px -16px;
}
i.size-16.project {
  background-position: -64px -32px;
}
i.size-16.paid {
  background-position: -64px -48px;
}
i.size-16.inbox {
  background-position: -64px -64px;
}
i.size-16.unread {
  background-position: -64px -80px;
}
i.size-16.sent {
  background-position: -64px -96px;
}
i.size-16.archived {
  background-position: -64px -112px;
}
i.size-16.spam {
  background-position: -64px -128px;
}
i.size-16.draft {
  background-position: -64px -64px;
}
i.size-16.comment {
  background-position: -80px 0;
}
i.size-16.comment.red {
  background-position: -80px -16px;
}
i.size-16.contact {
  background-position: -96px 0;
}
i.size-16.contact.white {
  background-position: -96px -16px;
}
i.size-16.contact.red {
  background-position: -96px -32px;
}
i.size-16.contact.grey {
  background-position: -96px -48px;
}
i.size-16.add {
  background-position: -96px -64px;
}
i.size-16.add.white {
  background-position: -96px -80px;
}
i.size-16.add.red {
  background-position: -96px -96px;
}
i.size-16.add.grey {
  background-position: -96px -112px;
}
i.size-16.note {
  background-position: -96px -128px;
}
i.size-16.note.white {
  background-position: -96px -144px;
}
i.size-16.note.red {
  background-position: -96px -160px;
}
i.size-16.note.grey {
  background-position: -96px -176px;
}
i.size-16.phone.white {
  background-position: -96px -192px;
}
i.size-16.website.white {
  background-position: -96px -208px;
}
i.size-16.profile.grey {
  background-position: -96px -224px;
}
i.size-20 {
  background-image: url('/img/icons/icon-20.png?3');
  background-image: url('/img/icons/icon-20.svg?3'), none;
  height: 20px;
  width: 20px;
}
i.size-20.rounded {
  border-radius: 2px;
}
i.size-20.circle {
  border-radius: 10px;
}
i.size-20.facebook {
  background-position: 0 0;
}
i.size-20.facebook {
  background-color: #3b5998;
}
i.size-20.twitter {
  background-position: -20px 0;
}
i.size-20.twitter {
  background-color: #2aa9e0;
}
i.size-20.google {
  background-position: -40px 0;
}
i.size-20.google {
  background-color: #dd4b39;
}
i.size-20.pinterest {
  background-position: -60px 0;
}
i.size-20.pinterest {
  background-color: #cb2128;
}
i.size-20.linkedin {
  background-position: -80px 0;
}
i.size-20.linkedin {
  background-color: #007bb5;
}
i.size-20.help {
  background-position: 0 -20px;
}
i.size-20.paid {
  background-position: -20px -20px;
}
i.size-30 {
  background-image: url('/img/icons/icon-30.png?3');
  background-image: url('/img/icons/icon-30.svg?3'), none;
  height: 30px;
  width: 30px;
}
i.size-30.rounded {
  border-radius: 5px;
}
i.size-30.circle {
  border-radius: 15px;
}
i.size-30.facebook {
  background-position: 0 0;
}
i.size-30.twitter {
  background-position: 0 -30px;
}
i.size-30.linkedin {
  background-position: 0 -60px;
}
i.size-30.instagram {
  background-position: 0 -90px;
}
i.size-30.youtube {
  background-position: 0 -120px;
}
i.size-30.google {
  background-position: 0 -150px;
}
i.size-30.pinterest {
  background-position: 0 -180px;
}
i.size-30.favorite {
  background-position: 0 -210px;
}
i.size-30.subscribe {
  background-position: 0 -240px;
}
i.size-30.paid {
  background-position: 0 -270px;
}
i.size-40 {
  background-image: url('/img/icons/icon-40.png?3');
  background-image: url('/img/icons/icon-40.svg?3'), none;
  height: 40px;
  width: 40px;
}
i.size-40.rounded {
  border-radius: 5px;
}
i.size-40.circle {
  border-radius: 20px;
}
i.size-40.contact {
  background-position: 0 0;
}
i.size-40.save {
  background-position: 0 -40px;
}
i.size-40.reviews {
  background-position: 0 -80px;
}
i.size-40.updates {
  background-position: 0 -120px;
}
i.size-40.quick-message {
  background-position: 0 -160px;
}
i.size-40.paid {
  background-position: 0 -200px;
}
i.size-60 {
  background-image: url('/img/icons/icon-60.png?3');
  background-image: url('/img/icons/icon-60.svg?3'), none;
  height: 60px;
  width: 60px;
}
i.size-60.rounded {
  border-radius: 5px;
}
i.size-60.circle {
  border-radius: 30px;
}
i.size-60.facebook {
  background-position: 0 0;
}
i.size-60.facebook {
  background-color: #3b5998;
}
i.size-60.facebook:hover {
  background-color: #4c70ba;
}
i.size-60.twitter {
  background-position: -60px 0;
}
i.size-60.twitter {
  background-color: #2aa9e0;
}
i.size-60.twitter:hover {
  background-color: #57bbe6;
}
i.size-60.linkedin {
  background-position: -120px 0;
}
i.size-60.linkedin {
  background-color: #007bb5;
}
i.size-60.linkedin:hover {
  background-color: #009ee8;
}
i.size-60.quick-message {
  background-position: -180px 0;
}
i.size-144 {
  background-image: url('/img/icons/icon-144.png?3');
  background-image: url('/img/icons/icon-144.svg?3'), none;
  height: 144px;
  width: 144px;
}
i.size-144.rounded {
  border-radius: 10px;
}
i.size-144.circle {
  border-radius: 72px;
}
i.size-144.quick-message {
  background-position: 0 0;
}
i.size-144.message {
  background-position: 0 -144px;
}
i.size-144.note {
  background-position: 0 -288px;
}
/* ---------------------------------------------------------------------------------------------------- */
/* TODO: Migrate .icon class to <i>
/* ---------------------------------------------------------------------------------------------------- */
.icon {
  background: url(/img/icons/icon-16.png?2) no-repeat;
  height: 16px;
  width: 16px;
}
.icon a {
  display: block;
  height: inherit;
  text-decoration: none;
  width: inherit;
}
span.icon {
  padding-left: 23px;
  width: auto;
}
.icon.facebook {
  background-position: 0 0;
}
.icon.twitter {
  background-position: 0 -16px;
}
.icon.twitter.white {
  background-position: 0 -32px;
}
.icon.linkedin {
  background-position: 0 -48px;
}
.icon.google {
  background-position: 0 -64px;
}
.icon.instagram {
  background-position: 0 -80px;
}
.icon.tumblr {
  background-position: 0 -96px;
}
.icon.arrow.down {
  background-position: -16px 0;
}
.icon.arrow.down.white {
  background-position: -16px -16px;
}
.icon.arrow.prev {
  background-position: -16px -32px;
}
.icon.arrow.prev.white {
  background-position: -16px -48px;
}
.icon.arrow.next {
  background-position: -16px -64px;
}
.icon.arrow.next.white {
  background-position: -16px -80px;
}
.icon.close {
  background-position: -16px -96px;
}
.icon.close.white {
  background-position: -16px -112px;
}
.icon.close.red {
  background-position: -16px -128px;
}
.icon.check {
  background-position: -16px -144px;
}
.icon.check.white {
  background-position: -16px -160px;
}
.icon.check.red {
  background-position: -16px -176px;
}
.icon.check.green {
  background-position: -16px -192px;
}
.icon.lock {
  background-position: -16px -208px;
}
.icon.twitter.reply {
  background-position: -32px 0;
}
.icon.twitter.retweet {
  background-position: -32px -16px;
}
.icon.twitter.favorite {
  background-position: -32px -32px;
}
.icon.twitter.reply:hover {
  background-position: -32px -48px;
}
.icon.twitter.retweet:hover {
  background-position: -32px -64px;
}
.icon.twitter.favorite:hover {
  background-position: -32px -80px;
}
.icon.anvil {
  background-position: -48px 0;
}
.icon.user1 {
  background-position: -48px -16px;
}
.icon.user2 {
  background-position: -48px -32px;
}
.icon.user3 {
  background-position: -48px -48px;
}
.icon.reply {
  background-position: -64px 0;
}
.icon.attachment {
  background-position: -64px -16px;
}
.icon.project {
  background-position: -64px -32px;
}
.icon.comment {
  background-position: -80px 0;
}
.icon.comment.red {
  background-position: -80px -16px;
}
.icon.contact {
  background-position: -96px 0;
}
.icon.contact.white {
  background-position: -96px -16px;
}
.icon.contact.red {
  background-position: -96px -32px;
}
.icon.contact.grey {
  background-position: -96px -48px;
}
.icon.add {
  background-position: -96px -64px;
}
.icon.add.white {
  background-position: -96px -80px;
}
.icon.add.red {
  background-position: -96px -96px;
}
.icon.add.grey {
  background-position: -96px -112px;
}
.icon.note {
  background-position: -96px -128px;
}
.icon.note.white {
  background-position: -96px -144px;
}
.icon.note.red {
  background-position: -96px -160px;
}
.icon.note.grey {
  background-position: -96px -176px;
}
.icon.phone.white {
  background-position: -96px -192px;
}
.icon.website.white {
  background-position: -96px -208px;
}
.icon.profile.grey {
  background-position: -96px -224px;
}
/* States */
.icon.loading {
  background: url(/img/loader/loader-arrows.gif) !important;
}
.menu.hor.trans li:hover .icon.arrow.down,
.menu.hor.trans .current .icon.arrow.down,
.menu.hor.trans .active .icon.arrow.down {
  background-position: -16px -16px;
}
.item .icon.add:hover {
  background-position: -96px -96px;
}
.item .icon.contact:hover {
  background-position: -96px -32px;
}
.item .icon.check:hover {
  background-position: -16px -176px;
}
.item .icon.note:hover {
  background-position: -96px -160px;
}
.item .icon.comment:hover {
  background-position: -80px -16px;
}
.icon.close.white:hover {
  background-position: -16px -128px;
}
/* Medium */
.icon.medium {
  height: 30px;
  width: 30px;
}
/* Send Icon */
.icon.send {
  background: url(/img/icons/send-icon.png) no-repeat;
  height: 20px;
  width: 20px;
}
/* Help icon (Gray) */
i.help-gray {
  background: url('/img/icons/help-icon-gray-16.png') no-repeat;
  height: 16px;
  width: 16px;
}
i.help-gray.size-13 {
  background: url('/img/icons/help-icon-gray-13.png') no-repeat;
  height: 13px;
  width: 13px;
}
/* Calendar icon */
i.calendar {
  background: url('/img/icons/calendar-icon.png') no-repeat;
  height: 18px;
  width: 18px;
}
i.calendar.gray {
  background-image: url('/img/icons/calendar-icon-gray.png');
}
/* Upload cloud icon */
i.upload-cloud {
  background: url('/img/icons/upload-cloud-icon.png') no-repeat;
  width: 32px;
  height: 28px;
}
i.upload-cloud.active {
  background-image: url('/img/icons/upload-cloud-icon-active.png');
}
/* Alert icons */
i.alert {
  box-sizing: initial;
  border: none;
  margin: 0;
  padding: 0;
}
i.alert.red {
  background: url('/img/icons/alert-icon-red.png') no-repeat;
  width: 27px;
  height: 23px;
}
/* New 10x10 icons */
i.size-10 {
  height: 10px;
  width: 10px;
}
i.size-10.close {
  background: url('/img/icons/close-icon-gray.png') no-repeat;
}
i.size-10.edit {
  background: url('/img/icons/edit-icon-gray.png') no-repeat;
}
i.size-10.photo {
  background: url('/img/icons/photo-icon-charcoal.png') no-repeat;
}
i.size-10.photo.active {
  background: url('/img/icons/photo-icon-gray.png') no-repeat;
}
/* Accordion icons */
i.drop-arrow {
  width: 16px;
  height: 10px;
  background: url('/img/icons/drop-arrow-icon-down.png') no-repeat;
}
i.drop-arrow.up {
  background-image: url('/img/icons/drop-arrow-icon-up.png');
}
i.trash-icon {
  width: 15px;
  height: 18px;
  background: url('/img/icons/trash-icon-gray.png') no-repeat;
}
.industry-flag {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 20px;
  text-transform: uppercase;
  color: #fff;
  display: block;
  height: 20px;
  padding: 0 7px 0 8px;
  text-decoration: none !important;
  z-index: 100;
  background-color: #5a5a5a;
  border: none;
}
.industry-flag.ind-apparel {
  background: #36969c;
}
.industry-flag.ind-furniture {
  background: #93630e;
}
a.industry-flag:hover {
  background: #f03a3b;
}
.jwc_image {
  cursor: move;
}
.jwc_controls {
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  background-color: #282d32;
  filter: alpha(opacity=50);
  width: 100%;
  height: 26px;
  position: absolute;
  z-index: 100;
  bottom: 0px;
  left: 0px;
}
.jwc_controls span {
  display: block;
  float: left;
  color: #fff;
  font-size: 11px;
  margin: 7px 0px 0px 5px;
}
.jwc_zoom_in,
.jwc_zoom_out {
  font-family: inherit;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  display: block;
  background-color: #fff;
  cursor: pointer;
  border-radius: 100px;
  width: 18px;
  height: 18px;
  float: right;
  margin: 4px 4px 0px 0px;
  text-decoration: none;
  text-align: center;
  color: #282d32;
}
.jwc_zoom_in::after {
  content: "+";
}
.jwc_zoom_out::after {
  content: "-";
}
.line-items {
  clear: both;
  float: left;
  margin-bottom: 20px;
  width: 100%;
}
.line-items li {
  border-bottom: 1px solid #cfcfcf;
  float: left;
  clear: both;
  min-height: 30px;
  padding: 5px 0;
  position: relative;
  width: 100%;
}
.line-items .li-header,
.line-items .li-actions {
  height: 30px;
  padding: 10px 0;
}
.line-items .li-header span {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 30px;
  text-transform: uppercase;
  color: #282d32;
}
.line-items .li-item {
  box-sizing: border-box;
  padding: 10px 40px 10px 10px;
}
.line-items .li-item p {
  margin-bottom: 5px;
  padding-top: 5px;
}
.line-items .li-item.selected,
.line-items .li-item.selected .placeholder,
.line-items .li-item.selected .input input,
.line-items .li-item.selected .textarea textarea {
  background-color: #fcf8e9;
}
.line-items li .input .placeholder,
.line-items li .input input,
.line-items li .textarea textarea {
  border: 0;
  padding: 0;
  width: 100%;
}
.line-items li .textarea textarea {
  height: 25px;
  margin-top: 5px;
  padding: 0 10px;
}
.line-items li .textarea .placeholder {
  background: #fff;
  height: 28px;
  line-height: 28px;
  margin: 1px 0;
  overflow: hidden;
  padding: 0 10px;
  width: 100%;
}
.line-items li .textarea .placeholder.blur-ph {
  color: #5a5a5a;
}
.line-items li .title {
  float: left;
  width: 160px;
}
.line-items li .description {
  display: block;
  margin-left: 160px;
}
.line-items .li-item .checkbox {
  margin: 5px;
  position: absolute;
  right: 0;
  z-index: 2;
}
.line-items .li-item .checkbox div {
  margin: 0;
}
.line-items .li-item .icon {
  margin: 7px 10px;
  position: absolute;
  right: 0;
  z-index: 2;
}
.loader {
  background: url(/img/loader/loader.gif) no-repeat center;
  display: none;
  height: 24px;
  pointer-events: none;
  width: 24px;
}
.loader.white {
  background: url(/img/loader/loader-white.gif) no-repeat center;
}
.loader.white-on-dark {
  background: url(/img/loader/loader-white-on-dark.gif) no-repeat center;
}
.loader.white-on-grey {
  background: url(/img/loader/loader-white-on-grey.gif) no-repeat center;
}
.loader.white-on-gray-2 {
  background: url(/img/loader/loader-white-on-gray-2.gif) no-repeat center;
}
.loader.center {
  margin: 0 auto;
}
.nav .loader {
  float: right;
  margin: 8px 8px 0 0;
}
#pagination .loader {
  margin: 8px 0 0 266px;
  position: absolute;
}
/* Loader next to input fields */
.input .loader {
  float: left;
  margin: 4px 0 0 10px;
}
/* Loader within buttons */
.submit {
  position: relative;
}
.submit .loader {
  margin: 8px 22px 0 0;
  position: absolute;
  right: 0;
}
.cta {
  position: relative;
}
.cta .loader {
  position: absolute;
  top: 8px;
  right: 8px;
}
.logo {
  display: block;
  position: relative;
}
.logo a {
  display: block;
  height: inherit;
  text-decoration: none;
  width: inherit;
}
.logo.size-header {
  background-image: url('/img/main/logo-header.png?3');
  background-image: url('/img/main/logo-header.svg?3'), none;
  height: 70px;
  width: 140px;
}
.logo.size-header.white {
  background: #282d32 url(/img/main/logo-header.png) no-repeat right;
  background-color: #282d32;
  background-position: center right;
}
.logo.size-sm {
  background-image: url('/img/main/logo-sm.png?3');
  background-image: url('/img/main/logo-sm.svg?3'), none;
  height: 62px;
  width: 120px;
}
#main {
  margin: 0 auto;
  padding: 30px 20px 60px 20px;
  max-width: 1290px;
  min-height: calc(100vh - 104px);
}
.loggedin.failed-payment + #main {
  padding-top: 130px;
}
.loggedin.activation-required + #main {
  padding-top: 160px;
}
.loggedin.failed-payment.activation-required + #main {
  padding-top: 200px;
}
.loggedin.failed-payment + #feature > .content,
.loggedin.failed-payment + form > #feature > .content {
  margin-top: 110px;
}
.loggedin.activation-required + #feature > .content,
.loggedin.activation-required + form > #feature > .content {
  margin-top: 140px;
}
.loggedin.failed-payment.activation-required + #feature > .content,
.loggedin.failed-payment.activation-required + form > #feature > .content {
  margin-top: 180px;
}
#main.withfeature {
  padding-top: 20px;
}
#main.standard {
  max-width: 1056px !important;
}
#main.thin {
  max-width: 620px !important;
}
#main.single {
  max-width: 300px !important;
}
#main.single-wide {
  max-width: 360px !important;
}
#main.fluid {
  box-sizing: border-box;
  padding-top: 40px;
  width: 100% !important;
}
#main .primary {
  box-sizing: border-box;
  margin-left: 320px;
  overflow: hidden;
}
#main .primary.white {
  background-color: #fff;
  margin-left: 300px;
  padding: 20px;
}
#main .col {
  min-width: 300px;
}
#main .col.single {
  margin: 0 auto;
  width: 300px;
}
#main.thin .col {
  width: 300px;
}
#main.standard .col {
  width: 460px;
}
.header-container {
  display: flex;
  justify-content: space-between;
}
#main .header {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 40px;
  text-transform: uppercase;
  border-bottom: 5px solid #000;
  clear: both;
  color: #282d32;
  width: -moz-fit-content;
  width: fit-content;
  height: 40px;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#main .header a {
  color: #282d32;
  text-decoration: none;
}
#main .header a:hover {
  color: #f03a3b;
  text-decoration: none;
}
#main .header.sub {
  border-color: #cfcfcf;
}
#main .header .loader {
  float: right;
  margin-top: 8px;
}
#main .header p {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 40px;
  text-transform: none;
  color: #999999;
  float: right;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif !important;
  margin: 0;
}
#main .header p a {
  color: #f03a3b;
  text-decoration: none;
}
#main .header p a:hover {
  text-decoration: underline;
}
.making-process h3 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 30px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: normal;
  text-transform: none;
  color: #282d32;
  margin-bottom: 10px;
}
.making-process .stage {
  margin: 0 auto;
  max-width: 960px;
}
.making-process .stage .icon-wrapper {
  float: left;
  height: 360px;
  overflow: hidden;
  width: 160px;
}
.making-process .stage .icon-cap {
  background-repeat: no-repeat;
  height: 360px;
  width: 160px;
}
.making-process .stage .explanation {
  border-bottom: 1px #cfcfcf solid;
  border-right: 1px #cfcfcf solid;
  border-top: 1px #cfcfcf solid;
  margin: 39px 0;
  padding: 20px 20px 20px 30px;
}
.making-process .stage .explanation a:hover {
  text-decoration: none;
}
.making-process .explanation .photo {
  width: 300px;
  height: 240px;
  max-width: 100%;
}
.making-process .stage-1 .icon-cap {
  background-position: 0 0;
}
.making-process .stage-2 .icon-cap {
  background-position: 0 -360px;
}
.making-process .stage-3 .icon-cap {
  background-position: 0 -720px;
}
.making-process .stage-4 .icon-cap {
  background-position: 0 -1080px;
}
.making-process .stage-5 .icon-cap {
  background-position: 0 -1440px;
}
.making-process .stage-6 .icon-cap {
  background-position: 0 -1800px;
}
.making-process .stage-1 .photo {
  background-position: 0 0;
}
.making-process .stage-2 .photo {
  background-position: 0 -240px;
}
.making-process .stage-3 .photo {
  background-position: 0 -480px;
}
.making-process .stage-4 .photo {
  background-position: 0 -720px;
}
.making-process .stage-5 .photo {
  background-position: 0 -960px;
}
.making-process .stage-6 .photo {
  background-position: 0 -1200px;
}
@media (max-width: 768px) {
  .making-process .stage .explanation {
    border-left: 1px #cfcfcf solid;
  }
  .making-process .stage .icon-cap {
    margin: 0 auto;
  }
}
#map {
  height: 100%;
  width: 100%;
}
#map .content {
  width: 318px;
}
#map .photo {
  height: 160px;
  margin-bottom: 10px;
  width: 300px;
}
#map .photo img {
  height: 160px;
  width: 300px;
}
#map-container {
  display: inline-block;
  height: 500px;
  width: 70%;
}
#map-container .remote {
  display: block;
  margin: 10px 0 0 10px;
  position: absolute;
  z-index: 1;
}
#map-container .remote .btn {
  border-radius: 0;
  background: url(/img/map/map-btns.png);
  cursor: pointer;
  display: block;
  height: 20px;
  width: 20px;
}
#map-container .remote .btn#zoomin {
  background-position: 0 0;
  margin-right: 10px;
}
#map-container .remote .btn#zoomin:hover {
  background-position: -20px 0;
}
#map-container .remote .btn#zoomout {
  background-position: 0 -20px;
}
#map-container .remote .btn#zoomout:hover {
  background-position: -20px -20px;
}
#map-container .remote .control {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 8px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 20px;
  text-transform: uppercase;
  background: url(/img/map/map-btns.png) repeat-x 0 -40px;
  color: #fff;
  cursor: pointer;
  height: 20px;
  padding: 0 6px 0 7px;
}
#map-container .remote .control:hover {
  background-position: 0 -60px;
}
#map-container .remote .control.active {
  background-position: 0 -80px;
}
#media-viewer {
  background: #fff;
  margin-bottom: 30px;
  max-width: 640px;
}
#media-viewer .viewer {
  background-color: #fff;
  display: table;
  height: 360px;
  max-width: 640px;
}
#media-viewer .viewer > div {
  background-position: center;
  background-repeat: no-repeat;
  display: table-cell;
  height: inherit;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  width: inherit;
}
#media-viewer .viewer .lazyload-tmp-img {
  height: inherit;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  max-width: 640px;
  z-index: 10;
}
#media-viewer .viewer .lazyload-tmp-img img {
  position: absolute;
}
#media-viewer .loader {
  height: 360px;
  position: absolute;
  max-width: 640px;
  z-index: 1;
}
#media-viewer .info {
  box-sizing: border-box;
  background-color: #fff;
  border-bottom: 1px solid #cfcfcf;
  border-top: 1px solid #cfcfcf;
  min-height: 100px;
  padding: 20px 140px 20px 20px;
  position: relative;
  width: inherit;
}
#media-viewer .info h3 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: normal;
  text-transform: none;
  margin: 0;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
#media-viewer .info .button {
  margin: 20px;
  position: absolute;
  right: 0;
  top: 0;
}
#media-viewer .menu li {
  border-left: 1px solid #cfcfcf;
}
#media-viewer .menu li:first-child {
  border-left: 0;
}
#media-viewer .menu li:hover .label,
#media-viewer .menu li.current .label {
  background: #fff;
  color: #f03a3b;
}
#media-viewer .thumbnails,
#gallery .thumbnails {
  box-sizing: border-box;
  border-top: 1px solid #cfcfcf;
  height: 140px;
  padding: 20px;
  position: relative;
  max-width: 640px;
}
#media-viewer .thumbnails > .strip,
#gallery .thumbnails > .strip {
  height: 100px;
  margin-left: 40px;
  overflow: hidden;
  max-width: 540px;
}
#media-viewer .thumbnails > .strip ul,
#gallery .thumbnails > .strip ul {
  height: inherit;
  max-width: 10000;
}
#media-viewer .thumbnail,
#gallery .thumbnail {
  float: left;
  margin: 0 0 0 5px;
}
#media-viewer .thumbnail:first-child,
#gallery .thumbnail:first-child {
  margin: 0;
}
#media-viewer .remote,
#gallery .remote {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: moz-none;
  user-select: none;
  background-color: #999999;
  cursor: pointer;
  display: block;
  height: 100px;
  margin: 20px;
  width: 35px;
}
#media-viewer .remote.back,
#gallery .remote.back {
  left: 0;
  position: absolute;
  top: 0;
}
#media-viewer .remote.back .arrow,
#gallery .remote.back .arrow {
  border-bottom: 7px solid transparent;
  border-right: 7px solid #fff;
  border-top: 7px solid transparent;
  height: 0;
  width: 0;
  margin: 42px 13px;
}
#media-viewer .remote.next,
#gallery .remote.next {
  position: absolute;
  right: 0;
  top: 0;
}
#media-viewer .remote.next .arrow,
#gallery .remote.next .arrow {
  border-bottom: 7px solid transparent;
  border-left: 7px solid #fff;
  border-top: 7px solid transparent;
  height: 0;
  width: 0;
  margin: 42px 15px;
}
#media-viewer .remote:hover,
#gallery .remote:hover {
  background-color: #999999;
}
#media-viewer .remote.disabled,
#gallery .remote.disabled {
  background-color: #cfcfcf !important;
  cursor: default !important;
}
.menu-container.full-with-bg {
  background-color: #282d32;
}
.menu {
  margin: 0;
  overflow: hidden;
  border-radius: 4px;
}
.menu li a {
  display: block;
  height: inherit;
  text-decoration: none;
  width: inherit;
}
/* Horizontal */
.menu.hor li {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: normal;
  text-transform: uppercase;
  position: relative;
  text-align: center;
}
.menu.hor li:first-child {
  margin: 0;
}
.menu.hor li a {
  font-weight: 500;
  background-color: #282d32;
  color: #fff;
}
.menu.hor li:hover a,
.menu.hor .current a,
.menu.hor .active a {
  background-color: #ff9533;
}
.menu.hor li .label {
  height: 40px;
  line-height: 40px;
  padding: 0 16px;
}
.menu.hor .label .icon.left {
  margin: 12px 3px 0 0;
}
.menu.hor .label .icon.right {
  margin: 12px 0 0 3px;
}
.menu.hor .label .icon.arrow.right {
  margin-right: -4px;
}
/* White */
.menu.hor.white li a {
  background-color: transparent;
  color: #282d32;
}
.menu.hor.white li:hover a,
.menu.hor.white .current a,
.menu.hor.white .active a {
  background-color: #fff;
}
.menu.hor.white li a .label {
  border-right: 1px solid #cfcfcf;
}
.menu.hor.white li:first-child a .label {
  border-left: 1px solid #cfcfcf;
}
/* Transparent */
.menu.hor.trans li a {
  background-color: transparent;
  color: #282d32;
}
.menu.hor.trans li:hover a,
.menu.hor.trans .current a,
.menu.hor.trans .active a,
.menu.hor.trans .highlight.current a {
  background-color: #f03a3b;
  color: #fff;
}
.menu.hor.trans .highlight a {
  background-color: #588195;
  color: #fff;
}
/* Vertical */
.menu.ver {
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
}
.menu.ver li {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: normal;
  text-transform: none;
  margin: 0 !important;
  min-width: 160px;
  text-align: left;
  width: inherit;
}
.menu.ver li a {
  box-sizing: border-box;
  background-color: #fff !important;
  border-color: #cfcfcf;
  border-style: solid;
  border-top-width: 0;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  color: #5a5a5a !important;
}
.menu.ver li:first-child a {
  border-top-width: 1px;
}
.menu.ver li:hover a {
  background-color: #faf7f0 !important;
}
.menu.ver .current a,
.menu.ver .active a,
.menu.ver .current a:hover,
.menu.ver .active a:hover {
  background-color: #282d32 !important;
  color: #fff !important;
}
.menu.ver li div {
  height: 30px;
  line-height: 30px;
  padding: 0 12px 0 12px;
}
/* Dropdowns */
.menu.hor li:hover .ver {
  display: block;
}
.menu .ver {
  -moz-background-clip: border-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  display: none;
  position: absolute;
  right: 0;
  z-index: 1000;
}
/* Large */
.menu.ver.large li div {
  height: 40px;
  line-height: 40px;
}
/* New flag */
.menu .ver .new {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: inherit;
  text-transform: uppercase;
  color: #f03a3b;
  float: right;
  height: inherit;
  margin-right: -2px;
  padding: 0;
}
.meter {
  box-sizing: border-box;
  padding: 30px;
  text-align: center;
  width: 100%;
}
.meter .crest {
  background-image: url('/img/main/crests.png?3');
  background-image: url('/img/main/crests.svg?3'), none;
  border-radius: 80px;
  border: 3px solid #cfcfcf;
  height: 120px;
  margin: 0 auto;
  width: 120px;
}
.meter h2 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 40px;
  text-transform: uppercase;
}
.meter.level1 .crest {
  background-position: 0 -120px;
  border-color: #cd7f32;
}
.meter.level2 .crest {
  background-position: 0 -240px;
  border-color: #cccccc;
}
.meter.level3 .crest {
  background-position: 0 -360px;
  border-color: #c9ae5d;
}
.meter li {
  margin-bottom: 10px;
}
.modal-open.page-overflow .page-container,
.modal-open.page-overflow .page-container .navbar-fixed-top,
.modal-open.page-overflow .page-container .navbar-fixed-bottom,
.modal-open.page-overflow .modal-scrollable {
  overflow-y: scroll;
}
.modal-scrollable {
  bottom: 0;
  left: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 3001;
}
.modal-overflow.modal {
  top: 0;
}
.modal-backdrop {
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  -webkit-opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  filter: alpha(opacity=70);
  opacity: 0.7;
  background-color: rgba(0, 0, 0, 0.3);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 3000;
}
.modal {
  -moz-background-clip: border-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5) !important;
  border-radius: 6px;
  outline: none;
  overflow: visible;
  max-width: 680px;
  z-index: 3001;
  width: 95%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal-header {
  box-sizing: border-box;
  border-radius: 0;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -o-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.5) !important;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.5) !important;
  background-color: #282d32;
  border-bottom: 1px solid #5a5a5a;
  height: 30px;
  padding: 5px;
}
.modal-body {
  border-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: #faf7f0;
  max-height: 650px;
  overflow: hidden;
  position: relative;
}
.modal-content {
  padding: 20px 30px 30px 30px;
}
.modal-footer {
  background-color: #faf7f0;
  line-height: 40px;
  padding: 0 30px 30px 30px;
}
.modal.embedded {
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
  left: auto;
  margin: 0 auto;
  position: relative;
  top: 0;
  z-index: 999;
}
.modal.embedded .modal-body {
  background-color: #fff;
}
.modal.embedded .modal-title {
  border-radius: 0;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.cancel-plan-modal-title {
  background: #fff;
}
.cancel-plan-modal-title h1 {
  font-family: 'Heebo';
  font-size: 49px;
  font-weight: 600;
  line-height: 49px;
  letter-spacing: -0.6px;
  color: #ff5650;
  text-align: center;
  padding-bottom: 10px;
}
.modal .modal-title {
  background-color: #282d32;
}
.modal .modal-title h1 {
  box-sizing: border-box;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 3px;
  line-height: 60px;
  text-transform: uppercase;
  color: #fff;
  overflow: hidden;
  padding: 0 30px;
  position: relative;
  text-align: center;
  width: 100%;
}
.modal .modal-title h1 > i {
  margin: 20px;
  position: absolute;
  right: 0;
}
.modal .modal-title h1 > i .popover {
  margin-right: -5px;
  margin-top: -30px;
}
#modal-stages .modal-title .capabilities li {
  -o-box-shadow: inset 0 5px 3px rgba(0, 0, 0, 0.5) !important;
  box-shadow: inset 0 5px 3px rgba(0, 0, 0, 0.5) !important;
  background-color: transparent;
}
#modal-stages .modal-title .capabilities li.current {
  -o-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
  background-color: #f03a3b;
}
#modal-stages .modal-content h2 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 40px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 40px;
  text-transform: normal;
  color: #282d32;
  font-style: italic;
  margin-bottom: 10px;
}
#modal-upgrade.upgrade .modal-header,
.modal-restrict.upgrade .modal-header {
  background-color: #588195;
  border-bottom-color: #739aad;
}
#modal-upgrade.upgrade .modal-title,
.modal-restrict.upgrade .modal-title {
  background-color: #588195;
}
#modal-upgrade .modal-title h1,
.modal-restrict .modal-title h1 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 40px;
  font-weight: normal;
  letter-spacing: 3px;
  line-height: 80px;
  text-transform: normal;
  font-style: italic;
}
#modal-upgrade .modal-title h1.varheight,
.modal-restrict .modal-title h1.varheight {
  height: auto;
  line-height: 32px;
  padding: 0 0 8px 0;
}
#modal-upgrade .modal-title h1.varheight.padded,
.modal-restrict .modal-title h1.varheight.padded {
  white-space: normal;
  text-overflow: inherit;
  padding: 0 0 15px 0;
}
#modal-upgrade .modal-title h1 .small,
.modal-restrict .modal-title h1 .small {
  font-size: 20px;
}
#modal-upgrade .modal-body .item.gridview,
.modal-restrict .modal-body .item.gridview {
  margin: 0 10px 0 0;
}
#modal-upgrade .modal-content,
.modal-restrict .modal-content {
  padding: 30px;
}
#modal-upgrade .item.featureview .caption.auto-height {
  height: auto;
}
#modal-upgrade .modal-footer .button,
.modal-restrict .modal-footer .button {
  width: 100%;
}
#modal-upgrade .modal-footer div.center,
.modal-restrict .modal-footer div.center {
  line-height: 15px;
  margin-top: 10px;
}
.modal-restrict .signup-container {
  margin: 0 auto;
  width: 360px !important;
}
#modal-upgrade .signup-container {
  margin: 0 auto;
}
#modal-upgrade .signup-container .signup-button {
  width: 275px !important;
}
.modal-restrict .restriction {
  -o-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1) !important;
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1) !important;
  background-color: #fff;
  padding: 15px;
  width: 590px;
}
.modal-restrict .restriction .alert-icon {
  background: url('/img/icons/restriction-icon.png') 0 0 no-repeat;
  width: 58px;
  height: 52px;
  padding-right: 10px;
}
.modal-restrict .restriction .alert-message {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 20px;
  color: #282d32;
  vertical-align: middle;
}
.modal-restrict .modal-content + .modal-alert-subscription {
  margin-top: -15px;
  padding: 0 30px 15px 30px;
}
.modal-restrict .modal-alert-subscription .alert-label {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  text-transform: none;
  font-size: 13px;
  letter-spacing: 0;
}
.modal-restrict .modal-alert-subscription .alert-checkbox {
  height: 13px;
  margin-right: 10px;
}
.modal-restrict .modal-alert-subscription .modal-alert-loader {
  margin-top: 1px;
}
#purchase-confirmation p {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  color: #282d32;
}
#purchase-confirmation .price,
#purchase-confirmation .plan-savings,
#purchase-confirmation .plan-introduction,
#purchase-confirmation .plan-duration {
  font-size: 21px;
}
#purchase-confirmation .plan-introduction,
#purchase-confirmation .plan-duration {
  margin-bottom: 30px;
}
#purchase-confirmation .plan-type {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 48px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  margin-bottom: 0px;
}
#purchase-confirmation .plan-savings {
  color: #5a5a5a;
}
#purchase-confirmation .original-price,
#purchase-confirmation .sub-price,
#purchase-confirmation .discount {
  margin-bottom: 5px;
}
#purchase-confirmation .total-price {
  margin-bottom: 20px;
}
#modal-confirmation p {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  color: #292d33;
}
#modal-confirmation .price,
#modal-confirmation .plan-savings,
#modal-confirmation .plan-introduction,
#modal-confirmation .plan-duration {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 21px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
}
#modal-confirmation .plan-introduction,
#modal-confirmation .plan-duration {
  margin-bottom: 30px;
}
#modal-confirmation .plan-type {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 48px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  margin-bottom: 0px;
}
#modal-confirmation .plan-savings {
  color: #5a5a5a;
}
#modal-confirmation .original-price,
#modal-confirmation .sub-price,
#modal-confirmation .discount {
  margin-bottom: 5px;
}
#modal-confirmation .total-price {
  margin-bottom: 20px;
}
.modal.modal-v2.unresponsive-modal {
  max-width: 95%;
}
.modal.modal-v2.unresponsive-modal h1 {
  color: #F04E38;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 25px;
  font-weight: bold;
  line-height: 29px;
  text-transform: uppercase;
}
.modal.modal-v2.unresponsive-modal h2 {
  color: #4B4B4B;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 28px;
  font-weight: bold;
  line-height: 33px;
  text-align: center;
}
.modal.modal-v2.unresponsive-modal h4 {
  color: #4B4B4B;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 18px;
  line-height: 23px;
  text-align: center;
  letter-spacing: normal;
  text-transform: none;
}
.modal.modal-v2.unresponsive-modal .factories-container {
  padding: 0 20px;
}
.modal.modal-v2.unresponsive-modal .empty-container {
  padding: 100px 0;
  text-align: center;
}
.modal.modal-v2.unresponsive-modal .close-button {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
  background: url(/img/icons/ic_close_blue.png) white no-repeat center;
  background-size: contain;
  box-shadow: none;
}
.modal.modal-v2.unresponsive-modal .close-button:hover {
  box-shadow: none !important;
}
.modal.modal-v2.unresponsive-modal .close-button:active {
  box-shadow: none !important;
}
.modal.modal-v2.unresponsive-modal .loading {
  color: #4B4B4B;
}
.modal.modal-v2.unresponsive-modal .need-help {
  color: #838895;
  font-size: 14px;
  line-height: 18px;
  padding-left: 25px;
}
.modal.modal-v2.unresponsive-modal .need-help a {
  color: #4a3aff;
}
.modal.modal-v2.unresponsive-modal .need-help a:hover {
  text-decoration: none;
}
.modal.modal-v2.first-time-modal {
  max-width: 550px;
}
.modal.modal-v2.first-time-modal .title {
  text-align: center;
  margin-bottom: 25px;
}
.modal.modal-v2.first-time-modal .title h1 {
  color: #F04E38;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 30px;
  font-weight: bold;
  line-height: 35px;
  text-transform: uppercase;
}
.modal.modal-v2.first-time-modal p {
  font-size: 18px;
  text-align: center;
  margin-bottom: 25px;
}
.modal.modal-v2.first-time-modal p .emphasize {
  text-transform: uppercase;
  font-weight: bold;
}
.modal.modal-v2.first-time-modal #button-container {
  text-align: center;
}
.modal.modal-v2.first-time-modal #button-container button {
  font-size: 16px;
  border-radius: 6px;
  color: white;
  background: #4a3aff;
  min-height: 30px;
  padding: 10px 20px;
  margin: 25px 0 15px 0;
}
.brand-completion-content .explanation {
  color: #282d32;
  font-size: 13px;
  line-height: 17px;
  margin-bottom: 16px;
}
.brand-completion-content .modal-title h1 {
  font-style: italic;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
  letter-spacing: 3px;
  line-height: 60px;
  text-transform: uppercase;
}
.brand-completion-content h2 {
  color: #282d32;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 18px;
  text-transform: none;
  margin-bottom: 6px;
}
.brand-completion-content .section {
  padding: 16px 20px;
  border-radius: 4px;
  background-color: #fff;
  margin-bottom: 20px;
}
.brand-completion-content .input {
  width: 100%;
}
.brand-completion-content .input input[type=text],
.brand-completion-content .input div.placeholder {
  padding: 5px 10px !important;
  height: 40px;
  float: none;
  clear: both;
}
.brand-completion-content .input div.placeholder {
  font-style: italic;
  width: 100% !important;
}
.brand-completion-content select.error,
.brand-completion-content input.error {
  border: 1px solid #f03a3b;
}
.brand-completion-content .step {
  padding-left: 40px;
  background-image: url('/img/icons/icon-check-grey.png');
  background-repeat: no-repeat;
  background-position: 0px 50%;
}
.brand-completion-content .step.completed {
  background-image: url('/img/icons/icon-check-green.png');
}
.brand-completion-content .step-user-type > div {
  height: 25px;
  background-image: url('/img/main/designer-sm.png');
  background-repeat: no-repeat;
  background-position: -5px 50%;
  color: #282d32;
  padding-left: 25px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 25px;
  text-transform: uppercase;
}
.brand-completion-content .step-user-type > div span[data-role=user-type-class-label] {
  text-transform: none;
}
.brand-completion-content .step-user-type-class {
  margin-top: 10px;
  border-top: 1px solid #eee;
  padding-top: 10px;
  background-position: left bottom;
}
.brand-completion-content .step-user-type-class label {
  color: #5a5a5a;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 13px;
  text-transform: none;
}
.brand-completion-content .step-user-type-class ul {
  height: 33px;
  margin-bottom: 0px;
}
.brand-completion-content .step-user-type-class ul .button.mini {
  float: left;
  margin: 5px 5px 0 0;
}
.brand-completion-content .step-activation {
  display: table;
  width: 100%;
}
.brand-completion-content .step-activation label {
  display: table-cell;
  vertical-align: middle;
  width: 210px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 16px;
  text-transform: none;
}
.brand-completion-content .step-activation .button {
  display: table-cell;
}
.brand-completion-content .step-activation p {
  margin-bottom: 0px;
  line-height: 25px;
  text-overflow: ellipsis;
}
.brand-completion-content .step-activation p span[data-role=email] {
  font-weight: bold;
}
.brand-completion-content .step-about-name {
  height: 40px;
}
.brand-completion-content .step-about-name .field-wrapper {
  width: 265px;
  padding-bottom: 10px;
}
.brand-completion-content .step-about-location {
  height: 40px;
}
.brand-completion-content .step-about-location .field-wrapper {
  padding-bottom: 0px;
}
.brand-completion-content .step-about-location .select {
  width: 150px;
  height: 40px;
  margin-right: 10px;
}
.brand-completion-content .step-about-location .select .selected {
  padding: 6px 25px 6px 10px;
}
.brand-completion-content .step-about-location .select:before {
  margin-top: 18px;
}
.brand-completion-content .step-about-location .input input {
  display: inline-block;
}
.brand-completion-content .step-about-location .input a {
  display: inline-block;
  margin-left: 10px;
}
.brand-completion-content .step-about-location .input input[name=zip] {
  width: 100px;
}
.brand-completion-content .step-about-location .right .field-wrapper {
  width: 80px;
}
.brand-completion-content .step-about-location .right .field-wrapper .button {
  width: 100%;
}
.brand-completion-content .step-about p {
  margin-bottom: 0px;
  line-height: 25px;
  text-overflow: ellipsis;
}
.brand-completion-content .step-about p span[data-role=fname],
.brand-completion-content .step-about p span[data-role=lname],
.brand-completion-content .step-about p span[data-role=location] {
  font-weight: bold;
}
.module {
  box-sizing: border-box;
  clear: both;
  float: left;
  margin: 0 auto 20px auto;
  width: 100%;
}
.module.padded {
  background: #fff;
  padding: 20px;
}
.module .headline {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 40px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 40px;
  text-transform: normal;
  clear: both;
  font-weight: 900;
  color: #282d32;
  margin-bottom: 5px;
  text-align: center;
}
.module .headline a {
  color: #282d32;
  text-decoration: none;
}
.module .headline a:hover {
  color: #f03a3b;
}
.projects .module:last-child {
  margin: 0;
}
.projects .module .description {
  word-wrap: break-word;
}
#navbar ul {
  margin: 0;
}
#navbar li {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: normal;
  text-transform: uppercase;
  float: left;
  height: 40px;
  line-height: 40px;
  width: 300px;
}
#navbar li span,
#navbar li a {
  background: transparent url(/img/main/chevron.png) no-repeat 270px -40px;
  color: #282d32;
  display: block;
  padding: 0 50px 0 20px;
  text-decoration: none;
}
#navbar li.active a,
#navbar li.current a,
#navbar li a:hover {
  background-color: #fff;
  background-position: 270px 0;
}
#navbar li span {
  color: #999999;
}
.navs {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.navs > li {
  position: relative;
  display: block;
}
.navs > li > a {
  position: relative;
  display: block;
  padding: 10px 20px;
}
.navs > li > a:focus {
  text-decoration: none;
  background-color: #fff;
}
.navs > li.disabled > a {
  color: #efefef;
}
.navs > li.disabled > a:focus {
  color: #dedede;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.navs > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #fff;
  height: 40px;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  color: #faf7f0;
  text-align: center;
  margin-right: 2px;
  line-height: 16px;
  border: 1px solid transparent;
}
.nav-tabs > li > a:hover {
  text-decoration: none;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus {
  color: #f03a3b;
  background-color: #fff;
  border: 1px solid #282d32;
  border-top: 3px solid #f03a3b;
  border-bottom-color: transparent;
  cursor: default;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.notice {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 10px;
  line-height: normal;
  text-transform: uppercase;
  color: #999999;
  padding-top: 100px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
}
#notice {
  margin: 0 auto;
  padding-top: 40px;
  text-align: center;
  width: 680px;
}
#notice > i {
  -o-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.3) !important;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.3) !important;
  border-radius: 72px;
  background-color: #cfcfcf;
  margin: 0 auto 20px auto;
}
#notice > h3 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 10px;
  line-height: normal;
  text-transform: uppercase;
  color: #999999;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 #fff;
}
#notice > p {
  margin-bottom: 20px;
}
#notice > .button {
  margin-bottom: 40px;
  padding-top: 20px;
}
#pagination {
  border-top: 1px solid #cfcfcf;
  margin: 0;
  padding-top: 20px;
}
@media only screen and (max-width: 529px) {
  #pagination {
    padding-top: 10px;
  }
}
#pagination .btn,
#pagination .btn button {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 40px;
  text-transform: uppercase;
  box-sizing: border-box;
  background: none;
  border: 1px solid #cfcfcf;
  color: #282d32;
  cursor: pointer;
  float: none;
  height: 40px;
  margin: 0 auto;
  text-align: center;
  width: 300px;
}
#pagination .btn.top {
  padding: 0 30px;
  width: 100px;
}
#pagination .btn.top .right {
  background: url(/img/arrow/arrow-sm-up.png) no-repeat center;
  height: 40px;
  width: 10px;
}
#pagination .btn.medium {
  width: 250px;
}
@media only screen and (max-width: 529px) {
  #pagination .btn.medium {
    width: 170px;
  }
}
#pagination .btn.small {
  width: 200px;
}
#pagination .btn:hover {
  background-color: #fff;
}
#pagination .btn a,
#pagination .btn button {
  display: block;
  height: inherit;
  text-decoration: none;
  width: inherit;
  color: #282d32;
  border: none;
}
/* Standard pagination */
.pagination {
  border-top: 1px solid #cfcfcf;
  padding-top: 20px;
}
.pagination ul {
  display: inline-block;
  *display: inline;
  margin: 0;
  *zoom: 1;
}
.pagination li {
  display: inline;
}
.pagination li a,
.pagination li span {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  border-left-width: 0;
  color: #282d32;
  float: left;
  font-size: 11px;
  font-weight: bold;
  height: 28px;
  line-height: 28px;
  padding: 0 12px;
  text-decoration: none;
}
.pagination li a:hover,
.pagination li a:focus,
.pagination li button:hover,
.pagination li button:focus {
  color: #f03a3b;
}
.pagination .active a,
.pagination .active span,
.pagination .current {
  color: #999999;
  cursor: default;
}
.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover,
.pagination .disabled a:focus {
  color: #999999;
  cursor: default;
}
.pagination li:first-child a,
.pagination li:first-child span {
  border-left-width: 1px;
}
.pagination .count {
  float: left;
  line-height: 30px;
  margin-right: 10px;
}
.pagination .count strong {
  color: #282d32;
}
.pagination .icon {
  margin: 6px -6px;
}
.pagination.large .icon {
  margin: 11px -11px;
}
.pagination .disabled .icon {
  -khtml-opacity: 0.3;
  -moz-opacity: 0.3;
  -webkit-opacity: 0.3;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  filter: alpha(opacity=30);
  opacity: 0.3;
}
/* Large */
.pagination.large ul > li > a,
.pagination.large ul > li > span {
  font-size: 13px;
  height: 38px;
  line-height: 38px;
  padding: 0 16px;
}
/* Centered */
.pagination.centered {
  text-align: center;
}
.placeholderbox {
  display: table;
}
.placeholderbox a {
  box-sizing: border-box;
  display: block;
  height: inherit;
  width: inherit;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 5px;
  line-height: 30px;
  text-transform: uppercase;
  border: 2px dashed #cfcfcf;
  color: #5a5a5a;
  display: table-cell;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}
.placeholderbox.noborder a {
  border: 0;
}
.placeholderbox a:hover {
  background-color: #fff;
  border-color: #282d32;
  color: #282d32;
}
.plan {
  background-color: #fff;
  text-align: center;
  width: 460px;
}
.plan .content {
  box-sizing: border-box;
  padding: 0 0 20px 0;
}
/* Flag */
.plan .flag {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 16px;
  text-transform: uppercase;
  color: #fff;
  margin: -15px 0 0 240px;
  position: absolute;
}
.plan .flag td {
  border-radius: 110px;
  background-color: #588195;
  height: 120px;
  vertical-align: middle;
  width: 120px;
}
/* Bullets */
.plan ul {
  margin: 20px 0 0 0;
  width: 100%;
}
.plan li {
  float: left;
  height: 40px;
  line-height: 40px;
  width: 100%;
}
.plan li:first-child {
  border: 0;
}
.plan li.avail:hover {
  background-color: #faf7f0;
  cursor: pointer;
}
.plan li.highlight {
  color: #588195;
}
.plan li .bullet {
  position: relative;
  text-align: center;
  width: 100%;
}
.plan li .bullet > i {
  margin-right: 10px;
  position: absolute;
  right: 0px;
  top: 10px;
}
/* Button */
.plan .button {
  margin: 10px auto 0 auto;
  width: 280px;
}
.plan.current .button {
  background: #999999;
}
/* Thin */
.plan.thin {
  width: 300px;
}
/* Horizontal */
.plan.hor {
  margin: 0;
  width: 100%;
}
.plan.hor .block {
  margin: 0;
}
.plan.hor .content {
  padding: 20px;
}
.plan.hor .button {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 5px;
  line-height: 60px;
  text-transform: uppercase;
  height: 60px;
  margin: 20px auto 0 auto;
  width: 580px;
}
/* Tips */
.plan .tip {
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #282d32;
  color: #fff;
  display: none;
  float: left;
  line-height: 20px;
  margin-left: -300px;
  padding: 30px;
  position: absolute;
  text-align: center;
  width: 300px;
  z-index: 1000;
}
.plan.left .tip {
  margin-left: 300px;
}
/* Tally */
.plan #tally {
  font-size: 14px;
  padding: 20px;
}
.plan #tally ul {
  margin: 0;
}
.plan #tally li {
  text-align: left;
}
.plan #tally .labels,
.plan #tally .values {
  margin-bottom: 10px;
  width: 50%;
}
.popover {
  display: none;
  float: none !important;
  position: absolute;
  z-index: 5000;
}
h3.popover-title:empty,
.popover-content:empty {
  display: none;
}
.popover .arrow {
  border: 6px solid transparent;
  position: absolute;
}
.popover.validate {
  -moz-background-clip: border-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  box-sizing: border-box;
  -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5) !important;
  border-radius: 5px;
  width: 300px;
}
.popover.validate h3.popover-title {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 40px;
  text-transform: uppercase;
  border-radius: 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: #fff;
  background-color: #5a5a5a;
  height: 40px;
  margin: 0;
  padding: 0 20px;
}
.popover.validate h3.popover-title .icon {
  background-image: url('/img/icons/icon-form.png?3');
  background-image: url('/img/icons/icon-form.svg?3'), none;
  float: left;
  height: 40px;
  margin-left: -15px;
  width: 40px;
}
.popover.validate h3.popover-title.error {
  background-color: #e9ba26;
}
.popover.validate h3.popover-title.error .icon {
  background-position: 0 -160px;
}
.popover.validate h3.popover-title.success {
  background-color: #96b400;
}
.popover.validate h3.popover-title.success .icon {
  background-position: 0 -200px;
}
.popover.validate .popover-content {
  border-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #fff;
  line-height: 20px;
  padding: 15px 20px;
  text-align: left;
}
.profile .popover {
  -moz-background-clip: border-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  box-sizing: border-box;
  -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5) !important;
  border-radius: 5px;
  left: 0 !important;
  margin-left: -505px;
  top: 0 !important;
  width: 500px;
}
.profile .popover h3.popover-title {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 40px;
  text-transform: none;
  border-radius: 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: #fff;
  background-color: #5a5a5a;
  height: 40px;
  margin: 0;
  padding: 0 20px;
}
.profile .popover .popover-content {
  border-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #fff;
  line-height: 20px;
  padding: 15px 20px;
  text-align: left;
}
.profile .popover .arrow {
  border-left-color: #5a5a5a;
  border-right-width: 0;
  margin-top: 6px;
  top: 0;
  right: -6px;
}
.popover.top {
  margin-top: -30px;
  white-space: nowrap;
}
.popover.top h3.popover-title {
  border-radius: 3px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 22px;
  text-transform: uppercase;
  background-color: #5a5a5a;
  color: #fff;
  height: 22px;
  margin: 0;
  padding: 0 7px;
  text-align: center;
  width: auto;
}
.popover.top .arrow {
  border-bottom-width: 0;
  border-top-color: #5a5a5a;
  bottom: -6px;
}
.popover.top.left {
  right: auto !important;
  left: 0 !important;
  top: 0 !important;
}
.popover.top.left .arrow {
  left: 0;
  margin-left: 9px;
}
.popover.top.right {
  left: auto !important;
  right: 0 !important;
  top: 0 !important;
}
.popover.top.right .arrow {
  right: 0;
  margin-right: 9px;
}
.li-item .popover {
  margin-top: -16px;
}
.progressive {
  margin: 0;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.progressive:before,
.progressive:after {
  display: table;
  line-height: 0;
  content: "";
}
.progressive:after {
  clear: both;
}
.progressive:before,
.progressive:after {
  content: "";
  display: table;
}
.progressive:after {
  clear: both;
}
.progressive:before,
.progressive:after {
  display: table;
  content: "";
  line-height: 0;
}
.progressive:after {
  clear: both;
}
.progressive li {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: normal;
  text-transform: uppercase;
  color: #fff;
  float: right !important;
  margin-left: -15px;
  position: relative;
}
.progressive li:last-of-type {
  margin-left: 0;
}
.progressive li:last-of-type .label {
  border-radius: 5px 0 0 5px;
}
.progressive li a {
  color: #fff;
  text-decoration: none;
}
.progressive li div {
  float: left;
}
.progressive li .label {
  box-sizing: border-box;
  background-color: #282d32;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding: 0 0 0 20px;
  width: 150px;
}
.progressive li .arrow {
  border-bottom: 20px solid transparent;
  border-left: 20px solid #282d32;
  border-top: 20px solid transparent;
  height: 0;
  width: 0;
}
.progressive li .arrow.back {
  border-left-color: #faf7f0;
  position: absolute;
}
/* First */
.progressive li.first {
  margin-left: 0 !important;
}
.progressive li.first .label {
  border-radius: 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 0;
  padding: 0;
  width: 140px;
}
/* Last */
.progressive li:first-child .label {
  border-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 5px;
}
/* Hover & current state */
.progressive li:hover .label,
.progressive li.current .label {
  background-color: #f03a3b;
}
.progressive li:hover .arrow.front,
.progressive li.current .arrow.front {
  border-left-color: #f03a3b;
}
/* Disabled */
.progressive li.disabled .label {
  background-color: #999999 !important;
}
.progressive li.disabled .arrow.front {
  border-left-color: #999999 !important;
}
@media only screen and (max-width: 529px) {
  .progressive {
    float: none;
  }
  .progressive li {
    float: none!important;
  }
  .progressive li .arrow {
    display: none;
  }
}
.quota-indicator .arrow-box {
  border-radius: 5px;
  height: 35px;
}
.quota-indicator .arrow-box.arrow-left {
  float: none;
  position: relative;
  background: #568194;
  border: 2px solid #568194;
}
.quota-indicator .arrow-box.arrow-left:after,
.quota-indicator .arrow-box.arrow-left:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.quota-indicator .arrow-box.arrow-left:after {
  border-color: rgba(86, 129, 148, 0);
  border-right-color: #568194;
  border-width: 8px;
  margin-top: -8px;
}
.quota-indicator .arrow-box.arrow-left:before {
  border-color: rgba(86, 129, 148, 0);
  border-right-color: #568194;
  border-width: 11px;
  margin-top: -11px;
}
.quota-indicator .arrow-box.arrow-top {
  position: relative;
  background: #568194;
  border: 2px solid #568194;
}
.quota-indicator .arrow-box.arrow-top:after,
.quota-indicator .arrow-box.arrow-top:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.quota-indicator .arrow-box.arrow-top:after {
  border-color: rgba(86, 129, 148, 0);
  border-bottom-color: #568194;
  border-width: 8px;
  margin-left: -8px;
}
.quota-indicator .arrow-box.arrow-top:before {
  border-color: rgba(86, 129, 148, 0);
  border-bottom-color: #568194;
  border-width: 11px;
  margin-left: -11px;
}
.quota-indicator .indicator-content {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 12px;
  color: #faf7f0;
  background-color: #568194;
  padding: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.quota-indicator .indicator-content .info {
  line-height: 25px;
}
.quota-indicator .indicator-content .badge {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  color: #282d32;
  background-color: #fff;
  border-radius: 5px;
  width: 20px;
  display: inline-block;
  text-align: center;
  padding: 2px;
  margin-right: 10px;
}
.quota-indicator .indicator-content .focus {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
}
.quota-indicator .indicator-action {
  padding: 5px 15px;
  background-color: #568194;
  color: #faf7f0;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}
.quota-indicator .indicator-action.table-col {
  position: relative;
  right: -1px;
}
.quota-indicator .indicator-action a {
  color: #faf7f0;
}
.quota-indicator .indicator-action a:hover {
  text-decoration: none;
}
.quota-indicator.transparent {
  background-color: transparent;
}
.quota-indicator.transparent .arrow-box .indicator-content {
  color: #282d32;
  background-color: #faf7f0;
}
.quota-indicator.transparent .arrow-box.arrow-left {
  float: none;
  position: relative;
  background: #faf7f0;
  border: 2px solid #568194;
}
.quota-indicator.transparent .arrow-box.arrow-left:after,
.quota-indicator.transparent .arrow-box.arrow-left:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.quota-indicator.transparent .arrow-box.arrow-left:after {
  border-color: rgba(250, 247, 240, 0);
  border-right-color: #faf7f0;
  border-width: 8px;
  margin-top: -8px;
}
.quota-indicator.transparent .arrow-box.arrow-left:before {
  border-color: rgba(86, 129, 148, 0);
  border-right-color: #568194;
  border-width: 11px;
  margin-top: -11px;
}
.quota-indicator.transparent .arrow-box.arrow-top {
  position: relative;
  background: #faf7f0;
  border: 2px solid #568194;
}
.quota-indicator.transparent .arrow-box.arrow-top:after,
.quota-indicator.transparent .arrow-box.arrow-top:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.quota-indicator.transparent .arrow-box.arrow-top:after {
  border-color: rgba(250, 247, 240, 0);
  border-bottom-color: #faf7f0;
  border-width: 8px;
  margin-left: -8px;
}
.quota-indicator.transparent .arrow-box.arrow-top:before {
  border-color: rgba(86, 129, 148, 0);
  border-bottom-color: #568194;
  border-width: 11px;
  margin-left: -11px;
}
.searchbox {
  position: relative;
}
.searchbox .quota-indicator {
  position: absolute;
  left: 355px;
  top: 1px;
  z-index: 5;
}
.searchbox .quota-indicator.bottom {
  left: 12%;
  top: 50px;
}
.ratings {
  margin: 0;
}
.ratings li {
  height: 15px;
  line-height: 15px;
  margin-bottom: 5px;
}
.ratings .rating-filter {
  background: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #f04e38;
  width: auto;
  padding: 0;
  margin: 0;
  height: auto;
  line-height: normal;
}
.ratings .rating-filter:hover {
  text-decoration: underline;
  box-shadow: none !important;
}
.ratings .stars {
  float: left;
  margin-right: 10px;
}
.rating .count {
  color: #999999;
  height: 15px;
  line-height: 15px;
  margin-left: 5px;
}
.ratings .bar {
  -o-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3) !important;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3) !important;
  border-radius: 2px;
  background-color: #cfcfcf;
  float: left;
  height: 5px;
  margin: 5px 10px 0 0;
  overflow: hidden;
  width: 202px;
}
.ratings .bar .fill {
  background-color: #282d32;
  height: inherit;
  width: 0;
}
.remove {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 20px;
  text-transform: none;
  background-color: #fff;
  color: #282d32;
  cursor: pointer;
  display: block;
  height: 20px;
  text-align: center;
  text-decoration: none;
  width: 20px;
}
.remove:hover {
  background-color: #fff;
  color: #f03a3b;
  text-decoration: none;
}
.remove.grey {
  background: #faf7f0;
  color: #282d32;
}
.remove.grey:hover {
  color: #f03a3b;
}
.remove.dark {
  background: #282d32;
  color: #fff;
}
.remove.dark:hover {
  color: #f03a3b;
}
.remove.trans {
  background: transparent;
  color: #fff;
}
.remove.trans:hover {
  color: #282d32;
}
.remove.rounded {
  border-radius: 10px;
}
.remove:before {
  content: "\D7";
}
.searchbar .searchbox {
  margin-left: 310px;
}
.searchbar.big {
  margin: 0 auto;
  width: 100%;
}
.searchbar.big .input {
  width: 100%;
}
.searchbar.big .input input,
.searchbar.big .input input:focus {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
  letter-spacing: 3px;
  line-height: 20px;
  text-transform: uppercase;
  background: none;
  border-bottom: 3px solid #fff;
  border-left: none;
  border-right: none;
  border-top: none;
  color: #fff;
  height: 60px;
  padding: 20px 10px 20px 20px;
}
.searchbar.big .input .mag {
  border-bottom: 3px solid #fff;
  display: table-cell;
  height: 57px;
  vertical-align: middle;
  width: 40px;
}
.searchbox .input {
  min-width: 300px;
  width: 100%;
}
.searchbox input[type=text] {
  border-radius: 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom: 2px solid #cfcfcf;
  border-color: #cfcfcf !important;
  border-left: 2px solid #cfcfcf;
  border-right: none;
  border-top: 2px solid #cfcfcf;
  width: 100%;
}
.searchbox .input-group-addon {
  background: transparent;
  padding: 0;
}
.searchbox input[type=submit] {
  background: #fff url('/img/icons/icon-form.png?3') no-repeat 0 -240px;
  background: #fff url('/img/icons/icon-form.svg?3') no-repeat 0 -240px;
  -o-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
  border-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 5px;
  border-bottom: 2px solid #cfcfcf;
  border-left: none;
  border-right: 2px solid #cfcfcf;
  border-top: 2px solid #cfcfcf;
  height: 40px;
  margin: 0;
  width: 40px;
}
section,
.section {
  margin-bottom: 25px;
}
section .section-heading,
.section .section-heading {
  margin-bottom: 30px;
}
section .section-heading-content,
.section .section-heading-content {
  width: 100%;
  border-bottom: 2px solid #585f6a;
}
section .section-title,
.section .section-title,
section .section-desc,
.section .section-desc,
section .section-help,
.section .section-help {
  font: 15px "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  color: #717c8e;
  padding: 5px 8px;
}
section .section-title + .section-desc,
.section .section-title + .section-desc {
  padding-left: 40px;
}
section .section-title + .section-desc + .section-help,
.section .section-title + .section-desc + .section-help {
  padding-right: 0;
}
section .section-title,
.section .section-title {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  color: #fff;
  background-color: #585f6a;
}
section .section-content.padded,
.section .section-content.padded {
  padding: 10px 20px;
}
.share {
  clear: both;
  float: left;
  margin-bottom: 20px;
  width: 100%;
}
.share li {
  float: left;
  margin-left: 5px;
}
.share li:first-child {
  margin: 0;
}
.share li:first-child .label {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 20px;
  text-transform: uppercase;
  border-radius: 2px;
  background: #999999;
  color: #fff;
  float: left;
  margin: 0;
  padding: 0 6px;
}
.share li:first-child .arrow {
  border-bottom: 4px solid transparent;
  border-left: 4px solid #999999;
  border-top: 4px solid transparent;
  height: 0;
  width: 0;
  float: left;
  margin-top: 6px;
}
.share li a {
  background-image: url('/img/icons/icon-20.png?3');
  background-image: url('/img/icons/icon-20.svg?3'), none;
  border-radius: 2px;
  display: block;
  height: 20px;
  width: 20px;
}
.share li.facebook a {
  background-color: #3b5998;
  background-position: 0 0;
}
.share li.twitter a {
  background-color: #2aa9e0;
  background-position: -20px 0;
}
.share li.google a {
  background-color: #dd4b39;
  background-position: -40px 0;
}
.share li.pinterest a {
  background-color: #cb2128;
  background-position: -60px 0;
}
.share li.linkedin a {
  background-color: #007bb5;
  background-position: -80px 0;
}
.share li a:hover {
  background-color: #5a5a5a;
}
#sidebar {
  overflow: hidden;
}
.sidebar {
  overflow: hidden;
}
.sidebar h3 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: normal;
  text-transform: none;
}
h3.accepts-payments {
  line-height: 19px;
  font-size: 18px;
  color: #666;
  margin: 0;
}
h3.accepts-payments img {
  display: inline;
  margin-right: 5px;
  vertical-align: bottom;
}
.sidebar li a:hover {
  color: #f03a3b;
  text-decoration: underline;
}
.sidebar ul.labels li,
.sidebar ul.values li {
  height: 16px;
  line-height: 16px;
  margin-bottom: 10px;
}
.sidebar.left {
  margin-right: 20px;
}
.sidebar.right {
  margin-left: 20px;
}
.stars {
  background: url(/img/main/stars.png) no-repeat;
  height: 15px;
  width: 80px;
}
.stars.lit-0 {
  background-position: 0 0px;
}
.stars.lit-1 {
  background-position: 0 -15px;
}
.stars.lit-15 {
  background-position: 0 -30px;
}
.stars.lit-2 {
  background-position: 0 -45px;
}
.stars.lit-25 {
  background-position: 0 -60px;
}
.stars.lit-3 {
  background-position: 0 -75px;
}
.stars.lit-35 {
  background-position: 0 -90px;
}
.stars.lit-4 {
  background-position: 0 -105px;
}
.stars.lit-45 {
  background-position: 0 -120px;
}
.stars.lit-5 {
  background-position: 0 -135px;
}
.stars.lit-55 {
  background-position: 0 -150px;
}
.states {
  float: right;
  margin: 7.5px 0;
}
.states li {
  float: left;
  height: 25px;
}
.states li a {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 25px;
  text-transform: uppercase;
  background: #999999;
  color: white;
  display: block;
  height: inherit;
  padding: 0 10px 0 11px;
  text-decoration: none;
  cursor: pointer;
}
.states li a span {
  line-height: inherit;
}
.states li:first-child a {
  border-radius: 3px 0px 0px 3px;
}
.states li:last-child a {
  border-radius: 0px 3px 3px 0px;
}
.states li.active a {
  background: #1cbe63;
}
.states li:hover a {
  background: #5a5a5a;
}
/**
 * Status bar styles
 */
.status-bar {
  background-color: #f4f5f6;
  color: #5a5a5a;
  height: 28px;
  line-height: 28px;
  vertical-align: middle;
}
.status-bar .message {
  color: #5a5a5a;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 26px;
}
.status-bar-content {
  height: 100%;
  margin: 0 auto;
  width: 100%;
}
.status-bar.translucent {
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  -webkit-opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.status-bar.width-960 .status-bar-content {
  width: 960px;
}
.status-bar.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1001;
}
.status-bar.fixed .status-bar-content {
  position: relative;
}
.stepper {
  clear: both;
  float: left;
  margin: 0 0 40px 0;
  min-width: 620px;
  width: 100%;
}
.stepper li {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: normal;
  text-transform: uppercase;
  border-top: 5px solid #282d32;
  display: block;
  float: left;
  line-height: 16px;
  margin-left: 10px;
  padding-top: 5px;
  width: 200px;
}
.stepper li:first-child {
  margin: 0;
}
.stepper .icon {
  display: none;
  margin-right: 5px;
}
.stepper li.current {
  border-color: #f03a3b;
  color: #f03a3b;
}
/* Complete */
.stepper li.complete {
  border-color: #96b400;
  color: #96b400;
}
.stepper li.complete .icon {
  display: block;
}
.tabbar {
  margin: 0;
  width: 100%;
}
/* Buttons */
.tabbar li {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 40px;
  text-transform: uppercase;
  background: #999999;
  cursor: pointer;
  color: #fff;
  float: left;
  height: 40px;
  text-align: center;
  width: 50%;
}
.tabbar li:hover,
.tabbar li.current {
  background: #5a5a5a;
}
/* Rounded */
.tabbar.rounded li:first-child {
  border-radius: 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 0;
}
.tabbar.rounded li.last {
  border-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 5px;
}
/* Small */
.tabbar.small li {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 30px;
  text-transform: uppercase;
  height: 30px;
}
/* Dark */
.tabbar.dark li {
  background: #282d32;
  color: #fff;
}
.tabbar.dark li:hover,
.tabbar.dark li.current {
  background: #f03a3b;
}
table.list {
  width: 100%;
}
table.list.varheight td {
  overflow: auto;
  white-space: normal;
}
table.list .spacer {
  width: 20px;
}
table.list tr.row td,
table.list tfoot td {
  background-color: #fff;
  border-bottom: 1px solid #cfcfcf;
  height: 40px;
  vertical-align: middle;
}
table.list tr.row::before {
  display: none;
}
table.list th:first-child,
table.list tr.row td:first-child {
  padding-left: 10px;
}
table.list tr.row > span {
  line-height: 40px;
}
table.list tr.row td .icon {
  margin: 0 auto;
}
table.list .checkbox {
  padding: 0 5px;
}
table.list .checkbox,
table.list .checkbox div {
  margin: 0;
}
table.list th {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 40px;
  text-transform: uppercase;
  background-color: #282d32;
  color: #fff;
  height: 40px;
  margin: 0;
  text-align: left;
}
table.list th a {
  color: #fff;
  display: block;
  text-decoration: none;
}
table.list th a:hover {
  color: #cfcfcf;
}
table.list tr.row td .edit {
  font-family: inherit;
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 22px;
  text-transform: uppercase;
  border-radius: 3px;
  background-color: #282d32;
  color: #fff;
  cursor: pointer;
  float: right;
  height: 22px;
  margin-right: 10px;
  padding: 0 7px;
  text-align: center;
  text-decoration: none;
}
table.list tr.row td .edit.active,
table.list tr.row td .edit:hover {
  background-color: #4a3aff;
  text-decoration: none;
}
table.list tr.row td .edit.loading {
  background: #fff url(/img/loader/loader.gif) no-repeat right center;
  cursor: default;
}
/**
 * Tabbed view using radio input and no JS
 * based on http://css-tricks.com/functional-css-tabs-revisited/
 */
.tab-view {
  position: relative;
  min-height: 200px;
  /* This part sucks */
  clear: both;
  margin: 25px 0;
}
.tab-view .tab {
  float: left;
}
.tab-view .tab > label {
  border-radius: 0;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: inherit;
  padding: 10px;
  border: none;
  margin-left: -1px;
  position: relative;
  left: 1px;
  top: -10px;
  display: table;
  font: 16px "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  color: #5b5f6c;
  text-transform: capitalize;
  letter-spacing: -0.5px;
}
.tab-view .tab > label .tab-label {
  display: table-cell;
  width: 135px;
}
.tab-view .tab > label .tab-label + .badge {
  display: table-cell;
}
.tab-view .tab [type=radio] {
  display: none;
}
.tab-view .tab-content {
  border-radius: 4px;
  position: absolute;
  top: 32px;
  left: 0;
  background: white;
  right: 0;
  bottom: 0;
  padding: 20px;
  border: 1px solid #e7e7e7;
  display: none;
}
.tab-view .badge {
  border-radius: 2px;
  padding: 0;
  color: #fff;
  background-color: #c2c6cc;
  height: 16px;
  width: 16px;
  font-size: 10px;
  text-align: center;
  line-height: 16px;
  padding: 2px;
}
.tab-view [type=radio]:checked ~ label {
  background: white;
  border: 1px solid #e7e7e7;
  border-bottom: 1px solid white;
  z-index: 2;
}
.tab-view [type=radio]:checked ~ label .badge {
  background-color: #606874;
}
.tab-view [type=radio]:checked ~ label ~ .tab-content {
  z-index: 1;
  display: block;
}
.tab-view .tab > label:hover {
  cursor: pointer;
}
.tab-view.left-tabs .tab {
  float: none;
}
.tab-view.left-tabs .tab > label {
  border-radius: 0;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0;
  margin: 0;
  margin-bottom: -1px;
  position: relative;
  left: 0;
  top: 0;
  width: 155px;
  height: 40px;
  display: table-cell;
  vertical-align: middle;
}
.tab-view.left-tabs .tab-content {
  top: 0;
  left: 175px;
  right: initial;
  bottom: initial;
}
.tab-view.left-tabs [type=radio]:checked ~ label {
  border: 1px solid #e7e7e7;
  border-right: 1px solid #fff;
}
.tag {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 22px;
  text-transform: uppercase;
  border-radius: 3px;
  background-color: #fff;
  color: #5a5a5a;
  float: left;
  height: 22px;
  margin: 0 4px 4px 0;
}
.tag a {
  display: block;
  height: inherit;
  text-decoration: none;
  width: inherit;
  border-radius: 3px;
  background-color: #fff;
  color: #5a5a5a;
  max-width: 300px;
  overflow: hidden;
  padding: 0 7px;
  text-decoration: none !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tag a:hover {
  color: #f03a3b;
}
.tag.dark a {
  background-color: #588195;
  color: #fff;
}
.testimonials li {
  width: 100%;
}
.testimonials li .tm-quote {
  box-sizing: border-box;
  border-radius: 10px;
  background: #fff;
  display: table;
  width: 100%;
}
.testimonials li .tm-quote > div {
  display: table-cell;
  height: 110px;
  padding: 20px 40px;
  text-align: center;
  vertical-align: middle;
  width: inherit;
}
.testimonials li .tm-quote p {
  margin: 0;
}
.testimonials li .arrow {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  height: 0;
  width: 0;
  margin: 0 auto;
}
.testimonials li .tm-attribution {
  color: #999999;
  font-size: 15px;
  margin-top: 10px;
  text-align: center;
}
.thumbnail {
  background-position: center;
  background-repeat: no-repeat;
  float: left;
  height: 100px;
  position: relative;
  width: 100px;
}
.thumbnail a {
  display: block;
  height: inherit;
  width: inherit;
  text-decoration: none;
}
.thumbnail .flag {
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 0px 20px 20px 20px;
  display: none;
  height: 0px;
  width: 0px;
  position: absolute;
}
.thumbnail .flag:before {
  border-color: transparent transparent transparent #f03a3b;
  border-style: solid;
  border-width: 0px 16px 16px 16px;
  display: none;
  height: 0px;
  width: 0px;
  content: "";
  display: block;
  margin-left: -20px;
}
.thumbnail.current .flag {
  display: block;
}
.thumbnail.type-photo .classification {
  background-color: #f03a3b;
}
.thumbnail.type-sketch .classification {
  background-color: #f0812b;
}
.thumbnail.type-drafting .classification {
  background-color: #e9ba26;
}
/**
 * Upload box styles
 */
.upload-box {
  margin-bottom: 20px;
}
.upload-box .upload-area {
  box-sizing: border-box;
  position: relative;
  border: 2px dashed #d1dadd;
  height: 110px;
  width: inherit;
  margin-bottom: 20px;
}
.upload-box .upload-area input[type="file"],
.upload-box .upload-area .upload-box-file {
  height: 100%;
  width: 100%;
  font-size: 100%;
}
.upload-box .upload-area .icon-container {
  width: 32px;
  margin: 0 auto 15px auto;
}
.upload-box .upload-dialog {
  position: absolute;
  width: 33%;
  left: 33%;
  top: 12%;
  text-align: center;
}
.upload-box .dialog-message.no-dnd {
  display: none;
}
.upload-box .dialog-message p {
  margin: 0;
  color: #5b5f6c;
}
.upload-box .dialog-message .heading {
  font: 14px "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  text-transform: uppercase;
}
.upload-box .dialog-message .subheading {
  font: 14px "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  letter-spacing: -0.5px;
}
.upload-box.no-dnd .dialog-message {
  display: none;
}
.upload-box.no-dnd .dialog-message.no-dnd {
  display: block;
}
.upload-box .upload-area:hover {
  border-color: #b2bdc1;
}
.upload-box .upload-area:hover .icon-container i {
  background: url('/img/icons/upload-cloud-icon-active.png');
}
div.user-views-module {
  position: relative;
}
div.user-views-module .leads-upsell {
  position: absolute;
  text-align: center;
  color: #231f20;
}
@media only screen and (max-width: 529px) {
  div.user-views-module .leads-upsell {
    position: relative !important;
    margin: 0;
  }
}
div.user-views-module .leads-upsell-tabs {
  top: 25px;
  right: 15px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 20px;
  text-transform: none;
}
@media only screen and (max-width: 529px) {
  div.user-views-module .leads-upsell-tabs {
    top: 0px !important;
    right: 0px !important;
  }
}
div.user-views-module .leads-upsell-blurred {
  margin: 0px auto;
  z-index: 100;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 20px;
  text-transform: none;
}
div.user-views-module a.leads-upsell-button {
  background-color: #f03a3b;
  color: #fff;
  padding: 5px 10px 5px 25px;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  background-image: url("/img/icons/unlock-icon.png");
  background-repeat: no-repeat;
  background-position: 10px 50%;
  border-radius: 4px;
}
div.user-views-module a.blue {
  color: #008fae;
}
div.user-views-module .project-filters {
  background: #f9f9f9;
  border: 1px solid #dcdcdc;
  padding: 15px 10px;
  border-bottom: none;
  /* Overwrite default search box */
}
div.user-views-module .project-filters .label {
  float: left;
  line-height: 40px;
  margin: 0 10px;
}
div.user-views-module .project-filters .button {
  float: left;
  padding: 0;
  max-width: 105px;
  min-width: 105px;
  font-size: 12px;
  border-radius: 3px;
}
div.user-views-module .project-filters .filter-dropdown {
  float: left;
  background: #fff;
  border: 1px solid #dedede;
  padding: 10px 15px;
  border-radius: 3px;
  margin: 0 5px;
  position: relative;
  cursor: pointer;
  min-width: 155px;
}
div.user-views-module .project-filters .filter-dropdown.disabled {
  cursor: not-allowed;
}
div.user-views-module .project-filters .filter-dropdown i {
  position: absolute;
  right: 10px;
  line-height: 20px;
  font-size: 10px;
}
div.user-views-module .project-filters .filter-dropdown ul.dropdown-options {
  display: none;
  position: absolute;
  left: 0;
  top: 40px;
  background: #fff;
  border: 1px solid #dedede;
  border-radius: 3px;
  z-index: 9999;
}
div.user-views-module .project-filters .filter-dropdown ul.dropdown-options li {
  padding: 0 10px;
  min-width: 185px;
}
div.user-views-module .project-filters .filter-dropdown ul.dropdown-options li label {
  margin-left: 5px;
  height: 40px;
  display: inline-block;
  line-height: 40px;
  font-family: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  font-weight: 300;
  font-size: 13px;
  color: #444;
}
div.user-views-module .project-filters .filter-dropdown ul.dropdown-options li [type="checkbox"]:not(:checked) + label:before,
div.user-views-module .project-filters .filter-dropdown ul.dropdown-options li [type="checkbox"]:checked + label:before {
  top: 15px;
}
div.user-views-module .project-filters .filter-dropdown ul.dropdown-options li [type="checkbox"]:not(:checked) + label:after,
div.user-views-module .project-filters .filter-dropdown ul.dropdown-options li [type="checkbox"]:checked + label:after {
  top: 18px;
  left: 3px;
}
div.user-views-module .project-filters .filter-dropdown ul.dropdown-options.categories {
  width: 750px;
}
div.user-views-module .project-filters .filter-dropdown ul.dropdown-options.categories li {
  width: 33%;
  display: inline-block;
}
@media only screen and (max-width: 529px) {
  div.user-views-module .project-filters .filter-dropdown ul.dropdown-options.categories li {
    width: 100%;
    display: block;
  }
}
div.user-views-module .project-filters ul.dropdown-options.open {
  display: block;
}
@media only screen and (max-width: 529px) {
  div.user-views-module .project-filters ul.dropdown-options.open {
    width: 100% !important;
    max-height: 250px;
    overflow: scroll;
  }
}
div.user-views-module .project-filters .search-input-container {
  height: 100px;
}
@media only screen and (max-width: 529px) {
  div.user-views-module .project-filters .search-input-container {
    height: auto !important;
    padding: 0 0 10px !important;
  }
}
div.user-views-module .project-filters .search-input-container #search-input {
  background-color: #f9f9f9;
}
div.user-views-module .project-filters .clear-btn {
  margin-right: 3px;
}
div.user-views-module .date-range-picker {
  float: left;
  background: #fff;
  position: relative;
  cursor: pointer;
  min-width: 155px;
}
div.user-views-module .date-range-picker .vue-daterange-picker {
  width: 100%;
}
div.user-views-module .date-range-picker .vue-daterange-picker .reportrange-text[data-v-1ebd09d2] {
  padding-top: 8px;
  padding-bottom: 2px;
  border: none;
  border-radius: 12px;
}
div.user-views-module .date-range-picker .vue-daterange-picker .calendars[data-v-1ebd09d2] {
  flex-wrap: nowrap;
}
ul.user-views-tabs {
  margin: 0;
}
@media only screen and (max-width: 529px) {
  ul.user-views-tabs {
    margin: 0 0 5px;
  }
}
ul.user-views-tabs li {
  float: left;
  width: 33%;
  border-top: 1px solid transparent;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
ul.user-views-tabs li:before,
ul.user-views-tabs li:after {
  display: table;
  line-height: 0;
  content: "";
}
ul.user-views-tabs li:after {
  clear: both;
}
ul.user-views-tabs li:before,
ul.user-views-tabs li:after {
  content: "";
  display: table;
}
ul.user-views-tabs li:after {
  clear: both;
}
ul.user-views-tabs li:before,
ul.user-views-tabs li:after {
  display: table;
  content: "";
  line-height: 0;
}
ul.user-views-tabs li:after {
  clear: both;
}
@media only screen and (max-width: 529px) {
  ul.user-views-tabs li {
    float: none !important;
    width: 100%;
    display: block;
    border: none;
    border: 1px solid #ddd;
    margin: 0 0 5px;
  }
}
ul.user-views-tabs li > a,
ul.user-views-tabs li > div {
  display: block;
  padding: 30px 20px 10px 20px;
  margin-bottom: 10px;
  text-decoration: none;
  border-left: 1px solid #e5e5e5;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
ul.user-views-tabs li > a:before,
ul.user-views-tabs li > div:before,
ul.user-views-tabs li > a:after,
ul.user-views-tabs li > div:after {
  display: table;
  line-height: 0;
  content: "";
}
ul.user-views-tabs li > a:after,
ul.user-views-tabs li > div:after {
  clear: both;
}
ul.user-views-tabs li > a:before,
ul.user-views-tabs li > div:before,
ul.user-views-tabs li > a:after,
ul.user-views-tabs li > div:after {
  content: "";
  display: table;
}
ul.user-views-tabs li > a:after,
ul.user-views-tabs li > div:after {
  clear: both;
}
ul.user-views-tabs li > a:before,
ul.user-views-tabs li > div:before,
ul.user-views-tabs li > a:after,
ul.user-views-tabs li > div:after {
  display: table;
  content: "";
  line-height: 0;
}
ul.user-views-tabs li > a:after,
ul.user-views-tabs li > div:after {
  clear: both;
}
ul.user-views-tabs li > a .total,
ul.user-views-tabs li > div .total {
  color: #000;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 44px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 46px;
  text-transform: none;
}
@media only screen and (max-width: 529px) {
  ul.user-views-tabs li > a .total,
  ul.user-views-tabs li > div .total {
    float: left;
    display: inline;
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 24px !important;
  }
}
ul.user-views-tabs li > a .label,
ul.user-views-tabs li > div .label {
  color: #000;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 19px;
  text-transform: none;
}
ul.user-views-tabs li > a .label img.lock,
ul.user-views-tabs li > div .label img.lock {
  display: inline-block;
  margin-right: 5px;
}
@media only screen and (max-width: 529px) {
  ul.user-views-tabs li > a .label,
  ul.user-views-tabs li > div .label {
    float: right;
    display: inline;
    line-height: 24px !important;
  }
}
@media only screen and (max-width: 529px) {
  ul.user-views-tabs li > a,
  ul.user-views-tabs li > div {
    width: 100%;
    padding: 12px 10px !important;
    border: none !important;
    margin: 0 !important;
  }
}
ul.user-views-tabs li:first-child {
  width: 34%;
}
ul.user-views-tabs li:first-child > a {
  border-left: 3px solid transparent;
}
@media only screen and (max-width: 529px) {
  ul.user-views-tabs li:first-child > a {
    border: none !important;
  }
}
@media only screen and (max-width: 529px) {
  ul.user-views-tabs li:first-child {
    width: 100% !important;
  }
}
ul.user-views-tabs li.active {
  background-color: #ff9533;
  border-top: 1px solid #bababa;
}
@media only screen and (max-width: 529px) {
  ul.user-views-tabs li.active {
    border: 1px solid #bababa !important;
  }
}
ul.user-views-tabs li:hover {
  border-top: 1px solid #bababa;
  background-color: #e4842b;
}
ul.user-views-tabs li:hover .total {
  color: #000;
}
ul.user-views-tabs li.inquiries-sent {
  background-color: #031e25;
}
ul.user-views-tabs li.inquiries-sent .total,
ul.user-views-tabs li.inquiries-sent .label {
  color: #fff;
}
ul.user-views-tabs li.pending-qouta {
  background-color: #4a3aff;
}
ul.user-views-tabs li.pending-qouta div.btn-div {
  display: flex;
  justify-content: space-between;
}
ul.user-views-tabs li.pending-qouta .total,
ul.user-views-tabs li.pending-qouta .label {
  color: #fff;
}
ul.user-views-tabs li.pending-qouta .btn-div .upgrade-btn {
  background-color: rgba(0, 0, 0, 0.15);
  color: white;
  height: 28px;
  padding: 5px 10px;
  border: none;
  border-radius: 20px;
}
ul.non-premium-user-views-tabs {
  margin: 0;
}
@media only screen and (max-width: 529px) {
  ul.non-premium-user-views-tabs {
    margin: 0 0 5px;
  }
}
ul.non-premium-user-views-tabs li {
  float: left;
  width: 25%;
  border-top: 1px solid transparent;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
ul.non-premium-user-views-tabs li:before,
ul.non-premium-user-views-tabs li:after {
  display: table;
  line-height: 0;
  content: "";
}
ul.non-premium-user-views-tabs li:after {
  clear: both;
}
ul.non-premium-user-views-tabs li:before,
ul.non-premium-user-views-tabs li:after {
  content: "";
  display: table;
}
ul.non-premium-user-views-tabs li:after {
  clear: both;
}
ul.non-premium-user-views-tabs li:before,
ul.non-premium-user-views-tabs li:after {
  display: table;
  content: "";
  line-height: 0;
}
ul.non-premium-user-views-tabs li:after {
  clear: both;
}
@media only screen and (max-width: 529px) {
  ul.non-premium-user-views-tabs li {
    float: none !important;
    width: 100%;
    display: block;
    border: none;
    border: 1px solid #ddd;
    margin: 0 0 5px;
  }
}
ul.non-premium-user-views-tabs li > a,
ul.non-premium-user-views-tabs li > div {
  display: block;
  padding: 30px 20px 10px 20px;
  margin-bottom: 10px;
  text-decoration: none;
  border-left: 1px solid #e5e5e5;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
ul.non-premium-user-views-tabs li > a:before,
ul.non-premium-user-views-tabs li > div:before,
ul.non-premium-user-views-tabs li > a:after,
ul.non-premium-user-views-tabs li > div:after {
  display: table;
  line-height: 0;
  content: "";
}
ul.non-premium-user-views-tabs li > a:after,
ul.non-premium-user-views-tabs li > div:after {
  clear: both;
}
ul.non-premium-user-views-tabs li > a:before,
ul.non-premium-user-views-tabs li > div:before,
ul.non-premium-user-views-tabs li > a:after,
ul.non-premium-user-views-tabs li > div:after {
  content: "";
  display: table;
}
ul.non-premium-user-views-tabs li > a:after,
ul.non-premium-user-views-tabs li > div:after {
  clear: both;
}
ul.non-premium-user-views-tabs li > a:before,
ul.non-premium-user-views-tabs li > div:before,
ul.non-premium-user-views-tabs li > a:after,
ul.non-premium-user-views-tabs li > div:after {
  display: table;
  content: "";
  line-height: 0;
}
ul.non-premium-user-views-tabs li > a:after,
ul.non-premium-user-views-tabs li > div:after {
  clear: both;
}
ul.non-premium-user-views-tabs li > a .total,
ul.non-premium-user-views-tabs li > div .total {
  color: #000;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 44px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 46px;
  text-transform: none;
}
@media only screen and (max-width: 529px) {
  ul.non-premium-user-views-tabs li > a .total,
  ul.non-premium-user-views-tabs li > div .total {
    float: left;
    display: inline;
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 24px !important;
  }
}
ul.non-premium-user-views-tabs li > a .label,
ul.non-premium-user-views-tabs li > div .label {
  color: #000;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 19px;
  text-transform: none;
}
ul.non-premium-user-views-tabs li > a .label img.lock,
ul.non-premium-user-views-tabs li > div .label img.lock {
  display: inline-block;
  margin-right: 5px;
}
@media only screen and (max-width: 529px) {
  ul.non-premium-user-views-tabs li > a .label,
  ul.non-premium-user-views-tabs li > div .label {
    float: right;
    display: inline;
    line-height: 24px !important;
  }
}
@media only screen and (max-width: 529px) {
  ul.non-premium-user-views-tabs li > a,
  ul.non-premium-user-views-tabs li > div {
    width: 100%;
    padding: 12px 10px !important;
    border: none !important;
    margin: 0 !important;
  }
}
ul.non-premium-user-views-tabs li:first-child {
  width: 25%;
}
ul.non-premium-user-views-tabs li:first-child > a {
  border-left: 3px solid transparent;
}
@media only screen and (max-width: 529px) {
  ul.non-premium-user-views-tabs li:first-child > a {
    border: none !important;
  }
}
@media only screen and (max-width: 529px) {
  ul.non-premium-user-views-tabs li:first-child {
    width: 100% !important;
  }
}
ul.non-premium-user-views-tabs li.active {
  background-color: #ff9533;
  border-top: 1px solid #bababa;
}
@media only screen and (max-width: 529px) {
  ul.non-premium-user-views-tabs li.active {
    border: 1px solid #bababa !important;
  }
}
ul.non-premium-user-views-tabs li:hover {
  border-top: 1px solid #bababa;
  background-color: #e4842b;
}
ul.non-premium-user-views-tabs li:hover .total {
  color: #000;
}
ul.non-premium-user-views-tabs li.inquiries-sent {
  background-color: #031e25;
}
ul.non-premium-user-views-tabs li.inquiries-sent .total,
ul.non-premium-user-views-tabs li.inquiries-sent .label {
  color: #fff;
}
ul.non-premium-user-views-tabs li.pending-qouta {
  background-color: #4a3aff;
}
ul.non-premium-user-views-tabs li.pending-qouta div.btn-div {
  display: flex;
  justify-content: space-between;
}
ul.non-premium-user-views-tabs li.pending-qouta .total,
ul.non-premium-user-views-tabs li.pending-qouta .label {
  color: #fff;
}
ul.non-premium-user-views-tabs li.pending-qouta .btn-div .upgrade-btn {
  background-color: rgba(0, 0, 0, 0.15);
  color: white;
  height: 28px;
  padding: 5px 10px;
  border: none;
  border-radius: 20px;
}
#quota-count .quota {
  padding: 10px 25px;
  background: #fff;
  border: 1px solid #ddd;
  font-size: 16px;
  font-family: Helvetica Neue, Helvetica, sans-serif;
  font-weight: 300;
  line-height: 25px;
  color: #666;
}
@media only screen and (max-width: 529px) {
  #quota-count .quota {
    margin: 0 0 5px;
  }
}
#quota-count .quota h2 {
  font-size: 14px;
  font-family: inherit;
  color: #666;
  font-weight: 300;
}
@media only screen and (max-width: 529px) {
  #quota-count .quota h2 {
    display: inline;
    margin-right: 8px;
  }
}
table.user-views {
  width: 100%;
  border: 1px solid #dcdcdc;
}
table.user-views th,
table.user-views td {
  text-align: left;
}
table.user-views th {
  background: #f9f9f9;
  background: -o-linear-gradient(#fff, #f2f2f2);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f2f2f2', GradientType=0);
  padding: 10px 0px 10px 15px;
  text-transform: uppercase !important;
  border-bottom: 1px solid #919191;
  color: #767676;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 15px;
  text-transform: none;
}
table.user-views th:last-child {
  padding: 10px 15px;
}
table.user-views tr {
  background-color: #fff;
}
table.user-views td {
  padding: 15px 0px 15px 15px;
  text-overflow: ellipsis;
  height: 45px;
  border-bottom: 1px solid #ebebeb;
}
table.user-views td:last-child {
  padding: 15px 15px;
}
table.user-views td.user-interactions {
  width: 170px;
}
table.user-views td.user-interactions .user-stats {
  display: none;
}
table.user-views td.user-interactions .occurred-on {
  line-height: 17px;
}
table.user-views td.user-interactions .expander {
  position: relative;
  display: inline-block;
  margin-left: 5px;
  width: 15px;
  height: 15px;
  top: 3px;
  background-image: url("/img/icons/plus-icon.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
table.user-views td.user-interactions .expander:hover {
  cursor: pointer;
}
table.user-views td.user-actions {
  text-align: right;
  width: 320px;
}
table.user-views td.user-actions div.restricted {
  background-image: url("/img/icons/lock-icon.png");
  background-repeat: no-repeat;
  background-position: 15px 50%;
}
table.user-views td.user-actions div.action-container {
  overflow: visible;
  margin-bottom: 10px;
}
table.user-views td.user-actions div.action-container a.button,
table.user-views td.user-actions div.action-container button.button {
  width: 140px;
}
table.user-views td.user-actions div.action-container a.message-trigger,
table.user-views td.user-actions div.action-container a.message-upsell-trigger {
  text-align: center;
  display: inline-block;
  width: 120px;
}
table.user-views td.user-actions div.action-container a.view-project {
  padding: 0;
  font-size: 12px;
  min-width: 0;
  border-radius: 4px;
  width: 125px;
}
table.user-views td.user-actions div.action-container a.view-project .label {
  display: block;
  text-transform: uppercase !important;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: normal;
}
table.user-views td.user-actions div.action-container .upsell {
  padding-left: 5px;
  width: 95px;
  text-align: center;
  color: #282d32;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 10px;
  text-transform: none;
}
table.user-views td.user-actions div.action-container .upsell a {
  color: #f03a3b;
  text-decoration: none;
}
table.user-views td.user-location > div {
  width: 100px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
table.user-views td.user-details {
  width: 270px;
}
table.user-views td.user-details .avatar {
  display: inline-block;
  vertical-align: middle;
  width: 45px;
  height: 45px;
  border-radius: 2px;
}
table.user-views td.user-details .user-names {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  width: 190px;
}
table.user-views td.user-details .user-name,
table.user-views td.user-details .user-subname {
  width: 190px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
table.user-views td.user-details .user-name {
  color: #282d32;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 15px;
  text-transform: none;
}
table.user-views td.user-details .user-name a {
  color: inherit;
  text-decoration: none;
}
table.user-views td.user-details .user-name a:hover {
  text-decoration: underline;
}
table.user-views td.user-details .user-subname {
  color: #b8b8b8;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 15px;
  text-transform: none;
}
table.user-views td.help-items .help-item {
  background: #cecece;
  padding: 5px 10px;
  margin: 5px;
  border-radius: 2px;
}
table.user-views td.time-tag {
  min-height: 82px;
  display: flex;
  flex-direction: column;
}
table.user-views td.time-tag button.early-tag {
  background-color: #ff9533;
  padding: 10px;
  color: #000;
  font-size: 10px;
  font-weight: 700;
  border-radius: 10px;
  width: 113px;
  height: 32px;
  text-align: center;
}
table.user-views td.time-tag span.timer {
  margin-top: 3px;
  padding-left: 2px;
  width: 117px;
  font-family: Inter;
  font-size: 10px;
  font-weight: 700;
}
table.user-views td .free-project {
  background-color: #ffd67b;
  color: #8a7443;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 500;
  padding: 3px 8px;
  display: inherit;
  line-height: 1.3;
}
table.user-views tr.blurred .expander {
  display: none;
}
table.user-views tr.expanded {
  background-color: #f7f7f7;
}
table.user-views tr.expanded td.user-interactions .expander {
  background-image: url("/img/icons/minus-icon.png");
}
table.user-views tr.expanded td.user-interactions .user-stats {
  display: block;
}
table.user-views td.no-results {
  text-align: center;
}
table.user-views td.pagination-container {
  text-align: end;
}
table.user-views td.pagination-container button.button {
  width: 100px;
}
table.user-views td.pagination-container span.span {
  margin-left: 3px;
  margin-right: 3px;
}
table.user-views ul.user-stats {
  overflow: hidden;
  width: 150px;
  border-top: 1px solid #e2e2e2;
  margin: 5px 0px 0px 0px;
  padding-top: 7px;
}
table.user-views ul.user-stats li {
  float: left;
  margin-right: 10px;
}
table.user-views ul.user-stats li:last-child {
  margin-right: 0px;
}
table.user-views ul.user-stats .total {
  color: #282d32;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 15px;
  text-transform: none;
}
table.user-views ul.user-stats .label {
  color: #b8b8b8;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 15px;
  text-transform: none;
}
table.user-views .message-trigger,
table.user-views .message-upsell-trigger {
  color: #fff;
  padding: 12px 10px 10px 10px;
  display: block;
  text-decoration: none;
  clear: both;
  overflow-y: hidden;
  border-radius: 4px;
}
table.user-views .message-trigger .icon,
table.user-views .message-upsell-trigger .icon {
  display: inline-block;
  float: left;
  margin-top: -2px;
  margin-right: 12px;
  width: 17px;
  position: relative;
}
table.user-views .message-trigger .label,
table.user-views .message-upsell-trigger .label {
  display: block;
  text-transform: uppercase !important;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 15px;
  text-transform: none;
}
table.user-views .message-trigger {
  background-color: #282d32;
}
table.user-views .message-upsell-trigger {
  background-color: #e9eaea;
}
#informative-header {
  background-color: #008fae;
  padding: 20px 25px 20px;
}
#informative-header a.close {
  float: right;
  cursor: pointer;
}
#informative-header .content {
  width: 70%;
  margin-left: 15%;
  text-align: center;
  clear: right;
}
#informative-header .content img {
  display: inline;
  vertical-align: middle;
}
#informative-header .content p {
  color: #fff;
  font-size: 20px;
}
#informative-header .content a {
  width: 170px;
  font-weight: 500;
}
#informative-header .content span {
  font-weight: 900;
}
@media only screen and (max-width: 920px) {
  #informative-header .content p {
    font-size: 17px;
  }
}
@media only screen and (max-width: 600px) {
  #informative-header {
    padding: 5px 0 10px;
  }
  #informative-header a.close {
    padding-right: 10px;
  }
  #informative-header .content {
    clear: none;
  }
  #informative-header .content img {
    display: block;
    margin-left: 40%;
    padding-top: 15px;
  }
  #informative-header .content p {
    font-size: 13px;
  }
}
/* Thumbnail button */
.vid-thumb {
  box-sizing: border-box;
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5) !important;
  background-color: #282d32;
  background-position: center;
  background-size: 180px auto;
  border: 6px solid #fff;
  height: 100px;
  padding-left: 4px;
  width: 180px;
}
.vid-thumb .arrow {
  border-bottom: 16px dashed transparent;
  border-left: 26px solid #fff;
  border-top: 16px dashed transparent;
  height: 0;
  width: 0;
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  -webkit-opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  opacity: 0.8;
  margin: 28px auto;
}
.vid-thumb:hover .arrow {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  opacity: 1;
}
.views {
  float: right;
  margin: 5px 0;
}
.views li {
  float: left;
  height: 30px;
  margin-left: 5px;
}
.views .view a {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 30px;
  text-transform: uppercase;
  border-radius: 3px;
  background: #282d32;
  color: #fff;
  display: block;
  height: inherit;
  padding: 0 10px 0 11px;
  text-decoration: none;
}
.views .view a:hover,
.views .view.current a {
  background: #f03a3b;
}
.views .loader {
  margin-top: 3px;
}
.popup-bottom {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 50px 0 20px;
  border-top: 1px solid #eee;
  background: #008fae;
  text-transform: uppercase;
  z-index: 99999;
}
.popup-bottom #mc_embed_signup {
  max-width: 450px;
}
.popup-bottom #mc_embed_signup #mce-EMAIL {
  background: #3D7294;
  border: 2px solid #fff;
  color: #fff !important;
  text-align: center;
  box-shadow: none;
  text-transform: uppercase;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  margin: 0;
  float: left;
  margin-right: 0;
  min-width: 120%;
  display: inline-block;
}
.popup-bottom #mc_embed_signup #mc-embedded-subscribe {
  background: #fff;
  color: #3D7294 !important;
  border: 1px solid #fff;
  text-transform: uppercase;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  margin: 0;
}
.popup-bottom #mc_embed_signup {
  margin-top: -10px;
}
.popup-bottom #mc-embedded-subscribe {
  float: left;
  margin-top: 0;
  padding: 0 10px;
  display: inline-block;
  line-height: 40px;
  min-width: 44%;
  border-radius: 0;
  min-height: 42px;
}
.popup-bottom h3 {
  color: #fff;
  text-align: center;
  margin-bottom: 25px;
}
.popup-bottom div {
  max-width: 960px;
  margin: 0 auto;
}
.popup-bottom a {
  position: absolute;
  right: 12px;
  top: 12px;
  font-size: 14px;
  color: #666;
}
.popup-bottom a:hover {
  text-decoration: none;
}
.popup-bottom input[type="text"] {
  display: inline-block;
  width: unset;
  padding: 0 10px;
  line-height: 38px;
  outline: none;
  max-width: 100%;
  height: 42px;
  font-size: 14px;
}
.popup-bottom form {
  display: inline-flex;
  margin-top: 0em;
  margin-bottom: 20px;
}
.popup-bottom fieldset {
  margin-bottom: 20px;
}
.popup-bottom input[type="text"],
.popup-bottom input[type="password"],
.popup-bottom input[type="email"] {
  border: 1px solid #eeeeee;
  padding: 0 10px;
  line-height: 38px;
  outline: none;
  color: #000000;
  margin: 0;
  min-width: 200px;
  max-width: 100%;
  display: block;
  margin-bottom: 20px;
  background: #fff;
  font-size: 14px;
  border-radius: 0;
}
.popup-bottom input[type="text"]:focus,
.popup-bottom input[type="password"]:focus,
.popup-bottom input[type="email"]:focus,
.popup-bottom textarea:focus {
  border: 1px solid #eeeeee;
  color: #000000;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.promo a.close,
.popup-bottom a.close {
  color: #fff;
  border: 2px solid #fff;
  border-radius: 100%;
  float: right;
  font-size: 14px;
  font-weight: bold;
  height: 26px;
  width: 26px;
  text-align: center;
  line-height: 22px;
}
.promo a.close:hover,
.popup-bottom a.close:hover {
  text-decoration: none;
}
.brand-plan-card {
  text-align: center;
  margin: 0 auto 20px;
  max-width: 340px;
  box-shadow: 3px 2px 8px 0 rgba(0, 0, 0, 0.15);
  position: relative;
  border-radius: 0 0 12px 12px;
  overflow: hidden;
}
.brand-plan-card p {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
}
.brand-plan-card .per-seat {
  width: 100%;
  display: block;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  margin: -15px 0 0;
  position: absolute;
  text-align: center;
  font-size: 15px;
  color: #838895;
}
.brand-plan-card.yearly .per-seat {
  margin-top: 5px;
}
.brand-plan-card .timer {
  height: 57px;
  width: 100%;
  background-color: rgba(0, 183, 255, 0.25);
  margin-top: -18px;
  margin-left: 0;
  color: #48565F;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  line-height: 57px;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 0;
}
.brand-plan-card .timer .seconds {
  font-size: 18px;
}
@media (max-width: 1199px) {
  .brand-plan-card .timer {
    font-size: 12px;
  }
  .brand-plan-card .timer .seconds {
    font-size: 14px;
  }
}
.brand-plan-card .head,
.brand-plan-card .body,
.brand-plan-card .foot {
  margin-left: 0;
  margin-right: 0;
}
.brand-plan-card .head:hover,
.brand-plan-card .body:hover,
.brand-plan-card .foot:hover {
  cursor: pointer;
}
.brand-plan-card .head {
  padding: 10px 10px 0 10px;
}
.brand-plan-card .head h2 {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  line-height: initial;
}
.brand-plan-card .head p {
  font-size: 13px;
  font-weight: 500;
  color: #646464;
}
.brand-plan-card .body {
  margin-bottom: 20px;
  min-height: 180px;
}
.brand-plan-card .body img {
  margin: 0 auto 27px;
  height: 140px;
}
.brand-plan-card .body img:hover {
  height: 145px;
}
.brand-plan-card .body p.price {
  font-weight: 500;
  font-size: 100px;
  margin-left: -20px;
  letter-spacing: -2.2px;
  color: #2F2F2F;
  line-height: initial;
  position: relative;
}
.brand-plan-card .body p.price span.dollar-sign {
  font-size: 30px;
  vertical-align: super;
  line-height: 75px;
}
.brand-plan-card .body p.price .discount {
  position: absolute;
  background-image: url(/img/plans/ic_cta.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 166px;
  height: 73px;
  top: 0;
  right: 21px;
}
@media (max-width: 767px) {
  .brand-plan-card .body p.price .discount {
    width: 110px;
    height: 40px;
  }
}
@media (min-width: 992px) {
  .brand-plan-card .body p.price .discount {
    width: 70px;
    height: 30px;
  }
}
@media (min-width: 1394px) {
  .brand-plan-card .body p.price .discount {
    width: 130px;
    height: 50px;
  }
}
@media (min-width: 1633px) {
  .brand-plan-card .body p.price .discount {
    width: 166px;
    height: 73px;
  }
}
.brand-plan-card .body p.per-year,
.brand-plan-card .body p.annual-saving {
  font-size: 15px;
  letter-spacing: -0.7px;
  color: #2F2F2F;
  font-weight: 500;
  margin-top: -35px;
  min-height: 20px;
}
.brand-plan-card .body p.annual-saving {
  margin: 0 !important;
  color: #f16969;
}
.brand-plan-card .body p.gold-normal-price,
.brand-plan-card .body p.gold-price,
.brand-plan-card .body p.gold-per-year {
  display: none !important;
}
.brand-plan-card .body p.previous-price {
  margin-top: 20px;
  margin-left: -10px;
  font-size: 32px;
  font-weight: 500;
  display: inline-block;
  position: relative;
}
.brand-plan-card .body p.previous-price span {
  opacity: 0.3;
}
.brand-plan-card .body p.previous-price span.dollar-sign {
  font-size: 15px;
  vertical-align: super;
}
.brand-plan-card .body p.previous-price:after {
  content: '';
  height: 4px;
  width: 120%;
  border-radius: 40px;
  position: absolute;
  background-color: #f16969;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.brand-plan-card .body .trial-button {
  background: none;
  color: #4a3aff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.2px;
  text-decoration: underline;
  padding: 0;
}
.brand-plan-card .body .trial-button:hover {
  box-shadow: none !important;
}
.brand-plan-card .body .plan-card-ontop-label {
  background-color: #f9d822;
  font-weight: 900;
  font-size: 16px;
  color: white;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
  padding: 10px 50px;
  position: absolute;
  left: -50px;
  top: 30px;
  transform: rotateZ(-45deg);
}
.brand-plan-card .foot {
  margin-bottom: 0;
}
.brand-plan-card .row::after,
.brand-plan-card .row::before {
  display: none;
}
.plan-card-banner {
  text-align: center;
  margin: 20px auto 0;
  max-width: 340px;
  padding: 10px 10px;
  font-size: 22px;
  color: white;
  font-weight: 500;
  position: relative;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
}
.plan-card-banner.plan-essentials {
  background-color: #4a3aff;
}
.plan-card-banner.plan-concierge {
  background-color: #ff9533;
}
.brand-plan-card button.select-plan,
.brand-plan-features-table button.select-plan,
.brand-plan-card a.select-plan,
.brand-plan-features-table a.select-plan {
  border-radius: 4px;
  color: white;
  font-size: 26px;
  text-transform: capitalize;
  font-weight: 700;
  max-width: initial;
  min-height: 85px;
  letter-spacing: 0;
  width: 100%;
}
.brand-plan-card button.select-plan:hover,
.brand-plan-features-table button.select-plan:hover,
.brand-plan-card a.select-plan:hover,
.brand-plan-features-table a.select-plan:hover {
  box-shadow: none !important;
  text-decoration: underline;
}
.brand-plan-card.plan-essentials h2,
.brand-plan-features-table.plan-essentials h2,
.brand-plan-card.plan-premium h2,
.brand-plan-features-table.plan-premium h2,
.brand-plan-card.plan-lite h2,
.brand-plan-features-table.plan-lite h2 {
  color: #4a3aff;
}
.brand-plan-card.plan-essentials .select-plan,
.brand-plan-features-table.plan-essentials .select-plan,
.brand-plan-card.plan-premium .select-plan,
.brand-plan-features-table.plan-premium .select-plan,
.brand-plan-card.plan-lite .select-plan,
.brand-plan-features-table.plan-lite .select-plan,
.brand-plan-card.plan-essentials.select-plan,
.brand-plan-features-table.plan-essentials.select-plan,
.brand-plan-card.plan-premium.select-plan,
.brand-plan-features-table.plan-premium.select-plan,
.brand-plan-card.plan-lite.select-plan,
.brand-plan-features-table.plan-lite.select-plan {
  background-color: #4a3aff;
}
.brand-plan-card a.plan-premium.select-plan,
.brand-plan-features-table a.plan-premium.select-plan {
  background-color: #4a3aff;
  display: flex;
  align-items: center;
  color: #fff !important;
  font-weight: 600 !important;
  justify-content: center;
}
.brand-plan-card.plan-premium a.select-plan,
.brand-plan-features-table.plan-premium a.select-plan {
  display: flex;
  align-items: center;
  color: #fff !important;
  font-weight: 600 !important;
  justify-content: center;
}
.brand-plan-card.plan-essentials .head,
.brand-plan-features-table.plan-essentials .head {
  padding: 65px 10px 0 10px;
}
.brand-plan-card.plan-concierge h2,
.brand-plan-features-table.plan-concierge h2 {
  color: #ff9533;
}
.brand-plan-card.plan-concierge .select-plan,
.brand-plan-features-table.plan-concierge .select-plan {
  background-color: #ff9533;
}
.brand-plan-card.plan-concierge .head,
.brand-plan-features-table.plan-concierge .head {
  padding: 65px 10px 0 10px;
}
.brand-plan-card.plan-team h2,
.brand-plan-features-table.plan-team h2,
.brand-plan-card.plan-preferred h2,
.brand-plan-features-table.plan-preferred h2 {
  color: #ff9533;
}
.brand-plan-card.plan-team .select-plan,
.brand-plan-features-table.plan-team .select-plan,
.brand-plan-card.plan-preferred .select-plan,
.brand-plan-features-table.plan-preferred .select-plan {
  background-color: #ff9533;
}
.brand-plan-card.plan-essentials .foot,
.brand-plan-features-table.plan-essentials .foot,
.brand-plan-card.plan-concierge .foot,
.brand-plan-features-table.plan-concierge .foot {
  padding-top: 20px;
}
.brand-plan-features-table .compare {
  margin: 0 auto 30px;
  display: block;
  background-image: url(/img/icons/icon-down-arrow.svg);
  background-repeat: no-repeat;
  background-position: 250px;
  background-size: 10px;
}
.brand-plan-features-table .collapsible {
  transition: max-height ease 0.5s;
  overflow: hidden;
}
.brand-plan-features-table table {
  margin: 0 auto;
  width: 70%;
  text-align: center;
}
.brand-plan-features-table table th.table-head {
  font-size: 25px;
  letter-spacing: -0.4px;
  color: #0a232a;
  min-width: 140px;
  padding-bottom: 15px;
  text-transform: uppercase;
}
.brand-plan-features-table table th.table-head.plan-essentials,
.brand-plan-features-table table th.table-head.plan-lite {
  color: #4a3aff;
}
.brand-plan-features-table table th.table-head.plan-concierge {
  color: #ff9533;
}
.brand-plan-features-table table th.table-head.plan-team,
.brand-plan-features-table table th.table-head.plan-preferred {
  color: #ff9533;
}
.brand-plan-features-table table td.help a {
  font-family: 'Heebo';
  font-weight: 300;
  font-size: 20px;
  letter-spacing: -0.3px;
  text-align: center;
  color: #008fb0;
  cursor: pointer;
}
.brand-plan-features-table table td.feature-name {
  font-family: 'Heebo';
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.3px;
  color: #173242;
  padding: 20px;
  width: 33%;
  text-align: left;
}
.brand-plan-features-table table td.feature-cell {
  font-family: 'Heebo';
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.3px;
  color: #173242;
  padding: 15px 0;
}
.brand-plan-features-table table span.sub-head {
  font-size: 17px;
  letter-spacing: -0.8px;
  color: #2F2F2F;
  display: block;
  padding-top: 8px;
  font-weight: 600;
  text-transform: none;
  min-height: 25px;
}
.brand-plan-features-table table tr:nth-child(even) {
  background-color: #fbfbfb;
}
.brand-plan-features-table table tr.last-row td {
  margin-top: 10px;
}
.brand-plan-features-table table td img {
  margin: 0 auto;
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  .brand-plan-features-table table {
    width: 90%;
  }
}
.brand-plan-features-table button.select-plan,
.brand-plan-features-table a.select-plan {
  width: 80%;
  font-size: 20px;
  min-height: 70px;
}
.brand-plan-features-table button.select-plan.plan-essentials,
.brand-plan-features-table a.select-plan.plan-essentials,
.brand-plan-features-table button.select-plan.plan-lite,
.brand-plan-features-table a.select-plan.plan-lite {
  background-color: #4a3aff;
}
.brand-plan-features-table button.select-plan.plan-concierge,
.brand-plan-features-table a.select-plan.plan-concierge {
  background-color: #ff9533;
}
.brand-plan-features-table button.select-plan.plan-team,
.brand-plan-features-table a.select-plan.plan-team,
.brand-plan-features-table button.select-plan.plan-preferred,
.brand-plan-features-table a.select-plan.plan-preferred {
  background-color: #ff9533;
}
.brand-plan-subscribe .card-container {
  margin: 0 0 16px;
  width: 100%;
  padding: 15px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
}
.brand-plan-subscribe h3 {
  font-family: 'Heebo' !important;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 6px;
  letter-spacing: 0.5px;
}
.brand-plan-subscribe p {
  font-size: 15px;
  letter-spacing: -0.1px;
  color: #838895 !important;
  line-height: normal !important;
  font-weight: 400 !important;
}
.brand-plan-subscribe .promo-code {
  margin: 32px 0 0!important;
  position: relative;
}
.brand-plan-subscribe .promo-code button {
  min-width: 0;
  height: 45px;
  margin-top: 16px;
}
.brand-plan-subscribe .promo-code button.button-gray:hover {
  cursor: auto;
  box-shadow: none !important;
}
.brand-plan-subscribe .promo-code .active-promo {
  background-color: #008fb0;
}
.brand-plan-subscribe .promo-code p.error-msg {
  visibility: visible;
  margin-left: 2px;
  font-size: 12px !important;
  line-height: 12px !important;
}
.brand-plan-subscribe .promo-code p.promo-success {
  margin-left: 2px;
}
.brand-plan-subscribe .promo-code p.promo-success span.emphasis {
  color: #173242;
  font-weight: 700;
}
.brand-plan-subscribe .pay-button {
  margin-top: auto;
}
.brand-plan-subscribe .pay-button button {
  float: right;
  max-width: 150px;
  height: 50px;
  align-self: flex-end;
}
.brand-plan-subscribe.promo-applied .promo {
  display: none;
}
.brand-plan-subscribe.promo-applied .promo-success {
  display: block;
}
.brand-plan-features {
  font-size: 21px;
  font-weight: normal;
  line-height: 3.25;
  letter-spacing: -0.3px;
  color: #173242;
  padding: 0 20px;
  position: relative;
  bottom: 0;
  transition: bottom 1s;
}
.brand-plan-features ul {
  margin: 0 !important;
}
.brand-plan-features ul span {
  float: right;
}
.brand-plan-features img {
  display: inline-block;
  vertical-align: middle;
}
.brand-plan-features .inactive {
  color: #afb2bc;
}
.brand-plan-features .gold-plan-features {
  display: none;
}
.brand-plan-features .relative {
  display: relative;
}
section.error {
  padding: 10px 25px;
  border-radius: 4px;
  background-color: #ffbed0;
  text-align: center;
  visibility: hidden;
  margin-bottom: 10px !important;
}
section.error ul {
  list-style: initial;
  margin-left: 30px;
  display: inline-table;
}
section.error p,
section.error li.error {
  font-family: 'Heebo';
  font-size: 14px !important;
  font-weight: 600;
  letter-spacing: -0.2px;
  color: #173242 !important;
  text-align: justify;
}
section.error p span,
section.error li.error span {
  color: #019ab7;
}
section.error p span:hover,
section.error li.error span:hover {
  cursor: pointer;
}
section.error p {
  font-weight: normal;
  text-align: center;
}
section.error a.forgot {
  float: none !important;
}
section.error.show {
  visibility: visible;
}
.brand-plan-bill-cycle-switch {
  text-align: center;
  position: relative;
  /* Slider Switch code from http://www.w3schools.com/howto/howto_css_switch.asp*/
  /* Hide default HTML checkbox */
  /* The slider */
  /* Rounded sliders */
}
.brand-plan-bill-cycle-switch .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 25px;
  margin: 0 15px;
}
.brand-plan-bill-cycle-switch .switch input {
  display: none;
}
.brand-plan-bill-cycle-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #ccc;
  transition: 0.4s;
}
.brand-plan-bill-cycle-switch .slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 2.5px;
  background-color: #0B232B;
  transition: 0.4s;
}
.brand-plan-bill-cycle-switch input:checked + .slider:before {
  transform: translateX(30px);
}
.brand-plan-bill-cycle-switch .slider.round {
  border-radius: 34px;
}
.brand-plan-bill-cycle-switch .slider.round:before {
  border-radius: 50%;
}
.brand-plan-bill-cycle-switch span.monthly,
.brand-plan-bill-cycle-switch span.yearly {
  font-size: 16px;
  color: #4a3aff;
  font-weight: 500;
  vertical-align: super;
}
.brand-plan-bill-cycle-switch span.monthly.inactive,
.brand-plan-bill-cycle-switch span.yearly.inactive {
  color: #9595a1;
}
.brand-plan-bill-cycle-switch img.arrow {
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: -250px;
  top: -25px;
}
.brand-signup-subscribe-modal {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 6px 52px 0 rgba(0, 0, 0, 0.34);
  display: flex;
}
.brand-signup-subscribe-modal h2,
.brand-signup-subscribe-modal h3 {
  font-family: 'Heebo' !important;
}
.brand-signup-subscribe-modal span {
  font-family: 'Heebo';
}
.brand-signup-subscribe-modal p.close {
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: -0.2px;
  color: #4a3aff !important;
  margin-bottom: 0 !important;
}
.brand-signup-subscribe-modal p.close span:hover {
  cursor: pointer;
}
.brand-signup-subscribe-modal .brand-plan-modal-sidebar {
  background-color: #f2f8fb;
  position: relative;
  padding: 50px 25px 40px;
  display: flex;
  flex-direction: column;
  border-radius: 4px 0 0 4px;
}
.brand-signup-subscribe-modal .brand-plan-modal-sidebar img {
  display: inline-block;
  margin-right: 12px;
  margin-top: 2px;
}
.brand-signup-subscribe-modal .brand-plan-modal-sidebar .sidebar-feature {
  padding-left: 25px;
}
.brand-signup-subscribe-modal .brand-plan-modal-sidebar h3 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 17px;
  letter-spacing: -0.2px;
  margin-top: 5px;
}
.brand-signup-subscribe-modal .brand-plan-modal-sidebar h2.plan-type {
  font-size: 30px;
  letter-spacing: -0.6px;
  color: #4a3aff;
  font-weight: 700;
  text-transform: uppercase;
  line-height: initial;
  text-align: center;
}
.brand-signup-subscribe-modal .brand-plan-modal-sidebar span.total {
  font-size: 25px;
  font-weight: bold;
  letter-spacing: -0.7px;
  color: #48565f;
}
.brand-signup-subscribe-modal .brand-plan-modal-sidebar span.dollar-sign {
  font-size: 25px;
  vertical-align: super;
}
.brand-signup-subscribe-modal .brand-plan-modal-sidebar p.price {
  font-size: 50px;
  font-weight: bold;
  letter-spacing: -2.5px;
  color: #48565f;
  line-height: initial;
  text-align: center;
}
.brand-signup-subscribe-modal .brand-plan-modal-sidebar span.per-month {
  font-size: 20px;
  font-weight: 600;
  line-height: 0.86;
  letter-spacing: -0.2px;
  color: #838895;
  display: inline-block;
  width: 35%;
  transform: translateY(-12px);
}
@media only screen and (max-width: 769px) {
  .brand-signup-subscribe-modal .brand-plan-modal-sidebar span.per-month {
    transform: translateY(0);
  }
}
.brand-signup-subscribe-modal .brand-plan-modal-sidebar span.paid-annually {
  font-size: 14px;
  font-weight: 600;
  line-height: 0.86;
  letter-spacing: -0.2px;
  color: #838895;
  display: block;
  margin-bottom: 20px;
}
.brand-signup-subscribe-modal .brand-plan-modal-sidebar span.feature-name,
.brand-signup-subscribe-modal .brand-plan-modal-sidebar span.feature-name-mobile {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.2px;
  color: #173242;
  display: inline-block;
  margin-bottom: 20px;
  margin-left: -3px;
}
.brand-signup-subscribe-modal .brand-plan-modal-sidebar span.feature-name-mobile,
.brand-signup-subscribe-modal .brand-plan-modal-sidebar img.feature-icon-mobile {
  display: none;
}
.brand-signup-subscribe-modal .brand-plan-modal-sidebar p.login-signup-cta {
  font-size: 14px;
  letter-spacing: -0.2px;
  color: #838895;
  text-align: center;
  margin-top: 10px;
}
.brand-signup-subscribe-modal .brand-plan-modal-sidebar p.login-signup-cta span,
.brand-signup-subscribe-modal .brand-plan-modal-sidebar p.login-signup-cta a {
  color: #4a3aff;
}
.brand-signup-subscribe-modal .brand-plan-modal-sidebar p.login-signup-cta span:hover {
  cursor: pointer;
}
.brand-signup-subscribe-modal .brand-plan-modal-sidebar p.close {
  text-align: center;
  margin-top: auto;
}
.brand-signup-subscribe-modal .brand-plan-modal-sidebar .gold-features {
  display: none;
}
.brand-signup-subscribe-modal .brand-plan-subscribe {
  padding: 50px 40px 20px;
  align-items: stretch;
  display: flex;
  flex-direction: column;
}
.brand-signup-subscribe-modal .brand-plan-subscribe p.error-msg {
  visibility: visible;
  font-size: 12px;
  line-height: 12px;
  height: 12px;
  margin-bottom: 4px!important;
}
.brand-signup-subscribe-modal .brand-plan-subscribe h3 {
  margin-bottom: -5px;
}
.brand-signup-subscribe-modal .brand-plan-subscribe label {
  font-family: 'Heebo' !important;
  font-size: 12px;
  text-transform: none;
  font-weight: 600;
  letter-spacing: -0.2px;
}
.brand-signup-subscribe-modal .brand-signup-form {
  padding: 15px 20px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.brand-signup-subscribe-modal .brand-signup-form section.brand-types .row {
  margin-top: 2px !important;
  margin-bottom: 0 !important;
}
.brand-signup-subscribe-modal .brand-signup-form section.brand-types label.radio-button-label {
  margin: 0;
  line-height: 25px;
}
.brand-signup-subscribe-modal .brand-signup-form section {
  margin: 0 !important;
}
.brand-signup-subscribe-modal .brand-signup-form section.action {
  margin-top: auto !important;
  margin-bottom: 40px;
}
.brand-signup-subscribe-modal .brand-signup-form h3 {
  font-family: 'Heebo' !important;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 0;
  letter-spacing: -0.2px;
}
.brand-signup-subscribe-modal .brand-signup-form p.info {
  font-size: 14px !important;
  letter-spacing: -0.2px;
  color: #838895 !important;
  line-height: normal !important;
  font-weight: 400 !important;
}
.brand-signup-subscribe-modal .brand-signup-form p.error-msg {
  visibility: visible;
  font-size: 12px;
  line-height: 12px;
  height: 12px;
  margin-bottom: 2px!important;
}
.brand-signup-subscribe-modal .brand-signup-form p.terms {
  margin-top: 10px;
}
.brand-signup-subscribe-modal .brand-signup-form p.terms a {
  color: #4a3aff;
}
.brand-signup-subscribe-modal .brand-plan-subscribe-success {
  text-align: center;
  padding-top: 35px;
  width: 100%;
}
.brand-signup-subscribe-modal .brand-plan-subscribe-success h2 {
  font-size: 24px;
  letter-spacing: -0.7px;
  color: #f25941;
  font-weight: 600;
}
.brand-signup-subscribe-modal .brand-plan-subscribe-success h3,
.brand-signup-subscribe-modal .brand-plan-subscribe-success span {
  font-size: 14px;
  letter-spacing: -0.2px;
  color: #2d344a;
  font-weight: 600;
  text-transform: none;
}
.brand-signup-subscribe-modal .brand-plan-subscribe-success img {
  margin: 0 auto;
  padding: 30px 0 40px;
}
.brand-signup-subscribe-modal .brand-plan-subscribe-success .where-next {
  background-color: #f2f8fb;
  padding: 35px 50px;
}
.brand-signup-subscribe-modal .brand-plan-subscribe-success .where-next span {
  line-height: 35px;
  vertical-align: middle;
}
.brand-signup-subscribe-modal .brand-plan-subscribe-success .where-next .button-blue.clear {
  background-color: transparent;
  color: #008fae;
  border: 2px solid #008fae;
}
.brand-signup-subscribe-modal .brand-plan-subscribe-success .where-next .button-blue.clear:hover {
  color: #fff;
  background: #008fae;
}
.brand-signup-subscribe-modal .login-form {
  padding: 50px 20px 20px;
  display: flex;
  flex-direction: column;
}
.brand-signup-subscribe-modal .login-form h3 {
  font-weight: 600;
  letter-spacing: -0.2px;
  font-size: 18px;
}
.brand-signup-subscribe-modal .login-form label {
  font-family: 'Heebo';
  font-size: 14px;
  letter-spacing: -0.2px;
  color: #838895;
  text-transform: none;
}
.brand-signup-subscribe-modal .login-form p.error-msg {
  visibility: visible;
  font-size: 12px;
  line-height: 12px;
  height: 12px;
  margin-bottom: 2px!important;
}
.brand-signup-subscribe-modal .login-form a.forgot {
  float: right;
  line-height: 30px !important;
  font-size: 14px!important;
  font-weight: 600!important;
  letter-spacing: -0.2px;
  color: #019ab7 !important;
  margin-bottom: 0!important;
}
.brand-signup-subscribe-modal .error-section {
  padding: 40px 0 60px;
  text-align: center;
}
.brand-signup-subscribe-modal .error-section img {
  display: inline;
  margin-right: 10px;
}
.brand-signup-subscribe-modal .error-section span.error-msg {
  vertical-align: super;
  visibility: visible;
}
.brand-signup-subscribe-modal .error-section.invisible span.error-msg {
  display: none;
}
.brand-signup-subscribe-modal .actions {
  margin-top: auto;
}
.brand-signup-subscribe-modal .actions .pay-button button {
  float: right;
  max-width: 150px !important;
}
.brand-plan-basic-features .feature {
  display: flex;
  padding: 15px 30px;
  align-items: center;
}
.brand-plan-basic-features .feature img {
  display: block;
  float: left;
  padding-right: 25px;
  max-width: 100px;
  max-height: 95px;
}
@media only screen and (max-width: 529px) {
  .brand-plan-basic-features .feature img {
    max-width: 80px;
  }
}
.brand-plan-basic-features .feature h2 {
  font-family: 'Heebo', sans-serif;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.4px;
  color: #0a232a;
  margin-top: 11px;
  margin-bottom: 5px;
}
.brand-plan-basic-features .feature p {
  font-size: 16px;
  color: #838896;
  font-weight: 300;
}
@media only screen and (max-width: 992px) {
  .modal.modal-v2.brand-signup-sub {
    max-width: 675px!important;
  }
  .brand-signup-subscribe-modal .brand-plan-modal-sidebar {
    padding: 50px 15px 30px;
    width: 30%;
  }
  .brand-signup-subscribe-modal .brand-plan-modal-sidebar span.feature-name,
  .brand-signup-subscribe-modal .brand-plan-modal-sidebar span.feature-name-mobile {
    font-size: 14px;
    margin-left: -10px;
  }
  .brand-signup-subscribe-modal .brand-plan-modal-sidebar p.price {
    font-size: 45px;
    text-align: center;
  }
  .brand-signup-subscribe-modal .brand-plan-modal-sidebar h2.plan-type {
    font-size: 25px;
    text-align: center;
  }
  .brand-signup-subscribe-modal .brand-plan-modal-sidebar span.per-month {
    font-size: 17px;
  }
  .brand-signup-subscribe-modal .brand-plan-modal-sidebar .col-xs-2 {
    padding-left: 10px;
  }
  .brand-signup-subscribe-modal .brand-plan-subscribe {
    padding: 50px 20px 20px;
    width: 70%;
  }
  .brand-signup-subscribe-modal .brand-plan-subscribe h3 {
    font-size: 14px;
    white-space: nowrap;
    letter-spacing: 0.1px;
  }
}
@media only screen and (max-width: 768px) {
  .modal.modal-v2.brand-signup-sub {
    max-width: 575px!important;
  }
  .brand-signup-subscribe-modal .brand-plan-modal-sidebar span.feature-name,
  .brand-signup-subscribe-modal .brand-plan-modal-sidebar span.feature-name-mobile {
    font-size: 12px;
    margin-left: -8px;
  }
  .brand-signup-subscribe-modal .brand-plan-modal-sidebar .sidebar-feature {
    padding-left: 15px;
  }
  .brand-signup-subscribe-modal .brand-plan-modal-sidebar .col-xs-2 {
    padding-left: 5px;
  }
  .brand-signup-subscribe-modal .brand-plan-modal-sidebar .col-xs-12 {
    width: 83.3%;
  }
  .brand-signup-subscribe-modal .brand-plan-subscribe h3 {
    font-size: 12px;
  }
  .brand-signup-subscribe-modal .brand-signup-form section.action {
    text-align: center;
  }
}
@media only screen and (max-width: 650px) {
  .brand-plan-features-table {
    overflow-x: auto;
  }
  .brand-plan-features-table table {
    width: 85%;
  }
  .brand-plan-features-table table th.table-head {
    padding: 0 10px 15px;
    font-size: 18px;
    min-width: 140px;
  }
  .brand-plan-features-table table span.sub-head {
    font-size: 18px;
  }
  .brand-plan-features-table table td.feature-name,
  .brand-plan-features-table table td.feature-cell {
    font-size: 16px;
  }
  .brand-plan-features-table table td.help a {
    font-size: 15px;
  }
  .brand-plan-features-table button.select-plan,
  .brand-plan-features-table a.select-plan {
    width: 95%;
    font-size: 18px;
  }
  .modal.modal-v2.brand-signup-sub {
    max-width: 400px!important;
    margin-top: 10%!important;
  }
  section.plans {
    padding: 50px 5px 0 !important;
  }
  .brand-signup-subscribe-modal {
    display: block !important;
    flex-direction: row !important;
    text-align: center;
  }
  .brand-signup-subscribe-modal label {
    font-size: 12px!important;
  }
  .brand-signup-subscribe-modal .brand-plan-modal-sidebar {
    padding: 15px 0px 10px;
    width: 100% !important;
    display: block;
    position: relative;
    border-radius: 4px 4px 0 0;
  }
  .brand-signup-subscribe-modal .brand-plan-modal-sidebar .plan-info {
    margin-bottom: 47px;
  }
  .brand-signup-subscribe-modal .brand-plan-modal-sidebar .sidebar-feature {
    max-width: 168px;
    display: inline-block;
    line-height: 12px;
    padding: 0px;
    margin: 0 1px;
  }
  .brand-signup-subscribe-modal .brand-plan-modal-sidebar .sidebar-feature .col-xs-2 {
    display: none;
  }
  .brand-signup-subscribe-modal .brand-plan-modal-sidebar .sidebar-feature .col-xs-12 {
    padding: 0 6px;
    width: 100%;
  }
  .brand-signup-subscribe-modal .brand-plan-modal-sidebar .sidebar-feature span.feature-name {
    display: none;
  }
  .brand-signup-subscribe-modal .brand-plan-modal-sidebar .sidebar-feature span.feature-name-mobile,
  .brand-signup-subscribe-modal .brand-plan-modal-sidebar .sidebar-feature span.feature-name-mobile.active {
    font-size: 12px;
    white-space: nowrap;
    margin-bottom: 0 !important;
    display: inline;
    vertical-align: top;
    color: #bdc0c1;
  }
  .brand-signup-subscribe-modal .brand-plan-modal-sidebar .sidebar-feature span.feature-name-mobile.active {
    color: #48565f;
  }
  .brand-signup-subscribe-modal .brand-plan-modal-sidebar .sidebar-feature img {
    display: none;
  }
  .brand-signup-subscribe-modal .brand-plan-modal-sidebar .sidebar-feature img.feature-icon-mobile {
    display: inline;
    width: 12px;
    margin-top: 0;
  }
  .brand-signup-subscribe-modal .brand-plan-modal-sidebar h2.plan-type {
    line-height: 33px;
    font-size: 25px;
    float: left;
    display: inline-block;
    width: 50%;
    margin-bottom: 10px;
  }
  .brand-signup-subscribe-modal .brand-plan-modal-sidebar p.price {
    line-height: 15px;
    float: right;
    width: 50%;
  }
  .brand-signup-subscribe-modal .brand-plan-modal-sidebar p.login-signup-cta {
    margin: 0px;
    position: absolute;
    font-size: 12px;
    left: 0;
    right: 0;
    bottom: 10px;
    z-index: 3001;
  }
  .brand-signup-subscribe-modal .brand-plan-modal-sidebar span.per-month {
    font-size: 17px;
    margin-left: 5px;
    width: 15%;
  }
  .brand-signup-subscribe-modal .brand-plan-modal-sidebar p.close {
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
  }
  .brand-signup-subscribe-modal .brand-signup-form {
    padding: 0 1px;
    z-index: 3000;
  }
  .brand-signup-subscribe-modal .brand-signup-form section.inputs {
    padding: 5px 25px 0;
    margin-bottom: 20px!important;
  }
  .brand-signup-subscribe-modal .brand-signup-form section.error {
    padding: 5px 0 0;
  }
  .brand-signup-subscribe-modal .brand-signup-form .floating-label {
    margin-bottom: 0px;
  }
  .brand-signup-subscribe-modal .brand-signup-form .row {
    margin-top: 0 !important;
    margin-bottom: 0!important;
  }
  .brand-signup-subscribe-modal .brand-signup-form p.info {
    display: none;
  }
  .brand-signup-subscribe-modal .login-form {
    padding: 2px 35px 10px;
    z-index: 3000;
  }
  .brand-signup-subscribe-modal .login-form h3 {
    font-size: 16px;
    white-space: nowrap;
  }
  .brand-signup-subscribe-modal .login-form a.forgot {
    font-size: 12px!important;
  }
  .brand-signup-subscribe-modal .login-form label.remember {
    float: left;
  }
  .brand-signup-subscribe-modal .brand-plan-subscribe {
    padding: 10px 20px 20px;
    text-align: center;
    width: 100%;
  }
  .brand-signup-subscribe-modal .brand-plan-subscribe h3 {
    font-size: 12px;
    white-space: nowrap;
    letter-spacing: 0.1px;
    margin-left: -10px;
  }
  .brand-signup-subscribe-modal .brand-plan-subscribe p {
    margin-bottom: 0;
  }
  .brand-signup-subscribe-modal .brand-plan-subscribe section.error {
    padding: 5px 0 0;
  }
  .brand-signup-subscribe-modal .brand-plan-subscribe p.invisible {
    display: none;
  }
  .brand-signup-subscribe-modal .brand-plan-subscribe .credit-card-form .floating-label.col-xs-12,
  .brand-signup-subscribe-modal .brand-plan-subscribe .credit-card-form .floating-label.col-xs-4 {
    margin-bottom: 5px;
  }
  .brand-signup-subscribe-modal .brand-plan-subscribe .promo-code .promo-btn {
    padding-left: 0px;
  }
  .brand-signup-subscribe-modal .brand-plan-subscribe .promo-code .promo-btn button {
    min-width: 70px;
  }
  .brand-signup-subscribe-modal .brand-plan-subscribe p.error-msg {
    font-size: 10px!important;
    white-space: nowrap;
  }
  .brand-signup-subscribe-modal .brand-plan-subscribe-success {
    padding-top: 20px;
  }
  .brand-signup-subscribe-modal .brand-plan-subscribe-success h2 {
    font-size: 15px;
  }
  .brand-signup-subscribe-modal .brand-plan-subscribe-success .where-next {
    padding: 15px;
  }
  .brand-plan-bill-cycle-switch button {
    width: 50%;
  }
  .brand-plan-bill-cycle-switch img {
    left: 240px;
    width: 36%;
  }
}
@media only screen and (max-width: 500px) {
  .modal.modal-v2.brand-signup-sub {
    max-width: 320px!important;
  }
  .brand-signup-subscribe-modal label {
    font-size: 11px!important;
  }
  .brand-signup-subscribe-modal .floating-label input[type='text'],
  .brand-signup-subscribe-modal .floating-label input[type='password'],
  .brand-signup-subscribe-modal .floating-label input[type='email'] {
    line-height: 30px;
    font-size: 12px;
    font-weight: 500;
  }
  .brand-signup-subscribe-modal p.error-msg {
    font-size: 10px !important;
  }
  .brand-signup-subscribe-modal .brand-signup-form h3 {
    font-size: 11px;
  }
  .brand-signup-subscribe-modal .brand-signup-form span.small-heading,
  .brand-signup-subscribe-modal .brand-signup-form span.checkbox-wrapper {
    display: none;
  }
  .brand-signup-subscribe-modal .brand-signup-form section.error {
    display: none;
  }
  .brand-signup-subscribe-modal .brand-signup-form section.error.show {
    display: block;
  }
  .brand-signup-subscribe-modal .login-form {
    padding: 2px 28px 10px;
  }
  .brand-signup-subscribe-modal .login-form h3 {
    font-size: 15px !important;
  }
}
#academy {
  background: #fff;
}
#academy #hero {
  background: url('/img/academy/academy2.jpg') no-repeat center center / cover;
  width: 100%;
  text-align: center;
  min-height: 420px;
  padding: 90px;
}
#academy #hero .row {
  max-width: 920px;
  margin: 0 auto;
}
#academy #hero h1,
#academy #hero h2 {
  color: #fff;
  font-family: 'CamptonBold';
  opacity: 0.85;
}
#academy #hero h1 {
  font-size: 116pt;
  line-height: 125pt;
  text-transform: uppercase;
}
#academy #hero h1 span {
  display: block;
  font-size: 30pt;
  line-height: 42px;
}
#academy #hero h2 {
  font-size: 19pt;
  line-height: 29pt;
  max-width: 80%;
  margin: 0 auto;
}
#academy .course {
  padding: 75px 15px 25px;
}
#academy .course .title-block {
  padding: 0;
  margin-bottom: 25px;
}
#academy .course .title-block div {
  height: 256px;
}
#academy .course .title-block .production-101 {
  background: url('/img/academy/academy4.jpg') no-repeat center center / cover;
}
#academy .course .title-block .sourcing-101 {
  background: url('/img/academy/academy3.jpg') no-repeat center center / cover;
}
#academy .course .title-block .apparel-sample {
  background: url('/img/academy/academy1.jpg') no-repeat center center / cover;
}
#academy .course .title-block .jewelry-sample {
  background: url('/img/academy/academy5.jpg') no-repeat center center / cover;
}
#academy .course .title-block .quality-101 {
  background: url('/img/academy/academy6.jpg') no-repeat center center / cover;
}
#academy .course .title-block .packaging {
  background: url('/img/academy/academy7.jpg') no-repeat center center / cover;
}
#academy .course .title-block h2 {
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 36px;
  text-transform: uppercase;
  line-height: 44px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.85;
}
#academy .course .description {
  padding: 0 35px;
  margin-top: -6px;
}
#academy .course .description .holder {
  height: 150px;
}
#academy .course .description p,
#academy .course .description .details {
  font-size: 16px;
  line-height: 24px;
}
#academy .course .description .details {
  padding-bottom: 15px;
}
#academy .course .description .signup {
  height: 113px;
}
#academy .signup {
  border: 1px solid #3F7293;
  padding: 15px;
}
#academy .signup h3 {
  font-size: 16px;
  line-height: 45px;
  text-transform: none;
  background: #c9d021;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  padding-left: 15px;
  margin-bottom: 0;
}
#academy .signup h3.failure {
  background: #f2dede;
}
#academy .signup input[type="text"],
#academy .signup input[type="email"] {
  background: #fff;
  color: #3F7293;
  border: 1px solid #3F7293;
  border-radius: 0;
  font-size: 16px;
  width: 66%;
  margin: 0 2%;
  padding: 0 10px;
  line-height: 40px;
  height: 44px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  text-align: center;
}
#academy .signup input[type="submit"],
#academy .signup button {
  background: #fff;
  color: #3F7293;
  border: 2px solid #3F7293;
  border-radius: 0;
  font-size: 16px;
  text-transform: none;
  width: 25%;
  height: auto;
  line-height: 40px;
  font-weight: 700;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  padding: 0;
}
#academy .signup input[type="submit"]:hover,
#academy .signup button:hover {
  box-shadow: none !important;
  background: #3F7293;
  color: #fff;
  transition: background-color 0.5s ease;
}
#academy .register {
  background: #3F7293;
  color: #fff;
  text-align: center;
  padding: 35px;
}
#academy .register .row {
  max-width: 750px;
  margin: 0 auto;
}
#academy .register h2 {
  font-size: 24px;
}
#academy .register h3 {
  color: #fff;
}
#academy .register .signup {
  border: none;
}
#academy .register .signup .opt-in {
  text-align: center;
  padding: 10px 0px 20px;
}
#academy .register .signup .opt-in div {
  margin-right: 10px;
  display: inline-block;
}
#academy .register .signup .opt-in label {
  text-transform: none;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 30px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
}
#academy .register .signup .opt-in input[type="checkbox"] {
  height: 20px;
  width: 20px;
  margin-right: 5px;
}
#academy .register .signup .input-it {
  max-width: 500px;
}
#academy .register .signup input[type="text"],
#academy .register .signup input[type="email"] {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
}
#academy .register .signup input[type="submit"],
#academy .register .signup button {
  color: #fff;
  background: transparent;
  border: 2px solid #fff;
}
#academy .register .signup input[type="submit"]:hover,
#academy .register .signup button:hover {
  background: #fff;
  color: #3F7293;
}
@media (max-width: 768px) {
  #academy #hero {
    padding: 25px 5px;
  }
  #academy #hero h1 {
    font-size: 58px;
    line-height: 75px;
  }
  #academy .course .description .holder,
  #academy .course .description .signup {
    height: auto;
  }
  #academy .course .signup input {
    margin: 3px 0;
    width: 100%;
    max-width: 100%;
  }
  #academy .register {
    padding: 20px 5px;
  }
  #academy .register .signup input {
    margin: 3px 0;
    width: 100%;
    max-width: 100%;
  }
  #academy .register .signup .opt-in div {
    display: block;
    text-align: left;
  }
}
.category {
  text-transform: uppercase;
  display: inline-block;
  border: 1px solid #000000;
  font-size: 17px;
  font-family: "Heebo", Arial, sans-serif !important;
  font-weight: bold;
  letter-spacing: 1px;
  width: auto !important;
  padding: 4px 15px;
}
.course .category {
  margin-left: -15px !important;
  margin-bottom: 20px;
}
.button.slider-button {
  width: 100%;
  padding: 4px 25px;
}
:hover.button.slider-button,
:focus.button.slider-button {
  text-decoration: none;
  background: rgba(255, 255, 255, 0.1);
}
/* jssor slider bullet navigator skin 05 css */
/*
.jssorb05 div           (normal)
.jssorb05 div:hover     (normal mouseover)
.jssorb05 .av           (active)
.jssorb05 .av:hover     (active mouseover)
.jssorb05 .dn           (mousedown)
*/
.jssorb05 {
  position: absolute;
}
.jssorb05 div,
.jssorb05 div:hover,
.jssorb05 .av {
  position: absolute;
  /* size of bullet elment */
  width: 16px;
  height: 16px;
  background: url('/img/academy/b05.png') no-repeat;
  overflow: hidden;
  cursor: pointer;
}
.jssorb05 div {
  background-position: -7px -7px;
}
.jssorb05 div:hover,
.jssorb05 .av:hover {
  background-position: -37px -7px;
}
.jssorb05 .av {
  background-position: -67px -7px;
}
.jssorb05 .dn,
.jssorb05 .dn:hover {
  background-position: -97px -7px;
}
.jssora031 {
  display: block;
  position: absolute;
  cursor: pointer;
}
.jssora031 .a {
  fill: #fff;
}
.jssora031:hover {
  opacity: 0.8;
}
.jssora031.jssora031dn {
  opacity: 0.5;
}
.jssora031.jssora031ds {
  opacity: 0.3;
  pointer-events: none;
}
/**** Containers ***/
.academy-premium-course {
  opacity: 0.3;
}
#academy .course .title-block div {
  height: 244px;
}
#academy .course .holder h2 {
  font-size: 38px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  line-height: 42px;
  font-weight: 100 !important;
  margin-bottom: 8px;
  margin-left: -2px;
}
@media (max-width: 991px) {
  #academy .course .holder h2 {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  #academy .course .holder h2 {
    font-size: 38px;
  }
}
#academy .course .holder h5 {
  font-size: 12px !important;
  text-transform: uppercase;
  font-weight: bold;
  color: #bcbcbc;
  letter-spacing: 0.05em;
}
#academy .course .description .details,
#academy .course .description p {
  font-size: 18px;
}
@media (max-width: 1199px) {
  #academy .course .description .details,
  #academy .course .description p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  #academy .course .description .details,
  #academy .course .description p {
    font-size: 18px;
  }
}
#academy .signup {
  border: none !important;
  padding: 0 !important;
  width: 100%;
  height: 45px !important;
}
#academy .course .description .holder {
  height: 205px !important;
}
#academy .course .description .holder {
  width: 80%;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  #academy .course .description .holder {
    width: 100%;
    height: auto !important;
  }
}
#academy .course .description .details {
  font-size: 11px !important;
  font-weight: bold;
  text-transform: uppercase;
}
#academy .course.f-course .title-block div,
#academy .course.f-course .description .holder {
  height: 60px !important;
}
#academy .course.f-course .holder h2 {
  font-size: 20px !important;
  line-height: 20px;
}
#academy .course .description {
  padding: 0 0 0 20px;
}
#academy .course .description .details {
  padding: 10px 0 0 0 !important;
}
#academy .signup input[type=text],
#academy .signup input[type=text] {
  color: black !important;
  border: 1px solid #d6d6d6 !important;
  font-size: 18px !important;
  width: 74% !important;
  margin: 0 !important;
  padding: 0 0 0 10px !important;
  line-height: 40px;
  height: 44px;
  font-family: "Heebo", Arial, sans-serif !important;
  text-align: left !important;
  border-radius: 4px 0 0 4px;
}
#academy .signup input[type=submit],
#academy .signup button,
.black-button {
  background: #4a3aff !important;
  color: #ffffff !important;
  border: none !important;
  font-size: 14px;
  text-transform: uppercase !important;
  width: 25%;
  height: 44px !important;
  line-height: 44px;
  font-weight: 700;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  padding: 0;
  letter-spacing: 0.5px;
  border-radius: 0 4px 4px 0;
}
#academy .signup input[type=submit].disabled,
#academy .signup button.disabled,
.black-button.disabled {
  cursor: not-allowed;
}
#academy .signup .input-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#academy .featured .course {
  padding: 60px 15px  0 15px !important;
}
.premium-promo h2 {
  font-size: 52px;
  font-family: "Heebo", Arial, sans-serif !important;
  font-weight: 200;
  margin-left: -15px;
  margin-top: -5px;
}
.premium-promo {
  margin-top: 50px;
  line-height: 52px;
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 20px;
}
.black-button {
  display: block;
}
.black-button:hover {
  text-decoration: none !important;
}
#academy .course {
  padding: 50px 15px 25px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  #academy .featured {
    display: none;
  }
}
#academy .academy-hero {
  background: url('/img/search/browse_banner.jpg') no-repeat center center;
  background-size: cover;
  text-align: center;
  color: white;
  padding: 80px 15px;
  min-height: initial;
  margin: 0 0 25px;
}
#academy .academy-hero .academy-title {
  font-weight: 900;
  font-size: 40px;
  text-align: center;
  text-transform: none;
  line-height: 1;
  letter-spacing: normal;
  color: white;
  margin: 10px 0 0;
}
@media only screen and (max-width: 529px) {
  #academy .academy-hero .academy-title {
    font-size: 32px;
  }
}
#academy .academy-premium-block {
  position: relative;
}
#academy .academy-premium-block .premium-block-overlay {
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(239, 239, 239, 0.9) 100%);
}
@media only screen and (max-width: 529px) {
  #academy .academy-premium-block .premium-block-overlay {
    background: rgba(239, 239, 239, 0.8);
  }
}
#academy .academy-premium-block .premium-block-overlay .premium-block-overlay-content {
  display: flex;
  margin-top: 220px;
  text-align: center;
  align-items: center;
  flex-direction: column;
}
#academy .academy-premium-block .premium-block-overlay p {
  font-size: 40px;
  font-weight: 900;
  line-height: 1;
  color: #0a232a;
}
#academy .academy-premium-block .premium-block-overlay .button {
  margin-top: 35px;
}
#academy .academy-premium-block .premium-block-overlay .link {
  color: #4E4F50;
  font-size: 16px;
  font-weight: 700;
  margin-top: 15px;
}
@media only screen and (max-width: 529px) {
  #academy .academy-premium-block .premium-block-overlay .premium-block-overlay-content {
    margin-top: 150px;
  }
  #academy .academy-premium-block .premium-block-overlay p {
    font-size: 30px;
  }
}
.checkout {
  width: 960px;
  margin: 0 auto;
  padding: 90px 20px 60px 20px;
}
.checkout.cms {
  padding-top: 130px;
  padding-bottom: 80px;
}
.checkout .header {
  float: none;
  clear: none;
}
.checkout .payment {
  margin-top: 60px;
}
.checkout .inner-container {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
}
.checkout .inner-container .title {
  font-size: 18px;
  line-height: 18px;
  color: #282d32;
}
.checkout .inner-container .info {
  font-size: 13px;
  line-height: 13px;
  color: #999999;
}
.checkout .inner-container .form {
  margin-top: 20px;
}
.checkout .left-col,
.checkout .right-col {
  display: inline-block;
  width: 200px;
}
.checkout .left-col {
  width: 500px;
  margin-right: 40px;
}
.checkout .checkbox.green.size-16 {
  background: url('/img/plans/icon-checkbox.png') 0 0 no-repeat;
  height: 16px;
  width: 16px;
}
.checkout .close.red.size-16 {
  background: url('/img/plans/red_x.png') 0 0 no-repeat;
  height: 16px;
  width: 16px;
}
.checkout .summary {
  margin-top: 20px;
}
.checkout .summary ul li {
  padding-bottom: 15px;
}
.checkout .summary ul li:last-child {
  padding-bottom: 0;
}
.checkout .summary ul li .checkbox {
  padding-right: 20px;
}
.checkout .summary ul li .close {
  padding-right: 20px;
}
.checkout .summary ul li .info {
  line-height: 17px;
  font-size: 15px;
}
.checkout .callout.save20,
.checkout .callout.save30 {
  width: 119px;
  height: 102px;
}
.checkout .callout.save20 {
  background: url('/img/checkout/callout-save-20.png') 0 0 no-repeat;
}
.checkout .callout.save30 {
  background: url('/img/checkout/callout-save-30.png') 0 0 no-repeat;
}
.checkout .cart-item .col-3 {
  position: relative;
}
.checkout .cart-item .col-3 .callout.save20,
.checkout .cart-item .col-3 .callout.save30 {
  position: absolute;
  left: 215px;
  bottom: 40px;
}
.checkout.checkout-success {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  color: #282d32;
}
.checkout.checkout-success .heading {
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: 4px;
  line-height: 40px;
  margin-bottom: 15px;
  margin-top: 25px;
}
.checkout.checkout-success .subheading {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 14px;
}
.checkout.checkout-success .button.neo {
  width: 200px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 14px;
  border: 2px solid #282d32;
  border-radius: 5px;
}
.checkout.checkout-success .button.neo a:hover {
  -o-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.1) !important;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.1) !important;
}
.checkout.checkout-success .button.neo.gray a {
  background-color: #faf7f0;
  color: #282d32;
}
.checkout.checkout-success .button.neo.center {
  margin: 0 auto;
}
.checkout.checkout-success .confirm-checkmark {
  background: url('/img/plans/icon-check-large.png') 0 0 no-repeat;
  width: 97px;
  height: 97px;
}
.checkout.checkout-success .confirm-checkmark.center {
  margin: 0 auto;
}
.checkout #promo-errors {
  float: left;
}
.checkout #promo-errors small {
  font-size: 13px;
}
#main.checkout-success {
  padding-top: 130px;
}
.home {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
}
.home #container {
  height: 100% !important;
  margin: 0 auto;
}
.home #feature {
  height: 100%;
  min-height: 650px;
  position: relative;
  width: 100%;
}
.home #feature > .content {
  background-color: #282d32;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: table;
  height: 100%;
}
.home #feature > .content.hero {
  background: none;
  padding: 0;
}
.home #feature .headline {
  height: 700px;
  padding-bottom: 70px;
  width: 100%;
  max-width: 100%;
  background: rgba(0, 0, 0, 0.1);
  padding-top: 120px;
}
.home #feature .headline .hp-cta {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 90px;
  font-weight: normal;
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
  line-height: 100px;
  margin-bottom: 40px;
  text-shadow: 2px 2px #777;
}
.home #feature .social {
  left: 20px;
}
.home #feature .violator {
  margin: 0 auto;
  position: relative;
  max-width: 980px;
}
.home #feature .violator div {
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  -webkit-opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  opacity: 0.8;
  height: 110px;
  margin: -70px 40px 0 0;
  position: absolute;
  right: 0;
  width: 110px;
}
.home #feature .violator div:hover {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  opacity: 1;
}
.home #feature .violator a {
  display: block;
  height: inherit;
  text-decoration: none;
  width: inherit;
}
.home #feature .headline img.h1 {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.home #feature ul.h2 {
  height: 60px;
  left: 50%;
  margin: 0 0 20px 0;
  position: relative;
  max-width: 960px;
}
.home #feature ul.h2 li {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 38px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 60px;
  text-transform: none;
  background: transparent !important;
  color: #fff;
  font-style: italic;
  height: inherit;
  right: 50%;
  margin-left: -480px;
  text-align: center;
  max-width: 960px !important;
}
.home #feature ul.h2 li a {
  border-bottom: 1px dotted #fff;
  color: #fff;
  text-decoration: none;
}
.home #feature ul.h2 li a:hover {
  border-bottom-style: solid;
}
.home .searchbar {
  margin-bottom: 50px;
  max-width: 700px;
}
.home #feature .ctas {
  color: #fff;
  margin-bottom: 40px;
}
.home #feature .cta {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 3px;
  line-height: 50px;
  text-transform: uppercase;
  color: #fff;
  height: 50px;
  padding: 0 20px;
  text-align: center;
  text-decoration: none;
}
.home #feature .cta_btn_holder {
  margin: 0 auto;
  max-width: 640px;
  width: 100%;
  text-align: center;
}
.home #feature .cta.search {
  display: block;
  height: inherit;
  text-decoration: none;
  width: inherit;
  background-color: #f03a3b;
  background-color: hsla(359.67032967, 85.8490566%, 58.43137255%, 0.8);
  border-radius: 5px;
  height: 50px;
  width: 48%;
  margin-right: 1%;
  display: inline-block;
  min-width: 220px;
  margin-bottom: 10px;
  font-size: 20px;
}
.home #feature .cta.search:hover {
  background-color: #f03a3b;
  background-color: hsl(359.67032967, 85.8490566%, 58.43137255%);
}
.home #feature .cta.learn {
  box-sizing: border-box;
  display: block;
  height: inherit;
  text-decoration: none;
  width: inherit;
  border-radius: 5px;
  background: transparent;
  border: 2px solid #fff;
  border-color: rgba(255, 255, 255, 0.5);
  line-height: 46px;
  width: 48%;
  margin-left: 1%;
  display: inline-block;
  min-width: 220px;
}
.home #feature .cta.learn .arrow {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #fff;
  height: 0;
  width: 0;
  margin: 19px -2px 0 10px;
}
.home #feature .cta.learn:hover {
  border-color: #fff;
}
.home #feature .caption {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 12px;
  text-transform: uppercase;
  bottom: 0;
  font-style: italic;
  margin: 0 30px 30px 0;
  position: absolute;
  right: 0;
  z-index: 1;
}
.home #feature .caption a {
  color: #fff;
  text-decoration: none;
}
.home #feature .more {
  bottom: 0;
  margin-bottom: 30px;
  position: absolute;
  width: 100%;
}
.home #feature .more .arrow {
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #fff;
  height: 0;
  width: 0;
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  -webkit-opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  opacity: 0.8;
  cursor: pointer;
  margin: 0 auto;
}
.home #feature .more .arrow:hover {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  opacity: 1;
}
.home #nav {
  background: #282d32;
  margin: 0;
  overflow: hidden;
  width: 100%;
  z-index: 1000;
  height: 40px;
}
.home #nav li a {
  background: transparent;
}
.home #nav li a:hover,
.home #nav .current a {
  background: #f03a3b;
}
.home .module h2 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 26px;
  font-weight: normal;
  letter-spacing: 3px;
  line-height: 33px;
  text-transform: uppercase;
  border-bottom: 1px solid #cfcfcf;
  color: #282d32;
  margin-bottom: 40px;
  padding-bottom: 20px;
}
.home #main .module h3 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 30px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: normal;
  text-transform: none;
  color: #282d32;
  margin-bottom: 10px;
}
.home #main .module p {
  font-size: 16px;
  line-height: 24px;
}
.home #main-wrapper {
  background: #faf7f0;
  position: relative;
  width: 100%;
}
.home #main {
  padding-top: 60px !important;
  padding-left: 0;
  padding-right: 0;
}
.home #main .module {
  float: none;
  margin: 0 auto 60px auto !important;
  max-width: 960px;
}
.home #main .module hr {
  margin-bottom: 20px;
}
.home #main .rule {
  margin-bottom: 60px;
}
.home #intro .press {
  border-radius: 5px;
  height: 70px;
  margin: 30px auto 0 auto;
  max-width: 960px;
}
.home #intro .press a {
  display: block;
  height: inherit;
  text-decoration: none;
  width: inherit;
}
.home #intro .press img {
  max-width: 100%;
}
.home #profiles div {
  /* height: 630px; */
  margin: 20px auto 0 auto;
  max-width: 960px;
}
.home #profiles div a {
  display: block;
  height: inherit;
  text-decoration: none;
  width: inherit;
}
.home #filters img {
  margin: 20px auto 0 auto;
  position: relative;
}
.home #filters .footer {
  margin: -18px auto 0 auto;
  padding: 0 30px 0 30px;
  position: relative;
  width: 900px;
  z-index: 1;
}
.home #filters .caption {
  float: left;
  width: 300px;
}
.home #search .slideshow {
  height: 600px;
  margin: 0 auto 0 auto;
  max-width: 900px;
}
.home #search .photos {
  width: inherit;
  height: inherit;
}
.home #search .photo {
  box-sizing: border-box;
  border: 1px solid #cfcfcf;
  height: 500px;
  margin-bottom: 20px;
  overflow: hidden;
  max-width: 900px;
}
.home #search .photo img {
  height: 500px;
  max-width: 900px;
}
.home #search .footer {
  max-width: 900px;
}
.home #search .views {
  margin: 520px 30px 0 0;
  position: relative;
  z-index: 100;
}
.home #stories .customers {
  margin: 20px auto 0 auto;
  max-width: 960px;
}
.home #stories .face {
  border-radius: 70px;
  background: url(/img/home-stories.jpg) no-repeat;
  height: 70px;
  margin-left: 0;
  float: left;
  width: 70px;
}
.home #stories .face:first-child {
  margin: 0;
}
.home #stories .testimonials {
  max-width: 540px;
}
.home #stories .more,
.home #stories .more2 {
  font-size: 15px;
  margin-top: 20px;
}
.home #stories .arrow {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  height: 0;
  width: 0;
  margin: 0 auto;
}
.home ul.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 452px;
  max-width: 100%;
}
.home video.homepage {
  margin: auto;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  visibility: visible;
  opacity: 1;
  height: auto;
  min-width: 100%;
  min-height: 100%;
}
.home video.homepage::-webkit-media-controls {
  display: none !important;
}
@media (max-width: 768px) {
  .social,
  .home #feature .caption {
    display: none;
  }
  .home #feature .violator div {
    display: none;
  }
  .home #feature .headline .hp-cta {
    font-size: 40px;
    line-height: 45px;
  }
  .home #nav {
    display: none;
  }
}
.hero.homepage {
  background: url('/img/landing-pages/heroshots/home.png') no-repeat center bottom;
  max-height: 832px;
  min-height: 560px;
}
.hero.homepage header {
  margin-top: 40px;
}
.hero.homepage header h1 span.head {
  font-size: 120px;
  line-height: 100px;
  margin-bottom: 35px;
}
.hero.homepage header h1 span.subhead {
  font-size: 30px;
  font-weight: 200;
  line-height: 32px;
}
.hero.homepage .learn-more-arrow {
  display: block;
  text-align: center;
  position: absolute;
  bottom: 30px;
  width: 100%;
}
.hero.homepage .learn-more-arrow img {
  display: inline;
}
@media only screen and (max-width: 529px) {
  .hero.homepage {
    min-height: initial;
  }
  .hero.homepage header h1 {
    margin-bottom: 30px;
  }
  .hero.homepage header h1 span.head {
    font-size: 120px;
    line-height: 100px;
    margin: 0 0 15px;
  }
  .hero.homepage header h1 span.subhead {
    font-size: 30px;
    font-weight: 200;
    line-height: 32px;
  }
  .hero.homepage .learn-more-arrow {
    display: none;
  }
}
.hero.homepage.factories {
  background: url('/img/landing-pages/heroshots/factories.jpg') no-repeat center bottom;
  max-height: 842px;
}
.american-factory-week-hero {
  width: 100%;
  height: 0;
  padding-top: 40%;
  background-image: url(/img/plans/americanFactoriesWeekHero.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: white;
}
.hero.consultations {
  background: url('/img/landing-pages/heroshots/consultations.jpg') no-repeat center center;
  max-height: 672px;
}
.hero.payments {
  background: url('/img/landing-pages/heroshots/payments.jpg') no-repeat center center;
  max-height: 830px;
}
.hero-img-a {
  background: url('/img/landing-pages/img-hero-a.png') no-repeat center;
  height: 575px;
  padding-top: 70px;
  margin: 0 -50px;
}
.hero {
  background-size: cover;
  min-height: 500px;
  width: 100%;
  position: relative;
  margin: 0;
}
.hero header {
  margin-top: 25px;
}
.hero header h1 {
  color: #fff;
  margin-bottom: 50px;
}
.hero header h1 span.head {
  font-family: 'Heebo', sans-serif;
  text-transform: uppercase;
  font-size: 80px;
  font-weight: 700;
  line-height: 85px;
  display: block;
  margin-bottom: 10px;
  letter-spacing: -3px;
}
.hero header h1 span.head span {
  text-transform: lowercase;
}
.hero header h1 span.subhead {
  font-size: 25px;
  font-weight: 200;
}
.hero header h1 span.subhead img {
  display: inline;
}
.hero a.button {
  height: 65px;
  line-height: 65px;
  max-width: 250px;
  font-weight: 500;
  font-size: 20px;
}
.landing-page .banner {
  background: url(/img/landing-pages/factories_banner.jpg) center center no-repeat;
  background-size: cover;
  margin-bottom: 0;
}
.landing-page .banner header {
  color: #fff;
  padding: 75px 24px;
  margin: 0 auto;
  display: block;
  max-width: 1440px;
  box-sizing: border-box;
  text-align: center;
}
.landing-page .banner header span.head {
  text-transform: uppercase;
  font-size: 60px;
  font-weight: 900;
  line-height: 100%;
  display: block;
  margin-bottom: 10px;
}
.landing-page .banner header span.head span {
  text-transform: lowercase;
}
.landing-page .banner header span.subhead {
  font-size: 20px;
  font-weight: 700;
}
.landing-page .banner header span.subhead img {
  display: inline;
}
.landing-page .banner header > a,
.landing-page .banner header > button {
  margin: 32px 0 0;
}
.landing-page .banner header button:hover {
  box-shadow: none !important;
}
.landing-page .prehead {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.7px;
  color: #ff9533;
  text-transform: uppercase;
}
.landing-page .prehead + h1 {
  margin-top: 25px;
}
.landing-page .testimonials {
  color: #fff;
  max-width: none;
  text-align: center;
  background: #0a232a;
  padding: 40px 16px;
}
.landing-page .testimonials p {
  font-weight: 300;
  font-size: 24px;
  color: #fff;
  line-height: 1.3;
}
.landing-page .testimonials > h2 {
  font-size: 26px;
  line-height: 1;
  font-weight: 900;
  padding: 0 0 15px;
}
.landing-page .testimonials .subhead {
  opacity: 0.7;
  font-size: 16px;
  margin-top: 10px;
}
.landing-page .testimonials .glide--slider {
  position: relative;
  max-width: 600px;
  margin: 35px auto 0;
}
.landing-page .testimonials .glide__slide {
  font-weight: 300;
  max-width: 600px;
}
.landing-page .testimonials .glide__slide img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  margin: 0 auto;
}
.landing-page .testimonials .glide__slide p {
  font-size: 20px;
  margin-top: 20px;
}
.landing-page .testimonials .glide__slide h3 {
  margin-top: 50px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-transform: none;
  letter-spacing: normal;
}
.landing-page .testimonials .glide__slide h3 span {
  display: block;
  font-size: 14px;
  font-weight: 400;
}
.landing-page .testimonials .glide__slide h3 span a {
  font-weight: 700;
  color: #4a3aff;
}
.landing-page .testimonials .glide__control {
  left: 0;
  top: 50%;
  width: 55px;
  height: 55px;
  display: none;
  position: absolute;
  border-radius: 50%;
  background: #ff9533;
  align-items: center;
  justify-content: center;
}
.landing-page .testimonials .glide__control--prev {
  top: 25%;
  left: -150px;
  position: absolute;
}
.landing-page .testimonials .glide__control--prev svg {
  transform: rotate(-180deg);
}
.landing-page .testimonials .glide__control--next {
  left: auto;
  top: 25%;
  right: -150px;
  position: absolute;
}
.landing-page .testimonials .glide__bullets {
  display: flex;
  align-items: center;
  justify-content: center;
}
.landing-page .testimonials .glide__bullets .glide__bullet {
  width: 7px;
  height: 7px;
  opacity: 0.2;
  background: #fff;
  margin: 0 7px;
  padding: 0;
  border-radius: 50%;
}
.landing-page .testimonials .glide__bullets .glide__bullet:hover {
  box-shadow: none !important;
}
.landing-page .testimonials .glide__bullets .glide__bullet--active {
  width: 12px;
  height: 12px;
  opacity: 1;
  position: relative;
  background: #f9d822;
}
.landing-page .testimonials .glide__bullets .glide__bullet--active:after {
  top: 1px;
  left: 1px;
  width: 10px;
  height: 10px;
  content: '';
  border-radius: 50%;
  display: block;
  position: absolute;
  border: 2px solid #0a232a;
}
@media only screen and (min-width: 530px) {
  .landing-page .testimonials {
    padding: 60px 20px;
  }
  .landing-page .testimonials .glide__control {
    display: flex;
  }
  .landing-page .testimonials .glide__slide p {
    font-size: 24px;
  }
  .landing-page .testimonials > h2 {
    font-size: 48px;
  }
}
.landing-page.white {
  background: #fff;
}
.landing-page.padding {
  padding: 0 50px;
}
.landing-page-section.gray {
  background: #f3f4f5;
}
.landing-page-section.white {
  background: #fff;
}
.landing-page-section.no-top-padding {
  padding-top: 0;
}
.landing-page-section {
  margin: 0;
  padding: 100px 0;
  color: #0a232a;
}
.landing-page-section .section-header h1 {
  font-size: 53px;
  color: #0A232B;
  font-weight: 900;
  padding: 0 0 15px;
  line-height: 1;
}
.landing-page-section .section-header .subhead {
  font-size: 17px;
  line-height: 26px;
  font-weight: 400;
  color: #51636A;
  text-align: center;
}
@media only screen and (max-width: 529px) {
  .landing-page-section .section-header h1 {
    font-size: 26px;
  }
  .landing-page-section .section-header .subhead {
    font-size: 16px;
  }
}
.landing-page-section .section-header.narrow {
  max-width: 700px;
  margin: 0 auto 60px;
}
.landing-page-section .subsection-heading {
  font-family: 'Heebo', sans-serif;
  color: #0a232a;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 15px;
}
.landing-page-section h2 {
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 10px;
  line-height: 28px;
}
.landing-page-section p {
  color: #51636A;
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
}
.landing-page-section .brand-section,
.landing-page-section .featured-in {
  padding: 0 15px;
}
.landing-page-section .brand-section img,
.landing-page-section .featured-in img {
  max-width: 100%;
  margin: 0 auto;
}
.landing-page-section .brand-section a,
.landing-page-section .featured-in a {
  padding: 0px 15px;
}
.landing-page-section .brand-section h1,
.landing-page-section .featured-in h1 {
  font-size: 38px;
  padding-bottom: 35px;
}
@media only screen and (max-width: 529px) {
  .landing-page-section .brand-section h1,
  .landing-page-section .featured-in h1 {
    font-size: 26px;
  }
}
.landing-page-section .slides .arrows {
  vertical-align: middle;
}
.landing-page-section .slides .arrows .arrow {
  color: #008FAE;
}
.landing-page-section .slides .arrows .arrow.back-arrow {
  margin-right: 50px;
}
.landing-page-section .slides .arrows .arrow.forward-arrow {
  margin-left: 50px;
}
.landing-page-section .slides .slide.out {
  display: none;
}
.landing-page-section .slides .slide-tracker {
  color: #ccc;
}
.landing-page-section .slides .slide-tracker .active {
  color: #008FAE;
}
.how-columns {
  margin-top: 50px;
}
.how-columns div {
  padding-left: 80px;
  padding-right: 80px;
}
.how-columns div img {
  margin: 0 auto 25px;
  max-width: 110px;
  max-height: 70px;
}
@media only screen and (max-width: 529px) {
  .how-columns .col-sm-4 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.community {
  margin: 0 auto;
  max-width: 1100px;
}
.community .tile {
  margin-bottom: 20px;
}
.community .tile a {
  display: block;
}
.community .tile a img {
  position: relative;
  max-width: 100%;
}
.community .tile a h2 {
  position: absolute;
  font-size: 22px;
  color: #fff;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 50px;
}
.community .tile a:hover {
  text-decoration: none;
}
.testimonials .quote div {
  max-width: 300px;
  margin: 0 auto;
}
.testimonials .quote img {
  margin: 0 auto 20px;
  max-width: 100%;
}
.testimonials .quote .quote-text {
  padding: 0 20px;
}
.testimonials .quote .user {
  text-transform: uppercase;
  padding-left: 20px;
  font-size: 13px;
  font-weight: 500;
}
.testimonials .quote .user span {
  text-transform: capitalize;
}
.testimonials .quote .quote-text:before {
  content: '\201C';
  font-size: 25px;
  font-weight: 300;
  margin-left: -15px;
  padding-right: 5px;
  float: left;
  margin-top: 3px;
}
.testimonials .quote .quote-text:after {
  content: '\201D';
  font-size: 25px;
  font-weight: 300;
  padding-left: 5px;
}
.testimonials.skinny {
  max-width: 760px;
  margin: 0 auto;
}
.pricing-table .pricing-column {
  background: #fff;
  padding: 30px;
  margin-bottom: 30px;
}
.pricing-table .pricing-column .pricing-header {
  padding: 25px 0;
}
.pricing-table .pricing-column .pricing-header h2 {
  font-weight: 700;
  font-size: 22px;
  padding-bottom: 15px;
}
.pricing-table .pricing-column .pricing-header p {
  font-size: 16px;
  min-height: 50px;
}
.pricing-table .pricing-column .price-box {
  background: #008fae;
  color: #fff;
  padding: 12px 0;
}
.pricing-table .pricing-column .price-box .price {
  font-size: 32px;
  font-weight: 500;
  line-height: 30px;
}
.pricing-table .pricing-column .price-box .frequency {
  font-size: 14px;
}
.pricing-table .pricing-column .pricing-features {
  padding-top: 20px;
}
.pricing-table .pricing-column .pricing-features li {
  border-bottom: 1px solid #eee;
  text-align: left;
  padding: 15px 0;
}
.pricing-table .pricing-column .pricing-features li span {
  font-weight: 300;
  font-size: 15px;
}
.pricing-table .pricing-column .pricing-features li img {
  float: right;
  max-width: 22px;
}
.pricing-table .pricing-column .pricing-features li.not-included {
  color: #ccc;
}
.pricing-table .pricing-column .pricing-features li:last-child {
  border: none;
}
.pricing-table a,
.pricing-table div.button {
  max-width: 100%;
  min-width: 100%;
  height: 55px;
  line-height: 55px;
  font-size: 17px;
}
.pricing-table .current {
  background-color: #999 !important;
}
.pricing-table.skinny {
  max-width: 880px;
  margin: 0 auto;
}
.why-section {
  margin-top: 45px;
  background: #fff;
}
.why-section .why {
  padding: 32px 0;
}
.why-section .why .why-icon img {
  margin: 0 auto;
  max-width: 110px;
  max-height: 70px;
}
.why-section .stretch-image {
  width: 100%;
  max-width: 100%;
}
.jumbotron {
  background: #008fae;
  color: #fff;
  padding: 60px 0;
}
.jumbotron img {
  margin: 0 auto 15px;
}
.jumbotron h1 {
  font-weight: 500;
  font-size: 22px;
  padding-bottom: 15px;
}
.jumbotron p {
  color: #fff;
  font-size: 18px;
  padding-bottom: 25px;
}
.jumbotron a.button {
  height: 55px;
  line-height: 55px;
  max-width: 200px;
}
.questions {
  max-width: 850px;
  margin: 0 auto;
}
.question {
  border-top: 1px solid #eee;
  padding: 25px 30px;
  cursor: pointer;
  position: relative;
}
.question p {
  display: none;
}
.question .toggle {
  position: absolute;
  right: 30px;
  top: 30px;
}
.question .toggle.close {
  display: none;
}
.question.open h2 {
  color: #008FAE;
}
.question.open p {
  display: inline;
}
.question.open .toggle.open {
  display: none;
}
.question.open .toggle.close {
  color: #008FAE;
  display: block;
}
.consultant {
  background: #fff;
  color: #000;
  margin-bottom: 25px;
  position: relative;
  display: block;
}
.consultant .consultant-rate {
  position: absolute;
  right: 15px;
  top: 15px;
  background: #008FAE;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  padding: 5px 18px;
  border-radius: 35px;
}
.consultant img {
  max-width: 100%;
  width: 100%;
}
.consultant .bio {
  padding: 20px;
  position: relative;
  min-height: 370px;
}
.consultant .bio .button-container {
  max-width: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
}
.consultant .bio .button-container button {
  max-width: 100%;
  width: 100%;
}
.consultant:hover {
  text-decoration: none;
}
.no-width {
  width: 0;
}
.gold-plan-A .hero-img-B-essentials,
.gold-plan-B .hero-img-B-essentials {
  background: url('/img/landing-pages/img-hero-b-essentials.png') no-repeat center;
  height: 515px;
  padding-top: 60px;
}
.gold-plan-A .hero-img-B-concierge,
.gold-plan-B .hero-img-B-concierge {
  background: url('/img/landing-pages/img-hero-b-concierge.png') no-repeat center;
  height: 515px;
  padding-top: 60px;
}
.gold-plan-A .section-header h1.head-red-large,
.gold-plan-B .section-header h1.head-red-large {
  white-space: normal !important;
}
.gold-plan-A p,
.gold-plan-B p {
  font-family: 'Heebo';
}
.gold-plan-A .head,
.gold-plan-B .head {
  margin-bottom: 15px;
  max-height: none;
}
.gold-plan-A .head h2,
.gold-plan-B .head h2 {
  font-family: 'Heebo';
  font-size: 49px;
  font-weight: 600;
  letter-spacing: -0.6px;
  color: #ff5650;
  padding-bottom: 5px;
}
.gold-plan-A .head p,
.gold-plan-B .head p {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.2px;
  color: #48565f;
}
.gold-plan-A .body,
.gold-plan-B .body,
.gold-plan-A .foot,
.gold-plan-B .foot {
  margin-bottom: 105px;
}
.gold-plan-A .body p.price,
.gold-plan-B .body p.price,
.gold-plan-A .foot p.price,
.gold-plan-B .foot p.price {
  font-weight: 600;
  font-size: 90px;
  letter-spacing: -2.2px;
  color: #48565f;
  margin-bottom: 25px;
  line-height: inherit;
}
.gold-plan-A .body p.price span.dollar-sign,
.gold-plan-B .body p.price span.dollar-sign,
.gold-plan-A .foot p.price span.dollar-sign,
.gold-plan-B .foot p.price span.dollar-sign {
  font-size: 26px;
  vertical-align: text-top;
  line-height: 75px;
}
.gold-plan-A .body p.per-year,
.gold-plan-B .body p.per-year,
.gold-plan-A .foot p.per-year,
.gold-plan-B .foot p.per-year {
  font-size: 15px;
  letter-spacing: -0.7px;
  color: #ed8f18;
  font-weight: 600;
}
.gold-plan-A .body a.select-plan,
.gold-plan-B .body a.select-plan,
.gold-plan-A .foot a.select-plan,
.gold-plan-B .foot a.select-plan {
  font-family: 'Heebo';
  border-radius: 3px;
  border: solid 1px #e87e00;
  padding: 7px;
  width: 22%;
  margin: 0 auto;
  color: #e87e00;
  cursor: pointer;
  margin-top: 15px;
  font-size: 15px;
  display: block;
  min-width: 120px;
}
.gold-plan-A .body a.select-plan:hover,
.gold-plan-B .body a.select-plan:hover,
.gold-plan-A .foot a.select-plan:hover,
.gold-plan-B .foot a.select-plan:hover {
  text-decoration: none;
}
.gold-plan-A .foot,
.gold-plan-B .foot {
  margin-bottom: 0;
}
.gold-plan-A .foot p.normal-price,
.gold-plan-B .foot p.normal-price {
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 0;
  letter-spacing: -0.7px;
}
.gold-plan-A .foot p.price,
.gold-plan-B .foot p.price {
  font-size: 40px;
  color: #ed8f18;
  margin-bottom: 5px;
}
.gold-plan-A .foot p.price span.dollar-sign,
.gold-plan-B .foot p.price span.dollar-sign {
  font-size: 15px;
  line-height: 35px;
}
.gold-plan-A .foot p.per-year,
.gold-plan-B .foot p.per-year {
  font-size: 12px;
  font-weight: 600;
  color: #48565f;
}
.gold-plan-A table.gold-plan-features-table,
.gold-plan-B table.gold-plan-features-table {
  width: 60%;
  margin: 0 auto;
  text-align: center;
}
.gold-plan-A table.gold-plan-features-table .red,
.gold-plan-B table.gold-plan-features-table .red {
  color: #ff5650 !important;
}
.gold-plan-A table.gold-plan-features-table a.get-concierge,
.gold-plan-B table.gold-plan-features-table a.get-concierge,
.gold-plan-A table.gold-plan-features-table a.get-essential,
.gold-plan-B table.gold-plan-features-table a.get-essential {
  display: block;
  padding: 20px;
  color: #ffd67b;
  font-size: 20px;
  width: 60%;
  margin: 0 auto;
  cursor: pointer;
  border: solid 2px #ffd67b;
  margin-top: 15px;
}
.gold-plan-A table.gold-plan-features-table a.get-concierge:hover,
.gold-plan-B table.gold-plan-features-table a.get-concierge:hover,
.gold-plan-A table.gold-plan-features-table a.get-essential:hover,
.gold-plan-B table.gold-plan-features-table a.get-essential:hover {
  color: #fff;
  text-decoration: none;
  background-color: #ffd67b;
  box-shadow: 0 24px 36px 0 rgba(0, 0, 0, 0.15);
}
.gold-plan-A table.gold-plan-features-table th.table-head,
.gold-plan-B table.gold-plan-features-table th.table-head {
  font-family: 'Heebo';
  font-size: 25px;
  letter-spacing: -0.4px;
  color: #48565f;
  padding-bottom: 15px;
  width: 33%;
}
.gold-plan-A table.gold-plan-features-table td.help,
.gold-plan-B table.gold-plan-features-table td.help {
  font-family: 'Heebo';
  font-weight: 300;
  font-size: 20px;
  letter-spacing: -0.3px;
  text-align: center;
  color: #008fb0;
  cursor: pointer;
}
.gold-plan-A table.gold-plan-features-table td.feature-name,
.gold-plan-B table.gold-plan-features-table td.feature-name {
  font-family: 'Heebo';
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.3px;
  color: #173242;
  padding: 35px 0;
  width: 33%;
}
.gold-plan-A table.gold-plan-features-table span.sub-head,
.gold-plan-B table.gold-plan-features-table span.sub-head {
  font-family: 'Heebo';
  font-size: 20px;
  letter-spacing: -0.8px;
  color: #48565f;
  display: block;
  padding-top: 8px;
  font-weight: 600px;
}
.gold-plan-A table.gold-plan-features-table tr:nth-child(even),
.gold-plan-B table.gold-plan-features-table tr:nth-child(even) {
  background-color: #fbfbfb;
}
.gold-plan-A table.gold-plan-features-table tr.last-row td,
.gold-plan-B table.gold-plan-features-table tr.last-row td {
  margin-top: 10px;
}
.gold-plan-A table.gold-plan-features-table td img,
.gold-plan-B table.gold-plan-features-table td img {
  margin: 0 auto;
}
.gold-plan-A .perk,
.gold-plan-B .perk {
  text-align: center;
  margin-bottom: 20px;
}
.gold-plan-A .perk .img-container,
.gold-plan-B .perk .img-container {
  position: relative;
  height: 260px;
  line-height: 260px;
  margin-bottom: 1%;
}
.gold-plan-A .perk .img-container img,
.gold-plan-B .perk .img-container img {
  width: 245px;
  display: inline;
  vertical-align: middle;
}
.gold-plan-A .perk .img-container img.abs,
.gold-plan-B .perk .img-container img.abs {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0%;
}
.gold-plan-A .perk .img-container.tote,
.gold-plan-B .perk .img-container.tote {
  height: 160px;
}
.gold-plan-A .perk p,
.gold-plan-B .perk p {
  font-family: 'Heebo';
  font-size: 20px !important;
  letter-spacing: -0.3px;
  color: #000000;
  width: 70%;
  margin: 0 auto;
}
.gold-plan-A .perk p.perk-description,
.gold-plan-B .perk p.perk-description {
  font-family: 'Heebo';
  font-size: 14px;
  text-align: center;
  color: #838896;
  line-height: 15px;
}
.gold-plan-B section.landing-page-section {
  padding: 60px 0 !important;
}
.gold-plan-A .plans-container {
  width: 80%;
  margin: 0 auto;
}
.gold-plan-A h1,
.gold-plan-A h2 {
  color: #ffffff;
  padding-bottom: 0;
}
.gold-plan-A h1 {
  font-size: 40px;
}
.gold-plan-A h2.sub-head {
  margin-bottom: 85px;
  font-size: 28px;
}
.gold-plan-A .brand-plan-gold-essential,
.gold-plan-A .brand-plan-gold-concierge {
  background-color: #ffffff;
  position: relative;
}
.gold-plan-A .brand-plan-gold-essential img,
.gold-plan-A .brand-plan-gold-concierge img {
  position: absolute;
  top: 0;
  width: 25%;
}
.gold-plan-A .head {
  margin-bottom: 0;
}
.gold-plan-A .head h2 {
  font-size: 40px;
}
.gold-plan-A .head p {
  font-size: 15px;
  color: #838895;
}
.gold-plan-A .body,
.gold-plan-A .foot {
  margin-bottom: 5px;
}
.gold-plan-A .body p.price,
.gold-plan-A .foot p.price {
  font-size: 80px;
  margin-bottom: 20px;
  line-height: 80px;
}
.gold-plan-A .body p.per-year,
.gold-plan-A .foot p.per-year {
  font-size: 15px;
  letter-spacing: -0.7px;
  color: #cccfd3;
  font-weight: 600;
}
.gold-plan-A .body {
  margin-top: 10px !important;
}
.gold-plan-A .foot {
  margin-bottom: 15px;
}
.gold-plan-A .foot p.normal-price {
  color: #cccfd3;
  font-size: 16px;
  margin-bottom: -5px;
}
.gold-plan-A .foot p.price {
  font-size: 40px;
  color: #cccfd3;
  margin-bottom: 5px;
}
.gold-plan-A .foot p.per-year {
  font-weight: 400;
  color: #cccfd3;
  font-size: 12px;
}
.gold-plan-A a.go-gold {
  background-color: #fed581;
  font-family: 'Heebo';
  font-size: 28px;
  letter-spacing: -0.3px;
  color: #e87e00;
  font-weight: 300;
  padding: 30px;
  display: block;
  cursor: pointer;
}
.gold-plan-A a.go-gold:hover {
  text-decoration: none;
}
.gold-plan,
.gold-plan-A,
.gold-plan-B {
  max-width: 2000px;
  margin: 0 auto;
}
.gold-plan .section-header p.setup,
.gold-plan-A .section-header p.setup,
.gold-plan-B .section-header p.setup {
  font-family: 'Heebo';
  font-size: 18px;
  font-weight: 300;
  color: #838895;
  margin-bottom: 20px;
}
.gold-plan .section-header img.timeline,
.gold-plan-A .section-header img.timeline,
.gold-plan-B .section-header img.timeline {
  width: 100vw;
  margin-left: -50px;
}
.gold-plan .section-header h1,
.gold-plan-A .section-header h1,
.gold-plan-B .section-header h1 {
  line-height: normal;
}
.gold-plan .section-header h1 span.head,
.gold-plan-A .section-header h1 span.head,
.gold-plan-B .section-header h1 span.head {
  color: #173242;
  display: block;
}
.gold-plan .section-header h1 span.head-red-large,
.gold-plan-A .section-header h1 span.head-red-large,
.gold-plan-B .section-header h1 span.head-red-large {
  font-size: 100px;
  color: #ff5650;
  white-space: nowrap;
}
.gold-plan .section-header h1 span.subhead,
.gold-plan-A .section-header h1 span.subhead,
.gold-plan-B .section-header h1 span.subhead {
  display: inline-block;
  font-family: 'Heebo';
  font-size: 28px;
  color: #838896;
  font-weight: 300;
  line-height: 32px;
  width: 60%;
  margin: 0 auto;
  text-transform: initial;
}
.gold-plan .section-header h1.head-red-large,
.gold-plan-A .section-header h1.head-red-large,
.gold-plan-B .section-header h1.head-red-large {
  line-height: normal;
  font-size: 50px;
  color: #ff5650;
  white-space: nowrap;
}
.gold-plan h3,
.gold-plan-A h3,
.gold-plan-B h3 {
  font-family: 'Heebo';
  letter-spacing: -0.2px;
  font-size: 28px;
}
.gold-plan .sign-up,
.gold-plan-A .sign-up,
.gold-plan-B .sign-up {
  max-width: 1200px;
  margin: 0 auto;
}
.gold-plan .sign-up .header,
.gold-plan-A .sign-up .header,
.gold-plan-B .sign-up .header {
  padding: 0 15px;
}
.gold-plan .sign-up .header .line,
.gold-plan-A .sign-up .header .line,
.gold-plan-B .sign-up .header .line {
  border: solid 1px #eee;
}
.gold-plan .plans .brand-plan-card,
.gold-plan-A .plans .brand-plan-card,
.gold-plan-B .plans .brand-plan-card {
  box-shadow: 0 46px 54px 0 rgba(0, 0, 0, 0.09);
  margin: 0 auto;
}
.gold-plan .plans h2,
.gold-plan-A .plans h2,
.gold-plan-B .plans h2 {
  font-weight: 600;
  padding-bottom: 0;
  line-height: initial;
}
.gold-plan .features,
.gold-plan-A .features,
.gold-plan-B .features {
  padding: 100px 0;
  position: relative;
}
.gold-plan .features h3,
.gold-plan-A .features h3,
.gold-plan-B .features h3 {
  font-size: 38px;
}
.gold-plan .features .tote h3,
.gold-plan-A .features .tote h3,
.gold-plan-B .features .tote h3 {
  font-size: 32px;
}
.gold-plan .features h2.tote,
.gold-plan-A .features h2.tote,
.gold-plan-B .features h2.tote {
  font-size: 63px;
  font-weight: bold;
  letter-spacing: -4.6px;
  color: #f8c963;
  margin-top: 18px;
  margin-bottom: 8px;
}
.gold-plan .features p,
.gold-plan-A .features p,
.gold-plan-B .features p {
  font-size: 28px;
  font-weight: 300;
  color: #838896;
  line-height: 30px;
  white-space: nowrap;
}
.gold-plan .features img,
.gold-plan-A .features img,
.gold-plan-B .features img {
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
}
.gold-plan .features .mixer,
.gold-plan-A .features .mixer,
.gold-plan-B .features .mixer {
  text-align: center;
  position: relative;
}
.gold-plan .features .mixer .text,
.gold-plan-A .features .mixer .text,
.gold-plan-B .features .mixer .text {
  position: absolute;
  bottom: 86%;
  width: 100%;
}
.gold-plan .features .mixer img,
.gold-plan-A .features .mixer img,
.gold-plan-B .features .mixer img {
  width: 100%;
}
.gold-plan .features .tote,
.gold-plan-A .features .tote,
.gold-plan-B .features .tote,
.gold-plan .features .call,
.gold-plan-A .features .call,
.gold-plan-B .features .call,
.gold-plan .features .webinar,
.gold-plan-A .features .webinar,
.gold-plan-B .features .webinar,
.gold-plan .features .tours,
.gold-plan-A .features .tours,
.gold-plan-B .features .tours,
.gold-plan .features .mixer,
.gold-plan-A .features .mixer,
.gold-plan-B .features .mixer {
  margin-bottom: 80px;
}
.gold-plan .pricing,
.gold-plan-A .pricing,
.gold-plan-B .pricing {
  padding: 100px 50px;
}
.gold-plan .pricing .or,
.gold-plan-A .pricing .or,
.gold-plan-B .pricing .or {
  padding: 35px 0;
}
.gold-plan .pricing .plan-details,
.gold-plan-A .pricing .plan-details,
.gold-plan-B .pricing .plan-details {
  max-width: 500px;
  border-radius: 8px 8px 0 0;
  background-color: #FFF6E1;
  padding: 30px 15px 25px;
  margin: 0 auto;
}
.gold-plan .pricing .plan-name,
.gold-plan-A .pricing .plan-name,
.gold-plan-B .pricing .plan-name {
  font-family: 'Heebo';
  font-size: 35px;
  font-weight: bold;
  line-height: 0.98;
  letter-spacing: -0.6px;
  color: #ff5650;
  text-transform: uppercase;
}
.gold-plan .pricing .old-price,
.gold-plan-A .pricing .old-price,
.gold-plan-B .pricing .old-price {
  text-align: center;
  font-family: 'Heebo';
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -1.9px;
  color: #b4a990;
}
.gold-plan .pricing .old-price span.dollar-sign,
.gold-plan-A .pricing .old-price span.dollar-sign,
.gold-plan-B .pricing .old-price span.dollar-sign {
  font-size: 18px;
  vertical-align: super;
  margin-right: 3px;
}
.gold-plan .pricing .old-price img,
.gold-plan-A .pricing .old-price img,
.gold-plan-B .pricing .old-price img {
  position: absolute;
  left: 10px;
  bottom: 10px;
  top: 0;
  right: 0;
  margin: auto;
}
.gold-plan .pricing .new-price,
.gold-plan-A .pricing .new-price,
.gold-plan-B .pricing .new-price {
  text-align: center;
  font-family: 'Heebo';
  font-size: 55px;
  font-weight: 600;
  letter-spacing: -2.5px;
  color: #48565f;
}
.gold-plan .pricing .new-price span.dollar-sign,
.gold-plan-A .pricing .new-price span.dollar-sign,
.gold-plan-B .pricing .new-price span.dollar-sign {
  font-size: 25px;
  vertical-align: super;
  margin-right: 3px;
}
.gold-plan .pricing a.plan-cta,
.gold-plan-A .pricing a.plan-cta,
.gold-plan-B .pricing a.plan-cta {
  border-radius: 0 0 8px 8px;
  background-color: #008fb0;
  font-size: 24px;
  text-align: center;
  color: #fff;
  padding: 24px 0;
  cursor: pointer;
  max-width: 500px;
  margin: 0 auto;
  display: block;
}
.gold-plan .pricing a.plan-cta:hover,
.gold-plan-A .pricing a.plan-cta:hover,
.gold-plan-B .pricing a.plan-cta:hover {
  text-decoration: none;
}
.gold-plan .pricing span.annually,
.gold-plan-A .pricing span.annually,
.gold-plan-B .pricing span.annually,
.gold-plan .pricing span.saving,
.gold-plan-A .pricing span.saving,
.gold-plan-B .pricing span.saving {
  font-size: 16px;
  font-family: 'Heebo';
  font-weight: normal;
  letter-spacing: -0.2px;
  color: #838895;
  margin-left: 5px;
  display: inline-block;
  white-space: nowrap;
}
.gold-plan .pricing p,
.gold-plan-A .pricing p,
.gold-plan-B .pricing p {
  font-size: 32px;
  font-weight: bold;
  font-style: normal;
  font-stretch: condensed;
  letter-spacing: -0.4px;
  color: #3f4c55;
  text-align: center;
}
.flex-v-align {
  display: flex;
  align-items: center;
}
.flex-bottom-align {
  display: flex;
  align-items: flex-end;
}
.section-divider h2 {
  color: #0a232a;
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -0.5px;
  text-align: center;
  border: solid 1px #eee;
  line-height: 0;
}
.section-divider h2.gold {
  color: #ffb980;
}
.section-divider h2 span {
  background: #fff;
  padding: 0 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .how-columns div {
    padding: 0 30px;
  }
  .gold-plan-A .plan-container,
  .gold-plan-B .plan-container {
    width: 80%;
  }
  .gold-plan-A h2.sub-head,
  .gold-plan-B h2.sub-head {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 1500px) {
  .gold-plan .section-header h1 span.head-red-large {
    font-size: 70px;
  }
  .gold-plan .section-header h1 span.subhead {
    font-size: 25px;
    width: 70%;
  }
  .gold-plan .pricing {
    padding: 100px 10px;
  }
  .gold-plan .pricing .plan-details {
    padding: 30px 20px 15px 0;
    max-width: 450px;
  }
  .gold-plan .pricing a.plan-cta {
    max-width: 450px;
  }
  .gold-plan .pricing .plan-name {
    font-size: 26px;
  }
  .gold-plan .pricing .old-price {
    font-size: 33px;
  }
  .gold-plan .pricing .old-price img {
    width: 68%;
  }
  .gold-plan .pricing .new-price {
    font-size: 40px;
  }
  .gold-plan .pricing .new-price span.dollar-sign {
    font-size: 20px;
  }
  .gold-plan .pricing span.annually,
  .gold-plan .pricing span.saving {
    font-size: 13px;
    margin-left: 0;
  }
  .gold-plan .features h2.tote {
    font-size: 50px;
  }
  .gold-plan .features p {
    font-size: 23px;
  }
  .gold-plan .features h3 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 1200px) {
  .gold-plan .section-header h1 span.head-red-large {
    font-size: 60px;
  }
  .gold-plan .section-header h1 span.subhead {
    font-size: 22px;
  }
  .gold-plan .features h2.tote {
    font-size: 47px;
  }
  .gold-plan .features p {
    font-size: 18px;
  }
  .gold-plan .features h3 {
    font-size: 30px;
  }
  .gold-plan-A .perk .img-container img,
  .gold-plan-B .perk .img-container img {
    height: auto;
  }
}
@media only screen and (max-width: 992px) {
  .community .tile a h2 {
    font-size: 20px;
    height: 45px;
  }
  .how-columns div {
    padding: 0 10px;
  }
  .flex-v-align {
    display: inherit;
  }
  .gold-plan .section-header h1 span.head-red-large {
    font-size: 50px;
  }
  .gold-plan .section-header h1 span.subhead {
    font-size: 17px;
    width: 100%;
  }
  .gold-plan .section-header .timeline {
    content: url("/img/landing-pages/time-line-mobile.png");
  }
  .gold-plan .features .tote h3,
  .gold-plan .features h2.tote,
  .gold-plan .features p,
  .gold-plan .features h3 {
    text-align: center;
  }
  .gold-plan-A .hero-img-B-essentials,
  .gold-plan-B .hero-img-B-essentials,
  .gold-plan-A .hero-img-B-concierge,
  .gold-plan-B .hero-img-B-concierge {
    max-width: 575px;
    margin: 0 auto 20px;
  }
  .gold-plan-A .plan-container,
  .gold-plan-B .plan-container {
    width: 90%;
  }
  .gold-plan-A .plan-container .plan-card,
  .gold-plan-B .plan-container .plan-card {
    margin-bottom: 15px;
  }
  .gold-plan-A table.gold-plan-features-table,
  .gold-plan-B table.gold-plan-features-table {
    width: 100%;
  }
  .gold-plan-A table.gold-plan-features-table a.get-concierge,
  .gold-plan-B table.gold-plan-features-table a.get-concierge,
  .gold-plan-A table.gold-plan-features-table a.get-essential,
  .gold-plan-B table.gold-plan-features-table a.get-essential {
    width: 80%;
    margin: 15px 0;
  }
  .hero-img-a {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .hero.homepage header h1 span.head,
  .hero header h1 span.head {
    font-size: 60px;
    line-height: 60px;
  }
  .landing-page .banner header span.head {
    font-size: 42px;
    line-height: 1.1;
  }
  .why-section .why h2 {
    padding-top: 10px;
    text-align: center;
  }
  .why-section .why p {
    text-align: center;
  }
  .why-section .col-sm-6.no-padding {
    display: none;
  }
  .landing-page-section {
    padding: 50px 15px;
  }
  .how-columns div {
    padding: 0 10px;
  }
  .community .tile a h2 {
    font-size: 16px;
    height: 35px;
  }
  .flex-v-align {
    display: inherit;
  }
  .landing-page.padding {
    padding: 0 5px;
  }
  .hero-img-a {
    padding-top: 20px;
    height: 775px;
    margin-bottom: 250px !important;
  }
  .gold-plan-A .plan-container,
  .gold-plan-B .plan-container {
    width: 80%;
  }
  .gold-plan-A .plan-container .plan-card,
  .gold-plan-B .plan-container .plan-card {
    margin-bottom: 10px;
  }
  .gold-plan-A h2.sub-head,
  .gold-plan-B h2.sub-head {
    margin-bottom: 15px;
    font-size: 20px;
  }
  .gold-plan .section-header h1 span.head-red-large {
    font-size: 50px;
    white-space: normal;
  }
  .gold-plan .section-header h1 span.subhead {
    font-size: 17px;
    width: 100%;
  }
  .gold-plan .section-header .timeline {
    margin-left: -20px;
    content: url("/img/landing-pages/time-line-mobile.png");
  }
  .gold-plan .features {
    padding: 100px 5px;
  }
  .gold-plan .features p {
    font-size: 16px;
  }
  .gold-plan .features .tote h3,
  .gold-plan .features h2.tote,
  .gold-plan .features p,
  .gold-plan .features h3 {
    text-align: center;
  }
  .gold-plan .features #mixer {
    height: 1024px;
    background: url('/img/landing-pages/image-mixer-mobile.png') no-repeat center;
  }
  .gold-plan .features #mixer .text {
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
  }
  .gold-plan .features #mixer .text h3,
  .gold-plan .features #mixer .text p {
    color: #ffffff;
  }
  .gold-plan .features #mixer img {
    display: none;
  }
}
@media only screen and (max-width: 500px) {
  .gold-plan-A .hero-img-B-essentials,
  .gold-plan-B .hero-img-B-essentials,
  .gold-plan-A .hero-img-B-concierge,
  .gold-plan-B .hero-img-B-concierge {
    max-width: 575px;
    margin: 0 10px 20px;
  }
  .gold-plan-A .landing-page-section .section-header h1,
  .gold-plan-B .landing-page-section .section-header h1 {
    font-size: 37px;
    line-height: 55px;
  }
  .gold-plan-A .landing-page-section .section-header h2.sub-head,
  .gold-plan-B .landing-page-section .section-header h2.sub-head {
    margin-bottom: 15px;
    font-size: 18px;
  }
  .gold-plan-A table.gold-plan-features-table th.table-head,
  .gold-plan-B table.gold-plan-features-table th.table-head {
    font-size: 16px;
  }
  .gold-plan-A table.gold-plan-features-table img,
  .gold-plan-B table.gold-plan-features-table img {
    width: 10%;
  }
  .gold-plan-A table.gold-plan-features-table span.sub-head,
  .gold-plan-B table.gold-plan-features-table span.sub-head,
  .gold-plan-A table.gold-plan-features-table td.feature-name,
  .gold-plan-B table.gold-plan-features-table td.feature-name {
    font-size: 15px;
  }
  .gold-plan-A table.gold-plan-features-table a.get-concierge,
  .gold-plan-B table.gold-plan-features-table a.get-concierge,
  .gold-plan-A table.gold-plan-features-table a.get-essential,
  .gold-plan-B table.gold-plan-features-table a.get-essential {
    width: 88%;
    font-size: 17px;
  }
}
@media only screen and (max-width: 400px) {
  .gold-plan-B .hero-img-B-essentials,
  .gold-plan-B .hero-img-B-concierge {
    padding-top: 30px;
  }
  .gold-plan-B .landing-page-section .section-header h1 {
    font-size: 34px;
    line-height: 55px;
  }
  .gold-plan-B .landing-page-section .section-header h2.sub-head {
    margin-bottom: 15px;
    font-size: 18px;
  }
  .gold-plan-B .head h2 {
    line-height: 45px;
    font-size: 51px;
  }
  .gold-plan-B .head p {
    font-size: 14px;
  }
  .gold-plan-B .body {
    margin-bottom: 75px;
  }
  .gold-plan-A .landing-page-section .section-header h1 {
    font-size: 34px;
    line-height: 55px;
  }
  .gold-plan-A .landing-page-section .section-header h2.sub-head {
    margin-bottom: 15px;
    font-size: 18px;
  }
  .gold-plan .timeline {
    display: none;
  }
}
@media (min-width: 768px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 100%;
    *width: 100%;
  }
}
@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.28571429%;
    *width: 14.28571429%;
  }
}
@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.28571429%;
    *width: 14.28571429%;
  }
}
#how-it-works-page {
  background: white;
}
#how-it-works-page .row {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  #how-it-works-page .row {
    display: inherit;
    padding: 35px 0;
  }
}
@media (max-width: 767px) {
  #how-it-works-page .col-sm-4 {
    padding: 15px 10px;
  }
}
#how-it-works-page img {
  margin-top: 35px;
}
#how-it-works-page .img-hero {
  margin: 45px 0;
}
#how-it-works-page h1 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 9vw;
  font-stretch: condensed;
  line-height: 0.79;
  letter-spacing: -7.8px;
  font-weight: bold;
  color: #f8943d;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  #how-it-works-page h1 {
    letter-spacing: -3px;
  }
}
#how-it-works-page h3 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #2d344a;
  text-transform: uppercase;
  margin-bottom: 15px;
}
#how-it-works-page ul {
  padding-left: 10px;
  border-left: 1px solid #e0e0e0;
}
#how-it-works-page ul li {
  font-size: 20px;
  color: #838896;
  line-height: 2.75;
  letter-spacing: -0.2px;
}
#how-it-works-page a.button {
  background-color: white;
  color: #4a3aff;
  border-radius: 6px;
  border: 1px solid #4a3aff;
  text-transform: none;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  width: auto;
  font-size: 16px;
  padding: 11px 25px;
  letter-spacing: normal;
}
#how-it-works-page a.button:hover {
  box-shadow: none !important;
  background-color: #4a3aff;
  color: white;
  text-decoration: none;
}
#how-it-works-page .img-right {
  float: right;
  margin-right: -15px;
}
#how-it-works-page .img-left {
  margin-left: -15px;
}
#how-it-works-page .hero-img-container {
  background: #ffd77b;
}
#how-it-works-page .img-left-container {
  background: linear-gradient(to left, white 25%, #ffd77b 1%);
}
.jobs {
  width: 100%;
  margin-top: 63px;
}
.jobs .team-collage {
  width: 100%;
  margin-top: 35px;
}
.jobs .row {
  margin-left: -15px;
  margin-right: -15px;
}
.jobs .featured-in img {
  max-width: 100%;
}
.jobs .featured-in a {
  padding: 0 15px;
}
.jobs h1,
.jobs h2,
.jobs h3 {
  text-align: center;
}
.jobs h1 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 32px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  margin-bottom: 45px;
  color: #5a5a5a;
}
.jobs h2 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 28px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  margin-bottom: 35px;
  color: #5a5a5a;
}
.jobs h3 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 24px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  color: #5a5a5a;
}
.jobs h4 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
}
.jobs p {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  color: #5a5a5a;
  max-width: 650px;
  line-height: 25px;
  margin: 0 auto;
  text-align: center;
}
.jobs .gridview {
  min-height: 375px;
  width: 260px;
  float: left;
  padding: 20px;
  margin: 0 20px 0 0;
  margin-bottom: 45px;
}
.jobs .gridview.col1 {
  margin-left: 10px;
}
.jobs .gridview.col3 {
  margin-right: 0;
}
.jobs .end-float {
  clear: both;
}
.jobs section {
  padding: 50px 0;
  width: 100%;
  margin-bottom: 0;
}
.jobs section.intro,
.jobs section.perks,
.jobs section.job-list,
.jobs section.job-detail {
  background-color: white;
}
.jobs section.jobs-press {
  background-color: transparent;
}
.jobs section div.inner-container {
  max-width: 960px;
  margin: auto;
}
.jobs .intro {
  padding-bottom: 0px;
}
.jobs .intro .button {
  margin: 45px auto;
}
.jobs .intro img {
  width: 100%;
  margin-top: 45px;
}
.jobs .perks {
  display: inline-block;
  padding-bottom: 0;
}
.jobs .perks h4 {
  display: block;
  margin-top: 10px;
}
.jobs .perks ul {
  max-width: 764px;
  margin: 0 auto;
}
.jobs .perks li {
  width: 49%;
  overflow: hidden;
  color: #588195;
  height: 200px;
  padding: 0 40px;
  text-align: center;
  display: inline-block;
}
.jobs .perks li .icon {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background-color: #588195;
  border-radius: 5px;
  background-position: 10px;
}
.jobs .perks p {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  width: auto !important;
}
.jobs .the-team .button {
  margin: 45px auto 0 auto;
}
.jobs .jobs-press img {
  margin: 0 auto;
}
.jobs #job-list {
  display: block;
  position: relative;
  top: -70px;
  visibility: hidden;
}
.jobs .job-list {
  padding: 45px 0 45px 0;
}
.jobs .job-list h2 {
  margin-bottom: 50px;
}
.jobs .job-list .listings {
  margin: 0 auto;
  padding: 0;
  max-width: 740px;
}
.jobs .job-list .listing-header:after {
  overflow: hidden;
  display: block;
  content: '';
  line-height: 0;
  height: 0;
  clear: both;
}
.jobs .job-list .listing-header h2 {
  text-align: left;
  margin-bottom: 20px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 22px;
  padding-left: 10px;
}
.jobs .job-list .listing-col-1,
.jobs .job-list .listing-col-2 {
  float: left;
}
.jobs .job-list .listing-col-1 {
  width: 40%;
}
.jobs .job-list .listing-col-2 {
  width: 60%;
}
.jobs .job-list ul > li {
  border-bottom: 1px solid #cfcfcf;
}
.jobs .job-list ul > li:after {
  overflow: hidden;
  display: block;
  content: '';
  line-height: 0;
  height: 0;
  clear: both;
}
.jobs .job-list ul > li .icon {
  width: 24px;
  height: 24px;
  margin-right: 20px;
  float: left;
  line-height: 40px;
  margin-top: 8px;
  margin-left: 10px;
}
.jobs .job-list ul > li h5 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 20px;
  position: relative;
  line-height: 40px;
  color: #5a5a5a;
  margin-left: 10px;
}
.jobs .job-list ul > li a {
  display: block;
  width: 100%;
  height: 40px;
  padding: 5px 0;
}
.jobs .job-list ul > li a:hover {
  background: #cfcfcf;
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
#brands-landing {
  background: #fff;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
}
#brands-landing .hero {
  background: url('/img/landing/hero.jpg') center center / cover;
  width: 100%;
  text-align: center;
  padding: 55px;
}
#brands-landing .hero h1 {
  font-size: 49px;
  color: #fff;
  font-family: 'CamptonBold', sans-serif;
  line-height: 56px;
}
#brands-landing .hero h1 span {
  display: block;
  font-size: 40px;
}
#brands-landing .hero.factory {
  background: url('/img/landing/factory-hero.jpg') center center / cover;
}
#brands-landing .navy-bg {
  background-color: #394D58;
  color: #fff;
}
#brands-landing .container {
  padding: 45px 25px;
  text-align: center;
}
#brands-landing .container h2 {
  color: #394D58;
  font-size: 25px;
  line-height: 32px;
  margin-bottom: 35px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
}
#brands-landing .container .capability {
  text-align: center;
  margin: 0 0 25px;
}
#brands-landing .container .capability img {
  display: inline-block;
  margin-bottom: 5px;
}
#brands-landing .container .capability h3 {
  font-size: 25px;
  line-height: 32px;
  text-transform: none;
  color: #3E96C7;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
}
#brands-landing .container .capability:hover {
  text-decoration: none;
}
#brands-landing .container.caps {
  max-width: 920px;
}
#brands-landing .quotes .quote p {
  font-size: 18px;
  color: #394D58;
  text-align: left;
  line-height: 25px;
}
#brands-landing .quotes .quote img {
  border-radius: 100%;
  width: 110px;
  margin: 0 auto 10px;
  max-width: 100%;
}
#brands-landing .navy-bg .container img {
  display: inline-block;
  margin-bottom: 20px;
}
#brands-landing .navy-bg .container h2 {
  color: #fff;
  font-size: 24px;
  line-height: 29px;
}
#brands-landing .navy-bg.join h2 {
  font-size: 35px;
  line-height: 39px;
  font-family: 'CamptonBold';
  margin-bottom: 10px;
}
#brands-landing .navy-bg.join h3 {
  margin-top: 25px;
  color: #fff;
}
#brands-landing .press {
  padding-top: 10px;
}
#brands-landing .press img {
  max-width: 100%;
  margin: 0 auto 15px;
}
#brands-landing a.sign-up {
  border: 3px solid #fff;
  background: transparent;
  display: inline-block;
  padding: 8px 65px;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  margin-top: 15px;
  border-radius: 2px;
}
#brands-landing a.sign-up:hover {
  text-decoration: none;
  background: rgba(255, 255, 255, 0.2);
  transition: background-color 0.5s ease;
}
#signup-modal {
  background: #fff;
  border-radius: 2px;
  max-width: 395px;
  text-align: center;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
}
#signup-modal h2 {
  color: #394D58;
  font-size: 18px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  margin-bottom: 15px;
}
#signup-modal h3 {
  color: #394D58;
  font-size: 15px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  margin-bottom: 0px;
  text-transform: none;
}
#signup-modal .prompt {
  border-top: 1px solid #B8B8B8;
  padding: 7px;
}
#signup-modal a {
  color: #3E96C7;
}
#signup-modal form {
  padding: 10px 20px 10px;
}
#signup-modal form .or-divide {
  color: #394D58;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 16px;
  padding: 10px 0;
}
#signup-modal form .button.facebook {
  margin: 0 auto;
  height: 45px;
  line-height: 45px;
  max-width: 95%;
}
#signup-modal form .button.facebook a {
  color: #fff;
  margin: 0 auto;
  border-radius: 2px;
  padding-left: 15px;
  font-size: 14px;
  text-transform: none;
}
#signup-modal form input[type="text"],
#signup-modal form input[type="email"],
#signup-modal form input[type="password"] {
  border: 1px solid #B8B8B8;
  display: block;
  width: 100%;
  max-width: 100%;
  color: #B8B8B8;
  text-align: center;
  font-size: 18px;
  line-height: 40px;
  margin: 0 auto 18px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
}
#signup-modal form input[type="submit"] {
  border: 3px solid #3E96C7;
  background: #fff;
  color: #3E96C7;
  font-size: 16px;
  border-radius: 2px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  max-width: 190px;
  line-height: 35px;
  margin-bottom: 25px;
  text-transform: none;
}
#signup-modal form input[type="submit"]:hover {
  box-shadow: none !important;
  background: #3E96C7;
  color: #fff;
  transition: background-color 0.5s ease;
}
#signup-modal form label {
  font-weight: 400;
  font-size: 15px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  text-transform: none;
}
@media (max-width: 768px) {
  #brands-landing .hero h1 {
    font-size: 28px;
    line-height: 35px;
  }
  #brands-landing .hero h1 span {
    font-size: 28px;
    display: inline;
  }
  #brands-landing .navy-bg .container img {
    display: inline-block;
    margin-bottom: 20px;
  }
  #brands-landing .navy-bg .container h2 {
    color: #fff;
    font-size: 18px;
    line-height: 25px;
  }
  #brands-landing .quotes .quote {
    margin-bottom: 15px;
  }
}
.login-container {
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 !important;
  max-width: none !important;
  padding: 60px 20px !important;
}
@media only screen and (max-width: 529px) {
  .login-container {
    padding: 30px 20px !important;
  }
}
.login-container .header {
  border-bottom: none !important;
  margin-bottom: 10px !important;
}
.login-container .alert.error {
  border-radius: 4px;
}
.login-container #login {
  width: 100%;
  max-width: 350px;
  margin-left: 150px;
}
@media only screen and (max-width: 529px) {
  .login-container #login {
    margin: 20px auto;
  }
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  .login-container #login {
    margin-left: 0;
  }
}
.login-container #login .field-wrapper {
  padding-bottom: 10px;
}
.login-container #login .input input[name=password],
.login-container #login .input input[name=username_or_email],
.login-container #login .input div.placeholder {
  padding: 4px 10px !important;
  height: 40px;
  float: none;
  clear: both;
  border-radius: 6px;
  border: none;
}
.login-container #login button[type=submit] {
  letter-spacing: 0.3px;
  background-color: #4a3aff;
  color: #ffffff;
}
.login-container #login .checkbox-field {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.login-container #login .checkbox-field input[type=checkbox] {
  border: none;
  width: 16px;
  height: 16px;
}
.login-container #login .checkbox-field label {
  padding-top: 2px;
  padding-left: 3px;
}
.login-container #login label {
  font-size: 14px;
  letter-spacing: 0;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
}
.login-container #login .google-login {
  max-width: 300px;
  justify-content: center;
}
@media only screen and (max-width: 529px) {
  .login-container #login .google-login {
    margin: 0 auto;
  }
}
.login-container p a {
  color: #4a3aff;
  font-weight: 500;
  text-shadow: 0 0 3px rgb(0 0 0);
}
.login-container .signup-text {
  color: white;
}
@media only screen and (max-width: 529px) {
  .login-container button,
  .login-container .button {
    margin: 0 auto;
    display: block;
  }
}
#logged-out-search {
  background: white;
  text-align: center;
}
#logged-out-search header {
  width: 100%;
}
#logged-out-search section {
  position: relative;
  margin: 100px auto;
}
#logged-out-search .centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#logged-out-search .button {
  margin: 50px 0;
}
#logged-out-search .logged-out-search-hero {
  margin: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 90vh;
}
#logged-out-search .header-hero {
  background-image: url('/img/landing-pages/heroshots/search.jpg');
}
#logged-out-search .bottom-hero {
  background-image: url('/img/landing-pages/heroshots/search2.jpg');
}
#logged-out-search .hero-heading {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 42px;
  line-height: 42px;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  width: 100%;
}
@media (max-width: 767px) {
  #logged-out-search .hero-heading {
    font-size: 24px;
    line-height: 24px;
  }
}
@media (max-width: 1199px) {
  #logged-out-search .hero-heading {
    font-size: 32px;
    line-height: 32px;
  }
}
#logged-out-search .section-heading-row {
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  #logged-out-search .section-heading-row {
    margin-bottom: 30px;
  }
}
@media (max-width: 1199px) {
  #logged-out-search .section-heading-row {
    margin-bottom: 60px;
  }
}
#logged-out-search .already-a-member {
  text-decoration: none;
  color: white;
}
#logged-out-search .section-heading {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #2d344a;
  text-transform: uppercase;
}
#logged-out-search .section-sub-heading {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #838896;
}
#logged-out-search .section-sub-heading.white {
  color: white;
}
#logged-out-search .discover-more {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
}
#logged-out-search .discover-more a {
  color: white;
  text-decoration: none;
  font-size: 16px;
  display: inline-block;
  padding: 10px 0;
}
#logged-out-search .discover-more a img {
  display: inline;
}
#logged-out-search .top-industry-searches {
  background: white;
  background: linear-gradient(to bottom, white 25%, #f0f0f0 1%);
}
@media (max-width: 767px) {
  #logged-out-search .top-industry-searches {
    background: linear-gradient(to bottom, white 10%, #f0f0f0 1%);
  }
}
#logged-out-search .card {
  margin: 25px auto;
  border-radius: 1px;
  background: white;
  box-shadow: 0 46px 54px 0 rgba(0, 0, 0, 0.09);
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
}
#logged-out-search .card .title {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
  font-stretch: condensed;
  line-height: normal;
  letter-spacing: -0.3px;
  text-transform: uppercase;
  color: #f04e38;
  display: inline-block;
  margin: 40px 5px;
}
#logged-out-search .card img {
  display: inline-block;
}
#logged-out-search .card .number {
  font-size: 32px;
  letter-spacing: -0.4px;
  color: #48565f;
  margin-top: 35px;
  display: inline-block;
}
#logged-out-search .card .factories {
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: condensed;
  line-height: normal;
  letter-spacing: -0.2px;
  text-align: center;
  color: #b0b0b0;
  text-transform: uppercase;
}
#logged-out-search .card.top-search {
  width: 271px;
  height: 408px;
}
#logged-out-search .card.batch {
  min-width: 200px;
  max-width: 400px;
  height: 391px;
}
#logged-out-search .find-the-right-manufacturer {
  font-size: 18px;
  color: #838896;
  margin-top: 100px;
}
#oauth_login .input {
  float: left;
  width: 260px;
}
#oauth_login .input input[name=password],
#oauth_login .input input[name=username_or_email],
#oauth_login .input div.placeholder {
  padding: 4px 10px!important;
  height: 40px;
  float: none;
  clear: both;
}
#oauth_login .input div.placeholder {
  font-style: italic;
}
#oauth_login div.input_icon {
  height: 40px;
  width: 33px;
  float: left;
}
#oauth_login div.username {
  background: url('/img/icons/user.png') no-repeat center;
  background-color: #282D31;
}
#oauth_login div.password {
  background: url('/img/icons/lock.png') no-repeat center;
  /*background-color: #F6F6F6;*/
  background-color: #808080;
}
.invoice-page-body {
  font-size: 1em;
}
/* HEADER */
ul.invoices-header-ul {
  list-style-type: none;
  padding: 25px 25px 25px 25px;
  overflow: hidden;
  background-color: #fff;
  width: 100%;
  margin-bottom: 0;
  border-top: 1px lightgray solid;
  border-bottom: 1px lightgray solid;
}
ul.invoices-header-ul li {
  float: left;
}
ul.invoices-header-ul li a {
  display: inline;
  color: #83b4d8;
  text-align: center;
  padding: 10px 12px;
  text-decoration: none;
  font-family: 'Heebo', 'sans-serif';
  transition: 0.3s;
  font-size: 14px;
  border-radius: 5px;
}
#invoices-header-history-text {
  margin-right: 15px;
}
#invoices-header-export,
#invoices-header-create-invoice {
  float: right;
}
#invoices-header-create-invoice-button {
  background-color: white;
  color: #00acd7;
  border: 1px solid #00acd7;
}
#invoices-header-create-invoice-button:hover {
  border: 1px solid #00acd7;
  background-color: #00acd7;
  color: white;
}
ul.invoices-header-ul li a:active {
  background-color: #dbecf3;
}
.invoices-header-filter-highlight {
  background-color: #dbecf3;
}
/* END OF HEADER */
/* TABLE */
.invoice-table-wrapper > table {
  width: 100%;
}
#invoices-table-no-data {
  height: 768px;
  width: 100%;
  max-width: 100%;
}
#invoices-table-no-data {
  text-align: center;
}
.invoice-table {
  width: 100%;
  vertical-align: top;
  max-width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  border-collapse: collapse;
  border-spacing: 0;
}
.invoice-table,
tbody {
  -webkit-overflow-scrolling: touch;
}
.invoice-table th {
  text-align: left;
  text-transform: uppercase;
  background: #f1f8fa;
  height: 2.75em;
}
.invoice-table th,
.invoice-table td {
  padding: 6px 25px;
  border: none;
}
.invoice-table tbody tr {
  height: 5.4375em;
}
.invoice-table tbody tr:nth-child(even) {
  background-color: #f1f8fa;
}
#invoices-header-history-text,
.invoice-table-th-text,
.invoice-table-number,
.invoices-header-history-text {
  font-family: 'Heebo', 'sans-serif';
  font-size: 14px;
  font-weight: 900;
  font-stretch: condensed;
  color: #173242;
}
.invoice-table-number-note {
  font-family: 'Heebo', sans-serif;
  color: #afb2bc;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.6px;
}
.invoice-modify-button {
  font-size: 10px;
  font-family: 'Heebo', 'sans-serif';
  border-radius: 4px;
  border: solid 1px #00acd7;
  color: #00acd7;
  background-color: white;
}
.invoice-modify-button:hover {
  border: solid 1px #00acd7;
  color: white;
  background-color: #00acd7;
  border-bottom: none;
}
#invoices-table-delete-button {
  padding: 0;
  color: #00acd7;
}
#invoices-table-delete-button:active {
  padding: 0;
  color: lightblue;
}
/*  END OF TABLE */
.sidebarMock {
  width: 280px;
  height: 1080px;
  background-color: #364149;
  border: solid 1px #e0e0e0;
}
.preferred-landing .alignleft {
  float: left;
}
.preferred-landing .alignright {
  float: right;
}
.preferred-landing .hidden {
  display: none;
  visibility: hidden;
}
.preferred-landing .clearfix:before,
.preferred-landing .clearfix:after,
.preferred-landing .navs:before,
.preferred-landing .navs:after {
  display: table;
  content: ' ';
}
.preferred-landing .clearfix:after,
.preferred-landing .navs:after {
  clear: both;
}
.preferred-landing .wrapper p {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
}
.preferred-landing .shell {
  max-width: 960px;
  margin: 0 auto;
}
.preferred-landing .shell .shell-title {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 25px;
  color: #5a5a5a;
  line-height: 29px;
  text-transform: uppercase;
}
.preferred-landing .shell .shell-subtitle {
  font-size: 13px;
  color: #5a5a5a;
  line-height: 0px;
  margin-bottom: 20px;
}
.preferred-landing .pricing-container {
  max-width: 720px;
  margin: 0 auto;
}
.preferred-landing .pricing-container .pricing-most-popular {
  text-align: center;
}
.preferred-landing .pricing-container .pricing-most-popular img {
  display: inline;
  margin-bottom: 15px;
}
.preferred-landing .pricing-container .pricing-packages {
  height: 225px;
  display: table;
  table-layout: fixed;
}
.preferred-landing .pricing-container .pricing-packages .pricing-package {
  width: 30%;
  vertical-align: middle;
  display: table-cell;
}
.preferred-landing .pricing-container .pricing-packages .pricing-package .pricing-package-container {
  border: 1px solid #cfcfcf;
  display: block;
  width: 175px;
  margin: 0 auto;
}
.preferred-landing .pricing-container .pricing-packages .pricing-package .pricing-package-hour {
  font-size: 18px;
}
.preferred-landing .pricing-container .pricing-packages .pricing-package .pricing-package-title {
  background-color: #282d32;
  color: #ffffff;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
}
.preferred-landing .pricing-container .pricing-packages .pricing-package .pricing-package-body {
  background: #ffffff;
  height: 95px;
}
.preferred-landing .pricing-container .pricing-packages .pricing-package .pricing-package-body .pricing-package-price {
  font-size: 37px;
  line-height: 37px;
  padding-top: 20px;
}
.preferred-landing .pricing-container .pricing-packages .pricing-package .pricing-package-body .pricing-package-detail {
  line-height: 25px;
  color: #5a5a5a;
}
.preferred-landing .pricing-container .pricing-packages .pricing-package .pricing-package-footer a {
  background: #f03a3b;
  color: #ffffff;
  display: block;
  height: 45px;
  line-height: 45px;
  font-size: 12px;
  text-transform: uppercase;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  letter-spacing: 1px;
  cursor: pointer;
}
.preferred-landing .pricing-container .pricing-packages .pricing-package.pricing-most-popular .pricing-package-container {
  width: 240px;
}
.preferred-landing .pricing-container .pricing-packages .pricing-package.pricing-most-popular .pricing-package-title {
  height: 45px;
  line-height: 45px;
}
.preferred-landing .pricing-container .pricing-packages .pricing-package.pricing-most-popular .pricing-package-body {
  height: 130px;
}
.preferred-landing .pricing-container .pricing-packages .pricing-package.pricing-most-popular .pricing-package-body .pricing-package-price {
  padding-top: 35px;
}
.preferred-landing .intro {
  background: url(/img/main/alternative-landing-header.png) no-repeat 0 0;
  background-size: cover;
  padding: 33px 0 62px 0;
  overflow: hidden;
  text-align: center;
}
.preferred-landing .intro.intro-secondary {
  background: url(/img/main/dark-landing-header.png) no-repeat 0 0;
}
.preferred-landing .intro.intro-tertiary {
  background: url(/img/main/light-landing-header.png) no-repeat center 0px;
}
.preferred-landing .intro.intro-tertiary h2 {
  color: #5a5a5a;
  font-size: 36px;
}
.preferred-landing .intro.intro-tertiary p {
  font-size: 21px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  padding-bottom: 30px;
}
.preferred-landing .intro-head {
  text-align: center;
}
.preferred-landing .intro h2 {
  color: #000;
  font-size: 36px;
  text-transform: capitalize;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  margin-bottom: 20px;
  line-height: 42px;
}
.preferred-landing .intro-secondary .intro-inner {
  background: url(/img/main/shadow.png) no-repeat center center;
}
.preferred-landing .intro-secondary h2 {
  color: #fff;
}
.preferred-landing .intro-secondary p {
  color: #fff;
}
.preferred-landing .intro-secondary .testimonial p {
  color: #000;
  text-align: left;
}
.preferred-landing .intro-secondary .avatar {
  border: 6px solid #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.preferred-landing .testimonial {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 5px;
  font-size: 14px;
  line-height: 20px;
  padding: 20px 18px;
  max-width: 707px;
  margin: 0 auto;
}
.preferred-landing .testimonial.testimonial-tertiary {
  background-color: transparent;
}
.preferred-landing .testimonial.testimonial-tertiary .avatar {
  border: 10px solid #c8c8c8;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.preferred-landing .testimonial-image {
  float: left;
}
.preferred-landing .testimonial-image .avatar {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  overflow: hidden;
  border: 6px solid white;
}
.preferred-landing .testimonial-image img {
  display: block;
  width: 100%;
}
.preferred-landing .testimonial-content {
  height: 100%;
  overflow: hidden;
  padding-left: 10px;
}
.preferred-landing .testimonial-content p {
  font-size: 14px;
  line-height: 20px;
}
.preferred-landing .testimonial-content .testimonial-autor {
  display: block;
  text-align: right;
  color: #999999;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  padding-top: 10px;
}
.preferred-landing .testimonial-content .testimonial-autor strong {
  color: #000;
}
.preferred-landing .section-features {
  background: #fafafa;
  padding: 40px 0 95px 0;
  text-align: center;
  margin: 0;
}
.preferred-landing .section-features h2 {
  font-size: 26px;
  color: #5a5a5a;
  margin-bottom: 33px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
}
.preferred-landing .section-features .features-primary {
  margin: 0 -40px;
}
.preferred-landing .section-features .feature-primary {
  width: 240px;
  display: inline-block;
  vertical-align: top;
  margin: 0 40px;
}
.preferred-landing .section-features h3 {
  color: #5a5a5a;
  font-weight: normal;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  text-transform: capitalize;
  margin: 0;
  padding: 0;
}
.preferred-landing .section-features p {
  font-size: 14px;
  color: #999999;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
}
.preferred-landing .section-features i {
  background-color: #999;
  width: 67px;
  height: 67px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
}
.preferred-landing .section-callout {
  background-color: #efefef;
  text-align: center;
  margin: 0;
  padding: 40px 0 25px 0;
}
.preferred-landing .section-callout h2 {
  font-size: 21px;
  line-height: 60px;
  color: #606060;
}
.preferred-landing .section-callout p {
  font-size: 14px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
}
.preferred-landing .section-callout p a {
  text-decoration: underline;
}
.preferred-landing .btn-red {
  border-radius: 3px;
  display: inline-block;
  line-height: 45px;
  background-color: #f03a3b;
  background-image: none !important;
  text-align: center;
  color: #fff;
  font-size: 13px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  padding: 0;
  width: 234px;
  text-transform: uppercase;
  text-decoration: none;
  margin-bottom: 52px;
  height: 45px;
  float: none;
}
.preferred-landing .footer-inner {
  border-bottom: 1px solid #7b7c7d;
}
.preferred-landing .callout-secondary {
  padding: 33px 0;
  color: #fff;
  font-size: 20px;
  text-align: center;
}
.preferred-landing .callout-secondary.callout-tertiary {
  padding: 13px 0;
}
.preferred-landing .callout-secondary.callout-tertiary p {
  color: #5a5a5a;
}
.preferred-landing .callout-secondary p {
  margin: 0;
  font-size: 20px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  color: #fff;
}
.preferred-landing .callout-secondary p strong {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
}
.preferred-landing .callout-secondary .btn-red {
  background-color: #0e90d8;
  margin: 0 0 0 15px;
  padding: 0;
  width: 165px;
  color: #fff;
}
.preferred-landing .callout-tertiary .btn-red {
  text-transform: uppercase;
  font-size: 12px;
}
.preferred-landing .section-plans {
  background: #fff;
  padding-top: 100px;
  margin: 0;
}
.preferred-landing .preview {
  margin-left: 60px;
  margin-right: 60px;
}
.preferred-landing .preview,
.preferred-landing .table-plans {
  max-width: 790px;
  margin: 0 auto;
}
.preferred-landing .table-plans {
  padding-bottom: 70px;
}
.preferred-landing .table-plans table {
  table-layout: fixed;
}
.preferred-landing .table-plans {
  color: #606060;
  font-size: 12px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
}
.preferred-landing .table-plans th,
.preferred-landing .table-plans td {
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  background-color: #fff;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  height: 43px;
  text-align: center;
}
.preferred-landing .table-plans th:first-child,
.preferred-landing .table-plans td:first-child {
  text-align: right;
  padding-right: 18px;
  text-transform: capitalize;
}
.preferred-landing .table-plans th {
  background-color: #202428;
  color: #fff;
  text-transform: uppercase !important;
  font-size: 16px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  height: auto;
  text-align: center;
  position: relative;
  padding-bottom: 10px;
  padding-top: 20px;
}
.preferred-landing .table-plans th span {
  padding-top: 15px;
}
.preferred-landing .table-plan th i {
  position: relative;
  margin-top: -15px;
}
.preferred-landing .table-plans th {
  padding-top: 10px;
}
.preferred-landing .table-plans td.currentPlan {
  background-color: #5b5b5b;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 14px;
}
.preferred-landing .table-plans td.nonPlan {
  background-color: #ef3b3c;
}
.preferred-landing .table-plans th .ico-check-small {
  margin-bottom: -15px;
  position: absolute;
  bottom: 110%;
  display: block;
  left: 50%;
  margin-left: -17px;
}
.preferred-landing .table-plans tr:nth-child(2) td {
  background-color: #c6c6c6;
  height: 52px;
}
.preferred-landing .table-plans tr:nth-child(3) td {
  background-color: #ededed;
  height: 52px;
}
.preferred-landing .table-plans tr:nth-child(2) td:first-child {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
}
.preferred-landing .table-plans tr:nth-child(3) td:first-child {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
}
.preferred-landing .table-plans td h4 {
  font-size: 21px;
  margin-bottom: 0 !important;
  color: #5a5a5a;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-weight: normal;
}
.preferred-landing .table-plans td .btn {
  display: block;
  width: 100%;
  height: 100%;
  text-transform: uppercase;
  background-color: #ccc;
  line-height: 43px;
  color: #fff;
  font-size: 14px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  border-radius: 0px;
  margin: 0;
  padding: 0;
}
.preferred-landing .table-plans td .btn.btn-disabled {
  background-color: #5a5a5a;
}
.preferred-landing .table-plans td .btn.btn-red {
  background-color: #ee3a3b;
}
.preferred-landing .table-plans tr:last-child td:first-child {
  border: 0;
  background-color: transparent;
}
.preferred-landing .preview-hint {
  float: left;
  text-align: center;
  color: #5a5a5a;
  font-size: 11px;
  margin-top: 60px;
  position: relative;
  margin-left: 20px;
}
.preferred-landing .preview-hint span {
  display: block;
}
.preferred-landing .preview .preview-image {
  text-align: right;
  position: relative;
}
.preferred-landing .preview .preview-image img {
  display: inline-block;
  opacity: 0.4;
  border: 2px solid #dedede;
  max-width: 100%;
}
.preferred-landing .section-callout-secondary {
  margin: 0;
  background-color: #e0e0e0;
}
.preferred-landing .section-callout-tertiary {
  background-color: #fafafa;
}
.preferred-landing .section-testimonials {
  background: #faf7f0;
  text-align: center;
  margin: 0;
  padding: 55px 0;
}
.preferred-landing .consultation-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px 240px;
  background: white;
  padding-bottom: 100px;
}
.preferred-landing .consultation-text {
  color: black;
}
.preferred-landing .consultation-text h2 {
  font-family: Heebo;
  font-weight: 500;
  font-size: 28px;
  line-height: 35.28px;
  letter-spacing: 0%;
}
.preferred-landing .consultation-text p {
  font-family: Heebo;
  font-weight: 300;
  font-size: 20px;
  line-height: 25.2px;
  letter-spacing: 0%;
  margin: 5px 0 0;
}
.preferred-landing .consultation-button {
  background-color: #4a3aff;
  color: white;
  padding: 12px 40px;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.preferred-landing .consultation-button img {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
.preferred-landing .testimonial-item {
  text-align: center;
  list-style: none;
  list-style-position: outside;
  width: 210px;
  display: inline-block;
  vertical-align: top;
}
.preferred-landing .testimonial-item .testimonial-content {
  padding: 0 10px;
}
.preferred-landing .testimonial-item:first-child {
  margin-left: 0;
}
.preferred-landing .testimonial-avatar {
  width: 67px;
  height: 67px;
  overflow: hidden;
  border-radius: 50%;
  border: 6px solid #ffffff;
  display: inline-block;
  vertical-align: top;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.preferred-landing .testimonial-item h3 {
  font-size: 16px;
  color: #000;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-weight: normal;
  text-transform: capitalize;
  letter-spacing: 0;
  margin: 0;
  padding: 0;
}
.preferred-landing .testimonial-item h4 {
  font-size: 13px;
  color: #979797;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  text-transform: capitalize;
  margin: 0 0 5px 0;
  padding: 0;
}
.preferred-landing .testimonial-item p {
  font-size: 12px;
  line-height: 14px;
  color: #000;
}
.preferred-landing .section-steps {
  background-color: #efefef;
  margin: 0;
}
.preferred-landing .section-steps .avatar-hoder {
  background-color: #efefef;
  border-radius: 50%;
  overflow: hidden;
  padding: 13px;
  display: inline-block;
  margin-top: -55px;
}
.preferred-landing .section-steps .section-head {
  text-align: center;
}
.preferred-landing .section-steps .section-head .avatar {
  border: 6px solid #fff;
  border-radius: 50%;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.preferred-landing .steps {
  width: 790px;
  margin: 0 auto;
}
.preferred-landing .steps .step {
  text-align: center;
  border-top: 2px solid #d2d2d2;
  padding: 55px 0;
}
.preferred-landing .steps .step:first-child {
  border-top: 0;
  padding-top: 20px;
}
.preferred-landing .step h3 {
  font-size: 18px;
  color: #5a5a5a;
  text-transform: uppercase;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
}
.preferred-landing .list-steps {
  padding-top: 20px;
  margin-left: 30px;
}
.preferred-landing .list-steps li {
  list-style: none;
  list-style-position: outside;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-left: 57px;
}
.preferred-landing .list-steps li .list-title {
  font-size: 22px;
  margin-top: 5px;
  color: #5a5a5a;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
}
.preferred-landing .list-steps li:first-child {
  margin-left: 0;
}
.preferred-landing .list-steps .ico-number {
  font-size: 41px;
  font-style: normal;
  color: #fff;
  background: #0e90d8;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  text-align: center;
  line-height: 59px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
  position: relative;
}
.preferred-landing .list-steps li p {
  color: #999999;
  font-size: 16px;
  line-height: 16px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
}
.preferred-landing .list-steps .ico-number:before {
  content: '';
  position: absolute;
  height: 5px;
  background-color: #0e90d8;
  width: 265px;
  top: 50%;
  left: -265px;
  z-index: 1;
}
.preferred-landing .list-steps li:first-child .ico-number:before {
  display: none;
}
.preferred-landing .list-steps .ico-number * {
  position: relative;
  z-index: 99;
}
.preferred-factories {
  position: relative;
}
.preferred-factories .badge {
  display: block;
  width: inherit;
  height: inherit;
  background-image: url('/img/preferred/badge.png');
}
.preferred-factories .intro-header {
  display: block;
  position: relative;
  padding: 20px 0 35px;
  overflow: hidden;
  background-image: url('/img/preferred/intro-header.png');
  background-repeat: no-repeat;
  background-size: cover;
}
.preferred-factories .intro-header .intro-header-icon {
  margin: 38px auto 25px auto;
  width: 80px;
  height: 80px;
}
.preferred-factories .intro-header .intro-header-text {
  text-align: center;
  color: #ffffff;
  font-size: 36px;
  line-height: 43.2px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
}
.preferred-factories .intro-subheader {
  position: relative;
  background: #efefef;
}
.preferred-factories .intro-subheader:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 14px solid #efefef;
  position: absolute;
  left: 50%;
  margin-left: -14px;
  margin-top: -14px;
}
.preferred-factories .intro-subheader .intro-subheader-container {
  max-width: 570px;
  margin: 0 auto;
  padding: 25px 0;
  display: table;
}
.preferred-factories .intro-subheader .intro-subheader-container:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.preferred-factories .intro-subheader .intro-subheader-left {
  text-align: center;
}
.preferred-factories .intro-subheader .intro-subheader-left a img {
  transition: 0.4s all ease;
}
.preferred-factories .intro-subheader .intro-subheader-left a:hover img {
  opacity: 0.5;
}
.preferred-factories .intro-subheader .intro-subheader-right {
  padding: 5px;
}
.preferred-factories .intro-subheader .intro-subheader-right p {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  color: #282d32;
  font-size: 14px;
}
.preferred-factories .preferred-content {
  padding: 45px 0 0 0;
  background: #ffffff;
}
.preferred-factories .preferred-content h3 {
  margin: 0 0 54px 0;
  text-align: center;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  text-transform: none;
  color: #5a5a5a;
  font-size: 26px;
}
.preferred-factories .preferred-benefits {
  max-width: 960px;
  position: relative;
  margin: 0 auto;
  display: table;
}
.preferred-factories .preferred-benefits .preferred-benefit {
  padding: 0 40px;
  text-align: center;
}
.preferred-factories .preferred-benefits .preferred-benefit img {
  display: inline-block;
}
.preferred-factories .preferred-benefits .preferred-benefit-title {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 24px;
  color: #5a5a5a;
  line-height: 28.8px;
}
.preferred-factories .preferred-benefits .preferred-benefit-description {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 14px;
  color: #999999;
}
.preferred-factories .preferred-example {
  text-align: center;
  max-width: 790px;
  margin: 72px auto 0 auto;
}
.preferred-factories .preferred-example img {
  max-width: 100%;
}
.preferred-factories .preferred-footer {
  background: #efefef;
  padding: 20px 0;
}
.preferred-factories .preferred-testimonial {
  max-width: 690px;
  margin: 0 auto;
}
.preferred-factories .preferred-testimonial .preferred-testimonial-photo {
  float: left;
  margin-right: 8px;
}
.preferred-factories .preferred-testimonial .preferred-testimonial-quote {
  padding-top: 10px;
}
.preferred-factories .preferred-testimonial .preferred-testimonial-quote p {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 14px;
  color: #282d32;
}
.preferred-factories .preferred-search-factories {
  margin: 80px 0 20px 0;
  text-align: center;
}
.preferred-factories .preferred-search-factories h3 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  color: #606060;
  font-size: 21px;
  text-align: center;
  text-transform: none;
  padding-bottom: 10px;
}
.preferred-application {
  margin-top: 40px;
}
.preferred-application .preferred-application-header {
  height: 40px;
  line-height: 40px;
  display: block;
  padding: 0 10px;
}
.preferred-application .preferred-application-header h3 {
  font-size: 20px;
  margin: 0;
  line-height: 50px;
}
.preferred-application .preferred-application-header .questions {
  line-height: 60px;
  vertical-align: bottom;
}
.preferred-application .radio-box-small,
.preferred-application .radio-box-large {
  background: #faf7f0;
  text-align: center;
  float: left;
  display: block;
  clear: none;
  margin-right: 10px;
  padding: 5px 0;
}
.preferred-application .radio-box-small div,
.preferred-application .radio-box-large div,
.preferred-application .radio-box-small label,
.preferred-application .radio-box-large label {
  float: none;
}
.preferred-application .radio-box-small div,
.preferred-application .radio-box-large div {
  margin: 3px auto;
}
.preferred-application .radio-box-small label,
.preferred-application .radio-box-large label {
  font-size: 13px;
}
.preferred-application .radio-box-small {
  width: 90px;
  height: 50px;
}
.preferred-application .radio-box-large {
  width: 165px;
  height: 50px;
}
.preferred-application form {
  background: #ffffff;
  padding: 5px 20px;
  border: 1px solid #282d32;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  display: block;
  position: relative;
}
.preferred-application .input {
  width: 285px;
}
.preferred-application input[type=text],
.preferred-application input[type=tel],
.preferred-application input[type=email],
.preferred-application input[type=password] {
  height: 40px !important;
  font-size: 20px;
  line-height: 20px;
}
.plans .module {
  margin-bottom: 40px;
}
.plans #form {
  margin-left: 20px;
}
.plans #items {
  margin-left: -10px;
}
.plans .item {
  margin-bottom: 10px;
}
#feature.plans-page.with-alert-activation {
  margin-top: 140px;
}
#feature.plans-page.with-alert-activation .content {
  margin-top: 0px;
}
#feature.plans-page > .content {
  background-color: #282d32;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#feature.plans-page .masthead {
  width: 100%;
  height: 0;
  padding-top: 40%;
  background-image: url(/img/plans/urban-entrepreneur-week.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: white;
}
#feature.plans-page .testimonials {
  max-width: 650px;
  width: 90%;
  margin: 0 auto;
  padding: 0;
}
#feature.plans-page .testimonials .face {
  border-radius: 32px;
  border: 1px solid #282d32;
  height: 64px;
  width: 64px;
  position: absolute;
  margin-top: 2%;
}
#feature.plans-page .testimonials .item {
  position: relative;
}
#feature.plans-page .face-1 {
  background-image: url(/img/plans/testimonial-face-1.png);
}
#feature.plans-page .face-2 {
  background: url(/img/plans/testimonials.png) 0 0;
  background-size: 64px;
}
#feature.plans-page .testimonial {
  position: relative;
  background-color: #ffffff;
  color: #000000;
  padding: 10px 15px;
  border-radius: 3px;
  width: 80%;
}
#feature.plans-page .testimonial .arrow {
  position: absolute;
  left: -20px;
  top: 38%;
}
#feature.plans-page .testimonial .arrow.left {
  border-bottom: 10px solid transparent;
  border-right: 10px solid #fff;
  border-top: 10px solid transparent;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
}
#feature.plans-page .testimonial .quote,
#feature.plans-page .testimonial .byline {
  display: block;
}
#feature.plans-page .testimonial .byline {
  text-align: right;
}
#feature.plans-page .testimonial .classification {
  font-style: italic;
}
.withfeature.plans-page {
  margin: 0 auto;
  padding-top: 25px;
  background-color: #faf7f0;
}
.withfeature.plans-page.wide {
  width: 100%;
}
.withfeature.plans-page.brand {
  background: #faf7f0;
}
.withfeature.plans-page.brand h1 {
  font-size: 30px;
  line-height: 1;
  color: #0a232a;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  max-width: 605px;
  margin: 0 auto;
  padding: 0 15px;
}
.withfeature.plans-page.brand p.factory-cta {
  margin-bottom: 0;
  font-size: 18px;
  letter-spacing: -0.2px;
  text-align: center;
  color: #838895;
  padding: 10px 15px 0;
  font-family: 'Heebo', sans-serif;
}
.withfeature.plans-page.brand p.factory-cta a:hover {
  text-decoration: none;
  cursor: pointer;
}
.withfeature.plans-page.brand a.button-blue {
  display: inline-block;
  margin-top: 20px;
  font-size: 17px;
  background: #4a3aff;
  border: none;
  color: white;
  font-weight: 700;
  text-decoration: none;
}
.withfeature.plans-page.brand a {
  font-weight: 500;
  color: #4a3aff;
}
.withfeature.plans-page.brand .text-cherry {
  font-weight: 700;
  color: #f16969;
}
.plans-page.signup,
.factory-plans-page.signup {
  padding: 20px;
  background-color: #e6e6e6;
}
.plans-page.signup .inner-container,
.factory-plans-page.signup .inner-container {
  max-width: 960px;
  margin: 0 auto;
}
.plans-page.signup .heading,
.factory-plans-page.signup .heading {
  display: block;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 34px;
  line-height: 34px;
  margin-bottom: 10px;
}
.plans-page.signup .subheading,
.factory-plans-page.signup .subheading {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 15px;
}
.plans-page.signup .info .copy,
.factory-plans-page.signup .info .copy {
  padding-right: 60px;
  max-width: 900px;
}
.plans-page.signup .actions .button,
.factory-plans-page.signup .actions .button {
  width: 200px;
  line-height: 15px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  height: 40px;
  text-align: center;
}
.plans-page.signup .actions .button strong,
.factory-plans-page.signup .actions .button strong {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 13px;
  text-transform: uppercase;
}
.plans-page.signup .actions .button a,
.factory-plans-page.signup .actions .button a {
  padding-top: 10px;
  text-transform: capitalize;
  font-size: 11px;
}
.plans-page .plans,
.factory-plans-page .plans {
  margin-bottom: 50px;
  border: 1px solid red !important;
}
.plans-page .plans .plan-hidden,
.factory-plans-page .plans .plan-hidden {
  display: none;
}
.plans-page .plans .plan,
.factory-plans-page .plans .plan {
  background-color: inherit;
  text-align: inherit;
  position: relative;
  border: 1px solid #e1e1e1;
  -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) !important;
  width: 100%;
  margin-bottom: 20px;
  min-width: 250px;
}
.plans-page .plans .plan .content,
.factory-plans-page .plans .plan .content {
  box-sizing: content-box;
}
.plans-page .plans .plan.recommended,
.factory-plans-page .plans .plan.recommended {
  height: 480px;
  margin-top: -25px;
}
.plans-page .plans .plan.recommended .plan-body,
.factory-plans-page .plans .plan.recommended .plan-body {
  height: 290px;
}
.plans-page .plans .current-plan-status,
.factory-plans-page .plans .current-plan-status {
  display: block;
  float: left;
  height: 40px;
  margin-top: 20px;
}
.plans-page .plans .current-plan-status .copy,
.factory-plans-page .plans .current-plan-status .copy {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 14px;
  color: #5a5a5a;
  font-style: italic;
}
.plans-page .plan-header,
.factory-plans-page .plan-header {
  text-align: center;
}
.plans-page .plan-header,
.factory-plans-page .plan-header,
.plans-page .plan-header p,
.factory-plans-page .plan-header p {
  color: #fff;
}
.plans-page .plan-header .title,
.factory-plans-page .plan-header .title {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  padding: 6px;
  margin-bottom: 0;
}
.plans-page .plan-header .content,
.factory-plans-page .plan-header .content {
  padding: 25px 20px;
  height: 50px;
  position: relative;
}
.plans-page .plan-header .content .actual-price img,
.factory-plans-page .plan-header .content .actual-price img {
  text-align: center;
  margin: 1% 38%;
}
.plans-page .plan-header .content .price,
.factory-plans-page .plan-header .content .price {
  position: relative;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 34px;
  line-height: 34px;
  margin-bottom: 0;
}
.plans-page .plan-header .content .price .strike,
.factory-plans-page .plan-header .content .price .strike {
  position: absolute;
  left: 50%;
  margin-left: -38.5px;
  top: -10px;
  background: url('/img/plans/price_strike.png') no-repeat 0 0;
  width: 61px;
  height: 61px;
}
.plans-page .plan-header .content .price .period,
.factory-plans-page .plan-header .content .price .period {
  font-size: 13px;
}
.plans-page .plan-header .content .green,
.factory-plans-page .plan-header .content .green {
  color: #39CC77;
}
.plans-page .plan-header .content .desc,
.factory-plans-page .plan-header .content .desc {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 13px;
  margin-top: 5px;
  color: #e9e9e9;
}
.plans-page .plan-body,
.factory-plans-page .plan-body {
  position: relative;
  background-color: #fff;
  color: #000;
  padding: 0 15px 15px 15px;
  height: 280px;
}
.plans-page .plan-body ul.features,
.factory-plans-page .plan-body ul.features {
  text-align: center;
  height: 70%;
  color: #000;
}
.plans-page .plan-body ul.features li,
.factory-plans-page .plan-body ul.features li {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 30px;
  float: none;
}
.plans-page .plan-body ul.features li.emphasis,
.factory-plans-page .plan-body ul.features li.emphasis {
  font-weight: 600;
}
.plans-page .plan-body .choose-plan,
.factory-plans-page .plan-body .choose-plan {
  bottom: 15px;
  margin: 0 11%;
}
.plans-page .plan-body .choose-plan .button.small,
.factory-plans-page .plan-body .choose-plan .button.small {
  width: 170px;
}
.plans-page .plan-body .choose-plan .button.current,
.factory-plans-page .plan-body .choose-plan .button.current {
  background-color: #999999;
}
.plans-page .plan,
.factory-plans-page .plan {
  /* Tier Variations */
}
.plans-page .plan .best-value,
.factory-plans-page .plan .best-value {
  background: url('/img/plans/best-value.png') no-repeat 0 0;
  width: 148px;
  height: 116px;
  position: absolute;
  top: -125px;
  right: 20%;
}
.plans-page .plan .arrow,
.factory-plans-page .plan .arrow {
  margin: 0 auto 15px auto;
}
.plans-page .plan.tier-intro .plan-header .title,
.factory-plans-page .plan.tier-intro .plan-header .title {
  background-color: #3e4750;
}
.plans-page .plan.tier-intro .plan-header .content,
.factory-plans-page .plan.tier-intro .plan-header .content {
  background-color: #4a545e;
}
.plans-page .plan.tier-intro .arrow,
.factory-plans-page .plan.tier-intro .arrow {
  border-left: 16px dashed transparent;
  border-right: 16px dashed transparent;
  border-top: 12px solid #4a545e;
  height: 0;
  width: 0;
}
.plans-page .plan.tier-mid .plan-header .title,
.factory-plans-page .plan.tier-mid .plan-header .title {
  background-color: #2d3238;
}
.plans-page .plan.tier-mid .plan-header .content,
.factory-plans-page .plan.tier-mid .plan-header .content {
  background-color: #383f46;
}
.plans-page .plan.tier-mid .arrow,
.factory-plans-page .plan.tier-mid .arrow {
  border-left: 16px dashed transparent;
  border-right: 16px dashed transparent;
  border-top: 12px solid #383f46;
  height: 0;
  width: 0;
}
.plans-page .plan.tier-ent .plan-header .title,
.factory-plans-page .plan.tier-ent .plan-header .title {
  background-color: #202428;
}
.plans-page .plan.tier-ent .plan-header .content,
.factory-plans-page .plan.tier-ent .plan-header .content {
  background-color: #282d32;
}
.plans-page .plan.tier-ent .arrow,
.factory-plans-page .plan.tier-ent .arrow {
  border-left: 16px dashed transparent;
  border-right: 16px dashed transparent;
  border-top: 12px solid #282d32;
  height: 0;
  width: 0;
}
.plans-page .plan .badge,
.factory-plans-page .plan .badge {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 13px;
  color: #fff;
  background-color: #588195;
  width: 101%;
  margin-bottom: 0;
  position: absolute;
  left: -3px;
  text-align: center;
  padding: 2px;
  margin-top: -24px;
}
.plans-page .plan .badge + .arrow,
.factory-plans-page .plan .badge + .arrow {
  border-left: 7px dashed transparent;
  border-right: 7px dashed transparent;
  border-top: 12px solid #588195;
  height: 0;
  width: 0;
}
.plans-page .testimonials,
.factory-plans-page .testimonials {
  margin: 0 auto;
  padding: 45px 0 10px 0;
}
.plans-page .testimonials .heading,
.factory-plans-page .testimonials .heading {
  margin-bottom: 60px;
}
.plans-page .testimonials ul,
.factory-plans-page .testimonials ul {
  margin-bottom: 0;
}
.plans-page .testimonials .slide-controller,
.factory-plans-page .testimonials .slide-controller {
  width: 24px;
  height: 42px;
  position: absolute;
  margin-top: 80px;
  z-index: 10;
}
.plans-page .testimonials .slide-controller:hover,
.factory-plans-page .testimonials .slide-controller:hover {
  cursor: pointer;
}
.plans-page .testimonials #testimonials-prev,
.factory-plans-page .testimonials #testimonials-prev {
  background: url(/img/plans/testimonials-arrow-left.png);
  margin-left: -24px;
}
.plans-page .testimonials #testimonials-next,
.factory-plans-page .testimonials #testimonials-next {
  background: url(/img/plans/testimonials-arrow-right.png);
  margin-left: 960px;
}
.plans-page .testimonials .tm-image-wrapper,
.factory-plans-page .testimonials .tm-image-wrapper {
  height: 110px;
  width: 110px;
  padding: 2px;
  border: solid 1px #f03a3b;
  border-radius: 100%;
  margin: 0 auto 60px auto;
}
.plans-page .testimonials .tm-image-wrapper .tm-image,
.factory-plans-page .testimonials .tm-image-wrapper .tm-image {
  height: 110px;
  width: 110px;
  border-radius: 100%;
}
.plans-page .testimonials .tm-quote,
.factory-plans-page .testimonials .tm-quote {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  line-height: 38px;
  color: #717c8e;
  text-align: center;
  width: 700px;
  margin: 0 130px;
  padding-top: 0;
  padding-bottom: 45px;
}
.plans-page .testimonials .tm-industry-wrapper,
.factory-plans-page .testimonials .tm-industry-wrapper {
  text-align: center;
}
.plans-page .testimonials .tm-industry,
.factory-plans-page .testimonials .tm-industry {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  color: #ffffff;
  background-color: #717c8e;
  padding: 5px 10px;
  text-align: center;
  text-transform: uppercase;
}
.plans-page .testimonials .tm-attribution,
.factory-plans-page .testimonials .tm-attribution {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  color: #717c8e;
  text-transform: uppercase;
}
.plans-page .testimonials .tm-attribution .tm-company,
.factory-plans-page .testimonials .tm-attribution .tm-company {
  color: #f03a3b;
}
.plans-page.wide > section,
.factory-plans-page.wide > section {
  max-width: 960px;
  margin: 0 auto;
  margin-bottom: 35px;
  padding: 15px;
}
.plans-page.wide > section:last-child,
.factory-plans-page.wide > section:last-child {
  margin-bottom: 0;
}
.plans-page.wide > section:first-child,
.factory-plans-page.wide > section:first-child {
  margin-top: 10px;
}
.plans-page .feature-icon,
.factory-plans-page .feature-icon {
  width: 64px;
  height: 64px;
}
.plans-page .feature-icon.adv-search,
.factory-plans-page .feature-icon.adv-search {
  background: url('/img/plans/icon-adv-search.png') 0 0 no-repeat;
}
.plans-page .feature-icon.brand-profile,
.factory-plans-page .feature-icon.brand-profile {
  background: url('/img/plans/icon-brand-profile.png') 0 0 no-repeat;
}
.plans-page .feature-icon.green-checkbox,
.factory-plans-page .feature-icon.green-checkbox {
  background: url('/img/plans/icon-checkbox.png') 0 0 no-repeat;
}
.plans-page .feature-icon.events,
.factory-plans-page .feature-icon.events {
  background: url('/img/plans/icon-events.png') 0 0 no-repeat;
}
.plans-page .feature-icon.inbox,
.factory-plans-page .feature-icon.inbox {
  background: url('/img/plans/icon-inbox.png') 0 0 no-repeat;
}
.plans-page .feature-icon.organize,
.factory-plans-page .feature-icon.organize {
  background: url('/img/plans/icon-organize.png') 0 0 no-repeat;
}
.plans-page .feature-icon.search,
.factory-plans-page .feature-icon.search {
  background: url('/img/plans/icon-search.png') 0 0 no-repeat;
}
.plans-page .factory-feature-icon,
.factory-plans-page .factory-feature-icon {
  width: 64px;
  height: 64px;
}
.plans-page .factory-feature-icon.search,
.factory-plans-page .factory-feature-icon.search {
  background: url('/img/plans/factory-feature-icons.png') 0 0px no-repeat;
}
.plans-page .factory-feature-icon.organize,
.factory-plans-page .factory-feature-icon.organize {
  background: url('/img/plans/factory-feature-icons.png') 0 -64px no-repeat;
}
.plans-page .factory-feature-icon.exposure,
.factory-plans-page .factory-feature-icon.exposure {
  background: url('/img/plans/factory-feature-icons.png') 0 -128px no-repeat;
}
.plans-page .factory-feature-icon.community,
.factory-plans-page .factory-feature-icon.community {
  background: url('/img/plans/factory-feature-icons.png') 0 -192px no-repeat;
}
.plans-page .factory-feature-icon.support,
.factory-plans-page .factory-feature-icon.support {
  background: url('/img/plans/factory-feature-icons.png') 0 -256px no-repeat;
}
.plans-page .factory-feature-icon.inbox,
.factory-plans-page .factory-feature-icon.inbox {
  background: url('/img/plans/factory-feature-icons.png') 0 -320px no-repeat;
}
.plans-page .static.companies,
.factory-plans-page .static.companies {
  height: 135px;
  display: table;
  border-top: solid 1px #dedede;
  border-bottom: solid 1px #dedede;
}
.plans-page .static.companies .company-wrapper,
.factory-plans-page .static.companies .company-wrapper {
  height: 135px;
  display: table-cell;
  vertical-align: middle;
}
.plans-page .static.companies .trusted-companies-heading,
.factory-plans-page .static.companies .trusted-companies-heading {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  text-transform: uppercase;
  color: #717c8e;
  background-color: white;
  position: absolute;
  margin-top: -8px;
  margin-left: 338px;
  padding: 0 10px;
}
.plans-page .static.companies .calvin-klein,
.factory-plans-page .static.companies .calvin-klein {
  background: url('/img/plans/trusted-users.png') 0 0px no-repeat;
  width: 120px;
  height: 21px;
  margin-right: 70px;
}
.plans-page .static.companies .ella-moss,
.factory-plans-page .static.companies .ella-moss {
  background: url('/img/plans/trusted-users.png') 0 -21px no-repeat;
  width: 114px;
  height: 27px;
  margin-right: 90px;
}
.plans-page .static.companies .ralph-lauren,
.factory-plans-page .static.companies .ralph-lauren {
  background: url('/img/plans/trusted-users.png') 0 -48px no-repeat;
  width: 187px;
  height: 24px;
  margin-right: 82px;
}
.plans-page .static.companies .stussy,
.factory-plans-page .static.companies .stussy {
  background: url('/img/plans/trusted-users.png') 0 -72px no-repeat;
  width: 82px;
  height: 72px;
  margin-right: 82px;
}
.plans-page .static.companies .ikea,
.factory-plans-page .static.companies .ikea {
  background: url('/img/plans/trusted-users.png') 0 -144px no-repeat;
  width: 147px;
  height: 51px;
  margin-right: 0px;
}
.plans-page .static .feature-icon,
.factory-plans-page .static .feature-icon,
.plans-page .static .factory-feature-icon,
.factory-plans-page .static .factory-feature-icon {
  margin: 0 auto;
  margin-bottom: 10px;
}
.plans-page .static .border,
.factory-plans-page .static .border {
  border-top: 1px dashed #cfcfcf;
}
.plans-page .static .heading,
.factory-plans-page .static .heading {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 22px;
  text-align: center;
  text-transform: uppercase;
  color: #282d32;
  margin-bottom: 40px;
}
.plans-page .static .content,
.factory-plans-page .static .content {
  padding: 15px 0;
  font-size: 14px;
  color: #282d32;
}
.plans-page .static .row:last-child,
.factory-plans-page .static .row:last-child {
  margin-bottom: 0;
}
.plans-page .static .row .item,
.factory-plans-page .static .row .item {
  /*  width: 285px;
        margin-left: 45px;
        text-align: center;
        display: inline-block;
        height: 150px;

        &:first-child {
          margin-left: 0;
        }*/
}
.plans-page .static .row .item .title,
.factory-plans-page .static .row .item .title {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  margin-bottom: 10px;
}
.plans-page .static .row .item .caption,
.factory-plans-page .static .row .item .caption {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  color: #565555;
  min-height: 80px;
}
.plans-page .static.faq .row,
.factory-plans-page .static.faq .row {
  margin-bottom: 10px;
}
.plans-page .static.faq .row.tall .caption,
.factory-plans-page .static.faq .row.tall .caption {
  height: 150px;
}
.plans-page .plans {
  margin-bottom: 0;
}
.plans-page .plans ul {
  margin: 15px 0 40px 0;
}
.plans-page .plans .plan-body {
  height: 360px;
}
.plans-page .plans .plan.wide {
  margin: 0 auto;
  margin-top: 20px;
}
.plans-page .plans .plan.wide .title {
  background-color: #282d32;
}
.plans-page .plans .plan.wide .plan-body {
  text-align: center;
  padding: 10px 0;
}
.plans-page .plans .plan.wide .plan-body p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.plans-page .plans .plan.wide .plan-body .choose-plan {
  position: static;
  bottom: 0;
  margin: 0 auto;
  width: 145px;
}
.plans-page .plans .plans-container {
  margin: 0 auto;
  max-width: 1100px;
  overflow: hidden;
}
.plans-page .plans .small {
  max-width: 800px !important;
}
.plans-page .personal-sourcing-upsell {
  margin: 50px 0;
}
.plans-page .personal-sourcing-upsell p,
.plans-page .personal-sourcing-upsell a {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 16px;
  color: #333333;
}
.plans-page .personal-sourcing-upsell a {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  color: #f03a3b;
}
.confirm-cancel-modal {
  max-width: 500px;
  margin: 0 auto;
}
.confirm-cancel-modal,
.confirm-cancel-modal p {
  font-size: 16px;
}
.confirm-cancel-modal .message {
  font-size: 13px;
}
.confirm-cancel-modal p {
  margin: 25px 0;
}
.confirm-cancel-modal p:first-child {
  margin-top: 0;
}
.confirm-cancel-modal .emphasis {
  color: #282d32;
  font-style: italic;
}
.confirm-cancel-modal button.cta {
  width: 48%;
}
.confirm-cancel-modal .cta.dark:active {
  background-color: #5a5a5a;
}
.confirm-cancel-modal .cta.dark:hover {
  background-color: #5a5a5a;
}
.feedback-modal {
  max-width: 500px;
  margin: 0 auto;
}
.feedback-modal .field-wrapper:last-child {
  padding-bottom: 25px;
}
.feedback-modal .field-wrapper label {
  color: #5a5a5a;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  text-transform: inherit;
}
.feedback-modal .field-wrapper .field label {
  font-size: 12px;
}
.feedback-modal .feedback-desc {
  color: #000;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 17px;
  font-style: italic;
  margin-bottom: 25px;
}
.feedback-modal .submit {
  left: 35%;
  position: relative;
  width: 145px;
}
.wp-plans {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  align-items: start;
  padding-bottom: 50px;
}
.wp-plans .secondary {
  background-color: #FDF9EB !important;
}
.wp-plans .we-plan {
  background-color: #FAFAFA;
  border-radius: 8px;
  padding: 32px;
  max-width: 300px;
  width: 100%;
  box-sizing: border-box;
  height: 650px;
  position: relative;
}
.wp-plans .we-plan .plan-title {
  font-size: 32px;
  color: #101A29;
  font-weight: 500;
}
.wp-plans .we-plan .plan-subtitle {
  font-size: 14px;
  color: #737588;
  margin: 24px 0;
}
.wp-plans .we-plan .plan-price {
  font-size: 32px;
  margin-bottom: 15px;
  color: #101A29;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 500;
}
.wp-plans .we-plan .plan-price small {
  font-size: 14px;
  font-weight: normal;
  color: #737588;
}
.wp-plans .we-plan .plan-billed {
  font-weight: bold;
  font-size: 14px;
}
.wp-plans .we-plan .plan-badge {
  background-color: #EEEFFF;
  color: #246bfd;
  position: absolute;
  padding: 6px 12px;
  border-radius: 5px;
  top: 25px;
  right: 10%;
}
.wp-plans .we-plan .plan-button {
  background-color: #493AFF;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 20px 40px;
  border-radius: 2px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.wp-plans .we-plan .plan-button:hover {
  background-color: #101A29;
}
.wp-plans .we-plan .plan-button-secondary {
  background-color: #F6C130 !important;
}
.wp-plans .we-plan .plan-button-secondary:hover {
  background-color: #246bfd !important;
}
.wp-plans .we-plan .plan-feature-list {
  font-size: 14px;
  color: #111827;
  margin: 20px 0;
}
.wp-plans .we-plan .plan-feature-list .plan-feature {
  display: grid;
  align-items: center;
  grid-template-columns: 20px 1fr;
  margin-bottom: 15px;
  gap: 5px;
}
.wp-plans .we-plan .plan-feature-list .plan-feature svg {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fff;
  fill: #fbbf24;
}
.wp-factory-plans {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  align-items: start;
  padding-bottom: 50px;
}
.wp-factory-plans .secondary {
  background-color: #FDF9EB !important;
}
.wp-factory-plans .we-plan {
  background-color: #FAFAFA;
  border-radius: 8px;
  padding: 32px;
  max-width: 400px;
  width: 100%;
  box-sizing: border-box;
  height: 650px;
  position: relative;
}
.wp-factory-plans .we-plan .plan-title {
  font-size: 32px;
  color: #101A29;
  font-weight: 500;
}
.wp-factory-plans .we-plan .plan-subtitle {
  font-size: 14px;
  color: #737588;
  margin: 24px 0;
}
.wp-factory-plans .we-plan .plan-price {
  font-size: 32px;
  margin-bottom: 15px;
  color: #101A29;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 500;
}
.wp-factory-plans .we-plan .plan-price small {
  font-size: 14px;
  font-weight: normal;
  color: #737588;
}
.wp-factory-plans .we-plan .plan-billed {
  font-weight: bold;
  font-size: 14px;
}
.wp-factory-plans .we-plan .plan-badge {
  background-color: #EEEFFF;
  color: #246bfd;
  position: absolute;
  padding: 6px 12px;
  border-radius: 5px;
  top: 25px;
  right: 10%;
}
.wp-factory-plans .we-plan .plan-button {
  background-color: #493AFF;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 20px 40px;
  border-radius: 2px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.wp-factory-plans .we-plan .plan-button:hover {
  background-color: #101A29;
}
.wp-factory-plans .we-plan .plan-button-secondary {
  background-color: #F6C130 !important;
}
.wp-factory-plans .we-plan .plan-button-secondary:hover {
  background-color: #246bfd !important;
}
.wp-factory-plans .we-plan .plan-feature-list {
  font-size: 14px;
  color: #111827;
  margin: 20px 0;
}
.wp-factory-plans .we-plan .plan-feature-list .plan-feature {
  display: grid;
  align-items: center;
  grid-template-columns: 20px 1fr;
  margin-bottom: 15px;
  gap: 5px;
}
.wp-factory-plans .we-plan .plan-feature-list .plan-feature svg {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fff;
  fill: #fbbf24;
}
.plan-heading {
  font-size: 56px;
  text-align: center;
  margin-bottom: 20px;
  font-weight: 500;
  line-height: 56px;
}
.plan-heading span {
  color: #695CFF;
  display: inline-block;
}
.payment-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 50px 0;
}
.payment-toggle span {
  font-size: 16px;
  color: #1f2937;
  margin: 0 15px;
  cursor: pointer;
}
.payment-toggle span.active {
  color: #1f2937;
}
.payment-toggle .toggle-switch {
  width: 70px;
  height: 34px;
  background-color: #d1d5db;
  border-radius: 17px;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0 3px;
}
.payment-toggle .toggle-circle {
  width: 28px;
  height: 28px;
  background-color: #fff;
  border-radius: 50%;
  transition: transform 0.3s ease;
  position: absolute;
  left: 3px;
}
.payment-toggle .toggle-circle.yearly {
  transform: translateX(36px);
}
@media (max-width: 1024px) {
  .wp-plans {
    grid-template-columns: repeat(3, 1fr);
  }
  .wp-factory-plans {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .wp-plans,
  .wp-factory-plans {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 20px;
  }
  .wp-plans .we-plan,
  .wp-factory-plans .we-plan {
    height: auto;
    max-width: 100%;
    padding: 24px;
  }
}
#feature.press-page {
  color: #ffffff;
  text-align: center;
  margin-bottom: 95px;
}
#feature.press-page > .content {
  background-image: url(/img/feature/feature-press.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: table;
  height: 100%;
  padding-bottom: 50px;
}
#feature.press-page .masthead {
  margin-bottom: 50px;
}
#feature.press-page .heading {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 60px;
  line-height: normal;
  text-transform: uppercase;
  margin-top: 100px;
  margin-bottom: 5px;
}
#feature.press-page .subheading,
#feature.press-page .video-text {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 16px;
}
#feature.press-page .subheading {
  margin-bottom: 100px;
}
#feature.press-page .video-text {
  margin-top: 30px;
  margin-bottom: 50px;
}
#feature.press-page #play-main-video {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 3px;
  line-height: 50px;
  text-transform: uppercase;
  color: #ffffff;
  display: inline !important;
  padding: 20px;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  display: block;
  height: inherit;
  text-decoration: none;
  width: inherit;
  border-radius: 100%;
  background: transparent;
  border: 2px solid #fff;
  border-color: rgba(255, 255, 255, 0.5);
}
#feature.press-page #play-main-video .play-arrow {
  position: relative;
  left: 3px;
}
#feature.press-page #play-main-video:hover {
  border-color: #fff;
}
.quotation-mark {
  background: url(/img/icons/quotation.png);
  width: 44px;
  height: 39px;
  margin-right: 30px;
  float: left;
}
#press-list {
  width: 960px;
  margin: auto;
}
#press-list .button {
  margin: auto;
  clear: both;
  cursor: pointer;
}
.press-item {
  width: 430px;
  height: 184px;
  margin-bottom: 130px;
  float: left;
}
.press-item.odd {
  margin-right: 100px;
}
.press-item.last {
  margin-bottom: 95px;
}
.press-item a {
  display: block;
}
.press-item .video-preview {
  width: 363px;
  height: 76px;
  margin-left: 74px;
}
.press-item .quote {
  height: 39px;
  margin-bottom: 80px;
}
.press-item .quote .quote-text {
  width: 356px;
  float: left;
  margin-top: -5px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 24px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  color: #484f5b;
}
.press-item .photo {
  height: 100px;
  width: 188px;
  margin-left: 74px;
  clear: both;
}
section.press-kit {
  text-align: center;
  background-color: white;
  padding-bottom: 50px;
  margin: 0 auto;
}
section.press-kit .arrow {
  width: 0;
  height: 0;
  margin: auto;
  margin-bottom: 40px;
  border-top: 40px solid #efefef;
  border-right: 40px solid transparent;
  border-left: 40px solid transparent;
}
section.press-kit h3 {
  text-transform: none;
}
section.press-kit .button {
  margin: auto;
  cursor: pointer;
}
/**
 * Project v2 Revamp styles
 */
.project-list i.trash-icon {
  height: 30px;
  background-position: 50%;
  cursor: pointer;
  display: none;
}
.project-list .item:hover i.trash-icon {
  display: block;
}
.projects-app {
  background-color: #fff;
}
.projects-app .hero {
  min-height: inherit;
}
.projects-app a:hover {
  cursor: pointer;
}
.projects-app .section-tabs {
  border-bottom: 2px solid #585f6a;
}
.projects-app .section-tabs .section-tab.active {
  background: #585f6a;
}
.projects-app .projects-header {
  display: block;
  position: relative;
  height: 35px;
}
.projects-app .projects-header:after {
  content: "";
  display: table;
  clear: both;
}
.projects-app .projects-header .section-tabs-container .section-tab {
  float: left;
  cursor: pointer;
}
.projects-app .projects-header .section-tabs-container .section-tab.active {
  background: #585f6a;
}
.projects-app .projects-header .section-tabs-container .section-tab:hover {
  text-decoration: none;
}
.projects-app .projects-header .section-tabs-container .section-tab:hover:not(.active) {
  background: #858585;
}
.projects-app .projects-header .section-tabs-pointer {
  float: left;
  vertical-align: middle;
  display: inline-block;
  line-height: 35px;
  color: #ababab;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 3.8px;
}
.projects-app .projects-header .section-tabs-pointer:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #ababab;
  float: right;
  margin-top: 11.5px;
}
.projects-app .projects-header .button {
  float: right;
  height: 30px;
  line-height: 30px;
  margin-top: 2.5px;
  vertical-align: middle;
}
.projects-app .section-bottom-tabs {
  margin-bottom: 20px;
}
.projects-app .section-bottom-tabs .section-tab {
  float: left;
  border-radius: 4px;
}
.projects-app .section-bottom-tabs .section-tab.active {
  background: #585f6a;
}
.projects-app .section-bottom-tabs .section-tab:hover {
  text-decoration: none;
}
.projects-app .section-bottom-tabs .section-tab:hover:not(.active) {
  background: #858585;
}
.projects-app .section-tab {
  width: 144px;
  height: 35px;
  box-sizing: border-box;
  background: #999999;
  margin-right: 5px;
  color: white;
  display: table;
  border-radius: 2px 2px 0 0;
}
.projects-app .section-tab:hover {
  text-decoration: none;
}
.projects-app .section-tab .section-tab-number {
  display: table-cell;
  width: 40px;
  text-align: center;
  vertical-align: middle;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 21px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
}
.projects-app .section-tab .section-tab-title {
  display: table-cell;
  width: 104px;
  vertical-align: middle;
  padding-top: 1px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  text-transform: capitalize;
}
.projects-app .section-tab-line {
  height: 2px;
  width: 100%;
  display: block;
  background: #585f6a;
  position: absolute;
  margin-top: 34px;
}
.projects-app .section-info-text p {
  margin: 10px 0 30px 0;
  font-family: 'Helvetica Neue';
  font-size: 15px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  color: #989898;
  line-height: 18px;
}
.projects-app .section-info-text p a {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}
.projects-app .tabs-actions {
  text-align: center;
  padding: 50px 0;
}
.projects-app .tab-content {
  display: none;
}
.projects-app .tab-content.active {
  display: block!important;
}
.projects-app .projects-btn {
  border-radius: 3px;
  letter-spacing: 1px;
  display: inline-block;
  line-height: 40px;
  height: 40px;
  color: #585f6a;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 14px;
  text-align: center;
  background: #d9dee5;
  padding: 0 14px;
  position: relative;
}
.projects-app .projects-btn:hover {
  text-decoration: none;
  background: #484f5b;
  color: #fff;
}
.project-form-hero {
  padding-top: 20px;
  text-align: center;
  width: 100%;
}
.project-form-hero .hero-title {
  line-height: normal;
  font-size: 40px;
  color: #4a3aff;
  font-weight: 800;
  text-transform: uppercase;
}
.project-form-hero .hero-heading {
  margin-top: 10px;
  font-size: 24px;
  color: #ff9533;
  font-weight: 700;
}
.project-form-hero p {
  font-size: 16px;
  color: #838895;
}
.project-form-container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 25px 20px;
  display: flex;
  flex-direction: column;
}
.project-form-container label {
  display: block;
  color: #484f5b;
  font: 14px "Heebo", Arial, sans-serif;
  text-transform: none;
  line-height: 25px;
  margin: 0;
  font-weight: 500;
  letter-spacing: 0;
  padding: 0;
}
.project-form-container input {
  height: 35px;
}
.project-form-container input,
.project-form-container textarea {
  border-radius: 3px;
  border: 1px solid #cfcece;
  padding: 10px;
  color: #6c6b6b;
}
.project-form-container input::-moz-placeholder, .project-form-container textarea::-moz-placeholder {
  opacity: 0.7;
}
.project-form-container input::placeholder,
.project-form-container textarea::placeholder {
  opacity: 0.7;
}
.project-form-container input:disabled,
.project-form-container textarea:disabled {
  cursor: not-allowed;
}
.project-form-container select {
  box-sizing: border-box;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  background: #fff;
  border: 1px solid #cfcece;
  border-radius: 3px;
  color: #6c6b6b;
  height: 35px;
  line-height: 20px;
  margin: 0;
  padding: 4px 10px;
  text-align: left;
  vertical-align: middle;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='gray' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 9px center;
  background-size: 14px;
}
.project-form-container .item-block {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.project-form-container .item-block + .item-block,
.project-form-container .item-block + .row-two-block {
  margin-top: 20px;
}
@media only screen and (max-width: 529px) {
  .project-form-container .item-block {
    margin-top: 20px;
  }
}
.project-form-container .item-half-block {
  width: 44%;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 529px) {
  .project-form-container .item-half-block {
    width: 100%;
  }
  .project-form-container .item-half-block + .item-half-block {
    margin-top: 20px;
  }
}
.project-form-container .row-two-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 529px) {
  .project-form-container .row-two-block {
    flex-direction: column;
  }
}
.project-form-container .row-two-block + .row-two-block,
.project-form-container .row-two-block + .item-block {
  margin-top: 20px;
}
.project-form-container .publish-disclaimer {
  text-align: center;
  color: #4a3aff;
  font-size: 16px;
  margin-top: 40px;
}
.project-form-container .pub-container {
  margin-top: 40px;
}
.project-form-container .publish-btn {
  padding: 8px 25px;
  font-size: 15px;
  font-weight: 500;
  background-color: #4a3aff;
  box-shadow: none;
  letter-spacing: 0;
  text-transform: none;
  line-height: normal;
  letter-spacing: 0.3px;
  height: auto;
  width: auto;
}
.project-form-container .publish-btn:hover {
  box-shadow: none !important;
  text-decoration: underline;
}
.project-form-container .publish-btn.btn-danger {
  background-color: #f04e38;
}
.project-form-container .publish-btn.disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.project-form-container .publish-notice {
  margin-top: 10px;
}
.project-form-container .done-cta2 {
  color: #4a3aff !important;
  font-weight: 500;
  text-decoration: underline;
}
.project-form-container #copy-project-input {
  margin-top: 30px;
}
.project-form-container #copy-project-input label {
  font-size: 18px;
  font-weight: 600;
  color: #ff9533;
}
.project-form-container #copy-project-input #project-public-url {
  margin-top: 15px;
}
.project-form-container #copy-project-btn {
  width: auto;
  height: auto;
  color: white !important;
  line-height: normal;
  padding: 9px 25px;
  letter-spacing: 0.3px;
}
@media only screen and (max-width: 529px) {
  .project-form-container #copy-project-btn {
    margin-top: 10px;
  }
}
.project-form-container #copy-project-btn:hover {
  box-shadow: none !important;
}
.project-edit .product-name-charlimit {
  font-family: 'Helvetica Neue', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
  font-size: 10px;
  font-style: italic;
  color: #999999;
  line-height: 25px;
  float: right;
}
.project-edit .qty-label,
.project-edit .prev-produced-field > label {
  line-height: 40px;
}
.project-edit .prev-produced-field {
  margin-top: 40px;
  margin-bottom: 80px;
}
.project-edit .prev-produced-field .control-options.left {
  margin-left: 28px;
}
.project-edit label.not-too-wide {
  font-family: ArialMT;
  font-size: 12px;
  color: #585f6a;
  line-height: normal !important;
  max-width: 365px;
}
.project-edit a.short {
  width: inherit;
  font-size: 12px;
  height: 30px;
  margin-left: 25px;
  line-height: 30px;
}
.project-edit section .section-title,
.project-edit .section .section-title {
  width: 120px;
}
.project-edit section .date-label,
.project-edit .section .date-label {
  width: 220px;
  line-height: 40px;
}
.project-edit section .date-picker,
.project-edit .section .date-picker {
  background-color: transparent;
  cursor: pointer;
}
.project-edit .row-wrapper.size-40 {
  margin-bottom: 10px;
}
.project-edit .files .tab-content {
  width: 745px;
}
.project-edit .files .tab-content > .description p {
  font: 13px "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  color: #717c8e;
}
.project-edit .files .tab-view {
  height: 350px;
}
.project-edit .files .upload-box {
  margin-bottom: 0px;
}
.project-edit .files .upload-box .upload-area {
  margin-bottom: 0px;
}
.project-edit .files .upload-box .upload-alert {
  margin-top: 20px;
  margin-bottom: 0px;
}
.project-edit .files .file-list {
  max-height: 300px;
  padding-top: 20px;
  overflow-y: scroll;
}
.project-edit .files .file-item .thumbnail-col .thumbnail {
  height: 100%;
  width: 100%;
}
.project-edit .files .file-item .thumbnail-col img {
  width: 40px;
  height: 40px;
}
.project-edit .files .file-item .actions {
  width: 70px;
}
.project-edit .files .file-item .actions .action {
  position: relative;
}
.project-edit .files .file-item .actions .popover {
  margin-right: -9px;
  margin-top: -40px;
  left: auto !important;
  top: auto !important;
}
.project-edit .files .file-item .actions .popover.top .arrow {
  bottom: -5px;
}
.project-edit .files .file-item .use-as-listing-btn {
  visibility: hidden;
}
.project-edit .files .file-item.image:hover .use-as-listing-btn {
  visibility: visible;
}
.project-edit .files .file-item.image:hover .use-as-listing-btn i.photo {
  background: url('/img/icons/photo-icon-charcoal.png') no-repeat;
}
.project-edit .files .file-item.image.is-listing-image .use-as-listing-btn {
  visibility: visible;
}
.project-edit .files .file-item.image.is-listing-image .use-as-listing-btn:hover {
  cursor: default;
}
.project-edit .files .file-item.image.is-listing-image .use-as-listing-btn .popover {
  display: none !important;
}
.project-edit .files .file-item.image.is-listing-image .use-as-listing-btn i.photo {
  background: url('/img/icons/photo-icon-gray.png') no-repeat;
}
.project-edit .capabilities-helpbar {
  position: relative;
}
.project-edit .capabilities-helpbar .capability {
  width: 105px;
  float: left;
  position: relative;
  z-index: 10;
  display: block;
}
.project-edit .capabilities-helpbar .capability:first-child .capability-line {
  border-radius: 20px 0 0 20px;
}
.project-edit .capabilities-helpbar .capability:last-child .capability-line {
  border-radius: 0 20px 20px 0;
}
.project-edit .capabilities-helpbar .capability:hover .capability-button,
.project-edit .capabilities-helpbar .capability.active .capability-button,
.project-edit .capabilities-helpbar .capability:hover .capability-line,
.project-edit .capabilities-helpbar .capability.active .capability-line {
  background: #f03a3b;
}
.project-edit .capabilities-helpbar .capability:hover .capability-text,
.project-edit .capabilities-helpbar .capability.active .capability-text {
  color: #5a5a5a;
}
.project-edit .capabilities-helpbar .capability-text {
  text-align: center;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  padding: 5px 0;
  color: #cfcfcf;
  transition: 0.5s ease all;
  cursor: pointer;
}
.project-edit .capabilities-helpbar .capability-button {
  background: #5a5a5a;
  text-decoration: none;
  display: block;
  border-radius: 50%;
  margin: 0 auto;
  transition: 0.5s ease all;
  width: 50px;
  height: 50px;
}
.project-edit .capabilities-helpbar .capability-button i {
  color: white;
  text-decoration: none;
  font-size: 50px;
  line-height: 50px;
}
.project-edit .capabilities-helpbar .capability-line {
  width: 105px;
  height: 10px;
  background: #5a5a5a;
  position: absolute;
  transition: 0.5s ease all;
  top: 20px;
  z-index: -1;
}
.project-edit .help-me-with .right-section {
  width: 260px;
  float: right;
  margin-top: 10px;
  padding: 0 10px;
}
.project-edit .help-me-with .right-section p {
  color: #282d32;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 25px;
  text-align: center;
}
.project-edit .help-me-with .row-wrapper {
  display: flex;
  height: 50px;
}
.project-edit .help-me-with .row-wrapper .row-item {
  flex: 1;
  width: initial;
}
.project-edit .help-me-with .row-wrapper .row-item.mini,
.project-edit .help-me-with .row-wrapper .row-item.mini .select {
  flex: 0 0 90px;
}
.project-edit .help-me-with .row-wrapper .row-item.small,
.project-edit .help-me-with .row-wrapper .row-item.small .select {
  flex: 0 0 140px;
}
.project-edit .help-me-with .row-wrapper .row-item .vdatetime > input {
  display: none;
}
.project-edit .help-me-with .row-wrapper .row-item .mx-datepicker {
  width: auto !important;
}
.project-edit .help-me-with .row-wrapper .row-item .mx-icon-calendar,
.project-edit .help-me-with .row-wrapper .row-item .mx-icon-clear {
  margin-top: 17px;
}
.project-edit .help-me-with .row-create-item .action-col {
  height: 30px;
  padding: 12px 0;
  flex: 0 0 20px;
}
.project-edit .help-me-with .row-create-item .action {
  display: none;
}
.project-edit .help-me-with .select:not(.disabled) {
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
}
.project-edit .help-me-with .select:not(.disabled).choosen .selected {
  color: #282d32;
  font-style: normal;
}
.project-edit .help-me-with .select:not(.disabled):before {
  border-top: 6px solid #999999;
  margin: 17px 15px;
}
.project-edit .help-me-with .select:not(.disabled) .selected {
  color: #999999;
  font-style: italic;
}
.project-edit .help-me-with .select,
.project-edit .help-me-with .selected {
  line-height: 40px;
  height: 38px;
}
.project-edit .help-me-with .select:before {
  margin: 18px 15px;
}
.project-edit .help-me-with .select.disabled {
  background: #faf7f0;
}
.project-edit .help-me-with .select.disabled .selected {
  color: #282d32;
}
.project-edit .help-me-with .select.disabled select {
  cursor: text;
}
.project-edit .help-me-with input[type="text"] {
  height: 40px;
}
.project-edit .help-me-with input[type="text"]:disabled {
  background: #faf7f0;
  color: #282d32;
  cursor: text;
}
.project-edit .help-me-with ::-webkit-input-placeholder {
  font-style: italic;
}
.project-edit .help-me-with :-moz-placeholder {
  /* Firefox 18- */
  font-style: italic;
}
.project-edit .help-me-with ::-moz-placeholder {
  /* Firefox 19+ */
  font-style: italic;
}
.project-edit .help-me-with :-ms-input-placeholder {
  font-style: italic;
}
.project-edit .help-me-with .date-picker {
  height: 20px !important;
}
.project-edit .help-me-with .action {
  line-height: 40px;
  height: 0px;
  display: inline-block;
}
.project-edit .help-me-with .row-item > label {
  font-size: 16px;
  text-transform: uppercase;
  margin-right: 20px;
  line-height: 40px;
}
.project-edit .help-me-with .completed {
  flex: 0 0 30px !important;
  background-image: url('/img/icons/icon-check-grey.png');
  background-repeat: no-repeat;
  background-position: 0 50%;
  margin-right: 10px;
  height: 40px;
  display: block;
  width: 27px;
}
.project-edit .help-me-with .completed.active {
  background-image: url('/img/icons/icon-check-green.png');
}
.project-edit .help-me-with .next-section {
  text-align: center;
  color: #999999;
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  margin: 20px 0;
}
.project-edit .help-me-with .next-section .big {
  color: #5a5a5a;
  font-size: 50px;
  line-height: 70px;
}
.project-edit .help-me-with .next-section a {
  color: #5a5a5a;
  text-decoration: underline;
}
.project-edit .help-me-with .add-item-button {
  margin-left: 35px;
}
.project-edit .help-me-with .add-item-button .button {
  width: 120px;
}
.project-edit .help-me-with .add-item-button a {
  background-color: #5a5a5a;
}
.project-edit .help-me-with .panel-section {
  margin-top: 20px;
  background: #ffffff;
  width: 960px;
  min-height: 417px;
}
.project-edit .help-me-with .panel-section .panel-title {
  display: block;
  background: #999999;
  color: white;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 18px;
  padding: 10px 25px;
  margin-bottom: 20px;
  border-radius: 5px 5px 0 0;
}
.project-edit .help-me-with .panel-section .panel-content {
  float: left;
  width: 660px;
}
.project-edit .help-me-with .panel-section .panel-content .panel-fields {
  padding: 0 20px;
}
.project-edit .help-me-with .panel-section .panel-sidebar {
  box-sizing: border-box;
  width: 280px;
  margin-bottom: 15px;
  float: right;
}
.project-edit .help-me-with .panel-section .panel-sidebar .panel-sidebar-section {
  padding: 10px 15px;
  background: #ffffff;
  margin-bottom: 5px;
  border-radius: 5px;
  width: 224px;
  display: block;
  border: 1px solid #cfcfcf;
}
.project-edit .help-me-with .panel-section .panel-sidebar .panel-sidebar-section .title {
  font-size: 14px;
  color: #282d32;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  margin-bottom: 5px;
}
.project-edit .help-me-with .panel-section .panel-sidebar .panel-sidebar-section .description {
  color: #282d32;
}
.project-edit a.view-projects {
  text-align: center;
  display: block;
  font-size: 14px;
  margin: 30px auto 10px auto;
  color: #717c8e;
}
.project-edit .save-notification .message {
  display: none;
}
.project-edit .done-editing .js-proceed-to-mm div {
  margin-top: 15px;
}
.project-edit .done-editing .done-heading {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 24px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  color: #3d434d;
  margin-top: 45px;
  margin-bottom: 35px;
}
.project-edit .done-editing .share-project {
  width: 580px;
}
.project-edit .done-editing .share-project .share-text {
  margin-top: 15px;
  font: 13px "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  line-height: 0;
  color: #717c8e;
}
.project-edit .done-editing .share-project .view-text {
  font-size: 12px;
  line-height: 16px;
  color: #717c8e;
  margin-left: 15px;
}
.project-edit .done-editing .button-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.project-edit .done-editing .button-2 a {
  color: #fff;
  background-color: none;
  text-decoration: none;
}
.project-edit .status-bar .disclosure p {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 28px;
  text-transform: none;
}
.project-edit .status-bar .disclosure p:before {
  content: "";
  height: 15px;
  width: 15px;
  background-image: url('/img/icons/lock-icon.png');
  background-repeat: no-repeat;
  float: left;
  margin-top: 6px;
  margin-right: 3px;
}
.project-edit .status-bar.fixed {
  top: 62px;
}
@media only screen and (max-width: 529px) {
  .project-edit .page-container {
    width: 100% !important;
    max-width: none!important;
  }
  .project-edit .pub-button-container,
  .project-edit .pub-checklist-container {
    width: 100%;
    float: none;
    margin: 15px 0 0;
  }
  .project-edit .pub-button-container .control-options,
  .project-edit .pub-checklist-container .control-options {
    margin: 10px 0 0;
  }
  .project-edit .share-project {
    width: 100%!important;
    margin: 15px 0 0;
  }
  .project-edit .project-files .navigation li {
    width: 100%!important;
    position: relative!important;
    margin-top: 0!important;
  }
  .project-edit .project-files .navigation,
  .project-edit .project-files .upload-container {
    float: none;
    width: 100%;
  }
  .project-edit .budget .control-boolean {
    width: 100%;
    display: block;
    float: none;
    margin: 0 0 3px;
  }
  .project-edit .prev-produced-field {
    width: 100%!important;
  }
  .project-edit .help-me-with-header .capabilities-helpbar {
    text-align: center;
    margin: 15px 0 0;
    content: " ";
    display: table;
    zoom: 1;
    *zoom: 1;
  }
  .project-edit .help-me-with-header .capabilities-helpbar:before,
  .project-edit .help-me-with-header .capabilities-helpbar:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .project-edit .help-me-with-header .capabilities-helpbar:after {
    clear: both;
  }
  .project-edit .help-me-with-header .capabilities-helpbar:before,
  .project-edit .help-me-with-header .capabilities-helpbar:after {
    content: "";
    display: table;
  }
  .project-edit .help-me-with-header .capabilities-helpbar:after {
    clear: both;
  }
  .project-edit .help-me-with-header .capabilities-helpbar:before,
  .project-edit .help-me-with-header .capabilities-helpbar:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .project-edit .help-me-with-header .capabilities-helpbar:after {
    clear: both;
  }
  .project-edit .help-me-with-header .capabilities-helpbar li {
    float: none;
    display: inline-block;
  }
  .project-edit .help-me-with-header .right-section {
    float: none;
    width: 100%;
  }
  .project-edit .add-item-button {
    margin: 0!important;
  }
  .project-edit .add-item-button .button {
    width: 100%!important;
    max-width: none;
    padding: 0;
  }
  .project-edit .control-options.double {
    width: 100%;
    content: " ";
    display: table;
    zoom: 1;
    *zoom: 1;
  }
  .project-edit .control-options.double:before,
  .project-edit .control-options.double:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .project-edit .control-options.double:after {
    clear: both;
  }
  .project-edit .control-options.double:before,
  .project-edit .control-options.double:after {
    content: "";
    display: table;
  }
  .project-edit .control-options.double:after {
    clear: both;
  }
  .project-edit .control-options.double:before,
  .project-edit .control-options.double:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .project-edit .control-options.double:after {
    clear: both;
  }
  .project-edit .control-options.double .control-boolean {
    width: 49%;
    display: block;
    float: left;
    margin: 0 0px 3px 0;
  }
  .project-edit .control-options.double .control-boolean:last-of-type {
    margin-left: 2%;
  }
  .project-edit .status-bar {
    padding: 5px 10px;
    text-align: left;
    word-wrap: break-word;
    height: auto;
  }
  .project-edit .status-bar > div {
    width: auto!important;
  }
  .project-edit .status-bar > div > div {
    float: none!important;
    display: block!important;
    word-wrap: break-word;
  }
  .project-edit .status-bar > div > div p {
    word-wrap: break-word;
  }
  .project-edit .capabilities-helpbar .capability {
    width: 95px;
  }
  .project-edit .panel-section {
    width: 100%!important;
    content: " ";
    display: table;
    zoom: 1;
    *zoom: 1;
  }
  .project-edit .panel-section:before,
  .project-edit .panel-section:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .project-edit .panel-section:after {
    clear: both;
  }
  .project-edit .panel-section:before,
  .project-edit .panel-section:after {
    content: "";
    display: table;
  }
  .project-edit .panel-section:after {
    clear: both;
  }
  .project-edit .panel-section:before,
  .project-edit .panel-section:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .project-edit .panel-section:after {
    clear: both;
  }
  .project-edit .panel-section .panel-content {
    width: 100%!important;
    float: none!important;
    content: " ";
    display: table;
    zoom: 1;
    *zoom: 1;
  }
  .project-edit .panel-section .panel-content:before,
  .project-edit .panel-section .panel-content:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .project-edit .panel-section .panel-content:after {
    clear: both;
  }
  .project-edit .panel-section .panel-content:before,
  .project-edit .panel-section .panel-content:after {
    content: "";
    display: table;
  }
  .project-edit .panel-section .panel-content:after {
    clear: both;
  }
  .project-edit .panel-section .panel-content:before,
  .project-edit .panel-section .panel-content:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .project-edit .panel-section .panel-content:after {
    clear: both;
  }
  .project-edit .panel-section .panel-content .control-options {
    margin-top: 47px;
  }
  .project-edit .panel-section .panel-sidebar {
    width: 100%!important;
    float: none!important;
    margin: 0;
    content: " ";
    display: table;
    zoom: 1;
    *zoom: 1;
  }
  .project-edit .panel-section .panel-sidebar:before,
  .project-edit .panel-section .panel-sidebar:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .project-edit .panel-section .panel-sidebar:after {
    clear: both;
  }
  .project-edit .panel-section .panel-sidebar:before,
  .project-edit .panel-section .panel-sidebar:after {
    content: "";
    display: table;
  }
  .project-edit .panel-section .panel-sidebar:after {
    clear: both;
  }
  .project-edit .panel-section .panel-sidebar:before,
  .project-edit .panel-section .panel-sidebar:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .project-edit .panel-section .panel-sidebar:after {
    clear: both;
  }
  .project-edit .panel-section .panel-sidebar > div {
    margin: 0 20px 15px;
    width: auto!important;
  }
  .project-edit section {
    padding: 0 10px;
  }
  .project-edit section .row-wrapper {
    height: auto!important;
    margin: 0 0 10px;
    width: 100%!important;
    max-width: 100%!important;
    content: " ";
    display: table;
    zoom: 1;
    *zoom: 1;
  }
  .project-edit section .row-wrapper:before,
  .project-edit section .row-wrapper:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .project-edit section .row-wrapper:after {
    clear: both;
  }
  .project-edit section .row-wrapper:before,
  .project-edit section .row-wrapper:after {
    content: "";
    display: table;
  }
  .project-edit section .row-wrapper:after {
    clear: both;
  }
  .project-edit section .row-wrapper:before,
  .project-edit section .row-wrapper:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .project-edit section .row-wrapper:after {
    clear: both;
  }
  .project-edit section .row-item {
    width: auto;
    min-height: 30px;
    margin: 0 0 5px;
    content: " ";
    display: table;
    zoom: 1;
    *zoom: 1;
  }
  .project-edit section .row-item:before,
  .project-edit section .row-item:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .project-edit section .row-item:after {
    clear: both;
  }
  .project-edit section .row-item:before,
  .project-edit section .row-item:after {
    content: "";
    display: table;
  }
  .project-edit section .row-item:after {
    clear: both;
  }
  .project-edit section .row-item:before,
  .project-edit section .row-item:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .project-edit section .row-item:after {
    clear: both;
  }
  .project-edit section .row-item.inline,
  .project-edit section .row-item.textarea {
    width: 100%;
    display: block;
    float: none!important;
  }
  .project-edit section .row-item.inline.completed,
  .project-edit section .row-item.textarea.completed,
  .project-edit section .row-item.inline.active,
  .project-edit section .row-item.textarea.active {
    width: 30px;
    float: left!important;
    display: none;
  }
  .project-edit section .row-item.inline.completed + label,
  .project-edit section .row-item.textarea.completed + label,
  .project-edit section .row-item.inline.active + label,
  .project-edit section .row-item.textarea.active + label {
    font-size: 14px;
    margin: 0;
  }
  .project-edit section .row-item.inline.small,
  .project-edit section .row-item.textarea.small {
    width: 100%!important;
    float: left!important;
  }
  .project-edit section .row-item.inline.small .input,
  .project-edit section .row-item.textarea.small .input,
  .project-edit section .row-item.inline.small .select,
  .project-edit section .row-item.textarea.small .select {
    width: 100%;
  }
  .project-edit section .row-item.inline.medium,
  .project-edit section .row-item.textarea.medium {
    width: 85%!important;
    display: block;
    float: left!important;
  }
  .project-edit section .row-item.inline.medium .input,
  .project-edit section .row-item.textarea.medium .input,
  .project-edit section .row-item.inline.medium .select,
  .project-edit section .row-item.textarea.medium .select {
    width: 100%;
  }
  .project-edit section .row-item.inline.action-col,
  .project-edit section .row-item.textarea.action-col {
    width: 20px;
    margin-left: 5px;
    float: right!important;
  }
  .project-edit section p {
    padding: 0!important;
  }
  .project-edit section input,
  .project-edit section textarea,
  .project-edit section select {
    width: 100%!important;
    max-width: none;
  }
}
.deleted-project-alert,
.example-project-alert {
  width: 100%;
  position: fixed;
  padding: 5px;
  text-align: center;
  color: #fff;
  background-color: #5a5a5a;
  z-index: 1000;
}
.main-header + .deleted-project-alert,
.main-header + .example-project-alert {
  top: 70px;
}
.example-project-alert + .projects-app .status-bar {
  display: none !important;
}
.deleted-project-alert {
  background-color: #f03a3b;
}
.example-project-alert {
  background-color: #588195;
}
#project-view {
  margin-top: 70px;
  padding: 58px 0 0 0;
  font-size: 14px;
  line-height: 18px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif, arial, sans-serif;
  font-weight: 300;
  color: #717c8e;
  background: #f4f5f6;
  min-width: 980px;
  /*====================
            BUTTONS
    ====================*/
  /*====================
            PRODUCT
    ====================*/
}
#project-view p {
  font-size: 14px;
  line-height: 18px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif, arial, sans-serif;
  font-weight: 300;
  color: #717c8e;
}
#project-view h3 {
  letter-spacing: normal;
  text-transform: none;
}
#project-view a {
  color: #f03a3b;
  text-decoration: none;
  cursor: pointer;
}
#project-view a:hover {
  text-decoration: underline;
}
#project-view a img {
  border: 0;
}
#project-view input,
#project-view textarea,
#project-view select {
  font-size: 12px;
  font-family: arial, sans-serif;
}
#project-view textarea {
  overflow: auto;
}
#project-view .cl {
  display: block;
  height: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -4000px;
  clear: both;
}
#project-view .notext {
  font-size: 0;
  line-height: 0;
  text-indent: -4000px;
}
#project-view .left,
#project-view .alignleft {
  float: left;
  display: inline;
}
#project-view .right,
#project-view .alignright {
  float: right;
  display: inline;
}
#project-view .shell {
  width: 960px;
  padding: 0 10px;
  margin: 0 auto;
}
#project-view .list-helps li,
#project-view .clearfix,
#project-view .navs {
  *zoom: 1;
}
#project-view .list-helps li:after,
#project-view .clearfix:after,
#project-view .navs:after {
  width: 100%;
  content: '';
  font-size: 0;
  line-height: 0;
  text-indent: -4000px;
  clear: both;
  display: block;
}
#project-view .projects-btn {
  letter-spacing: 1px;
  display: inline-block;
  line-height: 40px;
  height: 40px;
  color: #585f6a;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 14px;
  text-align: center;
  background: #d9dee5;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  padding: 0 14px;
  position: relative;
}
#project-view .section-head .find-factories {
  margin-right: 120px;
}
#project-view .find-factories {
  background-color: #f03a3b;
  color: #fff;
}
#project-view .projects-btn-download {
  background: #484f5b;
  line-height: 20px;
  height: 20px;
  font-size: 10px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  text-transform: uppercase;
  color: #fff;
  position: absolute;
  bottom: 10px;
  right: 0;
}
#project-view .projects-btn.projects-btn-inquire {
  width: 175px;
}
#project-view .ico-mail {
  position: relative;
  width: 21px;
  height: 13px;
  background: url(/img/projects/message_dark.png) no-repeat 0 0;
  display: inline-block;
  margin-right: 7px;
  margin-bottom: -2px;
}
#project-view .ico-download {
  background: url(/img/projects/download_ico.png) no-repeat 0 0;
  display: inline-block;
  width: 11px;
  height: 10px;
  margin-right: 7px;
}
#project-view .projects-btn:hover {
  text-decoration: none;
  background: #484f5b;
  color: #fff;
}
#project-view .section-product {
  padding-bottom: 67px;
}
#project-view .section-product .section-head {
  position: relative;
  margin-bottom: 32px;
}
#project-view .section-product .section-head img {
  display: inline;
  margin-right: 10px;
  vertical-align: middle;
}
#project-view .section-product .section-title {
  font-size: 30px;
  color: #000;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-weight: normal;
  line-height: 30px;
  padding-bottom: 8px;
}
#project-view .section-product .section-head .projects-btn {
  position: absolute;
  bottom: 0;
  right: 0;
}
#project-view .section-product .section-head .projects-btn:hover .ico-mail {
  background: url(/img/projects/message_white.png) no-repeat 0 0;
}
#project-view .section-product .product-image {
  float: left;
  width: 460px;
  position: relative;
  overflow: hidden;
  height: 335px;
}
#project-view .section-product .product-image .cover-image {
  width: 460px;
  height: 335px;
}
#project-view .section-product .image-holder {
  position: relative;
  display: block;
  z-index: 999;
  height: 100%;
}
#project-view .section-product .image-holder .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2) url(/img/projects/magnify_large.png) no-repeat center center;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}
#project-view .section-product .image-holder:hover .overlay {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  height: 100%;
}
#project-view .nophoto {
  position: absolute;
  width: 100%;
  text-align: center;
  height: 100%;
  box-shadow: inset 0px 0px 0px 4px #d9dee4;
}
#project-view .nophoto .ico-nophoto {
  display: inline-block;
  background: url(/img/projects/no_image.png) no-repeat 0 0;
  width: 106px;
  height: 114px;
  margin-top: 100px;
}
#project-view .nophoto a {
  display: inline-block;
  text-decoration: underline;
  color: #717c8e;
}
#project-view .nophoto a:hover {
  text-decoration: none;
}
#project-view .section-product .section-body {
  width: 100%;
}
#project-view .section-product .product-description {
  height: 100%;
  overflow: auto;
  position: relative;
}
#project-view .product-head {
  position: absolute;
  top: 0;
  width: 100%;
  min-height: 84px;
  background: #fff;
  z-index: 99;
}
#project-view .product-head.open {
  height: 100%;
}
#project-view .product-head .read-less-link {
  position: absolute;
  bottom: 10px;
  right: 20px;
  display: none;
}
#project-view .product-head h3 {
  color: #484f5b;
  font-size: 14px;
  font-weight: normal;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  padding-left: 18px;
  padding-top: 16px;
}
#project-view .product-head p {
  padding-left: 18px;
  margin-bottom: 14px;
  padding-right: 20px;
  background: white;
}
#project-view .product-details {
  margin-top: 84px;
}
#project-view .product-details strong {
  padding-left: 18px;
  color: #484f5b;
  font-size: 14px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-weight: normal;
}
#project-view .product-details td {
  height: 49px;
}
#project-view .product-details .beige td {
  background: #fbfbfb;
}
#project-view .product-details {
  border-top: 1px solid #f0f0f0;
  background: #fff;
}
#project-view .product-details td {
  border-bottom: 1px solid #f0f0f0;
}
#project-view .section {
  padding-bottom: 50px;
}
#project-view .section .section-title {
  color: #606874;
  background-color: transparent;
  font-size: 26px;
  font-weight: normal;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  line-height: 40px;
  display: inline-block;
  border-bottom: 3px solid #585f6a;
  margin-bottom: -2px;
}
#project-view .section .section-head {
  border-bottom: 1px solid #585f6a;
  position: relative;
}
#project-view .section .section-body {
  padding: 27px 0 0 0;
}
#project-view .section h3 {
  color: #5a5a5a;
  font-size: 18px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  padding-bottom: 15px;
  margin-left: 70px;
  position: relative;
}
#project-view .section h3 .section-icon {
  position: absolute;
  margin-left: -65px;
  margin-top: -40px;
  background: #5a5a5a;
  border-radius: 50%;
}
#project-view .section h3 .section-icon i {
  font-size: 50px;
  color: #ffffff;
}
#project-view .list-helps {
  padding-left: 70px;
  margin-bottom: 45px;
}
#project-view .list-helps li {
  list-style: none;
  list-style-position: outside;
  padding: 20px 15px;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  background: #fff;
  margin-bottom: 7px;
}
#project-view .list-helps li strong {
  float: left;
  font-size: 16px;
  color: #5a5a5a;
  margin-right: 15px;
  font-family: "Helvetica Neue";
}
#project-view .list-helps li .description {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #5a5a5a;
}
#project-view .list-helps li .title {
  float: left;
}
#project-view .list-helps li p {
  float: left;
  width: 662px;
}
#project-view .list-helps li .read-less-link {
  display: none;
}
#project-view .link-mail {
  float: right;
  background: url(/img/projects/message_dark.png) no-repeat center center;
  width: 27px;
  height: 19px;
  font-size: 0;
  line-height: 0;
  text-indent: -4000px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  margin-top: -3px;
}
#project-view .link-mail:hover {
  background: url(/img/projects/message_hover.png) no-repeat center center;
}
#project-view .tabs-nav li {
  float: left;
  list-style: none;
  list-style-position: outside;
  margin-left: 2px;
  position: relative;
}
#project-view .tabs-nav li:first-child {
  margin-left: 0;
  width: 20%;
}
#project-view .tabs-nav li a {
  display: block;
  color: #484f5b;
  background: #fff;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  padding-left: 18px;
  padding-right: 10px;
  line-height: 40px;
  height: 40px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
}
#project-view .tabs-nav li a:hover {
  text-decoration: none;
}
#project-view .tabs-nav li.current a {
  background: #d9dee5;
}
#project-view .tabs-nav li.current .number {
  background: #606874;
}
#project-view .tabs-nav li .number {
  background: #c2c6cc;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  color: #fff;
  font-size: 10px;
  text-align: center;
  line-height: 16px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  padding: 2px;
}
#project-view .tabs-body {
  padding: 10px 7px 6px 7px;
  background: #d9dee5;
  margin-top: -2px;
  z-index: 99;
  position: relative;
}
#project-view .nofiles {
  min-height: 350px;
  background-color: #fff;
  text-align: center;
}
#project-view .nofiles h5 {
  font-size: 30px;
  line-height: 30px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-weight: normal;
  padding-top: 80px;
  padding-bottom: 40px;
}
#project-view .nofiles a {
  font-size: 13px;
  text-decoration: underline;
  letter-spacing: 1px;
  color: #484f5a;
}
#project-view .nofiles a:hover {
  text-decoration: none;
}
#project-view .table-tab {
  background: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  height: 385px;
  overflow: auto;
}
#project-view .table-tab th {
  color: #fff;
  background: #bec3cb;
  font-size: 14px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-weight: normal;
}
#project-view .table-tab th {
  height: 35px;
}
#project-view .table-tab td {
  height: 40px;
  padding: 15px 0;
  text-align: center;
}
#project-view .table-tab .beige td {
  background: #fcfcfc;
}
#project-view .table-tab td p {
  text-align: left;
  padding-left: 60px;
}
#project-view .thumbnail {
  width: 40px;
  height: 40px;
  display: inline-block;
  float: none;
  position: relative;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  overflow: hidden;
}
#project-view .thumbnail img {
  width: 40px;
  height: 40px;
}
#project-view .thumbnail .overlay-small {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: #484f5b url(/img/projects/magnify_small.png) no-repeat center center;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
}
#project-view .thumbnail:hover .overlay-small {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
#project-view .tab-head li {
  color: #fff;
  background: #bec3cb;
  font-size: 14px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-weight: normal;
  height: 35px;
  line-height: 35px;
  list-style: none;
  list-style-position: outside;
  float: left;
  width: 20%;
  text-align: center;
}
#project-view .tab-head li.size-1,
#project-view .table-tab tr td.size-1 {
  width: 72px;
}
#project-view .tab-head li.size-2,
#project-view .table-tab tr td.size-2 {
  width: 151px;
}
#project-view .tab-head li.size-3,
#project-view .table-tab tr td.size-3 {
  width: 475px;
}
#project-view .tab-head li.size-4,
#project-view .table-tab tr td.size-4 {
  width: 109px;
}
#project-view .tab-head li.size-5,
#project-view .table-tab tr td.size-5 {
  width: 118px;
}
#project-view .tab {
  display: none;
}
#project-view .tab:first-child {
  display: block;
}
#project-view .link-cloud {
  width: 30px;
  height: 26px;
  font-size: 0;
  line-height: 0;
  text-indent: -4000px;
  display: inline-block;
  background: url(/img/projects/cloud_download_ico.png) no-repeat 0 0;
  margin-right: 35px;
  margin-left: 55px;
}
#project-view .link-cloud:hover {
  background: url(/img/projects/cloud_download_hover.png) no-repeat 0 0;
}
#project-view .tabs-actions {
  text-align: center;
  padding: 50px 0;
}
.popup {
  display: none;
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 20px;
  position: relative;
  background: transparent;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
#colorbox .popup {
  display: block;
}
/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000;
}
#colorbox {
  outline: 0;
}
#cboxContent {
  overflow: visible;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxLoadedContent {
  margin-bottom: 5px;
}
#cboxTitle {
  position: absolute;
  bottom: -25px;
  left: 0;
  text-align: center;
  width: 100%;
  font-weight: bold;
  color: #7C7C7C;
}
#cboxCurrent {
  position: absolute;
  bottom: -25px;
  left: 58px;
  font-weight: bold;
  color: #7C7C7C;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active {
  outline: 0;
}
#cboxPrevious {
  left: 0px;
  background-position: -51px -25px;
}
#cboxPrevious:hover {
  background-position: -51px 0px;
}
#cboxNext {
  left: 27px;
  background-position: -75px -25px;
}
#cboxNext:hover {
  background-position: -75px 0px;
}
#cboxClose {
  background: #5b5f6c url(/img/projects/close_icon_lb.png) no-repeat center center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 0;
  line-height: 0;
  text-indent: -4000px;
  border: 0;
}
.cboxSlideshow_on #cboxSlideshow {
  background-position: -125px 0px;
  right: 27px;
}
.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -150px 0px;
}
.cboxSlideshow_off #cboxSlideshow {
  background-position: -150px -25px;
  right: 27px;
}
.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -125px 0px;
}
.popup-image {
  padding: 20px;
  background: #cdd1d8;
  width: 700px;
}
#main-colorbox-image,
#colorbox-image {
  display: block;
  max-width: 100%;
  min-height: 500px;
}
#main-colorbox-image img,
#colorbox-image img {
  max-width: 100%;
}
.popup .image-caption {
  padding: 10px 0 0 0;
}
.popup .image-caption p {
  font-size: 14px;
  line-height: 18px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif, arial, sans-serif;
  font-weight: 300;
  color: #717c8e;
}
.popup .image-caption h4 {
  letter-spacing: normal;
  text-transform: none;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif, arial, sans-serif;
  font-weight: 300;
  color: #717c8e;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 0;
}
.projects-text {
  color: #585F6A;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: normal;
}
.button-text {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: normal;
  font-weight: bold;
  line-height: 19px;
  text-transform: none;
  color: #585F6A;
}
.red-button {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: normal;
  font-weight: bold;
  line-height: 19px;
  text-transform: none;
  color: #585F6A;
  background-color: #F33734;
  border-radius: 2px;
  color: #FFFFFF;
  width: 165px;
}
.red-button:hover {
  box-shadow: none!important;
}
.red-button i {
  font-size: 12px;
}
.red-button.disabled {
  background-color: grey;
  color: white;
  cursor: not-allowed;
}
.alt-button {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: normal;
  font-weight: bold;
  line-height: 19px;
  text-transform: none;
  border: 1px solid #F33734;
  border-radius: 2px;
  color: #585F6A;
  width: 165px;
  display: inline-block;
  padding: 9px;
}
.alt-button:hover {
  text-decoration: none;
}
.alt-button.disabled {
  border: grey;
  color: grey;
  pointer-events: none;
  cursor: not-allowed;
}
.alt-button.view-plans {
  width: 75px;
  height: 32px;
  color: red;
  line-height: 12px;
}
.lock-span {
  margin: 0 15px;
  color: red;
}
.lock-span i {
  vertical-align: middle;
}
.sub-section-heading {
  text-transform: none;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  letter-spacing: normal;
  font-size: 16px;
  font-weight: bold;
}
.publish p {
  color: #585F6A;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: normal;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .publish p {
    padding: 0 20px;
  }
}
.sharing-row {
  padding: 15px 0;
}
label.publish {
  color: #585F6A;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: normal;
  line-height: 71px;
  margin-right: 25px;
}
@media (max-width: 767px) {
  label.publish {
    line-height: 16px;
  }
}
label[for="project-public-url"] {
  display: block;
  text-transform: none;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 14px;
  letter-spacing: normal;
  line-height: 16px;
  font-weight: normal;
  color: #585F6A;
}
#copy-project-btn a {
  display: inline-block;
  width: 100px;
}
#project-public-url {
  width: 285px;
}
#matching-factories .project-match-buttons-container {
  margin-top: 15px;
}
@media (max-width: 767px) {
  #matching-factories .project-match-buttons-container {
    text-align: center;
  }
}
#matching-factories .project-match-buttons-container .or {
  margin: 0 35px;
  display: inline-block;
}
@media (max-width: 767px) {
  #matching-factories .project-match-buttons-container .or {
    display: block;
    margin: 15px;
  }
}
#matching-factories .factory-list .factory-hr {
  border: 2px dashed #d1dadd;
  background: none;
  width: 95%;
  margin: 50px auto 25px auto;
}
#matching-factories .factory-list .factory-list-error {
  text-align: center;
  margin-top: 50px;
  text-transform: none;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
}
#matching-factories .factory-list .no-results {
  text-align: center;
  margin-top: 50px;
  text-transform: none;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
}
#matching-factories .factory-list .match-description {
  text-align: center;
  text-transform: none;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  color: #585F6A;
}
@media (max-width: 767px) {
  #matching-factories .factory-list .match-description {
    padding: 0 20px;
  }
}
.factory-card {
  background: white;
  max-width: 300px;
  width: 100%;
  box-shadow: 1px 6px 29px -2px rgba(0, 0, 0, 0.44);
  margin: 35px auto;
}
.factory-card .factory-card-info {
  padding: 10px;
}
.factory-card .factory-card-info span {
  display: block;
}
.factory-card .capabilities {
  display: block;
  width: 100%;
  height: 25px;
}
.factory-card .factory-card-img {
  width: 100%;
  height: 160px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
}
.factory-card .preferred-badge {
  background-image: url('/img/main/preferred-badge.png');
  width: 48px;
  height: 48px;
  display: block;
  position: absolute;
  z-index: 1;
  right: -23px;
  margin-top: 140px;
}
.factory-card .factory-card-link:hover {
  text-decoration: none;
  color: red;
}
.factory-card .factory-card-name {
  text-transform: none;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.factory-card .factory-card-name:hover {
  color: red;
}
.factory-card .factory-card-info {
  height: 170px;
  overflow: hidden;
}
.factory-card .factory-card-bottom {
  background: white;
  height: 40px;
  border-top: 1px solid #cfcfcf;
  padding: 5px 5px;
}
.factory-card .factory-rating {
  margin: 3px 0;
}
#new-project-page {
  text-align: center;
  padding-top: 50px;
}
#new-project-page .project-image {
  padding: 80px 0;
}
#new-project-page .project-image img {
  width: 300px;
  margin: 0 auto;
}
.mobile-view-top {
  text-align: center;
  margin: 20px 0;
}
.tour .step-heading {
  color: #0A1942;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 25px;
  font-weight: bold;
  line-height: 29px;
}
.tour .step-sub-heading {
  color: #838895;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 18px;
  line-height: 23px;
}
.tour .img-responsive {
  margin: 0 auto;
  background: linear-gradient(to top, #ffffff, #ffffff 15%, #FEEDEB 15%, #FEEDEB 85%, #ffffff 85%);
}
.tour .row {
  margin-top: 20px;
  margin-bottom: 40px;
}
.my-projects-page {
  background: white;
  width: 100%;
  position: relative;
}
.my-projects-page .take-tour-col {
  text-align: right;
}
.my-projects-page .take-tour {
  height: 20px;
  width: 67px;
  color: #ff9533;
  font-size: 16px;
  font-weight: bold;
  line-height: 45px;
  position: relative;
}
.my-projects-page .take-tour:hover {
  text-decoration: none;
}
.my-projects-page .create-new-project-button {
  display: block;
  height: 336px;
  width: 250px;
  border: 2px dashed #4a3aff;
  border-radius: 8px;
  background-color: #FFFFFF;
  background-image: url('/img/projects/img_illustration.png');
  background-repeat: no-repeat;
  background-position: center;
  color: #4a3aff;
  font-size: 14px;
  font-weight: bold;
  margin: 80px auto;
  position: relative;
}
.my-projects-page .create-new-project-button span {
  position: absolute;
  bottom: 25px;
  left: 60px;
}
.my-projects-page .create-new-project-button:hover {
  text-decoration: none;
}
.my-projects-page .academy-link {
  color: #4B4B4B;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}
.my-projects-page .academy-link a {
  color: #4a3aff;
  text-decoration: underline;
}
.my-projects-page .academy-link.empty-state {
  margin-top: 100px;
  margin-bottom: 50px;
}
.my-projects-page .blue-button {
  height: 43px;
  width: 167px;
  border: 2px solid #4a3aff;
  border-radius: 4px;
  background-color: #4a3aff;
  display: inline-block;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 500;
  line-height: 43px;
  text-align: center;
}
.my-projects-page .blue-button:hover {
  text-decoration: none;
}
.my-projects-page .white-button {
  height: 43px;
  width: 264px;
  border: 2px solid #4a3aff;
  border-radius: 4px;
  background-color: white;
  display: inline-block;
  font-size: 16px;
  line-height: 43px;
  text-align: center;
  color: #4a3aff;
  position: relative;
  font-weight: 500;
}
.my-projects-page .white-button:hover {
  text-decoration: none;
}
.my-projects-page .no-projects {
  margin-top: 40px;
}
.my-projects-page section:nth-child(2) {
  margin-top: 40px;
}
.my-projects-page section:nth-child(n+3) {
  margin-top: 80px;
}
.my-projects-page .project-section-heading {
  color: #4a3aff;
  font-size: 35px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}
.my-projects-page .project-section-sub-heading {
  color: #0a232a;
  font-size: 23px;
  line-height: 1;
  font-weight: 900;
  margin-top: 5px;
}
.my-projects-page .signup-modal {
  width: 440px;
  padding: 40px;
  border-radius: 15px;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  position: absolute;
  top: 142px;
  left: 50%;
  transform: translateX(-50%);
}
.my-projects-page .signup-modal .alert {
  margin-top: 20px;
}
.my-projects-page .signup-modal .form-type {
  margin-top: 25px;
  max-width: none !important;
  width: 100%;
  background-color: #c8d0dd;
  color: #000;
}
.my-projects-page .signup-modal h2 {
  font-size: 26px;
  font-weight: 500;
  line-height: 1.1;
  text-align: center;
}
.my-projects-page .signup-modal form {
  color: #2d344a;
  padding-top: 15px;
  display: flex;
  flex-direction: column;
}
.my-projects-page .signup-modal label {
  font-weight: 600;
  text-align: left;
  font-size: 14px;
  letter-spacing: 0;
  text-transform: none;
  color: #2d344a;
}
.my-projects-page .signup-modal input {
  margin: 0 0 8px;
  width: 100%;
  padding: 10px 15px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  line-height: 15px;
}
.my-projects-page .signup-modal .button-blue {
  margin-top: 20px;
  width: 100%;
  max-width: none !important;
}
.my-projects-page .signup-modal .google-login {
  margin: 0 auto;
  justify-content: center;
  border: 1px solid #cecece;
}
.project-edit-link:hover {
  text-decoration: none;
}
.project-card {
  border-radius: 8px;
  background-color: #FFFFFF;
  background-image: url('/img/icons/ic_mr_anvil.png');
  background-position: 5% 50%;
  background-repeat: no-repeat;
  height: 108px;
  width: 100%;
  border: 1px solid #D3D6D9;
  margin: 15px;
  padding: 15px 5px 20px 70px;
  position: relative;
}
.project-card .project-delete {
  background-image: url('/img/icons/ic_close.png');
  background-color: transparent;
  position: absolute;
  display: none;
  height: 30px;
  width: 30px;
  right: -14px;
  top: -14px;
}
@media (max-width: 767px) {
  .project-card .project-delete {
    display: inline-block;
  }
}
.project-card .project-name {
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  line-height: 21px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.project-card .project-industry {
  color: #B2B2B2;
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  text-transform: uppercase;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
}
.project-card .project-last-updated {
  color: #393939;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}
.project-card:hover {
  box-shadow: 0 3px 17px 0 rgba(0, 0, 0, 0.09);
  border: none;
}
.project-card:hover .project-industry {
  color: #F04141;
}
.project-card:hover .project-delete {
  display: inline-block;
  box-shadow: none !important;
}
.project-card:hover .project-delete:hover {
  box-shadow: none !important;
}
.project-card:hover .project-delete:active {
  box-shadow: none !important;
}
.tour {
  text-align: center;
  padding-top: 20px;
}
.checklist-incomplete:before {
  content: "\F096\A0";
  font-family: FontAwesome;
}
.checklist-complete {
  text-decoration: line-through;
}
.checklist-complete:before {
  content: "\F046\A0";
  font-family: FontAwesome;
  display: inline-block;
}
.pub-button-container {
  display: inline-block;
  width: 50%;
  text-align: center;
}
.pub-checklist-container {
  display: inline-block;
  width: 50%;
  text-align: center;
}
.pub-checklist-container .project-publishing-checklist {
  color: #585F6A;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: normal;
  text-align: left;
  display: inline-block;
}
.public-project-radio {
  float: none;
  display: inline-block;
}
.pub-container {
  height: inherit;
}
.date-chooser {
  color: white!important;
}
.projects-landing {
  width: 100%;
  text-align: center;
  background-color: #fff;
  color: #3d434d;
}
.projects-landing h1 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 60px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
}
.projects-landing h2 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 38px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
}
.projects-landing h3 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  color: #677182;
}
.projects-landing section {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 0;
}
.projects-landing section.screenshot {
  padding-top: 45px;
}
.projects-landing section.screenshot p {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  line-height: 28px;
  color: #677182;
  font-weight: 200;
  text-align: center;
  max-width: 600px;
  margin: auto;
  margin-bottom: 45px;
  width: 90%;
}
.projects-landing section h2 {
  margin-bottom: 45px;
}
.projects-landing .feature-container {
  width: 100%;
  margin: auto;
  padding: 0 20px 50px;
}
.projects-landing .feature-container .project-screenshot {
  margin: auto;
  padding-top: 53px;
}
.projects-landing .feature-container .arrow {
  width: 0;
  height: 0;
  margin: auto;
  border-top: 16px solid #fff;
  border-right: 16px solid transparent;
  border-left: 16px solid transparent;
}
.projects-landing section.top {
  width: 100%;
  background: url('/img/main/projects-landing/bgimg.jpg') 50% no-repeat;
  background-color: #F8F8F8;
}
.projects-landing section.top h1 {
  padding-top: 90px;
}
.projects-landing section.top h3 {
  margin-bottom: 20px;
}
.projects-landing section.top .button {
  margin: auto;
}
.projects-landing section.top .testimonial {
  max-width: 600px;
  margin: 520px auto 0;
}
.projects-landing section.top .testimonial .face {
  width: 76px;
  height: 76px;
  background: url('/img/main/projects-landing/jeff.png');
}
.projects-landing section.top .testimonial .quote {
  text-align: left;
  margin-left: 96px;
  padding-top: 6px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  line-height: 18px;
  color: #282d32;
}
.projects-landing section.process {
  margin: auto;
}
.projects-landing section.process .steps {
  margin: 60px auto;
  width: 1070px;
}
.projects-landing section.process .step {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  text-transform: uppercase;
  color: #677182;
  float: left;
}
.projects-landing section.process .step .large {
  font-size: 36px;
  color: #3d434d;
}
.projects-landing section.process .arrow {
  background: url('/img/main/projects-landing/arrow.png');
  width: 28px;
  height: 24px;
  margin: 21px 68px 0;
  float: left;
}
.projects-landing section.organize .feature-container {
  background: url('/img/main/projects-landing/organize/organize-bg.jpg') 50% no-repeat;
  background-size: cover;
}
.projects-landing section.save-time .feature-container {
  background: url('/img/main/projects-landing/save-time/save-time-bg.jpg') 50% no-repeat;
  background-size: cover;
}
.projects-landing section.communicate .feature-container {
  background: url('/img/main/projects-landing/communicate/communicate-bg.jpg') 50% no-repeat;
  background-size: cover;
}
.projects-landing .project-screenshot img {
  margin: 0 auto;
}
.projects-landing section.companies {
  height: 185px;
  display: table;
  margin: auto;
}
.projects-landing section.companies .company-wrapper {
  height: 135px;
  display: table-cell;
  vertical-align: middle;
}
.projects-landing section.companies .calvin-klein {
  background: url('/img/plans/trusted-users.png') 0 0px no-repeat;
  width: 120px;
  height: 21px;
  margin-right: 70px;
}
.projects-landing section.companies .ella-moss {
  background: url('/img/plans/trusted-users.png') 0 -21px no-repeat;
  width: 114px;
  height: 27px;
  margin-right: 90px;
}
.projects-landing section.companies .ralph-lauren {
  background: url('/img/plans/trusted-users.png') 0 -48px no-repeat;
  width: 187px;
  height: 24px;
  margin-right: 82px;
}
.projects-landing section.companies .stussy {
  background: url('/img/plans/trusted-users.png') 0 -72px no-repeat;
  width: 82px;
  height: 72px;
  margin-right: 82px;
}
.projects-landing section.companies .ikea {
  background: url('/img/plans/trusted-users.png') 0 -144px no-repeat;
  width: 147px;
  height: 51px;
  margin-right: 0px;
}
.projects-landing section.statistics {
  background: url('/img/main/projects-landing/stats-bg.jpg') 50% no-repeat;
  background-size: cover;
  width: 100%;
  height: 405px;
  border-bottom: none;
}
.projects-landing section.statistics .stats {
  width: 900px;
  margin: auto;
  padding-top: 150px;
}
.projects-landing section.statistics .stats .stat {
  width: 250px;
  float: left;
  color: #fff;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 26px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  text-transform: uppercase;
  font-weight: 100;
}
.projects-landing section.statistics .stats .stat .large {
  font-size: 56px;
  font-weight: 200;
}
.projects-landing section.statistics .stats .stat.middle {
  margin-left: 75px;
  margin-right: 75px;
}
.projects-landing section.bottom {
  background: url('/img/main/projects-landing/bag-bottom.jpg') 50% no-repeat;
  width: 100%;
  height: 580px;
  text-align: center;
  border-bottom: none;
}
.projects-landing section.bottom .button {
  margin: auto;
}
.projects-landing section.bottom h3 {
  padding-top: 40px;
  margin-bottom: 20px;
  font-size: 24px;
  color: #3d434d;
}
.projects-landing-tour {
  background-color: #f5f9fa;
}
.projects-landing-tour .top {
  margin-top: 70px;
}
.projects-landing-tour h1 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 36px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  color: #3d434d;
  margin-bottom: 30px;
  text-align: center;
}
.projects-landing-tour h2 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  color: #3d434d;
}
.projects-landing-tour p {
  color: #677182;
}
.projects-landing-tour section {
  margin: 0;
}
.projects-landing-tour .introduction-container,
.projects-landing-tour .proceed {
  width: 500px;
  margin: auto;
  padding: 45px 0;
  text-align: center;
}
.projects-landing-tour .introduction-container p,
.projects-landing-tour .proceed p {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  margin-bottom: 30px;
  line-height: 20px;
}
.projects-landing-tour .introduction-container .button,
.projects-landing-tour .proceed .button {
  margin: auto;
}
.projects-landing-tour .introduction {
  background: url('/img/main/projects-landing/tweed-bg.png');
  border-bottom: 1px solid #e0e3e4;
}
.projects-landing-tour .introduction h1,
.projects-landing-tour .introduction p {
  color: #fff;
}
.projects-landing-tour .introduction p {
  margin-bottom: 0;
}
.projects-landing-tour .proceed h1 {
  font-size: 22px;
}
.projects-landing-tour .container {
  width: 960px;
  margin: auto;
}
.projects-landing-tour .container .tour .skip-link {
  height: 30px;
  line-height: 30px;
  display: block;
  text-align: right;
}
.projects-landing-tour .container .tour .skip-link a {
  color: #5b5f6c;
}
.projects-landing-tour .container .tour .skip-link .arrow-right {
  width: 16px;
  height: 12px;
  margin-top: 10px;
  margin-left: 7px;
  float: right;
  background: url('/img/icons/arrow-right.png') no-repeat;
  background-size: contain;
}
.projects-landing-tour .container .tour .project-page-screenshot {
  width: 570px;
  height: 964px;
  background: url('/img/main/projects-landing/full-project-page.jpg') 50%;
  -o-box-shadow: 0 0 10px #d7dddf !important;
  box-shadow: 0 0 10px #d7dddf !important;
  border-radius: 7px;
}
.projects-landing-tour .container .tour .project-page-screenshot.brand {
  background-image: url('/img/main/projects-landing/full-project-page.jpg');
}
.projects-landing-tour .container .tour .project-page-screenshot.factory {
  background-image: url('/img/main/projects-landing/full-project-page-factory.jpg');
}
.projects-landing-tour .container .tour .arrow-left-shadow {
  width: 0;
  height: 0;
  margin-top: 40px;
  border-right: 16px solid #d7dddf;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
}
.projects-landing-tour .container .tour .arrow-left-shadow .arrow-left {
  position: relative;
  margin-right: -16px;
  margin-top: -17px;
  border-right: 16px solid #fff;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
}
.projects-landing-tour .container .tour .info-container.basic {
  padding-top: 155px;
  padding-bottom: 250px;
}
.projects-landing-tour .container .tour .info-container.help {
  padding-bottom: 175px;
}
.projects-landing-tour .container .tour .info-container.files {
  padding-bottom: 245px;
}
.projects-landing-tour .container .tour .info-box {
  width: 325px;
  padding: 15px;
  background: #fff;
  border-radius: 3px;
  -o-box-shadow: 0 2px 2px #d7dddf !important;
  box-shadow: 0 2px 2px #d7dddf !important;
}
.projects-landing-tour .container .tour .info-box h2 {
  margin-bottom: 20px;
}
.projects-landing-tour .container .tour .info-box p {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  margin-bottom: 0;
  line-height: 18px;
}
@media (max-width: 768px) {
  .projects-landing section.companies,
  .projects-landing section.process,
  .projects-landing section.statistics {
    display: none;
  }
}
.matches #feature {
  padding: 20px 30px;
  overflow: visible;
  box-sizing: border-box;
}
.matches #feature .feature_container {
  width: 940px;
  margin: 0 auto;
  padding: 30px 20px;
  position: relative;
  background: white;
  clear: both;
}
.matches #feature .feature_left {
  width: 230px;
  box-sizing: border-box;
  float: left;
}
.matches #feature .feature_left img {
  max-width: 200px;
  height: 146px;
}
.matches #feature .feature_right {
  width: 710px;
  float: left;
}
.matches #feature .feature_right h1 {
  text-transform: uppercase !important;
  color: #5a5a5a;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 27px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 32.4px;
  text-transform: uppercase;
}
.matches #feature .feature_right .project-title {
  position: relative;
}
.matches #feature .feature_right .project-title > a {
  color: #5a5a5a;
  cursor: pointer;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 21.6px;
  text-transform: uppercase;
}
.matches #feature .feature_right .project-title > a:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #5a5a5a;
  height: 0;
  width: 0;
  content: "";
  margin: 8px 0;
  vertical-align: middle;
  display: inline-block;
}
.matches #feature .feature_right .project-title ul {
  display: none;
  position: absolute;
  max-height: 200px;
  overflow-y: scroll;
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  z-index: 10;
}
.matches #feature .feature_right .project-title ul li a {
  width: 200px;
  background: #fff;
  display: block;
  font-size: 15px;
  line-height: 30px;
  padding: 0 16px;
  color: #282d32;
  cursor: pointer;
}
.matches #feature .feature_right .project-title ul li a:hover {
  background: #faf7f0;
  text-decoration: none;
}
.matches #feature .feature_right .project-title ul.open {
  display: block;
}
.matches #feature .feature_right .edit-project a {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 12px;
  text-transform: uppercase;
  color: #999999;
}
.matches #feature .feature_right h1,
.matches #feature .feature_right h2 {
  line-height: 30px;
  text-transform: capitalize;
  padding: 5px 0;
}
.matches #feature .feature_right #help-matches {
  margin-top: 20px;
  clear: both;
}
.matches #feature .feature_right #help-matches .match-count {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 14.4px;
  text-transform: uppercase;
  padding-top: 25px;
}
.matches #feature .feature_right #help-matches .match-count span {
  color: #f03a3b;
}
.matches #feature .feature_right .dropdown-button {
  margin-right: 20px;
  float: left;
}
.matches .help-items {
  opacity: 0;
  transition: opacity 0.5s linear;
}
.matches .help-items.fadeIn {
  opacity: 1;
}
.matches .save {
  position: relative;
  padding: 0px !important;
}
.matches .save .chevron-down {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  height: 0;
  width: 0;
  position: absolute;
  margin-left: -6px;
  margin-top: 4px;
}
.matches .save .add-alt {
  position: relative;
}
.matches .save .add-alt:before {
  left: -2px;
  width: 2px;
  height: 8px;
  margin-top: 2px;
  background: #fff;
  content: "";
  position: absolute;
}
.matches .save .add-alt:after {
  left: -5px;
  width: 8px;
  height: 2px;
  margin-top: 5px;
  background: #fff;
  content: "";
  position: absolute;
}
.matches .save .saved,
.matches .save .not-saved {
  width: 75px;
  display: inline-block;
  cursor: pointer;
  color: white;
  transition: all 0.3s linear;
  font-family: 'Helvetica Neue';
  font-size: 10px;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 11px;
  text-transform: uppercase;
  padding: 0px;
  border-radius: 2px;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  position: relative;
  clear: both;
}
.matches .save .saved .save-text,
.matches .save .not-saved .save-text {
  width: 74%;
  float: left;
  padding: 5px 0px;
}
.matches .save .saved .save-drop,
.matches .save .not-saved .save-drop {
  width: 24%;
  float: left;
  padding: 5px 0px;
}
.matches .save .saved .divider,
.matches .save .not-saved .divider {
  width: 2%;
  float: left;
  height: 22px;
  background: #808285;
  transition: all 0.3s linear;
}
.matches .save .saved:hover,
.matches .save .not-saved:hover {
  background: #5a5a5a;
  text-decoration: none !important;
}
.matches .save .saved:hover .divider,
.matches .save .not-saved:hover .divider {
  background: #414042;
}
.matches .save .saved {
  background: #1cc563;
}
.matches .save .saved .divider {
  background: #04ba7d;
}
.matches .save .not-saved {
  background: #989898;
}
.matches .save ul {
  display: none;
  position: absolute;
  top: 30px;
  z-index: 1000;
}
.matches .save ul li {
  padding: 0px;
}
.matches .save ul li.active a {
  color: #1cbe63;
}
.matches .save ul a {
  background: #fff;
  width: 150px;
  display: block;
  font-size: 12px;
  padding: 0px 20px;
  color: #5a5a5a;
  text-transform: capitalize;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.matches .save ul a:hover {
  background: #cfcfcf;
  text-decoration: none;
}
.matches .save:hover ul {
  display: block;
}
.matches #controller-wrapper .select.medium {
  position: relative;
  cursor: pointer;
}
.matches #controller-wrapper .select.medium ul {
  position: absolute;
  width: 160px;
  z-index: 200;
  top: 35px;
  opacity: 0;
  filter: alpha(opacity=0);
  /* For IE8 and earlier */
  transition: all 0.3s ease;
  max-height: 0px;
  overflow-y: scroll;
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
.matches #controller-wrapper .select.medium ul.hmw {
  background: white;
  padding: 0 18px;
}
.matches #controller-wrapper .select.medium ul li {
  padding: 0 20px;
  background: #fff;
}
.matches #controller-wrapper .select.medium ul li:hover:not(.title) {
  background: #cfcfcf;
  cursor: pointer;
}
.matches #controller-wrapper .select.medium ul li:hover:not(.title) a {
  background: #cfcfcf;
}
.matches #controller-wrapper .select.medium ul li.title i {
  position: absolute;
  margin-left: -35px;
}
.matches #controller-wrapper .select.medium ul li.title a {
  border-bottom: 1px solid #282d32;
  text-transform: uppercase;
  color: #282d32;
  cursor: default;
  margin-top: 5px;
}
.matches #controller-wrapper .select.medium ul li.title a:hover {
  background: #fff !important;
}
.matches #controller-wrapper .select.medium ul li a {
  background: white;
  display: block;
  font-size: 12px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #5a5a5a;
  cursor: pointer;
}
.matches #controller-wrapper .select.medium:hover > a {
  background: #f03a3b;
}
.matches #controller-wrapper .select.medium ul.open {
  display: block;
  opacity: 1;
  filter: alpha(opacity=100);
  /* For IE8 and earlier */
  max-height: 335px;
}
.matches #main {
  overflow-x: visible;
  min-height: 400px;
}
.matches #main #loader {
  text-align: center;
  font-size: 20px;
}
.matches #main #loader img {
  width: auto;
  height: auto;
  vertical-align: middle;
  display: inline-block;
}
.matches #nomatches {
  padding: 10px;
  box-sizing: border-box;
}
.matches #nomatches .nomatch-container {
  width: 650px;
  margin: 0 auto;
  text-align: center;
}
.matches #nomatches .nomatch-intro {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 27px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 40px;
  text-transform: normal;
  color: #5a5a5a;
  margin-bottom: 10px;
}
.matches #nomatches .nomatch-img {
  margin: 10px 0;
}
.matches #nomatches .nomatch-img img {
  display: inline;
  border-radius: 50%;
}
.matches #nomatches .nomatch-lead p {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 27px;
  text-transform: normal;
  margin-bottom: 10px;
}
.matches #nomatches .nomatch-options {
  width: 550px;
  margin-left: 70px;
  margin-top: 30px;
}
.matches #nomatches .nomatch-options .button {
  display: inline-block;
  margin-right: 5px;
  float: left;
  width: 250px;
}
.matches .icon-lg {
  width: 40px;
  height: 40px;
  display: block;
}
.matches .icon-sm {
  width: 29px;
  height: 29px;
  display: block;
}
.search-input-container {
  height: 150px;
  width: 100%;
  /*background-color: #F6F6F6;*/
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-input-container #reset-search {
  background: transparent;
  width: 45px;
  height: 45px;
  color: #2A343B;
  line-height: 25px;
}
.search-input-container #reset-search:hover {
  box-shadow: none !important;
}
.search-input-container #search-input {
  display: inline-block;
  border: none;
  outline: none;
  border-bottom: 0.5px solid #48565F;
  /*background-color: #F6F6F6;*/
  background-color: #F6F9FD;
  color: #48565F;
  font-size: 24px;
  line-height: 40px;
  width: 50%;
}
@media (max-width: 768px) {
  .search-input-container #search-input {
    font-size: 18px;
  }
}
.search-input-container #search-button {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: white url('/img/icons/icon-search.png') no-repeat center;
  box-shadow: 0 5px 17px 0 rgba(23, 29, 36, 0.14);
}
.search-input-container #search-button:hover {
  box-shadow: 0 5px 17px 0 rgba(23, 29, 36, 0.14) !important;
  background-color: #2A343B;
}
@media (max-width: 768px) {
  .search-input-container #search-button {
    width: 50px;
    height: 50px;
  }
}
#main-search {
  margin: 0 auto;
  padding: 0 20px 60px 20px;
  max-width: 1440px;
}
@media (min-width: 1490px) {
  #main-search {
    padding: 0 0 60px;
  }
}
#main-search .search-block-divider {
  margin-top: 15px;
}
#main-search .search-block {
  margin-top: 30px;
  display: flex;
}
#main-search .filters-button {
  height: 35px;
  display: none;
}
@media (max-width: 768px) {
  #main-search .filters-button {
    width: 100%;
    display: block;
    max-width: none;
    letter-spacing: 1px;
  }
}
#main-search .side-filter .ais-RefinementList-count {
  display: none;
}
#main-search .side-filter .backdrop,
#main-search .side-filter .close-filters-button {
  display: none;
}
@media (max-width: 768px) {
  #main-search .side-filter {
    display: none;
  }
  #main-search .side-filter.show {
    left: 0;
    z-index: 1;
    top: 63px;
    width: 100%;
    display: block;
    position: absolute;
    border-bottom: 3px solid rgba(0, 0, 0, 0.6);
  }
  #main-search .side-filter.show .backdrop {
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background: rgba(40, 81, 102, 0.55);
  }
  #main-search .side-filter.show .close-filters-button {
    top: 10px;
    z-index: 2;
    right: 10px;
    width: 35px;
    height: 35px;
    padding: 5px;
    display: flex;
    border-radius: 50%;
    position: absolute;
    background: #F6F9FD;
    align-items: center;
    justify-content: center;
  }
  #main-search .side-filter.show .close-filters-button:hover,
  #main-search .side-filter.show .close-filters-button:active {
    box-shadow: none;
  }
}
#main-search .side-filter .filter-container {
  min-width: 200px;
  max-width: 200px;
  margin-right: 40px;
  position: relative;
}
#main-search .side-filter .filter-container h3 {
  font-weight: 700;
  letter-spacing: normal;
}
@media (max-width: 768px) {
  #main-search .side-filter .filter-container {
    z-index: 1;
    width: 65%;
    max-width: none;
    margin-right: 0;
    padding: 30px 20px;
    background: #F6F9FD;
  }
}
#main-search .search-items {
  width: 100%;
}
#main-search .search-items .no-results {
  margin-left: 0;
}
#main-search .search-items .action-buttons {
  display: flex;
  height: 65px;
  flex-direction: row;
  justify-content: space-between;
}
#main-search .search-items .action-buttons .ais-ClearRefinements .ais-ClearRefinements-button {
  width: auto;
  padding: 0 15px;
  letter-spacing: 1px;
  background: #ff9533;
}
@media (max-width: 768px) {
  #main-search .search-items .action-buttons .ais-ClearRefinements .ais-ClearRefinements-button {
    width: 100%;
    max-width: none;
    margin-bottom: 20px;
  }
}
#main-search .search-items .action-buttons .ais-ClearRefinements-button--disabled {
  display: none;
}
@media (max-width: 768px) {
  #main-search .search-items .action-buttons {
    height: auto;
    flex-direction: column;
    justify-content: flex-start;
  }
}
#main-search .search-items #pagination {
  margin: 0 15px;
}
@media only screen and (max-width: 529px) {
  #main-search .search-items #pagination {
    padding-top: 15px ;
  }
}
#main-search .sort-filter {
  margin-left: auto;
  margin-bottom: 30px;
  height: 35px;
  background-color: #F6F9FD;
  border: 1px solid #cfcfcf;
}
#main-search .sort-filter .selected {
  height: 35px;
  color: #282d32;
  line-height: 35px;
  text-transform: capitalize;
}
#main-search .sort-filter .selected span {
  padding-right: 2px;
}
#main-search .sort-filter:before {
  border-top: 6px solid #282d32;
}
@media (max-width: 768px) {
  #main-search .sort-filter {
    width: 100%;
    margin-top: 20px;
  }
}
#main-search .filter-block {
  margin-top: 20px;
}
.ais-RefinementList-list {
  margin-bottom: 0;
}
.ais-RefinementList-list .ais-RefinementList-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ais-RefinementList-list .ais-RefinementList-labelText {
  margin-left: 3px;
}
.ais-RefinementList-showMore {
  border: none;
  color: #1975FF;
  font-size: 10px;
  text-align: left;
  background-color: transparent;
}
.ais-RefinementList-showMore:hover,
.ais-RefinementList-showMore:active {
  background: none;
  box-shadow: none !important;
}
#feature.search {
  background: transparent;
  height: auto;
}
#feature.search .banner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #5a5a5a;
  display: table;
  padding-top: 70px;
  width: 100%;
  position: relative;
}
#feature.search .banner:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background-color: #1A1C1D;
}
#feature.search .banner > .content {
  display: table-cell;
  margin: 0 auto;
  position: relative;
  text-align: center;
  vertical-align: middle;
  max-width: 960px;
  padding-bottom: 70px;
  z-index: 10;
}
#feature.search .banner > .content > .content-inner {
  margin: 0 auto;
  position: relative;
  max-width: 960px;
}
#feature.search .banner > .content > .arrow {
  border-bottom: 14px solid #faf7f0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  height: 0;
  width: 0;
  bottom: 0;
  left: 50%;
  margin-left: -14px;
  position: absolute;
}
#feature.search .banner h1 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 26px;
  font-weight: normal;
  letter-spacing: 3px;
  line-height: normal;
  text-transform: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: moz-none;
  user-select: none;
  color: #fff;
  text-align: center;
  letter-spacing: 0;
}
#feature.search .banner h1 .big {
  font-size: 56px;
  font-weight: 900;
  line-height: 1;
}
#feature.search .stages {
  margin: 0 auto;
  padding: 30px 0;
  max-width: 960px;
}
#feature.search .stages h2 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 3px;
  line-height: 30px;
  text-transform: uppercase;
  color: #282d32;
  margin: 0;
  position: relative;
  text-align: center;
  width: 100%;
}
#feature.search .stages .dot {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 18px;
  text-transform: none;
  border-radius: 10px;
  background-color: #282d32;
  color: #fff;
  display: block;
  height: 18px;
  margin: -3px 0 0 746px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  width: 18px;
  z-index: 1;
}
#feature.search .stages .dot:hover {
  background-color: #f03a3b;
}
#feature.search .stages .capabilities {
  margin: 5px 0;
}
#feature.search .stages.info {
  max-width: 900px;
}
#feature.search .vid-thumb {
  display: block;
  margin: 0 auto 20px;
}
#feature.search .stages.info .description.center {
  margin: 0 auto;
}
#feature.search .banner .button {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
#feature.search .banner .button .arrow {
  border-bottom: 6px solid transparent;
  border-right: 6px solid #fff;
  border-top: 6px solid transparent;
  height: 0;
  width: 0;
  margin: 7px 7px 7px 0;
}
#feature.search .banner .button a {
  background-color: transparent;
  border: 2px solid #fff;
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
  line-height: 26px;
}
#feature.search .banner .button a:hover {
  border-color: #fff;
}
#feature.search .industry-selector {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 30px;
  font-weight: normal;
  letter-spacing: 3px;
  line-height: 60px;
  text-transform: uppercase;
  color: #fff;
  font-style: italic;
  margin-bottom: 0;
}
#feature.search .industry-selector li {
  display: block;
  width: 400px;
}
#feature.search .industry-selector li:not(:first-child) {
  padding-top: 20px;
}
#feature.search .industry-selector li a.cta {
  box-sizing: border-box;
  -o-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
  border-radius: 5px;
  border: 3px solid #fff;
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
  display: block;
  line-height: 54px;
  padding: 0 20px 0 17px;
  text-decoration: none;
  text-rendering: optimizeLegibility;
}
#feature.search .industry-selector li a.cta:hover {
  border-color: #fff;
}
#feature.search .industry-selector .or {
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  -webkit-opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  opacity: 0.8;
  padding: 0 20px 0 17px;
  width: auto;
}
.no-results {
  text-align: center;
}
#results .no-results .header.search-error {
  float: none;
}
.no-results .popular {
  margin: 0 auto;
  max-width: 600px;
}
.no-results .popular ul {
  float: left;
}
.no-results .popular ul li:first-child {
  margin-bottom: 10px;
}
.mapview .no-results {
  padding: 10px 20px 20px 20px;
  text-align: left;
}
.mapview .no-results .popular ul {
  float: none;
}
.controller .callout {
  color: #fff;
  margin-top: -20px;
  position: absolute;
}
.controller .callout a {
  display: block;
  height: inherit;
  width: inherit;
  color: #fff;
  text-decoration: none;
}
.controller .callout .callout-content {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 2px;
  color: #fff;
  background: #588195;
  line-height: 16px;
  padding: 2px 7px 2px 4px;
}
.controller .callout .callout-content i {
  margin-right: 4px;
}
.controller .callout .arrow {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #588195;
  height: 0;
  width: 0;
  margin-left: 25px;
}
.result-overlay {
  margin-top: 308px;
  position: absolute;
  margin-left: 30px;
  width: 960px;
  height: 31%;
}
.result-overlay .result-count-overlay {
  height: 100%;
  background: #faf7f0;
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  -webkit-opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  opacity: 0.8;
  z-index: 3;
}
.result-overlay .result-count-copy,
.result-overlay .result-count-cta {
  position: relative;
  text-align: center;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  opacity: 1;
  top: 25%;
  z-index: 4;
}
.result-overlay .result-count-copy {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 24px;
  color: #282d32;
}
.result-overlay .result-count-cta {
  font-size: 14px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  line-height: 16px;
  text-align: center;
  text-transform: capitalize;
  letter-spacing: 1px;
  margin: 25px auto 0 auto;
}
.result-overlay .result-count-cta .focus {
  display: block;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.result-overlay .result-count-cta.button a {
  height: 35px;
  padding: 10px 20px;
}
.result-overlay.guest {
  height: 30px;
  margin-top: 400px;
}
.result-overlay.guest .result-count-copy {
  top: 0;
}
.result-overlay.guest .result-count-overlay {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  opacity: 1;
  background-color: transparent;
}
.result-overlay-guest-push {
  height: 80px;
  width: 100%;
}
#no-search {
  margin: 0 auto;
  padding: 0 20px 60px 20px;
  max-width: 1440px;
  position: relative;
}
@media (min-width: 1490px) {
  #no-search {
    padding: 0 0 60px;
  }
}
#no-search .search-dummy-card {
  background-color: white;
  border-radius: 4px;
  overflow: hidden;
  margin: 15px 0;
}
#no-search .search-dummy-card .image {
  width: 100%;
  height: 160px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
#no-search .search-dummy-card .caption {
  padding: 25px;
}
#no-search .search-dummy-card .caption .card-title {
  color: #0a232b;
  font-size: 18px;
  font-weight: 900;
}
#no-search .search-dummy-card .caption .card-location {
  opacity: 0.8;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#no-search .search-dummy-card .caption .card-location svg {
  margin-right: 5px;
}
#no-search .search-dummy-card .caption .card-description {
  margin-top: 7px;
  max-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#no-search .search-dummy-card .caption .card-category {
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  color: #4a3aff;
  background: rgba(25, 117, 255, 0.04);
  border-radius: 4px;
  padding: 4px 8px;
  display: inline-block;
}
@media only screen and (max-width: 529px) {
  #no-search .hide-card-mobile {
    display: none;
  }
}
@media only screen and (max-width: 529px) {
  #no-search .hide-card-tablet {
    display: none;
  }
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  #no-search .hide-card-tablet {
    display: none;
  }
}
#no-search .no-search-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(250, 247, 240, 0.8);
}
#no-search .no-search-overlay:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  position: absolute;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
#no-search .no-search-overlay .no-search-overlay-content {
  z-index: 1;
  display: flex;
  margin-top: 60px;
  text-align: center;
  position: relative;
  align-items: center;
  flex-direction: column;
}
#no-search .no-search-overlay p {
  font-size: 40px;
  font-weight: 900;
  line-height: 1;
  color: #0a232a;
}
#no-search .no-search-overlay .button {
  margin-top: 35px;
}
#no-search .no-search-overlay .link {
  color: #4E4F50;
  font-size: 16px;
  font-weight: 700;
  margin-top: 15px;
}
@media only screen and (max-width: 529px) {
  #no-search .no-search-overlay .no-search-overlay-content {
    margin-top: 60px;
  }
  #no-search .no-search-overlay p {
    font-size: 30px;
  }
}
#no-search .no-search-overlay .no-search-subscribe {
  width: 440px;
  padding: 40px;
  border-radius: 15px;
  background-color: #fff;
  border: 1px solid #dcdcdc;
}
@media only screen and (max-width: 529px) {
  #no-search .no-search-overlay .no-search-subscribe {
    width: 93%;
    padding: 30px 25px;
  }
}
#no-search .no-search-overlay .no-search-subscribe h2 {
  font-size: 26px;
  font-weight: 500;
  line-height: 1.1;
}
#no-search .no-search-overlay .no-search-subscribe button {
  margin-top: 35px;
  max-width: none;
  width: 100%;
  letter-spacing: 0.6px;
}
#no-search .no-search-overlay .no-search-subscribe a:not(.google-login) {
  color: #ff9533;
  font-weight: 500;
  margin-top: 20px;
  display: inline-block;
}
#no-search .no-search-overlay .no-search-subscribe .google-login {
  margin: 0 auto;
  justify-content: center;
  border: 1px solid #cecece;
}
#no-search .no-search-overlay .subscribe_options {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
}
#no-search .no-search-overlay .subscribe_options label {
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #dbdbdb;
  margin-top: 15px;
}
#no-search .no-search-overlay .subscribe_options label.checked {
  background-color: #ffd6af;
  border: 1px solid #ff9533;
}
#no-search .no-search-overlay .subscribe_options .option-span {
  display: flex;
  line-height: normal;
  align-items: flex-start;
  letter-spacing: 0;
  width: 100%;
}
#no-search .no-search-overlay .subscribe_options .option-span .option-title {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-transform: none;
  font-size: 15px;
}
@media only screen and (max-width: 529px) {
  #no-search .no-search-overlay .subscribe_options .option-span .option-title {
    font-size: 14px;
  }
}
#no-search .no-search-overlay .subscribe_options .option-span .option-title > span:first-of-type {
  font-weight: 700;
  font-size: 20px;
}
@media only screen and (max-width: 529px) {
  #no-search .no-search-overlay .subscribe_options .option-span .option-title > span:first-of-type {
    font-size: 19px;
  }
}
#no-search .no-search-overlay .subscribe_options .option-span > span:last-of-type {
  text-transform: none;
  font-size: 36px;
  font-weight: 700;
}
#no-search .no-search-overlay .subscribe_options .option-span .price-tag {
  font-size: 13px;
  opacity: 0.7;
  font-weight: 700;
}
#no-search .no-search-overlay .subscribe_options input[type="radio"] {
  margin: 6px 10px 0 0;
}
@media only screen and (max-width: 529px) {
  #no-search .no-search-overlay .subscribe_options input[type="radio"] {
    margin-right: 6px;
  }
}
#no-search .no-search-overlay .no-subscribe-pay {
  position: relative;
}
#no-search .no-search-overlay .no-subscribe-pay form {
  border-top: 1px solid #cbcbcb;
  color: #2d344a;
  padding-top: 15px;
  display: flex;
  flex-direction: column;
}
#no-search .no-search-overlay .no-subscribe-pay form input {
  margin: 0 0 8px;
  width: 100%;
  padding: 10px 15px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  line-height: 15px;
}
#no-search .no-search-overlay .no-subscribe-pay form button {
  margin-top: 16px;
}
#no-search .no-search-overlay .no-subscribe-pay .back-btn {
  margin: 0;
  top: -8px;
  left: -8px;
  width: auto;
  background: none;
  position: absolute;
}
#no-search .no-search-overlay .no-subscribe-pay .back-btn:hover {
  box-shadow: none !important;
}
#no-search .no-search-overlay .no-subscribe-pay .back-btn svg {
  width: 20px;
  height: 20px;
  color: #2d344a;
}
#no-search .no-search-overlay .no-subscribe-pay #stripe-container {
  margin: 0 0 16px;
  width: 100%;
  padding: 10px 15px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
}
#no-search .no-search-overlay .no-subscribe-pay .promo_section {
  text-align: left;
}
#no-search .no-search-overlay .no-subscribe-pay .promo_field {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#no-search .no-search-overlay .no-subscribe-pay .promo_field button {
  margin: 0 0 0 20px !important;
  text-transform: none;
  font-size: 14px;
  letter-spacing: normal !important;
  width: 220px !important;
}
#no-search .no-search-overlay .no-subscribe-pay .promo_field input {
  margin-bottom: 0 !important;
}
#no-search .no-search-overlay .no-subscribe-pay .no-subscribe-pay-summary {
  padding: 35px 0 10px;
  text-align: left;
}
#no-search .no-search-overlay .no-subscribe-pay .no-subscribe-pay-summary > p {
  font-weight: 400;
  font-size: 16px;
}
#no-search .no-search-overlay .no-subscribe-pay label {
  font-weight: 600;
  text-align: left;
  font-size: 14px;
  letter-spacing: 0;
  text-transform: none;
  color: #2d344a;
}
@media only screen and (max-width: 529px) {
  .search-input-container {
    height: auto;
    padding: 10px 0;
  }
  .no-results {
    margin: 0!important;
    width: 100%;
  }
  .popular .big.width-200 {
    float: none;
    width: 100%!important;
  }
}
.search-map-items {
  width: 30%;
  float: left;
  max-height: 600px;
  overflow: scroll;
}
@media only screen and (max-width: 529px) {
  .search-map-items {
    width: 100%;
    float: none;
    max-height: none;
    margin-top: 10px;
  }
}
.search-map-map {
  float: right;
  width: 69%;
  height: 600px;
}
@media only screen and (max-width: 529px) {
  .search-map-map {
    height: 180px;
    width: 100%;
    float: none;
  }
}
.search-hero {
  background-size: cover;
  text-align: center;
  color: white;
  padding: 60px 15px;
  min-height: initial;
  margin: 0 0 25px;
}
.search-hero .search-title {
  font-weight: 900;
  font-size: 35px;
  text-align: center;
  text-transform: none;
  line-height: 1;
  letter-spacing: normal;
  margin: 0;
}
.search-hero .search input {
  border-bottom: none !important;
  background-color: white !important;
  color: black !important;
  padding: 7px 26px 7px 46px;
  font-weight: 300;
  font-size: 21px !important;
  border-radius: 4px;
}
.search-hero .search button[type=submit] {
  background: none !important;
  margin-top: 4px;
  top: 0 !important;
}
.search-hero .search button[type=submit] img {
  width: 32px;
}
.search-hero .search button[type=submit]:hover {
  box-shadow: none !important;
}
@media only screen and (max-width: 529px) {
  .search-hero .search-title {
    font-size: 32px;
  }
}
.signup {
  padding-top: 20px;
  /* Default Sign Up selection Page */
}
.signup .header {
  text-align: center;
  border-bottom: none !important;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 26px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 31.2px;
  text-transform: normal;
  margin-bottom: 13px;
}
.signup .signup-types {
  max-width: 748px;
  height: 110px;
  margin: 10px auto;
}
.signup .signup-types .signup-button,
.signup .signup-types .signup-button-or {
  display: table-cell;
}
.signup .signup-types .signup-button-or {
  text-align: center;
  vertical-align: middle;
  height: 110px;
  width: 64px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 21.6px;
  text-transform: normal;
  color: #595959;
}
.signup .signup-learnmore {
  text-align: center;
  margin-top: 46px;
}
.signup .signup-learnmore p {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 19.2px;
  text-transform: normal;
  font-style: italic;
  color: #000000;
}
.signup .signup-learnmore p a {
  color: #f03a3b;
}
.signup label {
  line-height: 21px;
}
.signup .input {
  width: 100%;
}
.signup .input input[type=text].thick,
.signup .input input[type=password],
.signup .input input[type=email],
.signup .input div.placeholder {
  padding: 8px 10px !important;
  height: 48px;
  float: none;
  clear: both;
}
.signup .input input[type=submit] {
  width: 100%;
}
.signup .input div.placeholder {
  font-style: italic;
}
.signup-button {
  width: 340px;
  height: 110px;
  background: white;
  border: 1px solid black;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  display: block;
}
.signup-button.clickable {
  transition: all 0.2s ease;
}
.signup-button.clickable:hover {
  -o-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.4) !important;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.4) !important;
}
.signup-button.clickable:active {
  -o-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.6) !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.6) !important;
  background-color: #f2f2f2;
}
.signup-button.clickable:active.signup-button-wrapper {
  background-color: #1d2024;
}
.signup-button:hover {
  text-decoration: none;
}
.signup-button .signup-button-wrapper {
  background: #282d32;
  margin: 4px;
  padding: 10px 0;
  height: 102px;
  box-sizing: border-box;
}
.signup-button .signup-button-title {
  color: #faf7f0;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 30px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 36px;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
}
.signup-button .signup-button-lead {
  text-align: center;
  width: 88%;
  margin: 0 auto;
  padding-top: 2px;
  text-decoration: none;
}
.signup-button .signup-button-lead p {
  color: #faf7f0;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 20px;
  text-transform: normal;
  font-style: italic;
}
.signup-brand .signup-button {
  margin: 0 auto;
}
.signup-brand .button,
.signup-brand button,
.signup-brand input[type=submit] {
  margin: 20px auto;
}
.signup-brand .button.facebook {
  margin: 25px auto 0 auto;
}
.signup-brand .signup-brand-or {
  text-align: center;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 18px;
  text-transform: normal;
  margin: 5px 0;
}
.signup-brand .field-wrapper {
  padding-bottom: 20px;
  float: none;
  clear: both;
}
.signup-brand .field-wrapper.submit {
  width: 50%;
  margin: 0 auto;
}
.signup-brand .actions {
  text-align: center;
}
.signup-brand .actions small {
  font-size: 10px;
}
.signup-confirmation {
  text-align: center;
}
.signup-confirmation .lead p {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 18px;
  text-transform: normal;
  color: #5a5a5a;
  margin-bottom: 20px;
}
.signup-confirmation .mail {
  margin: 10px;
}
.signup-confirmation .mail img {
  width: 60px;
  display: inline;
}
.signup-confirmation .button {
  margin: 20px auto;
}
.signup-final .alert.error {
  width: 550px;
  margin: 20px auto;
}
.signup-final .parsley-custom-error-message {
  margin-top: 2px;
  font-family: 'Helvetica Neue';
  font-size: 12px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 12px;
  text-transform: normal;
  color: #f03a3b;
}
.signup-final .lead {
  text-align: center;
}
.signup-final .lead p {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 21.6px;
  text-transform: normal;
  color: #000000;
  margin-bottom: 25px;
}
.signup-final .input-section {
  width: 620px;
  margin: 0 auto;
  clear: both;
}
.signup-final .input-section.complete:before {
  background-image: url('/img/icons/icon-check-green.png');
}
.signup-final .input-section:before {
  content: "";
  position: absolute;
  background-image: url('/img/icons/icon-check-grey.png');
  background-repeat: no-repeat;
  background-position: 0 50%;
  height: 27px;
  width: 27px;
  margin-left: -40px;
  margin-top: 25px;
}
.signup-final .input-section .button.small {
  float: left;
  margin-right: 13px;
}
.signup-final .input-section .button.small a {
  font-size: 10px;
  cursor: pointer;
}
.signup-final .input-section .button.small:last-child {
  margin: 0;
}
.signup-final .input-section input.small {
  width: 100px;
}
.signup-final .input-section #different_country {
  margin-top: 20px;
  margin-left: 10px;
}
.signup-final .input-section #different_country a {
  line-height: 50px;
}
.signup-final .input-section .country-select {
  width: 150px;
  height: 49px;
  margin-right: 10px;
}
.signup-final .input-section .country-select:before {
  margin: 22px 15px;
}
.signup-final .input-section .country-select .selected {
  padding: 10px 25px 6px 10px;
}
.signup-final .signup-button {
  margin: 0 auto;
  margin-bottom: 25px;
}
.signup-final .submit-form {
  margin-left: -150px;
  left: 50%;
  position: relative;
}
.brand-signup-container {
  max-width: 878px;
  margin: 0 auto;
}
.brand-signup-header {
  padding-top: 15px;
}
#brand-signup-form {
  max-width: 878px;
  margin: 0 auto;
}
#brand-signup-form .floating-label {
  width: 100%;
}
#brand-signup-form section {
  margin: 20px 0;
}
#brand-signup-form .row {
  margin-top: 5px;
  margin-bottom: 5px;
}
.form-background {
  background: #fff;
  width: 100%;
}
label.radio-button-label {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  cursor: pointer;
  display: block;
  text-align: center;
  max-width: 210px;
  margin: 10px auto;
  /*override default mr styles*/
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  color: #838895;
  font-size: 14px;
  letter-spacing: -0.2px;
  line-height: 30px;
  text-transform: none;
}
label.radio-button-label img {
  margin: 0 auto;
  padding: 5px 0;
}
hr.border-color {
  background-color: #e0e0e0;
  margin: 28px 0;
  height: 2px;
}
span.checkbox-wrapper {
  padding: 0 5px;
}
span.checkbox-wrapper input[type=checkbox] {
  vertical-align: middle;
}
label.checkbox-label {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  letter-spacing: normal;
  text-transform: none;
  font-size: 14px;
  font-weight: 600;
}
.sub-heading {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: -0.2px;
  color: #838895;
}
.small-heading {
  font: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: condensed;
  letter-spacing: -0.2px;
  color: black;
  margin-bottom: 0;
}
.small-sub-heading {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.1px;
  color: #838895;
}
.big-title {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #2d344a;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.already-signed-up {
  margin-left: 25px;
}
#stories #feature .content {
  background: #282d32;
  text-align: center;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
}
#stories #feature .content .container {
  height: 350px;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 1000px;
}
#stories #feature .content .container h1 {
  font-size: 60px;
  line-height: 60px;
  color: #ffffff;
  padding-top: 120px;
}
#stories #feature .content .container p {
  margin: 20px 0;
  font-size: 18px;
  line-height: 18px;
  color: #ffffff;
}
#stories #feature .hero-info {
  background: #fff;
  border-bottom: 1px solid #E0E0E0;
  padding: 45px 0;
}
#stories #feature .hero-info h3 {
  color: #5a5a5a;
  /* text color */
  text-transform: none;
  font-size: 24px;
}
#stories #feature .hero-info p {
  color: #5a5a5a;
  /* text color */
  font-size: 14px;
}
#stories #feature .hero-info .button {
  width: 200px;
  float: right;
}
#stories .tiles .tile {
  border-radius: 3px;
  border-radius: 0;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  box-sizing: padding-box;
  background-color: #fff;
  /* layer fill content */
  padding: 10px;
  webkit-box-shadow: 0 2px 2px rgba(215, 221, 223, 0.5) !important;
  -o-box-shadow: 0 2px 2px rgba(215, 221, 223, 0.5) !important;
  box-shadow: 0px 2px 2px #c9c9c9 !important;
  width: 280px;
}
#stories .tiles .tile p {
  color: #677181;
  /* text color */
  font-family: "Helvetica Neue";
  font-size: 14px;
  padding: 10px;
}
#stories .tiles .tile .tile-img {
  width: 84px;
  height: 84px;
  margin-left: 94px;
  margin-top: -60px;
  border: 4px solid #a6aab5;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
}
#stories .tiles .tile .tile-img .photo {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  left: 7px;
}
#stories .tiles .tile .tile-img .stories-p1 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px 0px;
}
#stories .tiles .tile .tile-img .stories-p2 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -70px;
}
#stories .tiles .tile .tile-img .stories-p3 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -140px;
}
#stories .tiles .tile .tile-img .stories-p4 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -210px;
}
#stories .tiles .tile .tile-img .stories-p5 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -280px;
}
#stories .tiles .tile .tile-img .stories-p6 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -350px;
}
#stories .tiles .tile .tile-img .stories-p7 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -420px;
}
#stories .tiles .tile .tile-img .stories-p8 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -490px;
}
#stories .tiles .tile .tile-img .stories-p9 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -560px;
}
#stories .tiles .tile .tile-img .stories-p10 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -630px;
}
#stories .tiles .tile .tile-img .stories-p11 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -700px;
}
#stories .tiles .tile .tile-img .stories-p12 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -770px;
}
#stories .tiles .tile .tile-img .stories-p13 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -840px;
}
#stories .tiles .tile .tile-img .stories-p14 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -910px;
}
#stories .tiles .tile .tile-img .stories-p15 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -980px;
}
#stories .tiles .tile .tile-img .stories-p16 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -1050px;
}
#stories .tiles .tile .tile-img .stories-p17 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -1120px;
}
#stories .tiles .tile .tile-img .stories-p18 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -1190px;
}
#stories .tiles .tile .tile-img .stories-p19 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -1260px;
}
#stories .tiles .tile .tile-img .stories-p20 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -1330px;
}
#stories .tiles .tile .tile-img .stories-p21 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -1400px;
}
#stories .tiles .tile .tile-img .stories-p22 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -1470px;
}
#stories .tiles .tile .tile-img .stories-p23 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -1540px;
}
#stories .tiles .tile .tile-img .stories-p24 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -1610px;
}
#stories .tiles .tile .tile-img .stories-p25 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -1680px;
}
#stories .tiles .tile .tile-img .stories-p26 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -1750px;
}
#stories .tiles .tile .tile-img .stories-p27 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -1820px;
}
#stories .tiles .tile .tile-img .stories-p28 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -1890px;
}
#stories .tiles .tile .tile-img .stories-p29 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -1960px;
}
#stories .tiles .tile .tile-img .stories-p30 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -2030px;
}
#stories .tiles .tile .tile-img .stories-p31 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -2100px;
}
#stories .tiles .tile .tile-img .stories-p32 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -2170px;
}
#stories .tiles .tile .tile-img .stories-p33 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -2240px;
}
#stories .tiles .tile .tile-img .stories-p34 {
  background: url("/img/main/stories.jpg") no-repeat;
  background-position: 0px -2310px;
}
#stories .tiles .tile .tile-header {
  margin-top: 10px;
}
#stories .tiles .tile .tile-header .tile-name {
  text-align: center;
}
#stories .tiles .tile .tile-header .tile-name strong {
  color: #3d434d;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
}
#stories .tiles .tile .tile-header:after {
  content: "";
  width: 40px;
  margin-top: 5px;
  margin-left: 120px;
  height: 1px;
  display: block;
  border-bottom: 2px solid #3d434d;
}
#stories .tiles .tile .tile-info {
  text-align: center;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 14px;
  color: #677182;
}
#stories .tiles .tile .tile-info .tile-business {
  margin-left: 5px;
  color: #f03a3b;
}
#stories .tiles .tile .tile-info .tile-business:before {
  content: "@";
  color: #677182;
  margin-right: 5px;
}
#stories .container {
  max-width: 960px;
  margin: 0 auto;
}
.team {
  padding-top: 35px;
}
.container.team {
  max-width: 660px;
}
.team .people {
  /* margin-left: -10px; */
}
/* Person */
.team .person {
  height: 300px;
}
.team .person .photo {
  border-radius: 60px;
  height: 120px;
  width: 120px;
  border: 1px solid #cfcfcf;
  margin: 0 auto 10px auto;
}
.team .person .info {
  text-align: center;
}
.team .person h2 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  margin-bottom: 5px;
}
.team .person h3 {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
}
.team .follow {
  margin: 0;
}
.team .follow li {
  height: 20px;
}
.team .follow .icon {
  margin: 2px 10px 2px 0;
}
/* Bio */
.team .bio {
  display: none;
  max-height: 300px;
  overflow-y: auto;
}
.team-header {
  width: 100%;
}
.team-header .intro {
  padding-top: 75px;
  padding: 50px 0;
  width: 100%;
  margin-bottom: 10px;
  background-color: white;
  padding-bottom: 0px;
}
.team-header .intro .button {
  margin: 45px auto;
}
.team-header h1,
.team-header p {
  text-align: center;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  line-height: 30px;
}
.team-header h1 {
  padding-top: 85px;
  font-size: 42px;
  line-height: 49px;
  color: #5a5a5a;
  padding-bottom: 35px;
}
.team-header p {
  font-size: 20px;
  color: #5a5a5a;
}
.team-header .button {
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 55px;
  width: 300px;
  height: 36px;
}
.team_title {
  text-align: center;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 35px;
  padding-top: 15px;
}
.videos iframe {
  max-width: 100%;
}
.videos .col-nopad {
  padding: 0;
}
.videos #playlist {
  height: 400px;
  overflow-x: hidden;
  overflow-y: scroll;
  background: #fff;
}
.videos #playlist ul {
  margin: 0;
}
.videos #playlist li {
  background: #fff;
  border-top: 1px solid #cfcfcf;
  cursor: pointer;
  height: 90px;
  padding-left: 5px;
}
.videos #playlist li:hover,
.videos #playlist li.current {
  color: #f03a3b;
}
.videos #playlist li:first-child {
  border: 0;
}
.videos #playlist li .vid-thumbnail {
  display: block;
  height: 90px;
  width: 120px;
}
.videos #playlist li .vid-info {
  box-sizing: border-box;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: normal;
  text-transform: uppercase;
  height: 90px;
  margin-left: 120px;
  padding: 10px 20px 0 10px;
}
#message-container.messages-layout {
  position: fixed;
  top: 62px;
  left: 0;
  right: 0;
  bottom: 0;
}
#message-container {
  background: #fff;
  border-top: 1px solid #eee;
}
#message-container .vh100 {
  height: 100vh;
}
#message-container h3,
#message-container h4 {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  letter-spacing: inherit;
  text-transform: inherit;
}
#message-container p {
  font-weight: 300;
  letter-spacing: 0.1px;
}
#message-container .fixed {
  position: fixed;
}
#message-container .middle-col {
  border-right: 1px solid #eee;
  padding: 0;
  background: #fff;
}
#message-container .btn {
  background: none;
  width: auto;
  height: auto;
  color: inherit;
  float: none;
}
#message-container ul.dropdown-menu {
  padding: 10px;
  background: #fff;
}
#message-container .quick-reply-container {
  z-index: 3;
  background: #fff;
  height: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
  bottom: 60px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  visibility: hidden;
  transition: height 0.5s ease 0s, visibility 0s ease 0.35s;
}
#message-container .quick-reply-container .quick-reply {
  border-bottom: 1px solid #eee;
  height: 100px;
  overflow: hidden;
  position: relative;
  padding-right: 10px;
}
#message-container .quick-reply-container .quick-reply .quick-reply-icon {
  line-height: 100px;
  text-align: center;
  width: 80px;
  float: left;
}
#message-container .quick-reply-container .quick-reply .quick-reply-icon img {
  max-width: 100%;
  display: inline-block;
  line-height: 100px;
}
#message-container .quick-reply-container .quick-reply p {
  max-height: 40px;
  overflow: hidden;
}
#message-container .quick-reply-container .quick-reply h4 {
  padding-top: 15px;
  text-transform: capitalize;
  font-size: 17px;
  margin-bottom: 4px;
  color: #444;
  letter-spacing: inherit;
}
#message-container .quick-reply-container .quick-reply .buttons {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  height: 100px;
  line-height: 100px;
  padding-right: 10px;
}
#message-container .quick-reply-container .quick-reply .buttons button {
  letter-spacing: inherit;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0 5px;
  border-radius: 2px;
  font-size: 14px;
  text-transform: capitalize;
}
#message-container .quick-reply-container .quick-reply .buttons button.choose {
  width: 95px;
  background: #1975FF;
}
#message-container .quick-reply-container .quick-reply .buttons button.edit {
  width: 75px;
  background: #fff;
  color: #1975FF;
  border: 1px solid #dddddd;
}
#message-container .quick-reply-container .quick-reply:hover {
  background: #f6f6f6;
}
#message-container .quick-reply-container .quick-reply:hover .buttons {
  display: block;
}
#message-container .quick-reply-container.open {
  visibility: visible;
  display: block;
  height: 300px;
  transition: height 0.5s ease 0s, visibility 0s ease 0s;
}
#message-container #contacts {
  background: #fff;
  min-height: 350px;
  border-right: 1px solid #eee;
}
#message-container #contacts .no-conversations {
  position: relative;
  top: -60%;
  width: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 35px;
  color: #999999;
}
#message-container #contacts .contact-header {
  padding: 10px 30px;
  margin: 0 -15px;
  border-bottom: 1px solid #eee;
}
#message-container #contacts .contact-header .actions div {
  padding: 0;
}
#message-container #contacts .contact-header .actions .message-filter {
  cursor: pointer;
}
#message-container #contacts .contact-header .actions .message-filter h3 {
  font-size: 16px;
  text-transform: none;
  line-height: 35px;
  margin: 0;
  color: #5a5a5a;
  letter-spacing: inherit;
}
#message-container #contacts .contact-header .actions .message-filter i {
  margin-left: 10px;
}
#message-container #contacts .contact-header .actions .message-filter .dropdown {
  position: absolute;
  border-radius: 1px;
  background: #fff;
  box-shadow: 0 0 2px #ccc;
  top: 0;
  left: 0;
  text-align: left;
  min-width: 300px;
  z-index: 10;
  margin-left: -8px;
  margin-top: -2px;
}
#message-container #contacts .contact-header .actions .message-filter .dropdown a {
  color: #5a5a5a;
  display: block;
  padding: 20px 35px;
  position: relative;
  z-index: 10;
  font-size: 15px;
}
#message-container #contacts .contact-header .actions .message-filter .dropdown a .filter-icon {
  display: inline-block;
  margin-right: 15px;
  width: 16px;
  height: 16px;
}
#message-container #contacts .contact-header .actions .message-filter .dropdown a:hover {
  text-decoration: none;
  background: #f9f9f9;
}
#message-container #contacts .contact-header .actions .message-filter .dropdown.open {
  display: block;
}
#message-container #contacts .contact-header .actions .new-message {
  background: #008fae;
  color: #fff;
  border-radius: 100%;
  text-align: center;
  line-height: 32px;
  height: 36px;
  width: 36px;
  float: right;
  cursor: pointer;
}
#message-container #contacts .contact-header .actions .new-message img {
  display: inline;
  vertical-align: middle;
  margin-left: 1.5px;
}
#message-container #contacts .contact-header .actions .new-message:hover {
  text-decoration: none;
}
#message-container #contacts #conversation_search form {
  width: 80%;
  background: #eee;
  border-radius: 5px;
  margin: 10px auto 15px;
}
#message-container #contacts #conversation_search form i {
  font-size: 22px;
  width: 40px;
  padding: 10px;
  float: left;
  color: #3f7293;
}
#message-container #contacts #conversation_search form span {
  display: block;
  overflow: hidden;
}
#message-container #contacts #conversation_search form input {
  width: 100%;
  line-height: 35px;
  padding: 0 10px;
  font-size: 12px;
  background: transparent;
  border: none;
  color: #5a5a5a;
  text-align: center;
}
#message-container #contacts .conversations {
  overflow-y: auto !important;
  overflow-x: hidden;
  margin-right: -15px;
  margin-left: -15px;
  padding: 0 15px;
  min-height: 340px;
}
#message-container #contacts .conversations .conversation {
  padding: 15px 10px;
  border-bottom: 1px solid #eee;
  background: #fff;
  cursor: pointer;
}
#message-container #contacts .conversations .conversation .avatar {
  padding: 0;
  margin-top: 17px;
  max-width: 55px;
}
#message-container #contacts .conversations .conversation .avatar div {
  text-align: center;
  margin: 5px;
}
#message-container #contacts .conversations .conversation .avatar div img {
  max-width: 100%;
  border-radius: 100%;
  margin: 0 auto -10px;
}
#message-container #contacts .conversations .conversation .avatar div .premium-user {
  color: #fff;
  background: #444;
  border-radius: 2px;
  border-top: 3px solid #fff;
  font-size: 8px;
  text-align: center;
  display: inline-block;
  width: 100%;
  line-height: 15px;
}
#message-container #contacts .conversations .conversation .time {
  text-align: right;
  font-size: 11px;
  padding: 0;
}
#message-container #contacts .conversations .conversation .time i {
  font-size: 8px;
  line-height: 20px;
  vertical-align: top;
}
#message-container #contacts .conversations .conversation .time .read i {
  display: none;
}
#message-container #contacts .conversations .conversation .time .unread,
#message-container #contacts .conversations .conversation .time .draft {
  color: #1975FF;
}
#message-container #contacts .conversations .conversation .time .waiting {
  color: #f03a3b;
}
#message-container #contacts .conversations .conversation .star {
  color: #ffb800;
  cursor: pointer;
  text-align: right;
  padding-right: 0;
  position: absolute;
  right: 0;
  line-height: 28px;
}
#message-container #contacts .conversations .conversation .star i {
  vertical-align: top;
}
#message-container #contacts .conversations .conversation .star img.dollar-sign {
  display: inline;
  vertical-align: top;
  max-width: 15px;
  margin-left: 10px;
}
#message-container #contacts .conversations .conversation h4 {
  margin: 0;
  font-size: 11px;
  line-height: 20px;
  color: #5a5a5a;
  height: 20px;
  overflow: hidden;
}
#message-container #contacts .conversations .conversation h2 {
  font-size: 14px;
  font-weight: 500;
  color: #444;
}
#message-container #contacts .conversations .conversation p {
  height: 38px;
  overflow: hidden;
  font-size: 13px;
  line-height: 19px;
}
#message-container #contacts .conversations .conversation .content {
  padding-left: 10px;
}
#message-container #contacts .conversations .conversation.active {
  background: #f6f6f6;
  cursor: default;
}
#message-container #contacts .conversations .conversation.active .premium-user {
  border-top: 3px solid #f6f6f6;
}
#message-container #contacts .conversations .conversation:hover {
  background: #f8f8f8;
}
#message-container #contacts .conversations .conversation.active:hover {
  background: #f6f6f6;
}
#message-container #contacts .conversations .loading {
  font-size: 22px;
  text-align: center;
  padding: 15px 0;
}
#message-container .sending-overlay {
  z-index: 2147483647;
  height: 100%;
  width: 100%;
  position: absolute;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.7);
}
#message-container .sending-overlay i {
  position: absolute;
  left: 45%;
  top: 35%;
}
#message-container #upsell {
  position: relative;
  top: 33%;
}
#message-container #upsell h2 {
  font-size: 25px;
  color: #5a5a5a;
  line-height: 35px;
  padding-bottom: 15px;
}
#message-container #upsell h3 {
  font-size: 16px;
  color: #5a5a5a;
}
#message-container #textbox {
  background: #fff;
  z-index: 2;
  position: relative;
  min-height: 85px;
}
#message-container #textbox .new-message-header {
  width: 100%;
  border-bottom: 1px solid #eee;
  height: 54px;
  line-height: 54px;
}
#message-container #textbox .new-message-header h2 {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 17px;
  font-weight: 400;
}
#message-container #textbox .new-message-header a {
  float: left;
  margin-left: 10px;
  position: relative;
  z-index: 10;
  color: #1975FF;
}
#message-container #textbox textarea {
  width: 100%;
  min-height: 100px;
  max-height: 50vh;
  border: none;
  font-family: 'Heebo';
  font-weight: 300;
  padding: 10px;
  font-size: 14px;
  resize: none;
  color: #5a5a5a;
  border-top: 1px solid #eee;
  letter-spacing: 0.4px;
}
#message-container #textbox textarea:focus {
  outline: none;
}
#message-container #textbox .actions {
  padding: 5px 0 10px;
  margin: 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
#message-container #textbox .actions a.ask-action {
  line-height: 50px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.2px;
  position: absolute;
  left: 0;
  padding: 0 25px;
  color: #1975FF;
  z-index: 8;
  cursor: pointer;
}
#message-container #textbox .actions button[type="submit"].inactive {
  pointer-events: none;
  background: #939598;
  border-radius: 3px;
  width: 150px;
  margin-left: 3px;
}
#message-container #textbox .actions button[type="submit"].active {
  background: #1975FF;
  border-radius: 3px;
  width: 150px;
  margin-left: 3px;
}
#message-container #textbox .actions .active {
  background: #3f7293;
}
#message-container #textbox .actions .badge {
  font-size: 8px;
  position: absolute;
  top: 0;
  left: 7px;
  background: #3f7293;
  color: #fff;
  height: 13px;
  line-height: 13px;
  width: 13px;
  text-align: center;
  border-radius: 100%;
}
#message-container #textbox .actions a.action-icon {
  font-size: 22px;
  padding: 0 15px;
  height: 42px;
  color: #5a5a5a;
  line-height: 42px;
  cursor: pointer;
  margin: 0 3px;
  position: relative;
}
#message-container #textbox .actions a.action-icon img {
  display: inline;
  vertical-align: middle;
}
#message-container #textbox .actions a.action-icon i {
  font-size: 16px;
}
#message-container #textbox .actions a.action-icon.open {
  border: 2px solid #eee;
  background: #f9f9f9;
  display: inline-block;
  border-radius: 0 0 3px 3px;
  position: relative;
  margin-top: -5px;
  padding: 1px 13px 45px;
  margin-bottom: -4px;
  border-top: 2px solid #f9f9f9;
}
#message-container #textbox .actions a.action-icon.open .badge {
  display: none;
}
#message-container #textbox .actions .message-actions {
  text-align: right;
  padding-right: 10px;
}
#message-container #textbox .center {
  text-align: center;
}
#message-container #textbox input[type='submit'] {
  background: #008fae;
}
#message-container #textbox .recipient-input {
  line-height: 54px;
}
#message-container #textbox .recipient-input .to-text {
  float: left;
  line-height: 54px;
  padding: 0 15px;
}
#message-container #textbox .recipient-input .input-buffer {
  display: block;
  overflow: hidden;
}
#message-container #textbox .recipient-input .input-buffer input[type='text'] {
  width: 100%;
  padding: 10px 5px;
  font-size: 14px;
  color: #5a5a5a;
  border: none;
  outline: none;
  height: 54px;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif, sans-serif;
}
#message-container #textbox .recipient-input .input-buffer span {
  background: #eee;
  font-size: 12px;
  border-radius: 3px;
  padding: 5px 8px;
}
#message-container #textbox .typeahead-ul {
  background: #fff;
  position: absolute;
  width: 60%;
  min-width: 435px;
  z-index: 99;
  border: 1px solid #eee;
  margin-top: -2px;
  left: 10px;
  border-radius: 2px;
}
#message-container #textbox .typeahead-ul .typeahead-li {
  font-size: 13px;
  height: 50px;
  line-height: 30px;
  padding: 10px;
  cursor: pointer;
  border-bottom: 1px solid #f3f3f3;
}
#message-container #textbox .typeahead-ul .typeahead-li .search-result img {
  max-width: 65px;
  border-radius: 100%;
  max-height: 30px;
  float: left;
  margin-right: 10px;
}
#message-container #textbox .typeahead-ul .typeahead-li .search-result h3,
#message-container #textbox .typeahead-ul .typeahead-li .search-result h4 {
  display: inline;
  line-height: normal;
  text-transform: inherit;
  margin: 0 0 0 5px;
}
#message-container #textbox .typeahead-ul .typeahead-li .search-result h3 {
  font-size: 14px;
}
#message-container #textbox .typeahead-ul .typeahead-li .search-result h4 {
  font-size: 12px;
  color: #939598;
}
#message-container #textbox .typeahead-ul .typeahead-li:hover {
  background: #f6f6f6;
}
#message-container .prompt .header {
  margin: 0 auto;
  width: 200px;
  padding: 30px 0;
}
#message-container .prompt .header img {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}
#message-container .prompt .header h1 {
  font-size: 16px;
  font-weight: 500;
}
#message-container .prompt .prompt-btns {
  margin: 0;
  padding: 0 30px 25px;
}
#message-container .prompt .prompt-btn {
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 2px;
}
#message-container .prompt .prompt-btn:hover {
  text-decoration: none;
}
#message-container .prompt .prompt-btn.white {
  background: #fff;
  border: 1px solid #ccc;
  color: #1975FF;
}
#message-container .prompt .prompt-btn.blue {
  background: #1975FF;
  border: 1px solid #1975FF;
  color: #fff;
}
#message-container #conversation-header {
  border-bottom: 1px solid #eee;
  height: 57px;
  line-height: 57px;
}
#message-container #conversation-header h2 {
  font-size: 15px;
  position: absolute;
  width: 100%;
  text-align: center;
  top: 0;
  z-index: 7;
}
#message-container #conversation-header .separator {
  font-size: 4px;
  vertical-align: middle;
}
#message-container #conversation-header .thread-actions {
  text-align: right;
  position: relative;
  z-index: 8;
  line-height: 57px;
  height: 57px;
}
#message-container #conversation-header .thread-actions .star {
  margin-right: 25px;
  color: #c7cccf;
  cursor: pointer;
  font-size: 22px;
  line-height: 57px;
}
#message-container #conversation-header .thread-actions .star .fa-star.star-thread {
  color: #ffb800;
}
#message-container #conversation-header .thread-actions .more {
  display: inline-block;
  cursor: pointer;
}
#message-container #conversation-header .thread-actions .more i.see-more {
  font-size: 20px;
  color: #c7cccf;
  line-height: 57px;
}
#message-container #conversation-header .thread-actions .more .dropdown {
  position: absolute;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 2px #ccc;
  top: 6px;
  right: 6px;
  text-align: left;
  min-width: 250px;
  z-index: 10;
  line-height: 35px;
}
#message-container #conversation-header .thread-actions .more .dropdown a {
  color: #5a5a5a;
  display: block;
  padding: 15px 25px;
  position: relative;
  z-index: 10;
}
#message-container #conversation-header .thread-actions .more .dropdown a img {
  display: inline-block;
  margin-right: 15px;
}
#message-container #conversation-header .thread-actions .more .dropdown .unread i {
  color: #3f7293;
}
#message-container #conversation-header .thread-actions .more .dropdown a.inactive:hover {
  cursor: default;
  background: #ffffff;
}
#message-container #conversation-header .thread-actions .more .dropdown a:hover {
  text-decoration: none;
  background: #f9f9f9;
}
#message-container #conversation-header .thread-actions .more .dropdown.open {
  display: block;
}
#message-container #conversation-header .back-btn {
  z-index: 10;
  position: relative;
}
#message-container #conversation-header .back-btn a {
  color: #444;
  font-size: 17px;
}
#message-container #conversation-header .message-content {
  border-top: 1px solid #eee;
  padding-top: 10px;
  margin-top: 10px;
}
#message-container #thread {
  z-index: 2;
  padding: 5px 0 15px;
  overflow-y: auto;
  width: 100%;
}
#message-container #thread p {
  font-size: 13px;
  line-height: 19px;
}
#message-container #thread .message-me {
  margin: 3px 0 15px;
  text-align: right;
}
#message-container #thread .message-me .date {
  font-size: 11px;
  line-height: 25px;
  color: #999;
}
#message-container #thread .message-me div.content {
  background: #1975FF;
  border-radius: 3px;
  display: inline-block;
  padding: 8px 15px;
  max-width: 75%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  position: relative;
}
#message-container #thread .message-me div.content p {
  margin: 0;
  text-align: left;
  white-space: pre-wrap;
  letter-spacing: 0.4px;
  color: #fff;
}
#message-container #thread .message-me div.content h5 {
  color: #fff;
  text-align: left;
}
#message-container #thread .message-me div.content p.black-text {
  color: #444;
}
#message-container #thread .message-me div.content .hidden-email {
  font-family: Courier;
  color: #eee;
}
#message-container #thread .message-me div.content .attachments {
  color: #fff;
}
#message-container #thread .message-me div.content a {
  color: #fff;
  text-decoration: underline;
}
#message-container #thread .message-me div.content .estimate-request-message-footer {
  color: #fff;
}
#message-container #thread .message-me .avatar {
  float: right;
}
#message-container #thread .message-me .attachment-container {
  right: 0;
  left: inherit;
}
#message-container #thread .message-them {
  margin: 3px 0 15px;
  text-align: left;
}
#message-container #thread .message-them .date {
  font-size: 11px;
  line-height: 25px;
  color: #999;
}
#message-container #thread .message-them div.content {
  background: #f4f4f4;
  border-radius: 3px;
  display: inline-block;
  padding: 8px 15px;
  max-width: 75%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  position: relative;
}
#message-container #thread .message-them div.content p {
  margin: 0;
  letter-spacing: 0.1px;
  white-space: pre-wrap;
}
#message-container #thread .message-them div.content .hidden-email {
  font-family: Courier;
  color: #777;
}
#message-container #thread .message-them div.content .attachments {
  color: #5a5a5a;
}
#message-container #thread .message-them div.content a {
  color: #3f7293;
  text-decoration: underline;
}
#message-container #thread div.content.quote-request,
#message-container #thread div.content.quote,
#message-container #thread div.content.estimate-request-message,
#message-container #thread div.content.send-money-message,
#message-container #thread div.content.consultation-message {
  min-width: 380px;
  width: 80%;
  max-width: 580px;
  padding: 0;
}
#message-container #thread div.content.quote-request .head,
#message-container #thread div.content.quote .head,
#message-container #thread div.content.estimate-request-message .head,
#message-container #thread div.content.send-money-message .head,
#message-container #thread div.content.consultation-message .head {
  background: #fff;
  border: 1px solid #eee;
  padding: 10px 15px;
  border-radius: 3px 3px 0 0;
  text-align: center;
}
#message-container #thread div.content.quote-request .head h3,
#message-container #thread div.content.quote .head h3,
#message-container #thread div.content.estimate-request-message .head h3,
#message-container #thread div.content.send-money-message .head h3,
#message-container #thread div.content.consultation-message .head h3 {
  text-align: center;
  font-size: 15px;
  font-weight: 300;
  color: #444;
  margin: 0;
}
#message-container #thread div.content.quote-request .head h3 img,
#message-container #thread div.content.quote .head h3 img,
#message-container #thread div.content.estimate-request-message .head h3 img,
#message-container #thread div.content.send-money-message .head h3 img,
#message-container #thread div.content.consultation-message .head h3 img {
  display: inline;
  vertical-align: middle;
  margin-right: 10px;
}
#message-container #thread div.content.quote-request .head h3.red,
#message-container #thread div.content.quote .head h3.red,
#message-container #thread div.content.estimate-request-message .head h3.red,
#message-container #thread div.content.send-money-message .head h3.red,
#message-container #thread div.content.consultation-message .head h3.red {
  color: red;
}
#message-container #thread div.content.quote-request .head .quote-body,
#message-container #thread div.content.quote .head .quote-body,
#message-container #thread div.content.estimate-request-message .head .quote-body,
#message-container #thread div.content.send-money-message .head .quote-body,
#message-container #thread div.content.consultation-message .head .quote-body,
#message-container #thread div.content.quote-request .head .message-body,
#message-container #thread div.content.quote .head .message-body,
#message-container #thread div.content.estimate-request-message .head .message-body,
#message-container #thread div.content.send-money-message .head .message-body,
#message-container #thread div.content.consultation-message .head .message-body {
  border-top: 1px solid #eee;
  margin-top: 10px;
  padding-top: 10px;
}
#message-container #thread div.content.quote-request .head .quote-body ul,
#message-container #thread div.content.quote .head .quote-body ul,
#message-container #thread div.content.estimate-request-message .head .quote-body ul,
#message-container #thread div.content.send-money-message .head .quote-body ul,
#message-container #thread div.content.consultation-message .head .quote-body ul,
#message-container #thread div.content.quote-request .head .message-body ul,
#message-container #thread div.content.quote .head .message-body ul,
#message-container #thread div.content.estimate-request-message .head .message-body ul,
#message-container #thread div.content.send-money-message .head .message-body ul,
#message-container #thread div.content.consultation-message .head .message-body ul {
  margin: 0;
}
#message-container #thread div.content.quote-request .head .quote-body ul li,
#message-container #thread div.content.quote .head .quote-body ul li,
#message-container #thread div.content.estimate-request-message .head .quote-body ul li,
#message-container #thread div.content.send-money-message .head .quote-body ul li,
#message-container #thread div.content.consultation-message .head .quote-body ul li,
#message-container #thread div.content.quote-request .head .message-body ul li,
#message-container #thread div.content.quote .head .message-body ul li,
#message-container #thread div.content.estimate-request-message .head .message-body ul li,
#message-container #thread div.content.send-money-message .head .message-body ul li,
#message-container #thread div.content.consultation-message .head .message-body ul li {
  padding: 5px 0;
  font-size: 13px;
  font-weight: 300;
}
#message-container #thread div.content.quote-request .head .quote-body ul li .quote-item,
#message-container #thread div.content.quote .head .quote-body ul li .quote-item,
#message-container #thread div.content.estimate-request-message .head .quote-body ul li .quote-item,
#message-container #thread div.content.send-money-message .head .quote-body ul li .quote-item,
#message-container #thread div.content.consultation-message .head .quote-body ul li .quote-item,
#message-container #thread div.content.quote-request .head .message-body ul li .quote-item,
#message-container #thread div.content.quote .head .message-body ul li .quote-item,
#message-container #thread div.content.estimate-request-message .head .message-body ul li .quote-item,
#message-container #thread div.content.send-money-message .head .message-body ul li .quote-item,
#message-container #thread div.content.consultation-message .head .message-body ul li .quote-item {
  text-align: left;
  width: 70%;
  float: left;
}
#message-container #thread div.content.quote-request .head .quote-body ul li .quote-item-price,
#message-container #thread div.content.quote .head .quote-body ul li .quote-item-price,
#message-container #thread div.content.estimate-request-message .head .quote-body ul li .quote-item-price,
#message-container #thread div.content.send-money-message .head .quote-body ul li .quote-item-price,
#message-container #thread div.content.consultation-message .head .quote-body ul li .quote-item-price,
#message-container #thread div.content.quote-request .head .message-body ul li .quote-item-price,
#message-container #thread div.content.quote .head .message-body ul li .quote-item-price,
#message-container #thread div.content.estimate-request-message .head .message-body ul li .quote-item-price,
#message-container #thread div.content.send-money-message .head .message-body ul li .quote-item-price,
#message-container #thread div.content.consultation-message .head .message-body ul li .quote-item-price {
  text-align: right;
  width: 30%;
  display: inline-block;
}
#message-container #thread div.content.quote-request .head .quote-body ul .total,
#message-container #thread div.content.quote .head .quote-body ul .total,
#message-container #thread div.content.estimate-request-message .head .quote-body ul .total,
#message-container #thread div.content.send-money-message .head .quote-body ul .total,
#message-container #thread div.content.consultation-message .head .quote-body ul .total,
#message-container #thread div.content.quote-request .head .message-body ul .total,
#message-container #thread div.content.quote .head .message-body ul .total,
#message-container #thread div.content.estimate-request-message .head .message-body ul .total,
#message-container #thread div.content.send-money-message .head .message-body ul .total,
#message-container #thread div.content.consultation-message .head .message-body ul .total {
  color: #333;
  font-weight: 400;
  font-size: 16px;
}
#message-container #thread div.content.quote-request .head .quote-body p span.bold,
#message-container #thread div.content.quote .head .quote-body p span.bold,
#message-container #thread div.content.estimate-request-message .head .quote-body p span.bold,
#message-container #thread div.content.send-money-message .head .quote-body p span.bold,
#message-container #thread div.content.consultation-message .head .quote-body p span.bold,
#message-container #thread div.content.quote-request .head .message-body p span.bold,
#message-container #thread div.content.quote .head .message-body p span.bold,
#message-container #thread div.content.estimate-request-message .head .message-body p span.bold,
#message-container #thread div.content.send-money-message .head .message-body p span.bold,
#message-container #thread div.content.consultation-message .head .message-body p span.bold {
  font-weight: 600;
}
#message-container #thread div.content.quote-request .head-msg-trunc,
#message-container #thread div.content.quote .head-msg-trunc,
#message-container #thread div.content.estimate-request-message .head-msg-trunc,
#message-container #thread div.content.send-money-message .head-msg-trunc,
#message-container #thread div.content.consultation-message .head-msg-trunc {
  max-width: 85%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
#message-container #thread div.content.quote-request .head-msg-trunc h3,
#message-container #thread div.content.quote .head-msg-trunc h3,
#message-container #thread div.content.estimate-request-message .head-msg-trunc h3,
#message-container #thread div.content.send-money-message .head-msg-trunc h3,
#message-container #thread div.content.consultation-message .head-msg-trunc h3 {
  display: inline;
}
#message-container #thread div.content.quote-request .description,
#message-container #thread div.content.quote .description,
#message-container #thread div.content.estimate-request-message .description,
#message-container #thread div.content.send-money-message .description,
#message-container #thread div.content.consultation-message .description,
#message-container #thread div.content.quote-request .send-money-description,
#message-container #thread div.content.quote .send-money-description,
#message-container #thread div.content.estimate-request-message .send-money-description,
#message-container #thread div.content.send-money-message .send-money-description,
#message-container #thread div.content.consultation-message .send-money-description {
  padding: 10px 15px;
}
#message-container #thread div.content.quote-request .description button:not(.hide),
#message-container #thread div.content.quote .description button:not(.hide),
#message-container #thread div.content.estimate-request-message .description button:not(.hide),
#message-container #thread div.content.send-money-message .description button:not(.hide),
#message-container #thread div.content.consultation-message .description button:not(.hide),
#message-container #thread div.content.quote-request .send-money-description button:not(.hide),
#message-container #thread div.content.quote .send-money-description button:not(.hide),
#message-container #thread div.content.estimate-request-message .send-money-description button:not(.hide),
#message-container #thread div.content.send-money-message .send-money-description button:not(.hide),
#message-container #thread div.content.consultation-message .send-money-description button:not(.hide) {
  margin: 10px auto 0;
  display: block;
}
#message-container #thread div.content.quote-request .description a.connect-to-payments,
#message-container #thread div.content.quote .description a.connect-to-payments,
#message-container #thread div.content.estimate-request-message .description a.connect-to-payments,
#message-container #thread div.content.send-money-message .description a.connect-to-payments,
#message-container #thread div.content.consultation-message .description a.connect-to-payments,
#message-container #thread div.content.quote-request .send-money-description a.connect-to-payments,
#message-container #thread div.content.quote .send-money-description a.connect-to-payments,
#message-container #thread div.content.estimate-request-message .send-money-description a.connect-to-payments,
#message-container #thread div.content.send-money-message .send-money-description a.connect-to-payments,
#message-container #thread div.content.consultation-message .send-money-description a.connect-to-payments {
  margin-bottom: 10px;
}
#message-container #thread div.content.quote-request .quote-status-green,
#message-container #thread div.content.quote .quote-status-green,
#message-container #thread div.content.estimate-request-message .quote-status-green,
#message-container #thread div.content.send-money-message .quote-status-green,
#message-container #thread div.content.consultation-message .quote-status-green,
#message-container #thread div.content.quote-request .quote-status-red,
#message-container #thread div.content.quote .quote-status-red,
#message-container #thread div.content.estimate-request-message .quote-status-red,
#message-container #thread div.content.send-money-message .quote-status-red,
#message-container #thread div.content.consultation-message .quote-status-red,
#message-container #thread div.content.quote-request .quote-status-blue,
#message-container #thread div.content.quote .quote-status-blue,
#message-container #thread div.content.estimate-request-message .quote-status-blue,
#message-container #thread div.content.send-money-message .quote-status-blue,
#message-container #thread div.content.consultation-message .quote-status-blue {
  margin: 10px auto 0;
  text-align: center;
  padding: 10px 0;
  border-radius: 2px;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.2px;
  max-width: 300px;
  width: 50%;
}
#message-container #thread div.content.quote-request .quote-status-green,
#message-container #thread div.content.quote .quote-status-green,
#message-container #thread div.content.estimate-request-message .quote-status-green,
#message-container #thread div.content.send-money-message .quote-status-green,
#message-container #thread div.content.consultation-message .quote-status-green {
  background: rgba(164, 232, 176, 0.39);
  border: 1px solid #08b726;
  color: #08b726;
}
#message-container #thread div.content.quote-request .quote-status-red,
#message-container #thread div.content.quote .quote-status-red,
#message-container #thread div.content.estimate-request-message .quote-status-red,
#message-container #thread div.content.send-money-message .quote-status-red,
#message-container #thread div.content.consultation-message .quote-status-red {
  background: rgba(240, 58, 59, 0.38) !important;
  border: 1px solid #f03a3b;
  color: #f03a3b;
  width: 50%;
}
#message-container #thread div.content.quote-request .quote-status-blue,
#message-container #thread div.content.quote .quote-status-blue,
#message-container #thread div.content.estimate-request-message .quote-status-blue,
#message-container #thread div.content.send-money-message .quote-status-blue,
#message-container #thread div.content.consultation-message .quote-status-blue {
  background: rgba(0, 139, 171, 0.2);
  color: #1975FF;
  border: 1px solid #1975FF;
}
#message-container #thread div.content.quote-request .send-money-status,
#message-container #thread div.content.quote .send-money-status,
#message-container #thread div.content.estimate-request-message .send-money-status,
#message-container #thread div.content.send-money-message .send-money-status,
#message-container #thread div.content.consultation-message .send-money-status {
  max-width: 100% !important;
  font-size: 12px !important;
  margin-bottom: 15px !important;
}
#message-container #thread div.content.quote-request .pay,
#message-container #thread div.content.quote .pay,
#message-container #thread div.content.estimate-request-message .pay,
#message-container #thread div.content.send-money-message .pay,
#message-container #thread div.content.consultation-message .pay {
  text-align: center;
}
#message-container #thread div.estimate-request-message {
  padding: 0 !important;
  max-width: 600px !important;
}
#message-container #thread div.estimate-request-message .head {
  text-align: center;
}
#message-container #thread div.estimate-request-message .attached-image-area {
  background-color: #fff;
  border: 1px solid #eee;
  border-top: 0;
}
#message-container #thread div.estimate-request-message .attached-image-area div.clickable-image {
  position: relative;
  cursor: pointer;
}
#message-container #thread div.estimate-request-message .attached-image-area div.clickable-image i {
  position: absolute;
  top: 50%;
  font-size: 28px;
  color: #fff;
  margin-top: -28px;
  text-shadow: 0 0 3px #000;
}
#message-container #thread div.estimate-request-message .attached-image-area div.clickable-image i.left {
  left: 0;
}
#message-container #thread div.estimate-request-message .attached-image-area div.clickable-image i.right {
  right: 0;
}
#message-container #thread div.estimate-request-message .attached-image-area img {
  max-height: 400px;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
  cursor: pointer;
}
#message-container #thread div.estimate-request-message .description-help-attachment-section {
  padding: 10px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  background: #fff;
  text-align: left;
}
#message-container #thread div.estimate-request-message .description-help-attachment-section h2 {
  margin-top: 10px;
  font-weight: 600;
}
#message-container #thread div.estimate-request-message .description-help-attachment-section p {
  color: inherit;
}
#message-container #thread div.estimate-request-message .estimate-request-message-footer {
  border-top: 1px solid #eee;
  padding: 10px 15px;
}
#message-container #thread div.estimate-request-message .estimate-request-message-footer ul {
  margin: 0;
}
#message-container #thread div.estimate-request-message .estimate-request-message-footer ul li {
  padding: 5px 0;
  font-size: 15px;
  font-weight: 300;
}
#message-container #thread div.estimate-request-message .estimate-request-message-footer ul li .field {
  text-align: left;
  width: 70%;
  display: inline-block;
}
#message-container #thread div.estimate-request-message .estimate-request-message-footer ul li .value {
  text-align: right;
  width: 30%;
  display: inline-block;
}
#message-container #thread .buffer {
  clear: both;
  height: 30px;
}
#message-container #thread .avatar {
  float: left;
  width: 40px;
  padding: 25px 9px 0;
}
#message-container #thread .avatar img {
  max-width: 100%;
  border-radius: 100%;
}
#message-container #thread .attachments {
  padding: 0 0 5px;
  display: block;
  cursor: pointer;
}
#message-container #thread .attachment-container {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  padding: 15px;
  border: 1px solid #cecece;
}
#message-container #thread .attachment-container .hide-attachments {
  position: absolute;
  top: 0;
  right: 5px;
  color: #999;
  cursor: pointer;
}
#message-container #thread .attachment-container a {
  display: block;
  color: #3f7293 !important;
}
#message-container #thread .attachment-container a i {
  color: #999;
}
#message-container #right-sidebar,
#message-container .book-consultation,
#message-container .detailed-conversation-header {
  background: #f6f6f6;
  padding: 0;
}
#message-container #right-sidebar .avatar,
#message-container .book-consultation .avatar,
#message-container .detailed-conversation-header .avatar {
  padding-right: 0;
  padding-top: 10px;
}
#message-container #right-sidebar .avatar img,
#message-container .book-consultation .avatar img,
#message-container .detailed-conversation-header .avatar img {
  max-width: 100%;
  border-radius: 100%;
  margin: 0 auto -10px;
}
#message-container #right-sidebar .details,
#message-container .book-consultation .details,
#message-container .detailed-conversation-header .details {
  margin-bottom: 15px;
  background: #fff;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid #eee;
}
#message-container #right-sidebar .details h2,
#message-container .book-consultation .details h2,
#message-container .detailed-conversation-header .details h2 {
  font-size: 17px;
  color: #444;
  text-transform: capitalize;
  line-height: 23px;
  min-height: 23px;
}
#message-container #right-sidebar .details h3,
#message-container .book-consultation .details h3,
#message-container .detailed-conversation-header .details h3 {
  font-size: 14px;
}
#message-container #right-sidebar .details h4,
#message-container .book-consultation .details h4,
#message-container .detailed-conversation-header .details h4 {
  margin: 0;
  letter-spacing: inherit;
  text-transform: inherit;
  color: #5a5a5a;
  font-weight: 300;
  font-size: 13px;
  line-height: 17px;
  min-height: 17px;
}
#message-container #right-sidebar .details h4.location,
#message-container .book-consultation .details h4.location,
#message-container .detailed-conversation-header .details h4.location {
  color: #5a5a5a;
  text-transform: capitalize;
}
#message-container #right-sidebar .details .fa-2x,
#message-container .book-consultation .details .fa-2x,
#message-container .detailed-conversation-header .details .fa-2x {
  padding-bottom: 9px;
}
#message-container #right-sidebar .border,
#message-container .book-consultation .border,
#message-container .detailed-conversation-header .border {
  border-bottom: 1px solid #eee;
  padding: 15px 0;
}
#message-container #right-sidebar .header h4,
#message-container .book-consultation .header h4,
#message-container .detailed-conversation-header .header h4 {
  margin-bottom: 0;
}
#message-container #right-sidebar .left-right-padding,
#message-container .book-consultation .left-right-padding,
#message-container .detailed-conversation-header .left-right-padding {
  padding-left: 50px;
  padding-right: 50px;
}
#message-container #right-sidebar .rating i.fa,
#message-container .book-consultation .rating i.fa,
#message-container .detailed-conversation-header .rating i.fa {
  font-size: 22px;
  padding-right: 15px;
  padding-bottom: 10px;
  color: #ffb800;
}
#message-container #right-sidebar .rating i.empty,
#message-container .book-consultation .rating i.empty,
#message-container .detailed-conversation-header .rating i.empty {
  font-size: 22px;
  padding-right: 15px;
  padding-bottom: 10px;
  color: #888;
}
#message-container #right-sidebar .summary,
#message-container .book-consultation .summary,
#message-container .detailed-conversation-header .summary {
  background: #fff;
  padding: 15px 15px 20px;
  border-bottom: 1px solid #eee;
}
#message-container #right-sidebar .summary .you-and-them,
#message-container .book-consultation .summary .you-and-them,
#message-container .detailed-conversation-header .summary .you-and-them {
  line-height: 70px;
  width: 100%;
  max-width: 200px;
  margin: 0 auto 10px;
}
#message-container #right-sidebar .summary .you-and-them .avatar,
#message-container .book-consultation .summary .you-and-them .avatar,
#message-container .detailed-conversation-header .summary .you-and-them .avatar {
  padding: 0 10px;
}
#message-container #right-sidebar .summary .you-and-them .divider,
#message-container .book-consultation .summary .you-and-them .divider,
#message-container .detailed-conversation-header .summary .you-and-them .divider {
  padding: 0;
}
#message-container #right-sidebar .summary .you-and-them .divider img,
#message-container .book-consultation .summary .you-and-them .divider img,
#message-container .detailed-conversation-header .summary .you-and-them .divider img {
  display: inline;
}
#message-container #right-sidebar .summary .actions,
#message-container .book-consultation .summary .actions,
#message-container .detailed-conversation-header .summary .actions {
  padding: 15px 0;
}
#message-container #right-sidebar .summary .actions h3 span,
#message-container .book-consultation .summary .actions h3 span,
#message-container .detailed-conversation-header .summary .actions h3 span {
  font-size: 16px;
}
#message-container #right-sidebar .summary .actions h4,
#message-container .book-consultation .summary .actions h4,
#message-container .detailed-conversation-header .summary .actions h4 {
  font-size: 12px;
  letter-spacing: inherit;
}
#message-container #right-sidebar .summary p,
#message-container .book-consultation .summary p,
#message-container .detailed-conversation-header .summary p {
  color: #969fa4;
  margin: 0;
}
#message-container #right-sidebar .summary h4,
#message-container .book-consultation .summary h4,
#message-container .detailed-conversation-header .summary h4 {
  color: #969fa4;
}
#message-container #right-sidebar .summary h3,
#message-container .book-consultation .summary h3,
#message-container .detailed-conversation-header .summary h3 {
  font-size: 14px;
  font-weight: 500;
}
#message-container #right-sidebar a,
#message-container .book-consultation a,
#message-container .detailed-conversation-header a {
  color: #1975FF;
  cursor: pointer;
}
#message-container #right-sidebar h1,
#message-container .book-consultation h1,
#message-container .detailed-conversation-header h1 {
  font-size: 22px;
}
#message-container #right-sidebar .premium-user,
#message-container .book-consultation .premium-user,
#message-container .detailed-conversation-header .premium-user {
  color: #fff;
  background: #444;
  border-radius: 2px;
  border-top: 3px solid #fff;
  font-size: 8px;
  text-align: center;
  display: block;
  line-height: 15px;
  position: relative;
}
#message-container #right-sidebar .stats,
#message-container .book-consultation .stats,
#message-container .detailed-conversation-header .stats {
  padding: 15px 0;
}
#message-container #right-sidebar .stats p,
#message-container .book-consultation .stats p,
#message-container .detailed-conversation-header .stats p {
  font-size: 17px;
  font-weight: 900;
}
#message-container #right-sidebar .stats h4,
#message-container .book-consultation .stats h4,
#message-container .detailed-conversation-header .stats h4 {
  color: #969fa4;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
}
#message-container #right-sidebar .stats h3,
#message-container .book-consultation .stats h3,
#message-container .detailed-conversation-header .stats h3 {
  font-weight: 500;
}
#message-container #right-sidebar .info,
#message-container .book-consultation .info,
#message-container .detailed-conversation-header .info {
  padding-bottom: 5%;
}
#message-container #right-sidebar .active,
#message-container .book-consultation .active,
#message-container .detailed-conversation-header .active {
  color: #00dd00;
}
#message-container #right-sidebar .center,
#message-container .book-consultation .center,
#message-container .detailed-conversation-header .center {
  text-align: center;
  word-break: keep-all;
  white-space: nowrap;
}
#message-container #right-sidebar .profile a,
#message-container .book-consultation .profile a,
#message-container .detailed-conversation-header .profile a {
  color: #282d32;
}
#message-container #right-sidebar .profile a:hover,
#message-container .book-consultation .profile a:hover,
#message-container .detailed-conversation-header .profile a:hover {
  color: #1975FF;
}
#message-container .dropdown-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  cursor: default;
}
#message-container .notification-snackbar .left {
  text-align: left;
}
#message-container .notification-snackbar a {
  text-transform: uppercase;
  cursor: pointer;
}
#message-container .notification-snackbar .success {
  background: #45494a;
  text-align: center;
}
#message-container .notification-snackbar .success .action {
  color: #399fc2;
  text-align: center;
  padding: 0;
}
#message-container .notification-snackbar .success .action a {
  color: #399fc2;
}
#message-container .notification-snackbar .failure {
  background: #da3635;
}
#message-container .notification-snackbar .failure .action {
  color: #ffffff;
  text-align: center;
  padding: 0;
}
#message-container .notification-snackbar .failure .action a {
  color: #ffffff;
}
#message-container .notification-snackbar .notification-active {
  position: fixed;
  bottom: 2rem;
  left: 1rem;
  min-width: 300px;
  padding: 1.5rem;
  color: #fff;
  font-size: 13px;
  line-height: normal;
  border-radius: 5px;
  box-shadow: rgba(10, 10, 11, 0.121569) 0 0 1px 1px;
  cursor: default;
  transition: 0.5s cubic-bezier(0.89, 0.01, 0.5, 1.1);
  transform: translateZ(0px);
}
#message-container .notification-snackbar .notification-inactive {
  position: fixed;
  bottom: 2rem;
  left: -100%;
  min-width: 280px;
  transition: 0.5s cubic-bezier(0.89, 0.01, 0.5, 1.1);
  transform: translateZ(0px);
}
input[type="file"].hide-input {
  position: absolute;
  top: -1000px;
}
.attachments {
  padding: 10px;
}
.attachments ul {
  margin-bottom: 0;
  text-align: left;
}
.attachments ul li {
  position: relative;
  padding: 5px;
  width: 250px;
  display: inline-block;
}
.attachments ul li .attachment {
  line-height: 40px;
  height: 40px;
  padding: 0 5px;
  border: 1px solid #eee;
  display: block;
  color: #5a5a5a !important;
  text-decoration: none !important;
  border-radius: 2px;
  background: #fff;
  overflow: hidden;
  text-align: left;
  word-break: break-all;
  font-size: 11px;
}
.attachments ul li .attachment span.ext {
  background: #f03a3b;
  color: #fff;
  margin-right: 5px;
  padding: 0 3px;
  font-size: 8px;
  text-transform: uppercase;
  line-height: 17px;
  display: inline-block;
  border-radius: 2px;
}
.attachments ul li .delete-attachments {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  background: #939598;
  color: #fff;
  line-height: 16px;
  border-radius: 100%;
  width: 16px;
  height: 16px;
  text-align: center;
  font-size: 10px;
  display: none;
}
.attachments ul li .delete-attachments i {
  color: #fff;
  vertical-align: middle;
  line-height: 14px;
  width: 17px;
}
.attachments ul li:hover .delete-attachments {
  display: inline-block;
}
.attachments a.new_attachment {
  color: #3f7293;
  cursor: pointer;
}
.attachments a.new_attachment i {
  color: #3f7293;
  margin-right: 5px;
}
.attachments.open {
  display: block;
}
.alert.message-alert {
  padding: 10px 5px;
  font-size: 11px;
  border: 1px solid #f03a3b;
  background-color: rgba(240, 58, 59, 0.2);
  line-height: 20px;
  height: auto;
  margin: 5px 0;
}
.alert.message-alert a {
  cursor: pointer;
  position: absolute;
  right: 30px;
  border: none;
}
.alert.message-alert.success {
  background: rgba(150, 180, 0, 0.2);
  border-color: #96b400;
  color: #5a5a5a;
}
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .welcome {
    padding: 10px 0;
    margin: 35px 0 0;
    text-align: center;
    font-size: 11px;
    display: none;
  }
  #message-container {
    margin-top: -5px;
  }
  #message-container .middle-col {
    padding: 0;
  }
  #message-container .middle-col #conversation-header h2 {
    line-height: 32px;
  }
  #message-container .middle-col #conversation-header h2 span.company {
    display: block;
    line-height: 12px;
    font-size: 12px;
  }
  #message-container .middle-col #conversation-header .back-btn a {
    font-size: 32px;
  }
  #message-container #thread div.content.quote-request,
  #message-container #thread div.content.quote {
    min-width: 80%;
  }
  #message-container #textbox textarea {
    min-height: 41px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  min-width: 225px;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;
  line-break: auto;
  text-align: center;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip-inner {
  max-width: 290px;
  border-radius: 4px;
  padding: 18px;
  font-size: 14px;
  background-color: rgba(23, 50, 65, 0.8);
  box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.13);
  letter-spacing: -0.2px;
  color: #ffffff;
}
.tooltip-inner h2 {
  color: #ffd67b;
  font-weight: 500;
  font-family: 'Heebo', sans-serif;
  margin-bottom: 8px;
  text-align: left;
}
.tooltip-inner p {
  color: #ffffff;
  text-align: left;
}
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) and (max-width: 992px) {
  #message-container {
    width: auto;
  }
  #message-container #contacts {
    border-radius: 0;
  }
  #message-container #contacts .conversations .conversation .avatar div img {
    margin-bottom: 0;
  }
  #message-container #contacts .conversations .conversation .avatar div .premium-user {
    margin-left: -5px;
  }
  #message-container #contacts .conversations .conversation .avatar .status {
    top: 30%;
    line-height: 1;
  }
}
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  #message-container {
    width: auto;
  }
  #message-container #contacts .conversations .conversation .avatar div .premium-user {
    font-size: 9px;
    padding: 1px 4px;
  }
}
/* xl screens */
@media only screen and (min-width: 1550px) {
}
/* xxl screens */
@media only screen and (min-width: 1750px) {
  .middle-col {
    width: 66%;
  }
  #contacts,
  #right-sidebar {
    width: 17%;
  }
}
#react-images-container button {
  box-shadow: inherit !important;
  background: inherit !important;
}
.ReactModalPortal .ReactModal__Overlay,
.ReactModalPortal .ReactModal__Overlay--after-open {
  overflow-y: auto;
  background: rgba(5, 28, 46, 0.65) !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  z-index: 3000;
}
.ReactModalPortal .ReactModal__Content,
.ReactModalPortal .ReactModal__Content--after-open {
  background: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  overflow: initial !important;
  position: relative !important;
}
.estimate-request {
  background: #f4f5f7;
}
.estimate-request .message {
  border-right: 1px solid #eee;
  background: #fff;
}
.estimate-request .message .input-row {
  padding: 5px 0;
}
.estimate-request .message .input-row button {
  display: block;
  margin: 0 auto;
}
.estimate-request .message .radio-group label {
  display: inline;
  padding-left: 8px;
}
.estimate-request .message label {
  font-family: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
  font-size: 14px;
  font-weight: 400;
  color: #444;
}
.estimate-request .message input[type='text'] {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 3px;
  height: 35px;
  padding: 0 10px;
}
.estimate-request .message select {
  width: 100%;
  border: 1px solid #ccc;
  font-family: inherit;
  background: #fff;
  height: 35px;
  color: #555;
}
.estimate-request .message textarea {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 3px;
  height: 95px;
  padding: 6px;
}
.estimate-request .message .message-actions {
  text-align: center;
  padding: 5px 10px 10px;
}
.estimate-request .message .message-actions a.action-icon {
  font-size: 22px;
  padding: 0 15px;
  height: 42px;
  color: #5A5A5A;
  line-height: 42px;
  cursor: pointer;
  margin: 0 3px;
  position: relative;
}
.estimate-request .message .message-actions a.action-icon img {
  display: inline;
  vertical-align: middle;
}
.estimate-request .message .message-actions a.action-icon i {
  font-size: 16px;
}
.estimate-request .message .step {
  padding: 10px 0 5px;
}
.estimate-request .message .step h2 {
  font-size: 16px;
  margin-bottom: 15px;
}
.estimate-request .message .input-wrapper.attachments {
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 2px;
  background: #f9f9f9;
  margin-bottom: 5px;
}
.estimate-request .message .input-wrapper.custom-budget {
  margin-top: 10px;
}
.estimate-request .message .selectable-projects li {
  padding: 15px;
  cursor: pointer;
  border: 1px solid #eee;
  font-size: 16px;
  border-radius: 2px;
}
.estimate-request .message .selectable-projects li.selected {
  background: #f6f6f6;
}
.estimate-request .recommendations {
  height: auto;
  background: #FCFCFC;
}
.estimate-request .recommendations .success {
  max-width: 260px;
  margin: 0 auto;
  padding: 10px 0;
}
.estimate-request .recommendations .success img {
  float: left;
  margin-right: 10px;
}
.estimate-request .recommendations .success div {
  padding: 7px;
}
.estimate-request .recommendations .success h2 {
  font-size: 17px;
  letter-spacing: 0.2px;
  font-weight: 500;
}
.estimate-request .recommendations h1 {
  color: #535a62;
  font-weight: 500;
  letter-spacing: 0.3px;
}
.estimate-request .recommendations .info {
  margin: 3px 0 0 0;
}
.estimate-request .recommendations .info h4 {
  font-size: 14px;
  line-height: normal;
  margin-bottom: 0;
  text-transform: capitalize;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.estimate-request .recommendations .info h2 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #828b94;
}
.estimate-request .recommendations .no-name {
  margin: 25px 0 0 30px;
}
.estimate-request .recommendations .no-name h4 {
  font-size: 11px;
  line-height: normal;
  margin-bottom: 0;
  text-transform: capitalize;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.estimate-request .recommendations .fa {
  position: absolute;
  color: #1975FF;
  margin: -16px 0 0 20px;
  top: 38px;
}
.estimate-request .recommendations .sent-requests {
  height: 255px;
  margin-bottom: 40px;
}
.estimate-request .recommendations .msg {
  text-align: center;
}
.estimate-request .recommendations .recommended-companies {
  margin: 10px 0 40px;
}
.estimate-request .recommendations .company {
  background: #fff;
  border: 0.5px solid #F0F0F1;
  width: 100%;
  border-radius: 4px;
  margin-top: 15px;
  padding: 25px;
}
.estimate-request .recommendations img.check {
  cursor: pointer;
  max-width: 30px;
  margin-top: 14px;
}
.estimate-request .recommendations .company-name h2 {
  color: #828b94;
  font-size: 11px;
  letter-spacing: 0.2px;
}
.estimate-request .recommendations .action {
  background: #fff;
  text-align: center;
  border-top: 1px solid #eee;
  padding: 15px;
}
.estimate-request .recommendations button {
  text-transform: capitalize;
  font-family: Helvetica Neue, sans-serif;
  font-weight: 500;
  max-width: 100%;
  border-radius: 4px;
}
.estimate-request .recommendations button.edit {
  background: #fff;
  color: #009ACA;
  border: 1px solid #DCE2E2;
}
.estimate-request .recommendations button.send {
  background: #1975FF;
  color: #fff;
}
.estimate-request .recommendations button.disable {
  pointer-events: none;
  background: #939598;
  color: #fff;
}
.estimate-request .recommendations img {
  border-radius: 100%;
  margin-top: 6px;
  height: auto;
  max-width: 50px;
}
.estimate-request .recommendations a {
  cursor: pointer;
  text-decoration: none;
}
.estimate-request .tips div {
  padding: 10px;
}
.estimate-request .tips .tip {
  padding: 15px;
}
.estimate-request .tips .tip img {
  margin-bottom: 5px;
}
.attachment-container {
  width: 100%;
  left: -100%;
  bottom: 0;
  position: absolute;
}
.attachment-container.show {
  left: 0;
  position: relative;
}
.attachment-prompt {
  background-color: #FCFCFC;
  padding-top: 25px;
}
.attachment-prompt .title {
  font-size: 20px;
  text-align: center;
  border-bottom: 1px solid;
  padding-bottom: 10px;
}
.attachment-prompt .title h1 {
  font-weight: 500;
}
.attachment-prompt .attachment-action {
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-top: 10px;
  padding: 10px;
  position: relative;
  width: 75%;
  margin-left: 13%;
}
.attachment-prompt .attachment-action p {
  margin-bottom: 0;
  font-size: 18px;
}
.attachment-prompt .attachment-action i {
  margin-right: 5px;
}
.attachment-prompt .attachment-action-bottom {
  background-color: #fff;
  margin-top: 20px;
  border-top: 1px solid #E6E6E6;
  padding: 10px 0;
}
.attachment-prompt .attachment-action-bottom button {
  margin-left: 30%;
  width: 40%;
}
.attachment-prompt .attachment-action:hover {
  cursor: pointer;
  background-color: #1975FF;
  border-color: #fff;
}
.attachment-prompt .attachment-action:hover p {
  color: #fff;
}
.attachment-prompt .view-projects {
  margin-bottom: 0;
}
.attachment-prompt .projects a {
  width: 80%;
}
.attachment-prompt .projects a:hover {
  cursor: pointer;
}
.attachment-prompt .projects label {
  font-family: "Helvetic Neue", Helvetica, Arial, sans-serif;
  text-transform: inherit;
  letter-spacing: inherit;
  line-height: 19px;
  font-size: 13px;
  padding: 0 15px;
  color: #5A5A5A;
}
.attachment-prompt .projects li {
  border: 0.5px solid #f3f3f3;
  border-radius: 5px;
  text-align: left;
  padding: 10px;
}
.attachment-prompt .projects .selected {
  background-color: #008FAE;
  color: #fff;
}
.attachment-prompt .projects .selected:hover {
  background-color: #008FAE;
}
.attachment-prompt .projects li:hover {
  cursor: pointer;
  background-color: #f3f3f3;
}
.attachment-prompt .projects .projects-list {
  max-height: 142px;
  overflow-y: auto;
  padding: 0 13px;
}
.attachment-prompt .projects .project-action-bottom {
  background-color: #fff;
  margin: 0;
  border-top: 1px solid #E6E6E6;
  padding: 10px 30px;
  text-align: center;
}
.attachment-prompt .projects .project-action-bottom button {
  width: 80%;
}
.attachment-prompt .center {
  text-align: center;
}
.send-quote {
  background: #f4f5f7;
}
.send-quote .message {
  border-right: 1px solid #eee;
  background: #fff;
}
.send-quote .message .send-quote-form label {
  font-family: "Helvetic Neue", Helvetica, Arial, sans-serif;
  text-transform: inherit;
  letter-spacing: inherit;
  line-height: 30px;
  font-size: 13px;
  color: #5A5A5A;
}
.send-quote .message .send-quote-form .input-wrapper {
  border: 2px solid #eee;
  border-radius: 3px;
  line-height: 31px;
  margin-bottom: 10px;
  background: #fff;
}
.send-quote .message .send-quote-form .input-wrapper div {
  overflow: hidden;
}
.send-quote .message .send-quote-form .input-wrapper span {
  float: left;
  padding: 0 13px;
}
.send-quote .message .send-quote-form .input-wrapper input {
  width: 100%;
  border: none;
  line-height: 29px;
  color: #5A5A5A;
  outline: none;
}
.send-quote .message .send-quote-form .input-wrapper.error,
.send-quote .message .send-quote-form textarea.error {
  border: 2px solid #f64848;
  color: #5a5a5a;
}
.send-quote .message .send-quote-form textarea {
  width: 100%;
  border: 2px solid #eee;
  border-radius: 3px;
  outline: medium none;
  min-height: 271px;
  resize: none;
  padding: 10px;
  color: #5A5A5A;
  font-size: 14px;
}
.send-quote .message .send-quote-form .message-actions {
  padding: 5px 10px 10px;
}
.send-quote .message .send-quote-form .message-actions button {
  width: 100%;
  max-width: 100%;
}
.send-quote .message .send-quote-form .notify {
  text-align: center;
  line-height: 23px;
  padding: 15px 0;
  font-size: 11px;
}
.send-quote .message .send-quote-form .notify img {
  display: inline;
  margin-right: 10px;
  vertical-align: middle;
}
.send-quote .tips {
  padding-left: 0;
}
.send-quote .tips .tip {
  padding: 15px;
}
.send-quote .tips .tip img {
  margin-bottom: 5px;
}
.modal.modal-v2 {
  margin-top: 5%;
  font-family: 'Heebo', sans-serif;
  max-width: 670px;
  margin-left: 50%;
  transform: translateX(-50%);
}
.modal.modal-v2 .modal-header {
  display: none;
}
.modal.modal-v2 .modal-body {
  overflow: visible !important;
  max-height: inherit;
  background-color: #fff;
  border-radius: 8px;
  padding-bottom: 8px;
}
.modal.modal-v2 .modal-body.payment {
  width: 702px;
  height: 588px;
  border-radius: 8px;
  background-color: #fff;
}
.modal.modal-v2 .back-btn {
  color: #555;
  position: absolute;
  top: 0;
  left: 15px;
  line-height: 60px;
  z-index: 9;
  font-size: 26px;
  cursor: pointer;
}
.modal.modal-v2 .modal-title {
  background: #fff;
  text-align: center;
  padding: 34px 20px;
  border-bottom: solid 1px #f3f3f3;
}
.modal.modal-v2 .modal-title h2 {
  color: #f25941;
  letter-spacing: -0.7px;
  font-size: 24px;
  font-weight: 500;
}
.modal.modal-v2 .modal-title .success {
  padding: 17px 0 5px;
}
.modal.modal-v2 .modal-title .success img {
  position: absolute;
  margin-left: 32%;
  height: 53px;
  width: 38px;
  padding-bottom: 14px;
}
.modal.modal-v2 .modal-title .success h1 {
  font-size: 16px;
  padding-top: 5px;
  font-weight: 500;
  line-height: 1;
  margin-left: -5%;
}
.modal.modal-v2 .modal-title .hide {
  display: none;
}
.modal.modal-v2 .modal-title-old {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 17px;
  text-align: center;
  font-size: 20px;
}
.modal.modal-v2 .modal-title-old h1 {
  text-transform: none;
  font-size: 18px;
  color: #383d3f;
  font-family: 'Helvetica Neue', sans-serif;
  letter-spacing: unset;
  font-weight: 300;
  pointer-events: none;
}
.modal.modal-v2 .modal-title-old .close {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 22px;
  margin-right: 22px;
}
.modal.modal-v2 .modal-title-old .close .fa {
  font-size: 1.3em;
  color: #ccc;
}
.modal.modal-v2 .modal-title-old .close a {
  cursor: pointer;
}
.modal.modal-v2 .modal-title-old .success {
  padding: 17px 0 5px;
}
.modal.modal-v2 .modal-title-old .success img {
  position: absolute;
  margin-left: 32%;
  height: 53px;
  width: 38px;
  padding-bottom: 14px;
}
.modal.modal-v2 .modal-title-old .success h1 {
  font-size: 16px;
  padding-top: 5px;
  font-weight: 500;
  line-height: 1;
  margin-left: -5%;
}
.modal.modal-v2 .modal-title-old .success p {
  margin-left: 40%;
  color: #828b94;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 10px;
  font-weight: 400;
}
.modal.modal-v2 .modal-title-old .hide {
  display: none;
}
.modal.modal-v2 .prompt .header {
  margin: 0 auto;
  width: 100%;
  padding: 20px 0;
  text-align: center;
}
.modal.modal-v2 .prompt .header img {
  margin-left: 39%;
  position: absolute;
}
.modal.modal-v2 .prompt .header h1 {
  font-size: 16px;
  font-weight: 500;
  margin: 5px 0 10px;
}
.modal.modal-v2 .prompt .prompt-btns {
  margin: 0;
  padding: 0 30px 25px;
  text-transform: capitalize;
  font-family: Helvetica Neue, sans-serif;
  font-weight: 500;
}
.modal.modal-v2 .prompt .prompt-btn {
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 2px;
}
.modal.modal-v2 .prompt .prompt-btn:hover {
  text-decoration: none;
}
.modal.modal-v2 .prompt .prompt-btn.white {
  background: #fff;
  color: #009aca;
  border: 1px solid #dce2e2;
}
.modal.modal-v2 .prompt .prompt-btn.blue {
  background: #1975FF;
  border: 1px solid #1975FF;
  color: #fff;
}
.modal.modal-v2 .modal-content {
  padding: 0;
}
.modal.modal-v2 .modal-content #message-container {
  padding: 0;
  border: none;
}
.modal.modal-v2 .title {
  padding: 15px 20px;
}
.modal.modal-v2 .title h1,
.modal.modal-v2 .title h2 {
  color: #f25941;
  letter-spacing: -0.7px;
  font-size: 24px;
  font-weight: 500;
}
.modal.modal-v2 .title.with-border {
  border-bottom: solid 1px #f3f3f3;
}
.modal.modal-v2.brand-signup-sub {
  max-width: 785px;
}
/*
.modal-v2.attachment-modal{
    width: 702px;
    height: 588px;
    border-radius: 8px;
    background-color: #ffffff;
}*/
.shrink {
  transform: scale(0.8);
  transition-timing-function: ease-in;
}
.ReactModal__Body--open {
  overflow: hidden;
}
#message-container.message-modal #textbox form {
  padding: 5px 20px;
}
#message-container.message-modal #textbox .recipient-input {
  line-height: 66px;
  border-radius: 4px;
  border: solid 1px #e0e0e0;
  margin-bottom: 20px;
}
#message-container.message-modal #textbox .recipient-input .to-text {
  border-right: solid 1px #e0e0e0;
  margin-right: 20px;
  line-height: 68px;
  color: #008fb0;
  font-weight: bold;
}
#message-container.message-modal #textbox .recipient-input .input-buffer span {
  background: #e3faff;
  font-size: 18px;
  border-radius: 3px;
  padding: 5px 8px;
  color: #008fb0;
}
#message-container.message-modal #textbox textarea {
  border-radius: 4px 4px 0 0;
  border: solid 1px #e0e0e0;
  border-bottom: none;
  min-height: 150px;
  color: #838895;
  font-size: 14px;
  display: block;
}
#message-container.message-modal #textbox .attachments {
  border: 1px solid #e0e0e0;
  border-radius: 0 0 4px 4px;
}
#message-container.message-modal #textbox .attachments .add-attachment-link {
  float: right;
  font-size: 14px;
  letter-spacing: -0.2px;
  color: #019ab7;
  cursor: pointer;
}
#message-container.message-modal #textbox .attachments .add-attachment-link .paperclip-icon {
  background: #019ab7;
  border-radius: 100%;
  height: 34px;
  line-height: 30px;
  width: 34px;
  display: inline-block;
  text-align: center;
  margin-left: 10px;
}
#message-container.message-modal #textbox .attachments .add-attachment-link .paperclip-icon img {
  display: inline;
  vertical-align: middle;
}
#message-container.message-modal #textbox .actions {
  border: none;
}
.attachment-picker {
  background-color: #ffffff;
}
.choose-attachment-type {
  padding-top: 62px;
  padding-bottom: 78px;
}
.choose-attachment-type .or-divider {
  text-align: center;
  padding-top: 20px;
}
.choose-attachment-type .or-divider .vertical-line {
  width: 1px;
  background: #e0e0e0;
  height: 65px;
  margin: 10px auto;
}
.choose-attachment-type .or-divider span {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.2px;
  color: #afb2bc;
}
.attachment-option {
  max-width: 186px;
  margin: 0 auto;
  border-radius: 4px;
  border: solid 1px #e0e0e0;
  padding: 29px 0 16px;
  text-align: center;
  cursor: pointer;
}
.attachment-option .image-padding {
  height: 84px;
  margin-bottom: 43px;
}
.attachment-option .image-padding img {
  margin: 0 auto;
}
.attachment-option .indicator {
  width: 28px;
  height: 4px;
  border-radius: 2px;
  border: solid 1px #e0e0e0;
  display: inline-block;
}
.attachment-option .type-name {
  letter-spacing: -0.2px;
  font-size: 14px;
  color: #838895;
  width: 100%;
  display: inline-block;
}
.file-picker,
.project-picker {
  padding: 16px 20px;
}
.file-picker .attachment-option,
.project-picker .attachment-option {
  box-shadow: 0 13px 17px 0 rgba(14, 12, 50, 0.08);
  cursor: default;
}
.file-picker .attachment-option .indicator,
.project-picker .attachment-option .indicator {
  background: #ffd169;
  border: none;
}
.file-picker .attachment-window,
.project-picker .attachment-window {
  border-radius: 4px;
  border: solid 1px #e0e0e0;
  height: 215px;
  background: #edf7fe url('/img/pattern-cross-hatch.svg') repeat;
}
.file-picker .attachment-window .attached-files,
.project-picker .attachment-window .attached-files {
  padding: 5px;
}
.file-picker .attachment-window .attached-files div,
.project-picker .attachment-window .attached-files div {
  display: inline-block;
}
.file-picker .attachment-window .add-attachment-link,
.project-picker .attachment-window .add-attachment-link {
  position: relative;
  margin: 0 auto;
  width: 90px;
  display: block;
  letter-spacing: -0.2px;
  text-align: center;
  color: #019ab7;
  cursor: pointer;
}
.file-picker .attachment-window .add-attachment-link.vertically-center,
.project-picker .attachment-window .add-attachment-link.vertically-center {
  top: 50%;
  transform: translateY(-50%);
}
.file-picker .attachment-window .add-attachment-link:hover,
.project-picker .attachment-window .add-attachment-link:hover {
  text-decoration: none;
}
.file-picker .attachment-window .add-attachment-link .paperclip-icon,
.project-picker .attachment-window .add-attachment-link .paperclip-icon {
  display: block;
  background: #019ab7;
  border-radius: 100%;
  height: 34px;
  width: 34px;
  text-align: center;
  margin: 0 auto 5px;
  line-height: 31px;
}
.file-picker .attachment-window .add-attachment-link .paperclip-icon img,
.project-picker .attachment-window .add-attachment-link .paperclip-icon img {
  display: inline;
  vertical-align: middle;
}
.file-picker .actions,
.project-picker .actions {
  padding: 50px 0 5px;
}
.file-picker .actions .go-back,
.project-picker .actions .go-back {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: #019ab7;
  line-height: 53px;
  cursor: pointer;
}
.file-picker .actions .go-back img,
.project-picker .actions .go-back img {
  display: inline-block;
  margin-right: 10px;
}
.file-picker .actions .button-blue,
.project-picker .actions .button-blue {
  width: 140px;
  height: 53px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.2px;
  text-align: center;
  color: #ffffff;
  font-family: 'Heebo', sans-serif;
  border-radius: 4px;
}
.file-picker .actions .send-attachment,
.project-picker .actions .send-attachment {
  float: right;
}
.file-icon a {
  display: inline-block;
  width: 55px;
  height: 73px;
  background: url('/img/icons/file-icons-sprite.png') no-repeat;
  background-position-x: -273px;
}
.file-icon a.pdf {
  background-position-x: -3px;
}
.file-icon a.doc {
  background-position-x: -55px;
}
.file-icon a.xls {
  background-position-x: -111px;
}
.file-icon a.jpg,
.file-icon a.jpeg {
  background-position-x: -165px;
}
.file-icon a.png {
  background-position-x: -219px;
}
.file-icon a:hover {
  background-position-y: -63px;
  cursor: pointer;
}
.attached-project {
  border-radius: 2px;
  background-color: #e3faff;
  width: 100%;
  padding: 10px;
  margin-top: 13px;
  line-height: 26px;
}
.attached-project .folder-icon {
  display: inline;
  vertical-align: middle;
  margin-right: 10px;
}
.attached-project .project-name {
  color: #838895;
  font-size: 14px;
  font-weight: 600;
  vertical-align: middle;
}
.attached-project .remove-project {
  float: right;
  cursor: pointer;
}
.attached-project .remove-project img {
  display: inline;
  vertical-align: middle;
}
.progress-container {
  height: 5px;
  border-radius: 100px;
  border: 1px solid #50e3c2;
  line-height: 22px;
  display: inline-block;
  width: 100%;
}
.progress-container .progress {
  background: #50e3c2;
  height: 3px;
}
/* STYLE FOR QUICK REPLY EDIT MODAL */
.quick-reply-modal {
  transform: translate(0, 50%);
  width: 100%;
  max-width: 660px;
  margin: 0 auto;
}
.quick-reply-modal .quick-reply-edit {
  border-radius: 3px;
  padding: 20px 5px 14px;
  text-align: center;
  cursor: default;
  background: #fff;
}
.quick-reply-modal .quick-reply-edit .header {
  text-align: center;
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
  margin-bottom: 20px;
  margin-left: -5px;
  margin-right: -5px;
}
.quick-reply-modal .quick-reply-edit .close {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 22px;
  margin-right: 60px;
}
.quick-reply-modal .quick-reply-edit .close a {
  cursor: pointer;
}
.quick-reply-modal .quick-reply-edit h4 {
  text-transform: capitalize;
  font-family: Helvetica Neue, sans-serif;
  font-size: 16px;
}
.quick-reply-modal .quick-reply-edit [class*=col] {
  padding-left: 0;
  padding-right: 0;
}
.quick-reply-modal .quick-reply-edit .row {
  margin-left: 0;
  margin-right: 0;
}
.quick-reply-modal .quick-reply-edit img {
  padding-left: 29px;
  position: absolute;
}
.quick-reply-modal .quick-reply-edit textarea {
  width: 96.5%;
  height: 159px;
  border: none;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14px;
  resize: none;
  color: #8B8F92;
  outline: 0;
  padding-left: 84px;
  line-height: 180%;
}
.quick-reply-modal .content {
  text-align: left;
}
.quick-reply-modal .content h4 {
  padding-left: 84px;
  line-height: 100%;
  margin-bottom: 5px;
}
.quick-reply-modal button {
  text-transform: capitalize;
  font-family: Helvetica Neue, sans-serif;
  font-weight: 400;
  max-width: 90%;
  border-radius: 2px;
}
.quick-reply-modal button.active {
  background: #1975FF;
}
.quick-reply-modal button.inactive {
  pointer-events: none;
  background: #939598;
}
.quick-reply-modal button.cancel {
  background: #fff;
  color: #999;
  border: none;
}
.quick-reply-modal button.cancel:hover {
  box-shadow: none !important;
  color: #666;
}
/* STYLE FOR CONFIRMATION MODAL */
.confirmation-modal {
  transform: translate(0, 225%);
  margin: 0 auto;
  width: 100%;
  max-width: 256px;
}
.confirmation-modal .confirm-modal-body {
  background: #fff;
  border-radius: 3px;
  text-align: center;
  cursor: default;
  padding-top: 30px;
}
.confirmation-modal .confirm-modal-body p {
  max-width: 196px;
  padding-bottom: 10px;
}
.confirmation-modal .confirm-modal-body .line {
  border-bottom: 1px solid #eee;
  padding: 0 30px;
}
.confirmation-modal .confirm-modal-body .action-btn {
  display: block;
  padding: 10px 0;
  text-align: center;
  cursor: pointer;
}
.confirmation-modal .confirm-modal-body .action-btn:hover {
  background: #f6f6f6;
  text-decoration: none;
}
.confirmation-modal .confirm-modal-body .cancel-btn {
  color: #5A5A5A;
  border-right: 1px solid #eee;
  border-radius: 0 0 0 3px;
  margin-right: -15px;
}
.confirmation-modal .confirm-modal-body .yes-btn {
  color: #F23B3D;
  border-radius: 0 0 3px 0;
  margin-left: -15px;
}
.confirmation-modal.wide {
  max-width: 330px;
}
.confirmation-modal.wide p {
  max-width: 100%;
}
.confirmation-modal.wide .confirm-error {
  visibility: hidden;
}
.confirmation-modal.wide .red {
  color: red;
}
/* STYLE FOR QUOTE REQUEST CANCEL CONFIRMATION MODAL */
.confirmation-modal-qr {
  margin: 8% auto;
  width: 100%;
  max-width: 350px;
}
.confirmation-modal-qr .confirm-modal-body-qr {
  background: #fff;
  border-radius: 3px;
  text-align: center;
  cursor: default;
}
.confirmation-modal-qr .confirm-modal-body-qr .title {
  padding: 10px;
  border-bottom: 1px solid #eee;
}
.confirmation-modal-qr .confirm-modal-body-qr p {
  max-width: 350px;
  padding: 10px;
}
.confirmation-modal-qr .confirm-modal-body-qr h1 {
  font-weight: 600;
}
.confirmation-modal-qr .confirm-modal-body-qr .line {
  padding: 0 30px;
}
.confirmation-modal-qr .confirm-modal-body-qr .action-btn {
  display: inline-block;
  width: 50%;
  padding: 10px 0;
  text-align: center;
  cursor: pointer;
}
.confirmation-modal-qr .confirm-modal-body-qr .action-btn:hover {
  background: #f6f6f6;
  text-decoration: none;
}
.confirmation-modal-qr .confirm-modal-body-qr .cancel-btn {
  color: #5A5A5A;
  text-decoration: none;
  border-top: 1px solid #eee;
}
.confirmation-modal-qr .confirm-modal-body-qr .yes-btn {
  color: #1975FF;
  text-decoration: none;
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
}
.prompt {
  background-color: #fff;
}
.upgrade-modal {
  padding: 85px 10px;
  text-align: center;
}
.upgrade-modal h1 {
  padding-bottom: 20px;
  font-size: 20px;
  font-weight: 300;
}
.conversation-callout .callout-msg {
  padding-top: 8px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
}
.conversation-callout .callout-msg h3,
.conversation-callout .callout-msg h4 {
  margin: 0;
  display: inline;
}
.conversation-callout .callout-msg h3 {
  font-size: 14px;
  line-height: 19px;
  padding-bottom: 5px;
  margin-right: 10px;
}
.conversation-callout .callout-msg h4 {
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.5px !important;
}
.conversation-callout .callout-msg img {
  display: inline;
  margin-right: 10px;
  max-width: 25px;
  vertical-align: middle;
}
.conversation-callout .callout-msg a {
  cursor: pointer;
  text-decoration: none;
  max-width: 10px;
}
.conversation-callout .buttons {
  text-align: center;
  line-height: 85px;
}
.conversation-callout .buttons .button {
  margin: 0 10px 5px;
  max-width: 40%;
}
.conversation-callout .action-buttons {
  position: absolute;
  right: 0;
  top: 0;
  background: #4f545b;
  padding-left: 5px;
}
.conversation-callout .action-buttons a.button {
  max-width: 125px;
  display: inline-block;
  vertical-align: top;
  margin: 5px;
  height: 35px;
  line-height: 35px;
  font-size: 13px;
  padding: 0 5px;
}
.conversation-callout.dark {
  color: #fff;
  background: #4f545b;
  border-bottom: 1px solid #999;
}
.conversation-callout.dark h3,
.conversation-callout.dark h4 {
  color: #fff;
}
.conversation-callout.callout-top {
  width: 100%;
  display: none;
  overflow: hidden;
  z-index: 3;
}
.conversation-callout.callout-top .padder {
  padding: 5px 15px;
  position: relative;
}
.conversation-callout.callout-top.show {
  display: block;
}
@media only screen and (max-width: 1160px) {
  .conversation-callout.callout-top h3 {
    font-size: 12px;
  }
  .conversation-callout.callout-top .callout-msg {
    padding-top: 0;
  }
  .conversation-callout.callout-top .padder {
    padding: 5px;
  }
  .conversation-callout.callout-top .action-buttons a.button {
    max-width: 90px;
    min-width: 90px;
    margin: 3px;
    height: 30px;
    line-height: 30px;
    font-size: 10px;
    padding: 0;
    overflow: hidden;
  }
}
@media only screen and (max-width: 768px) {
  .conversation-callout.callout-top .padder {
    padding: 8px;
  }
  .conversation-callout.callout-top img {
    display: none;
  }
}
.payment-container .title {
  text-align: center;
  margin-bottom: 50px;
  padding: 20px 0;
}
.payment-container .title h2 {
  display: inline;
}
.payment-container .title span.edit {
  float: right;
  font-size: 14px;
  color: #019ab7;
  cursor: pointer;
}
.payment-method,
.payment-overview,
.payment-confirmation {
  max-width: 530px;
  width: 100%;
  height: 588px;
  border-radius: 0 8px 8px 0;
  letter-spacing: -0.2px;
  padding: 0 20px;
  background-color: #fff;
}
.payment-method .payment-method-inputs {
  padding: 0 70px;
}
.payment-method .payment-method-inputs input {
  width: 100%;
  padding: 12px 15px 0;
  line-height: 45px;
  font-size: 16px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  font-weight: 200;
  letter-spacing: -0.2px;
  color: #111;
  font-weight: 400;
  max-height: 47px;
}
.payment-method .payment-method-inputs input:focus {
  outline-width: 0;
}
.payment-method .payment-method-inputs .full-width {
  width: 100%;
}
.payment-method .payment-method-inputs .third {
  width: 32%;
}
.payment-method .payment-method-inputs .margin {
  margin: 0 7px;
}
.payment-method .payment-method-inputs .floating-label {
  position: relative;
  display: inline-block;
  margin-bottom: 18px;
}
.payment-method .payment-method-inputs img.input-error-img {
  position: absolute;
  top: 8px;
  right: 7px;
  visibility: hidden;
}
.payment-method .payment-method-inputs .floating-label label {
  position: absolute;
  padding-left: 15px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.2px;
  font-size: 14px;
  color: #838895;
  font-family: 'Heebo' !important;
  text-transform: none;
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  top: 7px;
  display: block;
  cursor: inherit;
}
.payment-method .payment-method-inputs .floating-label.is-active label {
  color: #008fb0;
  top: -2px;
  font-weight: bold;
  font-size: 12px;
}
.payment-method .payment-method-error-info {
  width: 341px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #ffbed0;
  color: #173242;
  padding: 10px 10px 1px;
  visibility: hidden;
}
.payment-method .payment-method-error-info p {
  color: #173242;
  text-align: left;
  font-size: 14px;
}
.payment-method .payment-method-error-info ul {
  padding-left: 16px;
  list-style: initial;
  font-weight: 600;
}
.payment-method p {
  font-size: 12px;
  letter-spacing: -0.1px;
  color: #838895;
  text-align: center;
}
.payment-method p.payment-method-error-msg {
  text-align: left;
  padding: 0 76px;
  font-weight: 900;
  color: #ff1553;
  visibility: hidden;
}
.payment-method.error .title h2 {
  color: #afb2bc;
}
.payment-method.error .payment-method-error-info {
  visibility: visible;
}
.payment-method.error .payment-method-inputs input {
  border: solid 1px #ff1553;
}
.payment-method.error .payment-method-inputs .floating-label label {
  color: #ff1553;
  top: -2px;
  font-weight: bold;
  font-size: 12px;
}
.payment-method.error .payment-method-inputs img.input-error-img {
  visibility: visible;
}
.payment-method.error p.payment-method-error-msg {
  visibility: visible;
}
.payment-container-stage-control {
  line-height: 53px;
  cursor: default;
  width: inherit;
  position: absolute;
  bottom: 0;
  padding-right: inherit;
  padding-bottom: 20px;
}
.payment-container-stage-control .cancel {
  margin: 0px 20px;
  cursor: pointer;
}
.back {
  color: #019ab7;
  cursor: pointer;
}
.back img {
  display: inline-block;
  margin-right: 5px;
  vertical-align: initial;
}
.next-step {
  cursor: pointer;
  width: 140px;
  height: inherit;
  border-radius: 4px;
  background-color: #019ab7;
  float: right;
  text-align: center;
  margin-right: 20px;
}
.next-step span {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
}
.payment-overview ul,
.payment-confirmation ul {
  margin: 0;
}
.payment-overview ul li,
.payment-confirmation ul li {
  color: #838895;
  line-height: 13px;
  padding-bottom: 26px;
}
.payment-overview ul li .item,
.payment-confirmation ul li .item {
  text-align: left;
  display: inline-block;
  font-size: 14px;
}
.payment-overview ul li .item-price,
.payment-confirmation ul li .item-price {
  text-align: right;
  float: right;
  display: inline-block;
  font-size: 14px;
}
.payment-overview ul li a,
.payment-confirmation ul li a {
  color: #008fae;
  cursor: pointer;
}
.payment-overview ul li img,
.payment-confirmation ul li img {
  display: inline;
  cursor: pointer;
  margin-left: 10px;
  vertical-align: bottom;
}
.payment-overview ul li img.cc-logo,
.payment-confirmation ul li img.cc-logo {
  padding-right: 10px;
  cursor: auto;
}
.payment-overview ul li.emphasis,
.payment-confirmation ul li.emphasis {
  font-weight: 600;
  font-size: 14px;
  color: #f25941;
}
.payment-overview p.secure,
.payment-confirmation p.secure {
  font-size: 12px;
  letter-spacing: -0.1px;
  color: #838895;
  text-align: left;
}
.payment-sidebar {
  background-color: #f1f8fa;
  height: 588px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  max-width: 169px;
  overflow: hidden;
  border-radius: 8px 0 0 8px;
}
.payment-sidebar img {
  margin: 0 auto;
  position: relative;
}
.payment-sidebar p {
  font-size: 14px;
  letter-spacing: -0.2px;
  color: #838895;
  position: relative;
}
.payment-sidebar .step.active {
  background-color: #afb2bc;
}
.payment-sidebar .step.active p {
  color: #ffffff;
}
.payment-sidebar .close {
  position: absolute;
  right: 20px;
  top: 10px;
}
.payment-sidebar.three-steps .step {
  height: 33.3%;
}
.payment-sidebar.three-steps .step img {
  top: 30%;
}
.payment-sidebar.three-steps .step p {
  top: 40%;
}
.payment-sidebar.four-steps .step {
  height: 25%;
}
.payment-sidebar.four-steps .step img {
  top: 30%;
}
.payment-sidebar.four-steps .step p {
  top: 40%;
}
.payment-confirm-msg p {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .payments .inputs .cvc-input {
    padding-left: 15px;
  }
}
i.fa-spinner {
  color: white;
}
.messages-base-form.send-project-inquiry textarea {
  min-height: 100px;
}
.messages-base-form.send-project-inquiry .service-selection {
  padding: 10px 0;
}
.messages-base-form.send-project-inquiry .service-selection .services .service {
  padding-bottom: 7px;
  display: inline-block;
  width: 142px;
}
.messages-base-form.send-project-inquiry .cost-dropdown {
  padding-bottom: 10px;
}
.messages-base-form.send-project-inquiry .cost-dropdown select {
  width: 100%;
  outline: 0;
  height: 35px;
  color: #5A5A5A;
  background: #fff;
  border: 2px solid #eee;
}
.content.quote.project-inquiry-message {
  background: #fff !important;
}
.content.quote.project-inquiry-message .project-title h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.content.quote.project-inquiry-message .project-title h3 a {
  color: #444 !important;
}
.content.quote.project-inquiry-message .project-title h3 a:hover {
  color: #008FAE !important;
  text-decoration: underline !important;
}
.content.quote.project-inquiry-message .project-inquiry-body {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  padding: 10px;
  text-align: left;
}
.content.quote.project-inquiry-message .project-inquiry-body p {
  color: #4F4F4F !important;
}
.content.quote.project-inquiry-message .project-inquiry-body .selected-services {
  margin-top: 10px;
}
.content.quote.project-inquiry-message .project-inquiry-body .selected-services h2 {
  font-weight: 600;
}
.content.quote.project-inquiry-message .project-inquiry-message-footer {
  background: #eee;
  padding: 10px 15px;
}
.content.quote.project-inquiry-message .project-inquiry-message-footer ul {
  margin-bottom: 0;
}
.content.quote.project-inquiry-message .project-inquiry-message-footer ul li {
  font-size: 15px;
  font-weight: 300;
  padding: 5px 0;
  display: flex;
  justify-content: space-between;
}
.content.quote.project-inquiry-message .project-inquiry-message-footer ul li .project-inquiry-item {
  text-align: left;
  width: 60%;
}
.content.quote.project-inquiry-message .project-inquiry-message-footer ul li .project-inquiry-price {
  text-align: right;
  width: 40%;
  float: right;
}
.content.quote.project-inquiry-message .project-inquiry-message-footer ul .total {
  color: #333;
  font-weight: 500;
  font-size: 16px;
}
.content.quote.project-inquiry-message .project-inquiry-message-footer ul button:not(.hide) {
  margin: 10px auto 0;
  display: block;
}
.messages-base-form {
  padding: 15px 0;
}
.messages-base-form label {
  font-family: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
  line-height: 19px;
  font-size: 14px;
  color: #5A5A5A;
}
.messages-base-form input[type='text'] {
  width: 100%;
  outline: none;
  border: 1px solid #ccc;
  border-radius: 3px;
  height: 35px;
  padding: 0 10px;
}
.messages-base-form .input-wrapper {
  border: 1px solid #ccc;
  border-radius: 3px;
  line-height: 31px;
  margin-bottom: 10px;
  background: #fff;
}
.messages-base-form .input-wrapper div {
  overflow: hidden;
}
.messages-base-form .input-wrapper span {
  float: left;
  padding: 0 13px;
}
.messages-base-form .input-wrapper input[type='text'] {
  width: 100%;
  border: none;
  outline: none;
  line-height: 29px;
  color: #5A5A5A;
  padding: 0;
}
.messages-base-form .input-wrapper.error,
.messages-base-form textarea.error {
  border: 1px solid #f64848;
  color: #5a5a5a;
}
.messages-base-form textarea {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 2px;
  outline: medium none;
  min-height: 271px;
  resize: none;
  padding: 10px;
  color: #5A5A5A;
  font-size: 14px;
}
.messages-base-form .message-actions {
  padding: 5px 10px 10px;
}
.messages-base-form .message-actions button {
  width: 100%;
  max-width: 100%;
}
.messages-base-form .notify {
  text-align: center;
  line-height: 23px;
  padding: 10px 0;
  font-size: 11px;
}
.messages-base-form .notify img {
  display: inline;
  margin-right: 10px;
  vertical-align: middle;
}
.messages-base-form .actions {
  text-align: center;
  padding: 10px 0 5px;
}
.messages-base-form .actions button {
  max-width: 80%;
}
.messages-base-form .actions .security {
  margin-top: 10px;
  color: #777;
  text-align: center;
}
.messages-base-form .actions .security i {
  margin-right: 5px;
}
.send-money {
  max-width: 530px;
  height: 588px;
  width: 100%;
  border-radius: 0 8px 8px 0;
  letter-spacing: -0.2px;
  padding: 0 20px;
  background-color: #fff;
}
.send-money .send-money-inputs {
  padding: 0 55px;
  display: inline-block;
  width: 100%;
}
.send-money .send-money-inputs input,
.send-money .send-money-inputs textarea {
  width: 100%;
  padding: 7px 25px 0;
  line-height: 45px;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  font-weight: 200;
  letter-spacing: -0.2px;
  color: #838895;
}
.send-money .send-money-inputs textarea {
  padding: 7px 14px;
}
.send-money .send-money-inputs input.amount {
  height: 76px;
  font-size: 28px;
  letter-spacing: -0.3px;
}
.send-money .send-money-inputs textarea.note {
  height: 153px;
  resize: none;
}
.send-money .send-money-inputs input:focus,
.send-money .send-money-inputs textarea:focus {
  outline-width: 0;
}
.send-money .send-money-inputs .floating-label {
  position: relative;
  margin-bottom: 18px;
}
.send-money .send-money-inputs img.input-error-img {
  position: absolute;
  top: 24px;
  right: 15px;
  visibility: hidden;
}
.send-money .send-money-inputs img.input-dollar-sign {
  position: absolute;
  top: 30px;
  left: 13px;
}
.send-money .send-money-inputs .floating-label label {
  position: absolute;
  padding-left: 15px;
  letter-spacing: -0.1px;
  font-size: 12px;
  color: #838895;
  font-family: 'Heebo' !important;
  text-transform: none;
  top: 2px;
  display: block;
  font-weight: 600;
}
.send-money .send-money-inputs .floating-label.is-active label {
  color: #008fb0;
}
.send-money p.send-money-error-msg {
  text-align: left;
  font-weight: 900;
  color: #ff1553;
  font-size: 12px;
  visibility: hidden;
}
p.err-msg {
  font-weight: 900;
  color: #ff1553;
  text-align: center;
}
.request-stripe-connection {
  border-radius: 8px;
  background-color: #ffffff;
  padding: 80px 0 100px;
}
.request-stripe-connection p.request {
  font-size: 16px;
  letter-spacing: -0.2px;
  text-align: center;
  color: #838895;
}
.request-stripe-connection p.err-msg-inv {
  visibility: collapse;
}
.request-stripe-connection button.request {
  margin: 0 auto;
  margin-top: 15px;
  display: block;
  border-radius: 4px;
  background-color: #019ab7 !important;
  max-width: 449px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.2px;
  padding: 18px 5px;
  height: 53px;
  line-height: 1;
}
.send-money.error .title h2 {
  color: #afb2bc;
}
.send-money.error .send-money-inputs input {
  border: solid 1px #ff1553;
}
.send-money.error .send-money-inputs .floating-label.amount label {
  color: #ff1553;
  font-weight: bold;
  font-size: 12px;
}
.send-money.error .send-money-inputs img.input-error-img {
  visibility: visible;
}
.send-money.error .send-money-inputs p.send-money-error-msg {
  visibility: visible;
}
.send-money.error .next {
  background-color: #afb2bc;
}
.book-consultation {
  font-family: 'Heebo', sans-serif !important;
  letter-spacing: -0.2px;
  border-radius: 8px;
  height: 479px;
  background-color: #ffffff;
  padding: 20px;
  box-shadow: 0 6px 7px 0 rgba(0, 0, 0, 0.34);
}
.book-consultation .title {
  border-bottom: solid 1px #fff !important;
  padding: 0 !important;
  text-align: left;
  margin-bottom: 20px;
}
.book-consultation p.err-msg {
  font-weight: 900;
  color: #ff1553;
}
.book-consultation .or-divider {
  letter-spacing: -0.2px;
  color: #838895;
  padding: 10px 15px;
}
.book-consultation textarea {
  width: 100%;
  border-radius: 4px;
  border: solid 1px #e0e0e0;
  resize: none;
  height: 112px;
  outline: none;
  padding: 13px;
  margin-bottom: 10px;
}
.book-consultation textarea,
.book-consultation input {
  font-size: 14px;
  letter-spacing: -0.2px;
  color: #838895;
  font-family: 'Heebo', sans-serif !important;
  font-weight: 300;
}
.book-consultation .consultant {
  border: solid 1px #e3faff;
  border-radius: 4px;
  padding: 0;
  width: 37% !important;
}
.book-consultation .details {
  width: 63% !important;
  height: 90%;
  padding-left: 20px;
  padding-right: 0;
}
.book-consultation .details .payment-container-stage-control {
  width: 100% ;
  padding-bottom: 0;
}
.book-consultation .company-rating-stars {
  text-align: center;
  margin-bottom: 10px;
}
.book-consultation .company-rating-stars img {
  display: inline;
  width: inherit;
  padding: 0 3px;
}
.book-consultation .hourly-rate {
  border-radius: 2px;
  background-color: #def9ff;
  width: 100%;
  text-align: center;
  padding: 10px;
}
.book-consultation .hourly-rate p {
  text-align: center;
  color: #838895;
  font-size: 14px;
  font-weight: 500;
}
.book-consultation .hourly-rate p.rate {
  line-height: 25px;
  color: #464b5c;
  font-weight: 200;
  letter-spacing: -0.5px;
}
.book-consultation .hourly-rate span {
  font-size: 42px;
  vertical-align: sub;
}
.book-consultation .hourly-rate span.dollar-sign,
.book-consultation .hourly-rate span.hr {
  font-size: 28px;
}
.book-consultation .hourly-rate span.dollar-sign {
  vertical-align: super;
}
.book-consultation .company-info {
  text-align: center;
  padding-top: 19px;
}
.book-consultation .company-info p.company-location {
  font-size: 14px;
  letter-spacing: -0.2px;
  font-weight: 500;
  color: #838895;
}
.book-consultation .company-info p.company-name {
  font-size: 24px;
  letter-spacing: -0.3px;
  color: #464b5c;
  font-weight: 200;
}
.book-consultation .company-info .user-photo {
  margin-bottom: 15px;
  position: relative;
  width: 105px;
  display: inline-block;
  height: 105px;
}
.book-consultation .company-info .user-photo img.avatar {
  width: inherit;
  border: solid 4px #38d6d4;
  border-radius: 50%;
}
.book-consultation .company-info .user-photo img.preferred {
  width: 34px;
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
}
.book-consultation .premium-user {
  color: #fff;
  background: #444;
  border-radius: 2px;
  border-top: 3px solid #fff;
  font-size: 10px;
  text-align: center;
  display: block;
  line-height: 15px;
  position: relative;
  width: 55px;
}
.book-consultation .hourly-wage {
  text-align: center;
}
.book-consultation .hourly-wage p {
  font-size: 20px;
  font-weight: 300;
}
.book-consultation .hourly-wage p.top {
  margin-bottom: 15px;
  font-size: 29px;
  font-weight: 500;
}
.book-consultation .informative-footer {
  margin-top: 15px;
}
.book-consultation .click-here {
  font-weight: 600;
  color: #008fb0;
}
.book-consultation .form-input {
  padding: 13px;
  width: 100%;
  border-radius: 4px;
  border: solid 1px #e0e0e0;
}
.book-consultation .Select {
  margin-bottom: 10px;
}
.book-consultation .Select .Select-control {
  height: 45px;
}
.book-consultation .Select .Select-placeholder,
.book-consultation .Select .Select-input,
.book-consultation .Select .Select-value-label {
  line-height: 45px;
}
.book-consultation .Select .Select-placeholder {
  padding-left: 13px;
  padding-right: 13px;
  font-weight: 300;
}
.confirmation {
  background-color: #fff;
  border-radius: 8px;
  max-width: 400px;
  padding: 45px 0;
  margin: 0 auto;
  text-align: center;
}
.confirmation h2 {
  font-size: 24px;
  font-weight: 600;
  color: #f25941;
  margin-bottom: 20px;
}
.confirmation img {
  margin: 0 auto;
  margin-bottom: 20px;
}
.confirmation a {
  color: #019ab7;
}
/* Modals */
.email-capture {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  min-width: 300px;
  min-height: 450px;
  flex-direction: column;
}
.email-capture .header {
  text-align: center;
}
.email-capture .header #modal-title {
  font-family: "Heebo", Arial, sans-serif;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -0.6px;
  color: #ff5650;
  text-transform: uppercase;
  line-height: initial;
}
.email-capture .header p {
  padding: 0 30px;
}
.email-capture .content {
  width: 100%;
}
.email-capture .content #signup-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.email-capture .content #signup-container input {
  height: 40px;
  flex: 5;
  padding: 10px;
  border: 2.5px solid #daeef3;
  margin-bottom: 10px;
  width: 90%;
}
.email-capture .content #signup-container input:focus {
  outline: none !important;
  border: 3px solid #daeef3;
  box-shadow: 0 0 10px #daeef3;
}
.email-capture .content #signup-container button {
  flex: 1.5;
  width: 90%;
}
.email-capture .success {
  color: #96b400;
  text-align: center;
}
.email-capture .error {
  color: #f03a3b;
  text-align: center;
}
/* New Homepage */
@font-face {
  font-family: 'Avenir';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/Avenir.ttc) format('opentype');
}
@font-face {
  font-family: 'CamptonBold';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/campton-bold.otf) format('opentype');
}
@font-face {
  font-family: 'CamptonBook';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/campton-book.otf) format('opentype');
}
@font-face {
  font-family: 'CamptonExtralight';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/campton-extralight.otf) format('opentype');
}
@font-face {
  font-family: 'CamptonMedium';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/campton-medium.otf) format('opentype');
}
#new-new-homepage-wrapper .avenir {
  font-family: Avenir;
}
#new-new-homepage-wrapper .campton-bold {
  font-family: CamptonBold;
}
#new-new-homepage-wrapper .campton-book {
  font-family: CamptonBook;
}
#new-new-homepage-wrapper .campton-extralight {
  font-family: CamptonExtralight;
}
#new-new-homepage-wrapper .campton-medium {
  font-family: CamptonMedium;
}
#new-new-homepage-wrapper body:after {
  /*This adds a label in the top-left corner that displays the current media query state.*/
  background: red;
  color: #fff;
  content: "undefined";
  left: 0;
  opacity: 0.8;
  padding: 0.5em 1em;
  position: fixed;
  text-align: center;
  top: 0;
  z-index: 99;
  display: none;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper body:after {
    background: orange;
    content: "mobile";
  }
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  #new-new-homepage-wrapper body:after {
    background: purple;
    content: "tablet";
  }
}
@media only screen and (min-width: 1028px) and (max-width: 1200px) {
  #new-new-homepage-wrapper body:after {
    background: green;
    content: "desktop";
  }
}
@media only screen and (min-width: 1129px) {
  #new-new-homepage-wrapper body:after {
    background: blue;
    content: "desktop-xl";
  }
}
#new-new-homepage-wrapper * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  line-height: 1;
}
#new-new-homepage-wrapper *:before,
#new-new-homepage-wrapper *:after {
  box-sizing: inherit;
}
#new-new-homepage-wrapper html,
#new-new-homepage-wrapper #new-new-homepage {
  height: 100%;
  min-height: 100%;
}
#new-new-homepage-wrapper #new-new-homepage {
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  font-size: 16px;
  font-family: CamptonBook;
  background: #fff;
}
#new-new-homepage-wrapper #new-new-homepage.site-loaded {
  animation: site-fadein 0.8s normal;
  animation-fill-mode: forwards;
}
#new-new-homepage-wrapper #new-new-homepage.no-scroll {
  overflow: hidden;
}
@keyframes site-fadein {
  100% {
    opacity: 1;
  }
}
#new-new-homepage-wrapper h1,
#new-new-homepage-wrapper h2,
#new-new-homepage-wrapper h3,
#new-new-homepage-wrapper h4,
#new-new-homepage-wrapper h5,
#new-new-homepage-wrapper h6 {
  all: initial;
  line-height: 1.1;
  font-weight: bold;
}
#new-new-homepage-wrapper a {
  text-decoration: none;
  cursor: pointer;
}
#new-new-homepage-wrapper button {
  cursor: pointer;
}
#new-new-homepage-wrapper .group:after {
  content: "";
  display: table;
  clear: both;
}
#new-new-homepage-wrapper .row {
  width: 100%;
  max-width: 1098px;
  margin: 0 auto;
}
#new-new-homepage-wrapper .row::before {
  all: initial;
}
#new-new-homepage-wrapper section ~ section {
  margin-top: 90px;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper section > .row {
    padding-left: 15px;
    padding-right: 15px;
  }
}
#new-new-homepage-wrapper .g-fifth {
  width: 20%;
}
#new-new-homepage-wrapper .g-quarter {
  width: 25%;
}
#new-new-homepage-wrapper .g-third {
  width: 33.33333%;
}
#new-new-homepage-wrapper .g-half {
  width: 50%;
}
#new-new-homepage-wrapper .g-two-thirds {
  width: 66.66666%;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .g-fifth,
  #new-new-homepage-wrapper .g-quarter,
  #new-new-homepage-wrapper .g-third,
  #new-new-homepage-wrapper .g-half,
  #new-new-homepage-wrapper .g-two-thirds {
    width: 100%;
  }
}
#new-new-homepage-wrapper .site-header {
  display: flex;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .site-header {
    display: block;
  }
}
#new-new-homepage-wrapper .logo-and-mobile-trigger {
  display: flex;
  justify-content: space-between;
}
#new-new-homepage-wrapper .header-wrapper {
  display: flex;
  justify-content: space-between;
  flex: 1;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .header-wrapper {
    display: none;
    position: fixed;
    z-index: 100;
    background: #fff;
    width: 100%;
  }
}
#new-new-homepage-wrapper .header-wrapper.is-open {
  display: block;
}
#new-new-homepage-wrapper .logo {
  margin: 0;
  padding: 0 26px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .logo {
    height: 65px;
  }
}
@media only screen and (min-width: 1028px) and (max-width: 1200px) {
  #new-new-homepage-wrapper .logo {
    padding-left: 12px;
    padding-right: 12px;
  }
}
#new-new-homepage-wrapper .site-nav,
#new-new-homepage-wrapper .utils-nav {
  margin: 0;
}
#new-new-homepage-wrapper .site-nav ul,
#new-new-homepage-wrapper .utils-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .site-nav ul,
  #new-new-homepage-wrapper .utils-nav ul {
    width: 100%;
    display: block;
  }
}
#new-new-homepage-wrapper .site-nav li,
#new-new-homepage-wrapper .utils-nav li {
  list-style: none;
  border-left: 1px solid #cdcdcd;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .site-nav li,
  #new-new-homepage-wrapper .utils-nav li {
    border: none;
    width: 100%;
  }
}
#new-new-homepage-wrapper .site-nav a,
#new-new-homepage-wrapper .utils-nav a {
  white-space: nowrap;
  text-decoration: none;
  color: #363439;
  font-family: CamptonBold;
  font-size: 14px;
  padding: 24px 26px;
  display: block;
  background: #fff;
  transition: all 0.12s ease-in-out;
}
#new-new-homepage-wrapper .site-nav a.active,
#new-new-homepage-wrapper .utils-nav a.active,
#new-new-homepage-wrapper .site-nav a:hover,
#new-new-homepage-wrapper .utils-nav a:hover {
  background: rgba(51, 51, 51, 0.1);
}
@media only screen and (min-width: 1028px) and (max-width: 1200px) {
  #new-new-homepage-wrapper .site-nav a,
  #new-new-homepage-wrapper .utils-nav a {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 12px;
  }
}
#new-new-homepage-wrapper .site-nav .nav-cta,
#new-new-homepage-wrapper .utils-nav .nav-cta,
#new-new-homepage-wrapper .site-nav .signup-login-button,
#new-new-homepage-wrapper .utils-nav .signup-login-button {
  background: #e7e721;
}
#new-new-homepage-wrapper .utils-nav li {
  border-left: none;
}
#new-new-homepage-wrapper .site-search {
  margin-left: 0;
  margin-right: auto;
  border-left: 1px solid #cdcdcd;
  flex: 1;
}
#new-new-homepage-wrapper .site-search form {
  display: flex;
  height: 100%;
  justify-content: space-between;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .site-search form {
    align-content: center;
    align-items: center;
    justify-content: space-between;
  }
}
#new-new-homepage-wrapper .site-search input[type="text"] {
  height: 100%;
  border: none;
  font-family: CamptonBold;
  font-size: 14px;
  line-height: 1;
  padding: 22px 26px;
  background: transparent;
  width: 100%;
}
@media only screen and (min-width: 1028px) and (max-width: 1200px) {
  #new-new-homepage-wrapper .site-search input[type="text"] {
    max-width: 150px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 12px;
  }
}
#new-new-homepage-wrapper .site-search input[type="text"]::-webkit-input-placeholder {
  color: #363439;
}
#new-new-homepage-wrapper .site-search input[type="text"]::-moz-placeholder {
  color: #363439;
}
#new-new-homepage-wrapper .site-search input[type="text"]:-ms-input-placeholder {
  color: #363439;
}
#new-new-homepage-wrapper .site-search input[type="text"]:-moz-placeholder {
  color: #363439;
}
#new-new-homepage-wrapper .site-search input[type="submit"] {
  height: 100%;
  width: 50px;
  background: transparent url(/img/new-new-homepage/icon-search.svg) 10px center no-repeat;
  background-size: 20px 20px;
  border: none;
  flex-shrink: 0;
}
@media only screen and (min-width: 1028px) and (max-width: 1200px) {
  #new-new-homepage-wrapper .site-search input[type="submit"] {
    width: 50px;
    background-position: 5px center;
  }
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .site-search input[type="submit"] {
    min-height: 60px;
  }
}
#new-new-homepage-wrapper .mobile-nav-trigger {
  display: none;
  padding: 0 20px;
  border: none;
  background: #e7e721;
  outline: none;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .mobile-nav-trigger {
    display: block;
  }
}
#new-new-homepage-wrapper .site-footer {
  background: #282d32;
  padding: 80px 0;
}
@media only screen and (min-width: 1028px) and (max-width: 1200px) {
  #new-new-homepage-wrapper .site-footer {
    padding: 80px 15px;
  }
}
#new-new-homepage-wrapper .site-footer .row {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .footer-navs {
    flex-direction: column;
  }
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .footer-nav {
    padding: 15px;
  }
}
#new-new-homepage-wrapper .footer-nav ul,
#new-new-homepage-wrapper .footer-nav li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#new-new-homepage-wrapper .footer-nav h4 {
  font-family: CamptonMedium;
  font-size: 16px;
  color: #fff;
  margin-bottom: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #fff;
}
#new-new-homepage-wrapper .footer-nav a {
  font-family: CamptonBook;
  font-size: 14px;
  color: #a9a9a9;
  display: block;
  line-height: 1.8;
}
#new-new-homepage-wrapper .footer-nav a:hover {
  color: #fff;
}
#new-new-homepage-wrapper .social-links {
  margin-top: 90px;
  justify-content: center !important;
  align-items: center;
}
#new-new-homepage-wrapper .social-links a {
  margin: 0 10px;
  width: 30px;
  height: 30px;
  display: block;
  background-image: url(/img/new-new-homepage/icon-30.svg);
  background-repeat: no-repeat;
}
#new-new-homepage-wrapper .facebook {
  background-position: 0 0;
}
#new-new-homepage-wrapper .twitter {
  background-position: 0 -30px;
}
#new-new-homepage-wrapper .linkedin {
  background-position: 0 -60px;
}
#new-new-homepage-wrapper .instagram {
  background-position: 0 -90px;
}
#new-new-homepage-wrapper .youtube {
  background-position: 0 -120px;
}
#new-new-homepage-wrapper .gplus {
  background-position: 0 -150px;
}
#new-new-homepage-wrapper .pinterest {
  background-position: 0 -180px;
}
#new-new-homepage-wrapper .favorite {
  background-position: 0 -210px;
}
#new-new-homepage-wrapper .legal {
  margin-top: 30px;
  text-align: center;
  font-size: 10px;
  color: #5a5a5a;
  font-family: CamptonBold;
}
#new-new-homepage-wrapper .legal a {
  color: #5a5a5a;
}
#new-new-homepage-wrapper .ny-made {
  background: url(/img/new-new-homepage/made-in-ny.svg);
  width: 60px;
  height: 60px;
  margin: 30px auto;
  display: block;
}
#new-new-homepage-wrapper .hero {
  overflow: initial;
  position: relative;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .hero {
    margin-bottom: 85%;
  }
}
#new-new-homepage-wrapper .hero:after {
  content: "";
  display: block;
  width: 100%;
  max-width: 1098px;
  height: 118px;
  background: transparent url(/img/new-new-homepage/Makers-Row-stamp.svg) right top no-repeat;
  margin: 0 auto;
  transform: translate(0, -76px);
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .hero:after {
    width: 90%;
  }
}
@media only screen and (min-width: 1028px) and (max-width: 1200px) {
  #new-new-homepage-wrapper .hero:after {
    background-position: 98% top;
  }
}
#new-new-homepage-wrapper .hero + section {
  margin-top: 0;
}
#new-new-homepage-wrapper .hero-slide {
  background: linear-gradient(110deg, #e7e721 50%, #f4f4f4 50%);
}
#new-new-homepage-wrapper .hero-slide h1 {
  font-family: CamptonBold;
  font-size: 50px;
  margin-bottom: 30px;
  display: block;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .hero-slide h1 {
    font-size: 42px;
  }
}
#new-new-homepage-wrapper .hero-slide-image {
  min-height: 550px;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media only screen and (min-width: 1028px) and (max-width: 1200px) {
  #new-new-homepage-wrapper .hero-slide-image > * {
    margin-left: 15px;
  }
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .hero-slide-image {
    justify-content: flex-end;
    background-position: 85% center;
  }
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .hero-slide-text {
    transform: translate(0, 130%);
    padding: 0 15px;
  }
}
#new-new-homepage-wrapper .standard-cta {
  height: 36px;
  padding-left: 30px;
  padding-right: 30px;
  min-width: 160px;
  text-align: center;
  font-family: CamptonBold;
  font-size: 16px;
  background: #333333;
  color: #fff;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all 0.12s ease-in-out;
}
#new-new-homepage-wrapper .standard-cta:hover,
#new-new-homepage-wrapper .standard-cta:active {
  outline: 2px solid #333333;
  background: transparent;
  color: #333333;
}
#new-new-homepage-wrapper .cta-color-salmon {
  height: 36px;
  padding-left: 30px;
  padding-right: 30px;
  min-width: 160px;
  text-align: center;
  font-family: CamptonBold;
  font-size: 16px;
  background: #333333;
  color: #fff;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all 0.12s ease-in-out;
  background: #ff735f;
}
#new-new-homepage-wrapper .cta-color-salmon:hover,
#new-new-homepage-wrapper .cta-color-salmon:active {
  outline: 2px solid #333333;
  background: transparent;
  color: #333333;
}
#new-new-homepage-wrapper .cta-color-salmon:hover,
#new-new-homepage-wrapper .cta-color-salmon:active {
  outline: 2px solid #ff735f;
  background: transparent;
  color: #ff735f;
}
#new-new-homepage-wrapper .cta-color-sky {
  height: 36px;
  padding-left: 30px;
  padding-right: 30px;
  min-width: 160px;
  text-align: center;
  font-family: CamptonBold;
  font-size: 16px;
  background: #333333;
  color: #fff;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all 0.12s ease-in-out;
  background: #6ea7ff;
}
#new-new-homepage-wrapper .cta-color-sky:hover,
#new-new-homepage-wrapper .cta-color-sky:active {
  outline: 2px solid #333333;
  background: transparent;
  color: #333333;
}
#new-new-homepage-wrapper .cta-color-sky:hover,
#new-new-homepage-wrapper .cta-color-sky:active {
  outline: 2px solid #6ea7ff;
  background: transparent;
  color: #6ea7ff;
}
#new-new-homepage-wrapper .intro .row {
  display: flex;
  align-items: center;
  min-height: 130px;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .intro .row {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1028px) and (max-width: 1200px) {
  #new-new-homepage-wrapper .intro .row {
    padding: 0 15px;
  }
}
#new-new-homepage-wrapper .intro h2 {
  font-family: CamptonBold;
  font-size: 42px;
  background: transparent url(/img/new-new-homepage/divider-diagonal-line-1.svg) right center no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .intro h2 {
    margin-bottom: 30px;
  }
}
#new-new-homepage-wrapper .intro p {
  font-family: CamptonBook;
  font-size: 18px;
  line-height: 27px;
  padding-left: 10px;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .intro p {
    padding-left: 0;
  }
}
#new-new-homepage-wrapper .pre-footer {
  background: #e7e721;
  padding: 80px 0;
  margin-top: 0;
}
#new-new-homepage-wrapper .pre-footer .row {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#new-new-homepage-wrapper .pre-footer h2 {
  font-family: CamptonBold;
  font-size: 42px;
  background: transparent url(/img/new-new-homepage/divider-diagonal-line-1.svg) right center no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .pre-footer h2 {
    background: none;
  }
}
#new-new-homepage-wrapper .stats {
  width: 33%;
  background: transparent url(/img/new-new-homepage/divider-diagonal-line-1.svg) right center no-repeat;
  background-size: contain;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .stats {
    background: none;
  }
}
#new-new-homepage-wrapper .stats p {
  padding: 0 15px 0 30px;
  font-family: CamptonBook;
  font-size: 18px;
  line-height: 1.3;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .stats p {
    padding-left: 0;
  }
}
#new-new-homepage-wrapper .stats + div {
  width: 17%;
  text-align: right;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .stats-container {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1028px) and (max-width: 1200px) {
  #new-new-homepage-wrapper .stats-container {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .stats-container > * {
    width: 100%;
  }
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .stats-container > * + * {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .stats-container .g-quarter {
    width: 100%;
  }
}
#new-new-homepage-wrapper .press-logos {
  margin-top: 65px;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .press-logos {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
#new-new-homepage-wrapper .press-logos div {
  width: 12%;
  height: 48px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  margin: 15px auto;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .press-logos div {
    width: 100%;
    height: 60px;
    margin: 25px auto;
  }
}
#new-new-homepage-wrapper .press-logos a {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}
#new-new-homepage-wrapper .press-logos img {
  width: auto;
  max-width: 100%;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .press-logos img {
    max-width: 90%;
  }
}
#new-new-homepage-wrapper .testimonials .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .testimonials .row {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1028px) and (max-width: 1200px) {
  #new-new-homepage-wrapper .testimonials .row {
    padding: 0 15px;
  }
}
#new-new-homepage-wrapper .single-testimonial {
  width: calc(33.33333% - 17px);
  background-position: right bottom;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0;
  padding-bottom: 20px;
  border-bottom: 2px solid #000;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .single-testimonial {
    width: 100%;
  }
}
#new-new-homepage-wrapper .single-testimonial:nth-child(even) {
  background-position: right top;
  padding-top: 250px;
  padding-bottom: 0;
  border-bottom: none;
}
#new-new-homepage-wrapper .single-testimonial:nth-child(even) .category {
  border-top: 2px solid #000;
  background: #fff;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .single-testimonial:nth-child(even) .category {
    border: none;
    background: none;
  }
}
#new-new-homepage-wrapper .single-testimonial:nth-child(even) p {
  background: #fff;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .single-testimonial:nth-child(even) p {
    background: none;
  }
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .single-testimonial:nth-child(even) {
    background-position: right bottom;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 12px;
    padding-top: 0;
    padding-bottom: 20px;
    border-bottom: 2px solid #000;
  }
}
#new-new-homepage-wrapper .single-testimonial .category {
  border: none;
  font-family: CamptonBold !important;
  font-size: 12px;
  margin-bottom: 12px;
  display: block;
  padding-top: 20px;
}
#new-new-homepage-wrapper .single-testimonial p {
  font-family: CamptonBook;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  padding-right: 50%;
}
#new-new-homepage-wrapper .single-testimonial .person-name {
  margin-top: 40px;
}
#new-new-homepage-wrapper .single-testimonial .person-name,
#new-new-homepage-wrapper .single-testimonial .person-company {
  font-family: CamptonBook;
  font-size: 10px;
  color: #000;
  display: block;
}
#new-new-homepage-wrapper .category-sky {
  color: #6ea7ff;
}
#new-new-homepage-wrapper .category-salmon {
  color: #ff735f;
}
#new-new-homepage-wrapper .category-yellow {
  color: #e7e721;
}
#new-new-homepage-wrapper .step-drilldown ~ .step-drilldown {
  margin-top: 250px;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .step-drilldown ~ .step-drilldown {
    margin-top: 90px;
  }
}
#new-new-homepage-wrapper .step-drilldown .row {
  display: flex;
  justify-content: space-between;
  position: relative;
  background: #f4f4f4;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .step-drilldown .row {
    flex-direction: column;
  }
}
#new-new-homepage-wrapper .step-drilldown.step-even .row {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .step-drilldown.step-even .row {
    flex-direction: column;
  }
}
#new-new-homepage-wrapper .step-drilldown.step-even .g-third:after {
  left: auto;
  right: 0;
}
#new-new-homepage-wrapper .step-drilldown.step-even .step-image {
  position: absolute;
  left: 0;
  right: auto;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .step-drilldown.step-even .step-image {
    position: static;
  }
}
#new-new-homepage-wrapper .step-drilldown .g-third {
  padding: 40px 26px;
  position: relative;
}
#new-new-homepage-wrapper .step-drilldown .g-third:after {
  content: "";
  width: 300%;
  height: 100%;
  display: block;
  background: #f4f4f4;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .step-drilldown .g-third:after {
    width: 100%;
  }
}
#new-new-homepage-wrapper .step-drilldown .step-image {
  position: absolute;
  right: 0;
  top: 0;
}
#new-new-homepage-wrapper .step-drilldown .step-image img {
  max-width: 100%;
  height: auto;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .step-drilldown .step-image {
    position: static;
    background: #f4f4f4;
    transform: translate(0, 0) !important;
  }
}
#new-new-homepage-wrapper .step-drilldown .step-index {
  position: absolute;
  font-family: CamptonBold;
  font-size: 100px;
  line-height: 1;
  right: 26px;
  transform: translate(0, -90%);
}
#new-new-homepage-wrapper .step-drilldown h3 {
  font-family: CamptonBold;
  font-size: 42px;
}
#new-new-homepage-wrapper .step-drilldown .copy {
  padding: 28px 0;
}
#new-new-homepage-wrapper .step-drilldown .copy p {
  font-family: CamptonBook;
  font-size: 16px;
  line-height: 1.4;
}
#new-new-homepage-wrapper .step-drilldown .copy p + p {
  margin-top: 28px;
}
#new-new-homepage-wrapper .cta-row + .step-drilldown {
  margin-top: 0;
}
#new-new-homepage-wrapper .step-color-salmon .step-index {
  color: #ff735f;
}
#new-new-homepage-wrapper .step-color-sky .step-index {
  color: #6ea7ff;
}
#new-new-homepage-wrapper .step-color-yellow .step-index {
  color: #e7e721;
}
#new-new-homepage-wrapper .step-1 .step-image {
  transform: translate(0, 83px);
}
#new-new-homepage-wrapper .step-2 .step-image {
  transform: translate(0, -26px);
}
#new-new-homepage-wrapper .step-3 .step-image {
  transform: translate(0, 26px);
}
#new-new-homepage-wrapper .step-4 .step-image {
  transform: translate(0, 26px);
}
#new-new-homepage-wrapper .cta-row {
  text-align: center;
  padding: 90px 15px;
}
@media only screen and (max-width: 1028px) {
  #new-new-homepage-wrapper .cta-row {
    margin-top: 0;
  }
}
/* ---------------------------------------------------------------------------------------------------- */
/* Interface
/* ---------------------------------------------------------------------------------------------------- */
html,
body {
  width: 100%;
}
body {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  background: #faf7f0;
  color: #5a5a5a;
  line-height: 20px;
  padding-top: 63px;
}
@media only screen and (max-width: 529px) {
  body {
    padding-top: 57px;
  }
}
html.messages {
  height: 100%;
}
html.messages body {
  height: 100%;
}
#main-page {
  display: flex;
  height: 100vh;
}
#main-content {
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
}
#container {
  height: auto !important;
  height: 100%;
  min-height: 100%;
  position: relative;
  width: 100%;
  min-width: 1000px;
}
#layout-default #container {
  margin-bottom: -580px;
  /* Height of footer */
}
#push {
  background-color: #faf7f0;
  height: 580px;
  /* Height of footer */
  width: 100%;
}
::-moz-selection {
  background: #cfcfcf;
}
::selection,
::-moz-selection {
  background: #cfcfcf;
}
/* ---------------------------------------------------------------------------------------------------- */
/* Common elements
/* ---------------------------------------------------------------------------------------------------- */
a.disabled {
  pointer-events: none;
}
img {
  background: none;
  display: block;
  outline: 0;
}
hr {
  border: 0;
  background: #cfcfcf;
  height: 1px;
  margin: 0 0 10px 0;
  padding: 0;
  width: 100%;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.slideshow li {
  margin: 0;
  padding: 0;
  position: absolute;
  max-width: 100%;
  width: 100%;
}
.slideshow li * {
  max-width: 100%;
  width: 100%;
}
.rule {
  background: url('/img/main/rule.png') no-repeat center;
  clear: both;
  height: 14px;
  margin-bottom: 40px;
  width: 100%;
}
.timestamp {
  color: #999999;
  font-size: 11px;
}
.eye {
  background-image: url('/img/icons/icon-eye.png?3');
  background-image: url('/img/icons/icon-eye.svg?3'), none;
  display: block;
  height: 30px;
  width: 30px;
}
textarea,
input[type="text"] {
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 20px;
  text-transform: none;
}
.text-center {
  text-align: center;
}
.google-login {
  border: none;
  display: flex;
  color: gray;
  box-shadow: none;
  font-weight: 500;
  border-radius: 6px;
  padding: 10px 20px;
  align-items: center;
  background-color: #fff;
  font-size: 13px;
}
.google-login svg {
  width: 17px;
  height: 17px;
  margin-right: 12px;
}
/* ---------------------------------------------------------------------------------------------------- */
/* Header alert exists
/* ---------------------------------------------------------------------------------------------------- */
body.header-alert #feature.profile {
  height: 410px;
}
body.header-alert #feature.short > content {
  height: 180px;
}
body.header-alert #feature > content {
  margin-top: 110px;
}
body.header-alert #main {
  padding-top: 130px;
}
body.header-alert #controller-wrapper.fixed .controller {
  top: 110px;
}
/* ---------------------------------------------------------------------------------------------------- */
/* Responsive (1330px and >)
/* ----------------------------------------------------------------------------------------------------

@media all and (min-width: 1330px) {

    // Main elements

    #footer .content {
        max-width: 1290px;
    }
    #feature .headline {
        max-width: 1290px;
    }
    #feature.search .banner > .content > .content-inner {
        max-width: 1290px;
    }

    // Controller

    #main, .controller, .controller .content, .alert-activation .alert-content {
        max-width: 1290px;
    }

    #main.search.restricted, .controller.restricted .content {
        max-width: 960px;
    }

    .controller .top {
        max-width: 610px;
    }

    // Dashboard

    .cms .widget.search h1 .big {
        font-size: 50px;
    }

}
*/
/* ---------------------------------------------------------------------------------------------------- */
/* Responsive (570 and <)
/* ----------------------------------------------------------------------------------------------------


@media (max-height: 650px) {

    // Home page

    .home #feature img.h1 {
        height: auto;
        max-width: 550px;
    }
    .home #feature .violator {
        max-width: 880px;
    }
    .home #feature .searchbar {
        max-width: 500px;
    }
    .home #feature .more,
    .home #feature .caption {
        display: none;
    }

}
*/
.profile-slideshow-container {
  background: white;
}
.profile-slideshow-container .main {
  width: 100%;
  background: black;
}
.profile-slideshow-container .navigation {
  width: 100%;
  margin: 10px 0;
}
.profile-slideshow-container .navigation ul {
  list-style: none;
  margin: 0 10px;
  display: block;
  padding: 0;
}
.profile-slideshow-container .navigation ul li {
  float: left;
  cursor: pointer;
  width: 117px;
  height: 82px;
  margin: 0 5px;
  background-size: contain;
}
@media only screen and (max-width: 529px) {
  .profile-slideshow-container .navigation ul li {
    width: 84px;
  }
}
.profile-slideshow-container .navigation ul li:first-of-type {
  margin-right: 10px;
}
.profile-slideshow-container .navigation ul li:last-of-type {
  margin-left: 10px;
  float: right;
}
.profile-slideshow-container .navigation ul li.arrow {
  background: #4a3aff;
  color: white;
  font-weight: bold;
  line-height: 82px;
  text-align: center;
  font-size: 20px;
  width: 21px!important;
}
.profile-slideshow-container .navigation ul li.arrow:hover {
  background: #0e55a4;
}
.profile-slideshow-container .navigation ul li.arrow.disabled {
  background: #ccc !important;
}
.box-with-overlay,
.form-with-overlay {
  position: relative;
}
.box-with-overlay .loading-box,
.form-with-overlay .loading-box {
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.45);
  color: white;
}
.box-with-overlay .loading-box p,
.form-with-overlay .loading-box p {
  padding: 20px;
}
button.loading {
  cursor: wait!important;
}
@media only screen and (max-width: 529px) {
  .mobile-block-btn {
    padding-left: 0!important;
    padding-right: 0!important;
    width: 100%!important;
    max-width: 100%!important;
  }
}
@media only screen and (max-width: 529px) {
  .plan-data .left,
  .plan-data .right {
    float: none!important;
  }
  .plan-data .cplan,
  .plan-data .upcoming {
    width: 100%!important;
    padding: 10px 0!important;
    text-align: center;
  }
  .plan-data .cplan {
    margin-top: 10px;
  }
  .receipts {
    max-height: 400px;
    overflow: scroll;
  }
}
@media only screen and (max-width: 529px) {
  #projects-responsive-container {
    padding: 1rem;
  }
  ul.labels {
    content: " ";
    display: table;
    zoom: 1;
    *zoom: 1;
  }
  ul.labels:before,
  ul.labels:after {
    display: table;
    line-height: 0;
    content: "";
  }
  ul.labels:after {
    clear: both;
  }
  ul.labels:before,
  ul.labels:after {
    content: "";
    display: table;
  }
  ul.labels:after {
    clear: both;
  }
  ul.labels:before,
  ul.labels:after {
    display: table;
    content: "";
    line-height: 0;
  }
  ul.labels:after {
    clear: both;
  }
  .mobile-no-float {
    float: none!important;
  }
  .mobile-no-padding {
    padding: 0!important;
  }
  .mobile-no-padding li {
    padding: 1px!important;
  }
  .mobile-no-margin {
    margin: 0!important;
  }
  .mobile-mb-0 {
    margin-bottom: 0px!important;
  }
  .mobile-mr-0 {
    margin-right: 0px!important;
  }
  .mobile-ml-0 {
    margin-left: 0px!important;
  }
  .mobile-mb-5 {
    margin-bottom: 5px!important;
  }
  .mobile-mt-15 {
    margin-top: 15px!important;
  }
  .mobile-width-100 {
    width: 100%!important;
    max-width: 100%!important;
  }
  .mobile-width-80 {
    width: 80%!important;
  }
  .mobile-block {
    display: block!important;
  }
  .listings p,
  .jobs p {
    padding: 10px 15px!important;
    text-align: justify;
  }
  .listings .listing-col-1,
  .jobs .listing-col-1 {
    width: 100%!important;
  }
}
@media only screen and (max-width: 529px) {
  .capabilities-items-list .content .capability {
    margin: 0 auto 10px !important;
    float: none !important;
  }
  .capabilities-items-list .content .details {
    width: 100% !important;
    margin-top: 10px;
  }
  .capabilities-items-list .content .details ul,
  .capabilities-items-list .content .details .caption {
    content: " ";
    display: table;
    zoom: 1;
    *zoom: 1;
    margin-top: 10px !important;
    float: none !important;
  }
  .capabilities-items-list .content .details ul:before,
  .capabilities-items-list .content .details .caption:before,
  .capabilities-items-list .content .details ul:after,
  .capabilities-items-list .content .details .caption:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .capabilities-items-list .content .details ul:after,
  .capabilities-items-list .content .details .caption:after {
    clear: both;
  }
  .capabilities-items-list .content .details ul:before,
  .capabilities-items-list .content .details .caption:before,
  .capabilities-items-list .content .details ul:after,
  .capabilities-items-list .content .details .caption:after {
    content: "";
    display: table;
  }
  .capabilities-items-list .content .details ul:after,
  .capabilities-items-list .content .details .caption:after {
    clear: both;
  }
  .capabilities-items-list .content .details ul:before,
  .capabilities-items-list .content .details .caption:before,
  .capabilities-items-list .content .details ul:after,
  .capabilities-items-list .content .details .caption:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .capabilities-items-list .content .details ul:after,
  .capabilities-items-list .content .details .caption:after {
    clear: both;
  }
  .capabilities-items-list .content .details li {
    width: 100% !important;
  }
  .capabilities-items-list .content .details + div {
    width: 100% !important;
    margin-top: 10px;
  }
  .capabilities-items-list .content .details p {
    width: 100% !important;
    -ms-word-break: break-word;
    word-break: break-word;
  }
}
#vue-container {
  width: 100%;
  max-width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #faf7f0;
  min-height: calc(100vh - 63px);
}
.turnDeviceNotification {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: none;
  background: url('/img/device_rotation.png') center center no-repeat;
  background-size: cover;
  z-index: 10000;
}
@media only screen and (max-width: 529px) and (orientation: landscape) {
  .turnDeviceNotification {
    display: none!important;
  }
}
@media only screen and (max-width: 529px) {
  .header-capabilities {
    text-align: center!important;
  }
}
@media only screen and (max-width: 529px) {
  #appearance-form .screenshot .entry {
    width: 100% !important;
    margin: 0 !important;
  }
}
@media only screen and (max-width: 529px) {
  #appearance-form .screenshot .caption {
    width: 100% !important;
    float: none!important;
  }
}
@media only screen and (max-width: 529px) {
  #appearance-form .entry.video .input.left {
    width: 65px!important;
  }
}
@media only screen and (max-width: 529px) {
  #appearance-form .screenshot .photo {
    width: 100%!important;
    height: 130px!important;
    background-size: contain!important;
    background-repeat: no-repeat !important;
  }
}
#appearance-form ul.addboxes {
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
#appearance-form ul.addboxes:before,
#appearance-form ul.addboxes:after {
  display: table;
  line-height: 0;
  content: "";
}
#appearance-form ul.addboxes:after {
  clear: both;
}
#appearance-form ul.addboxes:before,
#appearance-form ul.addboxes:after {
  content: "";
  display: table;
}
#appearance-form ul.addboxes:after {
  clear: both;
}
#appearance-form ul.addboxes:before,
#appearance-form ul.addboxes:after {
  display: table;
  content: "";
  line-height: 0;
}
#appearance-form ul.addboxes:after {
  clear: both;
}
@media only screen and (max-width: 529px) {
  #appearance-form ul.addboxes {
    float: none!important;
    margin: 0 !important;
  }
}
@media only screen and (max-width: 529px) {
  #main {
    padding: 10px 8px 20px !important;
  }
}
#message-container > div {
  display: flex;
  flex-direction: row;
}
#message-container > div > div:last-child {
  display: flex;
  padding: 0px;
}
#message-container > div > div > div.middle-col {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
#message-container > div > div > div.middle-col form {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#message-container > div > div > div.middle-col .attachments {
  display: flex;
  position: absolute;
}
#message-container .middle-col #thread {
  width: auto;
  height: auto;
}
#message-container .middle-col #textbox {
  min-height: 200px;
}
#message-container .vh100 {
  height: 94vh;
}
#message-container #contacts {
  display: flex;
  flex-direction: column;
  /* overflow-y: auto; */
  padding: 0px;
}
#message-container #contacts .conversations {
  overflow: hidden scroll;
  margin: 0px;
}
#message-container #contacts .conversations-row {
  overflow-y: auto;
}
#message-container .middle-col #thread {
  flex-grow: 1;
}
#message-container .contact-header .actions {
  margin: 0;
}
#message-container #textbox .actions button[type="submit"] {
  width: 150px;
}
#message-container #textbox > div {
  height: 100%;
}
#message-container #textbox textarea {
  flex-grow: 1;
}
.ReactModalPortal {
  position: fixed;
  background: rgba(0, 0, 0, 0.75);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 20000000001;
}
@media (max-width: 767px) {
  #message-container #right-sidebar {
    display: none;
  }
  #message-container #threads-main {
    position: absolute;
    top: 60px;
    right: 0;
    left: 0;
    bottom: 0;
    transition: opacity 500ms, visibility 500ms;
    opacity: 0;
    z-index: -1;
  }
  #message-container #threads-main.active {
    opacity: 1;
    z-index: 1;
  }
  #message-container #contacts {
    width: 100%;
  }
  #message-container .middle-col #textbox {
    min-height: 150px;
  }
  #message-container .payment-sidebar.three-steps {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: none;
    height: 190px;
  }
  #message-container .payment-sidebar.three-steps .step {
    height: 100%;
    width: 33%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-evenly;
  }
  #message-container .ReactModalPortal .ReactModal__Overlay,
  #message-container .ReactModalPortal .ReactModal__Overlay--after-open {
    top: 5px !important;
  }
  #message-container .payment-sidebar.three-steps .step p,
  #message-container .payment-sidebar.three-steps .step img {
    top: 0;
  }
  #message-container .payment-method,
  #message-container .payment-overview,
  #message-container .payment-confirmation {
    height: 100%;
  }
  #message-container .modal.modal-v2 {
    margin-top: 0;
    max-width: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    left: 50%;
  }
  #message-container .payment-container .payment-method.error .title {
    margin-bottom: 0;
  }
  #message-container .payment-method .payment-method-error-info,
  #message-container .payment-method .payment-method-error-msg {
    width: 100%;
    display: none;
  }
  #message-container .payment-method.error .payment-method-error-info {
    display: block;
  }
  #message-container .payment-container-stage-control {
    position: relative;
    margin-top: 20px;
  }
  #message-container .ReactModalPortal {
    position: fixed;
    background: rgba(0, 0, 0, 0.75);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 20000000001;
  }
  #message-container #textbox .typeahead-ul {
    background: #fff;
    position: absolute;
    width: 60%;
    min-width: 0;
    z-index: 99;
    border: 1px solid #eee;
    margin-top: -2px;
    left: 10px;
    border-radius: 2px;
    max-height: 300px;
    overflow-y: auto;
  }
}
.mr.logo {
  background-size: contain;
  display: inline-block;
}
.mr.logo.nav svg {
  height: 35px;
  width: 148px;
  margin-top: 14px;
}
.mr.logo.blue svg {
  fill: #285166;
}
body.factories .hero.homepage.factories {
  height: 685px;
}
body.factories .hero.homepage.factories > header {
  margin-top: 100px;
}
.swal2-container {
  z-index: 9000!important;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.25s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
.classification-label {
  background-color: rgba(255, 149, 51, 0.06);
  font-size: 10px;
  letter-spacing: 0.7px;
  color: #FF9533;
  text-transform: uppercase;
  border-radius: 5px;
  padding: 1px 7px;
  font-weight: 700;
  display: inline-block;
}
.preferred-badge + .classification-label {
  margin-left: 4px;
}
@keyframes wiggle {
  0% {
    transform: rotate(10deg);
  }
  25% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(20deg);
  }
  75% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.mr.message {
  margin: 0 0 8px;
  width: 100%;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.mr.message:before,
.mr.message:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.message:after {
  clear: both;
}
.mr.message:before,
.mr.message:after {
  content: "";
  display: table;
}
.mr.message:after {
  clear: both;
}
.mr.message:before,
.mr.message:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.message:after {
  clear: both;
}
.mr.message .header {
  font-size: 11px;
  line-height: 25px;
  color: #999;
  width: 100%;
  display: block;
  margin: 0 0 4px;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.mr.message .header:before,
.mr.message .header:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.message .header:after {
  clear: both;
}
.mr.message .header:before,
.mr.message .header:after {
  content: "";
  display: table;
}
.mr.message .header:after {
  clear: both;
}
.mr.message .header:before,
.mr.message .header:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.message .header:after {
  clear: both;
}
.mr.message.pill {
  text-align: center;
  margin: 16px auto;
}
.mr.message.pill .content {
  background: #D6D2FF;
  border-radius: 20px;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.98);
  padding: 8px 16px;
  display: inline-block;
}
.mr.message .viewed-time {
  display: flex;
  flex-direction: row-reverse;
  gap: 5px;
  margin-top: 5px;
}
.mr.message.auth header {
  text-align: right;
}
.mr.message.auth .date {
  padding-right: 35px;
  background: url(/icons/message-sent.svg) center right no-repeat;
}
.mr.message.auth .date.read {
  background: url(/icons/message-read.svg) center right no-repeat;
}
.mr.message footer {
  background: #f4f4f4;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.mr.message footer:before,
.mr.message footer:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.message footer:after {
  clear: both;
}
.mr.message footer:before,
.mr.message footer:after {
  content: "";
  display: table;
}
.mr.message footer:after {
  clear: both;
}
.mr.message footer:before,
.mr.message footer:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.message footer:after {
  clear: both;
}
.mr.message footer.notification {
  text-align: center;
}
.mr.message footer.notification p {
  margin: 0;
  padding: 0;
}
.mr.message footer.notification.warning {
  background: #efe64a;
}
.mr.message footer.notification.warning p {
  color: #ef5753 !important;
}
.mr.message footer.notification.success {
  background: #84efb1 !important;
}
.mr.message footer.notification.success p {
  color: #0e0505 !important;
}
.mr.message.payment {
  float: left;
  width: 70%;
  background: white;
}
@media only screen and (max-width: 529px) {
  .mr.message.payment {
    width: 100%;
    float: none !important;
  }
}
.mr.message.payment.auth {
  float: right;
}
.mr.message.payment .title {
  text-align: center;
  border-bottom: 1px solid #f4f4f4;
  padding: 0 10px 10px;
  line-height: 24px;
  font-size: 16px;
}
.mr.message.payment .title i {
  background: green;
  color: white;
  line-height: 24px;
  height: 24px;
  width: 24px;
  border-radius: 1000px;
  margin: 0 20px 0 0;
}
.mr.message.payment .content {
  padding: 10px;
  border: 1px solid #f4f4f4;
  border-radius: 6px 6px 0 0;
}
.mr.message.payment .content p {
  margin: 16px 0;
}
.mr.message.payment .content p.trial {
  filter: blur(3px);
  -webkit-filter: blur(3px);
}
.mr.message.payment .footer {
  background: #f4f4f4;
  padding: 10px;
  border-radius: 0 0 6px 6px;
}
.mr.message.payment .footer .button-group {
  margin: 16px 0 0;
}
.mr.message.payment .footer .button-group button {
  margin: 0 0 8px;
}
.mr.message.payment .footer .button-group button:last-of-type {
  margin: 0;
}
.mr.message.payment ul.details,
.mr.message.payment ul.information {
  margin: 15px 0 0;
}
.mr.message ul.details {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.mr.message ul.details:before,
.mr.message ul.details:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.message ul.details:after {
  clear: both;
}
.mr.message ul.details:before,
.mr.message ul.details:after {
  content: "";
  display: table;
}
.mr.message ul.details:after {
  clear: both;
}
.mr.message ul.details:before,
.mr.message ul.details:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.message ul.details:after {
  clear: both;
}
.mr.message ul.details li {
  margin: 0 0 4px;
  width: 100%;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.mr.message ul.details li:before,
.mr.message ul.details li:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.message ul.details li:after {
  clear: both;
}
.mr.message ul.details li:before,
.mr.message ul.details li:after {
  content: "";
  display: table;
}
.mr.message ul.details li:after {
  clear: both;
}
.mr.message ul.details li:before,
.mr.message ul.details li:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.message ul.details li:after {
  clear: both;
}
.mr.message ul.details li .label {
  float: left;
}
.mr.message ul.details li .value {
  float: right;
}
.mr.message ul.details li:last-of-type {
  margin-bottom: 0;
}
.mr.message .extras-box {
  border: 1px solid #f4f4f4;
  border-top: none !important;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.mr.message .extras-box:before,
.mr.message .extras-box:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.message .extras-box:after {
  clear: both;
}
.mr.message .extras-box:before,
.mr.message .extras-box:after {
  content: "";
  display: table;
}
.mr.message .extras-box:after {
  clear: both;
}
.mr.message .extras-box:before,
.mr.message .extras-box:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.message .extras-box:after {
  clear: both;
}
.mr.message .extras-box.attachments {
  padding: 0;
}
.mr.message .extras-box:last-of-type {
  border-radius: 0 0 6px 6px;
}
.mr.message .extras-box h6 {
  color: #898989;
  margin: 0;
  padding: 0;
  float: left;
  width: 30%;
}
.mr.message .extras-box ul {
  width: 70%;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mr.message .extras-box ul.attachments {
  width: 100%;
}
.mr.message .extras-box ul li {
  margin: 0 0 4px;
}
.mr.message .extras-box ul li:last-of-type {
  margin-bottom: 0;
}
.mr.message .extras-box ul li.project a {
  background: #ef5753;
  color: white;
  text-decoration: none;
  padding: 4px 8px;
  border-radius: 6px;
}
.mr.message .extras-box ul li.attachment {
  width: 100%;
}
.mr.message .extras-box ul li.attachment a {
  width: 100%;
  cursor: pointer;
  padding: 8px 10px;
  color: black !important;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.mr.message .extras-box ul li.attachment a:before,
.mr.message .extras-box ul li.attachment a:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.message .extras-box ul li.attachment a:after {
  clear: both;
}
.mr.message .extras-box ul li.attachment a:before,
.mr.message .extras-box ul li.attachment a:after {
  content: "";
  display: table;
}
.mr.message .extras-box ul li.attachment a:after {
  clear: both;
}
.mr.message .extras-box ul li.attachment a:before,
.mr.message .extras-box ul li.attachment a:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.message .extras-box ul li.attachment a:after {
  clear: both;
}
.mr.message .extras-box ul li.attachment a .type {
  float: left;
  margin: 0 10px 0 0;
}
.mr.message .extras-box ul li.attachment a .information {
  float: left;
}
.mr.message .extras-box ul li.attachment a .download {
  float: right;
}
.mr.message.text {
  width: 70%;
  float: left;
}
@media only screen and (max-width: 529px) {
  .mr.message.text {
    float: none !important;
    width: 100%;
  }
}
.mr.message.text .content {
  margin: 0;
  padding: 10px;
  border-radius: 6px;
  background: white;
  color: black;
}
.mr.message.text .content p {
  margin: 0;
  font-size: 13px;
  padding: 0;
}
.mr.message.text .content p.trial {
  filter: blur(3px);
  -webkit-filter: blur(3px);
}
.mr.message.text.square_bottom .content {
  border-radius: 6px 6px 0 0;
}
.mr.message.text.auth {
  float: right;
}
.mr.message.text.auth header {
  text-align: right !important;
}
.mr.message.text.auth .content {
  background: #4A3AFF;
}
.mr.message.text.auth .content p {
  color: white;
}
.mr.message.text.auth .content a {
  color: white;
}
.mr.messenger {
  width: 100%;
  height: 100%;
  position: relative;
  border-top: 1px solid #eee;
  zoom: 1;
}
.mr.messenger:before,
.mr.messenger:after {
  content: "";
  display: table;
}
.mr.messenger:after {
  clear: both;
}
.mr.messenger .navigation {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 20%;
  height: 100%;
  background: #FAF7F0;
  box-shadow: 0 0 0 1px #eee;
  border-right: 3px solid white;
}
@media only screen and (max-width: 529px) {
  .mr.messenger .navigation {
    display: none;
  }
  .mr.messenger .navigation.open {
    position: absolute;
    width: 100%;
    float: none;
    background: #FAF7F0;
    z-index: 10;
    display: block;
  }
}
.mr.messenger .navigation .threads .loading,
.mr.messenger .navigation .threads .empty,
.mr.messenger .navigation .threads .load-more {
  color: #444444;
  text-align: center;
  padding: 25px 0;
  border-bottom: 1px solid #efefef;
}
.mr.messenger .navigation .threads .loading .fas,
.mr.messenger .navigation .threads .empty .fas,
.mr.messenger .navigation .threads .load-more .fas {
  font-size: 20px;
  margin-bottom: 10px;
  color: #888;
}
.mr.messenger .navigation .threads .loading p,
.mr.messenger .navigation .threads .empty p,
.mr.messenger .navigation .threads .load-more p {
  margin: 0;
  padding: 0;
}
.mr.messenger .navigation .threads .thread {
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #efefef;
  height: 80px;
  box-sizing: border-box;
  cursor: pointer;
  transition: background 0.175ms ease-in;
  overflow: hidden;
  position: relative;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.mr.messenger .navigation .threads .thread:before,
.mr.messenger .navigation .threads .thread:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.messenger .navigation .threads .thread:after {
  clear: both;
}
.mr.messenger .navigation .threads .thread:before,
.mr.messenger .navigation .threads .thread:after {
  content: "";
  display: table;
}
.mr.messenger .navigation .threads .thread:after {
  clear: both;
}
.mr.messenger .navigation .threads .thread:before,
.mr.messenger .navigation .threads .thread:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.messenger .navigation .threads .thread:after {
  clear: both;
}
.mr.messenger .navigation .threads .thread .picture {
  float: left;
  width: 15%;
  text-align: left;
  position: relative;
}
.mr.messenger .navigation .threads .thread .picture img {
  width: 40px;
  height: 40px;
  border-radius: 1000px;
}
.mr.messenger .navigation .threads .thread.unread {
  background: #d45006;
  background: linear-gradient(90deg, rgba(255, 203, 17, 0.37) 19%, #ffffff 100%) !important;
}
.mr.messenger .navigation .threads .thread.unread .picture:before {
  width: 20px;
  height: 12px;
  background: #d80e2a;
  border-radius: 1000px;
  display: block;
  content: "NEW";
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  font-size: 8px;
  line-height: 12px;
  color: white;
  text-align: center;
}
.mr.messenger .navigation .threads .thread.unread .picture img {
  box-shadow: 0 0 0 3px rgba(237, 44, 49, 0.73) !important;
  position: relative;
}
.mr.messenger .navigation .threads .thread.active {
  background: linear-gradient(90deg, #E0DEFF 19%, #FAF7F0 100%);
}
.mr.messenger .navigation .threads .thread.active .picture img {
  box-shadow: 0 0 10px rgba(122, 203, 241, 0.729);
}
.mr.messenger .navigation .threads .thread:hover {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.03914916) 19%, #ffffff 100%);
}
.mr.messenger .navigation .threads .thread:hover .picture img {
  box-shadow: none;
}
.mr.messenger .navigation .threads .thread ul.meta {
  float: right;
  width: 15%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mr.messenger .navigation .threads .thread ul.meta li.date {
  color: #5a5a5a;
  font-size: 11px;
}
.mr.messenger .navigation .threads .thread ul.meta li ol {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.mr.messenger .navigation .threads .thread ul.meta li ol:before,
.mr.messenger .navigation .threads .thread ul.meta li ol:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.messenger .navigation .threads .thread ul.meta li ol:after {
  clear: both;
}
.mr.messenger .navigation .threads .thread ul.meta li ol:before,
.mr.messenger .navigation .threads .thread ul.meta li ol:after {
  content: "";
  display: table;
}
.mr.messenger .navigation .threads .thread ul.meta li ol:after {
  clear: both;
}
.mr.messenger .navigation .threads .thread ul.meta li ol:before,
.mr.messenger .navigation .threads .thread ul.meta li ol:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.messenger .navigation .threads .thread ul.meta li ol:after {
  clear: both;
}
.mr.messenger .navigation .threads .thread ul.meta li ol li {
  float: left;
  display: block;
  height: 15px;
  width: 15px;
  margin: 0 0 0 5px;
}
.mr.messenger .navigation .threads .thread ul.meta li ol li:first-of-type {
  margin: 0;
}
.mr.messenger .navigation .threads .thread ul.meta li ol li.starred {
  color: orange;
  line-height: 15px;
  font-size: 12px;
}
.mr.messenger .navigation .threads .thread ul.meta li ol li.quote {
  background: url(/img/icons/quote-icon.png) center center no-repeat;
  background-size: contain;
  border-radius: 1000px;
}
.mr.messenger .navigation .threads .thread ul.information {
  float: left;
  width: 65%;
  margin: 0;
  padding: 0 0 0 10px;
  list-style: none;
  box-sizing: border-box;
}
.mr.messenger .navigation .threads .thread ul.information > li {
  margin: 0;
  padding: 0;
  width: 100%;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.mr.messenger .navigation .threads .thread ul.information > li:before,
.mr.messenger .navigation .threads .thread ul.information > li:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.messenger .navigation .threads .thread ul.information > li:after {
  clear: both;
}
.mr.messenger .navigation .threads .thread ul.information > li:before,
.mr.messenger .navigation .threads .thread ul.information > li:after {
  content: "";
  display: table;
}
.mr.messenger .navigation .threads .thread ul.information > li:after {
  clear: both;
}
.mr.messenger .navigation .threads .thread ul.information > li:before,
.mr.messenger .navigation .threads .thread ul.information > li:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.messenger .navigation .threads .thread ul.information > li:after {
  clear: both;
}
.mr.messenger .navigation .threads .thread ul.information > li.trial {
  filter: blur(3px);
  -webkit-filter: blur(3px);
}
.mr.messenger .navigation .threads .thread ul.information > li.secondary {
  color: #5a5a5a;
  font-size: 11px;
}
.mr.messenger .navigation .threads .thread ul.information > li.contact {
  color: #444;
  font-weight: bold;
  font-size: 14px;
}
.mr.messenger .navigation .threads .thread ul.information > li.content {
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
  width: 100%;
}
.mr.messenger .navigation .threads .thread ul.information > li.content:before,
.mr.messenger .navigation .threads .thread ul.information > li.content:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.messenger .navigation .threads .thread ul.information > li.content:after {
  clear: both;
}
.mr.messenger .navigation .threads .thread ul.information > li.content:before,
.mr.messenger .navigation .threads .thread ul.information > li.content:after {
  content: "";
  display: table;
}
.mr.messenger .navigation .threads .thread ul.information > li.content:after {
  clear: both;
}
.mr.messenger .navigation .threads .thread ul.information > li.content:before,
.mr.messenger .navigation .threads .thread ul.information > li.content:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.messenger .navigation .threads .thread ul.information > li.content:after {
  clear: both;
}
.mr.messenger .navigation .threads .thread ul.information > li.content p {
  margin: 0;
  padding: 0;
  float: left;
  font-size: 12px;
  display: inline;
  line-height: 15px;
  max-height: 15px;
  overflow: hidden;
  max-width: 100%;
}
.mr.messenger .navigation .options {
  position: relative;
  width: 100%;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.mr.messenger .navigation .options:before,
.mr.messenger .navigation .options:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.messenger .navigation .options:after {
  clear: both;
}
.mr.messenger .navigation .options:before,
.mr.messenger .navigation .options:after {
  content: "";
  display: table;
}
.mr.messenger .navigation .options:after {
  clear: both;
}
.mr.messenger .navigation .options:before,
.mr.messenger .navigation .options:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.messenger .navigation .options:after {
  clear: both;
}
.mr.messenger .navigation .options.open {
  height: 100%;
  background: white;
  z-index: 20;
}
.mr.messenger .navigation .options .search {
  width: 100%;
  position: relative;
  padding: 6px 16px;
  border-bottom: 1px solid #efefef;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.mr.messenger .navigation .options .search:before,
.mr.messenger .navigation .options .search:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.messenger .navigation .options .search:after {
  clear: both;
}
.mr.messenger .navigation .options .search:before,
.mr.messenger .navigation .options .search:after {
  content: "";
  display: table;
}
.mr.messenger .navigation .options .search:after {
  clear: both;
}
.mr.messenger .navigation .options .search:before,
.mr.messenger .navigation .options .search:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.messenger .navigation .options .search:after {
  clear: both;
}
.mr.messenger .navigation .options .search input {
  width: 100%;
  padding: 10px;
  border-radius: 100px;
  border: none;
  box-sizing: border-box;
}
.mr.messenger .navigation .options .search button {
  height: auto;
  line-height: 30px;
  position: absolute;
  width: auto;
  padding: 0 12px;
  top: 5px;
  right: 5px;
}
.mr.messenger .navigation .options .actions {
  float: left;
  border-bottom: 1px solid #eee;
  padding: 10px 15px;
  display: block;
  width: 100%;
  box-sizing: border-box;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.mr.messenger .navigation .options .actions:before,
.mr.messenger .navigation .options .actions:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.messenger .navigation .options .actions:after {
  clear: both;
}
.mr.messenger .navigation .options .actions:before,
.mr.messenger .navigation .options .actions:after {
  content: "";
  display: table;
}
.mr.messenger .navigation .options .actions:after {
  clear: both;
}
.mr.messenger .navigation .options .actions:before,
.mr.messenger .navigation .options .actions:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.messenger .navigation .options .actions:after {
  clear: both;
}
.mr.messenger .navigation .options .actions > .active {
  font-size: 16px;
  cursor: pointer;
  line-height: 36px;
  float: left;
}
.mr.messenger .navigation .options .actions > .active:after {
  font-family: FontAwesome;
  content: "\F107";
  margin: 0 0 0 12px;
}
.mr.messenger .navigation .options .actions > .active.open:after {
  content: "\F106";
}
.mr.messenger .navigation .options .actions .compose {
  float: right;
  background: url(/img/icons/compose.png) center center #0e90d8 no-repeat;
  text-indent: -5000px;
  display: block;
  border: none;
  width: 36px;
  height: 36px;
  border-radius: 1000px;
}
.mr.messenger .navigation .options .dropdown {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 56px;
  bottom: 0;
  list-style: none;
  background: #f6f6f6;
}
.mr.messenger .navigation .options .dropdown li {
  cursor: pointer;
  padding: 10px 15px;
  background: white;
  color: #707070;
  transition: all 0.175ms ease-in;
}
.mr.messenger .navigation .options .dropdown li:hover {
  color: #0e90d8;
}
.mr.messenger .navigation .options .dropdown li.active {
  background: #0e90d8;
  color: white;
  font-weight: bold;
}
.mr.messenger > .viewport {
  width: 80%;
  height: 100dvh;
  left: 20%;
  position: absolute;
  bottom: 0;
}
.mr.messenger > .viewport > .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding: 16px;
  text-align: center;
  z-index: 4;
  border-bottom: 3px solid white;
  border-right: 3px solid white;
}
.mr.messenger > .viewport > .header a {
  float: left;
  text-decoration: none;
  color: #2d344a;
}
.mr.messenger > .viewport > .header a.info {
  float: right;
}
@media only screen and (max-width: 529px) {
  .mr.messenger > .viewport {
    width: 100% !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
  }
}
.mr.messenger > .viewport > .content {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
}
.mr.messenger > .viewport > .content .message-container {
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
  width: 100%;
}
.mr.messenger > .viewport > .content .message-container:before,
.mr.messenger > .viewport > .content .message-container:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.messenger > .viewport > .content .message-container:after {
  clear: both;
}
.mr.messenger > .viewport > .content .message-container:before,
.mr.messenger > .viewport > .content .message-container:after {
  content: "";
  display: table;
}
.mr.messenger > .viewport > .content .message-container:after {
  clear: both;
}
.mr.messenger > .viewport > .content .message-container:before,
.mr.messenger > .viewport > .content .message-container:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.messenger > .viewport > .content .message-container:after {
  clear: both;
}
.mr.messenger > .viewport > .content .messages {
  overflow-y: scroll;
  max-height: 72%;
  box-sizing: border-box;
  padding: 15px;
  background: #FAF7F0;
  border-right: 3px solid white;
}
.mr.messenger > .viewport > .content header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  border-bottom: 1px solid #eee;
  background: white;
}
.mr.messenger > .viewport > .content header h1 {
  line-height: 56px;
  text-align: center;
  font-weight: bold;
}
.mr.messenger > .viewport > .content header h1 span {
  margin: 0 0 0 15px;
  font-weight: normal;
}
.mr.messenger > .viewport .editor {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FAF7F0;
  padding: 15px;
  box-sizing: border-box;
  border-right: 3px solid white;
}
@media only screen and (max-width: 529px) {
  .mr.messenger > .viewport .editor {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
    height: auto;
  }
}
.mr.messenger > .viewport .editor textarea {
  box-sizing: border-box;
  border: 1px solid #efefef;
  padding: 10px;
  background: white;
  width: 100%;
  border-radius: 6px;
  outline: none;
  resize: none;
  max-width: 100%;
}
.mr.messenger > .viewport .editor ul.attached {
  list-style: none;
  margin: 5px 0 0;
  width: 100%;
}
.mr.messenger > .viewport .editor ul.attached li {
  display: inline-block;
  margin: 0 4px 4px 0;
  cursor: pointer;
  background: #f0f8ff;
  border-radius: 1000px;
  padding: 0 8px;
  font-size: 11px;
}
.mr.messenger > .viewport .editor ul.attached li.project {
  background: #c8e5bc;
}
.mr.messenger > .viewport .editor ul.options {
  list-style: none;
  margin: 5px 0 0;
  padding: 0;
  text-align: left;
  width: 100%;
  margin-bottom: 60px;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.mr.messenger > .viewport .editor ul.options:before,
.mr.messenger > .viewport .editor ul.options:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.messenger > .viewport .editor ul.options:after {
  clear: both;
}
.mr.messenger > .viewport .editor ul.options:before,
.mr.messenger > .viewport .editor ul.options:after {
  content: "";
  display: table;
}
.mr.messenger > .viewport .editor ul.options:after {
  clear: both;
}
.mr.messenger > .viewport .editor ul.options:before,
.mr.messenger > .viewport .editor ul.options:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.messenger > .viewport .editor ul.options:after {
  clear: both;
}
.mr.messenger > .viewport .editor ul.options > li {
  display: block;
  float: left;
  position: relative;
  width: 55px;
}
.mr.messenger > .viewport .editor ul.options > li.submit {
  display: flex;
  justify-content: flex-end;
  float: right;
  width: 100px;
}
.mr.messenger > .viewport .editor button {
  background: none;
  border: none;
  box-shadow: none !important;
  display: block;
  min-height: 30px;
  line-height: 12px;
}
.mr.messenger > .viewport .editor button.attachment {
  background: url(/img/icons/attachment.png) center center no-repeat;
  text-indent: -5000px;
  display: block;
  padding: 0;
}
.mr.messenger > .viewport .editor button.payment {
  background: url(/img/icons/dollar-small@2x.png) center center no-repeat;
  text-indent: -5000px;
  display: block;
  padding: 0;
}
.mr.messenger > .viewport .editor button.quick-response {
  background: url(/img/icons/quick-message.png) center center no-repeat;
  text-indent: -5000px;
  display: block;
  padding: 0;
}
.mr.messenger > .viewport .editor button.submit {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #4A3AFF;
  color: white;
  padding: 15px 15px;
  width: -moz-fit-content;
  width: fit-content;
}
.mr.messenger > .viewport .editor button.submit:disabled,
.mr.messenger > .viewport .editor button.submit.disabled {
  background: #2d344a;
  color: white;
}
.mr.messenger > .secondary {
  width: 18%;
  float: right;
  background: #FAF7F0;
  padding: 16px;
  padding-right: 0;
  box-sizing: border-box;
}
.mr.messenger > .secondary .content {
  padding: 16px;
  border-radius: 6px;
}
@media only screen and (max-width: 529px) {
  .mr.messenger > .secondary {
    display: none;
  }
  .mr.messenger > .secondary.open {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    float: none;
    background: white;
    z-index: 10;
    display: block;
  }
}
.mr.messenger > .secondary .card {
  text-align: center;
}
.mr.messenger > .secondary .card img {
  width: 80px;
  height: 80px;
  border-radius: 1000px;
  margin: 0 auto 15px;
}
.mr.messenger > .secondary .card h3 {
  margin: 0 0 8px;
  padding: 0;
  text-transform: capitalize;
  font-weight: 500;
}
.mr.messenger > .secondary .card h5 {
  margin: 0;
  padding: 0;
  color: #888;
}
.mr.messenger > .secondary .card .trial {
  filter: blur(4px);
  -webkit-filter: blur(4px);
}
.mr.messenger > .secondary ul.details {
  list-style: none;
  margin: 15px 0 0;
  padding: 0;
  text-align: center;
}
.mr.messenger > .secondary ul.details li {
  padding: 10px;
  border-bottom: 1px solid #efefef;
}
.mr.messenger > .secondary ul.details li span {
  font-weight: bold;
  display: block;
  margin: 0 0 8px;
}
.mr.messenger > .secondary ul.details li:last-of-type {
  border: none;
  padding-bottom: 0;
}
.mr.messenger > .secondary ul.options {
  list-style: none;
  padding: 25px 15px;
  margin: 0;
}
.mr.messenger > .secondary ul.options #back-to-conversation {
  position: absolute;
  top: 20px;
}
.mr.messenger > .secondary ul.options li {
  display: flex;
  justify-content: start;
  font-size: 12px;
  gap: 8px;
  cursor: pointer;
  margin: 0 0 16px;
}
.mr.messenger > .secondary ul.options li img {
  width: 20px;
}
.mr.messenger > .secondary ul.options li:last-of-type {
  margin-bottom: 0;
}
.mr.messenger > .secondary ul.options li i {
  width: 25px;
}
.mr.messenger > .secondary ul.options li.star i {
  color: #e0c500;
}
.mr.messenger > .secondary ul.options li.star.starred {
  color: #e0c500 !important;
  font-weight: bold;
}
.mr.messenger.active .viewport {
  width: 62%;
}
.mr.screenblock {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100000;
  display: block;
}
.mr.screenblock > div {
  position: absolute;
  top: 50%;
  bottom: 50%;
  text-align: center;
  color: white;
  left: 0;
  right: 0;
  margin: -50px 0 0;
}
.mr.screenblock > div i {
  font-size: 32px !important;
}
.mr.screenblock > div p {
  margin: 16px 0 0 !important;
  padding: 0;
  font-size: 18px !important;
  color: white !important;
}
.mr.loading {
  padding: 48px 0;
  text-align: center;
  background: rgba(255, 255, 255, 0.22);
  border-radius: 4px;
  margin: 0 0 24px;
}
.mr.loading i {
  font-size: 40px;
}
.mr.loading p {
  font-size: 18px;
  margin: 24px 0 0;
  padding: 0;
}
.mr.backdrop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(40, 45, 50, 0.53);
  z-index: 2000;
}
.mr.backdrop.centered {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mr.modalz {
  width: 700px;
  margin: 1% auto 0;
  background: #d0d5d9;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
  position: relative;
  padding: 0 0 90px;
  max-height: 95%;
}
@media only screen and (max-width: 529px) {
  .mr.modalz {
    width: 94%;
    margin: 3%;
    height: 96%;
    position: relative;
  }
}
.mr.modalz > header {
  text-align: center;
  background: white;
  padding: 16px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
  position: relative;
}
@media only screen and (max-width: 529px) {
  .mr.modalz > header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
}
.mr.modalz > header h2 {
  font-weight: bold;
  font-size: 16px;
  margin: 0 0 8px;
  text-transform: uppercase;
  padding: 0;
}
.mr.modalz > header h4 {
  margin: 0;
  padding: 0;
  color: #8a8a8a;
}
.mr.modalz > header .close {
  font-size: 22px;
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  background: rgba(0, 0, 0, 0.15) !important;
  color: #343434 !important;
  line-height: 25px !important;
  text-align: center;
  border: none !important;
  border-radius: 1000px !important;
  box-shadow: none !important;
  width: 25px;
  height: 25px;
  letter-spacing: initial;
}
.mr.modalz > footer {
  padding: 16px;
  background: rgba(255, 255, 255, 0.33);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.mr.modalz > footer button[disabled] {
  background: GrayText !important;
  box-shadow: none !important;
  cursor: not-allowed;
}
.mr.modalz > footer button.secondary {
  background: GrayText !important;
  box-shadow: none !important;
}
.mr.modalz > .body {
  padding: 16px 16px 0;
  max-height: 510px;
  overflow-y: scroll;
}
@media only screen and (max-height: 600px) {
  .mr.modalz > .body {
    max-height: 250px;
  }
}
@media only screen and (max-height: 700px) {
  .mr.modalz > .body {
    max-height: 250px;
  }
}
@media only screen and (max-height: 350px) {
  .mr.modalz > .body {
    max-height: 120px;
  }
}
@media only screen and (max-width: 529px) {
  .mr.modalz > .body {
    max-height: initial;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 90px 16px 88px;
  }
}
.mr.modalz > .body ul.selected-files {
  list-style: none;
  margin: 5px 0 0;
  width: 100%;
}
.mr.modalz > .body ul.selected-files li {
  display: inline;
  margin: 0 4px 4px 0;
  cursor: pointer;
  background: #b5d2ff;
  border-radius: 1000px;
  padding: 0 8px;
  width: auto;
}
.mr.modalz > .body .item-selector {
  padding: 8px;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
  cursor: pointer;
}
.mr.modalz > .body .item-selector:first-of-type {
  border-radius: 6px 6px 0 0;
}
.mr.modalz > .body .item-selector:last-of-type {
  border-radius: 0 0 6px 6px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mr.modalz > .body .attachments {
  padding: 16px;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}
.mr.modalz > .body .attachments .project-selector {
  margin: 16px 0 0;
  max-height: 240px;
  overflow-y: scroll;
}
.mr.modalz > .body .attachments .project-selector h4 {
  margin: 0 0 16px;
}
.mr.modalz > .body .attachments .project-selector .project-item {
  width: 100%;
  margin: 0 0 8px;
  cursor: pointer;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.mr.modalz > .body .attachments .project-selector .project-item:before,
.mr.modalz > .body .attachments .project-selector .project-item:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.modalz > .body .attachments .project-selector .project-item:after {
  clear: both;
}
.mr.modalz > .body .attachments .project-selector .project-item:before,
.mr.modalz > .body .attachments .project-selector .project-item:after {
  content: "";
  display: table;
}
.mr.modalz > .body .attachments .project-selector .project-item:after {
  clear: both;
}
.mr.modalz > .body .attachments .project-selector .project-item:before,
.mr.modalz > .body .attachments .project-selector .project-item:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.modalz > .body .attachments .project-selector .project-item:after {
  clear: both;
}
.mr.modalz > .body .attachments .project-selector .project-item .image {
  width: 80px;
  height: 65px;
  background-size: cover;
  background-position: center center;
  display: block;
  float: left;
}
.mr.modalz > .body .attachments .project-selector .project-item .data {
  float: left;
  margin: 2px 0 0 16px;
}
.mr.modalz > .body .attachments .project-selector .project-item .data .name {
  font-weight: bold;
  display: block;
}
.mr.modalz > .body .attachments .project-selector .project-item .data .industry {
  color: #9a9a9a;
  display: block;
}
.mr.modalz > .body .attachments .project-selector .project-item .data .update {
  color: #9a9a9a;
  display: block;
}
.mr.modalz > .body .attachments .project-selector .project-item.selected {
  background: #b8d8eb;
}
.mr.modalz > .body .attachments .project-selector .project-item:last-of-type {
  margin: 0;
}
.mr.modalz > .body .stripe-elements-container {
  margin: 16px 0;
  padding: 16px;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}
.mr.modalz > .body .information-list {
  list-style: none;
  margin: 16px 0;
  padding: 0;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}
.mr.modalz > .body .information-list li {
  padding: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
  width: 100%;
}
.mr.modalz > .body .information-list li:before,
.mr.modalz > .body .information-list li:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.modalz > .body .information-list li:after {
  clear: both;
}
.mr.modalz > .body .information-list li:before,
.mr.modalz > .body .information-list li:after {
  content: "";
  display: table;
}
.mr.modalz > .body .information-list li:after {
  clear: both;
}
.mr.modalz > .body .information-list li:before,
.mr.modalz > .body .information-list li:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.modalz > .body .information-list li:after {
  clear: both;
}
.mr.modalz > .body .information-list li .value {
  float: right;
}
.mr.modalz > .body .information-list li:last-of-type {
  border: none;
}
.mr.modalz > .body .field-container {
  padding: 16px;
  background: white;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12);
  border: 1px solid white;
  box-sizing: border-box;
}
.mr.modalz > .body .field-container .wrap {
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
  width: 100%;
}
.mr.modalz > .body .field-container .wrap:before,
.mr.modalz > .body .field-container .wrap:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.modalz > .body .field-container .wrap:after {
  clear: both;
}
.mr.modalz > .body .field-container .wrap:before,
.mr.modalz > .body .field-container .wrap:after {
  content: "";
  display: table;
}
.mr.modalz > .body .field-container .wrap:after {
  clear: both;
}
.mr.modalz > .body .field-container .wrap:before,
.mr.modalz > .body .field-container .wrap:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.modalz > .body .field-container .wrap:after {
  clear: both;
}
.mr.modalz > .body .field-container:last-of-type {
  margin: 0;
  border-radius: 0 0 6px 6px;
}
.mr.modalz > .body .field-container:first-of-type {
  border-radius: 6px 6px 0 0;
}
.mr.modalz > .body .field-container input[type="text"],
.mr.modalz > .body .field-container input[type="email"],
.mr.modalz > .body .field-container select,
.mr.modalz > .body .field-container textarea {
  padding: 8px;
  width: 100%;
  border: 1px solid #bfc4cb;
  outline: none;
  font-size: 12px;
  margin: 0;
  border-radius: 3px;
  resize: none;
  box-sizing: border-box;
}
.mr.modalz > .body .field-container input[type="text"]:focus,
.mr.modalz > .body .field-container input[type="email"]:focus,
.mr.modalz > .body .field-container select:focus,
.mr.modalz > .body .field-container textarea:focus {
  border: 1px solid #787fa1;
}
.mr.modalz > .body .field-container label {
  float: left;
  width: 35%;
  margin: 0;
  padding: 0;
  line-height: initial;
}
@media only screen and (max-width: 529px) {
  .mr.modalz > .body .field-container label {
    float: none;
    width: 100%;
    display: block;
    margin: 0 0 8px;
  }
}
.mr.modalz > .body .field-container .field-content {
  float: left;
  width: 65%;
}
@media only screen and (max-width: 529px) {
  .mr.modalz > .body .field-container .field-content {
    float: none;
    width: 100%;
    display: block;
  }
}
.mr.modalz > .body .field-container .field-content.checkboxes ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.mr.modalz > .body .field-container .field-content.checkboxes ul:before,
.mr.modalz > .body .field-container .field-content.checkboxes ul:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.modalz > .body .field-container .field-content.checkboxes ul:after {
  clear: both;
}
.mr.modalz > .body .field-container .field-content.checkboxes ul:before,
.mr.modalz > .body .field-container .field-content.checkboxes ul:after {
  content: "";
  display: table;
}
.mr.modalz > .body .field-container .field-content.checkboxes ul:after {
  clear: both;
}
.mr.modalz > .body .field-container .field-content.checkboxes ul:before,
.mr.modalz > .body .field-container .field-content.checkboxes ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.modalz > .body .field-container .field-content.checkboxes ul:after {
  clear: both;
}
.mr.modalz > .body .field-container .field-content.checkboxes ul li {
  float: left;
  width: 50%;
  line-height: 20px;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.mr.modalz > .body .field-container .field-content.checkboxes ul li:before,
.mr.modalz > .body .field-container .field-content.checkboxes ul li:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.modalz > .body .field-container .field-content.checkboxes ul li:after {
  clear: both;
}
.mr.modalz > .body .field-container .field-content.checkboxes ul li:before,
.mr.modalz > .body .field-container .field-content.checkboxes ul li:after {
  content: "";
  display: table;
}
.mr.modalz > .body .field-container .field-content.checkboxes ul li:after {
  clear: both;
}
.mr.modalz > .body .field-container .field-content.checkboxes ul li:before,
.mr.modalz > .body .field-container .field-content.checkboxes ul li:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.modalz > .body .field-container .field-content.checkboxes ul li:after {
  clear: both;
}
.mr.modalz > .body .field-container .field-content.checkboxes ul li:last-of-type {
  margin: 0;
}
.mr.modalz > .body .field-container .field-content.checkboxes ul li input {
  width: 20px;
  height: 20px;
  float: left;
}
.mr.modalz > .body .field-container .field-content.checkboxes ul li span {
  float: left;
}
.mr.modalz > .body .field-container.no-label .field-content {
  width: 100%;
}
.mr.modalz > .body .field-container .help {
  color: #8a8a8a;
  margin: 8px 0 0;
  width: 100%;
}
.mr.modalz > .body .field-container .error {
  display: none;
  width: 100%;
  margin: 8px 0 0;
}
.mr.modalz > .body .field-container.has-error {
  background: #efd1ce;
  border: 1px solid #e8adab;
}
.mr.modalz > .body .field-container.has-error .error {
  display: block;
}
.mr {
  width: 100%;
  background: #FAF7F0;
  padding-top: 1px;
  padding-bottom: 1px;
}
.mr.projects.view {
  width: 1000px;
  margin: 48px auto;
}
@media only screen and (max-width: 529px) {
  .mr.projects.view {
    width: 100% !important;
    float: none!important;
    padding: 32px 16px !important;
    box-sizing: border-box;
    margin: 0;
  }
}
.mr.projects.view .title-label {
  opacity: 0.7;
}
.mr.projects.view .edit-button {
  background-color: #f04e38 !important;
}
.mr.projects.view .alert {
  background: #f9d822;
  border: 1px solid #D3B71D;
  padding: 10px;
  color: #2d344a;
  font-size: 15px;
  border-radius: 6px;
}
.mr.projects.view section {
  margin: 0 0 30px;
}
.mr.projects.view section > h3 {
  margin: 0 0 16px;
  border-bottom: 1px solid #cfcfcf;
  padding: 0 0 16px;
}
.mr.projects.view section.inquiries .inquiry-item {
  background: rgba(212, 222, 64, 0.21);
  border: 1px solid rgba(104, 109, 31, 0.57);
  padding: 16px;
  font-size: 16px;
  border-radius: 6px;
}
.mr.projects.view section.files .file-section-selector {
  width: 100%;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.mr.projects.view section.files .file-section-selector:before,
.mr.projects.view section.files .file-section-selector:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.projects.view section.files .file-section-selector:after {
  clear: both;
}
.mr.projects.view section.files .file-section-selector:before,
.mr.projects.view section.files .file-section-selector:after {
  content: "";
  display: table;
}
.mr.projects.view section.files .file-section-selector:after {
  clear: both;
}
.mr.projects.view section.files .file-section-selector:before,
.mr.projects.view section.files .file-section-selector:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.projects.view section.files .file-section-selector:after {
  clear: both;
}
.mr.projects.view section.files .file-section-selector li {
  float: left;
  padding: 8px 16px;
  background: #cfcfcf;
  color: #2d344a;
  margin: 0 12px 0 0;
  cursor: pointer;
  border-radius: 6px;
  text-transform: uppercase;
  transition: all ease-in 0.175s;
}
.mr.projects.view section.files .file-section-selector li i {
  margin: 0 8px 0 0;
}
.mr.projects.view section.files .file-section-selector li.active {
  color: white;
  background: #ef5753;
}
.mr.projects.view section.files .file-section-selector li.download {
  float: right;
  border-radius: 6px;
  background: #2d344a;
  color: white;
  margin: 0;
}
@media only screen and (max-width: 529px) {
  .mr.projects.view section.files .file-section-selector li {
    width: 100% !important;
    float: none!important;
    display: block !important;
    margin: 0 0 8px !important;
  }
}
.mr.projects.view section.files .file-section-item {
  width: 100%;
  padding: 16px;
  background: white;
  border: 1px solid #cfcfcf;
  border-bottom: none;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.mr.projects.view section.files .file-section-item:before,
.mr.projects.view section.files .file-section-item:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.projects.view section.files .file-section-item:after {
  clear: both;
}
.mr.projects.view section.files .file-section-item:before,
.mr.projects.view section.files .file-section-item:after {
  content: "";
  display: table;
}
.mr.projects.view section.files .file-section-item:after {
  clear: both;
}
.mr.projects.view section.files .file-section-item:before,
.mr.projects.view section.files .file-section-item:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.projects.view section.files .file-section-item:after {
  clear: both;
}
.mr.projects.view section.files .file-section-item:last-of-type {
  border: 1px solid #cfcfcf !important;
  border-radius: 0 0 6px 6px;
}
.mr.projects.view section.files .file-section-item:first-of-type {
  border-radius: 6px 6px 0 0;
}
.mr.projects.view section.files .file-section-item .name {
  display: block;
  font-weight: bold;
  font-size: 16px;
}
.mr.projects.view section.files .file-section-item p {
  color: #2d344a;
  margin: 8px 0 0;
  padding: 0;
}
.mr.projects.view section.files .file-section-item a {
  color: #4a3aff;
  float: right;
  clear: left;
}
.mr.projects.view section.help-sections .help-section {
  margin: 0 0 16px;
  position: relative;
  width: 100%;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.mr.projects.view section.help-sections .help-section:before,
.mr.projects.view section.help-sections .help-section:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.projects.view section.help-sections .help-section:after {
  clear: both;
}
.mr.projects.view section.help-sections .help-section:before,
.mr.projects.view section.help-sections .help-section:after {
  content: "";
  display: table;
}
.mr.projects.view section.help-sections .help-section:after {
  clear: both;
}
.mr.projects.view section.help-sections .help-section:before,
.mr.projects.view section.help-sections .help-section:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.projects.view section.help-sections .help-section:after {
  clear: both;
}
.mr.projects.view section.help-sections .help-section:last-of-type {
  margin-bottom: 0;
}
.mr.projects.view section.help-sections .help-section .help-section-icon {
  background: #5a5a5a;
  border-radius: 1000px;
  width: 50px;
  position: absolute;
  top: 0;
  left: 0;
}
.mr.projects.view section.help-sections .help-section .help-section-icon i {
  font-size: 50px;
  color: #ffffff;
}
@media only screen and (max-width: 529px) {
  .mr.projects.view section.help-sections .help-section .help-section-icon {
    position: relative;
    margin: 0 auto 16px;
  }
}
.mr.projects.view section.help-sections .help-section .help-section-items {
  float: left;
  width: 100%;
  padding-left: 66px;
  box-sizing: border-box;
}
@media only screen and (max-width: 529px) {
  .mr.projects.view section.help-sections .help-section .help-section-items {
    float: none !important;
    padding: 0 !important;
  }
}
.mr.projects.view section.help-sections .help-section .help-section-items h5 {
  font-size: 24px;
  line-height: 50px;
  margin: 0 0 8px;
}
@media only screen and (max-width: 529px) {
  .mr.projects.view section.help-sections .help-section .help-section-items h5 {
    text-align: center;
  }
}
.mr.projects.view section.help-sections .help-section .help-section-items ul {
  border: 1px solid #cfcfcf;
  border-radius: 6px;
  overflow: hidden;
}
.mr.projects.view section.help-sections .help-section .help-section-items ul li {
  padding: 16px;
  background: white;
  border-bottom: 1px solid #cfcfcf;
}
.mr.projects.view section.help-sections .help-section .help-section-items ul li .title,
.mr.projects.view section.help-sections .help-section .help-section-items ul li .topic {
  font-weight: bold;
  font-size: 18px;
  display: block;
  margin: 0 0 8px;
}
.mr.projects.view section.help-sections .help-section .help-section-items ul li:first-of-type {
  border-radius: 6px 6px 0 0;
}
.mr.projects.view section.help-sections .help-section .help-section-items ul li:last-of-type {
  margin-bottom: 0;
  border: none;
  border-radius: 0 0 6px 6px;
}
.mr.projects.view section.help-sections .help-section .help-section-items ul li p {
  margin: 0 0 8px;
  display: block;
}
.mr.projects.view section.help-sections .help-section .help-section-items ul li .due_at,
.mr.projects.view section.help-sections .help-section .help-section-items ul li .topic,
.mr.projects.view section.help-sections .help-section .help-section-items ul li .quantity {
  display: block;
  margin: 8px 0 0;
}
.mr.projects.view section.help-sections .help-section .help-section-items ul li .due_at b,
.mr.projects.view section.help-sections .help-section .help-section-items ul li .topic b,
.mr.projects.view section.help-sections .help-section .help-section-items ul li .quantity b {
  font-weight: bold;
  width: 100px;
  display: inline-block;
}
.mr.projects.view section.help-sections .help-section .help-section-items ul li .due_at b i,
.mr.projects.view section.help-sections .help-section .help-section-items ul li .topic b i,
.mr.projects.view section.help-sections .help-section .help-section-items ul li .quantity b i {
  margin-right: 8px;
}
.mr.projects.view section.help-sections .help-section .help-section-items ul li .due_at,
.mr.projects.view section.help-sections .help-section .help-section-items ul li .quantity {
  display: inline-block;
  padding: 8px 16px;
  background: #2d344a;
  color: white;
  border-radius: 6px;
}
.mr.projects.view section.header h1 {
  font-weight: bold;
  font-size: 42px;
  margin: 0 0 16px;
  display: block;
  color: #2d344a;
  line-height: initial;
}
.mr.projects.view section.header h4 {
  font-size: 14px;
  margin: 0 0 16px;
  color: #5f5f60;
  text-transform: uppercase;
  display: block;
  line-height: initial;
}
.mr.projects.view section.header .privacy {
  padding: 8px 12px;
  border-radius: 6px;
  display: inline-block;
  color: #4a3aff;
  font-weight: 500;
  text-decoration: none;
}
.mr.projects.view section.header .privacy i {
  margin: 0 12px 0 0;
}
.mr.projects.view section.header .options {
  margin: 32px 0 0;
  width: 100%;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.mr.projects.view section.header .options:before,
.mr.projects.view section.header .options:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.projects.view section.header .options:after {
  clear: both;
}
.mr.projects.view section.header .options:before,
.mr.projects.view section.header .options:after {
  content: "";
  display: table;
}
.mr.projects.view section.header .options:after {
  clear: both;
}
.mr.projects.view section.header .options:before,
.mr.projects.view section.header .options:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.projects.view section.header .options:after {
  clear: both;
}
.mr.projects.view section.header .options a {
  float: left;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 40px;
  text-transform: uppercase;
  color: #fff;
  height: 40px;
  margin: 0;
  padding: 0 12px;
  margin: 0 8px 0 0;
  text-align: center;
  border-radius: 5px;
  background-color: #4a3aff;
  text-decoration: none !important;
  transition: all ease-in 0.175s;
}
.mr.projects.view section.header .options a i {
  margin: 0 8px 0 0;
}
.mr.projects.view section.header .options a:hover {
  -o-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.4) !important;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.4) !important;
}
.mr.projects.view section.header .options a.disabled {
  background: rgba(65, 74, 112, 0.44) !important;
  border: 1px solid rgba(65, 74, 112, 0.44) !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}
@media only screen and (max-width: 529px) {
  .mr.projects.view section.header .options a {
    width: 100% !important;
    float: none!important;
    display: block !important;
    margin: 0 0 8px !important;
  }
}
.mr.projects.view section.footer {
  padding-bottom: 25px;
  margin: 64px 0 0;
  width: 100%;
  text-align: center;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.mr.projects.view section.footer:before,
.mr.projects.view section.footer:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.projects.view section.footer:after {
  clear: both;
}
.mr.projects.view section.footer:before,
.mr.projects.view section.footer:after {
  content: "";
  display: table;
}
.mr.projects.view section.footer:after {
  clear: both;
}
.mr.projects.view section.footer:before,
.mr.projects.view section.footer:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.projects.view section.footer:after {
  clear: both;
}
.mr.projects.view section.footer a {
  display: inline-block;
  font-family: "Plus Jakarta Sans", "DM Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 40px;
  text-transform: uppercase;
  color: #fff;
  height: 40px;
  margin: 0 8px;
  padding: 0 12px;
  text-align: center;
  border-radius: 5px;
  background-color: #4a3aff;
  text-decoration: none !important;
  transition: all ease-in 0.175s;
}
.mr.projects.view section.footer a i {
  margin: 0 8px 0 0;
}
.mr.projects.view section.footer a:hover {
  -o-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.4) !important;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.4) !important;
}
.mr.projects.view section.footer a.disabled {
  background: rgba(65, 74, 112, 0.44) !important;
  border: 1px solid rgba(65, 74, 112, 0.44) !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}
@media only screen and (max-width: 529px) {
  .mr.projects.view section.footer a {
    width: 100% !important;
    float: none!important;
    display: block !important;
    margin: 0 0 8px !important;
  }
}
.mr.projects.view section.brief {
  width: 100%;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.mr.projects.view section.brief:before,
.mr.projects.view section.brief:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.projects.view section.brief:after {
  clear: both;
}
.mr.projects.view section.brief:before,
.mr.projects.view section.brief:after {
  content: "";
  display: table;
}
.mr.projects.view section.brief:after {
  clear: both;
}
.mr.projects.view section.brief:before,
.mr.projects.view section.brief:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.projects.view section.brief:after {
  clear: both;
}
.mr.projects.view section.brief .image {
  float: left;
  width: 55%;
}
@media only screen and (max-width: 529px) {
  .mr.projects.view section.brief .image {
    float: none;
    width: 100%;
  }
}
.mr.projects.view section.brief .image .viewer {
  background-color: #9a9a9a;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 100%;
  border-radius: 6px;
  height: 400px;
}
@media only screen and (max-width: 529px) {
  .mr.projects.view section.brief .image .viewer {
    height: 320px;
  }
}
.mr.projects.view section.brief .image .thumbnails {
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.mr.projects.view section.brief .image .thumbnails:before,
.mr.projects.view section.brief .image .thumbnails:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.projects.view section.brief .image .thumbnails:after {
  clear: both;
}
.mr.projects.view section.brief .image .thumbnails:before,
.mr.projects.view section.brief .image .thumbnails:after {
  content: "";
  display: table;
}
.mr.projects.view section.brief .image .thumbnails:after {
  clear: both;
}
.mr.projects.view section.brief .image .thumbnails:before,
.mr.projects.view section.brief .image .thumbnails:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.projects.view section.brief .image .thumbnails:after {
  clear: both;
}
.mr.projects.view section.brief .image .thumbnails li {
  float: left;
  margin: 0 8px 8px 0;
  border-radius: 6px;
  width: 50px;
  height: 50px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
}
.mr.projects.view section.brief .image .thumbnails li.active {
  box-shadow: 0 0 5px #ef5753;
}
.mr.projects.view section.brief .information {
  float: left;
  width: 45%;
  box-sizing: border-box;
  padding: 0 0 0 32px;
}
@media only screen and (max-width: 529px) {
  .mr.projects.view section.brief .information {
    float: none;
    width: 100%;
    padding: 0;
    margin: 16px 0 0;
  }
}
.mr.projects.view section.brief .information p {
  font-size: 16px;
  margin: 0 0 32px;
}
.mr.projects.view section.brief .information .traits {
  background: white;
  border: 1px solid #cfcfcf;
  list-style: none;
  margin: 0;
  padding: 0;
  border-radius: 6px;
  overflow: hidden;
}
.mr.projects.view section.brief .information .traits li {
  padding: 16px;
  border-bottom: 1px solid #cfcfcf;
  width: 100%;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.mr.projects.view section.brief .information .traits li:before,
.mr.projects.view section.brief .information .traits li:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.projects.view section.brief .information .traits li:after {
  clear: both;
}
.mr.projects.view section.brief .information .traits li:before,
.mr.projects.view section.brief .information .traits li:after {
  content: "";
  display: table;
}
.mr.projects.view section.brief .information .traits li:after {
  clear: both;
}
.mr.projects.view section.brief .information .traits li:before,
.mr.projects.view section.brief .information .traits li:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.projects.view section.brief .information .traits li:after {
  clear: both;
}
.mr.projects.view section.brief .information .traits li:last-of-type {
  border: none;
}
.mr.projects.view section.brief .information .traits li .value {
  float: right;
}
.mr.popup-cta {
  position: fixed;
  background: #FFFFFF;
  box-shadow: 0px 30px 30px rgba(10, 35, 42, 0.05);
  border-radius: 4px;
  padding: 8px;
  bottom: 24px;
  left: 24px;
  overflow: hidden;
  z-index: 1500;
  display: block;
  height: 48px;
  cursor: pointer;
}
.mr.popup-cta:after {
  content: '20% off';
  display: block;
  position: fixed;
  z-index: 1501;
  margin: -44px 0 0 11px;
  background: #f0393b;
  color: white;
  font-weight: bold;
  padding: 3px 6px;
  font-size: 11px;
  line-height: 10px;
  border-radius: 1000px;
  transform: rotate(20deg);
}
.mr.popup-cta.no-after:after {
  display: none!important;
}
@media only screen and (max-width: 529px) {
  .mr.popup-cta {
    left: 17px;
    bottom: 16px;
  }
}
.mr.popup {
  position: fixed;
  background: #FFFFFF;
  box-shadow: 0px 30px 30px rgba(10, 35, 42, 0.05);
  border-radius: 6px;
  bottom: 24px;
  right: 24px;
  min-width: 523px;
  overflow: hidden;
  z-index: 15000;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 5px solid #1975FF;
}
.mr.popup .popup-content {
  width: 100%;
}
.mr.popup .profile-pic {
  width: 97px;
  height: 97px;
  border-radius: 6px;
  margin: 14px;
}
.mr.popup .header {
  padding: 8px 0 0;
  position: relative;
}
.mr.popup .header .close {
  position: absolute;
  color: #C4C4C4;
  right: 16px;
  top: 8px;
  font-size: 24px;
}
.mr.popup .header .title {
  font-size: 18px;
  line-height: 100.1%;
  color: #0A232A;
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.mr.popup .header .title h2 {
  font-weight: 900;
}
.mr.popup .header .title span {
  font-size: 26px;
  display: block;
}
.mr.popup .header .title a {
  line-height: 1;
  color: #1975FF;
}
.mr.popup .body {
  display: flex;
  padding: 8px 8px 0 0;
  color: #0A232A;
  font-size: 17px;
  font-weight: bold;
  align-content: center;
  align-items: center;
  justify-content: space-between;
}
.mr.popup .body .svg {
  padding: 3px 22px 0 0;
}
.mr.popup .body .text-sm {
  font-size: 12px;
  font-weight: 700;
}
.mr.popup .body span > a {
  color: #1975FF;
}
.mr.popup .body .action {
  background: #FF9533;
  box-shadow: 0 6px 20px rgba(25, 117, 255, 0.15);
  border-radius: 4px;
  height: 40px;
  margin: 0 12px 0 14px;
  min-width: 40px;
  padding: 10px 0 0;
  box-sizing: border-box;
  line-height: initial;
  text-align: center;
  float: right;
}
.mr.popup .body .action.blue {
  color: white;
  background: #1975FF;
}
.mr.popup .body .action.yellow {
  color: #0A232A;
  background: #F9D822;
}
.mr.popup .body .action.dark-yellow {
  color: #fff;
  background: #ff9533;
}
.mr.popup .body h2 {
  font-size: 18px;
  font-weight: 900;
}
@media only screen and (max-width: 529px) {
  .mr.popup {
    bottom: 0;
    right: 0;
    left: 0;
    border-radius: 0;
    width: initial;
    min-width: 0;
    border: none;
    padding: 15px 0;
  }
  .mr.popup .header .close {
    margin-top: -10px;
  }
  .mr.popup .svg {
    padding-right: 16px !important;
  }
  .mr.popup .profile-pic {
    width: 50px;
    height: 50px;
  }
  .mr.popup .header .title,
  .mr.popup .body {
    font-size: 18px;
  }
  .mr.popup .body .action {
    min-width: 30px;
    height: 30px;
    padding-top: 5px;
  }
  .mr.popup .body .action svg {
    width: 15px;
    height: 15px;
  }
}
.mr.popup .skip {
  font-size: 12px;
  line-height: 15px;
  color: #545454;
  font-weight: bold;
  background: rgba(84, 84, 84, 0.07);
  border-radius: 4px;
  padding: 8px;
  border: none;
  position: absolute;
  top: 16px;
  right: 16px;
  text-transform: uppercase;
}
.mr.popup.onboarding .body {
  padding: 36px;
}
.mr.popup.onboarding .svg {
  padding-right: 30px;
}
.mr.popup.onboarding .action {
  position: absolute;
  bottom: 16px;
  right: 16px;
}
.mr.popup.onboarding .onboarding-card {
  flex: 1;
  max-width: 50%;
}
.mr.popup.onboarding .onboarding-card span {
  font-size: 16px;
  line-height: 20px;
  color: #545454;
  font-weight: bold;
  display: block;
  margin: 0 0 8px;
  padding: 0;
}
.mr.popup.onboarding .onboarding-card p {
  font-size: 14px;
  line-height: 18px;
  color: #545454;
  display: block;
  margin: 0;
  padding: 0;
}
.mr.top-banner {
  top: 70px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 80%;
  z-index: 15000;
  position: fixed;
  overflow: hidden;
  border-radius: 6px;
  background: #FFFFFF;
  padding: 8px 0 10px;
  box-shadow: 0 30px 30px rgba(10, 35, 42, 0.05);
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  .mr.top-banner {
    max-width: 100%;
  }
}
@media only screen and (max-width: 529px) {
  .mr.top-banner {
    max-width: 100%;
  }
}
.mr.top-banner .banner-heading {
  color: #1975FF;
  font-size: 15px;
  text-align: center;
  font-weight: 700;
}
.mr.top-banner .content-group {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 55px;
}
@media only screen and (max-width: 529px) {
  .mr.top-banner .content-group {
    padding-right: 15px;
  }
}
.mr.top-banner .double-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 529px) {
  .mr.top-banner .double-content {
    align-items: flex-start;
  }
}
.mr.top-banner .double-content + .action {
  margin-top: 5px;
}
@media only screen and (max-width: 529px) {
  .mr.top-banner .double-content + .action {
    margin-top: 0;
    padding-bottom: 5px !important;
  }
}
.mr.top-banner .top-banner-content {
  display: flex;
  padding: 5px 18px 0 18px;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 529px) {
  .mr.top-banner .top-banner-content {
    padding: 12px 12px 5px 12px;
    justify-content: space-between;
  }
}
.mr.top-banner .top-banner-content + .top-banner-content {
  padding-top: 7px;
}
.mr.top-banner .top-banner-icon {
  margin-right: 10px;
  width: 30px;
  height: 30px;
}
@media only screen and (max-width: 529px) {
  .mr.top-banner .top-banner-icon {
    display: none;
  }
}
.mr.top-banner .close {
  top: 50%;
  right: 20px;
  color: #C4C4C4;
  font-size: 36px;
  position: absolute;
  transform: translateY(-50%);
}
.mr.top-banner .close:hover {
  text-decoration: none;
}
.mr.top-banner .close:focus {
  text-decoration: underline;
}
@media only screen and (max-width: 529px) {
  .mr.top-banner .close {
    top: 12%;
    color: #C4C4C4;
    font-size: 26px;
  }
}
.mr.top-banner .title {
  margin: 0;
  padding: 0;
  display: flex;
  color: #0A232A;
  font-size: 14px;
  font-weight: bold;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 529px) {
  .mr.top-banner .title {
    align-items: flex-start;
    font-size: 12px;
    flex-direction: column;
  }
}
.mr.top-banner .title h2 {
  font-weight: bold;
  color: #4a3aff;
}
@media only screen and (max-width: 529px) {
  .mr.top-banner .title h2 {
    padding: 0;
    font-size: 14px;
    background-color: transparent;
  }
}
.mr.top-banner .title span {
  color: #ff9533;
}
.mr.top-banner .title .code {
  margin-left: 10px;
}
@media only screen and (max-width: 529px) {
  .mr.top-banner .title .code {
    margin-top: 10px;
    margin-left: 0;
  }
}
.mr.top-banner .action {
  min-width: 40px;
  padding: 4px 20px;
  margin-left: 25px;
  border-radius: 4px;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
}
.mr.top-banner .action.blue {
  color: #fff;
  background: #1975FF;
}
@media only screen and (max-width: 529px) {
  .mr.top-banner .action.blue {
    background: none;
    box-shadow: none;
    color: #1975FF;
    text-decoration: underline;
    padding: 0;
    margin-left: 5px;
    min-width: 80px;
    align-self: center;
    text-align: left;
  }
}
.mr.top-banner .action:hover {
  text-decoration: none;
}
.mr.top-banner .action:focus {
  text-decoration: underline;
}
.mr.projects-popup .projects-popup-overlay {
  top: 0;
  left: 0;
  z-index: 30;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  position: fixed;
  background-color: #2d344a;
}
.mr.projects-popup .popup-card {
  color: #2d344a;
  top: 50%;
  left: 50%;
  z-index: 30;
  width: 100%;
  padding: 30px 15px;
  max-width: 400px;
  border-radius: 16px;
  position: fixed;
  border: 10px solid #4a3aff;
  background-color: #fff;
  transform: translate(-50%, -50%);
}
.mr.projects-popup .popup-card .title {
  padding-top: 2px;
  line-height: 1;
  font-size: 24px;
  font-weight: bold;
}
.mr.projects-popup .popup-card .body {
  font-size: 14px;
  margin-top: 10px;
  color: #2d344a !important;
}
.mr.projects-popup .popup-card .body a {
  color: #ff9533;
  text-decoration: underline;
}
.mr.projects-popup .popup-card .close-btn {
  position: absolute;
  top: 10px;
  padding: 0;
  width: auto;
  right: 10px;
  opacity: 0.8;
  height: 20px;
  line-height: 0;
  font-size: 24px;
  color: #2d344a;
  background: none;
  font-weight: bold;
  box-shadow: none !important;
}
.mr.timer-popup .timer-popup-overlay {
  top: 0;
  left: 0;
  z-index: 30;
  width: 100%;
  height: 100%;
  position: fixed;
}
.mr.timer-popup .popup-card {
  color: #2d344a;
  top: 50%;
  /* Centers vertically */
  left: 50%;
  /* Centers horizontally */
  z-index: 9999;
  /* Brings popup to the front */
  width: 100%;
  max-width: 364px;
  max-height: 473px;
  border-radius: 10px;
  position: fixed;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  transform: translate(-50%, -50%);
  box-shadow: 0px 4px 4px 0px #00000040;
  /* Remove background on active (click) state */
}
.mr.timer-popup .popup-card div.inside {
  padding-left: 49px;
  padding-right: 49px;
  padding-top: 20px;
  padding-bottom: 44px;
}
.mr.timer-popup .popup-card div.inside div.body {
  padding-left: 15px;
  padding-right: 15px;
}
.mr.timer-popup .popup-card .content {
  padding-left: 15px;
  padding-right: 15px;
}
.mr.timer-popup .popup-card h1 {
  font-family: Inter;
  font-size: 30px;
  font-weight: 700;
  line-height: 36.31px;
  text-align: center;
}
.mr.timer-popup .popup-card span {
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.94px;
  text-align: left;
}
.mr.timer-popup .popup-card p {
  font-family: Inter;
  font-size: 11px;
  font-weight: 400;
  line-height: 13.31px;
  text-align: left;
  padding-top: 15px;
  padding-bottom: 15px;
}
.mr.timer-popup .popup-card a.upgrade-btn {
  display: flex;
  align-items: center;
  width: 100%;
  height: 32px;
  background-color: #FF9533;
  border-radius: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 67px;
  padding-right: 67px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 700;
}
.mr.timer-popup .popup-card button.close-btn {
  width: 100%;
  margin-top: 2px;
  /* Makes the button look semi-transparent */
}
.mr.timer-popup .popup-card button.close-btn:focus {
  outline: none;
  background-color: transparent;
}
.mr.timer-popup .popup-card button.close-btn:active {
  background-color: transparent;
}
.browse.search {
  margin-bottom: 25px;
}
.browse.search .search-title {
  font-weight: 900;
  font-size: 35px;
  text-align: center;
  text-transform: none;
  line-height: 1;
  letter-spacing: normal;
  color: #0a232a;
}
.browse.search input {
  border-bottom: none !important;
  background-color: white !important;
  padding: 7px 50px 7px 15px;
  font-weight: 300;
  font-size: 21px !important;
  border-radius: 4px;
  margin-top: 15px;
}
.browse.search button[type=submit] {
  background: none !important;
  margin-top: 6px;
}
.browse.search button[type=submit] img {
  width: 32px;
}
.browse.search button[type=submit]:hover {
  box-shadow: none !important;
}
@media only screen and (max-width: 529px) {
  .browse.search .search-title {
    font-size: 25px;
  }
  .browse.search input {
    font-size: 20px !important;
  }
}
.browse.hero {
  background: url('/img/search/browse_banner.jpg') no-repeat center center;
  background-size: cover;
  text-align: center;
  color: white;
  padding: 60px 0;
  min-height: initial;
  margin: 0 0 25px;
}
.browse.hero h1 {
  text-transform: uppercase;
  font-size: 65px;
  font-weight: 900;
  line-height: 1;
}
.browse.hero p {
  font-size: 20px;
  font-weight: 400;
  margin: 15px 0 35px;
  color: white;
}
.browse.hero .button {
  width: initial;
  max-width: initial;
  line-height: normal;
  font-weight: 700;
  height: auto;
  padding: 10px 20px;
  display: inline-block;
  font-size: 17px;
}
.browse.hero .btn-primary {
  background: linear-gradient(135deg, #5b6cff, #3f5efb) !important;
  color: #fff !important;
  padding: 14px 26px !important;
  border-radius: 10px !important;
  border: none !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  box-shadow: 0 4px 10px rgba(63, 94, 251, 0.25) !important;
  transition: all 0.2s ease !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  height: auto !important;
  line-height: normal !important;
  width: auto !important;
  max-width: none !important;
  min-width: auto !important;
  text-decoration: none;
  display: inline-block;
}
.browse.hero .btn-primary:hover {
  background: linear-gradient(135deg, #5b6cff, #3f5efb) !important;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3) !important;
  background: #000 !important;
}
.browse.hero .btn-secondary {
  background: #e6e0e0ff !important;
  color: #222 !important;
  padding: 14px 26px !important;
  border-radius: 10px !important;
  border: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.2s ease !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  height: auto !important;
  line-height: normal !important;
  width: auto !important;
  max-width: none !important;
  min-width: auto !important;
  text-decoration: none;
  display: inline-block;
}
.browse.hero .btn-secondary:hover {
  background: #faf6f6ff !important;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3) !important;
}
@media only screen and (max-width: 529px) {
  .browse.hero h1 {
    font-size: 35px;
  }
  .browse.hero p {
    margin-top: 15px;
    font-size: 18px;
  }
  .browse.hero .button {
    font-size: 15px;
  }
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  .browse.hero h1 {
    font-size: 40px;
  }
  .browse.hero p {
    margin-top: 25px;
    font-size: 20px;
  }
}
.browse.wrapper {
  margin: 0 0 35px;
}
.browse.wrapper header {
  padding: 0 0 16px;
}
.browse.wrapper header h2 {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 900;
  display: block;
}
.browse.wrapper header h2 a {
  color: #0a232a !important;
}
.browse.wrapper header h2 span {
  color: #ff9533;
  text-transform: capitalize;
  font-size: 12px;
  margin-left: 12px;
}
.browse.wrapper header .browse-subtitle {
  font-weight: 600;
  font-size: 18px;
  color: #0a232a;
  margin: 8px 0 16px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.browse.wrapper header p {
  font-size: 16px;
  line-height: 1.6;
  color: #666;
  margin: 10px 0 20px 0;
  max-width: 1400px;
}
.browse.wrapper .body ul {
  list-style: none;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.browse.wrapper .body ul:before,
.browse.wrapper .body ul:after {
  display: table;
  line-height: 0;
  content: "";
}
.browse.wrapper .body ul:after {
  clear: both;
}
.browse.wrapper .body ul:before,
.browse.wrapper .body ul:after {
  content: "";
  display: table;
}
.browse.wrapper .body ul:after {
  clear: both;
}
.browse.wrapper .body ul:before,
.browse.wrapper .body ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.browse.wrapper .body ul:after {
  clear: both;
}
.browse.wrapper .body ul li {
  float: left;
  margin: 0 8px 8px 0;
}
.browse.wrapper .body ul li a {
  background: white;
  border-radius: 3px;
  padding: 10px 14px 10px 18px;
  display: block;
  color: #4a3aff;
  font-weight: 700;
  text-decoration: none;
}
@media only screen and (max-width: 529px) {
  .browse.wrapper header h2 {
    font-size: 20px;
  }
}
.mr.covid {
  position: fixed;
  top: 63px;
  left: 0;
  right: 0;
  z-index: 10;
}
@media only screen and (max-width: 529px) {
  .mr.covid {
    position: initial;
  }
}
.mr.covid > a {
  border-radius: 4px;
  margin: 10px;
  background: white;
  padding: 16px;
  color: black !important;
  display: block;
  text-align: center !important;
  text-decoration: none;
  font-size: 16px;
  box-shadow: 0px 30px 30px rgba(10, 35, 42, 0.05);
  line-height: 24px;
}
.mr.covid > a > b {
  margin: 0 3px;
}
@media only screen and (max-width: 529px) {
  .mr.covid > a {
    position: relative;
    border-radius: 0;
    margin: 0;
    padding: 10px;
    box-shadow: none;
  }
}
.mr.covid > a span.cta {
  background: #1975FF;
  box-shadow: 0px 6px 20px rgba(25, 117, 255, 0.15);
  border-radius: 4px;
  color: white;
  font-weight: bold;
  padding: 10px 20px;
  margin: 0 0 0 16px;
}
@media only screen and (max-width: 529px) {
  .mr.covid > a span.cta {
    margin: 16px 0 0;
    display: block;
  }
}
.mr.covid > a span.highlight {
  margin: 0 16px 0 0;
  font-weight: bold;
  background: #FF9533;
  padding: 4px 7px;
}
@media only screen and (max-width: 529px) {
  .mr.covid > a span.highlight {
    margin: 0;
  }
}
.mr.covid > a span.promo {
  margin: 0 0 0 16px;
}
.mr.covid > a span.promo b {
  font-weight: bold;
  background: #DDEAFF;
  padding: 4px 7px;
}
@media only screen and (max-width: 529px) {
  .mr.covid > a span.promo {
    display: block;
    margin: 0;
  }
}
.mr.cancellation {
  position: fixed;
  width: 450px;
  top: 8%;
  border-radius: 5px;
  background: white;
  left: 50%;
  right: 50%;
  margin: 0 0 0 -225px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  z-index: 30000;
  max-height: 84%;
  overflow-y: auto;
}
.mr.cancellation .body {
  padding: 24px;
}
.mr.cancellation .body .feedback-question {
  margin: 0 0 16px;
}
.mr.cancellation .body .feedback-question label {
  font-size: 14px;
  line-height: initial;
  margin: 0 0 8px !important;
  font-weight: 500;
  font-family: inherit;
  display: block;
  text-transform: capitalize !important;
}
.mr.cancellation .body .feedback-question textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 12px;
  font-size: 15px;
  line-height: initial;
  resize: none;
}
.mr.cancellation .body .feedback-question .rating {
  width: 100%;
  content: " ";
  display: table;
  zoom: 1;
  *zoom: 1;
}
.mr.cancellation .body .feedback-question .rating:before,
.mr.cancellation .body .feedback-question .rating:after {
  display: table;
  line-height: 0;
  content: "";
}
.mr.cancellation .body .feedback-question .rating:after {
  clear: both;
}
.mr.cancellation .body .feedback-question .rating:before,
.mr.cancellation .body .feedback-question .rating:after {
  content: "";
  display: table;
}
.mr.cancellation .body .feedback-question .rating:after {
  clear: both;
}
.mr.cancellation .body .feedback-question .rating:before,
.mr.cancellation .body .feedback-question .rating:after {
  display: table;
  content: "";
  line-height: 0;
}
.mr.cancellation .body .feedback-question .rating:after {
  clear: both;
}
.mr.cancellation .body .feedback-question .rating > div {
  float: left;
  width: 10%;
  text-align: center;
  display: block;
}
.mr.cancellation .body .feedback-question .rating > div span {
  display: block;
  margin: 4px 0 0;
}
.mr.cancellation .body p {
  font-size: 16px;
  margin: 0 0 24px;
  text-align: center;
  color: #717171;
  line-height: 24px;
}
.mr.cancellation .body a.option {
  font-weight: 500;
  display: block;
  margin: 0 0 16px;
  padding: 16px;
  text-align: center;
  background: #daeef3;
  color: #008fb0;
  border-radius: 3px;
  text-decoration: none;
  font-size: 16px;
}
.mr.cancellation .body a.option:last-of-type {
  margin: 0 !important;
}
.mr.cancellation .body a.option:hover {
  background: #008fb0;
  color: white;
}
.mr.cancellation .body a.option.alternative {
  background: none !important;
  color: #008fb0 !important;
  text-decoration: underline !important;
}
.mr.cancellation .body a.option.disabled {
  background: #ccc !important;
  color: white !important;
  cursor: not-allowed !important;
  text-decoration: none !important;
}
.mr.cancellation .title {
  padding: 16px;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  color: white;
  background: #f03a3b;
  font-weight: 700;
  font-size: 16px;
}
.mr.cancellation .title button {
  background: transparent;
  margin: -10px 0 0;
  padding: 0;
  box-shadow: none !important;
  width: initial;
  min-width: initial;
  position: absolute;
  height: initial;
  line-height: 20px;
  font-size: 20px;
  right: 16px;
  top: 50%;
  bottom: 50%;
}