.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;
}