]> git.ipfire.org Git - thirdparty/foundation/foundation-emails.git/commitdiff
Merge branch 'marketing' of github.com:zurb/ink into marketing
authorEric Morris <eric@zurb.com>
Wed, 23 Oct 2013 18:07:10 +0000 (11:07 -0700)
committerEric Morris <eric@zurb.com>
Wed, 23 Oct 2013 18:07:10 +0000 (11:07 -0700)
Conflicts:
stylesheets/app.css

1  2 
sass/app.scss
stylesheets/app.css

diff --cc sass/app.scss
Simple merge
index a954ae2b89352c655e7cafb48b742f6dc0f7df17,b68903e7614238cd4e0b3417ab9f20d04a0fd93e..00831292235e528c632ccb30caa71713f4a2a1db
  .discover-links a:hover.download {
    background-position: center -1000px;
  }
- /* line 158, ../sass/app.scss */
++/* line 157, ../sass/app.scss */
 +.discover-links a:hover.inliner {
 +  background-position: center -1500px;
 +}
  
  /* discover links */
- /* line 164, ../sass/app.scss */
 -/* line 162, ../sass/app.scss */
++/* line 163, ../sass/app.scss */
  .discover-links {
    margin-bottom: 50px;
  }
- /* line 165, ../sass/app.scss */
 -/* line 163, ../sass/app.scss */
++/* line 164, ../sass/app.scss */
  .discover-links a {
    display: block;
    text-align: center;
    background: url(../images/icons/discover.png) no-repeat 0 0;
    background-size: 125px 2000px;
  }
- /* line 166, ../sass/app.scss */
 -/* line 164, ../sass/app.scss */
++/* line 165, ../sass/app.scss */
  .discover-links a.process {
    background-position: center 14px;
  }
- /* line 167, ../sass/app.scss */
 -/* line 165, ../sass/app.scss */
++/* line 166, ../sass/app.scss */
  .discover-links a.docs {
    background-position: center -490px;
  }
- /* line 168, ../sass/app.scss */
 -/* line 166, ../sass/app.scss */
++/* line 167, ../sass/app.scss */
  .discover-links a.download {
    background-position: center -990px;
  }
- /* line 169, ../sass/app.scss */
 -/* line 167, ../sass/app.scss */
++/* line 168, ../sass/app.scss */
  .discover-links a.inliner {
    background-position: center -1490px;
  }
- /* line 171, ../sass/app.scss */
 -/* line 169, ../sass/app.scss */
++/* line 170, ../sass/app.scss */
  .discover-links span {
    display: block;
  }
- /* line 172, ../sass/app.scss */
 -/* line 170, ../sass/app.scss */
++/* line 171, ../sass/app.scss */
  .discover-links span.title {
    font-family: "Proxima Nova", "proxima-nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 1.3125em;
    color: #0d2b40;
    margin-bottom: 10px;
  }
- /* line 173, ../sass/app.scss */
 -/* line 171, ../sass/app.scss */
++/* line 172, ../sass/app.scss */
  .discover-links span.description {
    color: #333;
    font-size: 0.875em;
  }
  
  /* stay updated */
- /* line 178, ../sass/app.scss */
 -/* line 176, ../sass/app.scss */
++/* line 177, ../sass/app.scss */
  .stay-updated {
    background: #004454;
    padding: 36px 0 32px;
  }
- /* line 179, ../sass/app.scss */
 -/* line 177, ../sass/app.scss */
++/* line 178, ../sass/app.scss */
  .stay-updated h5, .stay-updated a {
    color: #FFF;
    margin-bottom: 0;
  }
- /* line 180, ../sass/app.scss */
 -/* line 178, ../sass/app.scss */
++/* line 179, ../sass/app.scss */
  .stay-updated p {
    color: #8798a7;
    margin-bottom: 0;
  }
- /* line 181, ../sass/app.scss */
 -/* line 179, ../sass/app.scss */
++/* line 180, ../sass/app.scss */
  .stay-updated form {
    margin-bottom: 0;
    margin-top: 9px;
  }
- /* line 182, ../sass/app.scss */
 -/* line 180, ../sass/app.scss */
++/* line 181, ../sass/app.scss */
  .stay-updated form input {
    padding: 18px;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
  }
- /* line 183, ../sass/app.scss */
 -/* line 181, ../sass/app.scss */
++/* line 182, ../sass/app.scss */
  .stay-updated form .button {
    padding-top: 13px;
  }
  
  /* interior */
- /* line 188, ../sass/app.scss */
 -/* line 186, ../sass/app.scss */
++/* line 187, ../sass/app.scss */
  .top-headlines {
    margin-top: 50px;
  }
- /* line 189, ../sass/app.scss */
 -/* line 187, ../sass/app.scss */
++/* line 188, ../sass/app.scss */
  .top-headlines h1 {
    margin-bottom: 0;
    line-height: 1;
  }
  
- /* line 191, ../sass/app.scss */
 -/* line 189, ../sass/app.scss */
++/* line 190, ../sass/app.scss */
  hr {
    border-style: dashed;
  }
  
  /* templates */
- /* line 194, ../sass/app.scss */
 -/* line 192, ../sass/app.scss */
++/* line 193, ../sass/app.scss */
  .template-thumbs {
    margin-bottom: 50px;
  }
- /* line 195, ../sass/app.scss */
 -/* line 193, ../sass/app.scss */
++/* line 194, ../sass/app.scss */
  .template-thumbs a {
    display: block;
  }
- /* line 196, ../sass/app.scss */
 -/* line 194, ../sass/app.scss */
++/* line 195, ../sass/app.scss */
  .template-thumbs a.button {
    display: inline-block;
  }
- /* line 197, ../sass/app.scss */
 -/* line 195, ../sass/app.scss */
++/* line 196, ../sass/app.scss */
  .template-thumbs a img {
    display: block;
    margin-bottom: 15px;
+   border: #f1f1f1 1px solid;
  }
- /* line 199, ../sass/app.scss */
 -/* line 197, ../sass/app.scss */
++/* line 198, ../sass/app.scss */
  .template-thumbs span {
    display: block;
    color: #333;
  }
- /* line 200, ../sass/app.scss */
 -/* line 198, ../sass/app.scss */
++/* line 199, ../sass/app.scss */
  .template-thumbs span.name {
    font-size: 1.3125em;
    font-family: "Proxima Nova", "proxima-nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    color: #0d2b40;
  }
- /* line 201, ../sass/app.scss */
 -/* line 199, ../sass/app.scss */
++/* line 200, ../sass/app.scss */
  .template-thumbs span.description {
    font-size: 0.875em;
    margin-bottom: 15px;
  }
  
- /* line 204, ../sass/app.scss */
 -/* line 202, ../sass/app.scss */
++/* line 203, ../sass/app.scss */
  .thumb-select {
    margin-top: 20px;
  }
- /* line 205, ../sass/app.scss */
 -/* line 203, ../sass/app.scss */
++/* line 204, ../sass/app.scss */
  .thumb-select label, .thumb-select select {
    display: inline-block;
  }
- /* line 206, ../sass/app.scss */
 -/* line 204, ../sass/app.scss */
++/* line 205, ../sass/app.scss */
  .thumb-select select {
    width: 110px;
    margin-left: 10px;
  }
  
- /* line 208, ../sass/app.scss */
 -/* line 206, ../sass/app.scss */
++/* line 207, ../sass/app.scss */
  .how-to-use {
    position: relative;
    padding: 30px 0;
  }
  
- /* line 209, ../sass/app.scss */
 -/* line 207, ../sass/app.scss */
++/* line 208, ../sass/app.scss */
  .inky-small {
    height: 377px;
    width: 323px;
    z-index: 2;
  }
  
- /* line 210, ../sass/app.scss */
 -/* line 208, ../sass/app.scss */
++/* line 209, ../sass/app.scss */
  .inky-small.load {
    animation-name: small-inky;
    -webkit-animation-name: small-inky;
    -webkit-animation-iteration-count: infinite;
  }
  
- /* line 212, ../sass/app.scss */
 -/* line 210, ../sass/app.scss */
++/* line 211, ../sass/app.scss */
  .inky-comp {
    height: 220px;
    width: 240px;
    z-index: 2;
  }
  
- /* line 213, ../sass/app.scss */
 -/* line 211, ../sass/app.scss */
++/* line 212, ../sass/app.scss */
  .inky-comp.load {
    animation-name: small-inky;
    -webkit-animation-name: small-inky;
  }
  
  /* downloading */
- /* line 216, ../sass/app.scss */
 -/* line 214, ../sass/app.scss */
++/* line 215, ../sass/app.scss */
  .main-text {
    position: relative;
  }
  
- /* line 217, ../sass/app.scss */
 -/* line 215, ../sass/app.scss */
++/* line 216, ../sass/app.scss */
  .inky-fish {
    background: url(../images/inky-mobile-hold.svg) no-repeat center center;
    background-size: cover;
    top: 40px;
  }
  
- /* line 218, ../sass/app.scss */
 -/* line 216, ../sass/app.scss */
++/* line 217, ../sass/app.scss */
  .under-inky-fish {
    margin-top: 50px;
    margin-bottom: 50px;
  }
- /* line 219, ../sass/app.scss */
 -/* line 217, ../sass/app.scss */
++/* line 218, ../sass/app.scss */
  .under-inky-fish ul {
    font-size: 0.875em;
    margin-left: 15px;
  }
  
- /* line 221, ../sass/app.scss */
 -/* line 219, ../sass/app.scss */
++/* line 220, ../sass/app.scss */
  .read-docs {
    margin-top: 20px;
  }
- /* line 222, ../sass/app.scss */
 -/* line 220, ../sass/app.scss */
++/* line 221, ../sass/app.scss */
  .read-docs a {
    background: #e5ecee url(../images/icons/read-docs.png) no-repeat 38px center;
    padding: 23px 23px 23px 97px;
    background-size: 32px 44px;
    display: block;
  }
- /* line 223, ../sass/app.scss */
 -/* line 221, ../sass/app.scss */
++/* line 222, ../sass/app.scss */
  .read-docs span {
    margin-bottom: 0;
    display: block;
  }
- /* line 224, ../sass/app.scss */
 -/* line 222, ../sass/app.scss */
++/* line 223, ../sass/app.scss */
  .read-docs span.title {
    color: #0c2739;
    font-size: 1.3125em;
    font-family: "Proxima Nova", "proxima-nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    margin-bottom: 10px;
  }
- /* line 225, ../sass/app.scss */
 -/* line 223, ../sass/app.scss */
++/* line 224, ../sass/app.scss */
  .read-docs span.description {
    font-size: 0.875em;
    color: #333;
    line-height: 1.6;
  }
  
- /* line 229, ../sass/app.scss */
 -/* line 227, ../sass/app.scss */
++/* line 228, ../sass/app.scss */
  .inky-fish.load {
    animation-name: inky-fishes;
    -webkit-animation-name: inky-fishes;
  }
  
  @keyframes inky-fishes {
-   /* line 231, ../sass/app.scss */
 -  /* line 229, ../sass/app.scss */
++  /* line 230, ../sass/app.scss */
    0% {
      transform: rotate(-15deg);
    }
  
-   /* line 232, ../sass/app.scss */
 -  /* line 230, ../sass/app.scss */
++  /* line 231, ../sass/app.scss */
    50% {
      transform: rotate(15deg);
    }
  
-   /* line 233, ../sass/app.scss */
 -  /* line 231, ../sass/app.scss */
++  /* line 232, ../sass/app.scss */
    100% {
      transform: rotate(-15deg);
    }
  }
  
  @-webkit-keyframes inky-fishes {
-   /* line 237, ../sass/app.scss */
 -  /* line 235, ../sass/app.scss */
++  /* line 236, ../sass/app.scss */
    0% {
      -webkit-transform: rotate(-15deg);
    }
  
-   /* line 238, ../sass/app.scss */
 -  /* line 236, ../sass/app.scss */
++  /* line 237, ../sass/app.scss */
    50% {
      -webkit-transform: rotate(15deg);
    }
  
-   /* line 239, ../sass/app.scss */
 -  /* line 237, ../sass/app.scss */
++  /* line 238, ../sass/app.scss */
    100% {
      -webkit-transform: rotate(-15deg);
    }
  }
  
  /* process */
- /* line 246, ../sass/app.scss */
 -/* line 244, ../sass/app.scss */
++/* line 245, ../sass/app.scss */
  .how-to-use {
    position: relative;
  }
- /* line 247, ../sass/app.scss */
 -/* line 245, ../sass/app.scss */
++/* line 246, ../sass/app.scss */
  .how-to-use.one {
    margin-bottom: 10px;
  }
- /* line 248, ../sass/app.scss */
 -/* line 246, ../sass/app.scss */
++/* line 247, ../sass/app.scss */
  .how-to-use.one p, .how-to-use.one img, .how-to-use.one h3 {
    width: 440px;
    margin-left: 70px;
  }
- /* line 249, ../sass/app.scss */
 -/* line 247, ../sass/app.scss */
++/* line 248, ../sass/app.scss */
  .how-to-use.one .process-1 {
    background: url(../images/inky-outlook.svg) no-repeat center center;
    height: 335px;
    right: 65px;
    top: -50px;
  }
- /* line 250, ../sass/app.scss */
 -/* line 248, ../sass/app.scss */
++/* line 249, ../sass/app.scss */
  .how-to-use.one .bump-space {
    margin-left: 120px;
  }
- /* line 252, ../sass/app.scss */
 -/* line 250, ../sass/app.scss */
++/* line 251, ../sass/app.scss */
  .how-to-use.two {
    margin-bottom: 10px;
  }
- /* line 253, ../sass/app.scss */
 -/* line 251, ../sass/app.scss */
++/* line 252, ../sass/app.scss */
  .how-to-use.two p, .how-to-use.two img, .how-to-use.two h3 {
    width: 470px;
    margin-left: 100px;
  }
- /* line 254, ../sass/app.scss */
 -/* line 252, ../sass/app.scss */
++/* line 253, ../sass/app.scss */
  .how-to-use.two .process-2 {
    height: 134px;
    width: 231px;
    left: 8px;
    top: 38px;
  }
- /* line 255, ../sass/app.scss */
 -/* line 253, ../sass/app.scss */
++/* line 254, ../sass/app.scss */
  .how-to-use.two .process-2 img {
    margin-left: 0px;
  }
- /* line 257, ../sass/app.scss */
 -/* line 255, ../sass/app.scss */
++/* line 256, ../sass/app.scss */
  .how-to-use.two .bump-space {
    margin-left: 270px;
  }
- /* line 259, ../sass/app.scss */
 -/* line 257, ../sass/app.scss */
++/* line 258, ../sass/app.scss */
  .how-to-use.three {
    margin-bottom: 30px;
  }
- /* line 260, ../sass/app.scss */
 -/* line 258, ../sass/app.scss */
++/* line 259, ../sass/app.scss */
  .how-to-use.three p, .how-to-use.three img, .how-to-use.three h3 {
    width: 470px;
    margin-left: 100px;
  }
- /* line 261, ../sass/app.scss */
 -/* line 259, ../sass/app.scss */
++/* line 260, ../sass/app.scss */
  .how-to-use.three p.with-border {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
  }
- /* line 262, ../sass/app.scss */
 -/* line 260, ../sass/app.scss */
++/* line 261, ../sass/app.scss */
  .how-to-use.three .process-3 {
    height: 377px;
    width: 273px;
    right: 110px;
    top: -80px;
  }
- /* line 263, ../sass/app.scss */
 -/* line 261, ../sass/app.scss */
++/* line 262, ../sass/app.scss */
  .how-to-use.three .process-3 img {
    margin-left: 0px;
  }
- /* line 264, ../sass/app.scss */
 -/* line 262, ../sass/app.scss */
++/* line 263, ../sass/app.scss */
  .how-to-use.three .process-3 .inky-point {
    background: url(../images/inky-point.svg) no-repeat center center;
    height: 386px;
    width: 349px;
    background-size: cover;
  }
- /* line 266, ../sass/app.scss */
 -/* line 264, ../sass/app.scss */
++/* line 265, ../sass/app.scss */
  .how-to-use.three .bump-space {
    margin-left: 50px;
  }
- /* line 268, ../sass/app.scss */
 -/* line 266, ../sass/app.scss */
++/* line 267, ../sass/app.scss */
  .how-to-use.four {
    margin-bottom: 30px;
  }
- /* line 269, ../sass/app.scss */
 -/* line 267, ../sass/app.scss */
++/* line 268, ../sass/app.scss */
  .how-to-use.four p, .how-to-use.four img, .how-to-use.four h3 {
    width: 470px;
    margin-left: 100px;
  }
- /* line 270, ../sass/app.scss */
 -/* line 268, ../sass/app.scss */
++/* line 269, ../sass/app.scss */
  .how-to-use.four .bump-space {
    margin-left: 300px;
  }
- /* line 271, ../sass/app.scss */
 -/* line 269, ../sass/app.scss */
++/* line 270, ../sass/app.scss */
  .how-to-use.four .process-4 {
    background: url(../images/fish-3.svg) no-repeat center center;
    height: 116px;
    right: 0;
    top: 35px;
  }
- /* line 272, ../sass/app.scss */
 -/* line 270, ../sass/app.scss */
++/* line 271, ../sass/app.scss */
  .how-to-use.four .process-4-2 {
    height: 63px;
    width: 96px;
    left: 201px;
    top: -16px;
  }
- /* line 273, ../sass/app.scss */
 -/* line 271, ../sass/app.scss */
++/* line 272, ../sass/app.scss */
  .how-to-use.four .process-4-2 img {
    margin-left: 0px;
  }
- /* line 277, ../sass/app.scss */
 -/* line 275, ../sass/app.scss */
++/* line 276, ../sass/app.scss */
  .how-to-use.five {
    padding-bottom: 190px;
  }
- /* line 278, ../sass/app.scss */
 -/* line 276, ../sass/app.scss */
++/* line 277, ../sass/app.scss */
  .how-to-use.five .number {
    top: -13px;
  }
- /* line 279, ../sass/app.scss */
 -/* line 277, ../sass/app.scss */
++/* line 278, ../sass/app.scss */
  .how-to-use.five p, .how-to-use.five img, .how-to-use.five h3 {
    width: 470px;
    margin-left: 100px;
  }
- /* line 280, ../sass/app.scss */
 -/* line 278, ../sass/app.scss */
++/* line 279, ../sass/app.scss */
  .how-to-use.five .bump-space {
    margin-left: 185px;
    position: relative;
    z-index: 2;
  }
- /* line 281, ../sass/app.scss */
 -/* line 279, ../sass/app.scss */
++/* line 280, ../sass/app.scss */
  .how-to-use.five .process-5 {
    height: 377px;
    width: 273px;
    left: 0;
    top: -120px;
  }
- /* line 282, ../sass/app.scss */
 -/* line 280, ../sass/app.scss */
++/* line 281, ../sass/app.scss */
  .how-to-use.five .process-5-2 {
    height: 56px;
    width: 217px;
    right: 20px;
    top: 92px;
  }
- /* line 283, ../sass/app.scss */
 -/* line 281, ../sass/app.scss */
++/* line 282, ../sass/app.scss */
  .how-to-use.five .process-5-2 img {
    margin-left: 0px;
  }
- /* line 286, ../sass/app.scss */
 -/* line 284, ../sass/app.scss */
++/* line 285, ../sass/app.scss */
  .how-to-use h3 {
    margin-bottom: 10px;
  }
- /* line 287, ../sass/app.scss */
 -/* line 285, ../sass/app.scss */
++/* line 286, ../sass/app.scss */
  .how-to-use .number {
    display: block;
    font-family: "Proxima Nova", "proxima-nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    position: absolute;
    top: 23px;
  }
- /* line 288, ../sass/app.scss */
 -/* line 286, ../sass/app.scss */
++/* line 287, ../sass/app.scss */
  .how-to-use .campaign-monitor {
    background: url(../images/campaign-monitor.png) no-repeat left center;
    background-size: 18px 12px;
    padding-left: 30px;
  }
  
- /* line 290, ../sass/app.scss */
 -/* line 288, ../sass/app.scss */
++/* line 289, ../sass/app.scss */
  .water {
    background: #004454;
    height: 80px;
  }
  
- /* line 291, ../sass/app.scss */
 -/* line 289, ../sass/app.scss */
++/* line 290, ../sass/app.scss */
  .process-5-3 {
    background: url(../images/inky-boat.svg) bottom center no-repeat;
    height: 327px;
    top: -210px;
  }
  @media only screen and (max-width: 767px) {
-   /* line 291, ../sass/app.scss */
 -  /* line 289, ../sass/app.scss */
++  /* line 290, ../sass/app.scss */
    .process-5-3 {
      width: 100%;
    }
  }
  
- /* line 295, ../sass/app.scss */
 -/* line 293, ../sass/app.scss */
++/* line 294, ../sass/app.scss */
  .process-2.load img {
    animation-name: fish1;
    -webkit-animation-name: fish1;
  }
  
  @keyframes fish1 {
-   /* line 297, ../sass/app.scss */
 -  /* line 295, ../sass/app.scss */
++  /* line 296, ../sass/app.scss */
    0% {
      transform: translateX(0%);
    }
  
-   /* line 298, ../sass/app.scss */
 -  /* line 296, ../sass/app.scss */
++  /* line 297, ../sass/app.scss */
    50% {
      transform: translateX(3%);
    }
  
-   /* line 299, ../sass/app.scss */
 -  /* line 297, ../sass/app.scss */
++  /* line 298, ../sass/app.scss */
    100% {
      transform: translateX(0%);
    }
  }
  
  @-webkit-keyframes fish1 {
-   /* line 303, ../sass/app.scss */
 -  /* line 301, ../sass/app.scss */
++  /* line 302, ../sass/app.scss */
    0% {
      -webkit-transform: translateX(0%);
    }
  
-   /* line 304, ../sass/app.scss */
 -  /* line 302, ../sass/app.scss */
++  /* line 303, ../sass/app.scss */
    50% {
      -webkit-transform: translateX(3%);
    }
  
-   /* line 305, ../sass/app.scss */
 -  /* line 303, ../sass/app.scss */
++  /* line 304, ../sass/app.scss */
    100% {
      -webkit-transform: translateX(0%);
    }
  }
  
- /* line 309, ../sass/app.scss */
 -/* line 307, ../sass/app.scss */
++/* line 308, ../sass/app.scss */
  .process-3.load div {
    animation-name: small-inky;
    -webkit-animation-name: small-inky;
  }
  
  @keyframes small-inky {
-   /* line 321, ../sass/app.scss */
 -  /* line 319, ../sass/app.scss */
++  /* line 320, ../sass/app.scss */
    0% {
      transform: translateY(0%);
    }
  
-   /* line 322, ../sass/app.scss */
 -  /* line 320, ../sass/app.scss */
++  /* line 321, ../sass/app.scss */
    50% {
      transform: translateY(2%);
    }
  
-   /* line 323, ../sass/app.scss */
 -  /* line 321, ../sass/app.scss */
++  /* line 322, ../sass/app.scss */
    100% {
      transform: translateY(0%);
    }
  }
  
  @-webkit-keyframes small-inky {
-   /* line 327, ../sass/app.scss */
 -  /* line 325, ../sass/app.scss */
++  /* line 326, ../sass/app.scss */
    0% {
      -webkit-transform: translateY(0%);
    }
  
-   /* line 328, ../sass/app.scss */
 -  /* line 326, ../sass/app.scss */
++  /* line 327, ../sass/app.scss */
    50% {
      -webkit-transform: translateY(2%);
    }
  
-   /* line 329, ../sass/app.scss */
 -  /* line 327, ../sass/app.scss */
++  /* line 328, ../sass/app.scss */
    100% {
      -webkit-transform: translateY(0%);
    }
  }
  
- /* line 333, ../sass/app.scss */
 -/* line 331, ../sass/app.scss */
++/* line 332, ../sass/app.scss */
  .process-4-2.load img {
    animation-name: fish2;
    -webkit-animation-name: fish2;
  }
  
  @keyframes fish2 {
-   /* line 335, ../sass/app.scss */
 -  /* line 333, ../sass/app.scss */
++  /* line 334, ../sass/app.scss */
    0% {
      transform: translateY(0%);
    }
  
-   /* line 336, ../sass/app.scss */
 -  /* line 334, ../sass/app.scss */
++  /* line 335, ../sass/app.scss */
    50% {
      transform: translateY(12%);
    }
  
-   /* line 337, ../sass/app.scss */
 -  /* line 335, ../sass/app.scss */
++  /* line 336, ../sass/app.scss */
    100% {
      transform: translateY(0%);
    }
  }
  
  @-webkit-keyframes fish2 {
-   /* line 341, ../sass/app.scss */
 -  /* line 339, ../sass/app.scss */
++  /* line 340, ../sass/app.scss */
    0% {
      -webkit-transform: translateY(0%);
    }
  
-   /* line 342, ../sass/app.scss */
 -  /* line 340, ../sass/app.scss */
++  /* line 341, ../sass/app.scss */
    50% {
      -webkit-transform: translateY(12%);
    }
  
-   /* line 343, ../sass/app.scss */
 -  /* line 341, ../sass/app.scss */
++  /* line 342, ../sass/app.scss */
    100% {
      -webkit-transform: translateY(0%);
    }
  }
  
- /* line 346, ../sass/app.scss */
 -/* line 344, ../sass/app.scss */
++/* line 345, ../sass/app.scss */
  .process-5-2.load img {
    animation-name: fish3;
    -webkit-animation-name: fish3;
  }
  
  @keyframes fish3 {
-   /* line 348, ../sass/app.scss */
 -  /* line 346, ../sass/app.scss */
++  /* line 347, ../sass/app.scss */
    0% {
      transform: translateX(0%);
    }
  
-   /* line 349, ../sass/app.scss */
 -  /* line 347, ../sass/app.scss */
++  /* line 348, ../sass/app.scss */
    50% {
      transform: translateX(5%);
    }
  
-   /* line 350, ../sass/app.scss */
 -  /* line 348, ../sass/app.scss */
++  /* line 349, ../sass/app.scss */
    100% {
      transform: translateX(0%);
    }
  }
  
  @-webkit-keyframes fish3 {
-   /* line 354, ../sass/app.scss */
 -  /* line 352, ../sass/app.scss */
++  /* line 353, ../sass/app.scss */
    0% {
      -webkit-transform: translateX(0%);
    }
  
-   /* line 355, ../sass/app.scss */
 -  /* line 353, ../sass/app.scss */
++  /* line 354, ../sass/app.scss */
    50% {
      -webkit-transform: translateX(5%);
    }
  
-   /* line 356, ../sass/app.scss */
 -  /* line 354, ../sass/app.scss */
++  /* line 355, ../sass/app.scss */
    100% {
      -webkit-transform: translateX(0%);
    }
  }
  
  /* docs  */
- /* line 361, ../sass/app.scss */
 -/* line 359, ../sass/app.scss */
++/* line 360, ../sass/app.scss */
  .doc-nav {
    list-style: none;
    margin-top: 50px;
  }
- /* line 362, ../sass/app.scss */
 -/* line 360, ../sass/app.scss */
++/* line 361, ../sass/app.scss */
  .doc-nav li {
    display: block;
    font-size: 0.875em;
    margin-bottom: 10px;
  }
- /* line 363, ../sass/app.scss */
 -/* line 361, ../sass/app.scss */
++/* line 362, ../sass/app.scss */
  .doc-nav li a {
    color: #333;
    display: block;
  }
- /* line 364, ../sass/app.scss */
 -/* line 362, ../sass/app.scss */
++/* line 363, ../sass/app.scss */
  .doc-nav li a.current {
    font-weight: bold;
    margin-bottom: 10px;
  }
- /* line 365, ../sass/app.scss */
 -/* line 363, ../sass/app.scss */
++/* line 364, ../sass/app.scss */
  .doc-nav li a:hover {
    color: #000;
  }
- /* line 367, ../sass/app.scss */
 -/* line 365, ../sass/app.scss */
++/* line 366, ../sass/app.scss */
  .doc-nav li ul li {
    font-size: 1em;
  }
  
- /* line 371, ../sass/app.scss */
 -/* line 369, ../sass/app.scss */
++/* line 370, ../sass/app.scss */
  .docs h1 {
    margin-top: 30px;
    margin-bottom: 0;
  }
- /* line 372, ../sass/app.scss */
 -/* line 370, ../sass/app.scss */
++/* line 371, ../sass/app.scss */
  .docs .label {
    background: #ddd;
    color: #333;
  }
- /* line 373, ../sass/app.scss */
 -/* line 371, ../sass/app.scss */
++/* line 372, ../sass/app.scss */
  .docs table {
    width: 100%;
    font-size: 0.9375em;
  }
- /* line 374, ../sass/app.scss */
 -/* line 372, ../sass/app.scss */
++/* line 373, ../sass/app.scss */
  .docs table td {
    line-height: 1.6;
    vertical-align: top;
  }
- /* line 376, ../sass/app.scss */
 -/* line 374, ../sass/app.scss */
++/* line 375, ../sass/app.scss */
  .docs hr.section {
    margin-top: 50px;
    border-style: solid;
    border-width: 2px;
  }
  
- /* line 382, ../sass/app.scss */
 -/* line 380, ../sass/app.scss */
++/* line 381, ../sass/app.scss */
  .prev-next-section {
    *zoom: 1;
    border-top: 1px dashed #ddd;
  .prev-next-section:after {
    clear: both;
  }
- /* line 383, ../sass/app.scss */
 -/* line 381, ../sass/app.scss */
++/* line 382, ../sass/app.scss */
  .prev-next-section a {
    font-weight: bold;
    color: #333;
  }
  
  @media only screen and (max-width: 767px) {
-   /* line 388, ../sass/app.scss */
 -  /* line 386, ../sass/app.scss */
++  /* line 387, ../sass/app.scss */
    .top-area {
      position: relative;
    }
  
-   /* line 389, ../sass/app.scss */
 -  /* line 387, ../sass/app.scss */
++  /* line 388, ../sass/app.scss */
    .top-area .inky-phone {
      display: block;
      background: url(../images/inky-mobile-hold.svg);
      background-size: cover;
    }
  
-   /* line 390, ../sass/app.scss */
 -  /* line 388, ../sass/app.scss */
++  /* line 389, ../sass/app.scss */
    .top-area .home-text {
      padding: 40px 0 50px;
      position: relative;
      z-index: 2;
    }
  
-   /* line 391, ../sass/app.scss */
 -  /* line 389, ../sass/app.scss */
++  /* line 390, ../sass/app.scss */
    .templates-callout {
      top: 0px;
      margin-bottom: 50px;
    }
  
-   /* line 394, ../sass/app.scss */
 -  /* line 392, ../sass/app.scss */
++  /* line 393, ../sass/app.scss */
    .how-to-use h3, .how-to-use p {
      width: 100% !important;
      margin-left: 0 !important;
    }
-   /* line 395, ../sass/app.scss */
 -  /* line 393, ../sass/app.scss */
++  /* line 394, ../sass/app.scss */
    .how-to-use .bump-space {
      margin-left: 0 !important;
    }
-   /* line 396, ../sass/app.scss */
 -  /* line 394, ../sass/app.scss */
++  /* line 395, ../sass/app.scss */
    .how-to-use .process-1, .how-to-use .process-2, .how-to-use .process-3, .how-to-use .process-4, .how-to-use .process-4-2, .how-to-use .process-5, .how-to-use .process-5-2 {
      display: none !important;
    }
-   /* line 397, ../sass/app.scss */
 -  /* line 395, ../sass/app.scss */
++  /* line 396, ../sass/app.scss */
    .how-to-use .number {
      position: relative;
      text-align: left;
      font-size: 3.625em;
      top: auto;
    }
-   /* line 398, ../sass/app.scss */
 -  /* line 396, ../sass/app.scss */
++  /* line 397, ../sass/app.scss */
    .how-to-use img {
      margin-left: 0 !important;
      width: 100% !important;
    }
  
-   /* line 400, ../sass/app.scss */
 -  /* line 398, ../sass/app.scss */
++  /* line 399, ../sass/app.scss */
    .callout .row .stamp {
      width: 129px;
      right: 0;
      top: -54px;
    }
  }
- /* line 403, ../sass/app.scss */
 -/* line 401, ../sass/app.scss */
++/* line 402, ../sass/app.scss */
  ul.mobile-nav {
    display: block;
    margin-bottom: 0;
  }
- /* line 404, ../sass/app.scss */
 -/* line 402, ../sass/app.scss */
++/* line 403, ../sass/app.scss */
  ul.mobile-nav li {
    display: block;
  }
- /* line 405, ../sass/app.scss */
 -/* line 403, ../sass/app.scss */
++/* line 404, ../sass/app.scss */
  ul.mobile-nav a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    font-weight: bold;
  }
- /* line 406, ../sass/app.scss */
 -/* line 404, ../sass/app.scss */
++/* line 405, ../sass/app.scss */
  ul.mobile-nav a.current {
    background: #002f3b;
  }
  
  @media only screen and (min-width: 767px) and (max-width: 1024px) {
-   /* line 411, ../sass/app.scss */
 -  /* line 409, ../sass/app.scss */
++  /* line 410, ../sass/app.scss */
    .callout .row .stamp {
      top: -134px;
      right: 0;
    }
  
-   /* line 412, ../sass/app.scss */
 -  /* line 410, ../sass/app.scss */
++  /* line 411, ../sass/app.scss */
    .inky {
      right: -620px;
    }
  
-   /* line 413, ../sass/app.scss */
 -  /* line 411, ../sass/app.scss */
++  /* line 412, ../sass/app.scss */
    .touch .how-to-use {
      position: relative;
    }
-   /* line 415, ../sass/app.scss */
 -  /* line 413, ../sass/app.scss */
++  /* line 414, ../sass/app.scss */
    .touch .how-to-use.one p, .touch .how-to-use.one img, .touch .how-to-use.one h3 {
      width: 400px;
      margin-left: 70px;
    }
-   /* line 416, ../sass/app.scss */
 -  /* line 414, ../sass/app.scss */
++  /* line 415, ../sass/app.scss */
    .touch .how-to-use.one .process-1 {
      background: url(../images/inky.svg) no-repeat center center;
      height: 325px;
      right: -13px;
      top: -50px;
    }
-   /* line 417, ../sass/app.scss */
 -  /* line 415, ../sass/app.scss */
++  /* line 416, ../sass/app.scss */
    .touch .how-to-use.one .bump-space {
      margin-left: 60px;
    }
-   /* line 419, ../sass/app.scss */
 -  /* line 417, ../sass/app.scss */
++  /* line 418, ../sass/app.scss */
    .touch .how-to-use.two {
      margin-bottom: 10px;
    }
-   /* line 420, ../sass/app.scss */
 -  /* line 418, ../sass/app.scss */
++  /* line 419, ../sass/app.scss */
    .touch .how-to-use.two p, .touch .how-to-use.two img, .touch .how-to-use.two h3 {
      width: 440px;
      margin-left: 100px;
    }
-   /* line 421, ../sass/app.scss */
 -  /* line 419, ../sass/app.scss */
++  /* line 420, ../sass/app.scss */
    .touch .how-to-use.two .process-2 {
      height: 65px;
      width: 124px;
      top: 38px;
      z-index: -1;
    }
-   /* line 422, ../sass/app.scss */
 -  /* line 420, ../sass/app.scss */
++  /* line 421, ../sass/app.scss */
    .touch .how-to-use.two .process-2 img {
      margin-left: 0px;
    }
-   /* line 424, ../sass/app.scss */
 -  /* line 422, ../sass/app.scss */
++  /* line 423, ../sass/app.scss */
    .touch .how-to-use.two .bump-space {
      margin-left: 100px;
    }
-   /* line 426, ../sass/app.scss */
 -  /* line 424, ../sass/app.scss */
++  /* line 425, ../sass/app.scss */
    .touch .how-to-use.three {
      margin-bottom: 30px;
    }
-   /* line 427, ../sass/app.scss */
 -  /* line 425, ../sass/app.scss */
++  /* line 426, ../sass/app.scss */
    .touch .how-to-use.three p, .touch .how-to-use.three img, .touch .how-to-use.three h3 {
      width: 350px;
      margin-left: 100px;
    }
-   /* line 428, ../sass/app.scss */
 -  /* line 426, ../sass/app.scss */
++  /* line 427, ../sass/app.scss */
    .touch .how-to-use.three p.with-border {
      border-bottom: 1px solid #ddd;
      padding-bottom: 20px;
    }
-   /* line 429, ../sass/app.scss */
 -  /* line 427, ../sass/app.scss */
++  /* line 428, ../sass/app.scss */
    .touch .how-to-use.three .process-3 {
      height: 377px;
      width: 273px;
      right: 70px;
      top: -100px;
    }
-   /* line 430, ../sass/app.scss */
 -  /* line 428, ../sass/app.scss */
++  /* line 429, ../sass/app.scss */
    .touch .how-to-use.three .process-3 img {
      margin-left: 0px;
    }
-   /* line 432, ../sass/app.scss */
 -  /* line 430, ../sass/app.scss */
++  /* line 431, ../sass/app.scss */
    .touch .how-to-use.three .bump-space {
      margin-left: 0;
    }
-   /* line 434, ../sass/app.scss */
 -  /* line 432, ../sass/app.scss */
++  /* line 433, ../sass/app.scss */
    .touch .how-to-use.four {
      margin-bottom: 30px;
    }
-   /* line 435, ../sass/app.scss */
 -  /* line 433, ../sass/app.scss */
++  /* line 434, ../sass/app.scss */
    .touch .how-to-use.four p, .touch .how-to-use.four img, .touch .how-to-use.four h3 {
      width: 350px;
      margin-left: 100px;
    }
-   /* line 436, ../sass/app.scss */
 -  /* line 434, ../sass/app.scss */
++  /* line 435, ../sass/app.scss */
    .touch .how-to-use.four .bump-space {
      margin-left: 150px;
    }
-   /* line 437, ../sass/app.scss */
 -  /* line 435, ../sass/app.scss */
++  /* line 436, ../sass/app.scss */
    .touch .how-to-use.four .process-4 {
      background: url(../images/fish-3.png) no-repeat center center;
      height: 116px;
      right: 0;
      top: 35px;
    }
-   /* line 438, ../sass/app.scss */
 -  /* line 436, ../sass/app.scss */
++  /* line 437, ../sass/app.scss */
    .touch .how-to-use.four .process-4-2 {
      height: 63px;
      width: 96px;
      left: 0;
      top: -16px;
    }
-   /* line 439, ../sass/app.scss */
 -  /* line 437, ../sass/app.scss */
++  /* line 438, ../sass/app.scss */
    .touch .how-to-use.four .process-4-2 img {
      margin-left: 0px;
    }
-   /* line 443, ../sass/app.scss */
 -  /* line 441, ../sass/app.scss */
++  /* line 442, ../sass/app.scss */
    .touch .how-to-use.five {
      padding-bottom: 160px;
    }
-   /* line 444, ../sass/app.scss */
 -  /* line 442, ../sass/app.scss */
++  /* line 443, ../sass/app.scss */
    .touch .how-to-use.five .number {
      top: -13px;
    }
-   /* line 445, ../sass/app.scss */
 -  /* line 443, ../sass/app.scss */
++  /* line 444, ../sass/app.scss */
    .touch .how-to-use.five p, .touch .how-to-use.five img, .touch .how-to-use.five h3 {
      width: 470px;
      margin-left: 100px;
    }
-   /* line 446, ../sass/app.scss */
 -  /* line 444, ../sass/app.scss */
++  /* line 445, ../sass/app.scss */
    .touch .how-to-use.five .bump-space {
      margin-left: 20px;
      position: relative;
      z-index: 2;
    }
-   /* line 447, ../sass/app.scss */
 -  /* line 445, ../sass/app.scss */
++  /* line 446, ../sass/app.scss */
    .touch .how-to-use.five .process-5 {
      height: 377px;
      width: 273px;
      left: 0;
      top: -120px;
    }
-   /* line 448, ../sass/app.scss */
 -  /* line 446, ../sass/app.scss */
++  /* line 447, ../sass/app.scss */
    .touch .how-to-use.five .process-5-2 {
      height: 59px;
      width: 90px;
      right: 50px;
      top: 92px;
    }
-   /* line 449, ../sass/app.scss */
 -  /* line 447, ../sass/app.scss */
++  /* line 448, ../sass/app.scss */
    .touch .how-to-use.five .process-5-2 img {
      margin-left: 0px;
    }
-   /* line 452, ../sass/app.scss */
 -  /* line 450, ../sass/app.scss */
++  /* line 451, ../sass/app.scss */
    .touch .how-to-use h3 {
      margin-bottom: 10px;
    }
-   /* line 453, ../sass/app.scss */
 -  /* line 451, ../sass/app.scss */
++  /* line 452, ../sass/app.scss */
    .touch .how-to-use .number {
      display: block;
      font-family: "Proxima Nova", "proxima-nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      position: absolute;
      top: 23px;
    }
-   /* line 454, ../sass/app.scss */
 -  /* line 452, ../sass/app.scss */
++  /* line 453, ../sass/app.scss */
    .touch .how-to-use .campaign-monitor {
      background: url(../images/campaign-monitor.png) no-repeat left center;
      background-size: 18px 12px;
      padding-left: 30px;
    }
  
-   /* line 456, ../sass/app.scss */
 -  /* line 454, ../sass/app.scss */
++  /* line 455, ../sass/app.scss */
    .inky-small.load {
      right: -250px;
      width: 283px;
    }
  
-   /* line 457, ../sass/app.scss */
 -  /* line 455, ../sass/app.scss */
++  /* line 456, ../sass/app.scss */
    .top-bar-section .has-form {
      padding: 11px 15px;
      height: 45px;
    }
  
-   /* line 458, ../sass/app.scss */
 -  /* line 456, ../sass/app.scss */
++  /* line 457, ../sass/app.scss */
    .button.tiny {
      padding: 5px 10px;
    }
  
-   /* line 459, ../sass/app.scss */
 -  /* line 457, ../sass/app.scss */
++  /* line 458, ../sass/app.scss */
    .top-area.main {
      overflow-x: hidden;
    }
  }
  /* coming-soon */
- /* line 463, ../sass/app.scss */
 -/* line 461, ../sass/app.scss */
++/* line 462, ../sass/app.scss */
  .coming-soon {
    background: #004454;
  }
- /* line 464, ../sass/app.scss */
 -/* line 462, ../sass/app.scss */
++/* line 463, ../sass/app.scss */
  .coming-soon .home-text {
    padding: 80px 0 83px;
  }
- /* line 465, ../sass/app.scss */
 -/* line 463, ../sass/app.scss */
++/* line 464, ../sass/app.scss */
  .coming-soon .cs-text {
    margin-bottom: 5px;
    color: rgba(255, 255, 255, 0.5);
  }
- /* line 466, ../sass/app.scss */
 -/* line 464, ../sass/app.scss */
++/* line 465, ../sass/app.scss */
  .coming-soon input {
    padding: 20px 20px 19px;
  }
- /* line 467, ../sass/app.scss */
 -/* line 465, ../sass/app.scss */
++/* line 466, ../sass/app.scss */
  .coming-soon .confirm {
    font-size: 1em;
    font-style: italic;
  }
- /* line 468, ../sass/app.scss */
 -/* line 466, ../sass/app.scss */
++/* line 467, ../sass/app.scss */
  .coming-soon .confirm.error {
    color: red;
  }
  
  @media only screen and (max-width: 767px) {
-   /* line 474, ../sass/app.scss */
 -  /* line 472, ../sass/app.scss */
++  /* line 473, ../sass/app.scss */
    .coming-soon h1, .coming-soon p {
      text-align: center;
    }
-   /* line 475, ../sass/app.scss */
 -  /* line 473, ../sass/app.scss */
++  /* line 474, ../sass/app.scss */
    .coming-soon .home-text {
      padding: 20px 0 0 0;
    }
  }
- /* line 479, ../sass/app.scss */
 -/* line 477, ../sass/app.scss */
++/* line 478, ../sass/app.scss */
  .cs-inky {
    background: url(../images/inky-mobile.svg) no-repeat right bottom;
    background-size: 624px 558px;
  }
  @media only screen and (max-width: 767px) {
-   /* line 479, ../sass/app.scss */
 -  /* line 477, ../sass/app.scss */
++  /* line 478, ../sass/app.scss */
    .cs-inky {
      background: url(../images/inky-mobile-hold.svg) no-repeat center bottom;
      background-size: 147px 200px;
  }
  
  /* inliner */
- /* line 488, ../sass/app.scss */
 -/* line 486, ../sass/app.scss */
++/* line 487, ../sass/app.scss */
  .inliner-form .inactive {
    display: none;
  }
- /* line 489, ../sass/app.scss */
 -/* line 487, ../sass/app.scss */
++/* line 488, ../sass/app.scss */
  .inliner-form textarea {
    min-height: 600px;
  }
- /* line 490, ../sass/app.scss */
 -/* line 488, ../sass/app.scss */
++/* line 489, ../sass/app.scss */
  .inliner-form label {
    margin-bottom: 8px;
    line-height: 1.4;
  }
- /* line 491, ../sass/app.scss */
 -/* line 489, ../sass/app.scss */
++/* line 490, ../sass/app.scss */
  .inliner-form.options label {
    margin-bottom: 0;
  }
  
- /* line 493, ../sass/app.scss */
 -/* line 491, ../sass/app.scss */
++/* line 492, ../sass/app.scss */
  .inky-inliner {
    margin-bottom: 50px;
  }
- /* line 494, ../sass/app.scss */
 -/* line 492, ../sass/app.scss */
++/* line 493, ../sass/app.scss */
  .inky-inliner h4 {
    margin-bottom: 5px;
  }
- /* line 495, ../sass/app.scss */
 -/* line 493, ../sass/app.scss */
++/* line 494, ../sass/app.scss */
  .inky-inliner p {
    margin-bottom: 10px;
  }
- /* line 496, ../sass/app.scss */
 -/* line 494, ../sass/app.scss */
++/* line 495, ../sass/app.scss */
  .inky-inliner .button {
    background: #004454;
    color: #FFF;
  }
- /* line 497, ../sass/app.scss */
 -/* line 495, ../sass/app.scss */
++/* line 496, ../sass/app.scss */
  .inky-inliner .button:hover {
    background: #002B36;
  }
  
- /* line 500, ../sass/app.scss */
 -/* line 498, ../sass/app.scss */
++/* line 499, ../sass/app.scss */
  .inline-advantages {
    margin-left: 25px;
  }
  
  /* compatibility */
- /* line 504, ../sass/app.scss */
 -/* line 502, ../sass/app.scss */
++/* line 503, ../sass/app.scss */
  table span {
    display: block;
    text-align: center;
  }
- /* line 505, ../sass/app.scss */
 -/* line 503, ../sass/app.scss */
++/* line 504, ../sass/app.scss */
  table .check {
    color: green;
  }
- /* line 506, ../sass/app.scss */
 -/* line 504, ../sass/app.scss */
++/* line 505, ../sass/app.scss */
  table .x {
    color: red;
  }