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 {
  margin: 0;
  -webkit-margin-start: 0;
  border: 0;
  vertical-align: baseline;
  padding: 0;
  -webkit-margin-end: 0;
  font: inherit;
  -webkit-margin-after: 0;
  font-size: 100%;
  -webkit-margin-before: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul, dl {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

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

html, body {
  width: 100%;
  height: 100%;
}

html {
  font-size: 16px;
}

body {
  background-color: #f6f6f6;
  color: #8f9296;
  font-family: 'proba-light', Helvetica, sans-serif;
  line-height: 1.5125rem;
}

::selection {
  background: #6fbfbd;
  color: white;
}

* {
  box-sizing: border-box;
}

body {
  font-family: 'proba-light', Helvetica, sans-serif;
}

h1 {
  color: #20262d;
  font-family: 'proba-bold', Helvetica, sans-serif;
  font-size: 2.625rem;
  line-height: 3.975rem;
}

h2 {
  color: #20262d;
  font-family: 'proba-bold', Helvetica, sans-serif;
  font-size: 1.3125rem;
  letter-spacing: 0.5rem;
  line-height: 1.8125rem;
  text-transform: uppercase;
}

h3 {
  color: #20262d;
  font-family: 'proba-semibold', Helvetica, sans-serif;
  font-size: 1.8125rem;
  line-height: 2.3rem;
  position: relative;
}

h4 {
  color: #20262d;
  font-family: 'proba-medium', Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 1.8125rem;
}

h4.icon span {
  display: inline-block;
  vertical-align: middle;
}

h4.icon span:first-child {
  margin-right: 0.625rem;
}

h5 {
  color: #20262d;
  font-family: 'proba-medium', Helvetica, sans-serif;
  font-size: 1.2rem;
  line-height: 1.8125rem;
}

h6, th {
  font-family: 'proba-bold', Helvetica, sans-serif;
  font-size: 0.6725rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}

label {
  color: #8f9296;
}

a {
  color: #8f9296;
  cursor: pointer;
  font-family: 'proba-light', Helvetica, sans-serif;
  text-decoration: underline;
}

a:hover {
  color: #6fbfbd;
}

a:focus {
  outline: none;
}

em, i {
  font-family: 'proba-light-italic', Helvetica, sans-serif;
}

strong, b {
  font-family: 'proba-bold', Helvetica, sans-serif;
}

small {
  font-size: 0.8rem;
  line-height: 0.8rem;
}

.note {
  color: #8f9296;
  font-family: 'proba-light-italic', Helvetica, sans-serif;
}

.strikethrough {
  opacity: 0.3;
  text-decoration: line-through;
}

.titlecase {
  text-transform: uppercase;
}

.titlecase span:nth-child(odd) {
  font-size: 1.25rem;
}

.overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.overflow-ellipsis.small {
  width: 150px;
}

a.overflow-ellipsis, span.overflow-ellipsis {
  display: inline-block;
}

.line-breaks {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.bulleted-list li {
  margin-bottom: 1rem;
}

.bulleted-list li:before {
  content: '•';
  display: inline-block;
  font-size: 1.8125em;
  margin-right: 0.375rem;
  vertical-align: sub;
}

.body-text ul {
  list-style-type: disc;
  margin: 1.8125rem 0 1.8125rem 1rem;
}

.body-text li {
  margin-bottom: 0.625rem;
}

pre {
  border: 1px solid #e3ded5;
  border-radius: 6px;
  margin-bottom: 1rem;
  overflow: scroll;
  padding: 1rem;
}

hr {
  background-color: #cccccc;
  border: none;
  height: 1px;
}

.hr-header {
  margin: 4rem 0;
  position: relative;
}

.hr-header div {
  position: absolute;
  top: -18px;
  left: 0;
  right: 0;
  text-align: center;
}

.hr-header h6 {
  background-color: white;
  display: inline-block;
  padding: 0.5rem;
}

.big-text .card .container {
  padding: 1.3125rem;
}

.big-text p, .big-text button.text, .big-text a, .big-text ul, .big-text textarea, .big-text .flash-message, .big-text .error {
  font-size: 1.125rem;
  line-height: 1.6125rem;
}

.big-text small a {
  font-size: 0.8rem;
  line-height: 0.8rem;
}

.big-text h3 {
  margin-bottom: 1.3125rem;
}

.big-text h6, .big-text label {
  font-size: 0.8rem;
}

.big-text input {
  font-size: 1.8125rem;
}

.big-text button {
  font-size: 1.6125rem;
  padding: 0.5rem 1.3125rem;
}

.big-text a.button {
  font-size: 1.6125rem;
  padding: 0.75rem 1.3125rem;
}

.big-text a.button.tiny {
  padding: 0.25rem 1.3125rem;
}

.big-text .select-menu {
  font-size: 1.8125rem;
  padding: 0.35rem 0;
}

.big-text .select-menu .placeholder {
  color: #e3ded5;
  font-family: 'proba-light-italic', Helvetica, sans-serif;
}

.big-text .select-menu span:after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 9px solid #362c2b;
  top: 20px;
}

.big-text .select-menu ul {
  top: 2.8rem;
}

div.content-wrapper {
  display: flex;
  flex-direction: column;
  height: 100vh;
  min-height: 100vh;
}

.content {
  flex: 1 0 auto;
  flex-direction: column;
  display: flex;
}

.content.ie11-fix {
  min-height: 100vh;
}

main {
  flex-direction: column;
  display: block;
  align-self: stretch;
  flex: 1;
}

section {
  align-self: stretch;
  flex: 1;
  width: 100%;
  padding-bottom: 6rem;
}

section:first-child {
  margin: 6.5rem 0 0 0;
}

section.hero {
  margin: 0;
  padding: 0;
}

section.full-page {
  position: relative;
}

section.full-page .row.one-third {
  margin: 0 auto;
}

.container {
  margin: 0 auto;
  max-width: 960px;
  padding: 1rem 0;
  position: relative;
  width: 90%;
}

.row {
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  margin-bottom: 1.8125rem;
  position: relative;
}

.row .&.quarters .one-quarter {
  flex: 1;
}

.row .&.quarters .one-half {
  flex: 2;
}

.row.equal-height-columns .column {
  display: flex;
}

.row.equal-height-columns .card {
  width: 100%;
}

.row.equal-height-columns button, .row.equal-height-columns button > div {
  height: 100%;
}

.column {
  flex: 1;
  position: relative;
  margin: 0 2.625rem 1.8125rem 0;
  width: 100%;
}

.column:last-child {
  margin-right: 0;
}

.column.one-third, .column.first, .column.second {
  max-width: 33%;
  flex: 1;
}

.column.two-thirds {
  flex: 2;
}

.column.half {
  max-width: 50%;
}

.column.thin {
  margin: 0 auto;
  max-width: 32rem;
}

.column.medium {
  margin: 0 auto;
  max-width: 44rem;
}

.horizontal-scroll {
  overflow-x: scroll;
  padding-top: 0;
}

.horizontal-scroll > .row {
  height: 85vh;
}

.horizontal-scroll > .row > .column {
  height: 100%;
  margin-bottom: 0;
  max-width: 33%;
  overflow-y: scroll;
}

.horizontal-scroll > .row .double-wide {
  max-width: 67%;
}

.flex-container {
  display: flex;
}

.flex-item {
  flex: 1;
}

.card {
  background-color: white;
  border-radius: 3px;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.07), 0px 2px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 1rem;
  position: relative;
}

.card .card-section {
  margin-bottom: 2.625rem;
}

.card:focus, .card h4:focus {
  outline: none;
}

.card .container {
  width: 100%;
  padding: 1rem;
}

.card img {
  max-width: 100%;
}

.card img.modal-small {
  display: block;
  margin: 0 auto 1rem;
  max-width: 350px;
}

.card hr {
  margin: 2rem 0;
}

.card h4 {
  margin-bottom: 1rem;
}

.card.active {
  background-color: #6fbfbd;
  color: #faf8f5;
}

.card.active h4 {
  color: #faf8f5;
}

.card.active:after {
  top: 17px;
  content: '';
  width: 0;
  border-left: 6px solid #faf8f5;
  right: 10px;
  position: absolute;
  border-top: 5px solid transparent;
  height: 0;
  border-bottom: 5px solid transparent;
}

.card.active:hover {
  background-color: #95dbc9;
}

.hgroup {
  margin-bottom: 1.3125rem;
}

.hgroup .column:nth-child(2) {
  margin-top: 0.625rem;
  text-align: right;
}

.hgroup button:last-child {
  margin-right: 0;
}

.hgroup button.icon, .hgroup .button.icon {
  margin-bottom: 1.8125rem;
}

article {
  margin-bottom: 2.625rem;
}

article h3 {
  line-height: 2.625rem;
  margin-bottom: 1.8125rem;
}

article p {
  margin-bottom: 1rem;
}

article li {
  margin-bottom: 1rem;
}

figure {
  margin-bottom: 1.3125rem;
}

figure img {
  width: 100%;
}

figcaption {
  margin-bottom: 1rem;
}

iframe {
  background-color: white;
  width: 100%;
}

.full-page-iframe {
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

.full-page-iframe iframe {
  background-color: white;
  width: 100%;
  height: 400%;
}

.jump-link {
  position: absolute;
  top: -6rem;
  left: 0;
}

.inline-block {
  display: inline-block;
  vertical-align: middle;
}

.center-div {
  display: block;
  margin: 0 auto;
}

.text-align-center {
  text-align: center;
}

.text-align-right {
  text-align: right;
}

.margin-bottom {
  margin-bottom: 1rem;
}

.big-margin-bottom {
  margin-bottom: 2.625rem;
}

.no-margin {
  margin: 0;
}

.no-padding {
  padding: 0;
}

.overflow-hidden {
  overflow: hidden;
}

.disabled {
  cursor: auto;
  opacity: 0.3;
}

.modal {
  background-color: hsla(5.4545455, 11.340206%, 19.019608%, 0.8);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 3;
}

.modal .mini-form {
  margin: auto;
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
}

.modal .card {
  margin: 3% auto;
  max-width: 500px;
}

.social-icons li {
  display: inline-block;
  margin-right: 0.625rem;
}

.social-icons img {
  height: auto;
  width: 40px;
}

header .column {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

header .container {
  padding: 0;
}

header .column {
  margin: 0;
}

header.admin .logo {
  display: inline-block;
  background-image: url('/img/logos/logo.png');
  background-size: 300px 50px;
  width: 300px;
  height: 50px;
  margin: 0.625rem 0;
  vertical-align: middle;
}

header.admin .logo:hover {
  background-image: url('/img/logos/logo-hover.png');
  cursor: pointer;
}

header.admin nav {
  flex: 1;
  text-align: right;
}

header.admin ul {
  margin: 1rem 0;
}

header.admin li {
  display: inline-block;
  margin-left: 1rem;
}

header.marketing-mirror {
  background-color: hsla(178.5, 38.46154%, 59.215687%, 0.9);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 4;
}

header.marketing-mirror .column {
  align-items: center;
}

header.marketing-mirror .logo {
  background-image: url('/img/logos/white-tagline.png');
  background-size: 150px 58px;
  width: 150px;
  height: 58px;
  margin: 0.5rem 0;
}

header.marketing-mirror-authenticated {
  background-color: hsla(178.5, 38.46154%, 59.215687%, 0.9);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 3;
}

header.marketing-mirror-authenticated .logo {
  background-image: url('/img/logos/white-tagline.png');
  background-size: 150px 58px;
  width: 150px;
  height: 58px;
  margin: 0.625rem 0;
}

header.marketing-mirror-authenticated li {
  flex: 1;
  text-align: right;
}

header.marketing-mirror-authenticated .button {
  margin: 1.3125rem 0;
}

.hamburguesa {
  display: none;
  background-color: transparent;
  margin: 0 0 0 1rem;
  padding: 1rem;
}

.hamburguesa:hover {
  background-color: #007682;
}

.hamburguesa img {
  width: 37px;
  height: auto;
}

.header-menu {
  flex: 1;
}

.header-menu ul {
  display: flex;
}

.header-menu li:first-child {
  margin-left: 1rem;
}

.header-menu li:nth-child(4) {
  flex: 1;
  text-align: right;
}

.header-menu a {
  color: white;
  display: inline-block;
  font-family: 'proba-medium', Helvetica, sans-serif;
  font-size: 1.1rem;
  padding: 1.8rem 1rem;
}

.header-menu a:hover {
  color: #007682;
}

.header-menu .button {
  background-color: #007682;
  font-size: 1rem;
  margin: 1.3125rem 0;
}

.header-menu .button:hover {
  background-color: #95dbc9;
  color: #007682;
}

.navigation-opened {
  left: -210px;
}

.sidebar-menu {
  line-height: 1.8125rem;
  width: 210px;
  right: 0;
  top: 0;
  height: 100%;
  padding: 1.5rem 0;
  text-align: left;
  position: fixed;
  z-index: 1;
  font-size: 0.8rem;
  background-color: #e8e3d9;
  -moz-box-shadow: inset 6px 0 7px -7px #b8ada7;
  -webkit-box-shadow: inset 6px 0 7px -7px #b8ada7;
  box-shadow: inset 6px 0 7px -7px #b8ada7;
}

.sidebar-menu li:first-child {
  display: none;
}

.sidebar-menu li {
  display: block;
}

.sidebar-menu a {
  color: #362c2b;
  display: block;
  font-family: 'proba-regular', Helvetica, sans-serif;
  line-height: 2.3rem;
  margin-left: 0.25rem;
  padding: 0rem 0.75rem;
}

.sidebar-menu a:hover {
  background-color: #b8ada7;
  color: #faf8f5;
}

.sidebar-menu .button {
  background-color: #695d5a;
  border-radius: 2rem;
  color: #faf8f5;
  display: block;
  font-family: 'proba-regular', Helvetica, sans-serif;
  margin: 0 auto 1rem;
  text-align: center;
  width: 80%;
}

.sidebar-menu .button:hover {
  background-color: #b8ada7;
}

footer.marketing-mirror .container {
  max-width: 900px;
  padding: 3rem 0 1rem;
}

footer.marketing-mirror .row {
  flex-wrap: wrap;
}

footer.marketing-mirror .row:first-child {
  margin-bottom: 4.5rem;
}

footer.marketing-mirror .column {
  flex: 0 0 180px;
  margin-right: 1.8125rem;
}

footer.marketing-mirror .column:first-child {
  flex: 1;
  text-align: center;
}

footer.marketing-mirror .column:first-child div {
  margin-bottom: 1.5rem;
}

footer.marketing-mirror .column:first-child div a {
  display: block;
}

footer.marketing-mirror .column:first-child div h4 {
  margin-bottom: 0.5rem;
}

footer.marketing-mirror .column:last-child {
  margin-right: 0;
  text-align: left;
}

footer.marketing-mirror h4 {
  color: #b8ada7;
  font-size: 1rem;
  margin: 0;
}

footer.marketing-mirror h5 {
  font-size: 1.125rem;
}

footer.marketing-mirror ul {
  margin-bottom: 1rem;
}

footer.marketing-mirror li {
  display: block;
  font-size: 1.3125rem;
  line-height: 2rem;
  margin: 0;
}

footer.marketing-mirror img {
  max-width: 215px;
}

footer.marketing-mirror a {
  color: #faf8f5;
}

footer.marketing-mirror a:hover {
  color: #b8ada7;
}

footer.marketing-mirror button, footer.marketing-mirror a.button {
  background-color: transparent;
  border: 1px solid #faf8f5;
  border-radius: 2rem;
  color: #faf8f5;
  font-size: 1rem;
  padding: 0.4rem 1.5rem;
}

footer.marketing-mirror button:hover, footer.marketing-mirror a.button:hover {
  background-color: #695d5a;
  color: #b8ada7;
}

.marketing header {
  background-color: hsla(36, 33.333332%, 97.05882%, 0.85);
  border-bottom: 1px solid #e3ded5;
  position: fixed;
  width: 100%;
  z-index: 1;
}

.marketing section {
  border-bottom: 1px solid #e3ded5;
  padding: 2rem 0;
}

.marketing section.hero {
  margin: 0;
  padding: 0;
}

.marketing img {
  margin-bottom: 1.8125rem;
  max-width: 100%;
}

.marketing img.store-icon {
  max-width: 250px;
}

.marketing h3, .marketing h4 {
  margin-bottom: 1rem;
}

.marketing p {
  margin-bottom: 1rem;
}

.dashboard .container {
  max-width: 100%;
  min-width: 95%;
}

footer {
  background-color: #20262d;
  color: white;
  flex: 0 0 30rem;
  width: 100%;
}

footer .column {
  margin-bottom: 0;
}

footer .column:last-child {
  text-align: right;
}

footer li {
  display: inline-block;
  margin-left: 1.3125rem;
}

footer li:first-child {
  margin-left: 0;
}

.account-no {
  background-image: url('/img/icons/account-no.png');
  background-repeat: no-repeat;
  background-size: 100px 100px;
  width: 100px;
  height: 100px;
  display: inline-block;
}

.account-yes {
  background-image: url('/img/icons/account-yes.png');
  background-repeat: no-repeat;
  background-size: 100px 100px;
  width: 100px;
  height: 100px;
  display: inline-block;
}

.action-taken {
  background-image: url('/img/icons/action-taken.png');
  background-repeat: no-repeat;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  display: inline-block;
}

.add-photo-button {
  background-image: url('/img/icons/add-photo-button.png');
  background-repeat: no-repeat;
  background-size: 140px 140px;
  width: 140px;
  height: 140px;
  display: inline-block;
}

.add-photo-button:hover {
  cursor: pointer;
  background-image: url('/img/icons/add-photo-button-hover.png');
}

.address {
  background-image: url('/img/icons/address.png');
  background-repeat: no-repeat;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.android {
  margin-right: 0.625rem;
  background-image: url('/img/icons/android.png');
  background-repeat: no-repeat;
  background-size: 17px 20px;
  width: 17px;
  height: 20px;
  display: inline-block;
}

.approved {
  background-image: url('/img/icons/approved.png');
  background-repeat: no-repeat;
  background-size: 12px 12px;
  width: 12px;
  height: 12px;
  display: inline-block;
}

.approved:hover {
  cursor: pointer;
}

p .rejected, p .approved {
  margin-right: 0.625rem;
}

p .rejected:hover, p .approved:hover {
  cursor: auto;
}

.back-arrow {
  background-image: url('/img/icons/back-arrow.png');
  background-repeat: no-repeat;
  background-size: 32px 22px;
  width: 32px;
  height: 22px;
  display: inline-block;
}

.back-arrow:hover {
  cursor: pointer;
}

.category {
  background-image: url('/img/icons/category.png');
  background-repeat: no-repeat;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.clipboard {
  margin-left: 0.375rem;
  background-image: url('/img/icons/clipboard.png');
  background-repeat: no-repeat;
  background-size: 9px 12px;
  width: 9px;
  height: 12px;
  display: inline-block;
}

.clipboard:hover {
  cursor: pointer;
}

.credit-cards {
  margin-top: 0.625rem;
  background-image: url('/img/icons/credit-cards.png');
  background-repeat: no-repeat;
  background-size: 200px 29px;
  width: 200px;
  height: 29px;
  display: inline-block;
}

.delete {
  background-image: url('/img/icons/delete.png');
  background-repeat: no-repeat;
  background-size: 10px 12px;
  width: 10px;
  height: 12px;
  display: inline-block;
}

.delete:hover {
  cursor: pointer;
  background-image: url('/img/icons/delete-hover.png');
}

.delete-white {
  background-image: url('/img/icons/delete-white.png');
  background-repeat: no-repeat;
  background-size: 10px 12px;
  width: 10px;
  height: 12px;
  display: inline-block;
}

.document {
  background-image: url('/img/icons/document.png');
  background-repeat: no-repeat;
  background-size: 13px 18px;
  width: 13px;
  height: 18px;
  display: inline-block;
}

.download {
  background-image: url('/img/icons/download.png');
  background-repeat: no-repeat;
  background-size: 9px 12px;
  width: 9px;
  height: 12px;
  display: inline-block;
}

.download:hover {
  cursor: pointer;
}

.email {
  background-image: url('/img/icons/email.png');
  background-repeat: no-repeat;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.email-default {
  background-image: url('/img/icons/email-default.png');
  background-repeat: no-repeat;
  background-size: 125px 125px;
  width: 125px;
  height: 125px;
  display: inline-block;
}

.email-personalized {
  background-image: url('/img/icons/email-personalized.png');
  background-repeat: no-repeat;
  background-size: 125px 125px;
  width: 125px;
  height: 125px;
  display: inline-block;
}

.empty-icon {
  background-image: url('/img/icons/empty-icon.png');
  background-repeat: no-repeat;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.first-name {
  background-image: url('/img/icons/first-name.png');
  background-repeat: no-repeat;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.hamburger-menu-mini {
  padding-right: 0.325rem;
  background-image: url('/img/icons/hamburger-menu-mini.png');
  background-repeat: no-repeat;
  background-size: 12px 10px;
  width: 12px;
  height: 10px;
  display: inline-block;
}

.index {
  background-image: url('/img/icons/index.png');
  background-repeat: no-repeat;
  background-size: 50px 27px;
  width: 50px;
  height: 27px;
  display: inline-block;
}

.index:hover {
  cursor: pointer;
  background-image: url('/img/icons/index-hover.png');
}

.info {
  margin-right: 0.375rem;
  background-image: url('/img/icons/info.png');
  background-repeat: no-repeat;
  background-size: 14px 14px;
  width: 14px;
  height: 14px;
  display: inline-block;
}

.invitation-accepted {
  background-image: url('/img/icons/invitation-accepted.png');
  background-repeat: no-repeat;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  display: inline-block;
}

.last-name {
  background-image: url('/img/icons/last-name.png');
  background-repeat: no-repeat;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.link {
  background-image: url('/img/icons/link.png');
  background-repeat: no-repeat;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.message-received {
  background-image: url('/img/icons/message-received.png');
  background-repeat: no-repeat;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  display: inline-block;
}

.message-sent {
  background-image: url('/img/icons/message-sent.png');
  background-repeat: no-repeat;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  display: inline-block;
}

.next-image {
  background-image: url('/img/icons/next-image.png');
  background-repeat: no-repeat;
  background-size: 15px 18px;
  width: 15px;
  height: 18px;
  display: inline-block;
}

.next-image:hover {
  cursor: pointer;
  background-image: url('/img/icons/next-image-hover.png');
}

.phone-mobile {
  background-image: url('/img/icons/phone-mobile.png');
  background-repeat: no-repeat;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.phone-work {
  background-image: url('/img/icons/phone-work.png');
  background-repeat: no-repeat;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.play-button {
  background-image: url('/img/icons/play-button.png');
  background-repeat: no-repeat;
  background-size: 90px 90px;
  width: 90px;
  height: 90px;
  display: inline-block;
}

.play-button:hover {
  cursor: pointer;
}

.plumber {
  background-image: url('/img/icons/plumber.png');
  background-repeat: no-repeat;
  background-size: 30px 30px;
  width: 30px;
  height: 30px;
  display: inline-block;
}

.previous-image {
  background-image: url('/img/icons/previous-image.png');
  background-repeat: no-repeat;
  background-size: 15px 18px;
  width: 15px;
  height: 18px;
  display: inline-block;
}

.previous-image:hover {
  cursor: pointer;
  background-image: url('/img/icons/previous-image-hover.png');
}

.rejected {
  background-image: url('/img/icons/rejected.png');
  background-repeat: no-repeat;
  background-size: 12px 12px;
  width: 12px;
  height: 12px;
  display: inline-block;
}

.rejected:hover {
  cursor: pointer;
}

.rejected-2 {
  background-image: url('/img/icons/rejected-2.png');
  background-repeat: no-repeat;
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  display: inline-block;
}

.rejected-2:hover {
  cursor: pointer;
  background-image: url('/img/icons/rejected-2.png');
}

.rotate-left {
  background-image: url('/img/icons/rotate-left.png');
  background-repeat: no-repeat;
  background-size: 21px 18px;
  width: 21px;
  height: 18px;
  display: inline-block;
}

.rotate-left:hover {
  cursor: pointer;
  background-image: url('/img/icons/rotate-left-hover.png');
}

.rotate-right {
  background-image: url('/img/icons/rotate-right.png');
  background-repeat: no-repeat;
  background-size: 21px 18px;
  width: 21px;
  height: 18px;
  display: inline-block;
}

.rotate-right:hover {
  cursor: pointer;
  background-image: url('/img/icons/rotate-right-hover.png');
}

.save-30 {
  position: absolute;
  left: -10px;
  top: 110px;
  background-image: url('/img/icons/save-30.png');
  background-repeat: no-repeat;
  background-size: 80px 80px;
  width: 80px;
  height: 80px;
  display: inline-block;
}

.specific {
  background-repeat: no-repeat;
  background-image: url('/img/icons/specific.png');
  background-repeat: no-repeat;
  background-size: 12px 12px;
  width: 12px;
  height: 12px;
  display: inline-block;
}

.specific:hover {
  cursor: pointer;
  background-image: url('/img/icons/specific-hover.png');
}

.spinner {
  background-image: url('/img/spinner.gif');
  background-size: 18px 18px;
  width: 18px;
  height: 18px;
  display: inline-block;
}

.spinner2 {
  background-image: url('/img/spinner2.gif');
  background-size: 18px 18px;
  width: 18px;
  height: 18px;
  display: inline-block;
}

.small-spinner2 {
  background-image: url('/img/spinner2.gif');
  background-size: 12px 12px;
  width: 12px;
  height: 12px;
  display: inline-block;
}

.transcribe {
  background-repeat: no-repeat;
  background-image: url('/img/icons/transcribe.png');
  background-repeat: no-repeat;
  background-size: 13px 12px;
  width: 13px;
  height: 12px;
  display: inline-block;
}

.transcribe:hover {
  cursor: pointer;
  background-image: url('/img/icons/transcribe-hover.png');
}

.unlink {
  background-repeat: no-repeat;
  background-image: url('/img/icons/unlink.png');
  background-repeat: no-repeat;
  background-size: 10px 12px;
  width: 10px;
  height: 12px;
  display: inline-block;
}

.unlink:hover {
  cursor: pointer;
  background-image: url('/img/icons/unlink-hover.png');
}

span.video {
  background-image: url('/img/icons/video.png');
  background-repeat: no-repeat;
  background-size: 18px 13px;
  width: 18px;
  height: 13px;
  display: inline-block;
}

.website {
  background-image: url('/img/icons/website.png');
  background-repeat: no-repeat;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
}

form.vanilla {
  background-color: white;
  border: 1px solid #e3ded5;
  border-radius: 6px;
  max-width: 19rem;
  min-width: 19rem;
  padding: 1rem;
}

form.vanilla h3 {
  margin-bottom: 1rem;
}

form.vanilla input {
  width: 100%;
}

form.wide {
  max-width: 30rem;
}

form.wider {
  max-width: 40rem;
}

form.mini-form {
  margin: 15% auto 0;
}

form p {
  margin: 0 0 1rem;
}

fieldset {
  margin-bottom: 1rem;
  position: relative;
}

fieldset p {
  margin: 0.25rem 0;
}

fieldset.secret textarea {
  margin: 1rem 0 0 0;
  background-color: white;
}

fieldset.secret input, fieldset.secret .select-menu {
  background-color: white;
  border: none;
}

fieldset.secret input span:after, fieldset.secret .select-menu span:after {
  display: none;
}

fieldset.invalid input, fieldset.invalid textarea {
  border: 1px solid #de6660;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

fieldset.invalid .react-autosuggest__rejection-code input {
  border: none;
  border-radius: 6px;
}

fieldset.dubious input {
  border: 1px solid #c4745f;
}

fieldset.dubious label {
  color: #c4745f;
}

fieldset.adjusted input {
  border: 1px solid #6fbfbd;
}

fieldset .mini-tooltip {
  bottom: -18px;
}

fieldset pocky-input:nth-child(3) {
  margin-top: 1rem;
}

label {
  display: inline-block;
  position: relative;
}

input, textarea {
  border-bottom: 1px solid #cccccc;
  width: 100%;
  border-left: none;
  font-family: 'proba-medium', Helvetica, sans-serif;
  margin: 0;
  padding: 0.375rem 0 7px;
  border-right: none;
  position: relative;
  border-top: none;
  font-size: 1rem;
  background-color: white;
  display: block;
  color: #20262d;
}

input:focus, textarea:focus {
  border-bottom: 2px solid #6fbfbd;
  padding-bottom: 6px;
  outline: none;
  z-index: 12;
}

input.no-focus:focus, textarea.no-focus:focus {
  box-shadow: none;
  outline: none;
  z-index: 12;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #cccccc;
  font-family: 'proba-light-italic', Helvetica, sans-serif;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #cccccc;
  font-family: 'proba-light-italic', Helvetica, sans-serif;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #cccccc;
  font-family: 'proba-light-italic', Helvetica, sans-serif;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #cccccc;
  font-family: 'proba-light-italic', Helvetica, sans-serif;
}

input[readonly]:focus {
  box-shadow: none;
  outline: none;
}

textarea {
  min-height: 7.3rem;
  z-index: 1;
}

textarea.secret {
  background-color: white;
  border: none;
}

.double-textarea textarea {
  z-index: 2;
}

.double-textarea textarea.first {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  min-height: 14rem;
}

.double-textarea textarea.first.preview {
  min-height: 15rem;
}

.double-textarea .read-only {
  background-color: #faf8f5;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  cursor: not-allowed;
  font-size: 1.125rem;
}

.double-textarea .read-only div {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  padding: 0.25rem 0.625rem;
}

.double-textarea .read-only:hover {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}

.double-textarea .read-only:hover div {
  background-color: white;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

.double-textarea textarea.second {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  min-height: 30rem;
}

.double-textarea textarea.second.preview {
  min-height: 36rem;
}

.simple-email-preview {
  margin: 3rem 0;
}

.italic {
  color: #b8ada7;
  font-family: 'proba-light-italic', Helvetica, sans-serif;
}

.button-container {
  display: inline-block;
  position: relative;
}

.button-group {

}

.button-group button, .button-group a.button {
  margin-bottom: 0.625rem;
}

.button-group.full-width {
  display: flex;
}

.button-group.full-width button, .button-group.full-width a.button, .button-group.full-width input[type=submit] {
  flex: 1;
}

.button-group.full-width button:last-child, .button-group.full-width a.button:last-child, .button-group.full-width input[type=submit]:last-child {
  margin-right: 0;
}

a.button, button, input[type=submit] {
  font-family: 'proba-light', Helvetica, sans-serif;
  margin: 0 0.625rem 0 0;
  -webkit-appearance: none;
  border: none;
  text-transform: uppercase;
  padding: 0.625rem 1.8125rem;
  cursor: pointer;
  font-size: 0.875rem;
  letter-spacing: 0.1rem;
  border-radius: 3px;
  display: inline-block;
  text-shadow: none;
  background: #20262d;
  color: #faf8f5;
}

a.button:focus, button:focus, input[type=submit]:focus {
  box-shadow: 0 0.5px 3px 3px #6fbfbd;
  outline: none;
}

a.button:hover, button:hover, input[type=submit]:hover {
  background-color: #44484d;
  text-decoration: none;
}

a.button.primary, button.primary, input[type=submit].primary {
  background-color: #20262d;
}

a.button.primary:hover, button.primary:hover, input[type=submit].primary:hover {
  background-color: #44484d;
}

a.button.secondary, button.secondary, input[type=submit].secondary {
  background-color: white;
  color: #20262d;
  border: 1px solid #20262d;
  text-decoration: none;
}

a.button.secondary:hover, button.secondary:hover, input[type=submit].secondary:hover {
  background-color: #cccccc;
  color: #20262d;
}

a.button.tertiary, button.tertiary, input[type=submit].tertiary {
  background-color: transparent;
  color: #20262d;
}

a.button.tertiary:hover, button.tertiary:hover, input[type=submit].tertiary:hover {
  background-color: #cccccc;
  color: #20262d;
}

a.button.tertiary h4, a.button.tertiary ul, button.tertiary h4, button.tertiary ul, input[type=submit].tertiary h4, input[type=submit].tertiary ul {
  letter-spacing: 0;
  text-transform: none;
}

a.button.tertiary ul, button.tertiary ul, input[type=submit].tertiary ul {
  font-size: 1rem;
}

a.button.cancel, button.cancel, input[type=submit].cancel {
  background-color: #de6660;
}

a.button.cancel:hover, button.cancel:hover, input[type=submit].cancel:hover {
  background-color: #f69799;
}

a.button.text, button.text, input[type=submit].text {
  background: transparent;
  color: #8f9296;
  font-size: 1rem;
  letter-spacing: 0;
  margin: 0;
  padding: 0;
  text-decoration: underline;
  text-transform: lowercase;
}

a.button.text:hover, button.text:hover, input[type=submit].text:hover {
  color: #6fbfbd;
}

a.button.big, button.big, input[type=submit].big {
  display: block;
  font-size: 1.8125rem;
}

a.button.tiny, button.tiny, input[type=submit].tiny {
  font-size: 0.8rem;
}

a.button.full-width, button.full-width, input[type=submit].full-width {
  text-align: center;
  width: 100%;
}

a.button:disabled, a.button.disabled, button:disabled, button.disabled, input[type=submit]:disabled, input[type=submit].disabled {
  background-color: #cccccc;
  border: none;
  color: white;
  cursor: auto;
}

a.button:disabled:hover, a.button.disabled:hover, button:disabled:hover, button.disabled:hover, input[type=submit]:disabled:hover, input[type=submit].disabled:hover {
  background-color: #cccccc;
}

a.button.loading, button.loading, input[type=submit].loading {
  margin: 0 0.625rem 0 0;
  position: static;
}

a.button.loading:after, button.loading:after, input[type=submit].loading:after {
  background-image: url('/img/icons/spinner.gif');
  background-size: 25px 25px;
  height: 25px;
  width: 25px;
  content: '';
  display: inline-block;
  margin-left: 1rem;
  vertical-align: sub;
}

a.button.circle, button.circle, input[type=submit].circle {
  background-color: transparent;
  border: 2px solid #b8ada7;
  border-radius: 50%;
  color: #362c2b;
  padding-bottom: 96%;
  position: relative;
  width: 100%;
}

a.button.circle.selected, button.circle.selected, input[type=submit].circle.selected {
  background-color: #6fbfbd;
  color: #faf8f5;
}

a.button.circle:hover, button.circle:hover, input[type=submit].circle:hover {
  opacity: 0.6;
}

a.button.circle div, button.circle div, input[type=submit].circle div {
  margin: auto;
  padding-top: 25%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

a.button.square-top-corners, button.square-top-corners, input[type=submit].square-top-corners {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

a.button.square-bottom-corners, button.square-bottom-corners, input[type=submit].square-bottom-corners {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

a.button.icon, button.icon, input[type=submit].icon {
  background-color: transparent;
  padding: 0;
}

a.button.centered, button.centered, input[type=submit].centered {
  display: block;
  margin: 0 auto;
  text-align: center;
}

a.button.vertical-pocky, button.vertical-pocky, input[type=submit].vertical-pocky {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.image-button {
  display: inline-block;
  margin-right: 1rem;
  max-width: 200px;
}

.gif-button img {
  display: block;
}

.gif-button:hover {
  cursor: pointer;
}

.gif-button button.primary:hover {
  background-color: #6fbfbd;
}

.select-button {
  background-color: #6fbfbd;
  border-radius: 3px;
  color: #faf8f5;
  display: inline-block;
  margin: 0 0.625rem 0 0;
  position: relative;
  z-index: 2;
}

.select-button span {
  display: inline-block;
  padding: 0.3rem 1.3125rem;
  vertical-align: top;
}

.select-button span:hover {
  background-color: #95dbc9;
  cursor: pointer;
}

.select-button span:first-child {
  border-right: 1px solid #faf8f5;
  width: 8rem;
}

.select-button span:nth-child(2) {
  padding: 0.98rem 1.3125rem;
}

.select-button span:nth-child(2):after {
  border-right: 5px solid transparent;
  top: 15px;
  content: '';
  width: 0;
  border-left: 5px solid transparent;
  right: 15px;
  position: absolute;
  border-top: 6px solid #faf8f5;
  height: 0;
}

.select-button .active {
  background-color: #95dbc9;
}

.select-button ul {
  background-color: #95dbc9;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  box-shadow: 1px 4px 7px #b8ada7;
  position: absolute;
  width: 100%;
}

.select-button li {
  padding: 0.3rem 1.3125rem;
}

.select-button li:hover {
  background-color: #6fbfbd;
  cursor: pointer;
}

button.tertiary:disabled, button.tertiary.disabled, .button.tertiary:disabled, .button.tertiary.disabled {
  background-color: transparent;
  color: #362c2b;
  cursor: auto;
}

.add-photo {
  padding-bottom: 1.13rem;
  text-align: center;
}

.select-menu {
  border-bottom: 1px solid #e2e2e2;
  min-width: 12rem;
  width: 100%;
  border-left: none;
  margin: 0 0.625rem 0 0;
  border-right: none;
  position: relative;
  border-top: none;
  background-color: white;
  border-radius: 0;
  display: inline-block;
}

.select-menu:focus {
  outline: none;
}

.select-menu span {
  display: inline-block;
  padding: 0.375rem 0;
  vertical-align: top;
  width: 100%;
}

.select-menu span:before {
  border-right: 7px solid transparent;
  top: 20px;
  content: '';
  width: 0;
  border-left: 7px solid transparent;
  right: 0;
  position: absolute;
  border-top: 6px solid #8f9296;
  height: 0;
}

.select-menu span:after {
  border-right: 7px solid transparent;
  top: 18px;
  content: '';
  width: 0;
  border-left: 7px solid transparent;
  right: 0;
  position: absolute;
  border-top: 6px solid white;
  height: 0;
}

.select-menu span:hover {
  cursor: pointer;
}

.select-menu ul {
  width: 100%;
  overflow-y: scroll;
  border: 1px solid #e3ded5;
  border-bottom-right-radius: 6px;
  position: absolute;
  border-bottom-left-radius: 6px;
  z-index: 2;
  box-shadow: 1px 4px 7px #b8ada7;
  background-color: white;
  max-height: 600px;
}

.select-menu li {
  padding: 0.3rem 1.3125rem;
}

.select-menu li.focused {
  background-color: #6fbfbd;
  color: #faf8f5;
  cursor: pointer;
}

.select-menu li:hover {
  cursor: pointer;
}

.checkbox-menu {
  width: 9rem;
  right: 0;
  top: 2rem;
  border: 1px solid #e3ded5;
  padding: 0.375rem 0;
  border-bottom-right-radius: 6px;
  position: absolute;
  border-bottom-left-radius: 6px;
  z-index: 1;
  box-shadow: 1px 4px 7px #b8ada7;
  background-color: white;
}

.checkbox-menu li {
  cursor: pointer;
  padding: 0 0.625rem;
}

.checkbox-menu li:hover {
  background-color: #faf8f5;
}

input[type=checkbox], input[type=radio] {
  display: inline-block;
  margin-right: 0.625rem;
  width: auto;
}

input[type=range] {
  background: transparent;
  border: none;
  margin-top: 6px;
  -webkit-appearance: none;
  width: 100%;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

input[type=range]:focus {
  box-shadow: none;
  outline: none;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  margin-top: -5px;
  height: 1rem;
  width: 0.625rem;
  border-radius: 6px;
  background: #695d5a;
  cursor: pointer;
}

input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  margin-top: -0.25rem;
  height: 1rem;
  width: 0.625rem;
  border-radius: 6px;
  background: #695d5a;
  cursor: pointer;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.375rem;
  cursor: pointer;
  background: #695d5a;
  border-radius: 6px;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 0.375rem;
  cursor: pointer;
  background: #695d5a;
  border-radius: 6px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #b8ada7;
}

.auto-suggester {
  border: 1px solid #e3ded5;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top: none;
  box-shadow: 1px 4px 7px #b8ada7;
  position: absolute;
  width: 100%;
  z-index: 3;
}

.auto-suggester li {
  background-color: white;
  padding: 0.375rem 0.625rem;
}

.auto-suggester li:hover {
  background-color: #6fbfbd;
  color: #faf8f5;
  cursor: pointer;
}

.auto-suggester li:hover span:after {
  border-left: 6px solid #faf8f5;
}

.auto-suggester li:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

span.tag {
  display: inline-block;
  margin-right: 1rem;
  position: relative;
}

span.tag:after {
  top: 7px;
  content: '';
  width: 0;
  border-left: 6px solid #362c2b;
  right: -12px;
  position: absolute;
  border-top: 5px solid transparent;
  height: 0;
  border-bottom: 5px solid transparent;
}

span.tag:last-child:after {
  display: none;
}

.pocky-input {
  display: -webkit-box;
             display: -webkit-flex;
             display: -ms-flexbox;
             display: flex;;
}

.pocky-input input {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  flex: 1;
}

.pocky-input button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  flex: 0 1 90px;
  margin: 0;
  z-index: 2;
}

.inline-fields .column {
  margin-right: 1rem;
}

.expiration-date label {
  display: block;
}

.expiration-date input {
  display: inline-block;
  width: 40%;
}

.expiration-date span {
  display: inline-block;
  margin: 0 0.5rem;
}

.react-autosuggest__container {
  position: relative;
}

.react-autosuggest__container ul {
  width: 100%;
  border: 1px solid #e3ded5;
  border-bottom-right-radius: 6px;
  position: absolute;
  border-bottom-left-radius: 6px;
  border-top: none;
  z-index: 3;
  box-shadow: 1px 4px 7px #b8ada7;
  margin-left: 0!important;
  padding-left: 0!important;
}

.react-autosuggest__container span {
  background-color: white;
  display: block;
  margin-bottom: 0;
  padding: 0.375rem 0.625rem;
}

.react-autosuggest__container span:hover {
  background-color: #6fbfbd;
  color: #faf8f5;
  cursor: pointer;
}

.react-autosuggest__container li {
  border: none;
}

.react-autosuggest__container li:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.react-autosuggest__container--open input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.react-autosuggest__suggestion.react-autosuggest__suggestion--focused span {
  background-color: #6fbfbd;
  color: #faf8f5;
  cursor: pointer;
}

.disable-auto-suggest-events .react-autosuggest__suggestion {
  pointer-events: none;
}

component|asset-model-search-component .react-autosuggest__suggestion {
  pointer-events: none;
}

.react-autosuggest__rejection-code {
  display: flex;
}

.react-autosuggest__rejection-code .rejected {
  flex: 0 0 12px;
  margin: 8px 8px 0 0;
}

.react-autosuggest__rejection-code .react-autosuggest__container {
  flex: 1;
}

.image-container img {
  cursor: grab;
  cursor: -webkit-grab;
  cursor: -moz-grab;
}

.image-container img.dragging {
  cursor: grabbing;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}

.dropzone {
  border: 1px solid #e3ded5;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 1rem;
}

.dropzone .dz-message {
  margin: 0;
}

.dropzone .dz-message img {
  display: block;
  margin: 0.5rem auto 0.625rem;
  max-width: 150px;
}

.dropzone-hover .dropzone {
  box-shadow: 0 0.5px 3px 3px #6fbfbd;
  outline: none;
  z-index: 12;
}

.uploader input[type=text] {
  border-top: none;
  border-top-left-radius: 0;
}

table {
  border: 1px solid #e3ded5;
  border-radius: 6px;
  width: 100%;
}

tr {
  border-top: 1px solid #e3ded5;
}

tr:last-child {
  border-bottom: 1px solid #e3ded5;
}

tr.active .approved {
  background-image: url('/img/icons/approved-active.png');
}

tr.active .rejected {
  background-image: url('/img/icons/rejected-active.png');
}

tr.active .clipboard {
  background-image: url('/img/icons/clipboard-active.png');
}

tr.active span.tag:after {
  border-left: 6px solid #faf8f5;
}

tr.active:hover td {
  background-color: #95dbc9;
}

tr:hover span.tag:after {
  border-left: 6px solid #6fbfbd;
}

nav > ul > .card > div > .row:last-child tr:last-child {
  border-bottom: 0;
}

nav > ul > .card > div > .row:last-child tr:last-child td:first-child {
  border-bottom-left-radius: 6px;
}

nav > ul > .card > div > .row:last-child tr:last-child td:last-child {
  border-bottom-right-radius: 6px;
}

th.icon, td.icon {
  position: relative;
  max-width: 12px;
  width: 12px;
}

th {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding: 0.25rem 1rem;
  text-align: left;
}

th.menu {
  border-top-left-radius: 0;
  cursor: pointer;
  padding: 0.25rem 0.625rem 0.25rem 1rem;
}

th.menu:hover, th.menu.active {
  background-color: #6fbfbd;
}

th.menu:hover .hamburger-menu-mini, th.menu.active .hamburger-menu-mini {
  background-image: url('/img/icons/hamburger-menu-mini-hover.png');
}

td {
  background-color: white;
  padding: 0.625rem 1rem;
  position: relative;
}

td.overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  width: 230px;
}

td.collapsed {
  background-image: url('/img/icons/details_open.png');
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  padding: 6px;
  width: 22px;
}

td.expanded {
  background-image: url('/img/icons/details_close.png');
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  padding: 6px;
  width: 22px;
}

tr.collapsed {
  display: none;
}

tr.expanded {
  display: table-row;
}

table.traversable tr.selected td:last-child:after {
  top: 15px;
  content: '';
  width: 0;
  border-left: 6px solid #362c2b;
  right: 10px;
  position: absolute;
  border-top: 5px solid transparent;
  height: 0;
  border-bottom: 5px solid transparent;
}

table.list {
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
}

table.list tr.disabled:hover td {
  background-color: white;
  color: #362c2b;
}

table.list tr.vip-request td {
  background-color: #f4eca8;
}

table.list tr.vip-request:hover td {
  background-color: #f9f3c7;
}

table.list tr.vip-request-priority td {
  background-color: #e3ae62;
}

table.list tr.vip-request-priority:hover td {
  background-color: #f8c67e;
}

table.list tr.vip-request-inprogress td {
  background-color: #d7eca8;
}

table.list tr.vip-request-inprogress:hover td {
  background-color: #f9f3c7;
}

table.list tr.in-progress td {
  background-color: #de6660;
  color: #faf8f5;
}

table.list tr.in-progress:hover td {
  background-color: #f69799;
  color: #faf8f5;
}

table.list tr.active td {
  background-color: #6fbfbd;
  color: #faf8f5;
}

table.list tr.active td:last-child:after {
  border-left: 6px solid #faf8f5;
}

table.list tr:hover {
  cursor: pointer;
}

table.list tr:hover td {
  background-color: #faf8f5;
  color: #6fbfbd;
}

table.list tr:hover .clipboard {
  background-image: url('/img/icons/clipboard-hover.png');
}

table.list tr.request-disabled td {
  background-color: #e3ded5;
  color: #faf8f5;
}

table.list tr.request-disabled:hover td {
  background-color: #b8ada7;
  color: #faf8f5;
}

table.expandable {
  border: none;
}

table.expandable tr:hover td {
  background-color: #faf8f5;
  cursor: pointer;
}

table.expandable .accordion:hover td {
  background-color: white;
  cursor: auto;
}

table.empty tr:hover {
  cursor: auto;
}

table.empty tr:hover td {
  background-color: white;
}

table.empty img {
  display: block;
}

table.files {
  border: none;
  table-layout: absolute;
}

table.files td {
  border: none;
  vertical-align: top;
}

table.files td:first-child {
  padding: 1.15rem;
  width: 150px;
}

table.files li {
  margin-bottom: 0.375rem;
}

table.files img {
  margin-bottom: 1rem;
  object-fit: contain;
  width: 100px;
  height: 100px;
}

table.files span {
  margin-right: 0.625rem;
}

table.files a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

table.files button.cancel {
  display: block;
  margin: 0;
}

table.tree img {
  max-width: 100px;
}

table.tree table {
  border-color: #e3ded5;
  border-width: 0 0 0 1px;
}

table.tree .focus {
  opacity: 1;
}

table.tree tr:hover {
  cursor: pointer;
}

table.tree tr:hover td {
  background-color: #faf8f5;
  color: #6fbfbd;
}

table.tree tr:hover td:last-child:after {
  border-left: 6px solid #6fbfbd;
}

table.tree tr:hover .clipboard {
  background-image: url('/img/icons/clipboard-hover.png');
}

table.tree td {
  padding-right: 0;
}

table.tree td.focus {
  background-color: #e3ded5;
  padding: 0 0 0.37rem 1rem;
}

.icon-list {
  margin-bottom: 1.8125rem;
}

.icon-list.no-margin {
  margin: 0;
}

.icon-list li {
  margin-bottom: 0.625rem;
}

.icon-list li span {
  display: inline-block;
  vertical-align: middle;
}

.icon-list li span:first-child {
  margin-right: 0.625rem;
}

.image-list {
  margin-bottom: 1.8125rem;
}

.image-list li {
  display: inline-block;
  margin-right: 1.8125rem;
}

.image-list img {
  display: block;
  max-height: 100px;
  max-width: 150px;
}

.image-list span {
  display: block;
  margin-bottom: 1rem;
}

ol.tree.data-browser {
  color: #b8ada7;
}

ol.tree.data-browser input {
  color: #b8ada7;
}

ol.tree.data-browser button.secondary {
  background-color: #b8ada7;
}

ol.tree.data-browser button.tertiary {
  color: #95dbc9;
}

ol.tree ul, ol.tree ol {
  border-left: 1px solid #e3ded5;
  margin-left: 1.3125rem;
  padding-left: 1.3125rem;
}

ol.tree li {
  position: relative;
}

ol.tree li.active {
  background-color: #faf8f5;
  color: #362c2b;
}

ol.tree li.active input {
  background-color: #faf8f5;
  color: #362c2b;
}

ol.tree li.active button.secondary {
  background-color: #695d5a;
}

ol.tree li.active .toggle:after {
  border-left: 6px solid #362c2b;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

ol.tree li.active .toggle.open:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #362c2b;
}

ol.tree span:first-child {
  padding-left: 1rem;
}

ol.tree fieldset {
  margin-bottom: 0;
  padding-bottom: 1rem;
}

ol.tree fieldset > ol {
  margin: 0;
  padding: 0;
}

ol.tree .icon {
  margin-left: 0.5rem;
}

ol.tree .icon:first-child {
  border: none;
  padding: 0;
}

ol.tree .toggle {
  cursor: pointer;
  flex: 0 0 2.3125rem;
  padding: 0.625rem 1.3125rem 0.625rem 1rem;
}

ol.tree .toggle:hover {
  background-color: #faf8f5;
}

ol.tree .toggle:after {
  top: 18px;
  content: '';
  width: 0;
  border-left: 6px solid #e3ded5;
  position: absolute;
  border-top: 5px solid transparent;
  height: 0;
  border-bottom: 5px solid transparent;
  left: 20px;
}

ol.tree .toggle.open:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #e3ded5;
  left: 18px;
  top: 21px;
}

ol.tree .tree-node {
  cursor: pointer;
  flex: 1;
  padding: 0.625rem 1rem 0.625rem 0.325rem;
}

ol.tree .tree-node label, ol.tree .tree-node span {
  margin-right: 1rem;
}

ol.tree .select {
  cursor: pointer;
  flex: 1;
  padding: 0.625rem 1rem 0.625rem 0.325rem;
}

ol.tree .select:hover {
  background-color: #faf8f5;
}

ol.tree .select:hover:after {
  top: 17px;
  content: '';
  width: 0;
  border-left: 6px solid #362c2b;
  right: 10px;
  position: absolute;
  border-top: 5px solid transparent;
  height: 0;
  border-bottom: 5px solid transparent;
}

ol.tree .select.active {
  background-color: #6fbfbd;
  color: #faf8f5;
}

ol.tree .select.active:hover {
  background-color: #faf8f5;
}

ol.tree .select.active:after {
  top: 17px;
  content: '';
  width: 0;
  border-left: 6px solid #faf8f5;
  right: 10px;
  position: absolute;
  border-top: 5px solid transparent;
  height: 0;
  border-bottom: 5px solid transparent;
}

ol.tree .select.active:hover {
  background-color: #95dbc9;
}

ol.tree img {
  max-height: 100px;
}

ol.tree ul.binaries span {
  padding-left: 1rem;
}

ol.tree ul.binaries span:before {
  border-width: 0;
}

ol.list li {
  border-top: 1px solid #e3ded5;
  padding: 0.625rem 1rem;
}

ol.list li, ul.list li {
  border-top: 1px solid #e3ded5;
  padding: 1rem 0;
}

ol.list li:last-child, ul.list li:last-child {
  border-bottom: 1px solid #e3ded5;
}

ol.comments {
  margin-bottom: 1.8125rem;
}

ol.comments li {
  border-top: 1px solid #e3ded5;
  padding: 0.625rem 0;
}

ol.comments li:last-child {
  border-bottom: 1px solid #e3ded5;
}

ol.select-header li {
  padding: 0.625rem 1rem;
}

.pane-hScroll, .pane-vScroll {
  font-size: 0.8rem;
  line-height: 0.8rem;
}

.flash-message {
  color: white;
  margin-bottom: 1rem;
  padding: 0.375rem 0;
}

.flash-message a {
  color: #20262d;
  text-decoration: underline;
}

.flash-message a:hover {
  color: #44484d;
}

.flash-message p {
  margin-bottom: 0;
}

.flash-message.error {
  color: #d73120;
}

.flash-message.success {
  color: #6fbfbd;
}

fieldset .flash-message {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-bottom: 0;
}

.big-text .become-a-sponsor .row, .big-text .become-a-sponsor .column, .big-text .become-a-sponsor h4 {
  margin: 0;
}

.big-text .image-buttons .column:first-child {
  margin-right: 1rem;
}

.big-text .image-buttons button, .big-text .image-buttons .button {
  border: 1px solid #e3ded5;
  font-size: 1.3125rem;
  margin: 0;
  text-align: center;
}

.big-text .image-buttons button.selected, .big-text .image-buttons .button.selected {
  border: 1px solid #6fbfbd;
  box-shadow: 0 0.5px 3px 3px #6fbfbd;
  outline: none;
}

.big-text .image-buttons span {
  display: block;
  margin: 0 auto 1rem auto;
}

.big-text .image-buttons img {
  display: block;
  margin: 1rem auto;
  max-width: 156px;
}

.big-text .image-buttons.plan-details {
  margin-bottom: 1rem;
}

.big-text .image-buttons.plan-details button, .big-text .image-buttons.plan-details .button {
  color: #362c2b;
  font-size: 1.1rem;
  text-align: left;
}

.big-text .select-menu span {
  padding: 0.3rem 1.3125rem;
}

.sponsorship-signup h4 {
  margin-bottom: 1rem;
}

.sponsorship-signup .image-container:after {
  content: '';
  display: block;
  padding-bottom: 100%;
}

.sponsorship-signup .image-container img {
  position: absolute;
}

.ios-only {
  text-align: center;
}

.ios-only img {
  display: block;
  height: auto;
  margin: 1.8125rem auto 1rem auto;
  width: 175px;
}

.ios-only button, .ios-only a.button {
  margin: 0;
  padding: 0.75rem 1.3125rem;
}

.column.sponsorship-signup-process {
  margin: 0;
  min-height: 56rem;
}

.progress {
  margin-right: 0;
  width: 25rem;
  position: absolute;
  right: 0;
}

.progress-marker {
  border-left: 2px solid #cccccc;
  padding-left: 1.3125rem;
}

.progress-marker .future-step {
  margin-bottom: 1rem;
  min-height: 3rem;
  position: relative;
}

.progress-marker .future-step:before {
  width: 1rem;
  top: 1rem;
  height: 1rem;
  border: 2px solid #cccccc;
  position: absolute;
  content: '';
  background-color: #f6f6f6;
  border-radius: 50%;
  display: block;
  left: -2rem;
}

.progress-marker .card .container {
  padding: 1rem;
}

.progress-marker .card:before {
  width: 1rem;
  top: 1rem;
  height: 1rem;
  border: 2px solid #cccccc;
  position: absolute;
  content: '';
  background-color: #f6f6f6;
  border-radius: 50%;
  display: block;
  left: -2rem;
}

.progress-marker .card:after {
  top: 21px;
  content: '';
  background-color: #6fbfbd;
  width: 10px;
  display: block;
  position: absolute;
  border-radius: 50%;
  height: 10px;
  left: -27px;
}

.progress-marker img {
  margin: 1rem 0;
  max-height: 100px;
  max-width: 100px;
}

.progress-marker p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  margin-bottom: 0;
}

.progress-marker ul.sponsorship-images {
  margin-bottom: 0;
  text-align: left;
}

.progress-marker ul.sponsorship-images img {
  max-height: 200px;
  max-width: 345px;
}

.progress-marker-mobile {
  display: none;
  margin-bottom: 1.8125rem;
}

.progress-marker-mobile li {
  border-bottom: 2px solid #b8ada7;
  display: inline-block;
  position: relative;
  width: 16%;
}

.progress-marker-mobile li:before {
  width: 0.8rem;
  top: -0.4rem;
  height: 0.8rem;
  border: 2px solid #b8ada7;
  position: absolute;
  content: '';
  background-color: #6fbfbd;
  border-radius: 50%;
  display: block;
  left: 40%;
}

.progress-marker-mobile li.future-step:before {
  background-color: #faf8f5;
  border: 2px solid #b8ada7;
}

.mobile-sponsorship-ad {
  line-height: 1.3125rem;
  max-width: 100%;
}

.mobile-sponsorship-ad.container {
  padding: 0.25rem 0;
}

.mobile-sponsorship-ad h4 {
  font-size: 1.3125rem;
  line-height: 1.8125rem;
  margin-bottom: 0.625rem;
}

.mobile-sponsorship-ad p {
  font-size: 1rem;
  line-height: 1.3125rem;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.sponsorship-preview-window {
  margin-bottom: 2.625rem;
  position: relative;
}

.sponsorship-preview-window .background-color {
  background-color: white;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80%;
  z-index: -1;
}

.sponsorship-preview-window img {
  max-width: 100%;
}

.sponsorship-preview-window .web-sponsorship-ad {
  max-width: 350px;
  width: 100%;
  padding: 0;
  position: absolute;
  left: 22%;
  top: 30px;
}

.sponsorship-preview-window .web-sponsorship-ad.container {
  padding: 1rem;
}

.sponsorship-preview-window .web-sponsorship-ad h4 {
  font-size: 1.8125rem;
  margin-bottom: 1.3125rem;
}

.sponsorship-preview-window .web-sponsorship-ad p {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

ul.sponsorship-images {
  margin-bottom: 1rem;
  text-align: center;
}

ul.sponsorship-images li {
  display: inline-block;
  vertical-align: middle;
}

ul.sponsorship-images li:nth-child(2) {
  margin-left: 1rem;
  max-width: 49%;
}

img.portrait {
  border: 1px solid #e3ded5;
  border-radius: 50%;
  object-fit: cover;
  height: 200px;
  width: 200px;
}

img.portrait.medium {
  height: 140px;
  width: 140px;
}

img.portrait.small {
  height: 100px;
  width: 100px;
}

img.sponsors-logo {
  max-height: 100px;
  object-fit: contain;
  width: 100px;
}

img.custom-branding {
  display: block;
  margin: 0 auto;
  max-height: 100px;
  width: auto;
}

.sponsorship-plans {
  margin-bottom: 3.975rem;
}

.sponsorship-plans img {
  display: block;
  margin: 0 auto 1.8125rem;
  max-width: 190px;
}

.sponsorship-plans p {
  margin-bottom: 1rem;
}

.sponsorship-plans ul {
  font-size: 1.3125rem;
}

.faq h3 {
  margin-bottom: 1.8125rem;
}

.faq li {
  margin-bottom: 1.8125rem;
}

.user-dashboard .hgroup button {
  font-size: 1.3125rem;
  margin-top: 0.4rem;
}

.user-dashboard table {
  border: none;
}

.user-dashboard table.example {
  margin-top: 1rem;
}

.user-dashboard table.example thead tr {
  border-top: 1px solid #e3ded5;
}

.user-dashboard thead tr {
  border-top: none;
}

.user-dashboard tbody tr:last-child {
  border-bottom: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.user-dashboard tbody tr:last-child td:first-child {
  border-bottom-left-radius: 6px;
}

.user-dashboard tbody tr:last-child td:last-child {
  border-bottom-right-radius: 6px;
}

.dashboard-navigation {
  border-bottom: 2px solid #e3ded5;
  margin-bottom: 3.9275rem;
}

.dashboard-navigation .column {
  height: 2.8rem;
  margin-bottom: 0;
}

.dashboard-navigation .active-view button {
  color: #6fbfbd;
  top: 2px;
}

.dashboard-navigation button {
  background-color: #faf8f5;
  border: 2px solid #e3ded5;
  border-bottom: none;
  color: #362c2b;
  font-size: 1.3125rem;
  position: absolute;
}

.profile img.custom-branding, .send-invitation img.custom-branding {
  max-height: 100%;
  max-width: 100%;
}

.profile img.sponsors-logo {
  max-height: 200px;
  width: 200px;
}

div.editable-image {
  position: relative;
}

div.editable-image span {
  box-shadow: 0 0.5px 3px 3px hsla(12, 7.6923075%, 38.235294%, 0.25);
  top: -10px;
  width: 40px;
  right: -10px;
  display: none;
  position: absolute;
  border-radius: 50%;
  background-size: 40px 40px;
  height: 40px;
}

div.editable-image.portrait {
  border-radius: 50%;
}

div.editable-image.portrait span {
  top: 6px;
  right: 6px;
}

div.editable-image span:hover {
  cursor: pointer;
}

div.editable-image img:hover {
  cursor: pointer;
}

div.editable-image img:hover + span {
  display: block;
}

ol.select-header li {
  padding: 0.625rem 1rem;
}

.send-invitation ul.recipients {
  height: 75rem;
  overflow: scroll;
}

.send-invitation ul.recipients span:hover {
  cursor: pointer;
}

.send-invitation ul.recipients li:first-child {
  border-bottom: 1px solid #e3ded5;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}

.send-invitation .column:last-child {
  flex: 2;
}

.send-invitation .logo {
  display: block;
  margin: 0 auto 1.315rem;
  width: 35%;
}

.send-invitation p {
  margin-bottom: 1rem;
}

.send-invitation textarea {
  margin-bottom: 1rem;
  min-height: 5.5rem;
}

.send-invitation ul.sponsorship-images {
  margin: 0;
  max-width: 225px;
}

table.properties .overflow-ellipsis {
  vertical-align: bottom;
}

.pdf section {
  margin-top: 1rem;
}

.pdf .logo {
  width: 160px;
}

.pdf h3 {
  margin-bottom: 0;
}

.help-badge {
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  box-shadow: 1px 4px 7px #b8ada7;
  position: fixed;
  right: 0;
  top: 30%;
}

.help-badge h4 {
  color: white;
}

.help-badge div {
  display: inline-block;
  vertical-align: middle;
}

.help-badge div:first-child {
  background-color: #6fbfbd;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  color: #faf8f5;
  font-family: 'proba-bold', Helvetica, sans-serif;
  padding: 0.85rem 0.75rem;
}

.help-badge div:nth-child(2) {
  background-color: white;
  border-bottom: 1px solid #e3ded5;
  border-top: 1px solid #e3ded5;
  display: none;
  padding: 0.25rem 0.5rem;
}

.help-badge div:nth-child(2):hover {
  display: inline-block;
}

.help-badge div:first-child:hover + div {
  display: inline-block;
}

.help-badge img {
  height: 20px;
  width: 20px;
}

.help-badge a:hover {
  color: #6fbfbd;
  cursor: pointer;
}

.nameplate-help section:first-child {
  margin-top: 2rem;
}

.nameplate-help .card {
  margin-bottom: 3rem;
}

.admin {
  color: #20262d;
}

.admin section:first-child {
  margin: 0;
  padding: 0;
}

.admin .container {
  max-width: 100%;
  min-width: 95%;
}

.admin .column {
  border-radius: 6px;
}

.admin nav h4 {
  cursor: pointer;
  line-height: 1.3125rem;
  margin: 0;
  padding: 0.625rem 1rem;
}

.admin nav h4:hover {
  color: #6fbfbd;
}

.admin label {
  color: #20262d;
  font-family: 'proba-bold', Helvetica, sans-serif;
  font-size: 0.6725rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.admin input, .admin textarea {
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding: 0.375rem 0.625rem;
}

.admin input:focus, .admin textarea:focus {
  box-shadow: 0 0.5px 3px 3px #6fbfbd;
  outline: none;
  z-index: 12;
}

.admin a.button, .admin button, .admin input[type=submit] {
  font-size: 1rem;
  letter-spacing: 0;
  padding: 0.3rem 1.3125rem 0.3rem;
  text-transform: none;
}

.admin a.button.primary, .admin button.primary, .admin input[type=submit].primary {
  background-color: #6fbfbd;
}

.admin a.button.primary:hover, .admin button.primary:hover, .admin input[type=submit].primary:hover {
  background-color: #95dbc9;
}

.admin a.button.tertiary, .admin a.button.secondary, .admin button.tertiary, .admin button.secondary, .admin input[type=submit].tertiary, .admin input[type=submit].secondary {
  background-color: #20262d;
  color: white;
  text-decoration: none;
}

.admin a.button.tertiary:hover, .admin a.button.secondary:hover, .admin button.tertiary:hover, .admin button.secondary:hover, .admin input[type=submit].tertiary:hover, .admin input[type=submit].secondary:hover {
  background-color: #44484d;
  color: white;
}

.admin .no-padding-top {
  padding-top: 0;
}

.pagination {
  display: flex;
  magin-bottom: 1rem;
}

.pagination button, .pagination .button, .pagination a {
  letter-spacing: 0;
  padding: 0.25rem;
  text-transform: none;
}

.pagination button:last-child, .pagination .button:last-child, .pagination a:last-child {
  margin-right: 0;
}

.pagination div {
  margin-right: 0.625rem;
}

.loading {
  margin: auto;
  max-width: 200px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.big-image {
  text-align: center;
}

.big-image img {
  display: block;
  margin: 1.1825rem auto 2.625rem;
  max-width: 600px;
  width: 100%;
}

.big-image button {
  margin: 0 auto 1rem;
}

.big-image h3 {
  margin-bottom: 0.625rem;
}

.big-image rem {
  display: block;
}

.thumbnails {
  margin-bottom: 1.3125rem;
}

.thumbnails li {
  background-color: #6fbfbd;
  border: 1px solid white;
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 32%;
}

.thumbnails li:hover {
  border: 1px solid #e3ded5;
  cursor: pointer;
}

.thumbnails li:hover span {
  display: block;
}

.thumbnails div {
  background-size: 100px 100px;
  width: 100px;
  height: 100px;
}

.thumbnails span {
  display: none;
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  z-index: 2;
}

.image-container {
  background-color: #6fbfbd;
  border: 1px solid #e3ded5;
  border-radius: 6px;
  margin-bottom: 0.625rem;
  max-height: 80%;
  max-width: 100%;
  overflow: hidden;
}

.image-container img {
  max-width: 100%;
  width: 100%;
}

.image-controls .column:last-child {
  text-align: right;
}

.image-controls span {
  display: inline-block;
  margin-right: 0.625rem;
  position: relative;
}

.image-controls .mini-tooltip {
  position: absolute;
}

.slider-controls .column {
  margin-right: 0;
}

.slider-controls .column:last-child {
  text-align: right;
}

.mini-tooltip {
  font-family: 'proba-bold', Helvetica, sans-serif;
  font-size: 0.6725rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: 'proba-bold', Helvetica, sans-serif;
  padding: 0.1rem 0.5rem 0.3rem;
  position: absolute;
  z-index: 2;
  background-color: #6fbfbd;
  border-radius: 1rem;
  display: block;
  bottom: -22px;
  color: #faf8f5;
  left: -14px;
}

.slider-bar {
  background-color: #695d5a;
  border-radius: 6px;
  height: 0.25rem;
  margin: 0.5rem auto 0;
  position: relative;
  width: 100%;
}

.slider-handle {
  background-color: #695d5a;
  border-radius: 6px;
  height: 1rem;
  position: absolute;
  top: -0.375rem;
  width: 0.625rem;
}

.slider-handle:hover {
  background-color: #b8ada7;
  cursor: pointer;
}

ul.property-details {
  margin-left: 1rem;
}

ul.property-details li {
  border: none;
}

ul.property-details img, ul.property-details video {
  max-width: 100%;
}

.checked-out {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  color: #faf8f5;
}

.checked-out h5 {
  padding: 1rem;
}

.checked-out button.tertiary {
  background-color: #faf8f5;
  color: #362c2b;
}

.checked-out button.tertiary:hover {
  color: #95dbc9;
}

.checked-out.editable {
  background-color: #6fbfbd;
}

.checked-out.uneditable {
  background-color: #c4745f;
}

.toggle-column {
  background-color: white;
  border: 1px solid #e3ded5;
  border-radius: 3px;
  display: inline-block;
  padding: 0.625rem;
  position: relative;
}

.toggle-column.hide:before {
  border-right: 5px solid #362c2b;
  top: 5px;
  content: '';
  width: 0;
  position: absolute;
  border-top: 5px solid transparent;
  height: 0;
  border-bottom: 5px solid transparent;
  left: 7px;
}

.toggle-column.hide:hover:before {
  border-right: 5px solid #6fbfbd;
}

.toggle-column.show:before {
  top: 5px;
  content: '';
  width: 0;
  border-left: 5px solid #362c2b;
  right: 7px;
  position: absolute;
  border-top: 5px solid transparent;
  height: 0;
  border-bottom: 5px solid transparent;
}

.toggle-column.show:hover:before {
  border-left: 5px solid #6fbfbd;
}

.toggle-column:hover {
  cursor: pointer;
}

.intro-video {
  max-height: 550px;
  min-height: auto;
  overflow: hidden;
  padding: 3.5rem 0 0 0;
  position: relative;
}

.intro-video .iframe-container {
  position: absolute;
  top: 3.5rem;
  left: 0;
  right: 0;
  bottom: 0;
}

.intro-video iframe {
  height: 100%;
  width: 100%;
}

.intro-video .call-to-action {
  text-align: center;
  bottom: 0;
  top: 6rem;
  width: 36rem;
  right: 0;
  position: absolute;
  height: 12rem;
  left: 0;
  margin: auto;
}

.intro-video .play-button {
  margin: 0 auto 3.975rem;
}

.intro-video h2 {
  color: #faf8f5;
}

.intro-video .video-container {
  height: 493px;
  position: relative;
}

.intro-video video {
  opacity: 0.5;
  margin: auto;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.shrink-button {
  width: 20px;
  background-position: center center;
  right: 0.7rem;
  top: 5.8rem;
  background-repeat: no-repeat;
  height: 20px;
  padding: 1.1rem;
  position: absolute;
  background-size: 20px 20px;
  background-color: hsla(210, 6.25%, 6.27451%, 0.5);
  border-radius: 5px;
  background-image: url('/img/icons/shrink.png');
}

.shrink-button:hover {
  background-color: #6fbfbd;
  cursor: pointer;
}

.shrink-button:hover .vimeo-tooltip {
  display: block;
}

.shirnk-button:hover .vimeo-tooltip {
  display: block;
}

.vimeo-tooltip {
  color: #faf8f5;
  top: 0;
  background-color: hsla(210, 6.25%, 6.27451%, 0.5);
  padding: 0.43rem 0.65rem;
  display: none;
  position: absolute;
  border-radius: 3px;
  font-family: 'proba-bold', Helvetica, sans-serif;
  left: -4.5rem;
}

.vimeo-tooltip:after {
  width: 0;
  right: -5px;
  border-width: 8px 0px 8px 8px;
  top: 7px;
  border-color: transparent transparent transparent hsla(210, 6.25%, 6.27451%, 0.5);
  height: 0;
  margin: 3px auto 0;
  padding: 0;
  border-style: solid;
  position: absolute;
  content: '';
  display: block;
}

img.arrow-1 {
  position: absolute;
  max-width: 64px;
  top: 125px;
  right: -40px;
}

img.arrow-2 {
  position: absolute;
  max-width: 85px;
  top: 165px;
  right: -45px;
}

.posts li {
  border-bottom: 6px solid #b8ada7;
  width: 29%;
  border-left: 6px solid #e3ded5;
  margin: 0 3% 2.625rem 0;
  vertical-align: top;
  border-right: 6px solid #b8ada7;
  border-top: 6px solid #e3ded5;
  box-shadow: 0.375rem 0.375rem 2rem #007682;
  background-color: #faf8f5;
  border-radius: 10px;
  display: inline-block;
}

.posts li a {
  color: #362c2b;
  display: block;
}

.posts li a:hover {
  color: #95dbc9;
  text-decoration: none;
}

.posts li a:hover img {
  opacity: 0.8;
}

.posts li img {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin-bottom: 1.3125rem;
  width: 100%;
}

.posts li div {
  padding: 0 1rem 1rem 1rem;
}

.posts li h3 {
  margin-bottom: 0.375rem;
}

.posts li p {
  display: block;
      display:           -webkit-box;;
  height: 5.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

@media screen and (max-width: 1400px) {

  .column.first, .column.second {
    max-width: 50%;
  }

}

@media screen and (max-width: 1300px) {

  
  
  .horizontal-scroll .column.flexible {
    max-width: 50%;
  }

}

@media screen and (max-width: 1150px) {

  .horizontal-scroll > .row > .column {
    max-width: 50%;
  }
  
  
  
  .double-wide .row {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

}

@media screen and (max-width: 1050px) {

  .column.sponsorship-signup-process {
    margin: 0 auto;
  }
  
  .column.progress {
    display: none;
  }
  
  .progress-marker-mobile {
    display: block;
  }
  
  
  
  .hgroup.client-invitations .row {
    flex-direction: column;
  }
  
  .hgroup.client-invitations .column:nth-child(2) {
    text-align: left;
  }

}

@media screen and (max-width: 1000px) {

  
  
  .posts li {
    width: 45%;
  }

}

@media screen and (max-width: 900px) {

  
  
  header.marketing-mirror .container {
    padding-right: 0;
  }
  
  header.marketing-mirror .hamburguesa {
    display: inline-block;
  }
  
  
  
  .header-menu li:nth-child(1), .header-menu li:nth-child(2), .header-menu li:nth-child(3) {
    display: none;
  }
  
  .header-menu li:last-child {
    display: block;
  }
  
  
  
  .column.half {
    max-width: 100%;
  }
  
  .column.two-thirds {
    flex: 1;
  }

}

@media screen and (max-width: 800px) {

  .horizontal-scroll > .row > .column {
    max-width: 100%;
  }
  
  .row {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  
  .row.quarters {
    -webkit-flex-direction: row;
    flex-direction: row;
  }
  
  .column {
    margin-right: 0;
  }
  
  
  
  .hgroup .column:nth-child(2) {
    text-align: left;
  }
  
  
  
  .sponsorship-signup .row {
    -webkit-flex-direction: row;
    flex-direction: row;
  }
  
  
  
  .row.equal-height-columns .column {
    display: block;
  }
  
  
  
  .circle-buttons .column:first-child {
    margin-right: 1rem;
  }
  
  .circle-buttons h1 {
    font-size: 2rem;
    line-height: 2.625rem;
  }
  
  .circle-buttons span {
    font-size: 1.3125rem;
  }
  
  .circle-buttons .save-30 {
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
  }
  
  .dashboard-navigation, .dashboard-navigation-buttons {
    -webkit-flex-direction: row;
    flex-direction: row;
  }
  
  .dashboard-navigation .column, .dashboard-navigation-buttons .column {
    margin-right: 1rem;
  }
  
  .dashboard-navigation .column:last-child, .dashboard-navigation-buttons .column:last-child {
    margin-right: 0;
  }
  
  .dashboard-navigation button, .dashboard-navigation-buttons button {
    padding: 0.5rem;
  }
  
  .dashboard-navigation-buttons {
    font-size: 1rem;
  }
  
  .dashboard-navigation-buttons button {
    font-size: 1.125rem;
  }
  
  
  
  table.clients th:first-child, table.clients td:first-child {
    display: none;
  }
  
  
  
  .send-invitation ul.recipients {
    height: 10rem;
  }
  
  footer.marketing-mirror {
    font-size: 0.9rem;
    line-height: 1.3125rem;
  }
  
  footer.marketing-mirror .footer-navigation {
    -webkit-flex-direction: row;
    flex-direction: row;
  }
  
  footer.marketing-mirror .footer-navigation .column {
    margin: 0;
  }
  
  footer.marketing-mirror .footer-navigation .column:first-child {
    flex: 100%;
    margin: 0 0 2rem 0;
  }
  
  footer.marketing-mirror .footer-navigation .column:nth-child(2), footer.marketing-mirror .footer-navigation .column:nth-child(3), footer.marketing-mirror .footer-navigation .column:nth-child(4) {
    flex: 1;
    margin: 0 auto;
    text-align: center;
  }
  
  footer.marketing-mirror .footer-navigation li {
    font-size: 1.125rem;
  }
  
  footer.marketing-mirror .footer-navigation a.button {
    font-size: 0.85rem;
    padding: 0.4rem 1rem;
    width: 80%;
  }

}

@media screen and (max-width: 740px) {

  .column.progress {
    display: none;
  }

}

@media screen and (max-width: 675px) {

  
  
  .posts li {
    width: 100%;
  }

}

@media screen and (max-width: 580px) {

  .help-badge {
    bottom: 0;
    box-shadow: none;
    top: auto;
  }
  
  .help-badge div:first-child {
    display: none;
  }
  
  .help-badge div:nth-child(2) {
    border: none;
    display: block;
    font-size: 0.8rem;
    line-height: 1rem;
    opacity: 0.9;
  }

}

@media screen and (max-width: 550px) {

  
  
  .header-menu li:nth-child(4) {
    display: none;
  }
  
  
  
  .sidebar-menu li:first-child {
    display: block;
  }
  
  
  
  .sponsorship-preview-window .web-sponsorship-ad {
    left: 23%;
    max-width: 250px;
    top: 35px;
  }
  
  .sponsorship-preview-window .web-sponsorship-ad h4 {
    font-size: 1.3125rem;
    margin-bottom: 1rem;
  }
  
  .sponsorship-preview-window .web-sponsorship-ad img.portrait {
    height: 70px;
    width: 70px;
  }
  
  .sponsorship-preview-window .web-sponsorship-ad img.sponsors-logo {
    max-height: 70px;
    width: 70px;
  }
  
  .sponsorship-preview-window .web-sponsorship-ad img.custom-branding {
    max-height: 70px;
  }
  
  .dashboard-navigation-buttons {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  
  
  
  .profile img.portrait {
    max-height: 175px;
    width: 175px;
  }
  
  
  
  footer.marketing-mirror .footer-navigation {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  
  footer.marketing-mirror .footer-navigation .column:first-child {
    flex: 1;
  }

}

@media screen and (max-width: 500px) {

  .row.image-buttons {
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  
  .row.image-buttons .column:first-child {
    margin-bottom: 1rem;
    margin-right: 0;
  }
  
  .row.image-buttons button {
    width: 100%;
  }
  
  
  
  table.properties thead {
    display: none;
  }
  
  table.properties tr:first-child {
    border: none;
  }
  
  table.properties tr:first-child td:nth-child(2) {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  
  table.properties td {
    display: block;
  }
  
  table.properties td:first-child {
    display: none;
  }
  
  table.properties td:nth-child(2):before {
    content: 'address';
    display: block;
    font-family: 'proba-bold', Helvetica, sans-serif;
    font-size: 0.6725rem;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  
  table.properties td:nth-child(3):before {
    content: 'date created';
    display: block;
    font-family: 'proba-bold', Helvetica, sans-serif;
    font-size: 0.6725rem;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  
  table.properties td:nth-child(4):before {
    content: 'status';
    display: block;
    font-family: 'proba-bold', Helvetica, sans-serif;
    font-size: 0.6725rem;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  
  iframe.video {
    height: 250px;
  }
  
  
  
  .dashboard-navigation .column {
    height: 2.4rem;
  }
  
  .dashboard-navigation button {
    font-size: 1rem;
  }
  
  
  
  .profile img.portrait {
    max-height: 150px;
    width: 150px;
  }

}

@media screen and (max-width: 450px) {

  
  
  .sponsorship-preview-window .web-sponsorship-ad {
    left: 20%;
    top: 5px;
    width: 200px;
  }
  
  .sponsorship-preview-window .web-sponsorship-ad p {
    font-size: 1rem;
    line-height: 1.125rem;
  }
  
  .sponsorship-preview-window .web-sponsorship-ad a {
    font-size: 1rem;
    line-height: 1.125rem;
  }
  
  
  
  .profile img.portrait {
    max-height: 125px;
    width: 125px;
  }
  
  iframe.video {
    height: 225px;
  }

}

@media screen and (max-width: 380px) {

  h3 {
    font-size: 1.3125rem;
  }
  
  
  
  
  
  .user-dashboard .hgroup button, .user-dashboard .hgroup a.button {
    font-size: 1.125rem;
  }
  
  
  
  .big-text button, .big-text a.button, .big-text input {
    font-size: 1.125rem;
  }
  
  
  
  .inline-fields .column {
    margin-bottom: 1rem;
  }
  
  
  
  .dashboard-navigation .column {
    height: 2.2rem;
  }
  
  .dashboard-navigation button {
    font-size: 0.85rem;
  }
  
  
  
  .profile img.portrait {
    max-height: 100px;
    width: 100px;
  }
  
  
  
  .sponsorship-preview-window .web-sponsorship-ad {
    font-size: 0.8rem;
    left: 20%;
    max-width: 200px;
    top: 10px;
  }
  
  .sponsorship-preview-window .web-sponsorship-ad h4 {
    font-size: 1.125rem;
    margin-bottom: 0.375rem;
  }
  
  .sponsorship-preview-window .web-sponsorship-ad p {
    font-size: 0.85rem;
    line-height: 1rem;
  }
  
  .sponsorship-preview-window .web-sponsorship-ad a {
    font-size: 0.85rem;
    line-height: 1rem;
  }
  
  .sponsorship-preview-window .web-sponsorship-ad ul.sponsorship-images {
    margin-bottom: 0.375rem;
  }
  
  iframe.video {
    height: 200px;
  }

}

@media screen and (max-width: 350px) {

  
  
  .sponsorship-preview-window .web-sponsorship-ad {
    max-width: 175px;
    top: 5px;
  }
  
  .sponsorship-preview-window .web-sponsorship-ad.container {
    padding: 0.625rem;
  }
  
  .sponsorship-preview-window .web-sponsorship-ad img.portrait {
    height: 50px;
    width: 50px;
  }
  
  .sponsorship-preview-window .web-sponsorship-ad img.sponsors-logo {
    max-height: 50px;
    width: 50px;
  }
  
  iframe.video {
    height: 175px;
  }

}

@media screen and (max-width: 350px) and (min-width: 320px) {

  
  
  .mobile-sponsorship-ad .portrait {
    height: 125px;
    width: 125px;
  }
  
  .mobile-sponsorship-ad .logo {
    max-height: 125px;
    width: 125px;
  }

}

@media screen and (max-width: 250px) {

  
  
  .mobile-sponsorship-ad h4 {
    font-size: 1.3125rem;
    line-height: 1rem;
  }
  
  .mobile-sponsorship-ad p {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  
  .mobile-sponsorship-ad img {
    max-height: 70px;
  }
  
  .mobile-sponsorship-ad .portrait {
    height: 70px;
    width: 70px;
  }
  
  .mobile-sponsorship-ad .logo {
    max-height: 70px;
    width: 70px;
  }
  
  .mobile-sponsorship-ad .custom-branding {
    max-height: 70px;
  }

}

@media screen and (max-width: 195px) {

  
  
  .mobile-sponsorship-ad h4 {
    font-size: 1rem;
    line-height: 1rem;
  }
  
  .mobile-sponsorship-ad p {
    font-size: 0.625rem;
    line-height: 0.75rem;
  }
  
  .mobile-sponsorship-ad img {
    max-height: 60px;
  }
  
  .mobile-sponsorship-ad .portrait {
    height: 60px;
    width: 60px;
  }
  
  .mobile-sponsorship-ad .logo {
    max-height: 60px;
    width: 60px;
  }

}

@media screen and (min-height: 1200px) {

  .horizontal-scroll > .row {
    height: 88vh;
  }
  
  .pane-vScroll {
    height: 63vh;
  }

}

@media screen and (max-height: 1200px) {

  .horizontal-scroll > .row {
    height: 86vh;
  }
  
  .pane-vScroll {
    max-height: 61vh;
  }

}

@media screen and (max-height: 1160px) {

  .horizontal-scroll > .row {
    height: 84vh;
  }
  
  .pane-vScroll {
    max-height: 57vh;
  }

}

@media screen and (max-height: 940px) {

  .react-autosuggest__suggestions-container {
    height: auto;
    max-height: 430px;
    overflow-y: scroll;
  }
  
  .horizontal-scroll > .row {
    height: 82vh;
  }
  
  .pane-vScroll {
    max-height: 53vh;
  }

}

@media screen and (max-height: 820px) {

  .react-autosuggest__suggestions-container {
    height: auto;
    max-height: 330px;
    overflow-y: scroll;
  }
  
  .horizontal-scroll > .row {
    height: 80vh;
  }
  
  
  
  .select-menu ul {
    max-height: 438px;
  }
  
  .pane-vScroll {
    max-height: 49vh;
  }

}

@media screen and (max-height: 750px) {

  .horizontal-scroll > .row {
    height: 78vh;
  }

}

@media screen and (max-height: 680px) {

  
  
  .modal .mini-form {
    top: 15%;
  }
  
  
  
  .select-menu ul {
    max-height: 337px;
  }

}

@font-face {
  font-family: 'proba-bold-italic';
  src: url('/fonts/proba-bold-italic.eot');
  src: url('/fonts/proba-bold-italic.eot?#iefix') format('embedded-opentype'),
                         url('/fonts/proba-bold-italic.woff2') format('woff2'),
                         url('/fonts/proba-bold-italic.woff') format('woff'),
                         url('/fonts/proba-bold-italic.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proba-bold';
  src: url('/fonts/proba-bold.eot');
  src: url('/fonts/proba-bold.eot?#iefix') format('embedded-opentype'),
                         url('/fonts/proba-bold.woff2') format('woff2'),
                         url('/fonts/proba-bold.woff') format('woff'),
                         url('/fonts/proba-bold.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proba-extralight-italic';
  src: url('/fonts/proba-extralight-italic.eot');
  src: url('/fonts/proba-extralight-italic.eot?#iefix') format('embedded-opentype'),
                         url('/fonts/proba-extralight-italic.woff2') format('woff2'),
                         url('/fonts/proba-extralight-italic.woff') format('woff'),
                         url('/fonts/proba-extralight-italic.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proba-extralight';
  src: url('/fonts/proba-extralight.eot');
  src: url('/fonts/proba-extralight.eot?#iefix') format('embedded-opentype'),
                         url('/fonts/proba-extralight.woff2') format('woff2'),
                         url('/fonts/proba-extralight.woff') format('woff'),
                         url('/fonts/proba-extralight.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proba-italic';
  src: url('/fonts/proba-italic.eot');
  src: url('/fonts/proba-italic.eot?#iefix') format('embedded-opentype'),
                         url('/fonts/proba-italic.woff2') format('woff2'),
                         url('/fonts/proba-italic.woff') format('woff'),
                         url('/fonts/proba-italic.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proba-light-italic';
  src: url('/fonts/proba-light-italic.eot');
  src: url('/fonts/proba-light-italic.eot?#iefix') format('embedded-opentype'),
                         url('/fonts/proba-light-italic.woff2') format('woff2'),
                         url('/fonts/proba-light-italic.woff') format('woff'),
                         url('/fonts/proba-light-italic.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proba-light';
  src: url('/fonts/proba-light.eot');
  src: url('/fonts/proba-light.eot?#iefix') format('embedded-opentype'),
                         url('/fonts/proba-light.woff2') format('woff2'),
                         url('/fonts/proba-light.woff') format('woff'),
                         url('/fonts/proba-light.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proba-medium-italic';
  src: url('/fonts/proba-medium-italic.eot');
  src: url('/fonts/proba-medium-italic.eot?#iefix') format('embedded-opentype'),
                         url('/fonts/proba-medium-italic.woff2') format('woff2'),
                         url('/fonts/proba-medium-italic.woff') format('woff'),
                         url('/fonts/proba-medium-italic.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proba-medium';
  src: url('/fonts/proba-medium.eot');
  src: url('/fonts/proba-medium.eot?#iefix') format('embedded-opentype'),
                         url('/fonts/proba-medium.woff2') format('woff2'),
                         url('/fonts/proba-medium.woff') format('woff'),
                         url('/fonts/proba-medium.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proba-regular';
  src: url('/fonts/proba-regular.eot');
  src: url('/fonts/proba-regular.eot?#iefix') format('embedded-opentype'),
                         url('/fonts/proba-regular.woff2') format('woff2'),
                         url('/fonts/proba-regular.woff') format('woff'),
                         url('/fonts/proba-regular.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proba-semibold-italic';
  src: url('/fonts/proba-semibold-italic.eot');
  src: url('/fonts/proba-semibold-italic.eot?#iefix') format('embedded-opentype'),
                         url('/fonts/proba-semibold-italic.woff2') format('woff2'),
                         url('/fonts/proba-semibold-italic.woff') format('woff'),
                         url('/fonts/proba-semibold-italic.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proba-semibold';
  src: url('/fonts/proba-semibold.eot');
  src: url('/fonts/proba-semibold.eot?#iefix') format('embedded-opentype'),
                         url('/fonts/proba-semibold.woff2') format('woff2'),
                         url('/fonts/proba-semibold.woff') format('woff'),
                         url('/fonts/proba-semibold.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proba-thin-italic';
  src: url('/fonts/proba-thin-italic.eot');
  src: url('/fonts/proba-thin-italic.eot?#iefix') format('embedded-opentype'),
                         url('/fonts/proba-thin-italic.woff2') format('woff2'),
                         url('/fonts/proba-thin-italic.woff') format('woff'),
                         url('/fonts/proba-thin-italic.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proba-thin';
  src: url('/fonts/proba-thin.eot');
  src: url('/fonts/proba-thin.eot?#iefix') format('embedded-opentype'),
                         url('/fonts/proba-thin.woff2') format('woff2'),
                         url('/fonts/proba-thin.woff') format('woff'),
                         url('/fonts/proba-thin.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: open-sans;
  src: url('/fonts/OpenSans-Regular.ttf');
}

@font-face {
  font-family: montserrat;
  src: url('/fonts/Montserrat-Semibold.otf');
}

.office-depot.text {
  font-family: open-sans;
}

.office-depot.header {
  color: #362c2b;
  font-family: montserrat;
}

.office-depot.text::selection {
  background: #ACCEF7;
  color: #362c2b;
}

.office-depot.header::selection {
  background: #ACCEF7;
  color: #362c2b;
}

.office-depot.logo {
  background: url('/img/logos/office-depot-logo.png');
  background-size: 146px 143px;
  width: 146px;
  height: 143px;
  display: block;
}