body {
    margin: 0;
    padding: 0;
    background-color: #f6f6f6;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}
body.register-body,
body.register-body article {
    background: transparent
}
body.register-body,
body.login-body {
    background: url(../images/register-bg2.svg) no-repeat bottom center #f6f6f6;
    background-attachment: fixed;
    background-size: 100% auto
}
body.register-body article {
    padding-bottom: 1px;
    min-height: 100%
}
header {
    background-color: #4bc1d2;
    height: 60px;
    position: relative;
    margin-bottom: 40px
}
img {
    border: 0
}
a {
    color: #000;
    text-decoration: none;
    border-bottom: 1px dashed #000
}
p,
article ul li {
    font-weight: 400;
    line-height: 2em;
    font-size: 14px;
    color: #666
}
a:hover {
    color: #595d68;
    border: 0
}
article a {
    color: #ff6355;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    border-bottom: 0
}
article a:hover {
    color: #ff6355
}
h1,
h2,
h3,
h4,
h5 {
    padding: 0;
    margin: 0;
    font-weight: 300
}
h2.subtitle {
    margin: 50px 10%;
    border-bottom: 1px dashed #ccc;
    border-top: 1px dashed #ccc;
    display: block;
    text-align: center;
    padding: 20px;
    font-weight: bold;
    font-size: 30px;
    color: #404040
}
h5 {
    font-size: 18px;
    color: #999
}
h1 {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-weight: 300;
    font-size: 32px;
    line-height: 60px;
    color: #505050
}
h1 a {
    text-decoration: none;
    color: #505050;
    border: 0;
    font-family: 'Open Sans', sans-serif;
    background-image: url(../images/libib_logo.svg);
    background-repeat: no-repeat;
    background-position: right 10px;
    padding-right: 50px;
    text-align: left;
    background-size: 45px auto;
    display: inline-block;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
h1 a:hover {
    opacity: .7
}
h1.page_header {
    float: left
}
nav {
    float: right;
    height: 50px
}
nav ul {
    margin: 0;
    padding: 0;
    text-align: center
}
nav ul li {
    list-style: none;
    float: left
}
nav a {
    padding: 0 20px;
    display: block;
    height: 60px;
    line-height: 60px;
    color: #505050;
    font-size: 14px;
    border-bottom: 0;
    font-weight: 600;
    position: relative;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
nav a:hover {
    color: #404040;
    font-weight: 600;
    background: #f3f8f7
}
.library-btn a,
.login-btn a {
    background: #4bc1d2;
    border-radius: 4px;
    padding: 10px 15px;
    height: auto;
    line-height: 1em;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    margin: 13px 10px 12px 20px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 6px 8px -6px rgba(0, 0, 0, .00);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.register-btn a,
.logout-btn a,
.compare-btn {
    background: #0096b5;
    border-radius: 4px;
    padding: 10px 15px;
    height: auto;
    line-height: 1em;
    color: #fff;
    font-weight: bold;
    margin: 13px 0;
    text-transform: uppercase;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 6px 8px -6px rgba(0, 0, 0, .00);
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    position: relative
}
.compare-btn {
    background: #ff6355;
    margin-top: 20px;
    display: inline-block;
    margin-bottom: 40px;
    padding: 15px 30px;
    text-transform: none;
    font-size: 18px;
    font-weight: 600
}
.library-btn a:hover,
.login-btn a:hover,
.register-btn a:hover,
.logout-btn a:hover,
.compare-btn:hover {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    box-shadow: 0 6px 8px -6px rgba(0, 0, 0, 0.5);
    border-bottom: 0;
    font-weight: bold;
    color: #fff;
    background: #4bc1d2;
    z-index: 1
}
.compare-btn:hover {
    background: #ff7f73
}
.register-btn a:hover,
.logout-btn a:hover {
    background: #0096b5
}
.library-btn a:active,
.login-btn a:active,
.register-btn a:active,
.logout-btn a:active,
.compare-btn:active {
    box-shadow: 0 6px 8px -6px rgba(0, 0, 0, .00);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    background: #2b5573
}
h3 {
    font-size: 20px;
    margin-bottom: 20px
}
article {
    position: relative;
    text-align: center;
    min-height: 300px;
    padding-top: 80px
}
#about ul {
    padding: 0
}
ol li {
    font-size: 14px;
    font-weight: 200;
    color: #404040
}
#about ul li {
    font-weight: 400;
    font-size: 24px;
    color: #458692
}
.faqs-body ol li[data-faq] {
    cursor: pointer;
    display: list-item;
    cursor: pointer;
    padding-left: 20px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent
}
.faqs-body ol li[data-faq]:hover {
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede
}
.faqs-body ol li {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.2em;
    font-family: 'Open Sans', sans-serif;
    cursor: pointer
}
.faqs-body ol li:nth-child(even) {
    background: #f7f7f7
}
blockquote,
.faqs-body blockquote,
.faqs-body blockquote ul li {
    padding: 5px 0 20px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    line-height: 1.6em;
    color: #666
}
.faqs-body blockquote {
    padding-bottom: 0;
    margin-bottom: 0
}
.faqs-body blockquote {
    display: none
}
#about ul li {
    list-style: none;
    margin-top: 60px
}
ol li blockquote,
#about ul li blockquote {
    font-weight: 300;
    padding-left: 160px;
    font-size: 14px;
    color: #222;
    padding-top: 15px;
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    line-height: 1.6em
}
#about li#about-cat {
    background: url(../images/smartphone.png) no-repeat 5% 65px
}
#about li#about-chart {
    background: url(../images/chart8.png) no-repeat 3% 30px
}
#about li#about-socialize {
    background: url(../images/round43.png) no-repeat 3% 40px
}
#about li#about-publish {
    background: url(../images/cloud32.png) no-repeat 3% 50px
}
#about li#about-import {
    background: url(../images/redo1.png) no-repeat 3% 25px
}
#about li#about-notes {
    background: url(../images/study1.png) no-repeat 3% 47px
}
#about li#about-inventory {
    background: url(../images/checklist4.png) no-repeat 5% 40px;
    height: 140px
}
strong {
    font-weight: 600
}
.clear {
    clear: both
}
.cost {
    font-size: 12px;
    font-weight: 400
}
.wrapper {
    margin: auto;
    width: 960px;
    position: relative
}
.bubble {
    position: absolute;
    margin-top: -32px;
    margin-left: 100px
}
.large_box {
    background-color: #FFF;
    border-radius: 3px;
    border: 1px solid #e4e4e4;
    text-align: left
}
.lb_min_height {
    min-height: 150px
}
.large_box p strong {
    color: #404040;
    font-size: 16px;
    margin-top: 20px;
    display: inline-block
}
.large_box p {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    line-height: 1.6em
}
.large_box ul li {
    padding: 5px 0;
    line-height: 1.6em;
    font-size: 14px
}
.large_box_2 {
    width: 100%;
    float: none;
    padding: 30px;
    background-color: #FFF;
    border-radius: 3px;
    border: 1px solid #e4e4e4;
    text-align: left;
    overflow: hidden;
    line-height: 1.6em
}
.full_width_box {
    width: 960px;
    padding: 15px;
    background-color: #FFF;
    border-radius: 3px;
    border: 1px solid #e4e4e4;
    float: right;
    text-align: left
}
.left_container {
    width: 200px;
    float: left;
    text-align: left
}
.box {
    margin-bottom: 15px
}
.newsletter h3 {
    color: #404040;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    font-weight: 400
}
.social {
    text-align: center
}
.social img {
    margin-left: 10px;
    margin-right: 10px
}
.social img:hover {
    opacity: .4;
    filter: alpha(opacity=40)
}
.social a {
    border: 0
}
.no_posts {
    margin-top: 20px;
    font-size: 14px;
    font-weight: bold;
    text-align: center
}
#sign_in {
    margin: auto;
    margin-top: 75px;
    max-width: 400px;
    width: 90%;
    padding: 10px;
    background-color: #fff;
    border-radius: 3px;
    left: 50%;
    position: absolute;
    margin-left: -140px;
    padding: 40px 50px 40px;
    box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.4)
}
#sign_in input {
    border: 0
}
#register {
    margin: auto;
    max-width: 800px;
    width: 90%;
    padding: 40px 50px 40px;
    background-color: #fff;
    border-radius: 3px;
    margin-top: 45px;
    margin-bottom: 50px;
    box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.4)
}
#register input[type="text"],
#register input[type="email"],
#register select#my_country,
#register input#password,
#register input#confirm-password,
#sign_in input[type="text"],
#sign_in input[type="email"],
#sign_in input#password,
#sign_in input#confirm-password {
    width: 100%;
    padding: 12px;
    font-size: 16px;
    outline: 0;
    border: 1px solid #ddd
}
#register input[type="text"]:focus,
#register input[type="email"]:focus,
#register select#my_country:focus,
#register input#password:focus,
#register input#confirm-password:focus,
#sign_in input[type="text"]:focus,
#sign_in input[type="email"]:focus,
#sign_in input#password:focus {
    background: #f3f8f9;
    border: 1px solid #cedde0
}
#register_text {
    color: #fff;
    font-size: 24px;
    margin: 0 0 20px
}
.gopro-wrapper {
    text-align: right;
    margin-bottom: 20px
}
.education-wrapper {
    padding: 20px 15px;
    background: #ffffe6;
    border-radius: 4px;
    border: 1px solid #ececcd;
    -webkit-font-smoothing: antialiased;
    margin-top: 15px;
    color: #63634a;
    display: none
}
.education-wrapper strong {
    font-size: 14px
}
.education-wrapper p {
    font-size: 12px;
    font-weight: 400
}
label#update-newsletter-label {
    display: none
}
label#update-newsletter-label,
label#educational-discount-label,
label#remember {
    font-size: 14px;
    margin-left: 10px;
    font-weight: 400;
    color: #666
}
#sign_in a:focus {
    outline: 0;
    text-decoration: underline
}
#register input[type="checkbox"],
#register input[type="radio"],
#sign_in input[type="checkbox"] {
    opacity: 0;
    width: 0;
    padding: 0;
    margin: 0;
    display: none
}
#register label,
#sign_in label {
    cursor: pointer;
    padding: 4px 16px 4px 28px;
    margin-right: 5px;
    color: #999;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: relative;
    font-weight: 400;
    border-radius: 3px;
    border: 1px dotted #dedede;
    font-size: 12px;
    line-height: 3em;
    margin-left: 0
}
#register input:checked+label,
#sign_in input:checked+label {
    color: #222;
    z-index: 2;
    position: relative;
    border: 1px dotted #4bc1d2
}
#register label:after,
#sign_in label:after {
    content: " ";
    width: 10px;
    height: 10px;
    background: white;
    position: absolute;
    bottom: 15px;
    top: 8px;
    left: 8px;
    border: 1px solid #dedede;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
#register input:checked+label:after,
#sign_in input:checked+label:after {
    content: " ";
    width: 10px;
    height: 10px;
    border: 0;
    background: #4bc1d2;
    position: absolute;
    bottom: 15px;
    top: 8px;
    left: 8px;
    z-index: -1;
    border-radius: 3px
}
label#plan_month_label,
label#plan_year_label {
    margin-right: -2px;
    border-radius: 3px 0 0 3px;
    border: 2px solid #4bc1d2;
    font-weight: bold;
    padding: 5px 20px;
    color: #4bc1d2;
    font-size: 14px
}
label#plan_month_label:hover,
label#plan_year_label:hover {
    background: #f3f8f9
}
label#plan_month_label:after,
label#plan_year_label:after {
    display: none
}
label#plan_year_label {
    border-radius: 0 3px 3px 0;
    margin-right: 0;
    margin-left: -2px
}
#register input:checked+label#plan_month_label,
#register input:checked+label#plan_year_label {
    border: 2px solid #4bc1d2;
    background: #4bc1d2;
    color: white
}
div.forgot-password-wrap {
    text-align: left;
    margin-top: 10px
}
label#update-newsletter-label,
label#educational-discount-label,
label#remember {
    padding: 10px 20px 10px 40px;
    color: #666;
    font-weight: 400;
    font-size: 14px;
    background: #f6f6f6;
    border: 1px solid #dedede
}
label#remember {
    font-size: 14px;
    background: #fff;
    border: 1px dotted #dedede;
    width: 100%;
    display: block;
    padding: 12px 20px 12px 40px;
    line-height: 1em
}
label#remember:focus {
    outline: 0;
    border-color: #4bc1d2;
    color: #0096b3
}
label#update-newsletter-label:after,
label#educational-discount-label:after,
label#remember:after {
    content: " ";
    width: 13px;
    height: 13px;
    background: white;
    position: absolute;
    bottom: 15px;
    top: 13px;
    left: 15px;
    border: 1px solid #dedede;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
input:checked+label#update-newsletter-label,
input:checked+label#educational-discount-label,
input:checked+label#remember {
    background: #f3f8f9;
    color: #0096b3
}
input:checked+label#update-newsletter-label:after,
input:checked+label#educational-discount-label:after,
input:checked+label#remember:after {
    content: " ";
    width: 13px;
    height: 13px;
    border: 1px solid #0096b3;
    background: #4bc1d2;
    position: absolute;
    bottom: 15px;
    top: 13px;
    left: 15px;
    z-index: 1;
    border-radius: 2px
}
.publish-preview {
    margin: 0 0 20px;
    padding: 10px;
    border: 1px solid #cedde0;
    border-top: 0;
    background: #f3f8f9;
    border-radius: 0 0 3px 3px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08)
}
.divider-line {
    margin: 20px 0;
    border-top: 2px dashed #dedede
}
.sub-select {
    font-size: 18px;
    font-weight: 400;
    color: #666;
    display: block;
    margin-bottom: 10px;
    -webkit-font-smoothing: antialiased;
    text-align: left
}
.result .err_msg {
    background-color: #fadcdd;
    border: 1px solid #caaaaa;
    color: #886262;
    padding: 15px 20px;
    border-radius: 4px
}
.standard-tag {
    font-size: 18px;
    color: #4bc1d2;
    margin-left: 20px;
    float: left;
    display: block;
    line-height: 35px
}
.standard-tag span {
    font-weight: bold
}
a.compare-subscriptions-link {
    display: block;
    text-align: left;
    padding-top: 10px;
    clear: left;
    font-size: 13px;
    color: #ff6355;
    width: 140px
}
a.compare-subscriptions-link:hover {
    text-decoration: underline
}
a#standard-btn,
a#gopro-btn {
    border: 2px solid #dedede;
    border-radius: 4px;
    display: inline-block;
    padding: 5px 15px;
    float: left;
    font-weight: 600;
    color: #ccc;
    background: #f6f6f6;
    cursor: pointer;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}
a#standard-btn {
    border-right: 0 solid transparent;
    border-radius: 4px 0 0 4px
}
a#gopro-btn {
    border-left: 0 solid transparent;
    border-radius: 0 4px 4px 0
}
a#standard-btn:hover,
a#gopro-btn:hover {
    color: #fff;
    border-color: #0096b3;
    background: #0096b3
}
a#standard-btn.active,
a#gopro-btn.active {
    background: #4bc1d2;
    color: white;
    position: relative;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    z-index: 1;
    border-color: #4bc1d2
}
.register-body footer {
    display: none
}
.register-body #register_text {
    color: #ff6355
}
.register-body h1 {
    color: #fff
}
.register-body #register_text h1 {
    margin-top: 40px
}
.register-body h2,
.login-body h2 {
    color: #ff6355;
    margin-top: 20px;
    font-weight: bold;
    font-size: 30px
}
.login-body h2 strong {
    color: #666
}
.login-body h2 {
    color: #666;
    background: url(../images/book.png) no-repeat right center;
    position: relative;
    font-weight: 300;
    right: auto;
    margin: 0 auto;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    width: auto;
    display: inline-block;
    padding-right: 46px;
    background-size: 40px auto
}
#result:empty {
    display: none
}
#sign_in input[type="text"] {
    margin-top: 40px
}
.login-success,
.login-error {
    margin-top: 20px;
    display: block;
    color: #fff;
    font-weight: bold;
    padding: 8px 10px;
    -webkit-font-smoothing: antialised;
    background: #4bd2af;
    border-radius: 3px;
    font-size: 14px
}
.login-error {
    background: #d24e4b
}
#about .large {
    text-align: center
}
#register_text h1 {
    text-align: center;
    background-image: none;
    font-weight: 600;
    font-size: 42px;
    width: 100%;
    line-height: 1em;
    color: #666
}
.small {
    font-size: 13px
}
.tiny {
    font-size: 11px
}
textarea {
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #CCC;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 250px;
    height: 100px;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    font-size: 13px
}
input {
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #ddd;
    box-shadow: none;
    margin-bottom: 10px;
    margin-top: 10px
}
input,
textarea {
    padding: 10px;
    font-size: 13px;
    background: #f6f6f6;
    font-family: 'Roboto', sans-serif;
    color: #245b63
}
#mc_embed_signup input.button {
    padding: 0 15px;
    border: 1px solid #f5624f;
    margin-top: 30px;
    display: inline-block;
    border-radius: 4px;
    background: #f5624f;
    color: white;
    font-weight: 400;
    height: 35px;
    line-height: 35px;
    outline: 0
}
input#unsubscribe,
input#submit,
a.jump-btn {
    padding: 0 10px;
    border: 1px solid #f5624f;
    margin-top: 30px;
    display: inline-block;
    border-radius: 4px;
    background: #f5624f;
    color: white;
    font-weight: 400;
    height: 35px;
    line-height: 34px;
    outline: 0;
    cursor: pointer
}
.login-body input#submit,
.register-body input#submit {
    width: 80%;
    margin: 20px auto
}
.register-body input#submit,
.login-body input#submit,
a.jump-btn {
    width: auto;
    margin: 30px 0 10px;
    display: inline-block;
    padding: 10px 40px;
    font-size: 16px;
    font-weight: 600;
    height: auto;
    line-height: inherit;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.login-body input#submit {
    width: 100%
}
#mc_embed_signup input.button:hover,
input#unsubscribe:hover,
input#submit:hover,
input#submit:focus,
a.jump-btn:hover {
    background: #ff6355;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, .35), 0 2px 4px rgba(0, 0, 0, .32)
}
input#submit:active,
a.jump-btn:active {
    box-shadow: none
}
input#email,
input#password,
input#password1,
input#password2,
input#first_name,
input#last_name,
input#username,
input#number,
input#name_on_card,
input#billing_address1,
input#billing_address2,
select#my_country {
    width: 210px
}
#pro_options {
    width: 100%;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 2px dashed #dedede;
    display: block
}
.contact_left input#name,
.contact_left input#email,
.contact_left textarea {
    display: block;
    width: 80%;
    max-width: 400px;
    margin: 5px auto 10px;
    border: 1px solid #dedede;
    background: #f9f9f9
}
.g-recaptcha {
    width: 304px;
    margin: auto;
    margin-top: 15px
}
#register input#cvc,
#register input#exp_month,
#register input#exp_year {
    width: 100%;
    text-align: center
}
#register #total {
    font-size: 30px;
    font-weight: bold;
    padding: 10px 0 20px;
    color: #505050
}
#register #total small {
    font-weight: 400;
    color: #888;
    display: block;
    font-size: 12px;
    line-height: 1em;
    margin-top: 0
}
#register .total_additional {
    color: #4bc1d2
}
#register #additional {
    padding: 20px;
    font-size: 14px;
    font-weight: 600;
    color: #404040;
    margin-right: 10px
}
#register select#my_country {
    border: 1px solid #dedede;
    border-radius: 0;
    background-color: #f6f6f6;
    color: #666;
    font-size: 16px;
    display: block;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 12px;
    height: 45px
}
#register select#plan_id {
    width: 50px;
    display: inline-block;
    margin-top: auto;
    margin-left: 10px
}
input#username {
    margin-bottom: 0;
    border-radius: 3px 3px 0 0
}
#username_holder {
    font-size: 16px;
    margin: 0;
    color: #0096b3;
    font-weight: bold
}
.register_small {
    font-size: 12px;
    color: #666
}
input[type="submit"] {
    background-color: #e44d26;
    color: #FFF;
    border: 0
}
#result {
    color: red;
    height: 25px;
    padding: 0;
    margin: 0;
    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear
}
.forgot-password-body #result {
    display: block;
    height: auto;
    min-height: 25px
}
#register .result {
    color: #ff6355;
    margin: 10px;
    height: auto
}
#register .result:empty {
    display: none
}
#screens {
    width: 960px;
    margin-top: 40px
}
#about_screenshots {
    margin-top: 25px;
    text-align: center
}
#about_screenshots img {
    margin-left: 2px;
    margin-right: 2px;
    height: 110px;
    width: auto
}
#about_screenshots a {
    border-bottom: 0
}
.screenshot_details {
    float: left;
    width: 420px;
    font-size: 14px;
    margin-bottom: 30px;
    text-align: left;
    padding: 0 30px;
    font-family: 'Roboto', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    line-height: 1.6em
}
.screenshot_details img {
    width: 440px
}
.screenshot_details div {
    margin-bottom: 10px
}
.screenshot {
    border: 2px solid #9b9a94
}
.google_container {
    position: relative;
    left: 10px;
    bottom: 2px
}
.screenshot_details h3 {
    font-weight: bold;
    color: #505050
}
#crear_cuenta {
    text-align: left;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    padding: 0;
    margin-top: 10px
}
#import_example {
    text-align: center
}
#mc_embed_signup input.email {
    border: 1px solid #ddd;
    padding: 10px 0;
    text-indent: 15px
}
#mc_embed_signup input.button {
    display: block;
    margin: 0 auto 10px;
    text-indent: 0
}
#mail-message {
    height: 30px
}
#mc_embed_signup .button {
    background-color: #aaa;
    border: 0 none;
    border-radius: 4px;
    clear: both;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    margin: 0 5px 10px 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: auto
}
#mc_embed_signup input.email {
    display: block;
    margin: 0 auto 10px auto;
    width: 60%;
    padding: 8px 0;
    text-indent: 5px;
    background: white
}
#item_summary {
    text-align: left;
    background-color: #FFF;
    border-radius: 3px;
    padding: 40px;
    border: 1px solid #e4e4e4;
    margin-bottom: 20px
}
#item_summary .review_description {
    font-size: 12px;
    line-height: 20px;
    margin-top: 20px
}
#item_summary .review_title {
    font-weight: 600;
    font-size: 20px
}
.review_image {
    width: 120px;
    height: auto
}
a.purchase {
    border: 0;
    text-align: center;
    color: #FFF;
    background-color: #ea4c1f;
    padding: 5px;
    border-radius: 3px;
    display: inline-block;
    margin-top: 10px;
    font-weight: 600;
    font-size: 12px
}
a.purchase:hover {
    background-color: #c54e2d
}
#featured_review {
    padding: 20px 40px;
    text-align: left;
    font-size: 14px;
    background: #FFF;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    margin-bottom: 40px
}
#item_review {
    text-align: left;
    font-size: 14px
}
#item_review h2 {
    margin-bottom: 20px;
    font-weight: 200;
    border-bottom: 1px solid #dedede;
    color: #ababab;
    padding-bottom: 10px;
    font-size: 24px
}
#item_review p {
    line-height: 20px
}
#item_review .review {
    border-bottom: 1px solid #dedede;
    margin-bottom: 20px;
    padding-bottom: 20px
}
#item_review .review a {
    border: 0;
    text-decoration: none;
    color: #458692
}
#item_review .review a:hover {
    color: #999
}
#item_review img,
#featured_review img {
    vertical-align: middle;
    margin-right: 10px;
    border-radius: 100px
}
#item_review a.user_link {
    font-size: 16px
}
#item_review p {
    font-weight: 400
}
#item_feed {
    text-align: left;
    background-color: #FFF;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    text-align: left;
    height: 428px
}
#item_feed #item_scroller {
    overflow-y: scroll;
    height: 391px
}
#item_feed #item_posts {
    font-weight: bold;
    font-size: 16px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #e4e4e4
}
#item_feed .feed_post {
    font-size: 12px;
    padding: 10px;
    border-bottom: 1px solid #e4e4e4;
    overflow-x: hidden
}
#item_feed .feed_post a {
    color: #c75b31;
    border: 0;
    text-decoration: none
}
#item_feed .feed_post a:hover {
    color: #999
}
#item_feed .post_date {
    text-align: right;
    padding-bottom: 3px;
    font-size: 11px;
    color: #889d9d;
    float: right
}
#item_feed .post_user {
    font-weight: bold;
    font-size: 11px
}
#item_feed.item_feed_fixed {
    margin-top: 40px;
    position: fixed;
    top: 0;
    margin-left: 0
}
#item_review_left {
    float: left;
    max-width: 120px
}
#item_review_right {
    float: right;
    width: 715px
}
.review-head {
    padding: 10px 0
}
.review_created {
    font-weight: 600;
    color: #666
}
#featured_review .review-head {
    padding: 15px 0
}
#featured_review .review-head a {
    text-decoration: none;
    border-bottom: 0;
    font-size: 24px;
    font-weight: bold;
    color: #458692
}
#item_feed .post_user,
#item_feed .post_user a,
#item_feed .feed_post user a {
    color: #458692
}
.review_date {
    font-size: 12px;
    font-weight: 400
}
.special {
    background: #f3f3f3;
    border: 1px solid #dedede;
    border-radius: 3px;
    margin: 40px 10%;
    padding: 15px 30px
}
#apps-wrapper {
    position: relative
}
#apps-bg {
    max-width: 100%
}
#apple-store {
    position: absolute;
    right: 5%;
    bottom: 130px;
    display: block;
    text-indent: -9999px;
    background: #6d878d url(../images/app-store-icon.png) no-repeat top left;
    height: 70px;
    width: 214px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)
}
#play-store {
    position: absolute;
    right: 5%;
    bottom: 50px;
    display: block;
    text-indent: -9999px;
    background: #2b3e43 url(../images/google-store-icon.png) no-repeat top left;
    height: 70px;
    width: 214px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)
}
#apple-store:hover,
#play-store:hover {
    border-bottom-width: 3px;
    margin-bottom: -3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
}
#apps #register_text {
    text-align: center;
    margin-bottom: 40px
}
table#app-features {
    text-align: center;
    margin-top: 40px;
    width: 100%;
    border-collapse: collapse
}
table#app-features tr td {
    width: 33.333332%;
    padding: 10px 0;
    font-size: 1em;
    font-weight: 400;
    color: #404040
}
table#app-features tr td span {
    color: #4f923b;
    font-size: 1.2em;
    margin-right: 2px
}
table#app-features tr:nth-child(odd) {
    background: #f7f7f7
}
p.try-app {
    text-align: center;
    width: 100%;
    font-size: 1.2em;
    padding-bottom: 20px
}
#apps hr {
    border: 0;
    border-bottom: 1px dashed #ccc;
    margin: 40px 0
}
#apps #register_text.apps-h2 h1 {
    font-size: 1.2em;
    text-align: left;
    margin: 0 5% 0;
    color: #ff6355;
    border-bottom: 3px solid #ff6355;
    width: 90%
}
.apps-wrapper blockquote {
    margin-bottom: 20px
}
.apps-wrapper blockquote.left {
    font-size: 1.2em;
    font-weight: 300;
    color: #666;
    line-height: 1.5em;
    padding-left: 10%;
    background: url(../images/quotes-left.png) no-repeat left 10px;
    background-size: 30px auto
}
.apps-wrapper blockquote.right {
    font-size: 1.2em;
    font-weight: 300;
    color: #666;
    line-height: 1.5em;
    padding: 15px;
    padding-right: 10%;
    background: #f7f7f7 url(../images/quotes-right.png) no-repeat 98% 20px;
    border-radius: 4px;
    background-size: 30px auto
}
.apps-wrapper {
    padding-bottom: 40px
}
.cursor {
    cursor: pointer
}
body.four-o-four {
    background: #00464d
}
.status-code-wrap {
    max-width: 80%;
    margin: auto;
    color: #519da5
}
.status-code-error {
    font-size: 10em;
    margin-bottom: 0;
    line-height: 1em;
    margin-top: 5%;
    color: #519da5;
    font-weight: bold
}
.status-code-wrap p {
    font-size: 2em;
    margin-top: 0
}
.status-code-footer {
    width: 100%;
    height: 30%;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #105f67
}
#footprints {
    width: 100%;
    height: 288px;
    background: 100%;
    background: url(../images/footprints-404.png) no-repeat top right;
    position: absolute;
    top: 10px
}
#lamp {
    background: url(../images/lampshade4.png) no-repeat top right;
    width: 1152px;
    height: 656px;
    position: absolute;
    right: 0;
    top: -550px;
    opacity: 1
}
#sullivan-dead {
    position: absolute;
    left: 10%;
    top: -125px;
    background: url(../images/sullivan-404.png) no-repeat top left;
    width: 452px;
    height: 289px
}
body.four-o-four header nav {
    z-index: 2;
    position: relative
}
.pro-features {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 20px;
    padding-left: 60px;
    padding-right: 60px;
    border: 1px solid #dedede;
    border-radius: 3px;
    background: #f6f6f6
}
.pro-features h3 {
    font-weight: bold;
    color: #ff6355;
    font-size: 18px;
    margin-bottom: 0;
    padding-bottom: 0
}
.pro-features p {
    margin-bottom: 40px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-weight: 400;
    color: #404040;
    font-size: 14px;
    padding-top: 10px;
    margin-top: 0
}
.pro-icon {
    padding-left: 100px;
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative
}
.coming-soon .pro-icon {
    padding-left: 100px
}
.coming-soon .pro-icon:before {
    position: absolute;
    left: 0;
    height: 26px;
    width: 26px;
    content: " ";
    top: 50%;
    margin-top: -15px;
    border-radius: 100px;
    border: 5px solid #fff;
    padding: 0;
    background: #4bc1d2;
    box-shadow: 0 0 0 3px #dedede;
    opacity: .6
}
.manage-users-icon {
    background: url(../images/icons/manage-users-icon-gray.svg) no-repeat left center;
    background-size: 50px auto
}
.lending-icon {
    background: url(../images/icons/lending-icon-gray.svg) no-repeat left center;
    background-size: 50px auto
}
.global-search-icon {
    background: url(../images/icons/mag-all-icon-gray.svg) no-repeat left center;
    background-size: 45px auto
}
.searchable-public-icon {
    background: url(../images/icons/mag-icon-gray.svg) no-repeat left center;
    background-size: 45px auto
}
.batch-edit-icon {
    background: url(../images/icons/batch-icon-gray.svg) no-repeat left center;
    background-size: 40px auto
}
.hold-icon {
    background: url(../images/icons/hold-icon-gray.svg) no-repeat left center;
    background-size: 40px auto
}
.patron-email-icon {
    background: url(../images/icons/patron-email-icon-gray.svg) no-repeat left center;
    background-size: 40px auto
}
.info-icon {
    background: url(../images/icons/icon-info-gray.svg) no-repeat left center;
    background-size: 40px auto
}
.add-libraries-icon {
    background: url(../images/icons/add-library-icon-gray.svg) no-repeat left center;
    background-size: 40px auto
}
.add-book-icon {
    background: url(../images/icons/icon-book-gray.svg) no-repeat left center;
    background-size: 40px auto
}
.edit-icon {
    background: url(../images/icons/icon-edit-gray.svg) no-repeat left center;
    background-size: 40px auto
}
.brand-icon {
    background: url(../images/icons/icon-brand-gray.svg) no-repeat left center;
    background-size: 42px auto
}
.pro-basic-buttons {
    text-align: center;
    border-top: 1px solid #dedede;
    max-width: 80%;
    margin-top: 40px;
    margin: auto;
    display: block
}
.pro-basic-buttons ul li {
    display: inline-block;
    margin-left: 20px
}
.pro-basic-buttons ul li a {
    border: 2px solid #ff6355;
    background: white;
    font-size: 16px;
    padding: 5px 15px;
    border-radius: 2px
}
.pro-basic-buttons ul li a:hover {
    background: #ff6355;
    color: white
}
.valign-middle {
    display: table
}
.valign-middle .columns {
    display: table-cell;
    vertical-align: middle
}
.valign-middle .columns,
.valign-middle [class*="column"]+[class*="column"]:last-child {
    float: none
}
.owl-item {
    display: table
}
.owl-item .item {
    display: table-cell;
    vertical-align: middle;
    width: 100%
}
.owl-item .item,
.owl-item [class*="item"]+[class*="item"]:last-child {
    float: none
}
.demo-vid {
    height: 300px;
    ©
}
.nu header {
    margin-bottom: 0
}
.nu article {
    margin-top: 0;
    padding-top: 60px
}
@media screen and (max-width: 599px) {
    .login-body.nu article {
        padding-top: 50px
    }
}
.homepage.nu article {
    padding-top: 0
}
.nu .wrapper {
    width: 100%
}
header {
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.1);
    position: fixed
}
.header-relative {
    height: 60px;
    position: relative
}
.fw {
    max-width: 960px;
    width: 94%;
    margin: auto;
    position: relative
}
.section-wrap {
    width: 100%;
    background: white;
    padding: 40px 0
}
.about-header {
    background: #24c6dc;
    background: -webkit-linear-gradient(to right, #24c6dc, #150a2b);
    background: linear-gradient(to right, #24c6dc, #150a2b);
    position: relative;
    overflow: hidden
}
h2 {
    font-size: 42px;
    color: white;
    font-weight: 800;
    padding: 0;
    margin: 0;
    letter-spacing: -1px;
    color: #666;
    line-height: 1.2em
}
.about-header h2 {
    color: white;
    position: relative;
    z-index: 1;
    margin-top: 15px
}
.subtitle {
    font-size: 24px;
    color: #666;
    margin-top: 10px
}
.about-header .subtitle {
    font-size: 20px;
    color: #fff;
    margin-top: 10px;
    -webkit-font-smoothing: antialiased;
    position: relative;
    z-index: 1;
    font-weight: 400
}
.about-header .subtitle strong {
    font-weight: bold
}
img.about-us-main {
    top: 40px;
    position: relative;
    max-width: 100%;
    display: block;
    margin: auto
}
.circle {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/circles.png) no-repeat top left;
    background-size: 100% auto
}
.bubbles-top {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/bubbles.png) no-repeat top left;
    background-size: 100% auto
}
.sully-huge {
    width: 800px;
    height: auto;
    position: absolute;
    top: -80px;
    right: -170px
}
@media only screen and (max-width: 1400px) {
    .sully-huge {
        width: 700px;
        height: auto;
        position: absolute;
        top: -50px;
        right: -150px
    }
}
@media only screen and (max-width: 1100px) {
    .sully-huge {
        width: 600px;
        height: auto;
        position: absolute;
        top: -10px;
        right: -150px
    }
}
@media only screen and (max-width: 1000px) {
    .sully-huge {
        display: none
    }
    .circle {
        width: 85%
    }
    .homepage .about-header div.subtitle {
        font-size: 20px;
        padding: 0 20px
    }
}
.nu-remove {
    display: none
}
.features {
    background: #8a8a8a;
    color: #fff
}
.features h2 {
    color: white
}
.footer {
    background: #333;
    color: white
}
.options {
    background: #fff;
    overflow: hidden
}
.options h2 {
    color: #666
}
.options .subtitle {
    color: #666;
    font-size: 18px;
    font-weight: 400;
    line-height: 2em
}
.options-box {
    float: left;
    width: 40%;
    margin: 40px 0;
    padding: 20px 5% 40px;
    background: #f7f7f7;
    color: #404040;
    border-top: 6px solid #4bc1d2;
    border-left: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    position: relative
}
.option-pro {
    width: 50%;
    border-top: 12px solid #f5624f;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    z-index: 2
}
.options-box h4 {
    font-size: 40px
}
.pricing {
    color: #f5624f;
    font-size: 26px;
    margin: 20px;
    border-bottom: 1px solid #dedede;
    padding-bottom: 30px
}
.pricing span {
    color: #999;
    font-size: 18px
}
.pricing small {
    font-size: 11px;
    line-height: 1em;
    display: block;
    margin-top: 10px;
    color: #666
}
.perspective {
    position: relative
}
.options-box ul {
    margin: 0;
    padding: 0 20px
}
.option-free {
    position: relative;
    top: 80px;
    margin-left: 5%;
    opacity: .8
}
.options-box ul li {
    font-size: 14px;
    color: #666;
    font-weight: 400;
    text-align: left;
    padding: 5px 0;
    list-style: none;
    padding-left: 40px;
    position: relative;
    background: url(../images/check.svg) no-repeat left center;
    background-size: 15px auto
}
.options-box strong {
    text-align: left;
    display: block;
    margin-bottom: 10px
}
.about-body background:#002f44;
background:-webkit-linear-gradient(to right,
#002f44,
#00202f);
background:linear-gradient(to right,
#002f44,
#00202f);
{
    display: none
}
.demo-vid {
    background: #fff;
    padding: 0
}
.demo-vid .row {
    max-width: 100%
}
.owl-carousel .columns {
    padding: 0
}
a.go-standard {
    margin-top: 30px;
    display: inline-block
}
a.go-standard:hover {
    opacity: .75
}
div.gradient {
    height: 20px;
    width: 100%;
    background: #24c6dc;
    background: -webkit-linear-gradient(to right, #24c6dc, #150a2b);
    background: linear-gradient(to right, #24c6dc, #150a2b)
}
a.ghost {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding: 10px 20px;
    border: 1px solid #f5624f;
    display: inline-block;
    border-radius: 4px;
    background: #f5624f;
    color: white;
    font-weight: 600;
    line-height: 1em;
    outline: 0;
    cursor: pointer;
    font-size: 15px
}
a.ghost:hover {
    background: rgba(245, 98, 79, 0.15);
    color: #f5624f;
    text-shadow: none
}
a.green-ghost {
    padding: 5px 10px;
    background: #4bc1d2;
    border: 1px solid #4bc1d2;
    margin-top: 30px;
    display: inline-block;
    border-radius: 4px;
    color: white
}
a.green-ghost:hover {
    background: rgba(96, 193, 212, 0.3);
    color: #4bc1d2
}
a#pro-inline {
    padding: 8px 10px
}
.color-box {
    height: 300px;
    background: #4bc1d2;
    position: relative;
    overflow: hidden
}
.color-box h3 {
    font-weight: bold;
    font-size: 2em;
    line-height: 1em;
    position: relative;
    z-index: 1;
    padding: 10px
}
.color-box img.img-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    width: 165%;
    max-width: 165%
}
.color-box .img-icon {
    display: block;
    margin: auto
}
.color-box img.img-icon {
    position: relative;
    z-index: 1
}
.teal-overlay {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: .8;
    background: #4bc1d2
}
.orange-overlay {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: .8;
    background: #f5624f
}
.teal {
    background: #4bc1d2;
    color: #fff
}
.gray {
    background: #f7fbfd;
    color: #004560
}
.gray.border-top {
    border-top: 1px solid #d7e7f1
}
.orange {
    background: #f5624f;
    color: #fff
}
.pale-teal {
    background: #a1b8c0;
    color: #404040
}
.white {
    background: #fff;
    color: #404040
}
.dark-gray {
    background: #404040;
    color: #fff
}
footer {
    position: relative;
    background: #003744;
    background: -webkit-linear-gradient(to right, #003744, #00202f);
    background: linear-gradient(to right, #003744, #00202f);
    z-index: 200;
    padding: 40px 0
}
footer .block {
    float: left;
    width: 33.33332%;
    padding: 10px 0;
    text-align: center
}
footer h3 {
    color: #ff6355;
    padding: 0;
    margin: 0;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 20px
}
footer ul {
    margin: 0;
    padding: 0
}
footer ul li {
    list-style: none;
    height: 30px
}
footer a {
    color: #fff;
    border: 0;
    font-weight: 400
}
footer a:hover {
    color: #ccc;
    text-decoration: none
}
.copyright {
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 25px 0;
    width: 100%;
    background: #03151f;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased
}
body.contact-body,
body.sitemap-body,
body.faqs-body,
body.security-policy-body,
body.privacy-policy-body,
body.privacy-shield-body,
body.terms-of-service-body,
body.careers-body,
body.about-body,
body.apps-body,
body.pricing-body,
body.forgot-password-body,
body.reviews-body {
    background: white
}
.decor-wrap {
    padding: 40px 0 40px;
    background: #24c6dc;
    background: -webkit-linear-gradient(to right, #24c6dc, #150a2b);
    background: linear-gradient(to right, #24c6dc, #150a2b);
    position: relative;
    border-bottom: 0
}
.decor-wrap h2 {
    font-weight: bold;
    color: #fff;
    margin-top: 10px
}
.contact-body article,
.faqs-body article,
.sitemap-body article,
.careers-body article,
.security-policy-body article,
.privacy-policy-body article,
.privacy-shield-body article,
.terms-of-service-body article,
.apps-body article,
.pricing-body article,
.forgot-password-body article,
.reviews-body article {
    padding-top: 60px
}
.border-top {
    border-top: 1px solid #dedede
}
.border-bottom {
    border-bottom: 1px solid #dedede
}
.text-left {
    text-align: left
}
.box.social {
    margin-top: 20px;
    margin-bottom: 30px
}
.faqs-body ol {
    text-align: left;
    padding-left: 0
}
.faqs-body ol li {
    list-style-position: inside;
    padding-left: 1em;
    padding-top: 20px;
    padding-bottom: 20px
}
.primary {
    padding: 20px 0
}
.security-policy-body .primary,
.privacy-policy-body .primary,
.privacy-shield-body .primary,
.terms-of-service-body .primary {
    text-align: left
}
.sub-options {
    padding: 100px 0 20px;
    position: relative;
    background: -webkit-linear-gradient(left, #414345, #232526)
}
.pricing-body .sub-options {
    background: transparent;
    padding: 0 0 20px
}
.pricing-table {
    max-width: 90%;
    width: 960px;
    margin: auto;
    margin-top: 60px
}
.pricing-table-header {
    background: white;
    border-radius: 20px 20px 0 0;
    padding: 0;
    text-align: left;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3)
}
.pricing-table-header .columns {
    padding: 30px 30px 30px
}
.pricing-table-header .sub-description {
    color: #888
}
.pricing small {
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    line-height: 1.6em
}
div.rotate {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
    margin-left: 15px;
    position: relative;
    top: 1px
}
.pro-pricing-details {
    border-left: 1px solid #d7e7f1;
    position: relative
}
@media only screen and (max-width: 640px) {
    .pro-pricing-details {
        border-top: 1px solid #d7e7f1
    }
}
.pricing-table .pricing {
    border-bottom: 0;
    padding-bottom: 0;
    font-size: 34px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 15px
}
a.jump-btn.pricing-signup {
    margin: 0 20px 20px;
    display: block;
    text-align: center;
    padding: 10px 15px;
    -webkit-transform: all .2s ease-in-out;
    -ms-transform: all .2s ease-in-out;
    transform: all .2s ease-in-out;
    border: 1px solid #ff6355
}
a.jump-btn.pricing-signup:hover,
a.jump-btn.pricing-signup:active {
    padding: 10px 15px
}
@media only screen and (max-width: 1050px) {
    .pricing-table .pricing {
        margin: 20px 0;
        font-size: 32px
    }
}
@media only screen and (max-width: 999px) {
    .pricing-table .pricing {
        font-size: 26px
    }
}
@media only screen and (max-width: 800px) {
    .pricing-table .pricing {
        font-size: 25px
    }
}
@media only screen and (max-width: 750px) {
    .pricing-table .pricing {
        font-size: 20px
    }
    label#update-newsletter-label {
        font-size: 11px
    }
}
.pricing-table table {
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3)
}
.pricing-table tr.prices td {
    vertical-align: bottom
}
.pricing-table table td {
    color: #004e60;
    border-bottom: 1px solid #f7fbfd;
    border-top: 0
}
tr.rounded-table {
    border-radius: 0 0 20px 20px;
    height: 20px
}
td.r-first {
    border-radius: 0 0 0 20px
}
tr.rounded-table td:nth-child(2) {
    background: #f7fbfd
}
td.r-last {
    border-radius: 0 0 20px 0;
    background: #f7fbfd
}
.pricing-table table tbody td {
    border-right: 1px solid #d7e7f1;
    padding: 10px 20px;
    font-size: 12px;
    font-weight: 400;
    border-bottom: 1px dashed #d7e7f1
}
.pricing-table table thead tr th,
.pricing-table table thead tr td {
    background: white
}
.pricing-table tbody tr.platform-header td {
    background: #d7e7f1;
    color: #004e60;
    font-size: 18px;
    font-weight: bold
}
.pricing-table tbody tr.platform-header td:first-child {
    font-size: 20px;
    font-weight: bold;
    background: #4bc1d2;
    color: white;
    font-weight: bold;
    border-right: 1px solid #4bc1d2;
    border-left: 1px solid #4bc1d2;
    border-top: 0;
    border-bottom: 0
}
.pricing-table tbody tr.app-pt td {
    background: #d7e7f1;
    border-right: 1px solid #d7e7f1;
    border-left: 1px solid #d7e7f1
}
tr.app-pt td {
    background: #0096b1
}
.pricing-table tbody tr.kiosk-pt td {
    background: #d7e7f1;
    border-right: 1px solid #d7e7f1;
    border-left: 1px solid #d7e7f1
}
.pricing-table tbody tr.app-pt td:first-child {
    background: #0096ad;
    border-right: 1px solid #0096ad;
    border-left: 1px solid #0096ad
}
.pricing-table tbody tr.kiosk-pt td:first-child {
    background: #004557;
    border-right: 1px solid #004557;
    border-left: 1px solid #004557
}
tr.kiosk-pt td {
    background: #160b2a
}
tbody tr.web-cells,
tbody tr.app-cells,
tbody tr.kiosk-cells {
    background: #f7fbfd
}
tbody tr.app-cells td:first-child {
    border: 1px dashed #d7e7f1
}
.pricing-table tbody tr td:first-child {
    text-align: left;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px dashed #d7e7f1;
    border-right: 1px solid #d7e7f1;
    border-left: 1px solid #d7e7f1;
    background: #fff;
    box-shadow: inset -10px 0 15px -15px rgba(0, 0, 0, 0.4)
}
span.check,
span.uncheck {
    display: block;
    text-indent: -99999px;
    height: 22px;
    width: auto;
    background: url(../images/table-check.svg) no-repeat center center;
    background-size: 22px auto
}
span.uncheck {
    height: 22px;
    width: auto;
    background: url(../images/table-uncheck.svg) no-repeat center center;
    background-size: 22px auto
}
@media only screen and (max-width: 599px) {
    .pricing-table tbody tr.platform-header td:first-child,
    .pricing-table tbody tr.platform-header td {
        font-size: 14px
    }
    .pricing-table tbody tr td:first-child {
        padding: 10px;
        font-size: 12px
    }
    .pricing-table table tbody td {
        padding: 10px
    }
    a.jump-btn.pricing-signup {
        margin: 0 0 20px
    }
    span.check,
    span.uncheck {
        display: block;
        text-indent: -99999px;
        height: 18px;
        width: auto;
        background: url(../images/table-check.svg) no-repeat center center;
        background-size: 18px auto
    }
    span.uncheck {
        height: 18px;
        width: auto;
        background: url(../images/table-uncheck.svg) no-repeat center center;
        background-size: 18px auto
    }
}
.blue-bg {
    background: #24c6dc;
    background: -webkit-linear-gradient(to left, #24c6dc, #150a2b);
    background: linear-gradient(to left, #24c6dc, #150a2b);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50%;
    box-shadow: inset 0 10px 30px -10px rgba(0, 0, 0, 0.5)
}
.bubbles {
    position: absolute;
    left: 0;
    width: 50%;
    height: auto
}
.bubbles img {
    width: 100%;
    height: auto
}
.circles-right {
    position: absolute;
    right: 0;
    width: 50%;
    height: auto
}
.circles-right img {
    text-align: right;
    width: 100%;
    height: auto
}
.black-bg {
    background: #003744;
    background: -webkit-linear-gradient(to right, #003744, #00202f);
    background: linear-gradient(to right, #003744, #00202f);
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.3);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%
}
.sub-icon {
    padding-left: 70px
}
.pro-sub-icon {
    background: url(../images/pro-icon.png) no-repeat left center;
    background-size: 50px auto
}
.standard-sub-icon {
    background: url(../images/standard-icon.png) no-repeat left center;
    background-size: 50px auto
}
.sub-wrapper {
    border-radius: 20px;
    margin: 0 auto;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    background: white;
    position: relative;
    z-index: 1
}
.sub-column {
    padding: 0
}
.standard-column {
    margin: 0
}
.pro-column {
    margin: 0;
    border-left: 1px solid #d7e7f1
}
.sub-summary {
    padding: 40px 60px 40px;
    position: relative
}
.discount-notification {
    font-size: 13px;
    margin-left: 20px;
    position: absolute;
    font-weight: bold;
    background: #6ab59e;
    top: 20px;
    right: -1px;
    color: #fff;
    padding: 8px 20px 8px 20px;
    z-index: 10
}
.discount-notification:after {
    content: "";
    height: 0;
    width: 0;
    top: 0;
    left: -35px;
    position: absolute;
    border-left: 34px solid transparent;
    border-right: 34px solid transparent;
    border-bottom: 34px solid transparent;
    z-index: 0
}
.discount-notification:before {
    content: "";
    height: 0;
    width: 0;
    top: 0;
    left: -34px;
    position: absolute;
    border-left: 34px solid transparent;
    border-right: 34px solid transparent;
    border-top: 34px solid #6ab59e;
    z-index: -1
}
.pricing-body .discount-notification {
    font-size: 12px;
    position: absolute;
    font-weight: 600;
    background: #f7fbfd;
    background: #fff;
    top: auto;
    bottom: 10px;
    right: 0;
    left: 0;
    margin-left: 0;
    color: #555;
    padding: 10px 20px;
    z-index: 10;
    box-shadow: none;
    border-radius: 0 0 4px 4px;
    text-align: center
}
@media only screen and (max-width: 640px) {
    .pricing-body .discount-notification {
        border-radius: 0
    }
}
.pricing-body .discount-notification:after {
    content: "";
    height: 0;
    width: 0;
    top: 0;
    left: -32px;
    position: absolute;
    border-left: 32px solid transparent;
    border-right: 32px solid transparent;
    border-bottom: 32px solid transparent;
    z-index: 0
}
.pricing-body .discount-notification:before {
    content: "";
    height: 0;
    width: 0;
    top: 0;
    left: -32px;
    position: absolute;
    border-left: 32px solid transparent;
    border-right: 32px solid transparent;
    border-top: 32px solid transparent;
    z-index: -1
}
h3 {
    font-weight: bold;
    color: #666;
    font-size: 30px
}
.sub-options h3 {
    margin-bottom: 0
}
.sub-description {
    font-size: 18px;
    color: #ff6355;
    font-weight: 400
}
.row.sub-wrapper {
    max-width: 90%
}
.specs-row.row {
    color: #404040;
    font-size: 14px;
    font-weight: 400;
    margin-top: 0;
    display: block;
    padding: 30px;
    background: #f7fbfd;
    margin: 0;
    position: relative;
    z-index: 1
}
.table-color {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background: #f7fbfd;
    height: 100px;
    border-radius: 0 0 20px 20px
}
@media only screen and (max-width: 599px) {
    .sub-wrapper {
        border-radius: 0
    }
    .table-color {
        border-radius: 0
    }
}
.pro-column .specs-row.row {
    border-radius: 0 0 20px 0
}
.standard-column .specs-row.row {
    border-radius: 0 0 0 20px
}
ul.features-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1
}
.features-list li {
    padding-left: 30px;
    margin: 0;
    background: url(../images/plus-list.svg) no-repeat left 15px;
    background-size: 20px auto
}
.features-list li span {
    display: block;
    padding: 14px 0;
    margin: 0;
    border-bottom: 1px solid #d7e7f1;
    color: #004560;
    font-weight: 400
}
.features-list li:last-child span {
    border-bottom: 0
}
@media only screen and (max-width: 999px) {
    .sub-icon {
        padding-left: 0;
        padding-top: 60px
    }
    .pro-sub-icon {
        background: url(../images/pro-icon.png) no-repeat left top;
        background-size: 50px auto
    }
    .standard-sub-icon {
        background: url(../images/standard-icon.png) no-repeat left top;
        background-size: 50px auto
    }
    a.ghost.learn-pro {
        margin-top: 20px
    }
    .specs-row.row {
        padding: 30px 10px
    }
    .sub-summary {
        padding: 60px 30px 40px
    }
}
h4 {
    font-weight: 400;
    display: block;
    font-size: 24px;
    margin-top: 30px;
    color: #666
}
.sitemap-body .primary ul {
    text-align: left;
    border-left: 3px solid #dedede;
    padding-left: 20px
}
.sitemap-body .primary ul li {
    list-style: inside;
    list-style: none
}
.sitemap-body .primary ul li ul {
    border-left: 3px solid #f6f6f6;
    margin-top: 20px
}
.feature-row {
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px solid #dedede
}
.hp-callout a.ghost {
    border-radius: 50px;
    padding: 5px 30px;
    margin-top: 15px
}
a#free-btn {
    background: #4bc1d2;
    border: 1px solid #4bc1d2
}
a#free-btn:hover {
    background: rgba(96, 193, 212, 0.3);
    color: #404040
}
a#pro-btn:hover {
    color: #404040
}
.hp-callout span {
    color: #666;
    margin: 0 20px
}
.pricing-body .subtitle a.ghost {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0
}
a#free-inline {
    background: #60c1d4;
    border: 1px solid #60c1d4
}
a#free-inline:hover {
    color: #60c1d4;
    background: rgba(96, 193, 212, 0.3)
}
@media only screen and (max-width: 999px) {
    .four-o-four #mobile-menu-button {
        text-indent: -9999px;
        display: block;
        height: 60px;
        width: 60px;
        background: url(../images/menu-icon-white.svg) no-repeat center center;
        background-size: 30px auto;
        position: absolute;
        right: 0;
        top: 0;
        border-bottom: 0
    }
    .four-o-four nav {
        top: 6px
    }
    .four-o-four.detective nav {
        background: #ef6257
    }
    .four-o-four.lotr nav {
        background: #2b2b2b
    }
    .four-o-four.space1 nav {
        background: #00233b
    }
    .four-o-four.space2 nav {
        background: #2d2d2d
    }
    .four-o-four.find_page nav {
        background: #ef6257
    }
}
.four-o-four header {
    position: relative;
    background: rgba(255, 255, 255, 0.05);
    margin-bottom: 0
}
.four-o-four.find_page header {
    background: #ef6257
}
.four-o-four-image {
    position: relative;
    top: -60px
}
.four-o-four-image img {
    height: 100%;
    height: 100vh;
    width: auto;
    margin: auto;
    display: block
}
body.detective {
    background: #ef6257
}
body.lotr {
    background: #2b2b2b
}
body.space1 {
    background: #00233b
}
body.space2 {
    background: #2d2d2d
}
body.find_page {
    background: #fff
}
.four-o-four h1 a {
    background-image: url(../images/book-logo.png);
    background-position: right 25px;
    background-size: 38px auto;
    color: #fff
}
.four-o-four nav a {
    color: #fff
}
.four-o-four nav a:hover {
    background: rgba(255, 255, 255, 0.1)
}
.pro-options {
    background: #003744;
    background: -webkit-linear-gradient(to right, #003744, #00202f);
    background: linear-gradient(to right, #003744, #00202f);
    padding: 60px 0
}
.pro-options .subtitle,
.pro-options h2,
.pro-options h4 {
    color: white
}
.pro-options p {
    color: white
}
.pro-options .feature-row {
    border-top: 1px solid rgba(255, 255, 255, 0.1)
}
.pro-options .hp-icon {
    width: 20%;
    height: auto
}
.review_secondary {
    font-weight: bold;
    margin-bottom: 10px
}
.review_description {
    font-size: 15px;
    font-weight: 400
}
.brag-bar {
    overflow: hidden
}
.brag-bar ul {
    max-width: 1400px;
    width: 96%;
    margin: auto;
    padding: 0
}
.brag-bar ul li {
    list-style: none;
    float: left;
    width: 25%;
    height: 70px;
    display: block;
    margin: 20px 0;
    text-align: center;
    vertical-align: middle
}
.brag-bar ul li img {
    height: auto;
    max-height: 100%;
    width: auto;
    max-width: 100%
}
#tab-labels {
    text-align: left;
    border-bottom: 1px solid #dedede
}
.tab-label {
    display: inline-block;
    text-align: center;
    padding: 10px 20px;
    font-weight: bold;
    color: #404040;
    border: 1px solid #dedede;
    border-bottom: 0;
    background: #f6f6f6;
    cursor: pointer;
    position: relative;
    z-index: 1;
    top: 1px
}
.tab-label:hover {
    background: #fff;
    border-bottom: 1px solid #fff
}
#general-label {
    margin-left: 10px
}
.tab-label.active-label {
    background: #fff;
    border-bottom: 1px solid #fff
}
.tab {
    display: none
}
.tab.active-tab {
    display: block
}
.trial-body {
    background: #24c6dc;
    background: -webkit-linear-gradient(to right, #24c6dc, #150a2b);
    background: linear-gradient(to right, #24c6dc, #150a2b)
}
.trial-body #register {
    max-width: 600px;
    width: 90%;
    padding: 20px;
    margin-top: 60px
}
.trial-body input#email,
.trial-body input#password,
.trial-body input#password1,
.trial-body input#password2,
.trial-body input#first_name,
.trial-body input#last_name,
.trial-body input#username,
.trial-body input#number,
.trial-body input#name_on_card,
.trial-body input#billing_address1,
.trial-body input#billing_address2,
.trial-body select#my_country {
    width: 100%
}
#register .result:empty,
#mail-message:empty {
    display: none
}
.callout {
    font-weight: 200;
    color: #f5624f;
    font-size: 2em;
    margin-bottom: 0
}
.trial-body #username_holder {
    margin: 0;
    color: #f5624f
}
.pro-url {
    color: #404040;
    padding-top: 10px;
    text-align: left
}
.tagline {
    font-size: 1.2em;
    margin-bottom: 20px;
    color: #666
}
#trial-features {
    background: #fff;
    padding: 60px 0;
    color: #404040;
    text-align: left
}
#trial-features h2 {
    margin-bottom: 40px
}
#trial-features h3 {
    font-weight: 600;
    font-size: 1em;
    color: #2eafc2;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    margin-bottom: 10px;
    margin-top: 20px
}
.trial-body .wrapper .wrapper {
    padding: 0
}