/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

    a:active, a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input {
    line-height: normal
}

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0
    }

    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        box-sizing: content-box
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none
        }

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

.ir {
    display: block;
    border: 0;
    text-indent: 100%;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
    *line-height: 0;
    white-space: nowrap
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1
}

body {
    position: relative
}

#wrapper {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%
}

a img {
    border: 0
}

h1, h2, h3, h4, h5, h6 {
    margin: 0
}

input:focus, textarea:focus, select:focus {
    outline: 0
}

p {
    margin: 0 0 10px
}

textarea {
    resize: none
}

.wf-loading {
    opacity: 0
}

.wf-active, .wf-inactive {
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    opacity: 1
}

* {
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent
}

html {
    height: 100%
}

body {
    height: 100%;
    background: #fff;
    color: #373e47;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-size: 14px
}

#wrapper {
    margin: 0 0 -300px;
    min-height: 100%
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #wrapper {
        margin-bottom: -740px
    }
}

#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 15px 0;
    height: 30px;
    background: #373e47;
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.5);
    z-index: 999
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #header {
        padding-top: 10px;
        padding-bottom: 10px;
        background: #373e47
    }
}

@media only screen and (min-device-width: 737px) {
    #header.header-transparent {
        background: rgba(55,62,71,0);
        box-shadow: none
    }
}

#header-title {
    float: left;
    margin: 0;
    width: 180px;
    height: 30px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #header-title {
        margin-left: 10px
    }
}

#header-title a {
    width: 100%;
    height: 100%;
    background: url("../img/common/header-title.svg") no-repeat;
    background-size: 180px 30px
}

#header-toggle {
    position: fixed;
    top: 25px;
    right: 10px;
    width: 24px;
    height: 24px
}

    #header-toggle.active #header-toggle-icon {
        background-color: transparent
    }

        #header-toggle.active #header-toggle-icon:before, #header-toggle.active #header-toggle-icon:after {
            top: 0
        }

        #header-toggle.active #header-toggle-icon:before {
            transform: rotate(45deg)
        }

        #header-toggle.active #header-toggle-icon:after {
            transform: rotate(-45deg)
        }

#header-toggle-icon {
    top: 0;
    font-size: 0
}

    #header-toggle-icon, #header-toggle-icon:before, #header-toggle-icon:after {
        display: block;
        content: "";
        position: absolute;
        border-radius: 1px;
        width: 24px;
        height: 3px;
        background: #fff;
        cursor: pointer;
        transition: all 200ms ease-in-out
    }

        #header-toggle-icon:before {
            top: -8px
        }

        #header-toggle-icon:after {
            top: 8px
        }

#header-nav {
    margin: 0;
    height: 30px
}

@media only screen and (min-device-width: 737px) {
    #header-nav {
        overflow: hidden
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #header-nav {
        position: fixed;
        box-sizing: border-box;
        top: 0;
        left: 100%;
        padding: 50px 0 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        -moz-transition: left .2s ease-in-out;
        -o-transition: left .2s ease-in-out;
        -webkit-transition: left .2s ease-in-out;
        transition: left .2s ease-in-out
    }

        #header-nav.active {
            left: 0
        }
}

#header-nav-links {
    display: block;
    margin: 0 auto;
    padding: 0 165px 0 0;
    height: 25px;
    list-style: none;
    text-align: right
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #header-nav-links {
        padding-right: 0;
        height: 100%;
        background: #fff;
        text-align: left
    }
}

.header-nav-link {
    display: inline-block;
    margin: 0 30px 0 0;
    border-bottom: solid 1px transparent;
    padding: 5px 0 4px;
    height: 20px;
    font-weight: 300;
    line-height: 20px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    .header-nav-link {
        display: block;
        position: relative;
        margin-right: 0;
        border-bottom: dotted 1px rgba(50,50,50,0.1);
        padding: 15px 10px 14px
    }

        .header-nav-link:after {
            display: block;
            content: "";
            position: absolute;
            content: "";
            display: block;
            top: 0;
            left: 0;
            width: 20px;
            height: 20px;
            background: url("../img/common/icons.svg") no-repeat;
            background-size: 120px 580px;
            top: 15px;
            left: auto;
            right: 10px;
            background-position: 0px -400px
        }
}

.header-nav-link:last-child {
    margin-right: 0
}

@media only screen and (min-device-width: 737px) {
    .header-nav-link:hover {
        border-bottom-color: #25a0da
    }
}

.header-nav-link a {
    color: #fff
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    .header-nav-link a {
        color: #373e47;
        text-transform: uppercase
    }
}

.header-nav-link a.current {
    font-style: italic;
    font-weight: bold
}

.header-nav-link a:hover {
    text-decoration: none
}

@media only screen and (min-device-width: 737px) {
    #header-nav-link-download {
        position: absolute;
        top: -2px;
        right: 0;
        border-bottom: 0;
        padding: 0;
        width: 165px;
        height: 35px
    }

        #header-nav-link-download:hover a {
            background-color: #ff841d;
            color: #fff;
            text-decoration: none
        }

            #header-nav-link-download:hover a:before {
                background-position: -150px -210px
            }

        #header-nav-link-download a {
            display: block;
            position: relative;
            border: solid 1px #ff841d;
            padding: 0 10px 0 35px;
            width: 118px;
            height: 33px;
            font-weight: 600;
            line-height: 33px;
            color: #ff841d
        }

            #header-nav-link-download a:before {
                position: absolute;
                content: "";
                display: block;
                top: 0;
                left: 0;
                width: 30px;
                height: 30px;
                background: url("../img/common/icons.svg") no-repeat;
                background-size: 180px 870px;
                background-position: -90px -210px;
                left: 3px
            }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #content {
        padding-top: 50px
    }
}

#footer-push {
    height: 300px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #footer-push {
        height: 740px
    }
}

#footer {
    height: 300px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #footer {
        height: 740px
    }
}

#footer-main {
    padding: 45px 0;
    height: 170px;
    background: #e9f5fb
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #footer-main {
        padding-top: 20px;
        padding-bottom: 20px;
        height: 660px
    }
}

.footer-main-section {
    float: left;
    border-right: dotted 1px rgba(50,50,50,0.1);
    padding: 0 14px 0 15px;
    width: 260px;
    height: 170px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    .footer-main-section {
        border-right: 0;
        border-bottom: dotted 1px rgba(50,50,50,0.1);
        padding: 10px 0 9px;
        width: 300px
    }
}

.footer-main-section:first-child {
    padding-left: 0
}

.footer-main-section:last-child {
    padding-right: 0;
    border-right: 0
}

.footer-main-section a {
    color: #373e47
}

.footer-header {
    margin: 0 0 25px;
    height: 25px;
    color: #25a0da;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 3px;
    line-height: 25px;
    text-transform: uppercase
}


@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    .footer-header {
        margin-bottom: 10px
    }
}

.footer-header a {
    color: #25a0da
}

    .footer-header a:hover {
        text-decoration: none
    }

#footer-contact {
    width: 400px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #footer-contact {
        width: auto;
        height: 270px
    }
}

#footer-contact-form-fieldset {
    margin: 0;
    border: 0;
    padding: 0
}

.footer-contact-form-group {
    position: relative;
    float: left;
    margin: 0 0 10px
}

    .footer-contact-form-group > label.error {
        display: block;
        color: #f66;
        height: 15px;
        line-height: 15px
    }

#footer-contact-form-group-name {
    margin-right: 10px;
    width: 195px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #footer-contact-form-group-name {
        margin-right: 0;
        width: auto
    }
}

#footer-contact-form-group-email {
    width: 195px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #footer-contact-form-group-email {
        width: auto
    }
}

#footer-contact-form-group-message {
    margin-right: 10px;
    margin-bottom: 0;
    width: 315px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #footer-contact-form-group-message {
        margin-right: 0;
        width: auto
    }
}

.footer-contact-form-group-label {
    position: absolute;
    top: 5px;
    left: 10px;
    color: #a2a2a2;
    cursor: text
}

#footer-contact-form-group-message-error {
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%
}

.footer-contact-form-group-field {
    box-sizing: content-box;
    margin: 0 0 15px;
    border: 0;
    border-radius: 3px;
    padding: 5px 10px;
    width: 170px;
    height: 20px;
    background: #fff;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    line-height: 20px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    .footer-contact-form-group-field {
        width: 280px
    }
}

.footer-contact-form-group-field.error {
    margin-bottom: 0;
    background: #fdd
}

#footer-contact-form-group-field-message {
    width: 290px;
    height: 55px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #footer-contact-form-group-field-message {
        width: 280px
    }
}

#footer-contact-form-submit {
    box-sizing: content-box;
    float: left;
    border: solid 1px #25a0da;
    padding: 0;
    width: 68px;
    height: 63px;
    background: 0;
    color: #25a0da;
    line-height: 62px;
    text-transform: uppercase
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #footer-contact-form-submit {
        width: 298px;
        height: 38px;
        line-height: 32px
    }
}

#footer-contact-form-submit:hover {
    background: #25a0da;
    color: #fff
}

#footer-main-info-address {
    font-size: 14px;
    line-height: 15px
}

.footer-main-info-address-section {
    margin: 0 0 10px
}

.footer-main-info-address-section-header {
    margin: 0 0 5px;
    font-weight: 300;
    line-height: 15px
}

#footer-main-nav-social-links {
    margin: 0 0 10px;
    padding: 0;
    height: 35px;
    list-style: none
}

.footer-main-nav-social-link {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    width: 35px;
    height: 35px
}

    .footer-main-nav-social-link a {
        content: "";
        display: block;
        top: 0;
        left: 0;
        width: 35px;
        height: 35px;
        background: url("../img/common/icons.svg") no-repeat;
        background-size: 210px 1015px;
        content: none
    }

#footer-main-nav-social-link-facebook a {
    background-position: -70px -980px
}

    #footer-main-nav-social-link-facebook a:hover {
        background-position: -35px -980px
    }

#footer-main-nav-social-link-twitter a {
    background-position: -70px -945px
}

    #footer-main-nav-social-link-twitter a:hover {
        background-position: -35px -945px
    }

#footer-main-nav-site-links {
    margin: 0;
    padding: 0;
    list-style: none
}

.footer-main-nav-site-link {
    margin: 0 0 2px;
    padding: 0;
    height: 13px;
    font-size: 13px;
    font-weight: 300;
    line-height: 13px
}

    .footer-main-nav-site-link a {
        height: 13px;
        line-height: 13px
    }

#footer-copyright {
    padding: 10px 0;
    height: 20px;
    background: #373e47;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    line-height: 20px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #footer-copyright {
        padding-top: 5px;
        padding-bottom: 5px;
        height: 30px;
        font-size: 11px;
        line-height: 15px
    }
}

#modal-contact-form-fieldset {
    margin: 0;
    border: 0;
    padding: 0
}

.modal-contact-form-group {
    position: relative;
    margin: 0 0 10px
}

    .modal-contact-form-group > label.error {
        display: block;
        color: #f66;
        height: 15px;
        line-height: 15px
    }

#modal-contact-form-group-name {
    float: left;
    margin-right: 20px;
    width: 260px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #modal-contact-form-group-name {
        float: none;
        margin-right: 0;
        width: 100%
    }
}

#modal-contact-form-group-email {
    float: left;
    width: 260px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #modal-contact-form-group-email {
        float: none;
        margin-right: 0;
        width: 100%
    }
}

#modal-contact-form-group-message {
    clear: both;
    margin-bottom: 0;
    width: 570px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #modal-contact-form-group-message {
        box-sizing: border-box;
        width: 100%
    }
}

.modal-contact-form-group-label {
    display: block;
    margin: 0 0 5px;
    height: 15px;
    color: #000;
    font-size: 12px;
    line-height: 15px
}

    .modal-contact-form-group-label:after {
        content: ":"
    }

#modal-contact-form-group-message-error {
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%
}

.modal-contact-form-group-field {
    box-sizing: content-box;
    margin: 0 0 15px;
    border: 0;
    padding: 5px 10px;
    width: 240px;
    height: 20px;
    background: #f7f7f7;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    line-height: 20px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    .modal-contact-form-group-field {
        box-sizing: border-box;
        width: 100%
    }
}

.modal-contact-form-group-field.error {
    margin-bottom: 0;
    background: #fdd
}

#modal-contact-form-group-field-message {
    height: 60px
}

@media only screen and (min-device-width: 737px) {
    #modal-contact-form-group-field-message {
        width: 550px
    }
}

#modal-contact-form-submit {
    display: block;
    box-sizing: content-box;
    margin: 25px auto 0;
    border: solid 1px #000;
    padding: 0 10px;
    width: 120px;
    height: 33px;
    color: #000;
    letter-spacing: 1px;
    line-height: 33px;
    text-align: center;
    text-transform: uppercase
}

    #modal-contact-form-submit:hover {
        border-color: #25a0da;
        color: #25a0da;
        text-decoration: none
    }

a {
    text-decoration: none
}

    a:hover {
        text-decoration: underline
    }

.ir {
    display: block;
    background-repeat: no-repeat
}

.normalizer {
    position: relative
}

.normalizer-width {
    margin: 0 auto;
    width: 980px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    .normalizer-width {
        width: 300px
    }
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.nowrap {
    display: inline-block
}

.banner {
    padding: 100px 0 15px;
    height: 165px;
    background: top center no-repeat;
    background-size: cover
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    .banner {
        padding-top: 30px;
        height: auto;
        max-height: 285px;
        background: #000
    }
}

@media only screen and (min-width: 320px) {
    .banner-generic {
        background-image: url(../img/generic/banner-generic-320.jpg)
    }
}

@media only screen and (min-width: 360px) {
    .banner-generic {
        background-image: url(../img/generic/banner-generic-360.jpg)
    }
}

@media only screen and (min-width: 1024px) {
    .banner-generic {
        background-image: url(../img/generic/banner-generic-1024.jpg)
    }
}

@media only screen and (min-width: 1280px) {
    .banner-generic {
        background-image: url(../img/generic/banner-generic-1280.jpg)
    }
}

@media only screen and (min-width: 1366px) {
    .banner-generic {
        background-image: url(../img/generic/banner-generic-1366.jpg)
    }
}

@media only screen and (min-width: 1440px) {
    .banner-generic {
        background-image: url(../img/generic/banner-generic-1440.jpg)
    }
}

@media only screen and (min-width: 1680px) {
    .banner-generic {
        background-image: url(../img/generic/banner-generic-1680.jpg)
    }
}

@media only screen and (min-width: 1920px) {
    .banner-generic {
        background-image: url(../img/generic/banner-generic-1920.jpg)
    }
}

.banner-title {
    margin: 0 auto 20px;
    width: 840px;
    min-height: 40px;
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 3px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    .banner-title {
        margin-bottom: 10px;
        width: auto
    }
}

.banner-writeup {
    margin: 0 auto;
    width: 840px;
    color: #fff;
    font-weight: 300;
    line-height: 25px;
    text-align: center
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    .banner-writeup {
        width: auto
    }
}

.banner-writeup a {
    color: #25a0da
}

.content {
    margin: -45px auto 0;
    padding: 40px;
    width: 510px;
    background: #fff
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    .content {
        margin-top: 0;
        padding-left: 0px;
        padding-right: 0px;
        width: auto
    }
}

.content a, .content a:hover, .content a:active, .content a:visited {
    color: #25a0da
}

.content-header {
    margin: 0 0 20px;
    height: 20px;
    color: #25a0da;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    .content-main {
        padding: 0 10px
    }
}

.content-group {
    margin-bottom: 40px;
    border-bottom: dotted 1px rgba(50,50,50,0.3);
    padding-bottom: 39px
}

    .content-group:last-child {
        border-bottom: 0;
        padding-bottom: 0
    }

    .content-group.small p {
        font-size: 12px
    }

    .content-group p, .content-group ul {
        font-weight: 300;
        line-height: 20px
    }

.form-fieldset {
    margin: 0 auto 30px;
    border: 0;
    padding: 0;
    width: 590px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    .form-fieldset {
        width: 100%
    }
}

.form-fields {
    padding: 30px 40px
}

    .form-fields:before, .form-fields:after {
        content: " ";
        display: table
    }

    .form-fields:after {
        clear: both
    }

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    .form-fields {
        padding-left: 10px;
        padding-right: 10px
    }
}

.form-header {
    padding: 25px 0;
    height: 30px;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase
}

.form-header-text {
    display: inline-block;
    position: relative;
    padding: 0 0 0 35px;
    height: 30px
}

    .form-header-text:before {
        position: absolute;
        content: "";
        display: block;
        top: 0;
        left: 0;
        width: 30px;
        height: 30px;
        background: url("../img/common/icons.svg") no-repeat;
        background-size: 180px 870px
    }

.form-pane-selectors {
    margin: 0 0 20px;
    border-bottom: solid 1px #25a0da;
    padding: 0;
    list-style: none
}

.form-pane-selector {
    display: inline-block;
    margin: 0;
    border: solid 1px #25a0da;
    border-bottom: none;
    padding: 5px 10px;
    width: 130px;
    height: 19px;
    line-height: 19px;
    text-align: center
}

    .form-pane-selector a:hover {
        text-decoration: none
    }

    .form-pane-selector.form-pane-selector-current, .form-pane-selector:hover {
        background: #25a0da
    }

        .form-pane-selector.form-pane-selector-current a, .form-pane-selector:hover a {
            color: #fff
        }

.form-pane-hidden {
    display: none
}

.form-group {
    float: left;
    margin: 0 0 20px;
    width: 100%
}

    .form-group label.error {
        color: #f66;
        font-size: 12px;
        line-height: 15px
    }

.form-group-half {
    margin-right: 20px;
    width: 245px
}

.form-group-half-right {
    margin-right: 0
}

.form-group-writeup {
    font-weight: 300;
    line-height: 20px
}

.form-group-note {
    margin: 50px 0 0;
    font-size: 12px;
    font-weight: 300;
    line-height: 15px
}

.form-group-label {
    display: block;
    margin: 0 0 5px;
    height: 15px;
    color: #000;
    font-size: 12px;
    line-height: 15px
}

    .form-group-label:after {
        content: ":"
    }

.form-group-field {
    display: block;
    box-sizing: border-box;
    border: 0;
    padding: 5px;
    width: 100%;
    height: 30px;
    background: #fff;
    line-height: 20px
}

    .form-group-field.error {
        background: #fdd
    }

    .form-group-field[disabled="disabled"], .form-group-field[readonly="readonly"] {
        background: #a2a2a2;
        color: #f7f7f7
    }

.form-actions {
    text-align: center
}

.content .form-action:link, .content .form-action:active, .content .form-action:visited {
    color: #1752a9
}

.form-action, .content .form-action {
    display: inline-block;
    box-sizing: content-box;
    margin: 0 auto;
    border: solid 1px #1752a9;
    padding: 0 10px;
    height: 43px;
    background: transparent;
    color: #1752a9;
    letter-spacing: 2px;
    line-height: 43px;
    text-align: center;
    text-transform: uppercase
}

    .form-action:hover, .content .form-action:hover {
        background: #1752a9;
        color: #fff;
        text-decoration: none
    }

#modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(55,62,71,0.9);
    z-index: 99999
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #modal {
        top: 50px
    }
}

#modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -112px 0 0 -315px;
    padding: 30px;
    width: 570px;
    height: 165px;
    background: #fff
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #modal-dialog {
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: 0;
        box-sizing: border-box;
        padding: 10px;
        width: 100%;
        height: auto !important
    }
}

#modal-dialog-title {
    margin: 0 0 25px;
    min-height: 20px;
    color: #1752a9;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 3px;
    line-height: 20px;
    text-transform: uppercase
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #modal-dialog-title {
        margin-bottom: 15px
    }
}

#modal-dialog-close {
    display: block;
    position: absolute;
    top: -15px;
    right: -15px;
    width: 32px;
    height: 32px;
    background: url("../img/common/modal-dialog-close.png") no-repeat;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #modal-dialog-close {
        top: -40px;
        right: 5px
    }
}

#modal-dialog-close:hover {
    background-position: 0 -32px
}

#modal-dialog-content {
    margin: 0 0 25px;
    height: 90px;
    color: #000;
    font-size: 14px;
    line-height: 20px
}

.modal-fieldset {
    margin: 0;
    border: 0;
    padding: 0
}

.modal-form-group {
    float: left;
    margin: 0 0 20px;
    width: 570px
}

    .modal-form-group label.error {
        height: 15px;
        font-size: 12px;
        line-height: 15px;
        color: #f66
    }

.modal-form-group-label {
    display: block;
    margin: 0 0 5px;
    height: 15px;
    color: #000;
    font-size: 12px;
    line-height: 15px
}

    .modal-form-group-label:after {
        content: ":"
    }


.modal-form-group-field {
    display: block;
    box-sizing: border-box;
    border: 0;
    padding: 5px;
    width: 100%;
    height: 30px;
    background: #f7f7f7;
    line-height: 14px
}
.modal-form-group-checkboxLabel {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}
.modal-form-group-checkbox {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}


#modal-dialog-actions {
    height: 35px;
    text-align: center
}

.modal-dialog-action {
    display: inline-block;
    border: solid 1px #000;
    padding: 0 10px;
    height: 33px;
    color: #000;
    letter-spacing: 1px;
    line-height: 33px;
    text-align: center;
    text-transform: uppercase
}

    .modal-dialog-action:hover {
        border-color: #25a0da;
        color: #25a0da;
        text-decoration: none
    }

#home #home-banner {
    width: 100%;
    background: no-repeat center center;
    background-size: cover
}

@media only screen and (min-width: 320px) {
    #home #home-banner {
        background-image: url(../img/home/home-banner-1-320.jpg)
    }
}

@media only screen and (min-width: 360px) {
    #home #home-banner {
        background-image: url(../img/home/home-banner-1-360.jpg)
    }
}

@media only screen and (min-width: 1024px) {
    #home #home-banner {
        background-image: url(../img/home/home-banner-1-1024.jpg)
    }
}

@media only screen and (min-width: 1280px) {
    #home #home-banner {
        background-image: url(../img/home/home-banner-1-1280.jpg)
    }
}

@media only screen and (min-width: 1366px) {
    #home #home-banner {
        background-image: url(../img/home/home-banner-1-1366.jpg)
    }
}

@media only screen and (min-width: 1440px) {
    #home #home-banner {
        background-image: url(../img/home/home-banner-1-1440.jpg)
    }
}

@media only screen and (min-width: 1680px) {
    #home #home-banner {
        background-image: url(../img/home/home-banner-1-1680.jpg)
    }
}

@media only screen and (min-width: 1920px) {
    #home #home-banner {
        background-image: url(../img/home/home-banner-1-1920.jpg)
    }
}

@media only screen and (min-device-width: 737px) {
    #home #home-banner {
        min-height: 780px
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-banner {
        padding-top: 20px;
        height: 360px
    }
}

#home .banner-title {
    font-weight: 300
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home .banner-title {
        margin-bottom: 210px;
        font-size: 18px;
        line-height: 25px
    }
}

#home #home-banner-link {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 28px;
    color: #fff;
    border: solid 1px #a2a2a2;
    height: 28px;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-banner-link {
        position: relative;
        top: -30px
    }
}

#home #home-product {
    padding: 50px 0;
    background: url("../img/home/home-product-top.svg") no-repeat top,url("../img/home/home-product.jpg") repeat-x bottom;
    background-size: 100% 250px, auto
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-product {
        padding: 30px 0;
        background: url("../img/home/home-product-top.svg") no-repeat top;
        background-size: 100%
    }
}

#home #home-product-header {
    margin: 0 0 15px;
    min-height: 25px;
    color: #25a0da;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 3px;
    line-height: 25px;
    text-align: center;
    text-transform: uppercase
}

#home #home-product-subheader {
    margin: 0 0 35px;
    min-height: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    text-align: center
}

#home #home-product-features {
    margin: 0 auto;
    padding: 0 30px;
    list-style: none
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-product-features {
        padding: 0
    }
}

#home .home-product-feature {
    display: block;
    margin: 0 auto;
    border-bottom: dotted 1px rgba(50,50,50,0.3);
    padding: 30px 40px 0;
    width: 840px;
    height: 270px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home .home-product-feature {
        padding: 20px 0 10px;
        width: 100%;
        height: auto
    }
}

#home .home-product-feature:last-child {
    border-bottom: none
}

#home .home-product-feature-image {
    display: block;
    width: 480px;
    height: 270px;
    background: #a2a2a2
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home .home-product-feature-image {
        width: 100%;
        height: auto
    }
}

#home .home-product-feature-image-left {
    float: left;
    margin-right: 30px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home .home-product-feature-image-left {
        float: none;
        margin-right: 0
    }
}

#home .home-product-feature-image-right {
    float: right;
    margin-left: 30px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home .home-product-feature-image-right {
        float: none;
        margin-left: 0
    }
}

#home .home-product-feature-writeup {
    float: left;
    width: 330px;
    height: 240px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home .home-product-feature-writeup {
        float: none;
        width: 100%;
        height: auto
    }
}
#home .home-product-feature-writeup2 {
    float: left;
    width: 500px;
    height: 240px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home .home-product-feature-writeup2 {
        float: none;
        width: 100%;
        height: auto
    }
}
#home .home-product-feature-writeup-header {
    position: relative;
    margin: 30px 0 15px;
    padding: 35px 0 0;
    height: 25px;
    color: #25a0da;
    font-size: 20px;
    font-weight: 300;
    line-height: 25px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home .home-product-feature-writeup-header {
        font-size: 18px
    }
}

#home .home-product-feature-writeup-header:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background: url("../img/common/icons.svg") no-repeat;
    background-size: 180px 870px
}

#home #home-product-feature-aft .home-product-feature-writeup-header:before {
    background-position: 0px -150px
}

#home #home-product-feature-brw .home-product-feature-writeup-header:before {
    background-position: 0px -510px
}

#home #home-product-feature-sst .home-product-feature-writeup-header:before {
    background-position: 0px -180px
}

#home #home-product-feature-rsp .home-product-feature-writeup-header:before {
    background-position: 0px -30px
}

#home #home-product-feature-ppa .home-product-feature-writeup-header:before {
    background-position: 0px 0px
}

#home #home-product-feature-vis .home-product-feature-writeup-header:before {
    background-position: 0px -270px
}

#home #home-product-feature-emu .home-product-feature-writeup-header:before {
    background-position: 0px -540px
}

#home #home-product-feature-vid .home-product-feature-writeup-header:before {
    background-position: 0px -420px
}

#home .home-product-feature-writeup-description {
    margin: 0 0 20px;
    line-height: 20px
}

#home .home-product-feature-writeup-link {
    display: block;
    height: 20px;
    color: #373e47;
    font-size: 16px;
    line-height: 20px
}

    #home .home-product-feature-writeup-link:before {
        content: "";
        display: block;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        background: url("../img/common/icons.svg") no-repeat;
        background-size: 120px 580px;
        background-position: 0px -400px;
        float: left;
        padding: 0 5px 0 0
    }

    #home .home-product-feature-writeup-link:hover {
        color: #25a0da;
        text-decoration: none
    }

        #home .home-product-feature-writeup-link:hover:before {
            background-position: 0px -400px
        }

#home #home-customers {
    padding: 50px 0 25px;
    height: 630px;
    background: url("../img/home/home-customers.jpg") 0 0 repeat-x
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-customers {
        padding-top: 25px;
        height: auto
    }
}

#home #home-customers-header {
    margin: 0 0 40px;
    height: 30px;
    color: #1752a9;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 3px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-customers-header {
        margin-bottom: 25px
    }
}

#home #home-customers-testimonial {
    margin: 0 auto 105px;
    width: 650px;
    height: 170px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-customers-testimonial {
        margin-bottom: 50px;
        width: 100%;
        height: auto
    }
}

#home #home-customers-testimonial-text {
    height: 170px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-customers-testimonial-text {
        height: auto
    }
}

#home #home-customers-testimonial-quote {
    margin: 0 0 20px;
    padding: 25px 0 0;
    min-height: 75px;
    font-size: 16px;
    font-style: italic;
    line-height: 25px;
    text-align: center
}

#home #home-customers-testimonial-giver-name {
    display: block;
    height: 25px;
    color: #25a0da;
    font-size: 18px;
    line-height: 25px;
    text-align: center
}

#home #home-customers-testimonial-giver-position {
    display: block;
    height: 15px;
    line-height: 15px;
    text-align: center
}

#home #home-customers-customers {
    margin: 0 auto;
    padding: 0;
    width: 980px;
    height: 285px;
    list-style: none
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-customers-customers {
        width: 100%;
        height: 250px
    }
}

#home .home-customers-customer {
    display: block;
    float: left;
    width: 194px;
    height: 94px;
    border-bottom: dotted 1px #a2a2a2;
    border-right: dotted 1px #a2a2a2
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home .home-customers-customer {
        width: 99px;
        height: 48px
    }
}

@media only screen and (min-device-width: 737px) {
    #home .home-customers-customer:nth-child(5n) {
        padding-right: 1px;
        border-right: 0
    }

    #home .home-customers-customer:nth-child(n+11) {
        border-bottom-color: transparent
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home .home-customers-customer:nth-child(3n) {
        padding-right: 1px;
        border-right: 0
    }

    #home .home-customers-customer:nth-child(n+13) {
        border-bottom-color: transparent
    }
}

#home .home-customers-customer a {
    display: block;
    width: 194px;
    height: 94px;
    background-image: url("../img/home/home-customers-customer-link.png");
    background-repeat: no-repeat;
    text-indent: -9999px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home .home-customers-customer a {
        width: 99px;
        height: 48px;
        background-size: 99px auto
    }
}

#home #home-customers-customer-link-xerox {
    background-position: 0 0px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-customers-customer-link-xerox {
        background-position: 0 0px
    }
}

#home #home-customers-customer-link-att {
    background-position: 0 -90px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-customers-customer-link-att {
        background-position: 0 -45.93px
    }
}

#home #home-customers-customer-link-highmark {
    background-position: 0 -180px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-customers-customer-link-highmark {
        background-position: 0 -91.86px
    }
}

#home #home-customers-customer-link-experian {
    background-position: 0 -270px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-customers-customer-link-experian {
        background-position: 0 -137.79px
    }
}

#home #home-customers-customer-link-nab {
    background-position: 0 -360px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-customers-customer-link-nab {
        background-position: 0 -183.72px
    }
}

#home #home-customers-customer-link-bankwest {
    background-position: 0 -450px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-customers-customer-link-bankwest {
        background-position: 0 -229.65px
    }
}

#home #home-customers-customer-link-printus {
    background-position: 0 -540px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-customers-customer-link-printus {
        background-position: 0 -275.58px
    }
}

#home #home-customers-customer-link-intact {
    background-position: 0 -630px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-customers-customer-link-intact {
        background-position: 0 -321.51px
    }
}

#home #home-customers-customer-link-guj {
    background-position: 0 -720px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-customers-customer-link-guj {
        background-position: 0 -367.44px
    }
}

#home #home-customers-customer-link-markit {
    background-position: 0 -810px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-customers-customer-link-markit {
        background-position: 0 -413.37px
    }
}

#home #home-customers-customer-link-barclays {
    background-position: 0 -900px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-customers-customer-link-barclays {
        background-position: 0 -459.3px
    }
}

#home #home-customers-customer-link-nationwide {
    background-position: 0 -990px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-customers-customer-link-nationwide {
        background-position: 0 -505.23px
    }
}

#home #home-customers-customer-link-klm {
    background-position: 0 -1080px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-customers-customer-link-klm {
        background-position: 0 -551.16px
    }
}

#home #home-customers-customer-link-accenture {
    background-position: 0 -1170px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-customers-customer-link-accenture {
        background-position: 0 -597.09px
    }
}

#home #home-customers-customer-link-ucdavis {
    background-position: 0 -1260px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-customers-customer-link-ucdavis {
        background-position: 0 -643.02px
    }
}

#home #home-compare {
    padding: 50px 0;
    height: 770px;
    background: top center no-repeat
}

@media only screen and (min-width: 320px) {
    #home #home-compare {
        background-image: url(../img/home/home-compare-320.jpg)
    }
}

@media only screen and (min-width: 360px) {
    #home #home-compare {
        background-image: url(../img/home/home-compare-360.jpg)
    }
}

@media only screen and (min-width: 1024px) {
    #home #home-compare {
        background-image: url(../img/home/home-compare-1024.jpg)
    }
}

@media only screen and (min-width: 1280px) {
    #home #home-compare {
        background-image: url(../img/home/home-compare-1280.jpg)
    }
}

@media only screen and (min-width: 1366px) {
    #home #home-compare {
        background-image: url(../img/home/home-compare-1366.jpg)
    }
}

@media only screen and (min-width: 1440px) {
    #home #home-compare {
        background-image: url(../img/home/home-compare-1440.jpg)
    }
}

@media only screen and (min-width: 1680px) {
    #home #home-compare {
        background-image: url(../img/home/home-compare-1680.jpg)
    }
}

@media only screen and (min-width: 1920px) {
    #home #home-compare {
        background-image: url(../img/home/home-compare-1920.jpg)
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-compare {
        height: auto;
        background-color: #f7f7f7
    }
}

#home #home-compare-header {
    margin: 0 0 20px;
    min-height: 30px;
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 3px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-compare-header {
        font-size: 18px;
        line-height: 25px
    }
}

#home #home-compare-header a:hover {
    text-decoration: none
}

#home #home-compare-note {
    margin: 0 0 50px;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    min-height: 50px;
    text-align: center
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-compare-note {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 30px
    }
}

#home #home-compare-table {
    margin: 0 auto 30px;
    width: 100%;
    table-layout: fixed
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-compare-table {
        font-size: 12px
    }
}

#home #home-compare-table tr {
    margin: 0;
    border: 0;
    padding: 0
}

#home #home-compare-table td {
    border: 0;
    height: 30px;
    line-height: 30px
}

#home .home-compare-table-spacer {
    width: 360px;
    background: #e9f5fb
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home .home-compare-table-spacer {
        width: 140px
    }
}

#home .home-compare-table-com {
    width: 180px;
    background: #25a0da
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home .home-compare-table-com {
        width: 40px
    }
}

#home .home-compare-table-com .home-compare-table-link:hover {
    color: #25a0da
}

#home .home-compare-table-std {
    width: 180px;
    background: #ff841d
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home .home-compare-table-std {
        width: 40px
    }
}

#home .home-compare-table-std .home-compare-table-link:hover {
    color: #ff841d
}

#home .home-compare-table-pro {
    width: 180px;
    background: #1752a9
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home .home-compare-table-pro {
        width: 40px
    }
}

#home .home-compare-table-pro .home-compare-table-link:hover {
    color: #1752a9
}

#home #home-compare-table-head td {
    padding: 10px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-compare-table-head td {
        padding: 5px
    }
}

#home #home-compare-table-head th {
    padding: 10px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-compare-table-head th {
        padding: 5px
    }
}

#home #home-compare-table-body td {
    border-bottom: dotted 1px rgba(50,50,50,0.3);
    padding: 10px;
    width: 180px;
    background: #fff;
    text-align: center
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-compare-table-body td {
        width: 40px
    }
}

#home #home-compare-table-body tr:last-child .home-compare-table-feature, #home #home-compare-table-body tr:last-child td {
    border-bottom: 0
}

#home .home-compare-table-feature {
    border-bottom: dotted 1px rgba(50,50,50,0.3);
    padding: 10px;
    width: 325px;
    height: 30px;
    background: #fff;
    font-weight: 400;
    text-align: left
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home .home-compare-table-feature {
        padding: 5px;
        width: 140px;
        height: auto;
        min-height: 60px
    }
}

#home .home-compare-table-feature-name {
    display: block;
    height: 30px;
    line-height: 30px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home .home-compare-table-feature-name {
        height: auto;
        min-height: 60px
    }
}

#home .home-compare-table-feature-name:before {
    margin: 0 5px 0 0;
    content: "";
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background: url("../img/common/icons.svg") no-repeat;
    background-size: 180px 870px;
    display: inline-block
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home .home-compare-table-feature-name:before {
        display: block
    }
}

#home #home-compare-table-feature-name-sst:before {
    background-position: 0px -420px
}

#home #home-compare-table-feature-name-rwd:before {
    background-position: 0px -450px
}

#home #home-compare-table-feature-name-ppa:before {
    background-position: 0px -480px
}

#home #home-compare-table-feature-name-brw:before {
    background-position: 0px -510px
}

#home #home-compare-table-feature-name-emu:before {
    background-position: 0px -540px
}

#home #home-compare-table-feature-name-aft:before {
    background-position: 0px -150px
}

#home #home-compare-table-feature-name-upd:before {
    background-position: 0px -360px
}

#home #home-compare-table-feature-name-vse:before {
    background-position: 0px -270px
}

#home #home-compare-table-feature-name-vid:before {
    background-position: 0px -420px
}

#home .home-compare-table-icon {
    display: block;
    margin: 0 auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background: url("../img/common/icons.svg") no-repeat;
    background-size: 180px 870px
}

#home .home-compare-table-icon-yes {
    background-position: 0px -720px
}

#home .home-compare-table-icon-no {
    background-position: 0px -750px
}

#home .home-compare-table-em {
    display: block;
    margin: 0 auto;
    height: 30px;
    font-size: 30px;
    line-height: 30px
}

#home #home-compare-table-foot td {
    position: relative;
    padding: 35px 10px 20px;
    height: 95px;
    text-align: center
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-compare-table-foot td {
        padding: 10px 5px 10px;
        height: 75px
    }
}

#home .home-compare-table-uprice {
    position: absolute;
    top: 20px;
    left: 0;
    width: 200px;
    height: 15px;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    text-decoration: strikethrough;
    text-align: center
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home .home-compare-table-uprice {
        display: none
    }
}

#home .home-compare-table-price {
    display: block;
    margin: 0 0 5px;
    height: 30px;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home .home-compare-table-price {
        margin: 0 0 15px;
        font-size: 16px;
        height: 20px;
        line-height: 20px
    }
}

#home .home-compare-table-note {
    display: block;
    margin: 0 0 15px;
    height: 15px;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home .home-compare-table-note {
        display: none
    }
}

#home .home-compare-table-link {
    display: block;
    margin: 0 auto;
    border: solid 1px #fff;
    padding: 0 15px;
    width: 88px;
    height: 33px;
    color: #fff;
    font-size: 12px;
    line-height: 33px;
    text-transform: uppercase
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home .home-compare-table-link {
        width: 32px;
        padding: 0 4px
    }
}

@media only screen and (min-device-width: 737px) {
    #home .home-compare-table-link:hover {
        background: #fff;
        text-decoration: none
    }
}

#home #home-compare-options {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 150px;
    list-style: none
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home #home-compare-options {
        height: auto
    }
}

#home .home-compare-option {
    display: block;
    position: relative;
    float: left;
    margin: 0 25px 0 0;
    border: dotted 1px rgba(50,50,50,0.3);
    width: 308px;
    height: 148px;
    background: #f7f7f7
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home .home-compare-option {
        float: none;
        margin: 0 0 10px;
        width: 298px;
        background: #fff
    }
}

#home .home-compare-option:last-child {
    margin-right: 0
}

#home .home-compare-option:hover {
    background: #373e47
}

    #home .home-compare-option:hover .home-compare-option-header {
        color: #fff
    }

    #home .home-compare-option:hover .home-compare-option-description {
        display: none
    }

    #home .home-compare-option:hover .home-compare-option-link-label {
        display: block
    }

#home #home-compare-option-renew .home-compare-option-header:before {
    background-position: 0px -360px
}

#home #home-compare-option-renew:hover .home-compare-option-header:before {
    background-position: -150px -360px
}

#home #home-compare-option-request .home-compare-option-header:before {
    background-position: 0px -330px
}

#home #home-compare-option-request:hover .home-compare-option-header:before {
    background-position: -150px -330px
}

#home #home-compare-option-migrate .home-compare-option-header:before {
    background-position: 0px -300px
}

#home #home-compare-option-migrate:hover .home-compare-option-header:before {
    background-position: -150px -300px
}

#home .home-compare-option-header {
    position: relative;
    margin: 0 0 25px;
    padding: 40px 0 0;
    height: 15px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase
}

    #home .home-compare-option-header:before {
        display: block;
        content: "";
        content: "";
        display: block;
        top: 0;
        left: 0;
        width: 30px;
        height: 30px;
        background: url("../img/common/icons.svg") no-repeat;
        background-size: 180px 870px;
        position: absolute;
        top: 10px;
        left: 50%;
        margin: 0 0 0 -15px
    }

#home .home-compare-option-description {
    padding: 0 20px;
    line-height: 20px;
    text-align: center
}

#home .home-compare-option-link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-decoration: none
}

#home .home-compare-option-link-label {
    display: none;
    position: relative;
    top: 80px;
    margin: 0 auto;
    border: solid 1px #fff;
    width: 148px;
    height: 28px;
    color: #fff;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase
}

#home-download {
    padding: 50px 0;
    min-height: 100px;
    background: #ff841d
}

#home-download-header {
    margin: 0 0 30px;
    height: 30px;
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 3px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home-download-header {
        margin-bottom: 20px;
        height: auto;
        min-height: 25px;
        font-size: 20px;
        line-height: 25px
    }
}

#home-download-form-fieldset {
    position: relative;
    margin: 0 auto;
    border: 0;
    padding: 0;
    width: 660px;
    height: 40px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home-download-form-fieldset {
        width: 100%
    }
}

#home-download-form-label {
    position: absolute;
    top: 10px;
    left: 20px;
    color: #a2a2a2;
    cursor: text;
    font-size: 18px;
    line-height: 20px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home-download-form-label {
        font-size: 12px;
        left: 5px
    }
}

#home-download-form-email {
    box-sizing: content-box;
    margin: 0;
    border: 0;
    border-radius: 3px;
    padding: 10px 20px;
    width: 620px;
    height: 20px;
    background: #fff;
    color: #373e47;
    font-size: 18px;
    line-height: 20px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #home-download-form-email {
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px;
        width: 100%;
        height: 40px;
        font-size: 12px
    }
}

#home-download-form-email.error {
    background: #fcc
}

#home-download-form-email-error {
    top: 40px;
    left: 0;
    color: #fff
}

#home-download-form-submit {
    box-sizing: content-box;
    position: absolute;
    border: 0;
    padding: 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background: url("../img/common/icons.svg") no-repeat;
    background-size: 180px 870px;
    top: 5px;
    left: auto;
    right: 5px;
    background-position: -90px -570px
}

    #home-download-form-submit:hover {
        background-position: 0px -570px
    }

#licenses #licenses-options {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    list-style: none
}

#licenses .licenses-option {
    display: block;
    position: relative;
    margin: 0 0 10px;
    border: dotted 1px rgba(50,50,50,0.3);
    padding: 20px;
    min-height: 48px;
    background: #f7f7f7
}

    #licenses .licenses-option:last-child {
        margin-bottom: 0
    }

@media only screen and (min-device-width: 737px) {
    #licenses .licenses-option {
        height: 48px
    }

        #licenses .licenses-option:hover {
            background: #373e47
        }

            #licenses .licenses-option:hover .licenses-option-header {
                color: #fff
            }

            #licenses .licenses-option:hover .licenses-option-description {
                display: none
            }

            #licenses .licenses-option:hover .licenses-option-link-label {
                display: block
            }
}

#licenses #licenses-option-purchase .licenses-option-header:before {
    background-position: 0px -220px
}

#licenses #licenses-option-purchase:hover .licenses-option-header:before {
    background-position: -100px -220px
}

#licenses #licenses-option-renew .licenses-option-header:before {
    background-position: 0px -240px
}

#licenses #licenses-option-renew:hover .licenses-option-header:before {
    background-position: -100px -240px
}

#licenses #licenses-option-lookup .licenses-option-header:before {
    background-position: 0px -20px
}

#licenses #licenses-option-lookup:hover .licenses-option-header:before {
    background-position: -100px -20px
}

#licenses #licenses-option-request .licenses-option-header:before {
    background-position: 0px -220px
}

#licenses #licenses-option-request:hover .licenses-option-header:before {
    background-position: -100px -220px
}

#licenses #licenses-option-migrate .licenses-option-header:before {
    background-position: 0px -200px
}

#licenses #licenses-option-migrate:hover .licenses-option-header:before {
    background-position: -100px -200px
}

#licenses .licenses-option-header {
    position: relative;
    margin: 0 0 10px;
    padding: 0 0 0 30px;
    height: 20px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 20px;
    text-transform: uppercase
}

    #licenses .licenses-option-header:before {
        display: block;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        display: block;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        background: url("../img/common/icons.svg") no-repeat;
        background-size: 120px 580px
    }

#licenses .licenses-option-description {
    line-height: 20px
}

#licenses .licenses-option-link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-decoration: none
}

#licenses .licenses-option-link-label {
    display: none;
    position: relative;
    top: 50px;
    left: 20px;
    border: solid 1px #fff;
    width: 148px;
    height: 28px;
    color: #fff;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase
}

#lookup #lookup-content {
    padding: 0 0 40px
}

#lookup #lookup-form-fieldset .form-header {
    background: #25a0da
}

#lookup #lookup-form-fieldset .form-header-text:before {
    background-position: -150px -360px
}

#lookup #lookup-form-fieldset .form-fields {
    background: #f7f7f7
}

#lookup .lookup-header {
    margin: 0 0 10px;
    height: 15px;
    line-height: 15px;
    text-transform: uppercase
}

#lookup #lookup-table {
    margin: 0;
    border: solid 1px #a2a2a2;
    padding: 0;
    font-size: 11px;
    line-height: 15px
}

    #lookup #lookup-table td {
        padding: 5px
    }

    #lookup #lookup-table tr:nth-child(2n) td {
        background: #a2a2a2
    }

#lookup .lookup-table-header {
    border-bottom: solid 1px #a2a2a2;
    padding: 5px;
    background: #373e47;
    color: #fff;
    font-size: 11px;
    line-height: 15px;
    text-align: left;
    text-transform: uppercase
}

#lookup .lookup-table-serial, #lookup .lookup-table-saleid {
    width: 40px
}

#lookup .lookup-table-product {
    width: 140px
}

#lookup .lookup-table-maint {
    width: 90px
}

#migrate #migrate-content {
    padding: 0 0 40px
}

#migrate #migrate-form-fieldset .form-header {
    background: #25a0da
}

#migrate #migrate-form-fieldset .form-header-text:before {
    background-position: -150px -300px
}

#migrate #migrate-form-fieldset .form-fields {
    background: #f7f7f7
}

#migrate #migrate-image {
    display: block;
    margin: 0 auto 20px;
    width: 300px;
    height: 60px
}

@media only screen and (min-width: 320px) {
    #product .banner {
        background-image: url(../img/home/home-compare-320.jpg)
    }
}

@media only screen and (min-width: 360px) {
    #product .banner {
        background-image: url(../img/home/home-compare-360.jpg)
    }
}

@media only screen and (min-width: 1024px) {
    #product .banner {
        background-image: url(../img/home/home-compare-1024.jpg)
    }
}

@media only screen and (min-width: 1280px) {
    #product .banner {
        background-image: url(../img/home/home-compare-1280.jpg)
    }
}

@media only screen and (min-width: 1366px) {
    #product .banner {
        background-image: url(../img/home/home-compare-1366.jpg)
    }
}

@media only screen and (min-width: 1440px) {
    #product .banner {
        background-image: url(../img/home/home-compare-1440.jpg)
    }
}

@media only screen and (min-width: 1680px) {
    #product .banner {
        background-image: url(../img/home/home-compare-1680.jpg)
    }
}

@media only screen and (min-width: 1920px) {
    #product .banner {
        background-image: url(../img/home/home-compare-1920.jpg)
    }
}

#product #product-nav {
    position: relative;
    width: 100%;
    height: 80px;
    background: #ff841d
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product #product-nav {
        display: none
    }
}

#product #product-nav-wrapper {
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    top: -50px;
    width: 980px;
    height: 130px
}

    #product #product-nav-wrapper.fixed {
        position: fixed;
        top: 60px;
        left: 0;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        background: #ff841d;
        z-index: 9
    }

#product #product-nav-links {
    margin: 0 auto;
    padding: 0;
    width: 980px;
    height: 130px;
    background: #ff841d;
    font-size: 0;
    text-align: center
}

#product .product-nav-link {
    display: block;
    float: left;
    position: relative;
    border-right: solid 1px transparent;
    width: 162px;
    height: 130px;
    font-size: 14px
}

    #product .product-nav-link:first-child {
        width: 163px;
        margin-left: 80px;
    }

    #product .product-nav-link:last-child {
        border-right: 0;
        width: 164px
    }

        #product .product-nav-link:last-child:after {
            content: none
        }

    #product .product-nav-link:before {
        content: "";
        display: block;
        position: absolute;
        content: "";
        display: block;
        top: 0;
        left: 0;
        width: 30px;
        height: 30px;
        background: url("../img/common/icons.svg") no-repeat;
        background-size: 180px 870px;
        background-position: -150px -570px;
        top: auto;
        bottom: 5px;
        left: 65px;
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        color: #25a0da;
        z-index: 9
    }

    #product .product-nav-link:after {
        display: block;
        position: absolute;
        top: 20px;
        right: -1px;
        content: "";
        width: 1px;
        height: 100px;
        background: rgba(50,50,50,0.3)
    }

    #product .product-nav-link:hover:before {
        content: "Read More";
        left: 40px;
        width: 80px;
        background: none;
        text-align: center;
        -moz-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none
    }

    #product .product-nav-link a {
        display: block;
        position: relative;
        padding: 60px 10px 35px;
        width: auto;
        height: 35px;
        color: #fff;
        text-align: center
    }

        #product .product-nav-link a:before {
            content: "";
            display: block;
            top: 0;
            left: 0;
            width: 40px;
            height: 40px;
            background: url("../img/common/icons.svg") no-repeat;
            background-size: 240px 1160px;
            position: absolute;
            top: 20px;
            left: 60px
        }

        #product .product-nav-link a:hover {
            background: #373e47;
            text-decoration: none
        }

#product #product-nav-link-aft a:before {
    background-position: -200px -200px
}

#product #product-nav-link-brw a:before {
    background-position: -200px -680px
}

#product #product-nav-link-emu a:before {
    background-position: -200px -720px
}

#product #product-nav-link-sst a:before {
    background-position: -200px -240px
}

#product #product-nav-link-rsp a:before {
    background-position: -200px -40px
}

#product #product-nav-link-ppa a:before {
    background-position: -200px 0px
}

#product #product-nav-link-vis a:before {
    background-position: -200px -360px
}

#product #product-nav-link-vid a:before {
    background-position: -200px -560px
}

#product .product-modal-image {
    max-width: 100%;
    max-height: 100%
}

#product .product-feature {
    padding: 50px 0
}

#product .product-feature-header {
    margin: 0 auto 20px;
    min-height: 30px;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 3px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase
}

    #product .product-feature-header a:hover {
        text-decoration: none
    }

#product .product-feature-subheader {
    margin: 0 auto 10px;
    min-height: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center
}

#product .product-feature-description {
    margin: 0 auto 35px;
    width: 900px;
    font-size: 14px;
    font-weight: 300;
    line-height: 15px;
    text-align: center
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product .product-feature-description {
        width: 100%
    }
}

@media only screen and (min-device-width: 737px) {
    #product .product-point-image-wrapper {
        position: relative;
        overflow: hidden
    }

}

#product #product-aft {
    background: #e9f5fb
}

#product #product-aft-header a {
    color: #25a0da
}

#product #product-aft-points {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 301px;
    counter-reset: points;
    list-style: none
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product #product-aft-points {
        height: auto
    }
}

#product .product-aft-point {
    float: left;
    margin: 0;
    padding: 10px;
    border-bottom: dotted 1px rgba(50,50,50,0.3);
    border-right: dotted 1px rgba(50,50,50,0.3);
    width: 469px;
    height: 130px;
    counter-increment: points
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product .product-aft-point {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        height: auto;
        border-right: none
    }
}

#product .product-aft-point:nth-child(2n) {
    border-right-color: transparent
}

#product .product-aft-point:nth-last-child(-n+2) {
    border-bottom: none
}

#product .product-aft-point-image-wrapper {
    float: left;
    margin: 0 20px 0 0;
    border: 0;
    width: 210px;
    height: 130px;
    background: #fff;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product .product-aft-point-image-wrapper {
        margin: 0 0 10px;
        width: 300px;
        height: 185px
    }
}

#product .product-aft-point-image {
    display: block;
    width: 100%;
    height: 100%
}

#product .product-aft-point-writeup {
    position: relative;
    float: left;
    padding: 5px 0 5px 45px;
    width: 194px;
    height: 120px
}

@mobile {
    #product .product-aft-point-writeup {
        padding: 0;
        width: 100%;
        height: auto
    }
}

#product .product-aft-point-writeup:before {
    display: block;
    content: counter(points,decimal-leading-zero);
    position: absolute;
    top: 5px;
    left: 0;
    width: 30px;
    height: 30px;
    color: rgba(37,160,218,0.2);
    font-size: 28px;
    line-height: 30px
}

#product .product-aft-point-writeup-header a {
    margin: 0 0 15px;
    height: 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    text-transform: uppercase
}

#product .product-aft-point-writeup-description {
    margin: 0 auto;
    font-weight: 300;
    line-height: 20px
}

#product #product-brw-points {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 330px;
    counter-reset: points;
    list-style: none
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product #product-brw-points {
        height: auto
    }
}

#product .product-brw-point {
    float: left;
    margin: 0;
    padding: 0 22px;
    border-right: dotted 1px rgba(50,50,50,0.3);
    width: 200px;
    height: 340px;
    counter-increment: points
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product .product-brw-point {
        display: block;
        float: none;
        padding-left: 0;
        padding-right: 0;
        border-right: 0;
        width: 100%;
        height: auto
    }
}

#product .product-brw-point:last-child {
    border-right-color: transparent
}

#product .product-brw-point-image-wrapper {
    display: block;
    margin: 0 auto 10px;
    border: solid 1px #ccc;
    border-radius: 90px;
    width: 178px;
    height: 178px;
    background: #fff;
}

#product .product-brw-point-image {
    display: block;
    width: 100%;
    height: 100%
}

#product .product-brw-point-writeup {
    position: relative;
    margin: 0 au to;
    padding: 45px 0 0;
    width: 200px;
    height: 105px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product .product-brw-point-writeup {
        width: 100%
    }
}

#product .product-brw-point-writeup-dl {
    position: relative;
    margin: 0 au to;
    padding: 45px 0 0;
    width: 266px;
    height: 105px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product .product-brw-point-writeup-dl {
        width: 100%
    }
}

#product .product-brw-point-writeup:before {
    display: block;
    content: counter(points,decimal-leading-zero);
    position: absolute;
    top: 5px;
    left: 0;
    width: 30px;
    height: 30px;
    color: rgba(37,160,218,0.2);
    font-size: 28px;
    line-height: 30px
}

#product .product-brw-point-writeup-header a {
    margin: 0 0 15px;
    height: 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    text-transform: uppercase
}

#product .product-brw-point-writeup-description {
    margin: 0;
    font-weight: 300;
    line-height: 20px
}

#product .product-brw-point-writeup-description a {
    display: block;
    height: 20px;
    color: #373e47;
    font-size: 16px;
    line-height: 20px
}

#product .product-brw-point-writeup-description a:before {
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url("../img/common/icons.svg") no-repeat;
    background-size: 120px 580px;
    background-position: 0px -400px;
    float: left;
    padding: 0 5px 0 0
}

#product #product-emu {
    background: #e9f5fb
}

#product #product-emu-header a {
    color: #25a0da
}

#product #product-emu-points {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 301px;
    counter-reset: points;
    list-style: none
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product #product-emu-points {
        height: auto
    }
}

#product .product-emu-point {
    float: left;
    margin: 0;
    padding: 10px;
    border-bottom: dotted 1px rgba(50,50,50,0.3);
    border-right: dotted 1px rgba(50,50,50,0.3);
    width: 469px;
    height: 130px;
    counter-increment: points
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product .product-emu-point {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        height: auto;
        border-right: none
    }
}

#product .product-emu-point:nth-child(2n) {
    border-right-color: transparent
}

#product .product-emu-point:nth-last-child(-n+2) {
    border-bottom: none
}

#product .product-emu-point-image-wrapper {
    float: left;
    margin: 0 20px 0 0;
    border: 0;
    width: 210px;
    height: 130px;
    background: #fff;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product .product-emu-point-image-wrapper {
        margin: 0 0 10px;
        width: 300px;
        height: 185px
    }
}

#product .product-emu-point-image {
    display: block;
    width: 100%;
    height: 100%
}

#product .product-emu-point-writeup {
    position: relative;
    float: left;
    padding: 5px 0 5px 45px;
    width: 194px;
    height: 120px
}

@mobile {
    #product .product-emu-point-writeup {
        padding: 0;
        width: 100%;
        height: auto
    }
}

#product .product-emu-point-writeup:before {
    display: block;
    content: counter(points,decimal-leading-zero);
    position: absolute;
    top: 5px;
    left: 0;
    width: 30px;
    height: 30px;
    color: rgba(37,160,218,0.2);
    font-size: 28px;
    line-height: 30px
}

#product .product-emu-point-writeup-header a {
    margin: 0 0 15px;
    height: 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    text-transform: uppercase
}

#product .product-emu-point-writeup-description {
    margin: 0 auto;
    font-weight: 300;
    line-height: 20px
}

#product #product-sst {
    background: #fff
}

#product #product-sst-header a {
    color: #1752a9
}

#product #product-sst-points {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 400px;
    counter-reset: points 5;
    list-style: none
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product #product-sst-points {
        height: 350px
    }
}

#product .product-sst-point {
    margin: 0;
    padding: 10px;
    width: 400px;
    height: 80px;
    counter-increment: points -1;
    cursor: pointer
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product .product-sst-point {
        padding: 0;
        width: 100%;
        height: auto
    }

        #product .product-sst-point:focus + .product-sst-point:before, #product .product-sst-point:target + .product-sst-point:before {
            content: "";
            display: block;
            position: absolute;
            content: "";
            display: block;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            background: url("../img/common/icons.svg") no-repeat;
            background-size: 180px 870px;
            background-position: 0px -570px;
            top: 75px;
            left: 0;
            outline: 0;
            z-index: 1;
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

        #product .product-sst-point:after {
            content: "";
            display: block;
            position: absolute;
            content: "";
            display: block;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            background: url("../img/common/icons.svg") no-repeat;
            background-size: 180px 870px;
            background-position: 0px -570px;
            top: 75px;
            left: auto;
            right: 0;
            outline: 0;
            z-index: 1
        }

        #product .product-sst-point:target:after, #product .product-sst-point:target ~ .product-sst-point:after, #product .product-sst-point:focus:after, #product .product-sst-point:focus ~ .product-sst-point:after, #product .product-sst-point:last-child:after, #product .product-sst-point:last-child:hover:after {
            content: none
        }
}

@media only screen and (min-device-width: 737px) {
    #product .product-sst-point:hover, #product .product-sst-point:focus, #product .product-sst-point:target, #product .product-sst-point:last-child {
        background: #1752a9;
        color: #fff
    }

        #product .product-sst-point:hover .product-sst-point-writeup:before, #product .product-sst-point:focus .product-sst-point-writeup:before, #product .product-sst-point:target .product-sst-point-writeup:before, #product .product-sst-point:last-child .product-sst-point-writeup:before {
            color: #fff
        }
}

#product .product-sst-point:hover .product-sst-point-image, #product .product-sst-point:focus .product-sst-point-image, #product .product-sst-point:target .product-sst-point-image, #product .product-sst-point:last-child .product-sst-point-image {
    opacity: 1
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product .product-sst-point:focus .product-sst-point-writeup, #product .product-sst-point:target .product-sst-point-writeup {
        z-index: 1
    }
}

#product .product-sst-point:focus ~ .product-sst-point, #product .product-sst-point:target ~ .product-sst-point {
    background: none;
    color: #373e47
}

    #product .product-sst-point:focus ~ .product-sst-point .product-sst-point-writeup:before, #product .product-sst-point:target ~ .product-sst-point .product-sst-point-writeup:before {
        color: rgba(37,160,218,0.2)
    }

    #product .product-sst-point:focus ~ .product-sst-point .product-sst-point-image, #product .product-sst-point:target ~ .product-sst-point .product-sst-point-image {
        opacity: 0
    }

#product .product-sst-point-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 540px;
    height: 340px;
    background: #fff;
    cursor: pointer;
    transition: opacity 0.2s ease-in-out
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product .product-sst-point-image {
        width: 100%;
        height: auto;
        max-height: 190px
    }
}

#product .product-sst-point-writeup {
    position: relative;
    padding: 0 0 0 40px;
    width: 360px;
    height: 80px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product .product-sst-point-writeup {
        position: absolute;
        bottom: 0;
        left: 0;
        box-sizing: border-box;
        width: 100%;
        height: 110px;
        background: #e9f5fb
    }
}

#product .product-sst-point-writeup:before {
    display: block;
    content: counter(points,decimal-leading-zero);
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    color: rgba(37,160,218,0.2);
    font-size: 28px;
    line-height: 30px
}

#product .product-sst-point-writeup-header {
    margin: 0 0 15px;
    height: 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    text-transform: uppercase
}

#product .product-sst-point-writeup-description {
    margin: 0 auto;
    font-weight: 300;
    line-height: 20px
}

#product #product-rsp {
    background: #e9f5fb
}

    #product #product-rsp header a {
        color: #101620
    }

#product #product-rsp-points {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 390px;
    counter-reset: points;
    list-style: none
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product #product-rsp-points {
        height: auto
    }
}

#product .product-rsp-point {
    position: relative;
    float: left;
    margin: 0 20px 0 0;
    padding: 0;
    width: 480px;
    height: 390px;
    counter-increment: points
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product .product-rsp-point {
        float: none;
        margin: 0 0 30px;
        width: 100%;
        height: auto
    }
}

#product .product-rsp-point:last-child {
    margin-right: 0
}

#product .product-rsp-point-image-wrapper {
    width: 480px;
    height: 300px;
    background: #f7f7f7;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product .product-rsp-point-image-wrapper {
        width: 100%;
        height: 187px
    }
}

#product .product-rsp-point-image {
    display: block;
    width: 100%;
    height: 100%
}

#product .product-rsp-point-writeup {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 20px 20px 20px 60px;
    width: 230px;
    background: #fff;
    color: #373e47
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product .product-rsp-point-writeup {
        position: relative;
        bottom: auto;
        right: auto;
        box-sizing: border-box;
        padding-left: 40px;
        width: 100%;
        background: none;
        color: #fff
    }
}

#product .product-rsp-point-writeup:before {
    display: block;
    content: counter(points,decimal-leading-zero);
    position: absolute;
    top: 17px;
    left: 15px;
    width: 30px;
    height: 30px;
    color: rgba(50,50,50,0.3);
    font-size: 28px;
    line-height: 30px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product .product-rsp-point-writeup:before {
        left: 0;
        color: #fff
    }
}

#product .product-rsp-point-writeup-header {
    margin: 0 0 15px;
    height: 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    text-transform: uppercase
}

#product .product-rsp-point-writeup-description {
    margin: 0 auto;
    font-weight: 300;
    line-height: 20px
}

#product #product-ppa-header a {
    color: #25a0da
}

#product #product-ppa-points {
    position: relative;
    margin: 0 auto;
    padding: 430px 0 0;
    width: 100%;
    height: 160px;
    counter-reset: points 5;
    list-style: none
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product #product-ppa-points {
        display: flex;
        flex-direction: column-reverse;
        padding-top: 0;
        height: 310px
    }
}

#product .product-ppa-point {
    float: right;
    margin: 0;
    padding: 10px;
    width: 225px;
    height: 140px;
    counter-increment: points -1;
    cursor: pointer;
    outline: 0;
    pointer-events: all
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product .product-ppa-point {
        position: absolute;
        top: 0;
        left: 0;
        float: none;
        padding: 0;
        width: 100%;
        height: 310px
    }
}

@media only screen and (min-device-width: 737px) {
    #product .product-ppa-point:hover, #product .product-ppa-point:focus, #product .product-ppa-point:target, #product .product-ppa-point:last-child {
        background: #1752a9;
        color: #fff
    }

        #product .product-ppa-point:hover .product-ppa-point-writeup:before, #product .product-ppa-point:focus .product-ppa-point-writeup:before, #product .product-ppa-point:target .product-ppa-point-writeup:before, #product .product-ppa-point:last-child .product-ppa-point-writeup:before {
            color: #fff
        }
}

#product .product-ppa-point:hover .product-ppa-point-image, #product .product-ppa-point:focus .product-ppa-point-image, #product .product-ppa-point:target .product-ppa-point-image, #product .product-ppa-point:last-child .product-ppa-point-image {
    opacity: 1
}

#product .product-ppa-point:focus ~ .product-ppa-point, #product .product-ppa-point:target ~ .product-ppa-point {
    background: none;
    color: #373e47
}

    #product .product-ppa-point:focus ~ .product-ppa-point .product-ppa-point-writeup:before, #product .product-ppa-point:target ~ .product-ppa-point .product-ppa-point-writeup:before {
        color: rgba(37,160,218,0.2)
    }

    #product .product-ppa-point:focus ~ .product-ppa-point .product-ppa-point-image, #product .product-ppa-point:target ~ .product-ppa-point .product-ppa-point-image {
        opacity: 0
    }

#product .product-ppa-point:focus + .product-ppa-point .product-ppa-point-wrapper:before, #product .product-ppa-point:target + .product-ppa-point .product-ppa-point-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    background: url("../img/common/icons.svg") no-repeat;
    background-size: 360px 1740px;
    background-position: 0px -1140px;
    top: 170px;
    left: 50px;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product .product-ppa-point:focus + .product-ppa-point .product-ppa-point-wrapper:before, #product .product-ppa-point:target + .product-ppa-point .product-ppa-point-wrapper:before {
        content: "";
        display: block;
        top: 0;
        left: 0;
        width: 30px;
        height: 30px;
        background: url("../img/common/icons.svg") no-repeat;
        background-size: 180px 870px;
        background-position: 0px -570px;
        top: 75px;
        left: 0;
        z-index: 1
    }
}

@media only screen and (min-device-width: 737px) {
    #product .product-ppa-point:focus + .product-ppa-point .product-ppa-point-wrapper:hover:before, #product .product-ppa-point:target + .product-ppa-point .product-ppa-point-wrapper:hover:before {
        background-position: -120px -1140px
    }
}

#product .product-ppa-point .product-ppa-point-wrapper:after {
    content: "";
    display: block;
    position: absolute;
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    background: url("../img/common/icons.svg") no-repeat;
    background-size: 360px 1740px;
    background-position: 0px -1140px;
    top: 170px;
    left: auto;
    right: 50px;
    outline: 0
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product .product-ppa-point .product-ppa-point-wrapper:after {
        content: "";
        display: block;
        top: 0;
        left: 0;
        width: 30px;
        height: 30px;
        background: url("../img/common/icons.svg") no-repeat;
        background-size: 180px 870px;
        background-position: 0px -570px;
        top: 75px;
        left: auto;
        right: 0;
        z-index: 1
    }
}

@media only screen and (min-device-width: 737px) {
    #product .product-ppa-point .product-ppa-point-wrapper:hover:after {
        background-position: -120px -1140px
    }
}

#product .product-ppa-point:target .product-ppa-point-wrapper:after, #product .product-ppa-point:target ~ .product-ppa-point .product-ppa-point-wrapper:after, #product .product-ppa-point:focus .product-ppa-point-wrapper:after, #product .product-ppa-point:focus ~ .product-ppa-point .product-ppa-point-wrapper:after, #product .product-ppa-point:last-child .product-ppa-point-wrapper:after, #product .product-ppa-point:last-child:hover .product-ppa-point-wrapper:after {
    content: none
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product .product-ppa-point:focus .product-ppa-point-writeup, #product .product-ppa-point:target .product-ppa-point-writeup {
        z-index: 1
    }
}

#product .product-ppa-point-image {
    position: absolute;
    top: 0;
    left: 160px;
    width: 660px;
    height: 400px;
    background: #fff;
    cursor: pointer;
    transition: opacity 0.2s ease-in-out
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product .product-ppa-point-image {
        left: 0;
        width: 100%;
        height: auto;
        max-height: 190px
    }
}

#product .product-ppa-point-writeup {
    position: relative;
    padding: 0 0 0 40px;
    width: 185px;
    height: 140px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product .product-ppa-point-writeup {
        position: absolute;
        bottom: 0;
        left: 0;
        box-sizing: border-box;
        width: 100%;
        height: 110px;
        background: #fff
    }
}

#product .product-ppa-point-writeup:before {
    display: block;
    content: counter(points,decimal-leading-zero);
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    color: rgba(37,160,218,0.2);
    font-size: 28px;
    line-height: 30px
}

#product .product-ppa-point-writeup-header {
    margin: 0 0 15px;
    height: 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    text-transform: uppercase
}

#product .product-ppa-point-writeup-description {
    margin: 0 auto;
    font-weight: 300;
    line-height: 20px
}

#product #product-vis, #product #product-vid {
    background: #f7f7f7
}

#product #product-vis-points, #product #product-vid-points {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 200px;
    counter-reset: points;
    list-style: none
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product #product-vis-points, #product #product-vid-points {
        height: auto
    }
}

#product .product-vis-point, #product .product-vid-point {
    float: left;
    margin: 0;
    padding: 0 19px 0 20px;
    border-right: dotted 1px rgba(0,0,0,0.3);
    width: 450px;
    height: 200px;
    counter-increment: points
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product .product-vis-point, #product .product-vid-point {
        float: none;
        margin-bottom: 30px;
        border-right: 0;
        padding: 0;
        width: 100%;
        height: auto
    }
}

#product .product-vis-point:last-child, #product .product-vid-point:last-child {
    border-right-color: transparent
}

#product .product-vis-point-image-wrapper, #product .product-vid-point-image-wrapper {
    display: block;
    float: left;
    margin: 0 20px 0 0;
    border: solid 1px #ccc;
    border-radius: 100px;
    width: 198px;
    height: 198px;
    background: #fff;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product .product-vis-point-image-wrapper, #product .product-vid-point-image-wrapper {
        float: none;
        margin: 0 0 10px
    }
}

#product .product-vis-point-image, #product .product-vid-point-image {
    display: block;
    width: 100%;
    height: 100%
}

#product .product-vis-point-writeup, #product .product-vid-point-writeup {
    position: relative;
    float: left;
    margin: 0;
    padding: 5px 0 5px 45px;
    width: 185px;
    height: 190px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #product .product-vis-point-writeup, #product .product-vid-point-writeup {
        box-sizing: border-box;
        float: none;
        width: 100%;
        height: auto
    }
}

#product .product-vis-point-writeup:before, #product .product-vid-point-writeup:before {
    display: block;
    content: counter(points,decimal-leading-zero);
    position: absolute;
    top: 5px;
    left: 0;
    width: 30px;
    height: 30px;
    color: rgba(37,160,218,0.2);
    font-size: 28px;
    line-height: 30px
}

#product .product-vis-point-writeup-header, #product .product-vid-point-writeup-header {
    margin: 0 0 5px;
    min-height: 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    text-transform: uppercase
}

#product .product-vis-point-writeup-description, #product .product-vid-point-writeup-description {
    margin: 0;
    font-weight: 300;
    line-height: 20px
}

@media only screen and (min-width: 320px) {
    #purchase #purchase-banner {
        background-image: url(../img/purchase/purchase-banner-320.jpg)
    }
}

@media only screen and (min-width: 360px) {
    #purchase #purchase-banner {
        background-image: url(../img/purchase/purchase-banner-360.jpg)
    }
}

@media only screen and (min-width: 1024px) {
    #purchase #purchase-banner {
        background-image: url(../img/purchase/purchase-banner-1024.jpg)
    }
}

@media only screen and (min-width: 1280px) {
    #purchase #purchase-banner {
        background-image: url(../img/purchase/purchase-banner-1280.jpg)
    }
}

@media only screen and (min-width: 1366px) {
    #purchase #purchase-banner {
        background-image: url(../img/purchase/purchase-banner-1366.jpg)
    }
}

@media only screen and (min-width: 1440px) {
    #purchase #purchase-banner {
        background-image: url(../img/purchase/purchase-banner-1440.jpg)
    }
}

@media only screen and (min-width: 1680px) {
    #purchase #purchase-banner {
        background-image: url(../img/purchase/purchase-banner-1680.jpg)
    }
}

@media only screen and (min-width: 1920px) {
    #purchase #purchase-banner {
        background-image: url(../img/purchase/purchase-banner-1920.jpg)
    }
}

#purchase #purchase-content {
    padding: 0 0 40px;
    width: 590px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #purchase #purchase-content {
        width: 100%
    }
}

#purchase #purchase-form-fieldset-edition .form-header {
    background: #373e47
}

#purchase #purchase-form-fieldset-edition .form-fields {
    background: #f7f7f7
}

#purchase .form-fieldset {
    max-height: 2000px;
    overflow: hidden;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

@media only screen and (min-device-width: 737px) {
    #purchase .form-fieldset-hidden {
        -moz-transform: translate3d(0, 40px, 0);
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0);
        max-height: 0
    }
}

#purchase .purchase-edition-label {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0;
    background: #fff;
    width: 240px;
    height: 130px;
    cursor: pointer
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #purchase .purchase-edition-label {
        float: none;
        margin: 0 auto 20px
    }
}

#purchase .purchase-edition-label:after {
    display: block;
    content: "Select";
    height: 30px;
    background: #373e47;
    color: #fff;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

#purchase .purchase-edition-label:hover, #purchase .purchase-edition-label.selected {
    background: #fff8f5
}

    #purchase .purchase-edition-label:hover:after, #purchase .purchase-edition-label.selected:after {
        background: #ff841d
    }

    #purchase .purchase-edition-label.selected:after {
        content: "Selected"
    }

#purchase .purchase-edition-label-name {
    display: block;
    padding: 15px 0 5px;
    height: 20px;
    letter-spacing: 2px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase
}

#purchase .purchase-edition-field-edition {
    display: none
}

#purchase #edition-error {
    position: absolute;
    bottom: -15px;
    left: 0
}

#purchase .purchase-edition-label-price {
    display: block;
    margin: 0 0 5px;
    height: 30px;
    font-size: 30px;
    line-height: 30px;
    text-align: center
}

#purchase .purchase-edition-label-uprice {
    display: block;
    margin: 0 0 5px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase
}

#purchase .purchase-edition-link {
    display: inline-block;
    float: left;
    height: 30px;
    line-height: 30px
}

    #purchase .purchase-edition-link:before {
        content: "";
        display: block;
        top: 0;
        left: 0;
        width: 30px;
        height: 30px;
        background: url("../img/common/icons.svg") no-repeat;
        background-size: 180px 870px;
        background-position: -120px -600px;
        display: inline-block;
        float: left
    }

#purchase #purchase-edition-label-users, #purchase #purchase-edition-label-price {
    float: left;
    margin: 0 20px 0 0;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: right
}

#purchase #purchase-edition-field-users {
    float: left;
    width: 100px
}

#purchase #purchase-edition-value-price {
    float: left;
    width: 240px;
    height: 30px;
    line-height: 30px
}

#purchase #purchase-edition-discount {
    color: #1752a9;
    font-style: italic
}

#purchase #purchase-form-fieldset-personal .form-header {
    background: #25a0da
}

#purchase #purchase-form-fieldset-personal .form-fields {
    background: #e9f5fb
}

#purchase #purchase-form-fieldset-billing .form-header {
    background: #ff841d
}

#purchase #purchase-form-fieldset-billing .form-fields {
    background: #fff8f5
}

#purchase #purchase-form-fieldset-summary .form-header {
    background: #1752a9
}

#purchase #purchase-form-fieldset-summary .form-fields {
    background: #f2f7fc
}

#purchase #purchase-form-fieldset-personal .form-header-text:before {
    background-position: -150px -120px
}

#purchase #purchase-form-fieldset-billing .form-header-text:before {
    background-position: -150px -120px
}

#purchase #purchase-form-fieldset-summary .form-header-text:before {
    background-position: -150px -120px
}

#purchase #purchase-form-fieldset-payment .form-header-text:before {
    background-position: -150px -120px
}

#purchase #purchase-form-group-expiry:before, #purchase #purchase-form-group-expiry:after {
    content: " ";
    display: table
}

#purchase #purchase-form-group-expiry:after {
    clear: both
}

#purchase #purchase-form-group-field-billing-expirymonth {
    float: left;
    margin: 0 20px 0 0;
    width: 75px
}

#purchase #purchase-form-group-field-billing-expiryyear {
    float: left;
    width: 130px
}

#purchase #purchase-form-group-field-sameaddress {
    float: left;
    margin: 0 5px 0 0;
    width: 15px;
    height: 15px;
    line-height: 15px
}

#purchase #purchase-form-group-label-sameaddress {
    overflow: hidden
}

    #purchase #purchase-form-group-label-sameaddress:after {
        content: none
    }

#purchase #purchase-form-same {
    position: relative
}

#purchase #purchase-form-group-same {
    float: left;
    max-height: 520px;
    overflow: hidden;
    -moz-transition: max-height 0.4s ease-in-out;
    -o-transition: max-height 0.4s ease-in-out;
    -webkit-transition: max-height 0.4s ease-in-out;
    transition: max-height 0.4s ease-in-out
}

    #purchase #purchase-form-group-same.hidden {
        max-height: 0
    }

#purchase #purchase-summary-table {
    margin: 0 0 30px;
    border: 0;
    border-bottom: dotted 1px rgba(50,50,50,0.3);
    padding: 0
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #purchase #purchase-summary-table {
        font-size: 12px
    }
}

#purchase #purchase-summary-table tr, #purchase #purchase-summary-table th {
    margin: 0;
    border: 0;
    padding: 0
}

#purchase #purchase-summary-table td {
    margin: 0;
    border: 0
}

#purchase #purchase-summary-table-head th {
    padding: 0 0 5px;
    height: 15px;
    color: #000;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    text-align: left
}

#purchase #purchase-summary-table-description {
    padding: 0 0 30px;
    width: 310px;
    height: 30px;
    color: #000;
    line-height: 30px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #purchase #purchase-summary-table-description {
        width: 160px;
        line-height: 20px
    }
}

#purchase #purchase-summary-table-users {
    padding: 0 0 30px;
    width: 100px;
    height: 30px;
    color: #000;
    line-height: 30px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #purchase #purchase-summary-table-users {
        width: 50px;
        line-height: 20px
    }
}

#purchase #purchase-summary-table-amount {
    padding: 0 0 30px;
    width: 100px;
    height: 30px;
    color: #000;
    line-height: 30px;
    text-align: right
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #purchase #purchase-summary-table-amount {
        width: 90px;
        line-height: 20px
    }
}

#purchase .purchase-summary-group {
    padding: 0 0 0 100px;
    height: 25px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #purchase .purchase-summary-group {
        padding-left: 15px
    }
}

#purchase .purchase-summary-group-hidden {
    display: none
}

#purchase .purchase-summary-group-label {
    display: block;
    float: left;
    width: 160px;
    height: 25px;
    color: #1752a9;
    line-height: 25px;
    text-align: right
}

    #purchase .purchase-summary-group-label:after {
        content: ":"
    }

#purchase .purchase-summary-group-value {
    display: block;
    float: left;
    padding: 0 5px 0 125px;
    width: 120px;
    height: 25px;
    color: #1752a9;
    line-height: 25px;
    text-align: right
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #purchase .purchase-summary-group-value {
        padding-left: 0
    }
}

#purchase #purchase-summary-field-quantity {
    margin: 0;
    box-sizing: content-box;
    border: 0;
    padding: 0;
    width: 60px;
    height: 30px
}

#purchase #purchase-summary-group-total {
    margin: 10px 0 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #1752a9
}

    #purchase #purchase-summary-group-total .purchase-summary-group-label {
        color: #fff;
        font-weight: 600;
        letter-spacing: 2px;
        text-transform: uppercase
    }

    #purchase #purchase-summary-group-total .purchase-summary-group-value {
        color: #fff;
        font-weight: 600;
        line-height: 25px
    }

#purchase #purchase-summary-group-promo {
    margin-top: 30px
}

#purchase #purchase-summary-group-promo-fields {
    text-align: right
}

#purchase #purchase-field-promo-code {
    margin-right: 10px;
    width: 90px
}

#purchase #purchase-promo-apply {
    height: 23px;
    line-height: 23px
}

#purchase #purchase-form-fieldset-payment .form-header {
    background: #373e47
}

#purchase #purchase-form-fieldset-payment .form-fields {
    background: #f7f7f7
}

#purchase #purchase-info {
    margin: 0 0 10px
}

#purchase #purchase-info-methods {
    float: left;
    margin: 0 0 10px 10px;
    padding: 0 0 0 9px;
    width: 290px;
    height: 40px;
    list-style: none
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #purchase #purchase-info-methods {
        border-left: 0;
        padding-left: 0
    }
}

#purchase .purchase-info-method {
    display: block;
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    width: 40px;
    height: 40px;
    background-image: url("../img/purchase/purchase-info-method.svg");
    background-size: 40px 280px;
    overflow: hidden;
    text-indent: -100%
}

    #purchase .purchase-info-method:last-child {
        margin-right: 0
    }

#purchase #purchase-info-method-mastercard {
    background-position: 0 0px
}

#purchase #purchase-info-method-visa {
    background-position: 0 -40px
}

#purchase #purchase-info-method-amex {
    background-position: 0 -80px
}

#purchase #purchase-info-method-maestro {
    background-position: 0 -120px
}

#purchase #purchase-info-method-diners {
    background-position: 0 -160px
}

#purchase #purchase-info-method-jcb {
    background-position: 0 -200px
}

#purchase #purchase-info-method-paypal {
    background-position: 0 -240px
}

#purchase #purchase-note {
    clear: both;
    margin: 0 0 30px;
    font-size: 12px;
    line-height: 15px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
    #purchase #purchase-note {
        margin-left: 10px;
        margin-right: 10px
    }
}

#renew #renew-content {
    padding: 0 0 40px
}

#renew #renew-form-fieldset .form-header {
    background: #25a0da
}

#renew #renew-form-fieldset .form-header-text:before {
    background-position: -150px -360px
}

#renew #renew-form-fieldset .form-fields {
    background: #f7f7f7
}

#request #request-content {
    padding: 0 0 40px
}

#request #request-form-fieldset .form-header {
    background: #25a0da
}

#request #request-form-fieldset .form-header-text:before {
    background-position: -150px -330px
}

#request #request-form-fieldset .form-fields {
    background: #f7f7f7
}

#request #request-form-group-field-message {
    height: 90px
}

#download #download-content {
    padding: 0 0 40px
}

#download #download-form-fieldset .form-header {
    background: #25a0da
}

#download #download-form-fieldset .form-header-text:before {
    background-position: -150px -30px
}

#download #download-form-fieldset .form-fields {
    background: #f7f7f7
}

#binfo #binfo-content {
    padding: 0 0 40px
}

#binfo #binfo-form-fieldset .form-header {
    background: #25a0da
}

#binfo #binfo-form-fieldset .form-header-text:before {
    background-position: -150px -30px
}

#binfo #binfo-form-fieldset .form-fields {
    background: #f7f7f7
}

#binfo #binfo-table {
    margin: 0 auto;
    border: solid 1px #373e47;
    padding: 0
}

    #binfo #binfo-table th, #binfo #binfo-table td {
        border-bottom: solid 1px #373e47;
        padding: 5px
    }

        #binfo #binfo-table th:first-child, #binfo #binfo-table td:first-child {
            width: 110px;
            border-right: solid 1px #373e47
        }

#binfo .binfo-table-header {
    background: #373e47;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    text-align: left
}

#ginfo #ginfo-content {
    padding: 0 0 40px
}

#ginfo #ginfo-form-fieldset .form-header {
    background: #25a0da
}

#ginfo #ginfo-form-fieldset .form-header-text:before {
    background-position: -150px -30px
}

#ginfo #ginfo-form-fieldset .form-fields {
    background: #f7f7f7
}

#ginfo #ginfo-map {
    width: 100%;
    height: 250px
}

#ginfo #ginfo-table {
    margin: 0 auto;
    border: solid 1px #373e47;
    padding: 0
}

    #ginfo #ginfo-table th, #ginfo #ginfo-table td {
        border-bottom: solid 1px #373e47;
        padding: 5px
    }

        #ginfo #ginfo-table th:first-child, #ginfo #ginfo-table td:first-child {
            width: 110px;
            border-right: solid 1px #373e47
        }

#ginfo .ginfo-table-header {
    background: #373e47;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    text-align: left
}
.taas-header {
    margin: 0 0 25px;
    height: 25px;
    color: #25a0da;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 3px;
    line-height: 25px;
}
.taas-link {
    display: block;
    margin: 0 auto;
    border: solid 1px #25a0da;
    padding: 0 15px;
    width: 150px;
    height: 33px;
    color: #25a0da;
    font-size: 12px;
    line-height: 33px;
    text-transform: uppercase
}