@media (min-width: 768px) {
  /* line 12, /Applications/MAMP/htdocs/infobip-marketing/source/css/styleguide/_animations.scss */
  .step svg, .step img, .step-text {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5); }

  /* line 18, /Applications/MAMP/htdocs/infobip-marketing/source/css/styleguide/_animations.scss */
  [data-onscreen="on"] .step img, [data-onscreen="on"] .step svg, [data-onscreen="on"] .step-text {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  /* line 22, /Applications/MAMP/htdocs/infobip-marketing/source/css/styleguide/_animations.scss */
  [data-onscreen="on"] .step1 img, [data-onscreen="on"] .step1 svg, [data-onscreen="on"] .step-text1 {
    -webkit-transition: opacity 0.25s 0.375s linear, transform 0.2s 0.375s linear;
    -o-transition: opacity 0.25s 0.375s linear, transform 0.2s 0.375s linear;
    transition: opacity 0.25s 0.375s linear, transform 0.2s 0.375s linear; }
  /* line 25, /Applications/MAMP/htdocs/infobip-marketing/source/css/styleguide/_animations.scss */
  [data-onscreen="on"] .step2 img, [data-onscreen="on"] .step2 svg, [data-onscreen="on"] .step-text2 {
    -webkit-transition: opacity 0.25s 0.75s linear, transform 0.2s 0.75s linear;
    -o-transition: opacity 0.25s 0.75s linear, transform 0.2s 0.75s linear;
    transition: opacity 0.25s 0.75s linear, transform 0.2s 0.75s linear; }
  /* line 28, /Applications/MAMP/htdocs/infobip-marketing/source/css/styleguide/_animations.scss */
  [data-onscreen="on"] .step3 img, [data-onscreen="on"] .step3 svg, [data-onscreen="on"] .step-text3 {
    -webkit-transition: opacity 0.25s 1.125s linear, transform 0.2s 1.125s linear;
    -o-transition: opacity 0.25s 1.125s linear, transform 0.2s 1.125s linear;
    transition: opacity 0.25s 1.125s linear, transform 0.2s 1.125s linear; }
  /* line 31, /Applications/MAMP/htdocs/infobip-marketing/source/css/styleguide/_animations.scss */
  [data-onscreen="on"] .step4 img, [data-onscreen="on"] .step4 svg, [data-onscreen="on"] .step-text4 {
    -webkit-transition: opacity 0.25s 1.5s linear, transform 0.2s 1.5s linear;
    -o-transition: opacity 0.25s 1.5s linear, transform 0.2s 1.5s linear;
    transition: opacity 0.25s 1.5s linear, transform 0.2s 1.5s linear; }
  /* line 34, /Applications/MAMP/htdocs/infobip-marketing/source/css/styleguide/_animations.scss */
  [data-onscreen="on"] .step5 img, [data-onscreen="on"] .step5 svg, [data-onscreen="on"] .step-text5 {
    -webkit-transition: opacity 0.25s 1.875s linear, transform 0.2s 1.875s linear;
    -o-transition: opacity 0.25s 1.875s linear, transform 0.2s 1.875s linear;
    transition: opacity 0.25s 1.875s linear, transform 0.2s 1.875s linear; }
  /* line 37, /Applications/MAMP/htdocs/infobip-marketing/source/css/styleguide/_animations.scss */
  [data-onscreen="on"] .step6 img, [data-onscreen="on"] .step6 svg, [data-onscreen="on"] .step-text6 {
    -webkit-transition: opacity 0.25s 2.25s linear, transform 0.2s 2.25s linear;
    -o-transition: opacity 0.25s 2.25s linear, transform 0.2s 2.25s linear;
    transition: opacity 0.25s 2.25s linear, transform 0.2s 2.25s linear; }

  /* line 43, /Applications/MAMP/htdocs/infobip-marketing/source/css/styleguide/_animations.scss */
  .fly-right svg, .fly-right img {
    opacity: 0;
    -webkit-transform: translate(600px, 0);
    -ms-transform: translate(600px, 0);
    -o-transform: translate(600px, 0);
    transform: translate(600px, 0); }

  /* line 47, /Applications/MAMP/htdocs/infobip-marketing/source/css/styleguide/_animations.scss */
  .fly-left svg, .fly-left img {
    -webkit-transform: translate(-600px, 0);
    -ms-transform: translate(-600px, 0);
    -o-transform: translate(-600px, 0);
    transform: translate(-600px, 0); }

  /* line 52, /Applications/MAMP/htdocs/infobip-marketing/source/css/styleguide/_animations.scss */
  [data-onscreen="on"] .fly-right svg, [data-onscreen="on"] .fly-left svg, [data-onscreen="on"] .fly-right img, [data-onscreen="on"] .fly-left img {
    opacity: 1;
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  /* line 56, /Applications/MAMP/htdocs/infobip-marketing/source/css/styleguide/_animations.scss */
  [data-onscreen="on"] .fly1 svg, [data-onscreen="on"] .fly1 img {
    -webkit-transition: opacity 0.5s 0.375s linear, transform 0.375s 0.375s linear;
    -o-transition: opacity 0.5s 0.375s linear, transform 0.375s 0.375s linear;
    transition: opacity 0.5s 0.375s linear, transform 0.375s 0.375s linear; }
  /* line 59, /Applications/MAMP/htdocs/infobip-marketing/source/css/styleguide/_animations.scss */
  [data-onscreen="on"] .fly2 svg, [data-onscreen="on"] .fly2 img {
    -webkit-transition: opacity 0.5s 0.75s linear, transform 0.375s 0.75s linear;
    -o-transition: opacity 0.5s 0.75s linear, transform 0.375s 0.75s linear;
    transition: opacity 0.5s 0.75s linear, transform 0.375s 0.75s linear; }
  /* line 62, /Applications/MAMP/htdocs/infobip-marketing/source/css/styleguide/_animations.scss */
  [data-onscreen="on"] .fly3 svg, [data-onscreen="on"] .fly3 img {
    -webkit-transition: opacity 0.5s 1.125s linear, transform 0.375s 1.125s linear;
    -o-transition: opacity 0.5s 1.125s linear, transform 0.375s 1.125s linear;
    transition: opacity 0.5s 1.125s linear, transform 0.375s 1.125s linear; }
  /* line 65, /Applications/MAMP/htdocs/infobip-marketing/source/css/styleguide/_animations.scss */
  [data-onscreen="on"] .fly4 svg, [data-onscreen="on"] .fly4 img {
    -webkit-transition: opacity 0.5s 2.25s linear, transform 0.375s 2.25s linear;
    -o-transition: opacity 0.5s 2.25s linear, transform 0.375s 2.25s linear;
    transition: opacity 0.5s 2.25s linear, transform 0.375s 2.25s linear; }

  /* line 71, /Applications/MAMP/htdocs/infobip-marketing/source/css/styleguide/_animations.scss */
  .slide-up img, .slide-up svg {
    opacity: 0;
    -webkit-transform: translate(0px, 300px);
    -ms-transform: translate(0px, 300px);
    -o-transform: translate(0px, 300px);
    transform: translate(0px, 300px); }

  /* line 77, /Applications/MAMP/htdocs/infobip-marketing/source/css/styleguide/_animations.scss */
  [data-onscreen="on"] .slide-up img, [data-onscreen="on"] .slide-up svg {
    opacity: 1;
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: -webkit-transform 0.75s ease-in-out, opacity 0.75s;
    -o-transition: -webkit-transform 0.75s ease-in-out, opacity 0.75s;
    transition: -webkit-transform 0.75s ease-in-out, opacity 0.75s;
    -webkit-transition: transform 0.75s ease-in-out, opacity 0.75s;
    -o-transition: transform 0.75s ease-in-out, opacity 0.75s;
    transition: transform 0.75s ease-in-out, opacity 0.75s; } }
/* line 8, /Applications/MAMP/htdocs/infobip-marketing/source/css/pages/platform/platform.css.scss */
.marquee {
  background-image: url("../../../img/platform/hero-bg-mobile.jpg");
  background-position: center left; }
  @media (min-width: 992px) {
    /* line 8, /Applications/MAMP/htdocs/infobip-marketing/source/css/pages/platform/platform.css.scss */
    .marquee {
      background-image: url("../../../img/platform/hero-bg.jpg"); } }
  @media (min-width: 1240px) {
    /* line 8, /Applications/MAMP/htdocs/infobip-marketing/source/css/pages/platform/platform.css.scss */
    .marquee {
      background-position: center; } }
  /* line 17, /Applications/MAMP/htdocs/infobip-marketing/source/css/pages/platform/platform.css.scss */
  .marquee .container {
    position: relative;
    z-index: 1; }
  /* line 18, /Applications/MAMP/htdocs/infobip-marketing/source/css/pages/platform/platform.css.scss */
  .marquee .hero-code {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0px;
    bottom: 0px;
    width: 1600px;
    height: 100%;
    max-width: 100%;
    z-index: 0;
    background-image: url("../../../img/platform/hero-code.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  @media (max-width: 767px) {
    /* line 36, /Applications/MAMP/htdocs/infobip-marketing/source/css/pages/platform/platform.css.scss */
    .marquee .marquee-title {
      font-size: 46px; } }
  /* line 41, /Applications/MAMP/htdocs/infobip-marketing/source/css/pages/platform/platform.css.scss */
  .marquee .marquee-label, .marquee .marquee-title {
    color: #fff; }

/* line 46, /Applications/MAMP/htdocs/infobip-marketing/source/css/pages/platform/platform.css.scss */
.better {
  position: relative; }
  /* line 439, /Applications/MAMP/htdocs/infobip-marketing/source/css/styleguide/_custom-mixins.scss */
  .better:before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    width: 32px;
    background-image: url("../../../img/diag-hash-large.png");
    background-repeat: repeat-y;
    background-position: left top;
    opacity: 0; }
    @media (min-width: 992px) {
      /* line 439, /Applications/MAMP/htdocs/infobip-marketing/source/css/styleguide/_custom-mixins.scss */
      .better:before {
        opacity: 1; } }
  /* line 48, /Applications/MAMP/htdocs/infobip-marketing/source/css/pages/platform/platform.css.scss */
  .better .step {
    margin-bottom: 36px; }
    @media (min-width: 1240px) {
      /* line 48, /Applications/MAMP/htdocs/infobip-marketing/source/css/pages/platform/platform.css.scss */
      .better .step {
        padding-right: 50px; } }
    /* line 51, /Applications/MAMP/htdocs/infobip-marketing/source/css/pages/platform/platform.css.scss */
    .better .step img {
      margin-top: 20px; }
      @media (min-width: 1240px) {
        /* line 51, /Applications/MAMP/htdocs/infobip-marketing/source/css/pages/platform/platform.css.scss */
        .better .step img {
          margin-bottom: 36px; } }
  @media (max-width: 992px) {
    /* line 58, /Applications/MAMP/htdocs/infobip-marketing/source/css/pages/platform/platform.css.scss */
    .better .third {
      clear: both; } }
  /* line 63, /Applications/MAMP/htdocs/infobip-marketing/source/css/pages/platform/platform.css.scss */
  .better .title-bar-small {
    width: 20px;
    margin-bottom: 10px;
    height: 5px; }

/* line 72, /Applications/MAMP/htdocs/infobip-marketing/source/css/pages/platform/platform.css.scss */
.how-it-works {
  background-image: url("../../../img/platform/how-it-works-bg-mobile.jpg");
  background-position: center; }
  @media (min-width: 768px) {
    /* line 72, /Applications/MAMP/htdocs/infobip-marketing/source/css/pages/platform/platform.css.scss */
    .how-it-works {
      background-image: url("../../../img/platform/how-it-works-bg.jpg");
      background-position: center; }
      /* line 78, /Applications/MAMP/htdocs/infobip-marketing/source/css/pages/platform/platform.css.scss */
      .how-it-works svg {
        min-height: 480px; } }
  /* line 80, /Applications/MAMP/htdocs/infobip-marketing/source/css/pages/platform/platform.css.scss */
  .how-it-works .bg-white {
    background: #fff;
    overflow: hidden;
    border-radius: 3px;
    padding: 80px 20px;
    -webkit-box-shadow: 7px 7px 25px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 7px 7px 25px 0px rgba(0, 0, 0, 0.15); }
    @media (min-width: 768px) {
      /* line 80, /Applications/MAMP/htdocs/infobip-marketing/source/css/pages/platform/platform.css.scss */
      .how-it-works .bg-white {
        padding: 80px 40px; } }

/* line 94, /Applications/MAMP/htdocs/infobip-marketing/source/css/pages/platform/platform.css.scss */
.breakout-box {
  margin: 40px 0 0 0;
  background-image: url("../../../img/platform/breakout-bg-mobile.jpg");
  background-position: right;
  position: relative; }
  /* line 99, /Applications/MAMP/htdocs/infobip-marketing/source/css/pages/platform/platform.css.scss */
  .breakout-box:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5); }
  @media (min-width: 992px) {
    /* line 94, /Applications/MAMP/htdocs/infobip-marketing/source/css/pages/platform/platform.css.scss */
    .breakout-box {
      background-image: url("../../../img/platform/breakout-bg.jpg");
      background-position: center; }
      /* line 112, /Applications/MAMP/htdocs/infobip-marketing/source/css/pages/platform/platform.css.scss */
      .breakout-box:before {
        display: none; }
      /* line 113, /Applications/MAMP/htdocs/infobip-marketing/source/css/pages/platform/platform.css.scss */
      .breakout-box p {
        padding-right: 15%; } }

/* line 117, /Applications/MAMP/htdocs/infobip-marketing/source/css/pages/platform/platform.css.scss */
.well-wrapper {
  margin: 140px 0 0 0; }

/* line 121, /Applications/MAMP/htdocs/infobip-marketing/source/css/pages/platform/platform.css.scss */
.related-content {
  margin: 60px 0 0 0; }

@media (min-width: 768px) {
  /* line 138, /Applications/MAMP/htdocs/infobip-marketing/source/css/pages/platform/platform.css.scss */
  .illustration {
    opacity: 0;
    -webkit-transform: translate(0px, 300px);
    -ms-transform: translate(0px, 300px);
    -o-transform: translate(0px, 300px);
    transform: translate(0px, 300px); }
    /* line 141, /Applications/MAMP/htdocs/infobip-marketing/source/css/pages/platform/platform.css.scss */
    .illustration[data-onscreen="on"] {
      opacity: 1;
      -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
      -o-transform: translate(0px, 0px);
      transform: translate(0px, 0px);
      -webkit-transition: -webkit-transform 0.75s ease-in-out, opacity 0.75s;
      -o-transition: -webkit-transform 0.75s ease-in-out, opacity 0.75s;
      transition: -webkit-transform 0.75s ease-in-out, opacity 0.75s;
      -webkit-transition: transform 0.75s ease-in-out, opacity 0.75s;
      -o-transition: transform 0.75s ease-in-out, opacity 0.75s;
      transition: transform 0.75s ease-in-out, opacity 0.75s; } }