html {
  height: 100%;
  }

html .edb main {
  font-size: 16px; }

html[lang="fr"] .edb main .currency-symbol:before {
  content: "\00a0";
  /* white non breaking space */ }

.overlay .overlay-shadow {
  opacity: 0.1; }

.edb main {
  /* used instead of headers semantics */
  /* used for paraghraphs, sections and divs */
  /* font-families */
  /*
@include bp(phone-screen) {  
  
  .title-huge{
    @extend %font-xl;
  }
  .title-large{
    @extend %font-big;
  }
  .title-medium{
   @extend %font-med-plus;
  }
  .title-small{
   @extend %font-med;
  }

  .text-huge{
   @extend %font-small;
  }
  .text-large{
   @extend %font-xsmall;
  }
  .text-medium{
   @extend %font-xxsmall;
  }
  .text-small{
   @extend %font-xxxsmall;
  }
}
*/
  /* Specific rules */
  /* For Promotion modal / _global.promotion.banner.scss */ }
  .edb main .full-width {
    width: 100%; }
  .edb main .flex-row, .edb main .flex-row-center, .edb main .flex-row-between {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
  .edb main .flex-row-center {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .edb main .flex-row-between {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .edb main .flex-col, .edb main .flex-col-center, .edb main .flex-col-between {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .edb main .flex-col-center {
    -webkit-align-items: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center; }
  .edb main .flex-col-between {
    -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
            align-content: space-between; }
  .edb main .row-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 100%; }
  .edb main .no-button {
    border: none;
    width: 40%; }
  .edb main hr {
    margin: 25px; }
  @media (max-width: 767px) {
    .edb main hr {
      margin: 15px; } }
  .edb main .footer-social a {
    color: white; }
  .edb main .tabindex-first:focus {
    outline: none; }
  .edb main button, .edb main a.button, .edb main span.button {
    line-height: normal;
    min-width: 180px;
    max-width: 260px;
    margin: 10px auto;
    min-height: 50px;
    padding: 13px 15px;
    height: inherit;
    white-space: normal;
    border-radius: 50px;
    font-family: 'heebo-medium'; }
    @media (max-width: 767px) {
      .edb main button, .edb main a.button, .edb main span.button {
        max-width: 240px; } }
  .edb main .text-small {
    font-size: 11px; }
  .edb main .text-medium {
    font-size: 13px;
    line-height: 20px; }
  .edb main .text-large, .edb main .font-link {
    font-size: 16px;
    line-height: 25px; }
  .edb main .text-huge {
    font-size: 17px;
    line-height: 20px; }
  .edb main .title-small {
    font-size: 21px; }
  .edb main .title-medium {
    font-size: 27px;
    line-height: 30px; }
  .edb main .title-large {
    font-size: 33px;
    line-height: 40px; }
  .edb main .title-huge {
    font-size: 44px;
    line-height: 50px; }
  .edb main .lato {
    font-family: 'heebo'; }
  .edb main .dax-medium {
    font-family: 'heebo-medium'; }
  .edb main .dax {
    font-family: 'heebo'; }
  .edb main .dax-light {
    font-family: 'heebo-light'; }
  .edb main i.lato, .edb main em.lato {
    font-family: 'heebo'; font-style: italic; }
  .edb main i.dax-light, .edb main em.dax-light {
    font-family: 'heebo-light'; font-style: italic; }
  .edb main i.dax, .edb main em.dax {
    font-family: 'heebo'; font-style: italic; }
  .edb main i.dax-medium, .edb main em.dax-medium {
    font-family: 'heebo-medium'; font-style: italic; }
  .edb main b.lato, .edb main strong.lato {
    font-family: 'heebo-bold'; }
  .edb main b.dax-light, .edb main strong.dax-light {
    font-family: 'heebo-light'; }
  .edb main b.dax, .edb main strong.dax {
    font-family: 'heebo-bold'; }
  .edb main a.button.lato {
    font-family: 'heebo-bold'; }
  .edb main a.button, .edb main a.button.dax {
    font-family: 'heebo-medium'; }
  .edb main a.button.dax-medium {
    font-family: 'heebo-medium'; }
  .edb main a.button.dax-light {
    font-family: 'heebo-bold'; }
  .edb main .font-link {
    color: #0079c1;
    font-family: 'heebo-medium'; }
  @media (min-width: 767px) {
    .edb main .lato.text-large {
      font-size: 16px; } }
  @media (max-width: 767px) {
    .edb main .dax-light.title-medium {
      font-size: 25px;
      line-height: 30px; }
    .edb main .dax-light.title-huge {
      font-size: 33px;
      line-height: 40px; } }
  .edb main .promotion-content-wrapper .title-wrapper {
    font-size: 30px;
    line-height: 35px; }
  .edb main .icon-svg {
    width: 70px;
    height: 70px;
    background-position: 50% 0;
    background-repeat: no-repeat;
    display: block; }
  .edb main .icon-svg-big {
    width: 250px;
    height: 150px;
    display: inline-block; }
  .edb main .wallet-svg {
    background-image: url("/resources/icons/wallet.svg"); }
  .edb main .briefcase-svg {
    background-image: url("/resources/icons/briefcase.svg"); }
  .edb main .crown-svg {
    background-image: url("/resources/icons/crown.svg"); }
  .edb main .airplane-svg {
    background-image: url("/resources/icons/airplane.svg"); }
  .edb main .diamond-svg {
    background-image: url("/resources/icons/diamond.svg"); }
  .edb main .piggy-svg {
    background-image: url("/resources/icons/piggy-bank.svg"); }
  .edb main .money-bags-svg {
    background-image: url("/resources/icons/money-bags.svg"); }
  .edb main .safe-svg {
    background-image: url("/resources/icons/secure-safe.svg"); }
  .edb main .usd-svg {
    background-image: url("/resources/icons/usd-money.svg"); }
  .edb main .cups-svg {
    background-image: url("/resources/icons/cups.svg"); }
  .edb main .lightning-bolt-svg {
    background-image: url("/resources/icons/lightning-bolt.svg"); }
  .edb main .laptop-svg {
    background-image: url("/resources/icons/laptop.svg"); }
  .edb main .peaks-svg {
    background-image: url("/resources/icons/peaks.svg"); }
  .edb main .air-svg {
    background-image: url("/resources/icons/air.svg"); }
  .edb main .help-svg {
    background-image: url("/resources/icons/helpmechoose.svg"); }
  .edb main .contact-svg {
    background-image: url("/resources/icons/contact.svg"); }
  .edb main .branch-small-svg {
    width: 120px;
    background-image: url("/resources/icons/branch-small.svg"); }
  .edb main .phone-svg {
    background-image: url("/resources/icons/phone.svg"); }
  .edb main .online-svg {
    background-image: url("/resources/icons/online.svg"); }
  .edb main .video-play-svg {
    background-image: url("/resources/icons/video-play.svg"); }
  .edb main .balloon-svg {
    background-image: url("/resources/icons/ballon.svg");
    width: 20px; }
  .edb main .cake-svg {
    background-image: url("/resources/icons/cake.svg"); }
  .edb main .car-svg {
    background-image: url("/resources/icons/car.svg"); }
  .edb main .dance-svg {
    background-image: url("/resources/icons/dance.svg"); }
  .edb main .donut-svg {
    background-image: url("/resources/icons/donut.svg"); }
  .edb main .doctor-svg {
    background-image: url("/resources/icons/doctor.svg"); }
  .edb main .grad-svg {
    background-image: url("/resources/icons/grad.svg"); }
  .edb main .location-svg {
    background-image: url("/resources/icons/location.svg"); }
  .edb main .plant-svg {
    background-image: url("/resources/icons/plant.svg"); }
  .edb main .present-svg {
    background-image: url("/resources/icons/present.svg"); }
  .edb main .arrow-svg {
    background-image: url("/resources/icons/arrow.svg"); }
  .edb main .branch-large-svg {
    background-image: url("/resources/icons/branch-large.svg"); }
  .edb main .cloud-a-svg {
    background-image: url("/resources/icons/cloud-a.svg"); }
  .edb main .cloud-b-svg {
    background-image: url("/resources/icons/cloud-b.svg"); }
  .edb main .line-svg {
    background-image: url("/resources/icons/line.svg"); }
  .edb main .mountains-svg {
    background-image: url("/resources/icons/mountains.svg"); }
  .edb main .island-svg {
    background-image: url("/resources/icons/branch-large.svg"); }
  .edb main .plane-svg {
    background-image: url("/resources/icons/plane.svg"); }
  .edb main .sun-svg {
    background-image: url("/resources/icons/cloud-b.svg"); }
  .edb main .line-svg {
    background-image: url("/resources/icons/line.svg"); }
  .edb main .mountains-svg {
    background-image: url("/resources/icons/mountains.svg"); }
  .edb main .computer-svg {
    background-image: url("/resources/icons/computer.svg"); }
  .edb main .hand-phone-svg {
    background-image: url("/resources/icons/hand_phone.svg"); }
  .edb main .line-svg {
    background-image: url("/resources/icons/line.svg"); }
  .edb main .handshake-all-svg {
    background-image: url("/resources/icons/handshake_all.svg"); }
  .edb main .handshake-left-svg {
    background-image: url("/resources/icons/handshake_left.svg"); }
  .edb main .handshake-right-svg {
    background-image: url("/resources/icons/handshake_right.svg"); }
  .edb main .circle {
    background-image: url("/resources/icons/circle.svg"); }
  .edb main .certificate-svg {
    background-image: url("/resources/icons/certificate.svg"); }
  .edb main .trophy-svg {
    background-image: url("/resources/icons/trophy.svg"); }
  .edb main .rocket-svg {
    background-image: url("/resources/icons/rocket.svg"); }
  .edb main .phone-application-svg {
    background-image: url("/resources/icons/phone-application.svg"); }
  .edb main .mountain-svg {
    background-image: url("/resources/icons/mountain.svg"); }
  .edb main .component-help-support .columns.two.three .button {
    min-width: 100px;
    max-width: 160px; }
  .edb main .component-help-support h3 {
    padding-top: 30px; }
  .edb main .component-help-support .flush {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0; }
  @media (max-width: 767px) {
    .edb main .component-help-support .columns.two.three {
      margin-top: 0; }
      .edb main .component-help-support .columns.two.three a.button {
        transition: 300ms ease-out;
        max-width: 260px; }
        .edb main .component-help-support .columns.two.three a.button:first-child {
          margin-top: 0; }
      .edb main .component-help-support .columns.two.three .centered:first-child {
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2; }
      .edb main .component-help-support .columns.two.three .centered:last-child {
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1; }
      .edb main .component-help-support .columns.two.three .flush:last-child .button {
        margin-top: 5px; }
    .edb main .component-help-support.columns.join.two > *:last-child {
      border-radius: 0;
      border-width: 1px;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      padding: 0; } }
  .edb main .terms {
    color: #0079c1; }
    .edb main .terms .link-bottom-wrapper {
      transition: 500ms ease-out;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      width: 100%; }
      .edb main .terms .link-bottom-wrapper .terms-and-conditions,
      .edb main .terms .link-bottom-wrapper .banking-agreement {
        width: 46%;
        padding: 2%; }
      .edb main .terms .link-bottom-wrapper .terms-and-conditions {
        text-align: right; }
      .edb main .terms .link-bottom-wrapper .banking-agreement {
        text-align: left; }
    @media (max-width: 767px) {
      .edb main .terms .link-bottom-wrapper {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; }
        .edb main .terms .link-bottom-wrapper .terms-and-conditions,
        .edb main .terms .link-bottom-wrapper .banking-agreement {
          width: 100%;
          padding: 5px 0px; }
        .edb main .terms .link-bottom-wrapper .terms-and-conditions {
          text-align: center; }
        .edb main .terms .link-bottom-wrapper .banking-agreement {
          text-align: center; } }
  .edb main .animate-screen-trophy {
    position: relative;
    height: 150px;
    width: 100%;
    display: inline-block; }
    .edb main .animate-screen-trophy > * {
      position: absolute;
      height: 150px;
      width: 100%;
      display: inline-block;
      opacity: 0;
      background-repeat: no-repeat;
      left: 0%; }
  .edb main .animation-icon-cert {
    background: url("/resources/icons/certificate.svg") 20% 50% no-repeat;
    background-size: 130px;
    -webkit-animation: animation-icon-cert-animation 600ms linear 800ms forwards;
            animation: animation-icon-cert-animation 600ms linear 800ms forwards; }

@-webkit-keyframes animation-icon-cert-animation {
  0% {
    opacity: 0;
    background-position: 20%  150%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  20% {
    opacity: 0.3;
    background-position: 20%  130%;
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg); }
  40% {
    opacity: 0.5;
    background-position: 20%  60%;
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg); }
  60% {
    opacity: 0.7;
    background-position: 20%  60%;
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg); }
  70% {
    opacity: 1;
    background-position: 20%  60%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  80% {
    opacity: 1;
    background-position: 20%  60%;
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg); }
  90% {
    opacity: 1;
    background-position: 20%  80%;
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg); }
  100% {
    opacity: 1;
    background-position: 20%  100%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes animation-icon-cert-animation {
  0% {
    opacity: 0;
    background-position: 20%  150%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  20% {
    opacity: 0.3;
    background-position: 20%  130%;
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg); }
  40% {
    opacity: 0.5;
    background-position: 20%  60%;
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg); }
  60% {
    opacity: 0.7;
    background-position: 20%  60%;
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg); }
  70% {
    opacity: 1;
    background-position: 20%  60%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  80% {
    opacity: 1;
    background-position: 20%  60%;
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg); }
  90% {
    opacity: 1;
    background-position: 20%  80%;
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg); }
  100% {
    opacity: 1;
    background-position: 20%  100%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }
  .edb main .animation-icon-trophy {
    background: url("/resources/icons/trophy.svg") 30% 98% no-repeat;
    background-size: 150px;
    -webkit-animation: animation-icon-trophy-animation 600ms linear 1100ms forwards;
            animation: animation-icon-trophy-animation 600ms linear 1100ms forwards; }

@-webkit-keyframes animation-icon-trophy-animation {
  0% {
    opacity: 0;
    background-position: 80%  150%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  20% {
    opacity: 0.3;
    background-position: 80%  130%;
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg); }
  40% {
    opacity: 0.5;
    background-position: 80%  60%;
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg); }
  60% {
    opacity: 0.7;
    background-position: 80%  60%;
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg); }
  70% {
    opacity: 1;
    background-position: 80%  60%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  80% {
    opacity: 1;
    background-position: 80%  60%;
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg); }
  90% {
    opacity: 1;
    background-position: 80%  80%;
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg); }
  100% {
    opacity: 1;
    background-position: 80%  100%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes animation-icon-trophy-animation {
  0% {
    opacity: 0;
    background-position: 80%  150%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  20% {
    opacity: 0.3;
    background-position: 80%  130%;
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg); }
  40% {
    opacity: 0.5;
    background-position: 80%  60%;
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg); }
  60% {
    opacity: 0.7;
    background-position: 80%  60%;
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg); }
  70% {
    opacity: 1;
    background-position: 80%  60%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  80% {
    opacity: 1;
    background-position: 80%  60%;
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg); }
  90% {
    opacity: 1;
    background-position: 80%  80%;
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg); }
  100% {
    opacity: 1;
    background-position: 80%  100%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }
  .edb main .animation-icon-line {
    background: url("/resources/icons/line.svg") 50% 100% no-repeat;
    background-size: 270px;
    -webkit-animation: animation-icon-line-animation 300ms linear 500ms forwards;
            animation: animation-icon-line-animation 300ms linear 500ms forwards; }

@-webkit-keyframes animation-icon-line-animation {
  0% {
    opacity: 0;
    background-position: 50% 100%;
    background-size: 0; }
  70% {
    opacity: 1;
    background-position: 50% 100%;
    background-size: 210px; }
  100% {
    opacity: 1;
    background-position: 50% 100%;
    background-size: 290px; } }

@keyframes animation-icon-line-animation {
  0% {
    opacity: 0;
    background-position: 50% 100%;
    background-size: 0; }
  70% {
    opacity: 1;
    background-position: 50% 100%;
    background-size: 210px; }
  100% {
    opacity: 1;
    background-position: 50% 100%;
    background-size: 290px; } }
  .edb main .the-bmo-difference {
    background: #0079c1;
    color: white; }
    .edb main .the-bmo-difference a:not(.button) {
      color: white;
      border-bottom: 1px dotted white;
      text-decoration: none; }
      .edb main .the-bmo-difference a:not(.button):hover, .edb main .the-bmo-difference a:not(.button):focus {
        border-bottom-style: solid; }
    .edb main .the-bmo-difference a.button.primary {
      border-color: white;
      max-width: 300px; }
    .edb main .the-bmo-difference .icon-svg {
      margin: auto;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }
    .edb main .the-bmo-difference p {
      padding: 0 13px; }
    .edb main .the-bmo-difference h2 {
      margin-bottom: 20px; }

@-webkit-keyframes slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px); }
  50% {
    opacity: 0.5;
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px); }
  50% {
    opacity: 0.5;
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }
  .edb main .slideIn {
    opacity: 0;
    -webkit-animation: fadeIn ease-in-out 1;
            animation: fadeIn ease-in-out 1;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-duration: 500ms;
            animation-duration: 500ms;
    -webkit-transform: translateY(20px);
            transform: translateY(20px); }
  .edb main .slideIn.one {
    -webkit-animation-delay: 2.1s;
            animation-delay: 2.1s; }
  .edb main .slideIn.two {
    -webkit-animation-delay: 3.2s;
            animation-delay: 3.2s; }
  .edb main .slideIn.three {
    -webkit-animation-delay: 3.3s;
            animation-delay: 3.3s; }
  @media (max-width: 767px) {
    .edb main .the-bmo-difference {
      padding: 0 30px 10px; }
      .edb main .the-bmo-difference a {
        width: auto; }
      .edb main .the-bmo-difference h2 {
        margin-bottom: 10px; }
      .edb main .the-bmo-difference .columns:not(.nowrap) > * {
        margin: 5px 0 0; }
      .edb main .the-bmo-difference .icon-svg {
        width: 20%;
        float: left; }
      .edb main .the-bmo-difference .description {
        width: 80%;
        float: left; }
        .edb main .the-bmo-difference .description p {
          padding-right: 0;
          text-align: left; }
    .edb main .under-cards-button .button {
      width: 100%;
      transition: 300ms ease-in-out;
      max-width: 260px; }
    .edb main .component-help-support {
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; }
      .edb main .component-help-support h3 {
        padding: 10px; }
    .edb main hr.desktop-hide {
      margin: 0 30px; } }
  @media (min-width: 767px) {
    .edb main .the-bmo-difference {
      box-shadow: 1000px 0px 0px 0px #0079c1, -1000px 0px 0px 0px #0079c1;
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px);
      /* hack for IE white line */ }
      .edb main .the-bmo-difference .inner-main-wrapper {
        position: relative;
        background: #0079c1;
        border-left: 5px solid #0079c1;
        border-right: 5px solid #0079c1;
        margin-left: -5px; } }
  .edb main .animation-svg-social {
    position: relative;
    height: 210px;
    width: 100%;
    display: inline-block; }
    .edb main .animation-svg-social > * {
      position: absolute;
      height: 210px;
      width: 100%;
      display: inline-block;
      opacity: 0;
      background-repeat: no-repeat;
      left: 0%; }
    .edb main .animation-svg-social .animation-icon-balloon {
      top: -35%;
      left: -10%; }
  .edb main .animation-svg-social {
    background: url("/resources/icons/ballon.svg") 5% 0% no-repeat, url("/resources/icons/grad.svg") 100% 10% no-repeat, url("/resources/icons/dance.svg") 5% 50% no-repeat, url("/resources/icons/doctor.svg") 57% 40% no-repeat, url("/resources/icons/car.svg") 100% 50% no-repeat, url("/resources/icons/cake.svg") 13% 100% no-repeat, url("/resources/icons/location.svg") 30% 70% no-repeat, url("/resources/icons/present.svg") 55% 100% no-repeat, url("/resources/icons/plant.svg") 100% 100% no-repeat;
    background-size: 40px, 95px, 80px, 70px, 90px, 75px, 25px, 60px, 80px;
    -webkit-animation: animation-svg-social-animation linear 900ms;
            animation: animation-svg-social-animation linear 900ms; }

@-webkit-keyframes animation-svg-social-animation {
  0% {
    opacity: 0;
    background-position: 5% 20%,  100% -10%, 0% 50%, 50%  30%, 30% 50%,  13%  105%,  30% 70%,  55% 105%, 100% 110%, 30px; }
  50% {
    opacity: 0.7;
    background-position: 5% 0%,   100% 10%,  5% 50%, 57%  40%, 100% 50%, 13% 100%,   30% 70%,  55% 100%, 100% 100%,  50px; }
  100% {
    opacity: 1;
    background-position: 5% 0%,   100% 10%,  5% 50%, 57%  40%, 100% 50%, 13% 100%,   30% 70%,  55% 100%, 100% 100% , 80px; } }

@keyframes animation-svg-social-animation {
  0% {
    opacity: 0;
    background-position: 5% 20%,  100% -10%, 0% 50%, 50%  30%, 30% 50%,  13%  105%,  30% 70%,  55% 105%, 100% 110%, 30px; }
  50% {
    opacity: 0.7;
    background-position: 5% 0%,   100% 10%,  5% 50%, 57%  40%, 100% 50%, 13% 100%,   30% 70%,  55% 100%, 100% 100%,  50px; }
  100% {
    opacity: 1;
    background-position: 5% 0%,   100% 10%,  5% 50%, 57%  40%, 100% 50%, 13% 100%,   30% 70%,  55% 100%, 100% 100% , 80px; } }
  .edb main .animation-icon-balloon {
    background: url("/resources/icons/donut.svg") 50% 50% no-repeat;
    background-size: 55px;
    -webkit-animation: animation-icon-balloon-animation 6s linear 200ms infinite;
            animation: animation-icon-balloon-animation 6s linear 200ms infinite; }

@-webkit-keyframes animation-icon-balloon-animation {
  0% {
    opacity: 1;
    background-position: 50%  50%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    opacity: 1;
    background-position: 50%  50%;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes animation-icon-balloon-animation {
  0% {
    opacity: 1;
    background-position: 50%  50%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    opacity: 1;
    background-position: 50%  50%;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
  .edb main .animation-svg-openaccount {
    position: relative;
    display: inline-block; }
  .edb main .animation-svg-openaccount {
    background: url("/resources/icons/line.svg") 5% 100% no-repeat, url("/resources/icons/rocket.svg") 5% 0% no-repeat, url("/resources/icons/phone-application.svg") 46% 100% no-repeat, url("/resources/icons/mountain.svg") 5% 70% no-repeat, url("/resources/icons/mountains.svg") 95% 99% no-repeat, url("/resources/icons/cloud-a.svg") 85% 40% no-repeat;
    background-size: 290px, 55px, 75px, 500px, 100px, 55px;
    -webkit-animation: animation-svg-openaccount-animation linear 900ms;
            animation: animation-svg-openaccount-animation linear 900ms; }

@-webkit-keyframes animation-svg-openaccount-animation {
  0% {
    opacity: 0;
    background-position: 5% 100%, 5% 100%, 46% 300%, 5% 70%, 95% 120%, 85% 40%; }
  50% {
    opacity: 0.7;
    background-position: 5% 100%, 5% 50%, 46% 150%, 5% 70%, 95% 110%, 85% 40%; }
  100% {
    opacity: 1;
    background-position: 5% 100%, 5% 0%, 46% 100%, 5% 70%, 95% 99%, 85% 40%; } }

@keyframes animation-svg-openaccount-animation {
  0% {
    opacity: 0;
    background-position: 5% 100%, 5% 100%, 46% 300%, 5% 70%, 95% 120%, 85% 40%; }
  50% {
    opacity: 0.7;
    background-position: 5% 100%, 5% 50%, 46% 150%, 5% 70%, 95% 110%, 85% 40%; }
  100% {
    opacity: 1;
    background-position: 5% 100%, 5% 0%, 46% 100%, 5% 70%, 95% 99%, 85% 40%; } }
  .edb main .animate-screen-branch {
    position: relative;
    height: 210px;
    width: 100%;
    display: inline-block; }
    .edb main .animate-screen-branch > * {
      position: absolute;
      height: 210px;
      width: 100%;
      display: inline-block;
      opacity: 0;
      background-repeat: no-repeat;
      left: 0%; }
    .edb main .animate-screen-branch .animation-icon-arrows {
      top: -40%; }
  .edb main .animation-icon-branch {
    background: url("/resources/icons/branch-large.svg") 50% 100% no-repeat;
    background-size: 150px;
    -webkit-animation: animation-icon-branch-animation 400ms linear 900ms forwards;
            animation: animation-icon-branch-animation 400ms linear 900ms forwards; }

@-webkit-keyframes animation-icon-branch-animation {
  0% {
    opacity: 0;
    background-position: 50% 100%;
    background-size: 100px; }
  60% {
    opacity: 0.7;
    background-position: 50% 100%;
    background-size: 120px; }
  70% {
    opacity: 1;
    background-position: 50% 100%;
    background-size: 130px; }
  80% {
    opacity: 1;
    background-position: 50% 100%;
    background-size: 140px; }
  100% {
    opacity: 1;
    background-position: 50% 100%;
    background-size: 150px; } }

@keyframes animation-icon-branch-animation {
  0% {
    opacity: 0;
    background-position: 50% 100%;
    background-size: 100px; }
  60% {
    opacity: 0.7;
    background-position: 50% 100%;
    background-size: 120px; }
  70% {
    opacity: 1;
    background-position: 50% 100%;
    background-size: 130px; }
  80% {
    opacity: 1;
    background-position: 50% 100%;
    background-size: 140px; }
  100% {
    opacity: 1;
    background-position: 50% 100%;
    background-size: 150px; } }
  .edb main .animation-icon-line {
    background: url("/resources/icons/line.svg") 50% 100% no-repeat;
    background-size: 250px;
    -webkit-animation: animation-icon-line-animation 300ms linear 700ms forwards;
            animation: animation-icon-line-animation 300ms linear 700ms forwards; }

@keyframes animation-icon-line-animation {
  0% {
    opacity: 0;
    background-position: 50% 100%;
    background-size: 0; }
  80% {
    opacity: 0.5;
    background-position: 50% 100%;
    background-size: 300px; }
  100% {
    opacity: 1;
    background-position: 50% 100%;
    background-size: 250px; } }
  .edb main .animation-icon-cloud-a {
    background: url("/resources/icons/cloud-a.svg") 15% 20% no-repeat;
    background-size: 50px;
    -webkit-animation: animation-icon-cloud-a-animation 500ms linear 1s forwards;
            animation: animation-icon-cloud-a-animation 500ms linear 1s forwards; }

@-webkit-keyframes animation-icon-cloud-a-animation {
  0% {
    opacity: 0;
    background-position: 15% 20%; }
  100% {
    opacity: 1;
    background-position: 15% 20%; } }

@keyframes animation-icon-cloud-a-animation {
  0% {
    opacity: 0;
    background-position: 15% 20%; }
  100% {
    opacity: 1;
    background-position: 15% 20%; } }
  .edb main .animation-icon-cloud-b {
    background: url("/resources/icons/cloud-b.svg") 85% 20% no-repeat;
    background-size: 60px;
    -webkit-animation: animation-icon-cloud-b-animation 500ms linear 1s forwards;
            animation: animation-icon-cloud-b-animation 500ms linear 1s forwards; }

@-webkit-keyframes animation-icon-cloud-b-animation {
  0% {
    opacity: 0;
    background-position: 95%  20%; }
  50% {
    opacity: 0.1;
    background-position: 90%  20%; }
  100% {
    opacity: 1;
    background-position: 85%  20%; } }

@keyframes animation-icon-cloud-b-animation {
  0% {
    opacity: 0;
    background-position: 95%  20%; }
  50% {
    opacity: 0.1;
    background-position: 90%  20%; }
  100% {
    opacity: 1;
    background-position: 85%  20%; } }
  .edb main .animation-icon-arrows {
    background: url("/resources/icons/arrow.svg") 50% 50% no-repeat;
    background-size: 70px;
    -webkit-animation: animation-icon-arrows-animation 600ms linear 1.2s forwards;
            animation: animation-icon-arrows-animation 600ms linear 1.2s forwards; }

@-webkit-keyframes animation-icon-arrows-animation {
  0% {
    opacity: 0;
    background-position: 50% 50%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    top: -35px; }
  20% {
    opacity: 0.2;
    background-position: 50% 50%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    top: -35px; }
  40% {
    opacity: 0.8;
    background-position: 50% 50%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    top: -40px; }
  60% {
    opacity: 1;
    background-position: 50% 50%;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    top: -40px; }
  80% {
    opacity: 1;
    background-position: 50% 50%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    top: -40px; }
  100% {
    opacity: 1;
    background-position: 50% 50%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    top: -40px; } }

@keyframes animation-icon-arrows-animation {
  0% {
    opacity: 0;
    background-position: 50% 50%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    top: -35px; }
  20% {
    opacity: 0.2;
    background-position: 50% 50%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    top: -35px; }
  40% {
    opacity: 0.8;
    background-position: 50% 50%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    top: -40px; }
  60% {
    opacity: 1;
    background-position: 50% 50%;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    top: -40px; }
  80% {
    opacity: 1;
    background-position: 50% 50%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    top: -40px; }
  100% {
    opacity: 1;
    background-position: 50% 50%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    top: -40px; } }
  .edb main .animate-screen-vacation {
    position: relative;
    height: 210px;
    width: 100%;
    display: inline-block;
    overflow: hidden; }
    .edb main .animate-screen-vacation > * {
      position: absolute;
      height: 210px;
      width: 100%;
      display: inline-block;
      opacity: 0;
      background-repeat: no-repeat;
      left: 0%; }
  .edb main .animation-icon-mountain {
    background: url("/resources/icons/mountains.svg") 30% 198% no-repeat;
    background-size: 120px;
    -webkit-animation: animation-icon-mountain-animation 300ms linear 900ms forwards;
            animation: animation-icon-mountain-animation 300ms linear 900ms forwards; }

@-webkit-keyframes animation-icon-mountain-animation {
  0% {
    opacity: 0;
    background-position: 10% 10%;
    background-size: 50px; }
  100% {
    opacity: 1;
    background-position: 30% 198%;
    background-size: 120px; } }

@keyframes animation-icon-mountain-animation {
  0% {
    opacity: 0;
    background-position: 10% 10%;
    background-size: 50px; }
  100% {
    opacity: 1;
    background-position: 30% 198%;
    background-size: 120px; } }
  .edb main .animation-icon-line-2 {
    background: url("/resources/icons/line.svg") 50% 100% no-repeat;
    background-size: 150px;
    -webkit-animation: animation-icon-line-2-animation 300ms linear 500ms forwards;
            animation: animation-icon-line-2-animation 300ms linear 500ms forwards; }

@-webkit-keyframes animation-icon-line-2-animation {
  0% {
    opacity: 0;
    background-position: 50% 100%;
    background-size: 0; }
  70% {
    opacity: 1;
    background-position: 50% 100%;
    background-size: 290px; }
  100% {
    opacity: 1;
    background-position: 50% 100%;
    background-size: 290px; } }

@keyframes animation-icon-line-2-animation {
  0% {
    opacity: 0;
    background-position: 50% 100%;
    background-size: 0; }
  70% {
    opacity: 1;
    background-position: 50% 100%;
    background-size: 290px; }
  100% {
    opacity: 1;
    background-position: 50% 100%;
    background-size: 290px; } }
  .edb main .animation-icon-plane {
    background: url("/resources/icons/plane.svg") 30% 0% no-repeat;
    background-size: 80px;
    -webkit-animation: animation-icon-plane-animation 500ms linear 1400ms forwards;
            animation: animation-icon-plane-animation 500ms linear 1400ms forwards; }

@-webkit-keyframes animation-icon-plane-animation {
  0% {
    opacity: 0;
    background-position: 30% 60%;
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg); }
  30% {
    opacity: 0.3;
    background-position: 30% 40%;
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg); }
  50% {
    opacity: 0.5;
    background-position: 30% 20%;
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg); }
  100% {
    opacity: 1;
    background-position: 30% 0%;
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); } }

@keyframes animation-icon-plane-animation {
  0% {
    opacity: 0;
    background-position: 30% 60%;
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg); }
  30% {
    opacity: 0.3;
    background-position: 30% 40%;
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg); }
  50% {
    opacity: 0.5;
    background-position: 30% 20%;
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg); }
  100% {
    opacity: 1;
    background-position: 30% 0%;
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); } }
  .edb main .animation-icon-sun {
    background: url("/resources/icons/sun.svg") 5% 30% no-repeat;
    background-size: 60px;
    -webkit-animation: animation-icon-sun-animation 12s linear 1s infinite;
            animation: animation-icon-sun-animation 12s linear 1s infinite; }

@-webkit-keyframes animation-icon-sun-animation {
  0% {
    opacity: 0.8;
    background-position: 50%  50%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    opacity: 1;
    background-position: 50%  50%;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes animation-icon-sun-animation {
  0% {
    opacity: 0.8;
    background-position: 50%  50%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    opacity: 1;
    background-position: 50%  50%;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
  .edb main .animation-icon-island {
    background: url("/resources/icons/island.svg") 65% 98% no-repeat;
    background-size: 130px;
    -webkit-animation: animation-icon-island-animation 600ms linear 900ms forwards;
            animation: animation-icon-island-animation 600ms linear 900ms forwards; }

@-webkit-keyframes animation-icon-island-animation {
  0% {
    opacity: 0;
    background-position: 70% 120%;
    background-size: 10px; }
  100% {
    opacity: 1;
    background-position: 70% 98%;
    background-size: 130px; } }

@keyframes animation-icon-island-animation {
  0% {
    opacity: 0;
    background-position: 70% 120%;
    background-size: 10px; }
  100% {
    opacity: 1;
    background-position: 70% 98%;
    background-size: 130px; } }
  .edb main .animate-screen-mobile {
    position: relative;
    height: 210px;
    width: 100%;
    display: inline-block; }
    .edb main .animate-screen-mobile > * {
      position: absolute;
      height: 210px;
      width: 100%;
      display: inline-block;
      opacity: 0;
      background-repeat: no-repeat;
      left: 0%; }
  .edb main .animation-icon-mountain {
    background: url("/resources/icons/mountains.svg") 30% 98% no-repeat;
    background-size: 110px;
    -webkit-animation: animation-icon-mountain-animation 300ms linear 700ms forwards;
            animation: animation-icon-mountain-animation 300ms linear 700ms forwards; }

@keyframes animation-icon-mountain-animation {
  0% {
    opacity: 0;
    background-position: 50% 100%;
    background-size: 0; }
  100% {
    opacity: 1;
    background-position: 30% 98%;
    background-size: 110px; } }
  .edb main .animation-icon-line-2 {
    background: url("/resources/icons/line.svg") 50% 100% no-repeat;
    background-size: 150px;
    -webkit-animation: animation-icon-line-2-animation 300ms linear 500ms forwards;
            animation: animation-icon-line-2-animation 300ms linear 500ms forwards; }

@keyframes animation-icon-line-2-animation {
  0% {
    opacity: 0;
    background-position: 50% 100%;
    background-size: 0; }
  70% {
    opacity: 1;
    background-position: 50% 100%;
    background-size: 240px; }
  100% {
    opacity: 1;
    background-position: 50% 100%;
    background-size: 290px; } }
  .edb main .animation-icon-cloud-2 {
    background: url("/resources/icons/cloud-a.svg") 85% 0% no-repeat;
    background-size: 80px;
    -webkit-animation: animation-icon-cloud-2-animation 400ms linear 700ms forwards;
            animation: animation-icon-cloud-2-animation 400ms linear 700ms forwards; }

@-webkit-keyframes animation-icon-cloud-2-animation {
  0% {
    opacity: 0;
    background-position: 125% 20%; }
  70% {
    opacity: 0.5;
    background-position: 125% 20%; }
  90% {
    opacity: 9;
    background-position: 125% 20%; }
  100% {
    opacity: 1;
    background-position: 85% 0%; } }

@keyframes animation-icon-cloud-2-animation {
  0% {
    opacity: 0;
    background-position: 125% 20%; }
  70% {
    opacity: 0.5;
    background-position: 125% 20%; }
  90% {
    opacity: 9;
    background-position: 125% 20%; }
  100% {
    opacity: 1;
    background-position: 85% 0%; } }
  .edb main .animation-icon-sun-2 {
    position: absolute;
    top: -10%;
    left: -30%; }
  .edb main .animation-icon-sun-2 {
    background: url("/resources/icons/sun.svg") 50% 50% no-repeat;
    background-size: 10px;
    -webkit-animation: animation-icon-sun-2-animation 12s linear 1s infinite;
            animation: animation-icon-sun-2-animation 12s linear 1s infinite; }

@-webkit-keyframes animation-icon-sun-2-animation {
  0% {
    opacity: 0.8;
    background-position: 50%  50%;
    background-size: 50px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    opacity: 1;
    background-position: 50%  50%;
    background-size: 50px;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes animation-icon-sun-2-animation {
  0% {
    opacity: 0.8;
    background-position: 50%  50%;
    background-size: 50px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    opacity: 1;
    background-position: 50%  50%;
    background-size: 50px;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
  .edb main .animation-icon-computer {
    background: url("/resources/icons/computer.svg") 75% 70% no-repeat;
    background-size: 130px;
    -webkit-animation: animation-icon-computer-animation 200ms linear 700ms forwards;
            animation: animation-icon-computer-animation 200ms linear 700ms forwards; }

@-webkit-keyframes animation-icon-computer-animation {
  0% {
    opacity: 0;
    background-position: 75%  98%;
    background-size: 30px; }
  70% {
    opacity: 0.5;
    background-position: 75%  98%; }
  80% {
    opacity: 0.7;
    background-position: 75%  98%; }
  90% {
    opacity: 0.8;
    background-position: 75%  98%; }
  100% {
    opacity: 1;
    background-position: 75%  98%;
    background-size: 130px; } }

@keyframes animation-icon-computer-animation {
  0% {
    opacity: 0;
    background-position: 75%  98%;
    background-size: 30px; }
  70% {
    opacity: 0.5;
    background-position: 75%  98%; }
  80% {
    opacity: 0.7;
    background-position: 75%  98%; }
  90% {
    opacity: 0.8;
    background-position: 75%  98%; }
  100% {
    opacity: 1;
    background-position: 75%  98%;
    background-size: 130px; } }
  .edb main .animation-icon-hand-phone {
    background: url("/resources/icons/hand_phone.svg") 55% 98% no-repeat;
    background-size: 110px;
    -webkit-animation: animation-icon-hand-phone-animation 600ms linear 600ms forwards;
            animation: animation-icon-hand-phone-animation 600ms linear 600ms forwards; }

@-webkit-keyframes animation-icon-hand-phone-animation {
  0% {
    opacity: 0;
    background-position: 55% 98%;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transform-origin: 55% 98%;
            transform-origin: 55% 98%; }
  70% {
    opacity: 0;
    background-position: 55% 98%;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transform-origin: 55% 98%;
            transform-origin: 55% 98%; }
  80% {
    opacity: 0.4;
    background-position: 55% 98%;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 55% 98%;
            transform-origin: 55% 98%; }
  90% {
    opacity: 0.9;
    background-position: 55% 98%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 55% 98%;
            transform-origin: 55% 98%; }
  100% {
    opacity: 1;
    background-position: 55% 98%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 55% 98%;
            transform-origin: 55% 98%; } }

@keyframes animation-icon-hand-phone-animation {
  0% {
    opacity: 0;
    background-position: 55% 98%;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transform-origin: 55% 98%;
            transform-origin: 55% 98%; }
  70% {
    opacity: 0;
    background-position: 55% 98%;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transform-origin: 55% 98%;
            transform-origin: 55% 98%; }
  80% {
    opacity: 0.4;
    background-position: 55% 98%;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 55% 98%;
            transform-origin: 55% 98%; }
  90% {
    opacity: 0.9;
    background-position: 55% 98%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 55% 98%;
            transform-origin: 55% 98%; }
  100% {
    opacity: 1;
    background-position: 55% 98%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 55% 98%;
            transform-origin: 55% 98%; } }
  .edb main .animate-screen-handshake {
    position: relative;
    height: 170px;
    width: 100%;
    display: inline-block; }
    .edb main .animate-screen-handshake > * {
      position: absolute;
      height: 170px;
      width: 100%;
      display: inline-block;
      opacity: 0;
      background-repeat: no-repeat;
      left: 0%; }
  .edb main .animation-icon-shake-left {
    background: url("/resources/icons/handshake_left.svg") 50% 50% no-repeat;
    background-size: 160px;
    -webkit-animation: animation-icon-shake-left-animation 400ms linear 600ms forwards;
            animation: animation-icon-shake-left-animation 400ms linear 600ms forwards; }

@-webkit-keyframes animation-icon-shake-left-animation {
  0% {
    opacity: 0;
    background-position: 0% 56%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  10% {
    opacity: 0.1;
    background-position: 10% 56%;
    -webkit-transform: rotate(11deg);
            transform: rotate(11deg); }
  20% {
    opacity: 0.2;
    background-position: 12% 56%;
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg); }
  30% {
    opacity: 0.3;
    background-position: 14% 56%;
    -webkit-transform: rotate(14deg);
            transform: rotate(14deg); }
  40% {
    opacity: 1;
    background-position: 16% 56%;
    -webkit-transform: rotate(14deg);
            transform: rotate(14deg); }
  50% {
    opacity: 1;
    background-position: 18% 56%;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg); }
  60% {
    opacity: 1;
    background-position: 20% 56%;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg); }
  70% {
    opacity: 1;
    background-position: 24% 56%;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg); }
  80% {
    opacity: 1;
    background-position: 26% 56%;
    -webkit-transform: rotate(16deg);
            transform: rotate(16deg); }
  90% {
    opacity: 1;
    background-position: 28% 56%;
    -webkit-transform: rotate(16deg);
            transform: rotate(16deg); }
  99% {
    opacity: 1;
    background-position: 30% 56%;
    -webkit-transform: rotate(19deg);
            transform: rotate(19deg);
    background-size: 160px; }
  100% {
    opacity: 0;
    background-position: 30% 56%;
    -webkit-transform: rotate(19deg);
            transform: rotate(19deg);
    background-size: 160px; } }

@keyframes animation-icon-shake-left-animation {
  0% {
    opacity: 0;
    background-position: 0% 56%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  10% {
    opacity: 0.1;
    background-position: 10% 56%;
    -webkit-transform: rotate(11deg);
            transform: rotate(11deg); }
  20% {
    opacity: 0.2;
    background-position: 12% 56%;
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg); }
  30% {
    opacity: 0.3;
    background-position: 14% 56%;
    -webkit-transform: rotate(14deg);
            transform: rotate(14deg); }
  40% {
    opacity: 1;
    background-position: 16% 56%;
    -webkit-transform: rotate(14deg);
            transform: rotate(14deg); }
  50% {
    opacity: 1;
    background-position: 18% 56%;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg); }
  60% {
    opacity: 1;
    background-position: 20% 56%;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg); }
  70% {
    opacity: 1;
    background-position: 24% 56%;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg); }
  80% {
    opacity: 1;
    background-position: 26% 56%;
    -webkit-transform: rotate(16deg);
            transform: rotate(16deg); }
  90% {
    opacity: 1;
    background-position: 28% 56%;
    -webkit-transform: rotate(16deg);
            transform: rotate(16deg); }
  99% {
    opacity: 1;
    background-position: 30% 56%;
    -webkit-transform: rotate(19deg);
            transform: rotate(19deg);
    background-size: 160px; }
  100% {
    opacity: 0;
    background-position: 30% 56%;
    -webkit-transform: rotate(19deg);
            transform: rotate(19deg);
    background-size: 160px; } }
  .edb main .animation-icon-shake-right {
    background: url("/resources/icons/handshake_right.svg") 50% 50% no-repeat;
    background-size: 160px;
    -webkit-animation: animation-icon-shake-right-animation 400ms linear 600ms forwards;
            animation: animation-icon-shake-right-animation 400ms linear 600ms forwards; }

@-webkit-keyframes animation-icon-shake-right-animation {
  0% {
    opacity: 0;
    background-position: 93% 45%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  10% {
    opacity: 0.1;
    background-position: 90% 45%;
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg); }
  20% {
    opacity: 0.2;
    background-position: 87% 45%;
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg); }
  30% {
    opacity: 0.3;
    background-position: 84% 45%;
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg); }
  40% {
    opacity: 1;
    background-position: 81% 45%;
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg); }
  50% {
    opacity: 1;
    background-position: 78% 45%;
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg); }
  60% {
    opacity: 1;
    background-position: 75% 45%;
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg); }
  70% {
    opacity: 0.7;
    background-position: 72% 45%;
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg); }
  80% {
    opacity: 0.7;
    background-position: 69% 45%;
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg); }
  90% {
    opacity: 1;
    background-position: 66% 45%;
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg); }
  99% {
    opacity: 1;
    background-position: 63% 45%;
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
    background-size: 160px; }
  100% {
    opacity: 0;
    background-position: 66% 45%;
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
    background-size: 160px; } }

@keyframes animation-icon-shake-right-animation {
  0% {
    opacity: 0;
    background-position: 93% 45%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  10% {
    opacity: 0.1;
    background-position: 90% 45%;
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg); }
  20% {
    opacity: 0.2;
    background-position: 87% 45%;
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg); }
  30% {
    opacity: 0.3;
    background-position: 84% 45%;
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg); }
  40% {
    opacity: 1;
    background-position: 81% 45%;
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg); }
  50% {
    opacity: 1;
    background-position: 78% 45%;
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg); }
  60% {
    opacity: 1;
    background-position: 75% 45%;
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg); }
  70% {
    opacity: 0.7;
    background-position: 72% 45%;
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg); }
  80% {
    opacity: 0.7;
    background-position: 69% 45%;
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg); }
  90% {
    opacity: 1;
    background-position: 66% 45%;
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg); }
  99% {
    opacity: 1;
    background-position: 63% 45%;
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
    background-size: 160px; }
  100% {
    opacity: 0;
    background-position: 66% 45%;
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
    background-size: 160px; } }
  .edb main .animation-icon-shake-all {
    background: url("/resources/icons/handshake_all.svg") 50% 45% no-repeat;
    background-size: 210px;
    -webkit-animation: animation-icon-shake-all-animation 400ms linear 600ms forwards;
            animation: animation-icon-shake-all-animation 400ms linear 600ms forwards; }

@-webkit-keyframes animation-icon-shake-all-animation {
  0% {
    opacity: 0;
    background-position: 50% 45%;
    background-size: 210px; }
  98% {
    opacity: 0;
    background-position: 50% 45%;
    background-size: 210px; }
  99% {
    opacity: 0.7;
    background-position: 50% 45%;
    background-size: 210px; }
  100% {
    opacity: 1;
    background-position: 50% 45%;
    background-size: 210px; } }

@keyframes animation-icon-shake-all-animation {
  0% {
    opacity: 0;
    background-position: 50% 45%;
    background-size: 210px; }
  98% {
    opacity: 0;
    background-position: 50% 45%;
    background-size: 210px; }
  99% {
    opacity: 0.7;
    background-position: 50% 45%;
    background-size: 210px; }
  100% {
    opacity: 1;
    background-position: 50% 45%;
    background-size: 210px; } }
  .edb main .animation-icon-circle {
    position: absolute; }
  .edb main .animation-icon-circle {
    background: url("/resources/icons/circle.svg") 50% 30% no-repeat;
    background-size: 90px;
    -webkit-animation: animation-icon-circle-animation 400ms linear 500ms forwards;
            animation: animation-icon-circle-animation 400ms linear 500ms forwards; }

@-webkit-keyframes animation-icon-circle-animation {
  0% {
    opacity: 0;
    background-position: 50%  50%;
    background-size: 0px; }
  60% {
    opacity: 0.6;
    background-position: 50%  45%;
    background-size: 0px; }
  70% {
    opacity: 0.7;
    background-position: 50%  45%;
    background-size: 30px; }
  80% {
    opacity: 0.8;
    background-position: 50%  40%;
    background-size: 50px; }
  90% {
    opacity: 1;
    background-position: 50%  35%;
    background-size: 70px; }
  100% {
    opacity: 1;
    background-position: 50%  30%;
    background-size: 150px; } }

@keyframes animation-icon-circle-animation {
  0% {
    opacity: 0;
    background-position: 50%  50%;
    background-size: 0px; }
  60% {
    opacity: 0.6;
    background-position: 50%  45%;
    background-size: 0px; }
  70% {
    opacity: 0.7;
    background-position: 50%  45%;
    background-size: 30px; }
  80% {
    opacity: 0.8;
    background-position: 50%  40%;
    background-size: 50px; }
  90% {
    opacity: 1;
    background-position: 50%  35%;
    background-size: 70px; }
  100% {
    opacity: 1;
    background-position: 50%  30%;
    background-size: 150px; } }
  .edb main .accomplishments {
    margin: 0 30px 20px;
    width: 100%; }
    .edb main .accomplishments .last-image-wrapper {
      width: 300px; }
      .edb main .accomplishments .last-image-wrapper .underline {
        border-bottom: 5px solid #ed1c24;
        width: 105px;
        transition: 3s ease-in-out;
        display: block;
        margin: 25px 0 30px; }
      .edb main .accomplishments .last-image-wrapper > div {
        margin-bottom: 30px; }
    .edb main .accomplishments .flush {
      font-size: 16px; }
      .edb main .accomplishments .flush > p {
        margin-bottom: 20px; }
    @media (max-width: 767px) {
      .edb main .accomplishments {
        margin: 0; } }
  .edb main .why-bmo-wrapper {
    /*just for the youtube overlay*/ }
    .edb main .why-bmo-wrapper h2 {
      padding: 0 20px;
      text-align: center; }
    .edb main .why-bmo-wrapper .animation-svg-social {
      height: 210px;
      max-width: 280px;
      width: 270px;
      margin: 0 auto; }
    .edb main .why-bmo-wrapper .animation-svg-openaccount {
      height: 210px;
      max-width: 280px;
      width: 245px;
      margin: 0 auto; }
    .edb main .why-bmo-wrapper .animate-screen-branch,
    .edb main .why-bmo-wrapper .animate-screen-vacation,
    .edb main .why-bmo-wrapper .animate-screen-mobile {
      max-width: 280px;
      margin: auto; }
    .edb main .why-bmo-wrapper .open-video {
      text-decoration: none !important; }
    .edb main .why-bmo-wrapper .animation-icon-sun {
      top: -15%;
      left: 15%; }
    .edb main .why-bmo-wrapper .animation-icon-hand-phone {
      position: absolute; }
    .edb main .why-bmo-wrapper .underline {
      border-bottom: 5px solid #ed1c24;
      width: 105px;
      transition: 3s ease-in-out;
      display: block;
      margin-top: 20px;
      margin-bottom: 20px; }
    .edb main .why-bmo-wrapper .overlay-window {
      width: auto; }
      .edb main .why-bmo-wrapper .overlay-window .overlay-close {
        position: relative;
        width: 20px;
        height: 20px;
        background: transparent;
        color: #0079c1;
        line-height: 20px;
        cursor: pointer; }
      .edb main .why-bmo-wrapper .overlay-window .overlay-close:before {
        display: none; }
      .edb main .why-bmo-wrapper .overlay-window iframe {
        width: 800px;
        height: 450px; }
    .edb main .why-bmo-wrapper .video-player-wrapper {
      height: 400px;
      background: #0079c1;
      color: white;
      position: relative;
      margin-bottom: 60px;
      padding: 60px 0 0;
      overflow: hidden; }
      .edb main .why-bmo-wrapper .video-player-wrapper .overlay-video-text {
        width: 50%;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        position: relative;
        z-index: 2;
        background: transparent; }
        .edb main .why-bmo-wrapper .video-player-wrapper .overlay-video-text.fr {
          width: 65%; }
        .edb main .why-bmo-wrapper .video-player-wrapper .overlay-video-text .video-subtitle {
          margin-top: 0; }
        .edb main .why-bmo-wrapper .video-player-wrapper .overlay-video-text .videoPlay.icon.large:before {
          margin-left: 15%; }
        .edb main .why-bmo-wrapper .video-player-wrapper .overlay-video-text .bottom-video-text {
          z-index: 2; }
      .edb main .why-bmo-wrapper .video-player-wrapper .video-player-container {
        display: block;
        position: absolute;
        top: 0;
        left: 0px;
        width: 100%;
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
        transition: all 300ms ease-out; }
      .edb main .why-bmo-wrapper .video-player-wrapper video::-webkit-media-controls-enclosure {
        display: none !important; }
      .edb main .why-bmo-wrapper .video-player-wrapper video {
        height: 100%;
        width: 145%;
        -webkit-transform: translateX(-25%);
                transform: translateX(-25%);
        max-height: initial;
        max-width: initial; }
    .edb main .why-bmo-wrapper .global-row-caption {
      margin-top: 50px; }
      .edb main .why-bmo-wrapper .global-row-caption .inside-row-wrapper {
        padding: 10px 70px;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row; }
        .edb main .why-bmo-wrapper .global-row-caption .inside-row-wrapper .image-section {
          width: 40%;
          -webkit-order: 1;
              -ms-flex-order: 1;
                  order: 1;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-align-items: flex-start;
              -ms-flex-align: start;
                      -ms-grid-row-align: flex-start;
                  align-items: flex-start; }
          .edb main .why-bmo-wrapper .global-row-caption .inside-row-wrapper .image-section .image-wrapper {
            width: 300px; }
            .edb main .why-bmo-wrapper .global-row-caption .inside-row-wrapper .image-section .image-wrapper .row > span {
              -webkit-flex: 1;
                  -ms-flex: 1;
                      flex: 1; }
        .edb main .why-bmo-wrapper .global-row-caption .inside-row-wrapper .text-section {
          width: 60%;
          -webkit-order: 2;
              -ms-flex-order: 2;
                  order: 2;
          margin-left: 5%; }
          .edb main .why-bmo-wrapper .global-row-caption .inside-row-wrapper .text-section .section-title-wrapper {
            -webkit-align-items: flex-start;
                -ms-flex-align: start;
                        -ms-grid-row-align: flex-start;
                    align-items: flex-start; }
          .edb main .why-bmo-wrapper .global-row-caption .inside-row-wrapper .text-section .text-about-wrapper {
            text-align: left; }
            .edb main .why-bmo-wrapper .global-row-caption .inside-row-wrapper .text-section .text-about-wrapper .videoPlay.small.icon {
              width: 9px;
              height: 9px; }
              .edb main .why-bmo-wrapper .global-row-caption .inside-row-wrapper .text-section .text-about-wrapper .videoPlay.small.icon:before {
                font-size: 11px;
                color: #0079c1; }
              .edb main .why-bmo-wrapper .global-row-caption .inside-row-wrapper .text-section .text-about-wrapper .videoPlay.small.icon.stroke {
                border-color: #0079c1;
                padding: 0 6px 12px;
                line-height: 9px;
                margin-right: 5px; }
    .edb main .why-bmo-wrapper .odd-section .inside-row-wrapper .image-section {
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      -webkit-align-items: flex-end;
          -ms-flex-align: end;
                  -ms-grid-row-align: flex-end;
              align-items: flex-end; }
    .edb main .why-bmo-wrapper .odd-section .inside-row-wrapper .text-section {
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1; }
    .edb main .why-bmo-wrapper .get-ready-section {
      background: #0079c1;
      color: white;
      margin-top: 60px;
      box-shadow: 1000px 0px 0px 0px #0079c1, -1000px 0px 0px 0px #0079c1;
      -webkit-transform: translateZ(0px);
              transform: translateZ(0px); }
      .edb main .why-bmo-wrapper .get-ready-section .buttons-row {
        margin: 30px 10px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .edb main .why-bmo-wrapper .get-ready-section .buttons-row .option-button {
          border-color: white;
          margin: 10px;
          min-width: 240px;
          max-width: 260px; }
        .edb main .why-bmo-wrapper .get-ready-section .buttons-row .choose-cc-button {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center; }
        @media (max-width: 767px) {
          .edb main .why-bmo-wrapper .get-ready-section .buttons-row {
            -webkit-flex-direction: column;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-align-items: center;
                -ms-flex-align: center;
                        -ms-grid-row-align: center;
                    align-items: center;
            margin-bottom: 10px; } }
      .edb main .why-bmo-wrapper .get-ready-section .link-row {
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding-bottom: 80px; }
        .edb main .why-bmo-wrapper .get-ready-section .link-row a {
          margin: 10px;
          color: white; }
        @media (max-width: 767px) {
          .edb main .why-bmo-wrapper .get-ready-section .link-row {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: column;
                -ms-flex-direction: column;
                    flex-direction: column; } }
      .edb main .why-bmo-wrapper .get-ready-section .inner-main-wrapper {
        position: relative;
        background: #0079c1;
        border-left: 5px solid #0079c1;
        border-right: 5px solid #0079c1;
        margin-left: -5px; }
        .edb main .why-bmo-wrapper .get-ready-section .inner-main-wrapper .title-row {
          padding-top: 80px; }
    @media (max-width: 900px) {
      .edb main .why-bmo-wrapper .overlay-window {
        width: 100%;
        -webkit-align-self: flex-end;
            -ms-flex-item-align: end;
                align-self: flex-end; }
      .edb main .why-bmo-wrapper .videowrapper {
        float: none;
        clear: both;
        width: 100%;
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 25px;
        height: 0; }
      .edb main .why-bmo-wrapper .videowrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; } }
    @media (max-width: 767px) {
      .edb main .why-bmo-wrapper .animation-svg-social,
      .edb main .why-bmo-wrapper .animation-svg-openaccount {
        margin: auto; }
      .edb main .why-bmo-wrapper .hero-video-wrapper {
        padding: 10px 20px; }
      .edb main .why-bmo-wrapper .video-player-wrapper {
        background: white;
        color: #333333;
        padding: 60px 20px 20px;
        height: auto;
        margin: 0; }
        .edb main .why-bmo-wrapper .video-player-wrapper .overlay-video-text {
          width: 100%; }
        .edb main .why-bmo-wrapper .video-player-wrapper .bottom-video-text {
          -webkit-transform: none;
                  transform: none; }
      .edb main .why-bmo-wrapper .global-row-caption {
        margin-top: 40px;
        overflow: hidden; }
        .edb main .why-bmo-wrapper .global-row-caption .inside-row-wrapper {
          padding: 10px 20px;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column; }
          .edb main .why-bmo-wrapper .global-row-caption .inside-row-wrapper .image-section {
            width: 100%;
            -webkit-flex: 2;
                -ms-flex: 2;
                    flex: 2;
            -webkit-order: 1;
                -ms-flex-order: 1;
                    order: 1; }
          .edb main .why-bmo-wrapper .global-row-caption .inside-row-wrapper .text-section {
            width: 100%;
            margin: 0;
            -webkit-flex: 3;
                -ms-flex: 3;
                    flex: 3;
            -webkit-order: 2;
                -ms-flex-order: 2;
                    order: 2; }
            .edb main .why-bmo-wrapper .global-row-caption .inside-row-wrapper .text-section .section-title-wrapper {
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-flex-direction: column;
                  -ms-flex-direction: column;
                      flex-direction: column;
              -webkit-align-items: center;
                  -ms-flex-align: center;
                      align-items: center;
              text-align: center; }
              .edb main .why-bmo-wrapper .global-row-caption .inside-row-wrapper .text-section .section-title-wrapper .text-section-title {
                margin-top: 15px; }
            .edb main .why-bmo-wrapper .global-row-caption .inside-row-wrapper .text-section .text-about-wrapper {
              text-align: left; }
              .edb main .why-bmo-wrapper .global-row-caption .inside-row-wrapper .text-section .text-about-wrapper p a {
                color: #0079c1; }
      .edb main .why-bmo-wrapper .get-ready-section a.option-button {
        width: 70%; } }
        
    .edb header {
        font-size: 100%;
    }