/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
/* # Inline CTA
---------------------------------------------------------------------------------------------------- */
.inline-cta {
  background: url(images/bgimage-gray.jpg) #ececec;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 40px 50px;
  position: relative;
  margin: 72px auto 32px;
  width: 90%;
  max-width: 880px;
  min-width: 600px;
  text-align: center; }

.inline-cta:before {
  position: absolute;
  display: block;
  content: "";
  left: 45%;
  left: calc(50% - 25px);
  bottom: auto;
  top: -24px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 25px 25px 25px;
  border-color: transparent transparent #e2e2e0 transparent; }

.inline-cta .title {
  font-family: 'Roboto Slab', sans-serif;
  font-size: 32px;
  font-weight: 700;
  margin: 0;
  line-height: 1; }

.inline-cta .desc {
  font-family: 'Roboto Slab', sans-serif;
  font-size: 19px;
  font-weight: 400;
  color: #7e7b7b;
  margin: 14px 0 0;
  line-height: 1;
  margin-bottom: 18px; }

.inline-cta .number {
  font-family: 'Roboto Slab', sans-serif;
  font-size: 27px;
  margin: 24px 0 0;
  line-height: 1;
  font-weight: 700; }

.inline-cta .number span {
  font-size: 25px;
  font-weight: 400; }

.inline-cta .number a {
  color: #202020;
  text-decoration: none; }

.inline-cta .or {
  font-family: 'Roboto Slab', sans-serif;
  font-size: 23px;
  font-style: italic;
  line-height: 1;
  margin: 11px 0 21px;
  color: #9b9b9a; }

@media only screen and (max-width: 860px) {
  .inline-cta {
    padding: 32px;
    margin: 48px auto 32px;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    text-align: center; }
  .inline-cta .number span {
    display: block;
    margin-bottom: 7px; }
  .inline-cta .number a {
    color: initial; }
  .inline-cta .title {
    font-size: 25px; }
  .inline-cta .desc {
    font-size: 17px; } }