html,
button,
input,
select,
textarea {
color: #444;
}
html {
font-size: 16px;
}
body {
color: #444;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
/* Default font */
font-family: brandon_textlight, Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
overflow-y: scroll;
text-rendering: optimizelegibility;
}
h1 {
line-height: 1.1em;
}
h2 {
font-family: brandon_grotesquelight, Helvetica, Arial, sans-serif;
}
p {
margin-bottom: 1em;
margin-top: 1em;
}
pre {
background: #fafafa;
font-family: ui-monospace, Menlo, Consolas, monospace;
font-size: 12px;
line-height: 1.45em;
margin: 5px 0 5px 0;
overflow-x: scroll;
padding: 10px 5px 10px 5px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
a {
color: #888;
}
a:visited {
color: #888;
}
a:hover {
color: #444;
text-decoration: underline;
}
/* normalize.css sets a font-family for buttons at
* https://github.com/necolas/normalize.css/blob/73b6b0c7e8690ab5005bca9d7e13d3fb319c98ac/normalize.css#L240-L249
*/
button {
font-family: inherit;
}
.flex {
display: flex;
align-items: center;
justify-content: center;
}
@font-face {
font-family: 'brandon_grotesqueblack';
src: url('//papersoftware.com/webfonts/brandon_blk-webfont.woff') format('woff'),
url('//papersoftware.com/webfonts/brandon_blk-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'brandon_grotesquelight';
src: url('//papersoftware.com/webfonts/brandon_light-webfont.woff') format('woff'),
url('//papersoftware.com/webfonts/brandon_light-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'brandon_textmedium';
src: url('//papersoftware.com/webfonts/hvd_fonts_-_brandontext-medium-webfont.woff') format('woff'),
url('//papersoftware.com/webfonts/hvd_fonts_-_brandontext-medium-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'brandon_textregular';
src: url('//papersoftware.com/webfonts/hvd_fonts_-_brandontext-regular-webfont.woff') format('woff'),
url('//papersoftware.com/webfonts/hvd_fonts_-_brandontext-regular-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'brandon_textlight';
src: url('//papersoftware.com/webfonts/hvd_fonts_-_brandontext-light-webfont.woff') format('woff'),
url('//papersoftware.com/webfonts/hvd_fonts_-_brandontext-light-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
/* Icon font from icomoon.io */
@font-face {
font-family: 'icomoon';
src: url('//papersoftware.com/webfonts/icomoon.eot?h6636x');
src: url('//papersoftware.com/webfonts/icomoon.eot?h6636x#iefix') format('embedded-opentype'),
url('//papersoftware.com/webfonts/icomoon.ttf?h6636x') format('truetype'),
url('//papersoftware.com/webfonts/icomoon.woff?h6636x') format('woff'),
url('//papersoftware.com/webfonts/icomoon.svg?h6636x#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-facebook:before {
content: "\e900";
}
.icon-github:before {
content: "\e901";
}
.icon-linkedin:before {
content: "\e902";
}
.icon-twitter:before {
content: "\e903";
}
.body-text,
.form-text {
font-size: 18px;
line-height: 1.7em;
width: 600px;
}
.body-text {
margin: 30px auto;
}
.form-text {
margin: 30px auto 14px auto;
}
.form-text p {
margin: 0;
}
a.highlightButton,
button.highlightButton {
color: #fff;
border: none;
background: #e1442e;
text-decoration: none;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
a.highlightButton:hover,
button.highlightButton:hover,
form button[type="submit"]:hover,
form input[type="submit"]:hover {
background: #b62a25;
color: #fff;
cursor: pointer;
}
a.highlightButton:active,
button.highlightButton:active,
form button[type="submit"]:active,
form input[type="submit"]:active {
background: #b62a25;
}
a.outlineButton {
color: #e1442e;
border: 1px solid #e1442e;
text-decoration: none;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
a.outlineButton:hover {
color: #b62a25;
border: 1px solid #b62a25;
}
a.outlineButton:active {
color: #b62a25;
border: 1px solid #b62a25;
}
/*
* Containers
*/
.stickyNavWrapper {
padding-top: 50px;
overflow: hidden;
}
.container960 {
margin: 0 auto;
width: 960px;
}
.container840 {
margin: 0 auto;
width: 840px;
}
.container600 {
margin: 0 auto;
width: 600px;
}
.container428 {
margin: 0 auto;
width: 428px;
}
/*
* Header and Footer
*/
#header {
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
background-color: rgba(245, 245, 245, 0.9);
border-bottom: 1px solid #dfdfdf;
position: fixed;
width: 100%;
height: 50px;
z-index: 9999;
}
#header.static {
position: static;
}
.video-container:before,
#try:before,
#customers:before,
.question:before,
.privacy h3:before,
.privacy #vendors:before,
#activation-key-lookup:before {
content: "";
display: block;
height: 50px;
margin-top: -50px;
}
#header .logotype {
display: inline-block;
margin-top: 11px;
}
#header .logotype img {
vertical-align: baseline; /* Necessary for FastSpring store. */
}
#header .logotype .companyName {
color: #444;
display: inline-block;
font-family: brandon_grotesquelight, Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: normal;
letter-spacing: 1px;
line-height: normal;
text-decoration: none;
text-transform: uppercase;
margin-top: -1px;
margin-left: 4px;
}
#prefooter {
border-top: 1px solid #dfdfdf;
padding: 20px 0 0 0;
}
.prefooterContainer {
margin: 0 auto;
width: 600px;
}
.prefooterColumn {
float: left;
margin: 0 30px 0 0;
padding: 0;
text-align: left;
}
.prefooterColumn.last {
margin: 0;
}
.prefooterColumn h3,
.prefooterColumn p {
font-size: 12px;
line-height: 16px;
margin: 3px 0;
}
.prefooterColumn h3 {
font-family: brandon_textmedium, Helvetica, Arial, sans-serif;
font-weight: normal;
}
.prefooterColumn a {
text-decoration: none;
}
.prefooterColumn a:hover {
text-decoration: underline;
}
.main-nav a.first {
padding-left: 0;
}
.main-nav a.last {
padding-right: 0;
}
.main-nav a:hover {
color: #444;
}
#footer {
color: #888;
padding: 10px 0 20px 0;
font-size: 12px;
text-align: center;
}
/*
* Navigation
*/
.main-nav {
padding: 0;
float: right;
}
.main-nav a {
display: block;
float: left;
font-size: 14px;
font-family: brandon_textregular, Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
height: 22px;
text-decoration: none;
padding: 2px 10px 0 10px;
position: relative;
}
.main-nav a.first {
padding-left: 0;
}
.main-nav a.last {
padding-right: 0;
}
.main-nav a:hover {
color: #444;
}
.main-nav a.penultimate {
padding-right: 20px;
}
.main-nav a.highlightButton {
height: 12px;
padding: 8px 12px 12px 12px;
top: -6px;
}
.main-nav a.highlightButton:hover {
color: #fff;
}
/*
* Forms
*/
form input[type="email"],
form input[type="submit"],
form input[type="tel"],
form input[type="text"] {
font-family: brandon_textlight, Helvetica, Arial, sans-serif;
}
form input[type="email"],
form input[type="tel"],
form input[type="text"] {
background: #ddd;
box-sizing: border-box;
color: #444;
border: none;
height: 36px;
padding: 10px 8px 8px 8px;
width: 100%;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
::-webkit-input-placeholder {
color: #444;
}
:-moz-placeholder { /* Firefox 18- */
color: #444;
opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
color: #444;
opacity: 1;
}
:-ms-input-placeholder {
color: #444;
}
textarea::-webkit-input-placeholder {
color: #aaa;
}
textarea:-moz-placeholder { /* Firefox 18- */
color: #444;
opacity: 1;
}
textarea::-moz-placeholder { /* Firefox 19+ */
color: #444;
opacity: 1;
}
textarea:-ms-input-placeholder {
color: #444;
}
input:focus {
outline: none;
}
form button[type="submit"],
form input[type="submit"] {
color: #fff;
height: 32px;
border: none;
background: #e1442e;
padding: 3px 10px 1px 10px;
margin-bottom: 10px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.form-container {
margin: 14px auto 20px auto;
padding: 0;
text-align: center;
}
.form-container label {
line-height: 24px;
}
.form-container p {
margin: 14px auto;
}
.form-container h2 {
color: #e1442e;
font-family: brandon_grotesquelight, Helvetica, Arial, sans-serif;
font-size: 42px;
font-weight: normal;
font-style: normal;
line-height: 32px;
margin: 20px 0 30px 0;
text-align: center;
text-transform: uppercase;
}
.form-container a.highlightButton,
.form-container a.outlineButton,
button.highlightButton {
padding: 9px 10px 7px 10px;
}
.form-container .checkbox-container {
display: block;
text-align: left;
margin: 16px 0 0 1px;
}
.form-container form input[type="checkbox"] {
margin-right: 5px;
}
.form-container .note,
.support .note {
font-size: 12px;
line-height: 16px;
text-align: left;
margin-top: 10px;
}
form[action^="look-up-"] {
display: flex;
align-items: baseline;
justify-content: space-between;
}
form[action^="look-up-"] > input[type="email"] {
margin-right: 8px;
}
/*
* Hero
*/
.hero-container {
background-color: #fff;
padding: 35px 0 0 0;
}
.hero .text {
text-align: center
}
.hero .text h1 {
font-family: brandon_grotesqueblack, Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 64px;
line-height: 64px;
margin: 10px 0;
text-transform: uppercase;
}
.hero .text h2 {
color: #888;
font-family: brandon_textlight, Helvetica, Arial, sans-serif;
font-size: 36px;
font-weight: normal;
line-height: 44px;
margin: 20px 0 0 0;
}
.hero-image,
.hero-container video {
display: block;
margin: 0 auto;
}
.hero-container video {
display: block;
margin: 0 auto;
}
.mac-or-pc, .hero-links {
font-size: 18px;
text-align: center;
margin: 8px 0 16px 0;
}
.hero-links a {
display: inline-block;
text-decoration: none;
padding: 0 16px;
color: #888;
}
.hero-links a:after {
content: '';
display: inline-block;
height: 9px;
width: 5px;
margin-left: 6px;
background-image: url(chevron-right.svg);
}
.hero-links a.download:after {
content: '';
display: inline-block;
height: 9px;
width: 9px;
margin-left: 6px;
background-image: url(download.svg);
}
.hero-links a.external:after {
content: '';
display: inline-block;
height: 9px;
width: 9px;
margin-left: 6px;
background-image: url(arrow-top-right.svg);
}
.hero-links a.email:after {
content: '';
display: inline-block;
height: 9px;
width: 13px;
margin-left: 6px;
background-image: url(envelope.svg);
}
.hero-links a:hover {
color: #888;
text-decoration: underline;
}
#free-download-button,
#buy-now-button {
display: inline-block;
width: 160px;
margin-top: 14px;
margin-bottom: 14px;
padding: 15px 18px 18px 18px;
font-size: 24px;
font-weight: normal;
line-height: 24px;
-webkit-border-radius: 36px;
-moz-border-radius: 36px;
border-radius: 36px;
}
#free-download-button {
margin-right: 28px;
}
/*
* Customers
*/
.customers-container {
border-top: 1px solid #dfdfdf;
margin: 0 auto;
padding: 20px 0;
text-align: center;
width: 960px;
}
.customers-container h2 {
font-family: brandon_grotesquelight, Helvetica, Arial, sans-serif;
font-size: 36px;
font-weight: normal;
font-style: normal;
line-height: 32px;
margin: 20px 0 32px 0;
text-align: center;
}
.customer-logos {
margin: 0 0 35px 0;
}
.customer-logos > div,
.flags > div {
display: flex;
align-items: center;
justify-content: center;
}
.customer-logos > div {
margin: 20px 0 0 0;
}
.customer-logos > div > div {
margin: 0 16px;
}
.flags > div {
margin: 16px 0 0 0;
}
.flags > div > div {
margin: 0 7px;
}
/*
* Testimonials
*/
.customers-container .testimonial-container {
border: none;
margin: 30px auto 0 auto;
width: 960px;
}
.testimonial-container {
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid #dfdfdf;
margin: 46px auto 0 auto;
padding-bottom: 20px;
width: 960px;
}
.testimonial {
width: 306px;
margin: 0 auto;
}
.testimonial .text {
background-color: #efefef;
border-radius: 5px;
font-size: 18px;
line-height: 1.7em;
margin: 0;
padding: 10px 12px;
text-align: center;
}
.testimonial .attribution {
margin: 0;
float: center;
}
.testimonial .text p {
margin: 0;
}
.testimonial .attribution p {
font-size: 18px;
line-height: 1.7em;
margin: 8px 0 0 0;
}
.emphasis {
font-family: brandon_textmedium, Helvetica, Arial, sans-serif;
}
/*
* Features
*/
.features {
border-top: 1px solid #dfdfdf;
}
.features article {
border-bottom: 1px solid #dfdfdf;
}
.features article.last {
border-bottom: none;
}
.features article {
padding-top: 50px;
padding-bottom: 70px;
}
.features header,
.try header {
text-align: center;
}
#try h3 {
font-family: brandon_grotesquelight, Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
}
.features header img {
margin: 0 0 15px 0;
}
.features .description h2 {
font-size: 46px;
font-family: brandon_grotesquelight, Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
line-height: 1.1em;
margin: 0;
}
.standalone {
display: block;
margin: 35px auto 0 auto;
}
.features article.noslider {
padding-bottom: 55px;
}
.features article#technology {
padding-bottom: 0;
}
.video-container {
margin-bottom: 30px;
}
.noslider-image-container {
margin: 0 auto;
width: 840px;
}
.noslider-image-container p {
text-align: center;
font-size: 16px;
margin: 8px auto 0 auto;
}
.pin, .pin:after {
width: 1px;
}
.pin {
top: 46px;
box-sizing: border-box;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
position: absolute;
display: flex;
}
.pin:after {
background-color: #888;
content: "";
display: block;
height: 100%;
}
.pin-caption {
font-size: 16px;
line-height: 1.2em;
bottom: 100%;
left: 0;
margin-bottom: 4px;
margin-left: -100px;
position: absolute;
text-align: center;
width: 200px;
}
/*
* Support, FAQs, Release Notes
*/
.evaluation article,
.faqs .question-link,
.faqs .question,
.faqs .answer,
.privacy article,
.patents article,
.release-notes article,
.release-notes .notes,
.release-notes .number {
line-height: 1.5em;
}
.faqs article,
.patents article,
.release-notes article,
.support article {
padding: 15px 0 15px 0;
border-bottom: 1px solid #dfdfdf;
}
.faqs article.last,
.patents article.last,
.release-notes article.last,
.support article.last {
border-bottom: none;
}
.evaluation h2,
.faqs h2,
.patents h2,
.privacy h2,
.release-notes h2,
.support h2,
.videos h2 {
font-size: 30px;
line-height: 1.3em;
font-family: brandon_grotesquelight, Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
margin-top: 10px;
margin-bottom: 18px;
}
.evaluation h2,
.privacy h2,
.videos h2 {
margin-top: 24px;
}
.support .body-text {
margin: 0 auto;
}
.support .body-text p {
margin-bottom: 12px;
}
.download-item > p,
.download-item > img {
display: inline-block;
vertical-align: middle;
line-height: normal;
}
.download-item > p {
margin-top: 12px;
margin-bottom: 12px;
}
.support .form-container,
.activation .form-container {
text-align: left;
margin-bottom: 10px;
}
.download-item a {
display: inline-block;
}
.download-item a.download:after {
content: '';
display: inline-block;
height: 9px;
width: 9px;
margin-left: 6px;
background-image: url(download.svg);
}
.download-item a.external:after {
content: '';
display: inline-block;
height: 9px;
width: 9px;
margin-left: 6px;
background-image: url(arrow-top-right.svg);
}
#ContractToolsInstaller {
margin-bottom: 6px;
}
#ContractToolsInstallerDetailsPara {
display: block;
margin-top: -6px;
margin-bottom: 6px;
}
#ContractToolsInstallerDetails,
#ContractToolsInstallerDetailsPara {
margin-left: 36px;
}
#ContractToolsInstallerDetailsLink,
#ContractToolsTrialFinePrintLink,
#TurnerTrialFinePrintLink {
text-decoration: underline;
}
#ContractToolsTrialFinePrintPara,
#TurnerTrialFinePrintPara {
text-align: center;
}
#ContractToolsInstallerDetailsLink:hover,
#ContractToolsTrialFinePrintLink:hover,
#TurnerTrialFinePrintLink:hover {
cursor: pointer;
}
#ContractToolsInstallerDetails,
#ContractToolsTrialFinePrint,
#TurnerTrialFinePrint {
display: none;
}
#ContractToolsInstallerDetails a {
display: inline;
}
/*
* FAQs, Release Notes
*/
.question,
.release-notes .number {
font-family: brandon_textmedium, Helvetica, Arial, sans-serif;
margin-top: 2em;
}
.question p:first-of-type,
.release-notes .number p:first-of-type {
margin-top: 0;
}
.answer p,
.answer ul,
.answer li,
.question p,
.release-notes .notes p,
.release-notes .notes ul,
.release-notes .notes li {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.answer ul,
.release-notes .notes ul {
padding-left: 1em;
}
/*
* Contract Tools Analysis
*/
#analysis .body-text {
margin-bottom: 10px;
}
#analysis table {
border-spacing: 0;
font-family: brandon_textlight, Helvetica, Arial, sans-serif;
font-variant-numeric: tabular-nums;
width: 600px;
margin: 0 auto;
}
#analysis th {
border-bottom: 1px solid #dfdfdf;
font-family: brandon_textmedium, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
letter-spacing: 0.09em;
line-height: 1.5em;
padding: 4px 0;
text-transform: uppercase;
vertical-align: bottom;
}
#analysis td {
padding: 2px 0;
vertical-align: text-bottom;
}
#analysis th.document-examples {
text-align: left;
}
#analysis th.page-count,
#analysis td.page-count,
#analysis th.analysis-time {
text-align: right;
}
#analysis td.document-examples,
#analysis td.page-count {
font-size: 22px;
}
#analysis td.analysis-time {
font-family: brandon_textmedium, Helvetica, Arial, sans-serif;
font-size: 42px;
text-align: right;
width: 25%;
}
#analysis sup {
font-size: 1.2em;
position: relative;
top: -0.1em;
}
#analysis sup a {
text-decoration: none;
}
.footnote {
font-size: 12px;
line-height: 1.5em;
padding: 12px 0;
}
/*
* Privacy Statement
*/
.privacy .inline-title,
.privacy h3,
.privacy .emphasis,
.patents .inline-title {
font-family: brandon_textmedium, Helvetica, Arial, sans-serif;
font-weight: normal;
}
.privacy table {
font-size: 14px;
}
.privacy thead,
.privacy th {
font-family: brandon_textmedium, Helvetica, Arial, sans-serif;
font-weight: normal;
text-align: left;
}
.defined-term {
font-family: brandon_textmedium, Helvetica, Arial, sans-serif;
font-weight: normal;
}
/*
* Case Studies
*/
figure {
margin: 0;
position: relative;
}
figcaption p {
margin: 0;
font-size: 12px;
line-height: 1.3em;
}
.annotation,
.vertical-top-left,
.vertical-top-right,
.vertical-bottom-left,
.vertical-bottom-right {
border-color: #777;
}
.bottomBorder {
border-bottom-style: solid;
border-bottom-width: 1px;
border-top-style: none;
}
.vertical-top-right {
border-right-style: solid;
border-right-width: 1px;
right: 0;
bottom: 100%;
position: absolute;
}
.vertical-top-left {
border-left-style: solid;
border-left-width: 1px;
left: 0;
bottom: 100%;
position: absolute;
}
.vertical-bottom-left {
border-left-style: solid;
border-left-width: 1px;
left: 0;
top: 0;
position: absolute;
}
.vertical-bottom-right {
border-right-style: solid;
border-right-width: 1px;
right: 0;
top: 0;
position: absolute;
}
.annotation {
position: absolute;
border-top-style: solid;
border-top-width: 1px;
padding-top: 2px;
width: 105px;
}
.annotation p {
font-size: 12px;
line-height: 1.3em;
margin: 2px 0 0 0;
}
.pull-quote,
.call-to-action {
margin: 40px auto;
}
.pull-quote:before,
.pull-quote:after,
.call-to-action:before {
content: "";
display: block;
margin: 0 auto;
width: 60%;
}
.pull-quote:before,
.call-to-action:before {
padding-top: 20px;
border-top: 1px solid #777;
}
.pull-quote:after {
padding-bottom: 20px;
border-bottom: 1px solid #777;
}
.pull-quote p {
font-family: brandon_textmedium, Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: normal;
text-align: center;
}
@media all {
.page-break {
display: none;
}
}
@media print {
.page-break {
display: block;
page-break-before: always;
}
#header {
position: static;
}
#header,
.hero-container {
background: #fff;
}
body,
#header .logotype h2,
#footer,
.hero .text h2,
#more-tools .tool-container h3,
.features .description h3,
a {
color: #000;
}
.main-nav,
.hero-links,
#try,
.rsNav,
.royalSlider-background-image,
.royalSlider-background-image-noDesktop,
.rsArrow,
#prefooter {
display: none;
}
.hero .text {
margin-bottom: 40px;
}
#header,
.hero-container,
.features,
.features article {
border: none;
}
.features article {
padding-top: 10px;
padding-bottom: 10px;
}
.description {
page-break-after: avoid;
page-break-before: avoid;
}
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* contenteditable attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements that
* receive the clearfix class.
* 2. The use of table rather than block is only necessary if using :before to
* contain the top-margins of child elements.
*/
.clear {
clear:both;
}
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* Trigger hasLayout and contain floats in IE 6/7.
*/
.clearfix {
*zoom: 1;
}