.nw-billboard-test {
    height: 385px;
    background-image: url("/images/qphome/v3/billboard-QP.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
    text-align: center;
}

@media only screen and (min-width: 760px) {
    .nw-billboard-test {
        height: 425px;
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 820px) {
    .nw-billboard-test {
        height: 385px;
    }
}

.nw-billboard-test .nw-billboard-wrap {
    position: relative;
    top: 65px;
}

@media only screen and (min-width: 760px) {
    .nw-billboard-test .nw-billboard-wrap {
        top: 140px;
    }
}

@media only screen and (min-width: 820px) {
    .nw-billboard-test .nw-billboard-wrap {
        top: 100px;
    }
}

@media only screen and (min-width: 992px) {
    .nw-billboard-test .nw-billboard-wrap {
        top: 120px;
    }
}

.nw-billboard-test .nw-billboard-wrap h1 {
    color: #ffffff;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 3px;
    line-height: 35px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

@media only screen and (min-width: 760px) {
    .nw-billboard-test .nw-billboard-wrap h1 {
        font-size: 40px;
        line-height: 42px;
        margin-bottom: 12px;
    }
}
@media only screen and (min-width: 1024px) {
    .nw-billboard-test .nw-billboard-wrap h1 {
        font-size: 45px;
        line-height: 45px;
        margin-bottom: 20px;
    }
}

.nw-billboard-test .nw-billboard-wrap h2 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 60px 0;
}

@media only screen and (min-width: 760px) {
    .nw-billboard-test .nw-billboard-wrap h2 {
        font-size: 24px;
        margin: 0 0 25px 0;
    }
}
@media only screen and (min-width: 1024px) {
    .nw-billboard-test .nw-billboard-wrap h2 {
        font-size: 28px;
        margin: 0 0 25px 0;
    }
}

.nw-billboard-test .nw-billboard-wrap .nw-btn-free {
    background-color: #42ace7;
    background-image: linear-gradient(to bottom, #64c5ff 0%, #007cc2 100%);
    border: 1px solid #0095e2;
    box-shadow: 0 1px rgba(0, 69, 127, 0.75), 0 1px 1px #fff inset;
    color: #ffffff;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    padding: 6px 20px;
    text-shadow: 0 1px rgba(28, 115, 196, 0.75);
    text-transform: uppercase;
}

.nw-billboard-test .nw-billboard-wrap .nw-btn-free:hover {
    background-image: linear-gradient(to bottom, #007cc2 0%, #64c5ff 100%);
    text-decoration: underline;
}

.nw-billboard-test .nw-billboard-wrap .one-min-lnk a {
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    margin-top: 15px;
    text-decoration: underline;
}

.nw-billboard-test .nw-billboard-wrap .one-min-lnk a:hover {
    text-decoration: none;
}

.client-logo-slider {
    height: 60px;
    display: none;
    margin-bottom: 8px;
    margin-top: 29px;
    overflow: hidden;
    z-index: 2;
}

@media only screen and (min-width: 760px) {
    .client-logo-slider {
        display: block;
    }
}

.client-logo-slider .clientlogos {
    display: none;
}

.client-logo-slider .nbs-flexisel-container {
    max-width: 100%;
    position: relative;
}

.client-logo-slider .nbs-flexisel-container .nbs-flexisel-inner {
    width: 100%;
    background: #fff;
    float: left;
    overflow: hidden;
    position: relative;
}

.client-logo-slider .nbs-flexisel-container .nbs-flexisel-inner .clientlogos.nbs-flexisel-ul {
    width: 99999px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    position: relative;
    text-align: center;
}

.client-logo-slider .nbs-flexisel-container .nbs-flexisel-inner .clientlogos.nbs-flexisel-ul .nbs-flexisel-item {
    cursor: pointer;
    float: left;
    line-height: 0px;
    margin: 0px;
    padding: 0px;
    position: relative;
}

.client-logo-slider .nbs-flexisel-container .nbs-flexisel-inner .clientlogos.nbs-flexisel-ul .nbs-flexisel-item img {
    width: 54%;
    max-width: 100%;
    cursor: pointer;
    position: relative;
}

.client-logo-slider .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-nav-left,
.client-logo-slider .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-nav-right {
    width: 30px;
    height: 30px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ccc;
    cursor: pointer;
    font-family: FontAwesome;
    font-size: 30px;
    position: absolute;
    text-align: left;
    top: 0;
    z-index: 4;
}

.client-logo-slider .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-nav-left {
    left: 10px;
}

.client-logo-slider .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-nav-left:before {
    content: "\2039";
}

.client-logo-slider .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-nav-left.disabled {
    opacity: 0.4;
}

.client-logo-slider .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-nav-right {
    right: 5px;
}

.client-logo-slider .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-nav-right:before {
    content: "\203A";
}

.client-logo-slider .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-nav-right.disabled {
    opacity: 0.4;
}

.h2-heading{
    text-align: center;
    margin-bottom: 12px !important;
    font-size: 24px;
    color: #1A2A55;
    padding-top: 8px !important;
    font-weight: 500;
}
.tryIcon.h2-heading {
    text-align: left;
    padding-top: 0px !important;
    font-size: 20px;
    line-height: 1.24;
    margin-bottom: 0px !important;
}
@media only screen and (min-width: 760px) {
    .h2-heading{
        margin-bottom: 12px !important;
        font-size: 28px;
        padding-top: 12px !important;
    }
    .tryIcon.h2-heading {
        margin-bottom: 0px !important;
        font-size: 20px;
        line-height: 1.24;
    }
}
@media only screen and (min-width: 1024px) {
    .h2-heading{
        margin-bottom: 12px !important;
        font-size: 32px;
        padding-top: 14px !important;
    }
    .tryIcon.h2-heading {
        margin-bottom: 6px !important;
        font-size: 30px;
        line-height: 1.24;
    }
}
@media only screen and (min-width: 1200px) {
    .h2-heading{
        margin-bottom: 12px !important;
        font-size: 36px;
        padding-top: 16px !important;
    }
    .tryIcon.h2-heading {
        margin-bottom: 12px !important;
        font-size: 36px;
        line-height: 1.1;
    }
}

.btn-get-footer .h3-heading {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.24;
    padding-bottom: 15px;
    color: #1A2A55;
    text-align: center;
}
@media only screen and (min-width: 768px) {
    .btn-get-footer .h3-heading {
        font-size: 22px;
        padding-bottom: 20px;
    }
}
@media only screen and (min-width:1024px) {
    .btn-get-footer .h3-heading {
        font-size: 24px;
        padding-bottom: 24px;
    }
}
@media only screen and (min-width: 1200px) {
    .btn-get-footer .h3-heading {
        font-size: 30px;
        padding-bottom: 30px;
    }
}


.how-it-works {
    padding: 15px 0;
    margin-top: -30px;
}

@media only screen and (min-width: 760px) {
    .how-it-works {
        margin-top: 0;
        padding: 30px 0;
    }
}

.how-it-works h3 {
    color: #1a2a55;
    font-size: 17px;
    font-weight: 400;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    line-height: 1.24;
}

@media only screen and (min-width: 760px) {
    .how-it-works h3 {
        font-size: 22px;
        padding: 0 0 20px;
    }
}

.how-it-works .how-it-works-section {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    text-align: center;
}

.how-it-works .how-it-works-section:last-child {
    border-bottom: none;
}

@media only screen and (min-width: 760px) {
    .how-it-works .how-it-works-section {
        border-bottom: none;
        padding-bottom: 0;
    }
}

.how-it-works .how-it-works-section img {
    width: 100%;
    height: auto;
    margin-top: 15px;
}

@media only screen and (min-width: 460px) {
    .how-it-works .how-it-works-section img {
        width: auto;
    }
}

@media only screen and (min-width: 760px) {
    .how-it-works .how-it-works-section img {
        width: 160px;
    }
}

@media only screen and (min-width: 992px) {
    .how-it-works .how-it-works-section img {
        width: 170px;
        height: auto;
    }
}

.how-it-works .how-it-works-section h4 {
    color: #1a2a55;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 5px;
    text-align: center;
    text-transform: uppercase;
}

@media only screen and (min-width: 760px) {
    .how-it-works .how-it-works-section h4 {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1024px) {
    .how-it-works .how-it-works-section h4 {
        font-size: 18px;
    }
}

.how-it-works .how-it-works-section p {
    color: rgba(0,0,0,0.8);
    font-size: 15px;
    line-height: 1.6;
    text-align: center;
    text-rendering: optimizeLegibility;
}
@media only screen and (min-width: 1024px) {
    .how-it-works .how-it-works-section p {
        font-size: 16px;
    }
}
.sub-title {
    text-align: center;
}
.survey-experience {
    padding: 15px 0;
}

@media only screen and (min-width: 760px) {
    .survey-experience {
        padding: 30px 0;
    }
}

.survey-experience h3 {
    color: #142b4d;
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 15px;
    padding: 0 10px;
}

@media only screen and (min-width: 760px) {
    .survey-experience h3 {
        font-size: 28px;
        margin: 0 auto;
        padding: 0;
    }
}

.survey-experience .tabbed-data {
    display: block;
    margin-bottom: 0;
}

.survey-experience .tabbed-data .nav-tabs {
    border: none;
    display: none;
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;
}

@media only screen and (min-width: 760px) {
    .survey-experience .tabbed-data .nav-tabs {
        display: block;
    }
}

.survey-experience .tabbed-data .nav-tabs li {
    display: inline-block;
    float: none;
    padding: 0;
}

.survey-experience .tabbed-data .nav-tabs li.active,
.survey-experience .tabbed-data .nav-tabs li:hover {
    background: none;
    border: none;
}

.survey-experience .tabbed-data .nav-tabs li.active a,
.survey-experience .tabbed-data .nav-tabs li:hover a {
    background: #39b0f2;
    color: #fff;
    font-weight: 400;
}

.survey-experience .tabbed-data .nav-tabs li a {
    background: none;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #39b0f2;
    font-size: 1.2em;
    font-weight: 500;
    padding: 1px 10px;
}

.survey-experience .tabbed-data .nav-tabs li a:hover {
    background: #39b0f2;
    color: #fff;
    font-weight: 400;
}

.survey-experience .getaccount {
    margin: 30px auto 0;
    text-align: center;
}

.survey-experience .getaccount .btn-getac {
    background-color: #42ace7;
    background-image: linear-gradient(to bottom, #64c5ff 0%, #007cc2 99%);
    border: 1px solid #0095e2;
    border-radius: 5px;
    box-shadow: 0 1px rgba(0, 69, 127, 0.75), 0 1px 1px #fff inset;
    color: #ffffff;
    display: inline-block;
    font-size: 1.1em;
    font-weight: bold;
    padding: 0.6em 1.2em;
    text-align: center;
    text-shadow: 1px 1px 1px #3d3d3d;
}

.survey-experience .getaccount .btn-getac:hover {
    background-color: #64c5ff;
    background-image: linear-gradient(to bottom, #007cc2 0%, #64c5ff 100%);
}

.g-recaptcha {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

.content-form {
    padding: 15px 0;
}

@media only screen and (min-width: 760px) {
    .content-form {
        padding: 30px 0;
    }
}

@media only screen and (min-width: 992px) {
    .content-form {
        padding: 50px 0;
    }
}

.content-form .survey-tools h3 {
    color: #1a2a55;
    font-size: 21px;
    font-weight: 500;
    line-height: 24px;
    margin: 0 auto;
}

@media only screen and (min-width: 992px) {
    .content-form .survey-tools h3 {
        font-size: 28px;
        line-height: 32px;
    }
}

.content-form .survey-tools h3.tryIcon {
    background-color: transparent;
    background-image: url("/images/qphome/v2a/tryIcon.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 39px auto;
    padding: 0 0 0 50px;
    white-space: normal;
}
.content-form .survey-tools h3.tryIcon.in{
    background-image: none;
    padding: 0;
    text-align: left;
}

@media only screen and (min-width: 760px) {
    .content-form .survey-tools h3.tryIcon {
        padding: 0 0 0 55px;
    }

    .content-form .survey-tools h3.tryIcon.in{
        padding: 0;
    }
}

.content-form .survey-tools .subheading {
    font-size: 16px;
    text-align: left;
    display: block;
    padding-bottom: 12px;
    padding-top: 8px;
    color: #1a2a55;
    font-weight: 400;
}
@media only screen and (min-width: 760px) {
    .content-form .survey-tools .subheading {
        font-size: 16px;
        padding-top: 10px;
        line-height: 1.28;
        padding-bottom: 0px;
    }
}

@media only screen and (min-width: 1024px) {
    .content-form .survey-tools .subheading {
        font-size: 18px;
        padding-bottom: 12px;
        padding-top: 4px;
    }
}

@media only screen and (min-width: 1200px) {
    .content-form .survey-tools .subheading {
        font-size: 22px;
        padding-bottom: 24px;
    }
}

.content-form .survey-tools .features {
    padding-left: 0;
    margin-top: 5px;
}

.content-form .survey-tools .features li {
    width: 100%;
    color: rgba(0, 0, 0,0.8);
    display: inline-block;
    font-size: 15px;
    padding-bottom: 8px;
    padding-left: 0.5em;
    padding-top: 5px;
    text-indent: 0;
    line-height: 1.34;
    vertical-align: top;
}

.content-form .survey-tools .features.in li{
    padding-left: 3.2em;
    padding-bottom: 8px;
    padding-top: 10px;
    background-size: 26px !important;
}

@media only screen and (min-width: 760px) {
    .content-form .survey-tools .features li {
        padding-bottom: 10px;
        padding-left: 1em;
        padding-top: 10px;
        font-size: 14px;

    }
    .content-form .survey-tools .features.in li {
        padding-left: 2.8em;
        padding-bottom: 12px;
        padding-top: 12px;
        background-size: 26px !important;

    }
}

@media only screen and (min-width: 992px) {
    .content-form .survey-tools .features li {
        width: 49%;
        padding-bottom: 15px;
        padding-left: 1em;
        padding-top: 15px;
        font-size: 16px;
    }
    .content-form .survey-tools .features.in li {
        padding-left: 3em;
        background-size: 30px !important;
    }
}

@media only screen and (min-width: 1200px) {
    .content-form .survey-tools .features.in li {
        padding-left: 3.5em;
        background-size: 30px !important;
    }
}

.content-form .survey-tools .features li.multi-user {
    background: url(/userimages/site_media/multi-user-accounts-b.png) no-repeat left center;
}
.content-form .survey-tools .features li.segmentation {
    background: url(/userimages/site_media/segmentation-cross-tabs-SPSS-b.png) no-repeat left center;
}
.content-form .survey-tools .features li.customize {
    background: url(/userimages/site_media/customize-theme-brand-URL-b.png) no-repeat left center;
}
.content-form .survey-tools .features li.multilingual {
    background: url(/userimages/site_media/full-multilingual-support-b.png) no-repeat left center;
}
.content-form .survey-tools .features li.extraction {
    background: url(/userimages/site_media/extraction-piping-randomization-b.png) no-repeat left center;
}
.content-form .survey-tools .features li.panel-integration {
    background: url(/userimages/site_media/panel-integration-rewards-b.png) no-repeat left center;
}
.content-form .survey-tools .features li.filtering {
    background: url(/userimages/site_media/powerful-filtering-reporting-b.png) no-repeat left center;
}
.content-form .survey-tools .features li.custom-script {
    background: url(/userimages/site_media/custom-API-scripting-b.png) no-repeat left center;
}
.content-form .survey-tools .features li.scripting-scoring {
    background: url(/userimages/site_media/scripting-and-scoring-logic-b.png) no-repeat left center;
}
.content-form .survey-tools .features li.salesforce {
    background: url(/userimages/site_media/salesforce-integration-and-more-b.png) no-repeat left center;
}

.content-form .survey-tools .features li:before {
    color: #0073D1;
    content: "\2022";
}
.content-form .survey-tools .features.in li:before {
    content: "";
}

.content-form .contact_box {
    width: 100%;
    height: auto;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f0f0f0 0%, #f6f6f6 100%) repeat scroll 0 0;
    border-color: #cccccc currentcolor;
    border-image: none;
    border-style: solid none;
    border-width: 1px medium;
    box-shadow: none;
    display: inline-block;
    padding: 25px 10px;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
}

@media only screen and (min-width: 760px) {
    .content-form .contact_box {
        padding: 35px 10px 0px;
    }
}

.content-form .contact_box h5 {
    color: #1a2a55;
    font-size: 18px;
    margin-bottom: 25px;
    padding-left: 25px;
}

.content-form .contact_box .thnxMsg {
    display: inline-block;
    height: auto;
    padding: 0 25px;
    position: relative;
}

.content-form .contact_box .thnxMsg .h2Special {
    min-height: 260px;
    display: inline-block;
}

@media only screen and (min-width: 340px) {
    .content-form .contact_box .thnxMsg .h2Special {
        min-height: 240px;
    }
}

@media only screen and (min-width: 600px) {
    .content-form .contact_box .thnxMsg .h2Special {
        min-height: 300px;
    }
}

@media only screen and (min-width: 760px) {
    .content-form .contact_box .thnxMsg .h2Special {
        min-height: 300px;
    }
}

@media only screen and (min-width: 1024px) {
    .content-form .contact_box .thnxMsg .h2Special {
        min-height: 240px;
    }
}

@media only screen and (min-width: 1200px) {
    .content-form .contact_box .thnxMsg .h2Special {
        min-height: 360px;
    }
}

.content-form .contact_box .thnxMsg .h2Special .thankHeader {
    color: #1a2a55;
    display: block;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 15px;
}

.content-form .contact_box .thnxMsg .h2Special .thankBody {
    color: #1a2a55;
    font-size: 16px;
    line-height: 25px;
}

.content-form .contact_box .thnxMsg .h2Special .thankText {
    bottom: 25px;
    color: #1a2a55;
    font-size: 16px;
    left: 25px;
    line-height: 25px;
    position: absolute;
}

.content-form .contact_box .form-group {
    width: 100%;
    display: inline-block;
}

.content-form .contact_box .form-group .form-control {
    width: 100%;
    border-radius: 0;
    display: inline-block;
    font-size: 12px;
    padding: 6px 8px;
}

@media only screen and (min-width: 760px) {
    .content-form .contact_box .form-group .form-control {
        font-size: 14px;
        padding: 6px 12px;
    }
}

@media only screen and (min-width: 992px) {
    .content-form .contact_box .form-group .form-control {
        font-size: 13px;
    }
}

@media only screen and (min-width: 1200px) {
    .content-form .contact_box .form-group .form-control {
        font-size: 14px;
    }
}

.content-form .contact_box .form-group .form-control.msg-text {
    min-height: 50px;
    height: 2.3125em;
}

.content-form .contact_box .form-group #flag-phone {
    padding-left: 50px;
    display: none;
}

.content-form .contact_box .form-group label {
    width: 100%;
    display: inline-block;
    font-weight: 400;
    text-align: left;
}

@media only screen and (min-width: 992px) {
    .content-form .contact_box .form-group label {
        text-align: right;
    }
}

.content-form .contact_box .form-group i.require-field {
    color: #f00;
    font-style: normal;
}

.content-form .contact_box .form-group .three-fields .phone-parts {
    width: 31%;
    display: inline-block;
    margin-right: 3px;
    vertical-align: top;
}

.content-form .contact_box .form-group .three-fields .phone-parts:first-child {
    width: 20%;
}

@media only screen and (min-width: 320px) {
    .content-form .contact_box .form-group .three-fields .phone-parts:first-child {
        width: 20%;
    }

    .content-form .contact_box .form-group .three-fields .phone-parts:nth-child(3) {
        width: 42%;
    }
}


@media only screen and (min-width: 490px) {
    .content-form .contact_box .form-group .three-fields .phone-parts:first-child {
        width: 12%;
    }

    .content-form .contact_box .form-group .three-fields .phone-parts:nth-child(3) {
        width: 53%;
    }
}


@media only screen and (min-width: 600px) {
    .content-form .contact_box .form-group .three-fields .phone-parts:first-child {
        width: 10%;
    }

    .content-form .contact_box .form-group .three-fields .phone-parts:nth-child(3) {
        width: 54%;
    }
}

@media only screen and (min-width: 760px) {
    .content-form .contact_box .form-group .three-fields .phone-parts:first-child {
        width: 11%;
    }

    .content-form .contact_box .form-group .three-fields .phone-parts:nth-child(3) {
        width: 54%;
    }
}


@media only screen and (min-width: 992px) {

    .content-form .contact_box .form-group .three-fields .phone-parts:first-child {
        width: 20%;
    }

    .content-form .contact_box .form-group .three-fields .phone-parts:nth-child(2) {
        width: 32%;
    }

    .content-form .contact_box .form-group .three-fields .phone-parts:nth-child(3) {
        width: 41%;
    }
}


@media only screen and (min-width: 1200px) {

    .content-form .contact_box .form-group .three-fields .phone-parts:first-child {
        width: 20%;
    }

    .content-form .contact_box .form-group .three-fields .phone-parts:nth-child(2) {
        width: 35%;
    }

    .content-form .contact_box .form-group .three-fields .phone-parts:nth-child(3) {
        width: 40%;
    }
}

.content-form .contact_box .form-group .three-fields .phone-parts:last-child {
    margin-right: 0;
}

.content-form .contact_box .form-group .error {
    color: #f00;
    font-size: 12px;
    margin-top: 5px;
}

.content-form .contact_box .form-group .success {
    color: #4F8A10;
    font-size: 12px;
    margin-top: 5px;
}

.content-form .contact_box button {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #93CFF2 0%, #4BACD9 100%) repeat scroll 0 0;
    border: 1px solid #6fb2dd;
    border-radius: 15px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: "Droid Sans", sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 2px 20px;
    position: relative;
}

.content-form .contact_box button:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #4BACD9 0%, #93CFF2 100%) repeat scroll 0 0;
    cursor: pointer;
}

.content-form .contact_box .rc-anchor-normal {
    width: 240px;
}

.content-form .contact_box .rc-anchor-normal .rc-anchor-content {
    width: 155px;
}

.content-form .contact_box .rc-anchor-normal .rc-anchor-checkbox-label {
    width: 100px;
}

.content-form .contact_box .rc-anchor-normal .rc-anchor-logo-portrait {
    margin: 10px 0 0 15px;
}

.content-form .contact_box .rc-anchor-normal .rc-anchor-pt {
    width: 116px;
}

.home-features {
    padding: 15px 0;
}

@media only screen and (min-width: 760px) {
    .home-features {
        padding: 30px 0;
    }
}

.home-features .icon-box {
    height: 51px;
    margin-bottom: 16px;
    text-align: center;
}

@media only screen and (min-width: 760px) {
    .home-features .icon-box {
        padding: 0;
        text-align: left;
    }
}

.home-features .icon-box .feature-ico {
    background-color: transparent;
    background-image: url("/images/qphome/v3/feature-ico.png");
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
}

.home-features .icon-box .feature-ico.sample {
    width: 79px;
    height: 41px;
    background-position: 0 0;
}

.home-features .icon-box .feature-ico.academic {
    width: 57px;
    height: 37px;
    background-position: -80px 0;
}

.home-features .icon-box .feature-ico.integration {
    width: 67px;
    height: 39px;
    background-position: -138px 0;
}

.home-features .icon-box .feature-ico.lock {
    width: 41px;
    height: 51px;
    background-position: -206px 0;
}

.home-features h6 {
    color: #1a2a55;
    font-size: 17px;
    margin-bottom: 10px;
    text-align: center;
}

@media only screen and (min-width: 760px) {
    .home-features h6 {
        text-align: left;
    }
}

.home-features p {
    min-height: 10px;
    color: #464646;
    font-size: 14px;
    line-height: 24px;
}

@media only screen and (min-width: 760px) {
    .home-features p {
        min-height: 290px;
    }
}

@media only screen and (min-width: 820px) {
    .home-features p {
        min-height: 225px;
    }
}

@media only screen and (min-width: 992px) {
    .home-features p {
        min-height: 240px;
    }
}

.home-features .readmore {
    color: #0073c9;
    display: inline-block;
    font-weight: 500;
    text-decoration: underline;
    margin-bottom: 15px;
}

@media only screen and (min-width: 760px) {
    .home-features .readmore {
        margin-bottom: 0;
    }
}

.btn-get-footer {
    padding: 20px 0 30px;
    text-align: center;
}

@media only screen and (min-width: 760px) {
    .btn-get-footer {
        padding: 30px 0 40px;
    }
}
@media only screen and (min-width: 1024px) {
    .btn-get-footer {
        padding: 38px 0 48px;
    }
}

.btn-get-footer .btn-side-get {
    background-color: #42ace7;
    background-image: linear-gradient(to bottom, #64c5ff 0%, #007cc2 99%);
    border: 1px solid #0095e2;
    border-radius: 5px;
    box-shadow: 0 1px rgba(0, 69, 127, 0.75), 0 1px 1px #fff inset;
    color: #ffffff;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0 auto;
    padding: 0.6em 1.2em;
    text-align: center;
    text-shadow: 1px 1px 1px #3d3d3d;
}

.btn-get-footer .btn-side-get:hover {
    background-image: linear-gradient(to bottom, #007cc2 0%, #64c5ff 100%);
}

.btn-get-footer .btn-get-free-link {
    color: #464646;
    display: none;
    font-weight: bold;
    margin-left: 1em;
    vertical-align: middle;
}

@media only screen and (min-width: 760px) {
    .btn-get-footer .btn-get-free-link {
        display: inline;
    }
}

.btn-get-footer .btn-get-free-link a {
    color: #0073c9;
    padding-left: 5px;
    text-decoration: underline;
}

.tab-content {
    display: block;
}

.tab-content #desktop,
.tab-content #tablet,
.tab-content #mobile {
    width: 100%;
}

.tab-content #desktop .all-survey-pages,
.tab-content #tablet .all-survey-pages,
.tab-content #mobile .all-survey-pages {
    overflow: hidden;
    position: relative;
}

.tab-content #desktop .all-survey-pages .home-pages,
.tab-content #tablet .all-survey-pages .home-pages,
.tab-content #mobile .all-survey-pages .home-pages {
    width: 100%;
    height: 100%;
}

.tab-content #desktop .all-survey-pages .home-pages.page-1,
.tab-content #tablet .all-survey-pages .home-pages.page-1,
.tab-content #mobile .all-survey-pages .home-pages.page-1 {
    text-align: center;
}

.tab-content #desktop .all-survey-pages .home-pages.page-1 .begin-btn,
.tab-content #tablet .all-survey-pages .home-pages.page-1 .begin-btn,
.tab-content #mobile .all-survey-pages .home-pages.page-1 .begin-btn {
    border: 3px solid #fff;
    color: #fff;
    font-family: "Droid Sans", sans-serif;
    font-weight: bold;
    padding: 12px 32px;
    position: relative;
    text-transform: uppercase;
}

.tab-content #desktop .all-survey-pages .home-pages.page-1 .begin-btn:hover,
.tab-content #tablet .all-survey-pages .home-pages.page-1 .begin-btn:hover,
.tab-content #mobile .all-survey-pages .home-pages.page-1 .begin-btn:hover {
    background: #fff;
    color: #3e3e3e;
}

.tab-content #desktop .all-survey-pages .home-pages.page-3 .pages-nav,
.tab-content #tablet .all-survey-pages .home-pages.page-3 .pages-nav,
.tab-content #mobile .all-survey-pages .home-pages.page-3 .pages-nav,
.tab-content #desktop .all-survey-pages .home-pages.page-4 .pages-nav,
.tab-content #tablet .all-survey-pages .home-pages.page-4 .pages-nav,
.tab-content #mobile .all-survey-pages .home-pages.page-4 .pages-nav,
.tab-content #desktop .all-survey-pages .home-pages.page-5 .pages-nav,
.tab-content #tablet .all-survey-pages .home-pages.page-5 .pages-nav,
.tab-content #mobile .all-survey-pages .home-pages.page-5 .pages-nav,
.tab-content #desktop .all-survey-pages .home-pages.page-6 .pages-nav,
.tab-content #tablet .all-survey-pages .home-pages.page-6 .pages-nav,
.tab-content #mobile .all-survey-pages .home-pages.page-6 .pages-nav,
.tab-content #desktop .all-survey-pages .home-pages.page-7 .pages-nav,
.tab-content #tablet .all-survey-pages .home-pages.page-7 .pages-nav,
.tab-content #mobile .all-survey-pages .home-pages.page-7 .pages-nav {
    background: #dbdbdb;
    font-size: 15px;
    padding: 6px 10px;
    text-shadow: none;
}

.tab-content #desktop .all-survey-pages .home-pages.page-3 .pages-nav .left-bar,
.tab-content #tablet .all-survey-pages .home-pages.page-3 .pages-nav .left-bar,
.tab-content #mobile .all-survey-pages .home-pages.page-3 .pages-nav .left-bar,
.tab-content #desktop .all-survey-pages .home-pages.page-4 .pages-nav .left-bar,
.tab-content #tablet .all-survey-pages .home-pages.page-4 .pages-nav .left-bar,
.tab-content #mobile .all-survey-pages .home-pages.page-4 .pages-nav .left-bar,
.tab-content #desktop .all-survey-pages .home-pages.page-5 .pages-nav .left-bar,
.tab-content #tablet .all-survey-pages .home-pages.page-5 .pages-nav .left-bar,
.tab-content #mobile .all-survey-pages .home-pages.page-5 .pages-nav .left-bar,
.tab-content #desktop .all-survey-pages .home-pages.page-6 .pages-nav .left-bar,
.tab-content #tablet .all-survey-pages .home-pages.page-6 .pages-nav .left-bar,
.tab-content #mobile .all-survey-pages .home-pages.page-6 .pages-nav .left-bar,
.tab-content #desktop .all-survey-pages .home-pages.page-7 .pages-nav .left-bar,
.tab-content #tablet .all-survey-pages .home-pages.page-7 .pages-nav .left-bar,
.tab-content #mobile .all-survey-pages .home-pages.page-7 .pages-nav .left-bar {
    float: left;
    text-align: left;
}

.tab-content #desktop .all-survey-pages .home-pages.page-3 .pages-nav .left-bar .backpage,
.tab-content #tablet .all-survey-pages .home-pages.page-3 .pages-nav .left-bar .backpage,
.tab-content #mobile .all-survey-pages .home-pages.page-3 .pages-nav .left-bar .backpage,
.tab-content #desktop .all-survey-pages .home-pages.page-4 .pages-nav .left-bar .backpage,
.tab-content #tablet .all-survey-pages .home-pages.page-4 .pages-nav .left-bar .backpage,
.tab-content #mobile .all-survey-pages .home-pages.page-4 .pages-nav .left-bar .backpage,
.tab-content #desktop .all-survey-pages .home-pages.page-5 .pages-nav .left-bar .backpage,
.tab-content #tablet .all-survey-pages .home-pages.page-5 .pages-nav .left-bar .backpage,
.tab-content #mobile .all-survey-pages .home-pages.page-5 .pages-nav .left-bar .backpage,
.tab-content #desktop .all-survey-pages .home-pages.page-6 .pages-nav .left-bar .backpage,
.tab-content #tablet .all-survey-pages .home-pages.page-6 .pages-nav .left-bar .backpage,
.tab-content #mobile .all-survey-pages .home-pages.page-6 .pages-nav .left-bar .backpage,
.tab-content #desktop .all-survey-pages .home-pages.page-7 .pages-nav .left-bar .backpage,
.tab-content #tablet .all-survey-pages .home-pages.page-7 .pages-nav .left-bar .backpage,
.tab-content #mobile .all-survey-pages .home-pages.page-7 .pages-nav .left-bar .backpage {
    color: #0071ca;
    font-weight: 700;
    padding: 0 10px;
}

.tab-content #desktop .all-survey-pages .home-pages.page-3 .pages-nav .left-bar .backpage .back-btn,
.tab-content #tablet .all-survey-pages .home-pages.page-3 .pages-nav .left-bar .backpage .back-btn,
.tab-content #mobile .all-survey-pages .home-pages.page-3 .pages-nav .left-bar .backpage .back-btn,
.tab-content #desktop .all-survey-pages .home-pages.page-4 .pages-nav .left-bar .backpage .back-btn,
.tab-content #tablet .all-survey-pages .home-pages.page-4 .pages-nav .left-bar .backpage .back-btn,
.tab-content #mobile .all-survey-pages .home-pages.page-4 .pages-nav .left-bar .backpage .back-btn,
.tab-content #desktop .all-survey-pages .home-pages.page-5 .pages-nav .left-bar .backpage .back-btn,
.tab-content #tablet .all-survey-pages .home-pages.page-5 .pages-nav .left-bar .backpage .back-btn,
.tab-content #mobile .all-survey-pages .home-pages.page-5 .pages-nav .left-bar .backpage .back-btn,
.tab-content #desktop .all-survey-pages .home-pages.page-6 .pages-nav .left-bar .backpage .back-btn,
.tab-content #tablet .all-survey-pages .home-pages.page-6 .pages-nav .left-bar .backpage .back-btn,
.tab-content #mobile .all-survey-pages .home-pages.page-6 .pages-nav .left-bar .backpage .back-btn,
.tab-content #desktop .all-survey-pages .home-pages.page-7 .pages-nav .left-bar .backpage .back-btn,
.tab-content #tablet .all-survey-pages .home-pages.page-7 .pages-nav .left-bar .backpage .back-btn,
.tab-content #mobile .all-survey-pages .home-pages.page-7 .pages-nav .left-bar .backpage .back-btn {
    width: 16px;
    height: 16px;
    background-color: transparent;
    background-image: url("/images/qphome/v3/sprite-us-home.png");
    background-position: -287px 0;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 4px 5px 0 0;
    vertical-align: top;
}

.tab-content #desktop .all-survey-pages .home-pages.page-3 .pages-nav .right-bar,
.tab-content #tablet .all-survey-pages .home-pages.page-3 .pages-nav .right-bar,
.tab-content #mobile .all-survey-pages .home-pages.page-3 .pages-nav .right-bar,
.tab-content #desktop .all-survey-pages .home-pages.page-4 .pages-nav .right-bar,
.tab-content #tablet .all-survey-pages .home-pages.page-4 .pages-nav .right-bar,
.tab-content #mobile .all-survey-pages .home-pages.page-4 .pages-nav .right-bar,
.tab-content #desktop .all-survey-pages .home-pages.page-5 .pages-nav .right-bar,
.tab-content #tablet .all-survey-pages .home-pages.page-5 .pages-nav .right-bar,
.tab-content #mobile .all-survey-pages .home-pages.page-5 .pages-nav .right-bar,
.tab-content #desktop .all-survey-pages .home-pages.page-6 .pages-nav .right-bar,
.tab-content #tablet .all-survey-pages .home-pages.page-6 .pages-nav .right-bar,
.tab-content #mobile .all-survey-pages .home-pages.page-6 .pages-nav .right-bar,
.tab-content #desktop .all-survey-pages .home-pages.page-7 .pages-nav .right-bar,
.tab-content #tablet .all-survey-pages .home-pages.page-7 .pages-nav .right-bar,
.tab-content #mobile .all-survey-pages .home-pages.page-7 .pages-nav .right-bar {
    float: right;
    text-align: center;
}

.tab-content #desktop .all-survey-pages .home-pages.page-3 .pages-nav .right-bar .percent,
.tab-content #tablet .all-survey-pages .home-pages.page-3 .pages-nav .right-bar .percent,
.tab-content #mobile .all-survey-pages .home-pages.page-3 .pages-nav .right-bar .percent,
.tab-content #desktop .all-survey-pages .home-pages.page-4 .pages-nav .right-bar .percent,
.tab-content #tablet .all-survey-pages .home-pages.page-4 .pages-nav .right-bar .percent,
.tab-content #mobile .all-survey-pages .home-pages.page-4 .pages-nav .right-bar .percent,
.tab-content #desktop .all-survey-pages .home-pages.page-5 .pages-nav .right-bar .percent,
.tab-content #tablet .all-survey-pages .home-pages.page-5 .pages-nav .right-bar .percent,
.tab-content #mobile .all-survey-pages .home-pages.page-5 .pages-nav .right-bar .percent,
.tab-content #desktop .all-survey-pages .home-pages.page-6 .pages-nav .right-bar .percent,
.tab-content #tablet .all-survey-pages .home-pages.page-6 .pages-nav .right-bar .percent,
.tab-content #mobile .all-survey-pages .home-pages.page-6 .pages-nav .right-bar .percent,
.tab-content #desktop .all-survey-pages .home-pages.page-7 .pages-nav .right-bar .percent,
.tab-content #tablet .all-survey-pages .home-pages.page-7 .pages-nav .right-bar .percent,
.tab-content #mobile .all-survey-pages .home-pages.page-7 .pages-nav .right-bar .percent {
    display: inline-block;
    vertical-align: middle;
}

.tab-content #desktop .all-survey-pages .home-pages.page-3 .pages-nav .right-bar .progbar,
.tab-content #tablet .all-survey-pages .home-pages.page-3 .pages-nav .right-bar .progbar,
.tab-content #mobile .all-survey-pages .home-pages.page-3 .pages-nav .right-bar .progbar,
.tab-content #desktop .all-survey-pages .home-pages.page-4 .pages-nav .right-bar .progbar,
.tab-content #tablet .all-survey-pages .home-pages.page-4 .pages-nav .right-bar .progbar,
.tab-content #mobile .all-survey-pages .home-pages.page-4 .pages-nav .right-bar .progbar,
.tab-content #desktop .all-survey-pages .home-pages.page-5 .pages-nav .right-bar .progbar,
.tab-content #tablet .all-survey-pages .home-pages.page-5 .pages-nav .right-bar .progbar,
.tab-content #mobile .all-survey-pages .home-pages.page-5 .pages-nav .right-bar .progbar,
.tab-content #desktop .all-survey-pages .home-pages.page-6 .pages-nav .right-bar .progbar,
.tab-content #tablet .all-survey-pages .home-pages.page-6 .pages-nav .right-bar .progbar,
.tab-content #mobile .all-survey-pages .home-pages.page-6 .pages-nav .right-bar .progbar,
.tab-content #desktop .all-survey-pages .home-pages.page-7 .pages-nav .right-bar .progbar,
.tab-content #tablet .all-survey-pages .home-pages.page-7 .pages-nav .right-bar .progbar,
.tab-content #mobile .all-survey-pages .home-pages.page-7 .pages-nav .right-bar .progbar {
    width: 35%;
    box-shadow: 0 0 3px 0 #c4c4c4;
    display: inline-block;
    vertical-align: middle;
}

.tab-content #desktop .all-survey-pages .home-pages.page-3 .pages-nav .right-bar .progbar .progress,
.tab-content #tablet .all-survey-pages .home-pages.page-3 .pages-nav .right-bar .progbar .progress,
.tab-content #mobile .all-survey-pages .home-pages.page-3 .pages-nav .right-bar .progbar .progress,
.tab-content #desktop .all-survey-pages .home-pages.page-4 .pages-nav .right-bar .progbar .progress,
.tab-content #tablet .all-survey-pages .home-pages.page-4 .pages-nav .right-bar .progbar .progress,
.tab-content #mobile .all-survey-pages .home-pages.page-4 .pages-nav .right-bar .progbar .progress,
.tab-content #desktop .all-survey-pages .home-pages.page-5 .pages-nav .right-bar .progbar .progress,
.tab-content #tablet .all-survey-pages .home-pages.page-5 .pages-nav .right-bar .progbar .progress,
.tab-content #mobile .all-survey-pages .home-pages.page-5 .pages-nav .right-bar .progbar .progress,
.tab-content #desktop .all-survey-pages .home-pages.page-6 .pages-nav .right-bar .progbar .progress,
.tab-content #tablet .all-survey-pages .home-pages.page-6 .pages-nav .right-bar .progbar .progress,
.tab-content #mobile .all-survey-pages .home-pages.page-6 .pages-nav .right-bar .progbar .progress,
.tab-content #desktop .all-survey-pages .home-pages.page-7 .pages-nav .right-bar .progbar .progress,
.tab-content #tablet .all-survey-pages .home-pages.page-7 .pages-nav .right-bar .progbar .progress,
.tab-content #mobile .all-survey-pages .home-pages.page-7 .pages-nav .right-bar .progbar .progress {
    height: 7px;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fdfdfd 0%, #d0d0d0 100%) repeat 0 0;
    border: 1px solid #ccc;
    margin: 0;
    padding: 0;
}

.tab-content #desktop .all-survey-pages .home-pages.page-3 .pages-nav .right-bar .progbar .progress .meter,
.tab-content #tablet .all-survey-pages .home-pages.page-3 .pages-nav .right-bar .progbar .progress .meter,
.tab-content #mobile .all-survey-pages .home-pages.page-3 .pages-nav .right-bar .progbar .progress .meter,
.tab-content #desktop .all-survey-pages .home-pages.page-4 .pages-nav .right-bar .progbar .progress .meter,
.tab-content #tablet .all-survey-pages .home-pages.page-4 .pages-nav .right-bar .progbar .progress .meter,
.tab-content #mobile .all-survey-pages .home-pages.page-4 .pages-nav .right-bar .progbar .progress .meter,
.tab-content #desktop .all-survey-pages .home-pages.page-5 .pages-nav .right-bar .progbar .progress .meter,
.tab-content #tablet .all-survey-pages .home-pages.page-5 .pages-nav .right-bar .progbar .progress .meter,
.tab-content #mobile .all-survey-pages .home-pages.page-5 .pages-nav .right-bar .progbar .progress .meter,
.tab-content #desktop .all-survey-pages .home-pages.page-6 .pages-nav .right-bar .progbar .progress .meter,
.tab-content #tablet .all-survey-pages .home-pages.page-6 .pages-nav .right-bar .progbar .progress .meter,
.tab-content #mobile .all-survey-pages .home-pages.page-6 .pages-nav .right-bar .progbar .progress .meter,
.tab-content #desktop .all-survey-pages .home-pages.page-7 .pages-nav .right-bar .progbar .progress .meter,
.tab-content #tablet .all-survey-pages .home-pages.page-7 .pages-nav .right-bar .progbar .progress .meter,
.tab-content #mobile .all-survey-pages .home-pages.page-7 .pages-nav .right-bar .progbar .progress .meter {
    height: 100%;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #59cbef 0%, #0088c6 100%) repeat 0 0;
    display: block;
}

.tab-content #desktop .all-survey-pages .home-pages.page-3 .meter,
.tab-content #tablet .all-survey-pages .home-pages.page-3 .meter,
.tab-content #mobile .all-survey-pages .home-pages.page-3 .meter {
    width: 20%;
}

.tab-content #desktop .all-survey-pages .home-pages.page-4 .meter,
.tab-content #tablet .all-survey-pages .home-pages.page-4 .meter,
.tab-content #mobile .all-survey-pages .home-pages.page-4 .meter {
    width: 30%;
}

.tab-content #desktop .all-survey-pages .home-pages.page-5 .meter,
.tab-content #tablet .all-survey-pages .home-pages.page-5 .meter,
.tab-content #mobile .all-survey-pages .home-pages.page-5 .meter {
    width: 50%;
}

.tab-content #desktop .all-survey-pages .home-pages.page-6 .meter,
.tab-content #tablet .all-survey-pages .home-pages.page-6 .meter,
.tab-content #mobile .all-survey-pages .home-pages.page-6 .meter {
    width: 70%;
}

.tab-content #desktop .all-survey-pages .home-pages.page-7 .meter,
.tab-content #tablet .all-survey-pages .home-pages.page-7 .meter,
.tab-content #mobile .all-survey-pages .home-pages.page-7 .meter {
    width: 90%;
}

.tab-content #desktop .all-survey-pages .home-pages.page-8,
.tab-content #tablet .all-survey-pages .home-pages.page-8,
.tab-content #mobile .all-survey-pages .home-pages.page-8 {
    text-align: center;
}

.tab-content #desktop .all-survey-pages .home-pages.page-8 .last-page-content h2,
.tab-content #tablet .all-survey-pages .home-pages.page-8 .last-page-content h2,
.tab-content #mobile .all-survey-pages .home-pages.page-8 .last-page-content h2 {
    color: #fff;
    font-family: "Droid Sans", sans-serif;
    font-weight: bold;
    margin: 0 auto;
    padding: 0;
}

.tab-content #desktop .all-survey-pages .home-pages.page-8 .last-page-content hr,
.tab-content #tablet .all-survey-pages .home-pages.page-8 .last-page-content hr,
.tab-content #mobile .all-survey-pages .home-pages.page-8 .last-page-content hr {
    width: 69%;
    border-top: #fff 3px solid;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.tab-content #desktop .all-survey-pages .home-pages.page-8 .last-page-content h3,
.tab-content #tablet .all-survey-pages .home-pages.page-8 .last-page-content h3,
.tab-content #mobile .all-survey-pages .home-pages.page-8 .last-page-content h3 {
    color: #fff;
    font-family: "Droid Sans", sans-serif;
    font-weight: 400;
}

.tab-content #desktop .all-survey-pages .survey-page-content,
.tab-content #tablet .all-survey-pages .survey-page-content,
.tab-content #mobile .all-survey-pages .survey-page-content {
    background: #fff;
    text-align: center;
    overflow-y: hidden;
}

.tab-content #desktop .all-survey-pages .survey-page-content h4,
.tab-content #tablet .all-survey-pages .survey-page-content h4,
.tab-content #mobile .all-survey-pages .survey-page-content h4,
.tab-content #desktop .all-survey-pages .survey-page-content p.que-text,
.tab-content #tablet .all-survey-pages .survey-page-content p.que-text,
.tab-content #mobile .all-survey-pages .survey-page-content p.que-text{
    color: #142b4d;
    font-weight: bold;
    line-height: 1.4em;
    text-align: left;
}

.tab-content #desktop .all-survey-pages .survey-page-content .cont-btn,
.tab-content #tablet .all-survey-pages .survey-page-content .cont-btn,
.tab-content #mobile .all-survey-pages .survey-page-content .cont-btn {
    background-image: linear-gradient(#477cc1, #172a3b);
    border: none;
    border-radius: 5px;
    box-shadow: 0 0 3px 1px #222222 inset;
    color: #ffffff;
    padding: 3px 6px;
    text-shadow: 0 1px 0 #000000;
}

.tab-content #desktop .all-survey-pages .survey-page-content .cont-btn:hover,
.tab-content #tablet .all-survey-pages .survey-page-content .cont-btn:hover,
.tab-content #mobile .all-survey-pages .survey-page-content .cont-btn:hover {
    background-image: linear-gradient(#172a3b, #477cc1);
}

.tab-content #desktop .all-survey-pages .survey-page-content .smartphones-list li,
.tab-content #tablet .all-survey-pages .survey-page-content .smartphones-list li,
.tab-content #mobile .all-survey-pages .survey-page-content .smartphones-list li {
    width: 25%;
    background: #f6f6f6;
    border: 1px solid #cfcfcf;
    cursor: pointer;
    display: inline-block;
    margin-left: -5px;
    padding-bottom: 5px;
    padding-top: 20px;
    position: relative;
    text-align: center;
}

.tab-content #desktop .all-survey-pages .survey-page-content .smartphones-list li .container-mob,
.tab-content #tablet .all-survey-pages .survey-page-content .smartphones-list li .container-mob,
.tab-content #mobile .all-survey-pages .survey-page-content .smartphones-list li .container-mob {
    display: inline-block;
    text-align: center;
}

.tab-content #desktop .all-survey-pages .survey-page-content .smartphones-list li .container-mob img,
.tab-content #tablet .all-survey-pages .survey-page-content .smartphones-list li .container-mob img,
.tab-content #mobile .all-survey-pages .survey-page-content .smartphones-list li .container-mob img {
    max-width: 100%;
    height: auto;
}

.tab-content #desktop .all-survey-pages .survey-page-content .smartphones-list li .mobileSpan,
.tab-content #tablet .all-survey-pages .survey-page-content .smartphones-list li .mobileSpan,
.tab-content #mobile .all-survey-pages .survey-page-content .smartphones-list li .mobileSpan {
    width: 100%;
    display: inline-block;
}

.tab-content #desktop .all-survey-pages .survey-page-content .smartphones-list li input,
.tab-content #tablet .all-survey-pages .survey-page-content .smartphones-list li input,
.tab-content #mobile .all-survey-pages .survey-page-content .smartphones-list li input {
    height: auto;
    cursor: pointer;
    display: inline-block;
    left: auto;
    margin: 0;
    position: relative;
    top: auto;
}

.tab-content #desktop .all-survey-pages .survey-page-content .sortitems .sortable li,
.tab-content #tablet .all-survey-pages .survey-page-content .sortitems .sortable li,
.tab-content #mobile .all-survey-pages .survey-page-content .sortitems .sortable li {
    background: #f6f6f6;
    border-radius: 10px;
    color: #707070;
    cursor: all-scroll;
    text-align: left;
}

.tab-content #desktop .all-survey-pages .survey-page-content .sortitems .sortable li:hover,
.tab-content #tablet .all-survey-pages .survey-page-content .sortitems .sortable li:hover,
.tab-content #mobile .all-survey-pages .survey-page-content .sortitems .sortable li:hover {
    background: #eeeeee;
}

.tab-content #desktop .all-survey-pages .survey-page-content .sortitems .sortable li .dragdots,
.tab-content #tablet .all-survey-pages .survey-page-content .sortitems .sortable li .dragdots,
.tab-content #mobile .all-survey-pages .survey-page-content .sortitems .sortable li .dragdots {
    background-color: transparent;
    background-image: url("/images/qphome/v3/sprite-us-home.png");
    background-position: -255px 0;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.tab-content #desktop .all-survey-pages .survey-page-content .sortitems .sortable li .sortable-number,
.tab-content #tablet .all-survey-pages .survey-page-content .sortitems .sortable li .sortable-number,
.tab-content #mobile .all-survey-pages .survey-page-content .sortitems .sortable li .sortable-number {
    background: #dadada;
    border-radius: 20px;
    box-shadow: 0 1px 0 1px #cacaca inset;
    display: block;
    float: right;
    text-align: center;
}

.tab-content #desktop .all-survey-pages .survey-page-content .num-rating,
.tab-content #tablet .all-survey-pages .survey-page-content .num-rating,
.tab-content #mobile .all-survey-pages .survey-page-content .num-rating {
    text-align: right;
}

.tab-content #desktop .all-survey-pages .survey-page-content .num-rating ul,
.tab-content #tablet .all-survey-pages .survey-page-content .num-rating ul,
.tab-content #mobile .all-survey-pages .survey-page-content .num-rating ul {
    display: inline-block;
    margin: 0 auto;
    position: relative;
    top: 0;
}

.tab-content #desktop .all-survey-pages .survey-page-content .num-rating ul li,
.tab-content #tablet .all-survey-pages .survey-page-content .num-rating ul li,
.tab-content #mobile .all-survey-pages .survey-page-content .num-rating ul li {
    color: #6b6b6b;
    display: inline-block;
    left: 7px;
    position: relative;
    text-align: center;
}

.tab-content #desktop .all-survey-pages .survey-page-content .num-rating ul li p,
.tab-content #tablet .all-survey-pages .survey-page-content .num-rating ul li p,
.tab-content #mobile .all-survey-pages .survey-page-content .num-rating ul li p {
    margin: 0 auto;
    position: relative;
}

.tab-content #desktop .all-survey-pages .survey-page-content .num-rating ul li span,
.tab-content #tablet .all-survey-pages .survey-page-content .num-rating ul li span,
.tab-content #mobile .all-survey-pages .survey-page-content .num-rating ul li span {
    color: #000;
}

.tab-content #desktop .all-survey-pages .survey-page-content .horizontal-value,
.tab-content #tablet .all-survey-pages .survey-page-content .horizontal-value,
.tab-content #mobile .all-survey-pages .survey-page-content .horizontal-value {
    text-align: left;
}

.tab-content #desktop .all-survey-pages .survey-page-content .horizontal-value .slider-panel,
.tab-content #tablet .all-survey-pages .survey-page-content .horizontal-value .slider-panel,
.tab-content #mobile .all-survey-pages .survey-page-content .horizontal-value .slider-panel {
    background: #f6f6f6;
}

.tab-content #desktop .all-survey-pages .survey-page-content .horizontal-value .slider-panel.no-bg,
.tab-content #tablet .all-survey-pages .survey-page-content .horizontal-value .slider-panel.no-bg,
.tab-content #mobile .all-survey-pages .survey-page-content .horizontal-value .slider-panel.no-bg {
    background: #fff;
}

.tab-content #desktop .all-survey-pages .survey-page-content .horizontal-value .slider-panel p,
.tab-content #tablet .all-survey-pages .survey-page-content .horizontal-value .slider-panel p,
.tab-content #mobile .all-survey-pages .survey-page-content .horizontal-value .slider-panel p {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}

.tab-content #desktop .all-survey-pages .survey-page-content .horizontal-value .slider-panel p label,
.tab-content #tablet .all-survey-pages .survey-page-content .horizontal-value .slider-panel p label,
.tab-content #mobile .all-survey-pages .survey-page-content .horizontal-value .slider-panel p label {
    color: #727272;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}

.tab-content #desktop .all-survey-pages .survey-page-content .horizontal-value .slider-panel p input,
.tab-content #tablet .all-survey-pages .survey-page-content .horizontal-value .slider-panel p input,
.tab-content #mobile .all-survey-pages .survey-page-content .horizontal-value .slider-panel p input {
    max-width: 24px;
    height: 18px;
    background: #a2a2a2 linear-gradient(to top, #a8a8a8 80%, #4a4a4a);
    border: 0;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
    margin: 0;
    padding: 0 3px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 1px #000000;
}

.tab-content #desktop .all-survey-pages .survey-page-content .horizontal-value .slider-panel .range-slider,
.tab-content #tablet .all-survey-pages .survey-page-content .horizontal-value .slider-panel .range-slider,
.tab-content #mobile .all-survey-pages .survey-page-content .horizontal-value .slider-panel .range-slider {
    background: #cccccc;
    border-top: 1px solid #bfbfbf;
    display: inline-block;
    vertical-align: middle;
}

.tab-content #desktop .all-survey-pages .survey-page-content .horizontal-value .slider-panel .range-slider .ui-slider-handle,
.tab-content #tablet .all-survey-pages .survey-page-content .horizontal-value .slider-panel .range-slider .ui-slider-handle,
.tab-content #mobile .all-survey-pages .survey-page-content .horizontal-value .slider-panel .range-slider .ui-slider-handle {
    background-color: transparent;
    background-image: url("/images/qphome/v3/sprite-us-home.png");
    background-position: -153px -46px;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
}

.tab-content #desktop .all-survey-pages .survey-page-content .horizontal-value .slider-panel .range-slider .ui-widget-header,
.tab-content #tablet .all-survey-pages .survey-page-content .horizontal-value .slider-panel .range-slider .ui-widget-header,
.tab-content #mobile .all-survey-pages .survey-page-content .horizontal-value .slider-panel .range-slider .ui-widget-header {
    background: #6cafda;
}

.tab-content #desktop .all-survey-pages .survey-page-content .star-ratings,
.tab-content #tablet .all-survey-pages .survey-page-content .star-ratings,
.tab-content #mobile .all-survey-pages .survey-page-content .star-ratings {
    text-align: left;
}

.tab-content #desktop .all-survey-pages .survey-page-content .star-ratings > div,
.tab-content #tablet .all-survey-pages .survey-page-content .star-ratings > div,
.tab-content #mobile .all-survey-pages .survey-page-content .star-ratings > div {
    background: #f6f6f6;
}

.tab-content #desktop .all-survey-pages .survey-page-content .star-ratings > div.no-bg,
.tab-content #tablet .all-survey-pages .survey-page-content .star-ratings > div.no-bg,
.tab-content #mobile .all-survey-pages .survey-page-content .star-ratings > div.no-bg {
    background: #fff;
}

.tab-content #desktop .all-survey-pages .survey-page-content .star-ratings .stars,
.tab-content #tablet .all-survey-pages .survey-page-content .star-ratings .stars,
.tab-content #mobile .all-survey-pages .survey-page-content .star-ratings .stars {
    width: 150px;
    height: 30px;
    background-color: transparent;
    background-image: url("/images/qphome/v3/testSurvey/stars.png");
    background-position: 0 0;
    background-repeat: repeat-x;
    display: inline-block;
    margin: 0 auto;
}

.tab-content #desktop .all-survey-pages .survey-page-content .star-ratings .stars input[type="radio"],
.tab-content #tablet .all-survey-pages .survey-page-content .star-ratings .stars input[type="radio"],
.tab-content #mobile .all-survey-pages .survey-page-content .star-ratings .stars input[type="radio"] {
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
}

.tab-content #desktop .all-survey-pages .survey-page-content .star-ratings .stars input[type="radio"].star-5:checked ~ span,
.tab-content #tablet .all-survey-pages .survey-page-content .star-ratings .stars input[type="radio"].star-5:checked ~ span,
.tab-content #mobile .all-survey-pages .survey-page-content .star-ratings .stars input[type="radio"].star-5:checked ~ span {
    width: 100%;
}

.tab-content #desktop .all-survey-pages .survey-page-content .star-ratings .stars input[type="radio"].star-4:checked ~ span,
.tab-content #tablet .all-survey-pages .survey-page-content .star-ratings .stars input[type="radio"].star-4:checked ~ span,
.tab-content #mobile .all-survey-pages .survey-page-content .star-ratings .stars input[type="radio"].star-4:checked ~ span {
    width: 80%;
}

.tab-content #desktop .all-survey-pages .survey-page-content .star-ratings .stars input[type="radio"].star-3:checked ~ span,
.tab-content #tablet .all-survey-pages .survey-page-content .star-ratings .stars input[type="radio"].star-3:checked ~ span,
.tab-content #mobile .all-survey-pages .survey-page-content .star-ratings .stars input[type="radio"].star-3:checked ~ span {
    width: 60%;
}

.tab-content #desktop .all-survey-pages .survey-page-content .star-ratings .stars input[type="radio"].star-2:checked ~ span,
.tab-content #tablet .all-survey-pages .survey-page-content .star-ratings .stars input[type="radio"].star-2:checked ~ span,
.tab-content #mobile .all-survey-pages .survey-page-content .star-ratings .stars input[type="radio"].star-2:checked ~ span {
    width: 40%;
}

.tab-content #desktop .all-survey-pages .survey-page-content .star-ratings .stars input[type="radio"].star-1:checked ~ span,
.tab-content #tablet .all-survey-pages .survey-page-content .star-ratings .stars input[type="radio"].star-1:checked ~ span,
.tab-content #mobile .all-survey-pages .survey-page-content .star-ratings .stars input[type="radio"].star-1:checked ~ span {
    width: 20%;
}

.tab-content #desktop .all-survey-pages .survey-page-content .star-ratings .stars label,
.tab-content #tablet .all-survey-pages .survey-page-content .star-ratings .stars label,
.tab-content #mobile .all-survey-pages .survey-page-content .star-ratings .stars label {
    width: 30px;
    height: 30px;
    background: transparent !important;
    cursor: pointer;
    display: block;
    float: left;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    text-indent: -999em;
    z-index: 10;
}

.tab-content #desktop .all-survey-pages .survey-page-content .star-ratings .stars label:hover ~ span,
.tab-content #tablet .all-survey-pages .survey-page-content .star-ratings .stars label:hover ~ span,
.tab-content #mobile .all-survey-pages .survey-page-content .star-ratings .stars label:hover ~ span {
    background-position: 0 -30px;
}

.tab-content #desktop .all-survey-pages .survey-page-content .star-ratings .stars label.star-5:hover ~ span,
.tab-content #tablet .all-survey-pages .survey-page-content .star-ratings .stars label.star-5:hover ~ span,
.tab-content #mobile .all-survey-pages .survey-page-content .star-ratings .stars label.star-5:hover ~ span {
    width: 100% !important;
}

.tab-content #desktop .all-survey-pages .survey-page-content .star-ratings .stars label.star-4:hover ~ span,
.tab-content #tablet .all-survey-pages .survey-page-content .star-ratings .stars label.star-4:hover ~ span,
.tab-content #mobile .all-survey-pages .survey-page-content .star-ratings .stars label.star-4:hover ~ span {
    width: 80% !important;
}

.tab-content #desktop .all-survey-pages .survey-page-content .star-ratings .stars label.star-3:hover ~ span,
.tab-content #tablet .all-survey-pages .survey-page-content .star-ratings .stars label.star-3:hover ~ span,
.tab-content #mobile .all-survey-pages .survey-page-content .star-ratings .stars label.star-3:hover ~ span {
    width: 60% !important;
}

.tab-content #desktop .all-survey-pages .survey-page-content .star-ratings .stars label.star-2:hover ~ span,
.tab-content #tablet .all-survey-pages .survey-page-content .star-ratings .stars label.star-2:hover ~ span,
.tab-content #mobile .all-survey-pages .survey-page-content .star-ratings .stars label.star-2:hover ~ span {
    width: 40% !important;
}

.tab-content #desktop .all-survey-pages .survey-page-content .star-ratings .stars label.star-1:hover ~ span,
.tab-content #tablet .all-survey-pages .survey-page-content .star-ratings .stars label.star-1:hover ~ span,
.tab-content #mobile .all-survey-pages .survey-page-content .star-ratings .stars label.star-1:hover ~ span {
    width: 20% !important;
}

.tab-content #desktop .all-survey-pages .survey-page-content .star-ratings .stars span,
.tab-content #tablet .all-survey-pages .survey-page-content .star-ratings .stars span,
.tab-content #mobile .all-survey-pages .survey-page-content .star-ratings .stars span {
    width: 0;
    height: 30px;
    background-color: transparent;
    background-image: url("/images/qphome/v3/testSurvey/stars.png");
    background-position: 0 -60px;
    background-repeat: repeat-x;
    display: block;
    position: relative;
    top: 0;
    left: 0;
}

.tab-content #desktop .all-survey-pages .survey-page-content .star-ratings p,
.tab-content #tablet .all-survey-pages .survey-page-content .star-ratings p,
.tab-content #mobile .all-survey-pages .survey-page-content .star-ratings p {
    color: #737373;
    display: inline-block;
    float: left;
    vertical-align: middle;
}

.tab-content #desktop .all-survey-pages .survey-page-content .ratings-table,
.tab-content #tablet .all-survey-pages .survey-page-content .ratings-table,
.tab-content #mobile .all-survey-pages .survey-page-content .ratings-table {
    width: 100%;
}

.tab-content #desktop .all-survey-pages .survey-page-content .ratings-table tr td,
.tab-content #tablet .all-survey-pages .survey-page-content .ratings-table tr td,
.tab-content #mobile .all-survey-pages .survey-page-content .ratings-table tr td,
.tab-content #desktop .all-survey-pages .survey-page-content .ratings-table tr th,
.tab-content #tablet .all-survey-pages .survey-page-content .ratings-table tr th,
.tab-content #mobile .all-survey-pages .survey-page-content .ratings-table tr th {
    border: 1px solid #d1d1d1;
}

.tab-content #desktop .all-survey-pages .survey-page-content .ratings-table tr th,
.tab-content #tablet .all-survey-pages .survey-page-content .ratings-table tr th,
.tab-content #mobile .all-survey-pages .survey-page-content .ratings-table tr th {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #dddddd 0%, #c7c7c7 100%);
}

.tab-content #desktop .all-survey-pages .survey-page-content .ratings-table tr th p,
.tab-content #tablet .all-survey-pages .survey-page-content .ratings-table tr th p,
.tab-content #mobile .all-survey-pages .survey-page-content .ratings-table tr th p {
    display: inline-block;
    font-weight: normal;
}

.tab-content #desktop .all-survey-pages .survey-page-content .ratings-table tr th p.left-text,
.tab-content #tablet .all-survey-pages .survey-page-content .ratings-table tr th p.left-text,
.tab-content #mobile .all-survey-pages .survey-page-content .ratings-table tr th p.left-text {
    text-align: left;
}

.tab-content #desktop .all-survey-pages .survey-page-content .ratings-table tr th p.right-text,
.tab-content #tablet .all-survey-pages .survey-page-content .ratings-table tr th p.right-text,
.tab-content #mobile .all-survey-pages .survey-page-content .ratings-table tr th p.right-text {
    text-align: right;
}

.tab-content #desktop .all-survey-pages .survey-page-content .ratings-table tr.ratings-head td,
.tab-content #tablet .all-survey-pages .survey-page-content .ratings-table tr.ratings-head td,
.tab-content #mobile .all-survey-pages .survey-page-content .ratings-table tr.ratings-head td {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #eeeeee 0%, #d9d9d9 100%);
    color: #565656;
    padding: 5px 2px;
    text-shadow: none;
}

.tab-content #desktop .all-survey-pages .survey-page-content .ratings-table tr.rating-radio td,
.tab-content #tablet .all-survey-pages .survey-page-content .ratings-table tr.rating-radio td,
.tab-content #mobile .all-survey-pages .survey-page-content .ratings-table tr.rating-radio td {
    padding: 5px 2px;
}

.tab-content #desktop .all-survey-pages .survey-page-content .ratings-table tr.rating-radio td:hover,
.tab-content #tablet .all-survey-pages .survey-page-content .ratings-table tr.rating-radio td:hover,
.tab-content #mobile .all-survey-pages .survey-page-content .ratings-table tr.rating-radio td:hover {
    background: #d5f0fb;
}

.tab-content #desktop {
    height: 545px;
    background-color: transparent;
    background-image: url("/images/qphome/v3/testSurvey/MacBook Pro.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.tab-content #desktop .all-survey-pages {
    width: 723px;
    height: 451px;
    left: 0;
    margin: 0 auto;
    top: 31px;
}

.tab-content #desktop .all-survey-pages .home-pages.page-1 {
    background-image: url("/images/qphome/v3/testSurvey/intro-survey-desktop.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.tab-content #desktop .all-survey-pages .home-pages.page-1 .begin-btn {
    font-size: 17px;
    top: 382px;
}

.tab-content #desktop .all-survey-pages .home-pages.page-8 {
    background-image: url("/images/qphome/v3/testSurvey/desktop-coffee-background.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 60px;
}

.tab-content #desktop .all-survey-pages .home-pages.page-8 .last-page-content h2 {
    font-size: 29px;
}

.tab-content #desktop .all-survey-pages .home-pages.page-8 .last-page-content h3 {
    font-size: 21.3px;
}

.tab-content #desktop .all-survey-pages .home-pages.page-8 .last-page-content p {
    margin-top: 270px;
}

.tab-content #desktop .all-survey-pages .home-pages.page-8 .last-page-content p a {
    color: #fff;
}

.tab-content #desktop .all-survey-pages .home-pages.page-8 .last-page-content p a span {
    text-decoration: underline;
}

.tab-content #desktop .all-survey-pages .home-pages.page-8 .last-page-content p a:hover {
    text-decoration: underline;
    cursor: pointer;
}

.tab-content #desktop .all-survey-pages .survey-page-content {
    height: 419px;
    padding: 35px 35px 0;
}

.tab-content #desktop .all-survey-pages .survey-page-content h4,
.tab-content #desktop .all-survey-pages .survey-page-content p.que-text {
    font-size: 18px;
    margin-bottom: 28px;
}

.tab-content #desktop .all-survey-pages .survey-page-content .smartphones-list {
    margin-bottom: 66px;
}

.tab-content #desktop .all-survey-pages .survey-page-content .smartphones-list li .container-mob {
    width: 74px;
    height: 135px;
    line-height: 135px;
}

.tab-content #desktop .all-survey-pages .survey-page-content .sortitems {
    margin-bottom: 18px;
}

.tab-content #desktop .all-survey-pages .survey-page-content .sortitems .sortable li {
    height: 49px;
    font-size: 14px;
    margin: 5px 0;
    padding: 7px;
}

.tab-content #desktop .all-survey-pages .survey-page-content .sortitems .sortable li .dragdots {
    width: 24px;
    height: 35px;
    margin-right: 16px;
}

.tab-content #desktop .all-survey-pages .survey-page-content .sortitems .sortable li .sortable-number {
    width: 34px;
    font-size: 15px;
    height: 34px;
    line-height: 1em;
    padding: 10px;
}

.tab-content #desktop .all-survey-pages .survey-page-content .num-rating ul {
    width: 64%;
}

.tab-content #desktop .all-survey-pages .survey-page-content .num-rating ul li {
    padding: 0 0.97em;
}

.tab-content #desktop .all-survey-pages .survey-page-content .num-rating ul li:first-child p,
.tab-content #desktop .all-survey-pages .survey-page-content .num-rating ul li:last-child p {
    font-size: 14px;
}

.tab-content #desktop .all-survey-pages .survey-page-content .num-rating ul li p {
    font-size: 11px;
    top: 8px;
}

.tab-content #desktop .all-survey-pages .survey-page-content .num-rating ul li span {
    font-size: 6px;
}

.tab-content #desktop .all-survey-pages .survey-page-content .horizontal-value {
    padding-bottom: 138px;
}

.tab-content #desktop .all-survey-pages .survey-page-content .horizontal-value .slider-panel p {
    width: 40%;
    height: 35px;
    line-height: 35px;
}

.tab-content #desktop .all-survey-pages .survey-page-content .horizontal-value .slider-panel p label {
    width: 84%;
    font-size: 14px;
    font-weight: 400;
    padding-left: 10px;
}

.tab-content #desktop .all-survey-pages .survey-page-content .horizontal-value .slider-panel .range-slider {
    width: 57%;
    height: 7px;
}

.tab-content #desktop .all-survey-pages .survey-page-content .star-ratings {
    padding-bottom: 255px;
    padding-top: 28px;
}

.tab-content #desktop .all-survey-pages .survey-page-content .star-ratings p {
    width: 52%;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 5px;
}

.tab-content #desktop .all-survey-pages .survey-page-content .ratings-table {
    margin-bottom: 180px;
}

.tab-content #desktop .all-survey-pages .survey-page-content .ratings-table tr th p {
    width: 49%;
    font-size: 12px;
    padding: 10px;
}

.tab-content #tablet {
    width: 716px;
    height: 503px;
    background-color: transparent;
    background-image: url("/images/qphome/v3/testSurvey/iPad.png");
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 auto;
    text-align: center;
}

.tab-content #tablet .all-survey-pages {
    width: 584px;
    height: 437px;
    left: 63px;
    right: 3px;
    top: 30px;
}

.tab-content #tablet .all-survey-pages .home-pages.page-1 {
    background-image: url("/images/qphome/v3/testSurvey/intro-survey-desktop.jpg");
    background-position: center center;
    background-repeat: no-repeat;
}

.tab-content #tablet .all-survey-pages .home-pages.page-1 .begin-btn {
    font-size: 17px;
    top: 375px;
}

.tab-content #tablet .all-survey-pages .home-pages.page-8 {
    background-image: url("/images/qphome/v3/testSurvey/desktop-coffee-background.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40px;
}

.tab-content #tablet .all-survey-pages .home-pages.page-8 .last-page-content h2 {
    font-size: 29px;
}

.tab-content #tablet .all-survey-pages .home-pages.page-8 .last-page-content h3 {
    font-size: 21px;
}

.tab-content #tablet .all-survey-pages .home-pages.page-8 .last-page-content p {
    margin-top: 270px;
}

.tab-content #tablet .all-survey-pages .home-pages.page-8 .last-page-content p a {
    color: #fff;
}

.tab-content #tablet .all-survey-pages .home-pages.page-8 .last-page-content p a span {
    text-decoration: underline;
}

.tab-content #tablet .all-survey-pages .home-pages.page-8 .last-page-content p a:hover {
    cursor: pointer;
    text-decoration: underline;
}

.tab-content #tablet .all-survey-pages .survey-page-content {
    height: 419px;
    padding: 15px 35px 0 35px;
}

.tab-content #tablet .all-survey-pages .survey-page-content h4,
.tab-content #tablet .all-survey-pages .survey-page-content p.que-text {
    font-size: 18px;
    margin-bottom: 28px;
}

.tab-content #tablet .all-survey-pages .survey-page-content .smartphones-list {
    margin-bottom: 66px;
}

.tab-content #tablet .all-survey-pages .survey-page-content .smartphones-list li .container-mob {
    width: 74px;
    height: 135px;
    line-height: 135px;
}

.tab-content #tablet .all-survey-pages .survey-page-content .sortitems {
    margin-bottom: 18px;
}

.tab-content #tablet .all-survey-pages .survey-page-content .sortitems .sortable li {
    height: 49px;
    font-size: 14px;
    margin: 5px 0;
    padding: 7px;
}

.tab-content #tablet .all-survey-pages .survey-page-content .sortitems .sortable li .dragdots {
    width: 24px;
    height: 35px;
    margin-right: 16px;
}

.tab-content #tablet .all-survey-pages .survey-page-content .sortitems .sortable li .sortable-number {
    width: 34px;
    height: 34px;
    font-size: 15px;
    line-height: 1em;
    padding: 10px;
}

.tab-content #tablet .all-survey-pages .survey-page-content .num-rating ul {
    width: 85%;
}

.tab-content #tablet .all-survey-pages .survey-page-content .num-rating ul li {
    padding: 0 0.7em;
}

.tab-content #tablet .all-survey-pages .survey-page-content .num-rating ul li:first-child p,
.tab-content #tablet .all-survey-pages .survey-page-content .num-rating ul li:last-child p {
    font-size: 14px;
}

.tab-content #tablet .all-survey-pages .survey-page-content .num-rating ul li p {
    font-size: 11px;
    top: 8px;
}

.tab-content #tablet .all-survey-pages .survey-page-content .num-rating ul li span {
    font-size: 6px;
}

.tab-content #tablet .all-survey-pages .survey-page-content .horizontal-value {
    padding-bottom: 138px;
}

.tab-content #tablet .all-survey-pages .survey-page-content .horizontal-value .slider-panel p {
    width: 40%;
    height: 35px;
    line-height: 35px;
}

.tab-content #tablet .all-survey-pages .survey-page-content .horizontal-value .slider-panel p label {
    width: 84%;
    font-size: 12px;
    font-weight: 400;
    padding-left: 10px;
}

.tab-content #tablet .all-survey-pages .survey-page-content .horizontal-value .slider-panel .range-slider {
    width: 58%;
    height: 7px;
}

.tab-content #tablet .all-survey-pages .survey-page-content .star-ratings {
    padding-bottom: 255px;
    padding-top: 28px;
}

.tab-content #tablet .all-survey-pages .survey-page-content .star-ratings p {
    width: 52%;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 5px;
}

.tab-content #tablet .all-survey-pages .survey-page-content .ratings-table {
    margin-bottom: 155px;
}

.tab-content #tablet .all-survey-pages .survey-page-content .ratings-table tr th p {
    width: 49%;
    font-size: 12px;
    padding: 10px;
}

.tab-content #mobile {
    width: 311px;
    height: 606px;
    background-color: transparent;
    background-image: url("/images/qphome/v3/testSurvey/iphone_480.png");
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
}

.tab-content #mobile .all-survey-pages {
    width: calc(100% - 82px);
    height: 392px;
    left: 41px;
    top: 80px;
    right: 41px;
}

.tab-content #mobile .all-survey-pages .home-pages.page-1 {
    background-image: url("/images/qphome/v3/testSurvey/mobile-intro-background.jpg");
    background-position: center center;
    background-repeat: no-repeat;
}

.tab-content #mobile .all-survey-pages .home-pages.page-1 .begin-btn {
    font-size: 15px;
    padding: 12px 22px;
    top: 345px;
}

.tab-content #mobile .all-survey-pages .home-pages.page-8 {
    background-image: url("/images/qphome/v3/testSurvey/last-mobile-bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    padding: 40px 25px 0 25px;
}

.tab-content #mobile .all-survey-pages .home-pages.page-8 .last-page-content h2 {
    font-size: 25px;
}

.tab-content #mobile .all-survey-pages .home-pages.page-8 .last-page-content h3 {
    font-size: 19px;
    margin-top: 10px;
}

.tab-content #mobile .all-survey-pages .home-pages.page-8 .last-page-content p {
    margin-top: 140px;
}

.tab-content #mobile .all-survey-pages .home-pages.page-8 .last-page-content p a {
    color: #fff;
}

.tab-content #mobile .all-survey-pages .home-pages.page-8 .last-page-content p a span {
    text-decoration: underline;
}

.tab-content #mobile .all-survey-pages .home-pages.page-8 .last-page-content p a:hover {
    text-decoration: underline;
}

.tab-content #mobile .all-survey-pages .home-pages.page-3 .pages-nav .left-bar .backpage,
.tab-content #mobile .all-survey-pages .home-pages.page-4 .pages-nav .left-bar .backpage,
.tab-content #mobile .all-survey-pages .home-pages.page-5 .pages-nav .left-bar .backpage,
.tab-content #mobile .all-survey-pages .home-pages.page-6 .pages-nav .left-bar .backpage,
.tab-content #mobile .all-survey-pages .home-pages.page-7 .pages-nav .left-bar .backpage {
    font-size: 14px;
    padding: 0;
}

.tab-content #mobile .all-survey-pages .home-pages.page-3 .pages-nav .right-bar .progbar,
.tab-content #mobile .all-survey-pages .home-pages.page-4 .pages-nav .right-bar .progbar,
.tab-content #mobile .all-survey-pages .home-pages.page-5 .pages-nav .right-bar .progbar,
.tab-content #mobile .all-survey-pages .home-pages.page-6 .pages-nav .right-bar .progbar,
.tab-content #mobile .all-survey-pages .home-pages.page-7 .pages-nav .right-bar .progbar {
    width: 65%;
}

.tab-content #mobile .all-survey-pages .survey-page-content {
    height: 357px;
    padding: 10px 10px 0 10px;
}

.tab-content #mobile .all-survey-pages .survey-page-content h4,
.tab-content #mobile .all-survey-pages .survey-page-content p.que-text {
    font-size: 16px;
    margin-bottom: 10px;
}

.tab-content #mobile .all-survey-pages .survey-page-content .smartphones-list {
    margin-bottom: 15px;
}

.tab-content #mobile .all-survey-pages .survey-page-content .smartphones-list li {
    width: 50%;
    padding: 10px 0 5px 0;
}

.tab-content #mobile .all-survey-pages .survey-page-content .smartphones-list li .container-mob img {
    height: 75px;
}

.tab-content #mobile .all-survey-pages .survey-page-content .smartphones-list li label {
    margin-bottom: 0;
}

.tab-content #mobile .all-survey-pages .survey-page-content .sortitems {
    margin-bottom: 39px;
}

.tab-content #mobile .all-survey-pages .survey-page-content .sortitems .sortable li {
    height: 35px;
    font-size: 13px;
    margin: 5px 0;
    padding: 4px 7px 0 7px;
}

.tab-content #mobile .all-survey-pages .survey-page-content .sortitems .sortable li .dragdots {
    width: 18px;
    height: 24px;
    background-color: transparent;
    background-image: url("/images/qphome/v3/testSurvey/dragnDropdots.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-right: 13px;
}

.tab-content #mobile .all-survey-pages .survey-page-content .sortitems .sortable li .sortable-number {
    width: 26px;
    height: 25px;
    font-size: 11px;
    line-height: 1em;
    padding: 7px;
}

.tab-content #mobile .all-survey-pages .survey-page-content .num-rating ul {
    display: none;
}

.tab-content #mobile .all-survey-pages .survey-page-content .horizontal-value {
    padding-bottom: 92px;
}

.tab-content #mobile .all-survey-pages .survey-page-content .horizontal-value .slider-panel p {
    width: 70%;
    height: 35px;
    display: block;
}

.tab-content #mobile .all-survey-pages .survey-page-content .horizontal-value .slider-panel p label {
    width: 90%;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 5px;
    padding-left: 10px;
}

.tab-content #mobile .all-survey-pages .survey-page-content .horizontal-value .slider-panel p input {
    position: relative;
}

.tab-content #mobile .all-survey-pages .survey-page-content .horizontal-value .slider-panel .range-slider {
    width: 80%;
    height: 7px;
    left: 36px;
    position: relative;
    top: -15px;
}

.tab-content #mobile .all-survey-pages .survey-page-content .star-ratings {
    padding-bottom: 68px;
    display:inline-block;
}

.tab-content #mobile .all-survey-pages .survey-page-content .star-ratings p {
    width: 100%;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 5px;
}

.tab-content #mobile .all-survey-pages .survey-page-content .ratings-table {
    margin-bottom: 164px;
}

.tab-content #mobile .all-survey-pages .survey-page-content .ratings-table tr th p {
    width: 49%;
    font-size: 12px;
    padding: 10px;
}

.tab-content #mobile .all-survey-pages .survey-page-content .ratings-table tr td {
    cursor: pointer;
}

.tab-content #mobile .all-survey-pages .survey-page-content .ratings-table.selectTD .ui-selected {
    background: #0B83C8;
    color: #fff;
}

/* intlTelInput css */
.intl-tel-input {
    display: inline-block;
    position: relative;
    border: 1px solid #ccc;
    width: 50px;
    height: 34px;
    background: #fff;
}

.intl-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.intl-tel-input .hide {
    display: none;
}

.intl-tel-input .v-hide {
    visibility: hidden;
}

.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input input[type=tel] {
    margin-bottom: 0 !important;
    margin-right: 0;
    margin-top: 0 !important;
    padding-right: 36px;
    position: relative;
    z-index: 0;
}

.intl-tel-input .flag-container {
    bottom: 0;
    padding: 1px;
    position: absolute;
    right: 0;
    top: 0;
}

.intl-tel-input .selected-flag {
    width: 36px;
    height: 100%;
    padding: 0 0 0 8px;
    position: relative;
    z-index: 1;
}

.intl-tel-input .selected-flag .iti-flag {
    bottom: 0;
    margin: auto;
    position: absolute;
    top: 0;
}

.intl-tel-input .selected-flag .iti-arrow {
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555;
    margin-top: -2px;
    position: absolute;
    right: 6px;
    top: 50%;
}

.intl-tel-input .selected-flag .iti-arrow.up {
    border-bottom: 4px solid #555;
    border-top: none;
}

.intl-tel-input .country-list {
    max-height: 200px;
    background-color: white;
    border: 1px solid #CCC;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    list-style: none;
    margin: 0 0 0 -1px;
    overflow-y: scroll;
    padding: 0;
    position: absolute;
    text-align: left;
    white-space: nowrap;
    z-index: 2;
}

.intl-tel-input .country-list.dropup {
    bottom: 100%;
    margin-bottom: -1px;
}

.intl-tel-input .country-list .flag-box {
    width: 20px;
    display: inline-block;
}

@media (max-width: 500px) {
    .intl-tel-input .country-list {
        white-space: normal;
    }
}

.intl-tel-input .country-list .divider {
    border-bottom: 1px solid #CCC;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.intl-tel-input .country-list .country {
    padding: 5px 10px;
}

.intl-tel-input .country-list .country .dial-code {
    color: #999;
}

.intl-tel-input .country-list .country.highlight {
    background-color: rgba(0, 0, 0, 0.05);
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code {
    vertical-align: middle;
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name {
    margin-right: 6px;
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type=text],
.intl-tel-input.separate-dial-code input[type=tel] {
    padding-left: 52px;
    padding-right: 6px;
    margin-left: 0;
}

.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {
    left: 0;
    right: auto;
}

.intl-tel-input.allow-dropdown .selected-flag,
.intl-tel-input.separate-dial-code .selected-flag {
    width: 46px;
}

.intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer;
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover,
.intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
    cursor: default;
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag,
.intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
    background-color: transparent;
}

.intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
    display: table;
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    padding-left: 28px;
    vertical-align: middle;
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
    padding-left: 66px;
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 60px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
    padding-left: 76px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 70px;
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
    padding-left: 74px;
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 68px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
    padding-left: 84px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 78px;
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
    padding-left: 82px;
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 76px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
    padding-left: 92px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 86px;
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
    padding-left: 90px;
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 84px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
    padding-left: 100px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 94px;
}

.intl-tel-input.iti-container {
    left: -1000px;
    padding: 1px;
    position: absolute;
    top: -1000px;
    z-index: 1060;
}

.intl-tel-input.iti-container:hover {
    cursor: pointer;
}

.iti-mobile .intl-tel-input.iti-container {
    bottom: 30px;
    left: 30px;
    position: fixed;
    right: 30px;
    top: 30px;
}

.iti-mobile .intl-tel-input .country-list {
    width: 100%;
    max-height: 100%;
}

.iti-mobile .intl-tel-input .country-list .country {
    line-height: 1.5em;
    padding: 10px 10px;
}

.iti-flag {
    width: 20px;
}

.iti-flag.be {
    width: 18px;
}

.iti-flag.ch {
    width: 15px;
}

.iti-flag.mc {
    width: 19px;
}

.iti-flag.ne {
    width: 18px;
}

.iti-flag.np {
    width: 13px;
}

.iti-flag.va {
    width: 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-size: 5630px 15px;
    }
}

.iti-flag.ac {
    height: 10px;
    background-position: 0px 0px;
}

.iti-flag.ad {
    height: 14px;
    background-position: -22px 0px;
}

.iti-flag.ae {
    height: 10px;
    background-position: -44px 0px;
}

.iti-flag.af {
    height: 14px;
    background-position: -66px 0px;
}

.iti-flag.ag {
    height: 14px;
    background-position: -88px 0px;
}

.iti-flag.ai {
    height: 10px;
    background-position: -110px 0px;
}

.iti-flag.al {
    height: 15px;
    background-position: -132px 0px;
}

.iti-flag.am {
    height: 10px;
    background-position: -154px 0px;
}

.iti-flag.ao {
    height: 14px;
    background-position: -176px 0px;
}

.iti-flag.aq {
    height: 14px;
    background-position: -198px 0px;
}

.iti-flag.ar {
    height: 13px;
    background-position: -220px 0px;
}

.iti-flag.as {
    height: 10px;
    background-position: -242px 0px;
}

.iti-flag.at {
    height: 14px;
    background-position: -264px 0px;
}

.iti-flag.au {
    height: 10px;
    background-position: -286px 0px;
}

.iti-flag.aw {
    height: 14px;
    background-position: -308px 0px;
}

.iti-flag.ax {
    height: 13px;
    background-position: -330px 0px;
}

.iti-flag.az {
    height: 10px;
    background-position: -352px 0px;
}

.iti-flag.ba {
    height: 10px;
    background-position: -374px 0px;
}

.iti-flag.bb {
    height: 14px;
    background-position: -396px 0px;
}

.iti-flag.bd {
    height: 12px;
    background-position: -418px 0px;
}

.iti-flag.be {
    height: 15px;
    background-position: -440px 0px;
}

.iti-flag.bf {
    height: 14px;
    background-position: -460px 0px;
}

.iti-flag.bg {
    height: 12px;
    background-position: -482px 0px;
}

.iti-flag.bh {
    height: 12px;
    background-position: -504px 0px;
}

.iti-flag.bi {
    height: 12px;
    background-position: -526px 0px;
}

.iti-flag.bj {
    height: 14px;
    background-position: -548px 0px;
}

.iti-flag.bl {
    height: 14px;
    background-position: -570px 0px;
}

.iti-flag.bm {
    height: 10px;
    background-position: -592px 0px;
}

.iti-flag.bn {
    height: 10px;
    background-position: -614px 0px;
}

.iti-flag.bo {
    height: 14px;
    background-position: -636px 0px;
}

.iti-flag.bq {
    height: 14px;
    background-position: -658px 0px;
}

.iti-flag.br {
    height: 14px;
    background-position: -680px 0px;
}

.iti-flag.bs {
    height: 10px;
    background-position: -702px 0px;
}

.iti-flag.bt {
    height: 14px;
    background-position: -724px 0px;
}

.iti-flag.bv {
    height: 15px;
    background-position: -746px 0px;
}

.iti-flag.bw {
    height: 14px;
    background-position: -768px 0px;
}

.iti-flag.by {
    height: 10px;
    background-position: -790px 0px;
}

.iti-flag.bz {
    height: 14px;
    background-position: -812px 0px;
}

.iti-flag.ca {
    height: 10px;
    background-position: -834px 0px;
}

.iti-flag.cc {
    height: 10px;
    background-position: -856px 0px;
}

.iti-flag.cd {
    height: 15px;
    background-position: -878px 0px;
}

.iti-flag.cf {
    height: 14px;
    background-position: -900px 0px;
}

.iti-flag.cg {
    height: 14px;
    background-position: -922px 0px;
}

.iti-flag.ch {
    height: 15px;
    background-position: -944px 0px;
}

.iti-flag.ci {
    height: 14px;
    background-position: -961px 0px;
}

.iti-flag.ck {
    height: 10px;
    background-position: -983px 0px;
}

.iti-flag.cl {
    height: 14px;
    background-position: -1005px 0px;
}

.iti-flag.cm {
    height: 14px;
    background-position: -1027px 0px;
}

.iti-flag.cn {
    height: 14px;
    background-position: -1049px 0px;
}

.iti-flag.co {
    height: 14px;
    background-position: -1071px 0px;
}

.iti-flag.cp {
    height: 14px;
    background-position: -1093px 0px;
}

.iti-flag.cr {
    height: 12px;
    background-position: -1115px 0px;
}

.iti-flag.cu {
    height: 10px;
    background-position: -1137px 0px;
}

.iti-flag.cv {
    height: 12px;
    background-position: -1159px 0px;
}

.iti-flag.cw {
    height: 14px;
    background-position: -1181px 0px;
}

.iti-flag.cx {
    height: 10px;
    background-position: -1203px 0px;
}

.iti-flag.cy {
    height: 13px;
    background-position: -1225px 0px;
}

.iti-flag.cz {
    height: 14px;
    background-position: -1247px 0px;
}

.iti-flag.de {
    height: 12px;
    background-position: -1269px 0px;
}

.iti-flag.dg {
    height: 10px;
    background-position: -1291px 0px;
}

.iti-flag.dj {
    height: 14px;
    background-position: -1313px 0px;
}

.iti-flag.dk {
    height: 15px;
    background-position: -1335px 0px;
}

.iti-flag.dm {
    height: 10px;
    background-position: -1357px 0px;
}

.iti-flag.do {
    height: 13px;
    background-position: -1379px 0px;
}

.iti-flag.dz {
    height: 14px;
    background-position: -1401px 0px;
}

.iti-flag.ea {
    height: 14px;
    background-position: -1423px 0px;
}

.iti-flag.ec {
    height: 14px;
    background-position: -1445px 0px;
}

.iti-flag.ee {
    height: 13px;
    background-position: -1467px 0px;
}

.iti-flag.eg {
    height: 14px;
    background-position: -1489px 0px;
}

.iti-flag.eh {
    height: 10px;
    background-position: -1511px 0px;
}

.iti-flag.er {
    height: 10px;
    background-position: -1533px 0px;
}

.iti-flag.es {
    height: 14px;
    background-position: -1555px 0px;
}

.iti-flag.et {
    height: 10px;
    background-position: -1577px 0px;
}

.iti-flag.eu {
    height: 14px;
    background-position: -1599px 0px;
}

.iti-flag.fi {
    height: 12px;
    background-position: -1621px 0px;
}

.iti-flag.fj {
    height: 10px;
    background-position: -1643px 0px;
}

.iti-flag.fk {
    height: 10px;
    background-position: -1665px 0px;
}

.iti-flag.fm {
    height: 11px;
    background-position: -1687px 0px;
}

.iti-flag.fo {
    height: 15px;
    background-position: -1709px 0px;
}

.iti-flag.fr {
    height: 14px;
    background-position: -1731px 0px;
}

.iti-flag.ga {
    height: 15px;
    background-position: -1753px 0px;
}

.iti-flag.gb {
    height: 10px;
    background-position: -1775px 0px;
}

.iti-flag.gd {
    height: 12px;
    background-position: -1797px 0px;
}

.iti-flag.ge {
    height: 14px;
    background-position: -1819px 0px;
}

.iti-flag.gf {
    height: 14px;
    background-position: -1841px 0px;
}

.iti-flag.gg {
    height: 14px;
    background-position: -1863px 0px;
}

.iti-flag.gh {
    height: 14px;
    background-position: -1885px 0px;
}

.iti-flag.gi {
    height: 10px;
    background-position: -1907px 0px;
}

.iti-flag.gl {
    height: 14px;
    background-position: -1929px 0px;
}

.iti-flag.gm {
    height: 14px;
    background-position: -1951px 0px;
}

.iti-flag.gn {
    height: 14px;
    background-position: -1973px 0px;
}

.iti-flag.gp {
    height: 14px;
    background-position: -1995px 0px;
}

.iti-flag.gq {
    height: 14px;
    background-position: -2017px 0px;
}

.iti-flag.gr {
    height: 14px;
    background-position: -2039px 0px;
}

.iti-flag.gs {
    height: 10px;
    background-position: -2061px 0px;
}

.iti-flag.gt {
    height: 13px;
    background-position: -2083px 0px;
}

.iti-flag.gu {
    height: 11px;
    background-position: -2105px 0px;
}

.iti-flag.gw {
    height: 10px;
    background-position: -2127px 0px;
}

.iti-flag.gy {
    height: 12px;
    background-position: -2149px 0px;
}

.iti-flag.hk {
    height: 14px;
    background-position: -2171px 0px;
}

.iti-flag.hm {
    height: 10px;
    background-position: -2193px 0px;
}

.iti-flag.hn {
    height: 10px;
    background-position: -2215px 0px;
}

.iti-flag.hr {
    height: 10px;
    background-position: -2237px 0px;
}

.iti-flag.ht {
    height: 12px;
    background-position: -2259px 0px;
}

.iti-flag.hu {
    height: 10px;
    background-position: -2281px 0px;
}

.iti-flag.ic {
    height: 14px;
    background-position: -2303px 0px;
}

.iti-flag.id {
    height: 14px;
    background-position: -2325px 0px;
}

.iti-flag.ie {
    height: 10px;
    background-position: -2347px 0px;
}

.iti-flag.il {
    height: 15px;
    background-position: -2369px 0px;
}

.iti-flag.im {
    height: 10px;
    background-position: -2391px 0px;
}

.iti-flag.in {
    height: 14px;
    background-position: -2413px 0px;
}

.iti-flag.io {
    height: 10px;
    background-position: -2435px 0px;
}

.iti-flag.iq {
    height: 14px;
    background-position: -2457px 0px;
}

.iti-flag.ir {
    height: 12px;
    background-position: -2479px 0px;
}

.iti-flag.is {
    height: 15px;
    background-position: -2501px 0px;
}

.iti-flag.it {
    height: 14px;
    background-position: -2523px 0px;
}

.iti-flag.je {
    height: 12px;
    background-position: -2545px 0px;
}

.iti-flag.jm {
    height: 10px;
    background-position: -2567px 0px;
}

.iti-flag.jo {
    height: 10px;
    background-position: -2589px 0px;
}

.iti-flag.jp {
    height: 14px;
    background-position: -2611px 0px;
}

.iti-flag.ke {
    height: 14px;
    background-position: -2633px 0px;
}

.iti-flag.kg {
    height: 12px;
    background-position: -2655px 0px;
}

.iti-flag.kh {
    height: 13px;
    background-position: -2677px 0px;
}

.iti-flag.ki {
    height: 10px;
    background-position: -2699px 0px;
}

.iti-flag.km {
    height: 12px;
    background-position: -2721px 0px;
}

.iti-flag.kn {
    height: 14px;
    background-position: -2743px 0px;
}

.iti-flag.kp {
    height: 10px;
    background-position: -2765px 0px;
}

.iti-flag.kr {
    height: 14px;
    background-position: -2787px 0px;
}

.iti-flag.kw {
    height: 10px;
    background-position: -2809px 0px;
}

.iti-flag.ky {
    height: 10px;
    background-position: -2831px 0px;
}

.iti-flag.kz {
    height: 10px;
    background-position: -2853px 0px;
}

.iti-flag.la {
    height: 14px;
    background-position: -2875px 0px;
}

.iti-flag.lb {
    height: 14px;
    background-position: -2897px 0px;
}

.iti-flag.lc {
    height: 10px;
    background-position: -2919px 0px;
}

.iti-flag.li {
    height: 12px;
    background-position: -2941px 0px;
}

.iti-flag.lk {
    height: 10px;
    background-position: -2963px 0px;
}

.iti-flag.lr {
    height: 11px;
    background-position: -2985px 0px;
}

.iti-flag.ls {
    height: 14px;
    background-position: -3007px 0px;
}

.iti-flag.lt {
    height: 12px;
    background-position: -3029px 0px;
}

.iti-flag.lu {
    height: 12px;
    background-position: -3051px 0px;
}

.iti-flag.lv {
    height: 10px;
    background-position: -3073px 0px;
}

.iti-flag.ly {
    height: 10px;
    background-position: -3095px 0px;
}

.iti-flag.ma {
    height: 14px;
    background-position: -3117px 0px;
}

.iti-flag.mc {
    height: 15px;
    background-position: -3139px 0px;
}

.iti-flag.md {
    height: 10px;
    background-position: -3160px 0px;
}

.iti-flag.me {
    height: 10px;
    background-position: -3182px 0px;
}

.iti-flag.mf {
    height: 14px;
    background-position: -3204px 0px;
}

.iti-flag.mg {
    height: 14px;
    background-position: -3226px 0px;
}

.iti-flag.mh {
    height: 11px;
    background-position: -3248px 0px;
}

.iti-flag.mk {
    height: 10px;
    background-position: -3270px 0px;
}

.iti-flag.ml {
    height: 14px;
    background-position: -3292px 0px;
}

.iti-flag.mm {
    height: 14px;
    background-position: -3314px 0px;
}

.iti-flag.mn {
    height: 10px;
    background-position: -3336px 0px;
}

.iti-flag.mo {
    height: 14px;
    background-position: -3358px 0px;
}

.iti-flag.mp {
    height: 10px;
    background-position: -3380px 0px;
}

.iti-flag.mq {
    height: 14px;
    background-position: -3402px 0px;
}

.iti-flag.mr {
    height: 14px;
    background-position: -3424px 0px;
}

.iti-flag.ms {
    height: 10px;
    background-position: -3446px 0px;
}

.iti-flag.mt {
    height: 14px;
    background-position: -3468px 0px;
}

.iti-flag.mu {
    height: 14px;
    background-position: -3490px 0px;
}

.iti-flag.mv {
    height: 14px;
    background-position: -3512px 0px;
}

.iti-flag.mw {
    height: 14px;
    background-position: -3534px 0px;
}

.iti-flag.mx {
    height: 12px;
    background-position: -3556px 0px;
}

.iti-flag.my {
    height: 10px;
    background-position: -3578px 0px;
}

.iti-flag.mz {
    height: 14px;
    background-position: -3600px 0px;
}

.iti-flag.na {
    height: 14px;
    background-position: -3622px 0px;
}

.iti-flag.nc {
    height: 10px;
    background-position: -3644px 0px;
}

.iti-flag.ne {
    height: 15px;
    background-position: -3666px 0px;
}

.iti-flag.nf {
    height: 10px;
    background-position: -3686px 0px;
}

.iti-flag.ng {
    height: 10px;
    background-position: -3708px 0px;
}

.iti-flag.ni {
    height: 12px;
    background-position: -3730px 0px;
}

.iti-flag.nl {
    height: 14px;
    background-position: -3752px 0px;
}

.iti-flag.no {
    height: 15px;
    background-position: -3774px 0px;
}

.iti-flag.np {
    height: 15px;
    background-position: -3796px 0px;
}

.iti-flag.nr {
    height: 10px;
    background-position: -3811px 0px;
}

.iti-flag.nu {
    height: 10px;
    background-position: -3833px 0px;
}

.iti-flag.nz {
    height: 10px;
    background-position: -3855px 0px;
}

.iti-flag.om {
    height: 10px;
    background-position: -3877px 0px;
}

.iti-flag.pa {
    height: 14px;
    background-position: -3899px 0px;
}

.iti-flag.pe {
    height: 14px;
    background-position: -3921px 0px;
}

.iti-flag.pf {
    height: 14px;
    background-position: -3943px 0px;
}

.iti-flag.pg {
    height: 15px;
    background-position: -3965px 0px;
}

.iti-flag.ph {
    height: 10px;
    background-position: -3987px 0px;
}

.iti-flag.pk {
    height: 14px;
    background-position: -4009px 0px;
}

.iti-flag.pl {
    height: 13px;
    background-position: -4031px 0px;
}

.iti-flag.pm {
    height: 14px;
    background-position: -4053px 0px;
}

.iti-flag.pn {
    height: 10px;
    background-position: -4075px 0px;
}

.iti-flag.pr {
    height: 14px;
    background-position: -4097px 0px;
}

.iti-flag.ps {
    height: 10px;
    background-position: -4119px 0px;
}

.iti-flag.pt {
    height: 14px;
    background-position: -4141px 0px;
}

.iti-flag.pw {
    height: 13px;
    background-position: -4163px 0px;
}

.iti-flag.py {
    height: 11px;
    background-position: -4185px 0px;
}

.iti-flag.qa {
    height: 8px;
    background-position: -4207px 0px;
}

.iti-flag.re {
    height: 14px;
    background-position: -4229px 0px;
}

.iti-flag.ro {
    height: 14px;
    background-position: -4251px 0px;
}

.iti-flag.rs {
    height: 14px;
    background-position: -4273px 0px;
}

.iti-flag.ru {
    height: 14px;
    background-position: -4295px 0px;
}

.iti-flag.rw {
    height: 14px;
    background-position: -4317px 0px;
}

.iti-flag.sa {
    height: 14px;
    background-position: -4339px 0px;
}

.iti-flag.sb {
    height: 10px;
    background-position: -4361px 0px;
}

.iti-flag.sc {
    height: 10px;
    background-position: -4383px 0px;
}

.iti-flag.sd {
    height: 10px;
    background-position: -4405px 0px;
}

.iti-flag.se {
    height: 13px;
    background-position: -4427px 0px;
}

.iti-flag.sg {
    height: 14px;
    background-position: -4449px 0px;
}

.iti-flag.sh {
    height: 10px;
    background-position: -4471px 0px;
}

.iti-flag.si {
    height: 10px;
    background-position: -4493px 0px;
}

.iti-flag.sj {
    height: 15px;
    background-position: -4515px 0px;
}

.iti-flag.sk {
    height: 14px;
    background-position: -4537px 0px;
}

.iti-flag.sl {
    height: 14px;
    background-position: -4559px 0px;
}

.iti-flag.sm {
    height: 15px;
    background-position: -4581px 0px;
}

.iti-flag.sn {
    height: 14px;
    background-position: -4603px 0px;
}

.iti-flag.so {
    height: 14px;
    background-position: -4625px 0px;
}

.iti-flag.sr {
    height: 14px;
    background-position: -4647px 0px;
}

.iti-flag.ss {
    height: 10px;
    background-position: -4669px 0px;
}

.iti-flag.st {
    height: 10px;
    background-position: -4691px 0px;
}

.iti-flag.sv {
    height: 12px;
    background-position: -4713px 0px;
}

.iti-flag.sx {
    height: 14px;
    background-position: -4735px 0px;
}

.iti-flag.sy {
    height: 14px;
    background-position: -4757px 0px;
}

.iti-flag.sz {
    height: 14px;
    background-position: -4779px 0px;
}

.iti-flag.ta {
    height: 10px;
    background-position: -4801px 0px;
}

.iti-flag.tc {
    height: 10px;
    background-position: -4823px 0px;
}

.iti-flag.td {
    height: 14px;
    background-position: -4845px 0px;
}

.iti-flag.tf {
    height: 14px;
    background-position: -4867px 0px;
}

.iti-flag.tg {
    height: 13px;
    background-position: -4889px 0px;
}

.iti-flag.th {
    height: 14px;
    background-position: -4911px 0px;
}

.iti-flag.tj {
    height: 10px;
    background-position: -4933px 0px;
}

.iti-flag.tk {
    height: 10px;
    background-position: -4955px 0px;
}

.iti-flag.tl {
    height: 10px;
    background-position: -4977px 0px;
}

.iti-flag.tm {
    height: 14px;
    background-position: -4999px 0px;
}

.iti-flag.tn {
    height: 14px;
    background-position: -5021px 0px;
}

.iti-flag.to {
    height: 10px;
    background-position: -5043px 0px;
}

.iti-flag.tr {
    height: 14px;
    background-position: -5065px 0px;
}

.iti-flag.tt {
    height: 12px;
    background-position: -5087px 0px;
}

.iti-flag.tv {
    height: 10px;
    background-position: -5109px 0px;
}

.iti-flag.tw {
    height: 14px;
    background-position: -5131px 0px;
}

.iti-flag.tz {
    height: 14px;
    background-position: -5153px 0px;
}

.iti-flag.ua {
    height: 14px;
    background-position: -5175px 0px;
}

.iti-flag.ug {
    height: 14px;
    background-position: -5197px 0px;
}

.iti-flag.um {
    height: 11px;
    background-position: -5219px 0px;
}

.iti-flag.us {
    height: 11px;
    background-position: -5241px 0px;
}

.iti-flag.uy {
    height: 14px;
    background-position: -5263px 0px;
}

.iti-flag.uz {
    height: 10px;
    background-position: -5285px 0px;
}

.iti-flag.va {
    height: 15px;
    background-position: -5307px 0px;
}

.iti-flag.vc {
    height: 14px;
    background-position: -5324px 0px;
}

.iti-flag.ve {
    height: 14px;
    background-position: -5346px 0px;
}

.iti-flag.vg {
    height: 10px;
    background-position: -5368px 0px;
}

.iti-flag.vi {
    height: 14px;
    background-position: -5390px 0px;
}

.iti-flag.vn {
    height: 14px;
    background-position: -5412px 0px;
}

.iti-flag.vu {
    height: 12px;
    background-position: -5434px 0px;
}

.iti-flag.wf {
    height: 14px;
    background-position: -5456px 0px;
}

.iti-flag.ws {
    height: 10px;
    background-position: -5478px 0px;
}

.iti-flag.xk {
    height: 15px;
    background-position: -5500px 0px;
}

.iti-flag.ye {
    height: 14px;
    background-position: -5522px 0px;
}

.iti-flag.yt {
    height: 14px;
    background-position: -5544px 0px;
}

.iti-flag.za {
    height: 14px;
    background-position: -5566px 0px;
}

.iti-flag.zm {
    height: 14px;
    background-position: -5588px 0px;
}

.iti-flag.zw {
    height: 10px;
    background-position: -5610px 0px;
}

.iti-flag {
    width: 20px;
    height: 15px;
    background-color: #DBDBDB;
    background-image: url("/images/qphome/select-flags.png");
    background-position: 20px 0;
    background-repeat: no-repeat;
    box-shadow: 0px 0px 1px 0px #888;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-image: url("/images/qphome/select-flags@2x.png");
    }
}

.iti-flag.np {
    background-color: transparent;
}

.mfp-bg {
    width: 100%;
    height: 100%;
    background: #0b0b0b;
    filter: alpha(opacity=80);
    left: 0;
    opacity: 0.8;
    overflow: hidden;
    position: fixed;
    top: 0;
    z-index: 1042;
}

.mfp-wrap {
    width: 100%;
    height: 100%;
    left: 0;
    outline: none !important;
    position: fixed;
    top: 0;
    z-index: 1043;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    left: 0;
    padding: 0 8px;
    position: absolute !important;
    text-align: center;
    top: 0;
}

.mfp-container:before {
    height: 100%;
    content: '';
    display: inline-block;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    display: inline-block;
    margin: 0 auto;
    position: relative;
    text-align: left;
    vertical-align: middle;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    width: auto;
    color: #cccccc;
    left: 8px;
    margin-top: -0.8em;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 50%;
    z-index: 1044;
}

.mfp-preloader a {
    color: #cccccc;
}

.mfp-preloader a:hover {
    color: white;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    background: transparent;
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    cursor: pointer;
    display: block;
    outline: none;
    overflow: visible;
    padding: 0;
    -webkit-appearance: none;
    z-index: 1046;
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    color: white !important;
    font-family: Arial, Baskerville, monospace;
    font-size: 28px;
    font-style: normal;
    line-height: 44px;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333333 !important;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    width: 100%;
    color: white !important;
    padding-right: 6px;
    right: -6px;
    text-align: right;
}

.mfp-counter {
    color: #cccccc;
    font-size: 12px;
    line-height: 18px;
    position: absolute !important;
    right: 0;
    top: 0;
}

.mfp-arrow {
    width: 90px;
    height: 110px;
    margin: 0;
    margin-top: -55px;
    opacity: 0.65;
    padding: 0;
    position: absolute !important;
    top: 50%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    width: 0;
    height: 0;
    border: medium inset transparent;
    content: '';
    display: block;
    left: 0;
    margin-left: 35px;
    margin-top: 35px;
    position: absolute;
    top: 0;
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-bottom-width: 13px;
    border-top-width: 13px;
    top: 8px;
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-bottom-width: 21px;
    border-top-width: 21px;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    border-right: 27px solid #3f3f3f;
    margin-left: 25px;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px;
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
    padding-bottom: 40px;
    padding-top: 40px;
}

.mfp-iframe-holder .mfp-content {
    width: 100%;
    max-width: 900px;
    line-height: 0;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: visible;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    width: 100%;
    height: 100%;
    background: black;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    display: block;
    left: 0;
    position: absolute;
    top: 0;
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 auto;
    padding: 40px 0 40px;
}

.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    width: auto;
    height: auto;
    background: #444444;
    bottom: 40px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    content: '';
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 40px;
    z-index: -1;
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-bottom-bar {
    width: 100%;
    cursor: auto;
    left: 0;
    margin-top: -36px;
    position: absolute;
    top: 100%;
}

.mfp-title {
    color: #f3f3f3;
    line-height: 18px;
    padding-right: 36px;
    text-align: left;
    word-wrap: break-word;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        bottom: 0;
        top: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin: 0;
        padding: 3px 5px;
        position: fixed;
        top: auto;
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        width: 35px;
        height: 35px;
        background: rgba(0, 0, 0, 0.6);
        line-height: 35px;
        padding: 0;
        position: fixed;
        right: 0;
        text-align: center;
        top: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    padding-top: 0;
    right: 0;
    top: 0;
}

.hm-short-url-section {
    font-size: 12px;
    margin: 0 0 40px 0;
}

.hm-short-url-section .line-how-it {
    height: 1px;
    background-color: #d7d7d7;
    box-shadow: 0 -2px 5px 0 #bbbbbb;
    margin-bottom: 5px;
}

.hm-short-url-section .hm-short-url {
    display: inline-block;
}

.hm-short-url-section .hm-short-url .hm-short-url-head {
    display: inline-block;
    font-weight: 500;
}

.hm-short-url-section .hm-short-url a {
    color: #464646;
    line-height: 24px;
}

.hm-short-url-section .hm-short-url a:hover {
    cursor: pointer;
    text-decoration: underline;
}

.ushome-client {
    width: 100%;
    display: none;
    margin: 25px 0;
    vertical-align: middle;
}

@media only screen and (min-width: 760px) {
    .ushome-client {
        display: inline-block;
    }
}

.ushome-client .client-text {
    width: 86px;
    display: inline-block;
    vertical-align: top;
}

@media only screen and (min-width: 1024px) {
    .ushome-client .client-text {
        width: 130px;
    }
}

@media only screen and (min-width: 1200px) {
    .ushome-client .client-text {
        width: 155px;
    }
}

.ushome-client .client-text p {
    width: 91%;
    color: #8d8e8e;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    line-height: 14px;
    margin: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    vertical-align: middle;
}

.ushome-client .client-text .shadow {
    width: 4px;
    height: 50px;
    border-right: 1px solid #ccc;
    box-shadow: 2px 0 4px #ddd;
    display: inline-block;
    vertical-align: middle;
}

.ushome-client .client-logo {
    display: inline-block;
    margin-left: 5px;
    margin-top: 24px;
}

@media only screen and (min-width: 1024px) {
    .ushome-client .client-logo {
        margin-left: 0;
        margin-top: 12px;
    }
}

@media only screen and (min-width: 1200px) {
    .ushome-client .client-logo {
        margin-left: 0;
        margin-top: 4px;
    }
}

.ushome-client .client-logo .us-cust {
    width: 99px;
    height: 28px;
    background-color: transparent;
    background-image: url("/images/qphome/v3/us-cust.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
}

@media only screen and (min-width: 1024px) {
    .ushome-client .client-logo .us-cust {
        width: 135px;
        height: 32px;
    }
}

@media only screen and (min-width: 1200px) {
    .ushome-client .client-logo .us-cust {
        width: 160px;
        height: 41px;
    }
}

.ushome-client .client-logo .us-cust.toyota {
    background-position: 0 0;
}

.ushome-client .client-logo .us-cust.samsung {
    background-position: 0 -24px;
}

@media only screen and (min-width: 1024px) {
    .ushome-client .client-logo .us-cust.samsung {
        background-position: 0 -34px;
    }
}

@media only screen and (min-width: 1200px) {
    .ushome-client .client-logo .us-cust.samsung {
        background-position: 0 -41px;
    }
}

.ushome-client .client-logo .us-cust.uspost {
    background-position: 0 -48px;
}

@media only screen and (min-width: 1024px) {
    .ushome-client .client-logo .us-cust.uspost {
        background-position: 0 -68px;
    }
}

@media only screen and (min-width: 1200px) {
    .ushome-client .client-logo .us-cust.uspost {
        background-position: 0 -82px;
    }
}

.ushome-client .client-logo .us-cust.hyatt {
    background-position: 0 -72px;
}

@media only screen and (min-width: 1024px) {
    .ushome-client .client-logo .us-cust.hyatt {
        background-position: 0 -102px;
    }
}

@media only screen and (min-width: 1200px) {
    .ushome-client .client-logo .us-cust.hyatt {
        background-position: -25px -123px;
    }
}

.ushome-client .client-logo .us-cust.siemens {
    background-position: 0 -96px;
}

@media only screen and (min-width: 1024px) {
    .ushome-client .client-logo .us-cust.siemens {
        background-position: 0 -136px;
    }
}

@media only screen and (min-width: 1200px) {
    .ushome-client .client-logo .us-cust.siemens {
        background-position: 0 -164px;
    }
}

.ushome-client .client-logo .us-cust.stanford {
    background-position: 0 -122px;
}

@media only screen and (min-width: 1024px) {
    .ushome-client .client-logo .us-cust.stanford {
        background-position: 0 -170px;
    }
}

@media only screen and (min-width: 1200px) {
    .ushome-client .client-logo .us-cust.stanford {
        background-position: 0 -205px;
    }
}

.us-home-banner {
    min-height: 385px;
    background: #e7f2f7;
    margin-bottom: 20px;
    padding-top: 30px;
}

@media only screen and (min-width: 1024px) {
    .us-home-banner {
        margin-bottom: 0;
    }
}

.us-home-banner .mslogan h1, .us-home-banner .mslogan span.h-title {
    color: #1a2b57;
    display: block;
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 15px;
    text-align: center;
}

@media only screen and (min-width: 760px) {
    .us-home-banner .mslogan h1, .us-home-banner .mslogan span.h-title {
        display: none;
    }
}

.us-home-banner .slogan span.h-title{
    line-height: 1.1;
}

.us-home-banner .slogan h1, .us-home-banner .slogan span.h-title {
    color: #1a2b57;
    display: none;
    font-size: 39px;
    font-weight: 700;
    margin-bottom: 15px;
}

@media only screen and (min-width: 760px) {
    .us-home-banner .slogan h1, .us-home-banner .slogan span.h-title {
        display: block;
    }
}
.us-home-banner .slogan li {
    color: #1a2553;
    font-size: 14px;
    margin-bottom: 12px;
}

@media only screen and (min-width: 760px) {
    .us-home-banner .slogan li {
        font-size: 15px;
    }
}

.us-home-banner .slogan li span {
    color: #1a2553;
    display: none;
    font-size: 18px;
    font-weight: 600;
}

@media only screen and (min-width: 760px) {
    .us-home-banner .slogan li span {
        display: inline-block;
    }
}

.us-home-banner .slogan li p {
    color: #1a2553;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
}

.us-home-banner .slogan li a {
    color: #59a9e0;
    display: block;
    font-weight: normal;
    text-decoration: underline;
}

.us-home-banner .slogan li a:hover {
    cursor: pointer;
    text-decoration: none;
}

@media only screen and (min-width: 760px) {
    .us-home-banner .slogan li a {
        display: inline-block;
    }
}

.us-home-banner .us-banner-img {
    float: none;
}

@media only screen and (min-width: 760px) {
    .us-home-banner .us-banner-img {
        width: 100%;
        display: inline-block;
        float: right;
        text-align: center;
    }
}

.us-home-banner .us-banner-img .us-ban-content p {
    color: #1a2b57;
    margin-bottom: 20px;
    text-align: center;
}

.us-home-banner .us-banner-img .us-ban-content a {
    width: 100%;
    color: #2ba6cb;
    display: inline-block;
    font-weight: 500;
    margin-bottom: 5px;
    text-align: center;
}

.us-home-banner .us-banner-img .us-ban-content a:hover {
    color: #2ba6cb;
    cursor: pointer;
    text-decoration: underline;
}

.us-home-banner .us-banner-img img {
    width: 100%;
}

@media only screen and (min-width: 760px) {
    .us-home-banner .us-banner-img img {
        width: auto;
    }
}

.qp-survey-templates-blocks {
    margin: 0;
    padding: 20px 0;
}

@media only screen and (min-width: 820px) {
    .qp-survey-templates-blocks {
        margin: 0;
    }
    .qp-survey-templates-blocks {
        padding: 30px 0;
    }
}

.qp-survey-templates-blocks .container {
    width: 100%;
    height: 100%;
    padding: 0 15px;
}

@media only screen and (min-width: 1200px) {
    .qp-survey-templates-blocks .container {
        width: 1170px;
    }
}

.qp-survey-templates-blocks .container h3 {
    margin: 0 auto;
    padding: 0;
}

.qp-survey-templates-blocks .container a {
    text-decoration: none;
    outline: none;
}

.qp-survey-templates-blocks .container a:hover,
.qp-survey-templates-blocks .container a:focus {
    cursor: pointer;
    outline: none;
    text-decoration: none;
}

.qp-survey-templates-blocks .container ol,
.qp-survey-templates-blocks .container ul {
    list-style: none;
}

.qp-survey-templates-blocks .container *:hover,
.qp-survey-templates-blocks .container *:focus {
    outline: none !important;
}

.qp-survey-templates-blocks h3 {
    color: #1a2a55;
    font-size: 21px;
    font-weight: 500;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

@media only screen and (min-width: 760px) {
    .qp-survey-templates-blocks h3 {
        font-size: 28px;
    }
}

.qp-survey-templates-blocks ul {
    width: 100%;
    display: block;
    padding: 0px 0 15px;
    text-align: center;
}

@media only screen and (min-width: 600px) {
    .qp-survey-templates-blocks ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media only screen and (min-width: 1024px) {
    .qp-survey-templates-blocks ul {
        width: 80%;
        padding: 15px 0;
    }
}

@media only screen and (min-width: 1200px) {
    .qp-survey-templates-blocks ul {
        width: 60%;
    }
}

.qp-survey-templates-blocks ul li {
    width: 100%;
    display: inline-block;
    margin: 10px 0;
    padding: 0;
    vertical-align: middle;
}

@media only screen and (min-width: 600px) {
    .qp-survey-templates-blocks ul li {
        width: 46.8%;
        display: flex;
        justify-content: center;
        margin: 10px 5px;
    }
}

@media only screen and (min-width: 760px) {
    .qp-survey-templates-blocks ul li {
        width: 27.25%;
        margin: 15px 18px;
    }
}

.qp-survey-templates-blocks ul li a {
    width: 100%;
    background: #0096df;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 16px;
    padding: 10px;
    text-align: center;
}

@media only screen and (min-width: 600px) {
    .qp-survey-templates-blocks ul li a {
        align-items: center;
        display: flex;
        justify-content: center;
        text-align: center;
    }
}

.qp-survey-templates-blocks ul li a:hover,
.qp-survey-templates-blocks ul li a:focus {
    background: #004693;
    color: #fff;
}

.qp-survey-templates-blocks .stb-link {
    text-align: center;
}

.qp-survey-templates-blocks .stb-link a {
    color: #0073c9;
    font-weight: 600;
    text-decoration: underline;
    font-size: 15px;
}

@media only screen and (min-width: 1024px) {
    .qp-survey-templates-blocks .stb-link a {
        font-size: 16px;
    }
}

.qp-survey-templates-blocks .stb-link a:hover,
.qp-survey-templates-blocks .stb-link a:focus {
    text-decoration: none;
}