html,
body {
    height: 100%;
    font-family: "Arimo", Arial, Helvetica, Malgun Gothic, "맑은 � 딕", Meiryo, "メイリオ", Microsoft YaHei, "微软雅黑", sans-serif;
    /* foreign fonts included for APAC pages */
    color: #333;
    font-size: 18px;
}

#marquee {
    background-position: right;
}

.mktoForm .mktoTemplateBox {
    font-family: "Arimo", Arial, Helvetica, Malgun Gothic, "맑은 � 딕", Meiryo, "メイリオ", Microsoft YaHei, "微软雅黑", sans-serif;
    font-size: 18px;
    color: #333;
}

.mktoForm a.mktoNotYou {
    color: #00b6f1 !important;
    transition: all ease 0.2s;
}

    .mktoForm a.mktoNotYou:hover {
        color: #0f73c3 !important;
        text-decoration: none !important;
    }

@media (max-width: 320px) {
    html, body {
        font-size: 16px;
    }
}

h1 {
    font-family: "DIN Next W01 Light", Arial, Helvetica, Malgun Gothic, "맑은 � 딕", Meiryo, "メイリオ", Microsoft YaHei, "微软雅黑", sans-serif;
}

h2,
h3 {
    font-family: "DIN Next W01 Medium", Arial, Helvetica, Malgun Gothic, "맑은 � 딕", Meiryo, "メイリオ", Microsoft YaHei, "微软雅黑", sans-serif;
}

h4,
h5,
h6 {
    font-family: "DIN Next W01 Bold", Arial, Helvetica, Malgun Gothic, "맑은 � 딕", Meiryo, "メイリオ", Microsoft YaHei, "微软雅黑", sans-serif;
}

p {
    padding: 0;
}

a {
    color: #00b6f1;
    text-decoration: none;
}

    a:hover {
        color: #0f73c3;
        text-decoration: none;
    }

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
}

.centered {
    text-align: center
}

.mt {
    margin-top: 30px;
}

.mb {
    margin-bottom: 30px;
}

.mtb {
    margin-top: 30px;
    margin-bottom: 30px;
}

.expandToFit {
    max-height: 100%;
    max-width: 100%;
}

.clear {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 100%;
}

::-moz-selection {
    color: #fff;
    text-shadow: none;
    background: #2B2E31;
}

::selection {
    color: #fff;
    text-shadow: none;
    background: #2B2E31;
}

#main-header {
    background-color: #222;
    border-bottom: 1px solid #0f73c3;
}

    #main-header.full-width-section .container {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #main-header.full-width-section .col-md-12 {
        margin-bottom: 0;
    }

.quantum-logo {
    width: 120px;
    height: 19px;
    background: url(http://www.zjhxrs.com/landing/rs/561-AAR-658/images/quantum_logo_white.png) left top no-repeat;
    background-image: url(http://www.zjhxrs.com/landing/rs/561-AAR-658/images/quantum_logo_white.svg), none;
    background-size: contain;
    display: block;
    float: left;
    margin-top: 6px;
    margin-bottom: 5px;
}

#partner-logo {
    width: 107px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    float: left;
    margin-left: 40px;
}

    #partner-logo:before {
        width: 0px;
        height: 30px;
        line-height: 30px;
        border-left: 1px solid #535353;
        margin-left: -23px;
        content: "";
        display: block;
    }

@media (min-width: 380px) {
    .quantum-logo {
        width: 155px;
        height: 24px;
        margin-top: 8px;
        margin-bottom: 7px;
    }

    #partner-logo {
        width: 138px;
        height: 39px;
    }

        #partner-logo:before {
            height: 39px;
            line-height: 39px;
            border-left: 1px solid #535353;
        }
}

/* Header Gradient */

#is {
    top: 0;
    width: 100%;
    min-height: 375px;
    position: relative;
    z-index: 1;
    color: #fff;
    background-color: #0f73c3;
    color: #fff;
}

    #is.black-marquee {
        background-color: #000;
    }

    #is.full-width-section .container {
        position: relative;
        overflow: hidden;
    }

@media (max-width: 991px) {
    #is.full-width-section .container {
        padding-top: 3em;
        padding-bottom: 0;
    }
}

@media (min-width: 992px) {
    #is.full-width-section .container {
        padding-top: 4em;
        padding-bottom: 2em;
    }

    .full-width-section#marquee .container {
        padding-top: 4em;
        padding-bottom: 2em;
    }
}

#mainImage {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    #mainImage {
        overflow: hidden;
        position: absolute;
        left: 50%;
        bottom: 0;
    }
}

#is h1 {
    margin-bottom: 30px;
    font-family: "DIN Next W01 Bold", Arial, Helvetica, Malgun Gothic, "맑은 � 딕", Meiryo, "メイリオ", Microsoft YaHei, "微软雅黑", sans-serif;
    font-size: 40px;
    line-height: 1.2;
}

#is .upper-title h1 {
    text-transform: uppercase;
}

@media (min-width: 480px) {
    #is h1 {
        font-size: 45px;
    }
}

@media (min-width: 768px) {
    #is h1 {
        font-size: 55px;
        line-height: 1.1;
    }
}

#is p {
    margin-bottom: 0;
    line-height: 1.4;
}

#is a:hover {
    color: #fff;
}
/* Section 2 */

#section2 {
    background: #fff;
    background-image: -webkit-linear-gradient(#ededed, #fff);
    background-image: -o-linear-gradient(#ededed, #fff);
    background-image: -moz-linear-gradient(#ededed, #fff);
    background-image: linear-gradient(#ededed, #fff);
    border-top: 1px solid #fff;
}

    #section2.full-width-section .container {
        padding-top: 3em;
        padding-bottom: 2.5em;
    }

@media (min-width: 1200px) {
    #section2.full-width-section .container {
        padding-top: 4em;
        padding-bottom: 3.5em;
    }
}

#section2 h3 {
    text-transform: uppercase;
}

#contactInfo {
    margin-top: 60px;
}

a.phone-number {
    cursor: default;
    color: #00b6f1;
}

#section2 .fa {
    color: #00b6f1;
}

form.mktoForm[style], #formOne.mktoForm {
    width: 100% !important;
    font-size: 16px;
    padding: 0;
}

.mktoForm .mktoLabel, .mktoForm .mktoGutter, .mktoForm .mktoOffset {
    display: none;
}

.mktoHtmlText[style] {
    width: 100% !important;
}

.mktoForm .mktoFormCol[style] {
    width: 100%;
    margin-bottom: 15px !important;
}

@media (min-width: 481px) {
    .mktoForm .mktoFormCol[style] {
        width: 48%;
    }

    .mktoForm .mktoFormRow:nth-child(7) .mktoFormCol[style], .mktoForm .mktoFormRow:nth-child(8) .mktoFormCol[style], .mktoForm .mktoFormRow:nth-child(9) .mktoFormCol[style] {
        width: 100%;
    }
}

.mktoForm input[style], .mktoForm select[style], .mktoForm .mktoField {
    width: 100% !important;
    border-color: #c9c9c9 !important;
    background-color: #ededed !important;
    font-size: 16px !important;
    max-width: 100% !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
    border-radius: 5px !important;
}

.mktoForm input[style], .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date] {
    padding: 12px !important;
    height: auto !important;
}

.mktoForm select[style], .mktoForm select.mktoField {
    padding: 11px 12px !important;
    height: 45px !important;
}

.mktoForm .mktoField.mktoInvalid {
    border-color: red !important;
}

.mktoForm .mktoField:focus {
    outline: none !important;
    background-color: #fcfcfc !important;
    border-color: #00b6f1 !important;
}

.mktoForm .mktoFieldWrap {
    width: 100% !important;
}

@media (min-width: 481px) {
    .mktoFormRow .mktoFormCol + .mktoFormCol {
        margin-left: 4%;
    }
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px), only screen and (max-device-height: 480px) {
    .mktoMobileShow .mktoForm {
        padding: 0 !important;
    }
}

.mktoForm .mktoButtonWrap[class*=mkto] {
    margin-left: 0 !important;
}

    .mktoForm .mktoButtonWrap.mktoDownloadButton button.mktoButton[type=submit], .mktoForm .mktoButtonWrap[class*=mkto] .mktoButton {
        display: inline-block;
        zoom: 1;
        padding: 0.618em 2em !important;
        margin-bottom: 0;
        font-size: 16px;
        font-weight: normal;
        line-height: 1.4;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border-radius: 5px !important;
        border: none !important;
        background-color: #00b6f1 !important;
        color: #fff !important;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%,#52cdf6), color-stop(91%,#05a0e2)) !important;
        background-image: -webkit-linear-gradient(top, #52cdf6 0%, #05a0e2 91%) !important;
        background-image: -o-linear-gradient(top, #52cdf6 0%, #05a0e2 91%) !important;
        background-image: -ms-linear-gradient(top, #52cdf6 0%, #05a0e2 91%) !important;
        background-image: linear-gradient(to bottom, #52cdf6 0%, #05a0e2 91%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52cdf6', endColorstr='#05a0e2',GradientType=0 ) !important;
        text-shadow: 0 -1px 1px #05a0e2 !important;
        font-size: 18px !important;
        font-family: "Arimo", Arial, Helvetica, Malgun Gothic, "맑은 � 딕", Meiryo, "メイリオ", Microsoft YaHei, "微软雅黑", sans-serif !important;
        font-weight: bold !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        height: auto !important;
    }

        .mktoForm .mktoButtonWrap.mktoDownloadButton button.mktoButton[type=submit]:hover,
        .mktoForm .mktoButtonWrap.mktoDownloadButton button.mktoButton[type=submit]:focus,
        .mktoForm .mktoButtonWrap.mktoDownloadButton button.mktoButton[type=submit].focus,
        .mktoForm .mktoButtonWrap.mktoDownloadButton button.mktoButton[type=submit]:active,
        .mktoForm .mktoButtonWrap.mktoDownloadButton button.mktoButton[type=submit].active,
        .mktoForm .mktoButtonWrap[class*=mkto] button.mktoButton[type=submit]:hover,
        .mktoForm .mktoButtonWrap[class*=mkto] button.mktoButton[type=submit]:focus,
        .mktoForm .mktoButtonWrap[class*=mkto] button.mktoButton[type=submit].focus,
        .mktoForm .mktoButtonWrap[class*=mkto] button.mktoButton[type=submit]:active,
        .mktoForm .mktoButtonWrap[class*=mkto] button.mktoButton[type=submit].active {
            color: #fff !important;
            background-color: #52cdf6 !important;
            background-image: -moz-linear-gradient(top, #05a0e2 0%, #52cdf6 91%) !important;
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05a0e2), color-stop(91%,#52cdf6)) !important;
            background-image: -webkit-linear-gradient(top, #05a0e2 0%,#52cdf6 100%) !important;
            background-image: -o-linear-gradient(top, #05a0e2 0%,#52cdf6 91%) !important;
            background-image: -ms-linear-gradient(top, #05a0e2 0%,#52cdf6 91%) !important;
            background-image: linear-gradient(to bottom, #05a0e2 0%,#52cdf6 91%) !important;
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05a0e2', endColorstr='#52cdf6',GradientType=0 ) !important;
            text-shadow: 0 1px 1px #05a0e2 !important;
        }

        .mktoForm .mktoButtonWrap.mktoDownloadButton button.mktoButton[type=submit]:active,
        .mktoForm .mktoButtonWrap.mktoDownloadButton button.mktoButton[type=submit].active,
        .mktoForm .mktoButtonWrap[class*=mkto] button.mktoButton[type=submit]:active,
        .mktoForm .mktoButtonWrap[class*=mkto] button.mktoButton[type=submit].active {
            background-image: none !important;
        }

.mktoForm .mktoButtonWrap.mktoArrowButton .mktoButton:before {
    display: none;
}

.mktoForm .mktoButtonRow {
    width: 100%;
    text-align: center;
}

.mktoForm span.mktoButtonWrap.mktoDownloadButton[style] {
    margin-left: 0 !important;
    display: inline-block;
}

.mktoForm p.privacy-info {
    font-size: 13px;
    color: #666;
    margin-bottom: 1em;
    font-family: "Arimo", Arial, Helvetica, Malgun Gothic, "맑은 � 딕", Meiryo, "メイリオ", Microsoft YaHei, "微软雅黑", sans-serif !important;
}

.mktoPlaceholder + .mktoFormCol, .mktoFormCol:nth-child(3) {
    display: none;
}

@media (max-width: 991px) {
    #formOne {
        margin-top: 60px;
    }
}

footer {
    color: #777;
    font-size: 0.6875em;
    padding: 1.5em 0;
    background: #262626;
    text-align: center;
}

@media (min-width: 768px) {
    footer {
        text-align: left;
    }
}

footer ul {
    overflow: auto;
}

    footer ul li {
        list-style-type: none;
        float: left;
        margin-bottom: 0;
    }

footer a {
    color: #777;
    white-space: nowrap;
}

    footer a:hover,
    footer a:focus {
        color: #fff;
        text-decoration: none;
    }

footer .social {
    font-size: 1.75em;
}

@media (min-width: 768px) {
    footer .social {
        text-align: right;
    }
}

footer .social ul {
    margin-bottom: 0;
    display: inline-block;
}

footer ul li a i.fa {
    color: #777;
    text-align: center;
    margin-left: 0.75em;
    transition: all 0.2s ease-in-out;
}

footer ul li:first-child a i.fa {
    margin-left: 0;
}

footer ul li a i.fa:hover {
    color: #fff;
}

footer div[class*="col-"] {
    margin-bottom: 0;
}

.social ul {
    padding-left: 0;
}