.banner-experience { height: 220px; background: -webkit-linear-gradient(-90deg, #0c101a 0%, #21223b 100%); background: -moz-linear-gradient(-90deg, #0c101a 0%, #21223b 100%); background: -o-linear-gradient(-90deg, #0c101a 0%, #21223b 100%); background: -ms-linear-gradient(-90deg, #0c101a 0%, #21223b 100%); background: linear-gradient(180deg, #0c101a 0%, #21223b 100%); }
.banner-experience h1 { padding: 120px 0 0; color: #fff; font-size: 3.063em; font-weight: 400; line-height: 100%; }

.experience-list { padding: 30px 0 0; }

.experience-link { position: relative; display: inline-block; width: 635px; height: 380px; margin: 0 30px 30px 0; }
.experience-link:nth-of-type(2n) { margin: 0; }

.experience-link .icon { display: block; width: 635px; height: 330px; }
.experience-link .overlay { position: absolute; top: 0; left: 0; display: block; width: 635px; height: 330px; background-color: #0074e6; opacity: 0; z-index: 2; }
.experience-link .link-name { position: relative; width: 100%; height: 50px; padding: 0 0 0 20px; line-height: 50px; color: #17212f; font-size: 1.813em; font-weight: 300; background-color: #fff; box-sizing: border-box; }
.experience-link .link-name:after { content: ""; border-bottom: 2px solid #17212f; border-right: 2px solid #17212f; width: 12px; height: 12px; position: absolute; right: 20px; top: 18px; z-index: 100; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.experience-link:hover .overlay { opacity: 0.1; }
.experience-link:hover .link-name { color: #0074e6; }
.experience-link:hover .link-name:after { border-color: #0074e6; }


/* EXPERIENCE CASES COMMON STYLES */
.banner-lp-prof { position: relative; padding: 0; min-height: 800px; max-height: 1200px; height: 100vh; text-align: center; background: url("/img/theme.20170130/landings/managers/bk_manager.jpg") no-repeat center bottom; background-size: cover; box-sizing: border-box; }
.banner-lp-prof .content { position: absolute; top: 50%; left: 50%; margin: -300px 0 0 -650px; }

.banner-lp-prof .icon { display: block; width: 110px; height: 110px; margin: 0 auto; }
.banner-lp-prof .title { padding: 40px 0 20px; color: #fff; font-size: 3.125em; font-weight: 300; }
.banner-lp-prof .subtitle { padding: 0 0 80px; color: #fff; font-size: 2.5em; font-weight: 300; }

.banner-lp-prof .get-it .btn.green { background: transparent url("/img/theme.20170130/download.svg") no-repeat center center; background-size: 215px 46px; border: 1px solid transparent; }

.banner-lp-prof .garland { padding: 30px 0 0; text-align: center; }
.banner-lp-prof .garland img { display: inline-block; margin: 0 75px; }
.banner-lp-prof .garland .lp-editors-choice { width: 220px; height: 60px; margin-left: 0; }
.banner-lp-prof .garland .lp-app-of-the-year { width: 302px; height: 60px; }
.banner-lp-prof .garland .lp-top-paid-app { width: 225px; height: 60px; margin-right: 0; }

.scroll-down { position: absolute; bottom: 60px; left: 50%; display: block; width: 40px; height: 60px; margin: 0 0 0 -20px; background: url("/img/theme.20170130/landings/prof_common/arrow.svg") no-repeat center center; background-size: 40px 60px; }

.lp-prof-content .content { width: 1160px; }

.lp-prof-content h2 { padding: 0 0 60px; color: #17212f; font-size: 3.125em; font-weight: 300; text-align: center; }


.banner-lp-prof.managers { background-image: url("/img/theme.20170130/landings/managers/bk_manager.jpg"); }
.banner-lp-prof.construction { background-image: url("/img/theme.20170130/landings/construction/bk_architects.jpg"); }
.banner-lp-prof.educators { background-image: url("/img/theme.20170130/landings/educators/bk_educators.jpg"); }
.banner-lp-prof.healthcare { background-image: url("/img/theme.20170130/landings/healthcare/bk_medicine.jpg"); }
.banner-lp-prof.sales { background-image: url("/img/theme.20170130/landings/managers/bk_manager.jpg"); }
.banner-lp-prof.students { background-image: url("/img/theme.20170130/landings/educators/bk_educators.jpg"); }

.banner-lp-prof.experience-students { background-image: url("/img/theme.20170130/landings/educators/bk_educators.jpg"); }
.banner-lp-prof.experience-construction { background-image: url("/img/theme.20170130/landings/construction/bk_architects.jpg"); }
.banner-lp-prof.experience-managers { background-image: url("/img/theme.20170130/experience/managers/mngrs_bk.jpg"); }
.banner-lp-prof.experience-healthcare { background-image: url("/img/theme.20170130/landings/healthcare/bk_medicine.jpg"); }


.get-it .special-offer { padding: 10px 0 0 230px; color: #fff; font-size: 1em; font-weight: 300; }
.get-it .special-offer.dark { color: #4d545f; }


.lp-feature-content .content { width: 1160px; }

.feature-block { position: relative; display: inline-block; width: 520px; margin: 60px 100px 0 0; padding: 0 0 0 128px; box-sizing: border-box; vertical-align: top; }
.feature-block:nth-of-type(2n) { margin: 60px 0 0 0; }
.feature-block .icon { position: absolute; top: 5px; left: 0; width: 110px; height: 110px; }
.feature-block .title { padding: 0 0 10px; color: #17212f; font-size: 1.625em; font-weight: 400; line-height: 100%; }
.feature-block .descr { padding: 0 0 8px; color: #4d545f; font-size: 1.063em; font-weight: 400; line-height: 175%; }
.feature-block .read-more { position: relative; display: inline-block; padding: 0 15px 0 0; color: #0074e6; font-size: 1.063em; font-weight: 600; line-height: 100%; }
.feature-block:hover .read-more { text-decoration: underline; }
.feature-block .read-more:after { content: ""; border-bottom: 2px solid #0074e6; border-right: 2px solid #0074e6; width: 6px; height: 6px; position: absolute; right: 0; top: 6px; z-index: 100; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.lp-feature-content .get-it { padding: 60px 0; }
.lp-feature-content hr { border: none; height: 1px; color: #c9d1df; background-color: #c9d1df; }
.lp-feature-content h3 { padding: 40px 0; color: #17212f; font-size: 2em; font-weight: 300; text-align: center; }

.lp-quote { width: 900px; margin: 0 auto 60px; padding: 0 0 0 46px; background: url("/img/theme.20170130/landings/feat_common/quote.svg") no-repeat 0 0; background-size: 26px 22px; }
.lp-quote .text { padding: 0 0 25px; color: #17212f; font-size: 1.625em; font-weight: 300; }
.lp-quote .author { display: inline-block; height: 26px; padding: 0 0 0 130px; color: #4d545f; font-size: 1.313em; font-weight: 400; background: url("/img/theme.20170130/landings/feat_common/stars_5.svg") no-repeat 0 4px; background-size: 116px 20px; }
.lp-quote .author span { font-weight: 600; }

.lp-quote .author.rating-45 { background-image: url("/img/theme.20170130/landings/feat_common/stars_4-5.svg"); }


/* STUDENTS PAGE STYLES */
.read-annotate { position: relative; }

.read-annotate .description { width: 620px; }
.read-annotate h2.title { padding: 130px 0 30px; }
.read-annotate p.text { padding: 0 0 50px; }

.read-annotate .illustration { position: relative; width: 580px; margin: 73px 0 0; }
.read-annotate .illustration .screen { display: block; width: 700px; height: 460px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.15); }
.read-annotate .illustration iframe { position: absolute; top: 0; left: 0; display: block; width: 700px; height: 460px; }

.experience-edit .description { width: 620px; }
.experience-edit h2.title { padding: 80px 0 30px; }
.experience-edit p.text { padding: 0 0 50px; }

.experience-edit .illustration { position: relative; width: 580px; height: 461px; padding: 0; }
.experience-edit .illustration .screen { position: absolute; top: 0; right: 0; display: block; width: 700px; height: 460px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.15); z-index: 2; }
.experience-edit .illustration iframe { position: absolute; top: 0; right: 0; display: block; width: 700px; height: 460px; z-index: 3; }

.experience-manage { padding-bottom: 0; }
.experience-manage h2 { padding: 0 0 30px; }
.experience-manage p.text { width: 810px; margin: 0 auto 30px; }
.experience-manage iframe { display: block; width: 1085px; height: 691px; margin: 60px auto -130px; }


.lp-bottom { height: 55px; padding: 13px 0 0; box-sizing: border-box; }
.lp-bottom-logo { display: inline-block; height: 28px; padding: 0 0 0 35px; color: #4d545f; font-size: 1.25em; font-weight: 400; line-height: 28px; background: url("/img/theme.20170130/index/pdfexpert_header_2x.png") no-repeat 0 0; background-size: 28px 28px; }


/* CONSTRUCTION PAGE STYLES */
.view-annotate .description { width: 620px; }
.view-annotate h2.title { padding: 130px 0 30px; }
.view-annotate p.text { padding: 0 0 50px; }

.view-annotate .illustration { position: relative; width: 580px; margin: 73px 0 0; }
.view-annotate .illustration .screen { display: block; width: 700px; height: 460px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.15); }
.view-annotate .illustration iframe { position: absolute; top: 0; left: 0; display: block; width: 700px; height: 460px; }

.fill-sign .description { width: 620px; }
.fill-sign h2.title { padding: 80px 0 30px; }
.fill-sign p.text { padding: 0 0 50px; }

.fill-sign .illustration { position: relative; width: 580px; height: 461px; padding: 0; }
.fill-sign .illustration .screen { position: absolute; top: 0; right: 0; display: block; width: 700px; height: 460px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.15); z-index: 2; }
.fill-sign .illustration iframe { position: absolute; top: 0; right: 0; display: block; width: 700px; height: 460px; z-index: 3; }

.construction-edit { padding-bottom: 0; }
.construction-edit h2 { padding: 0 0 30px; }
.construction-edit p.text { width: 810px; margin: 0 auto 50px; }
.construction-edit .illustration { position: relative; width: 1136px; height: 589px; margin: 0 auto; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.15); overflow-y: hidden; }
.construction-edit .illustration .screen { display: block; width: 1136px; height: 745px; }
.construction-edit .illustration iframe { position: absolute; top: 0; left: 0; display: block; width: 1136px; height: 745px; }


/* MANAGERS PAGE STYLES */
.managers-annotate .description { width: 620px; }
.managers-annotate h2.title { padding: 130px 0 30px; }
.managers-annotate p.text { padding: 0 0 50px; }

.managers-annotate .illustration { position: relative; width: 580px; margin: 73px 0 0; }
.managers-annotate .illustration .screen { display: block; width: 700px; height: 460px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.15); }
.managers-annotate .illustration iframe { position: absolute; top: 0; left: 0; display: block; width: 700px; height: 460px; }

.managers-sign .description { width: 620px; }
.managers-sign h2.title { padding: 80px 0 30px; }
.managers-sign p.text { padding: 0 0 50px; }

.managers-sign .illustration { position: relative; width: 580px; height: 461px; padding: 0; }
.managers-sign .illustration .screen { position: absolute; top: 0; right: 0; display: block; width: 700px; height: 460px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.15); z-index: 2; }
.managers-sign .illustration iframe { position: absolute; top: 0; right: 0; display: block; width: 700px; height: 460px; z-index: 3; }

.managers-edit { padding-bottom: 0; }
.managers-edit h2 { padding: 0 0 30px; }
.managers-edit p.text { width: 810px; margin: 0 auto 50px; }
.managers-edit .illustration { position: relative; width: 1136px; height: 589px; margin: 0 auto; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.15); overflow-y: hidden; }
.managers-edit .illustration .screen { display: block; width: 1136px; height: 745px; }
.managers-edit .illustration iframe { position: absolute; top: 0; left: 0; display: block; width: 1136px; height: 745px; }


/* HEALTHCARE PAGE STYLES */
.healthcare-annotate .description { width: 620px; }
.healthcare-annotate h2.title { padding: 130px 0 30px; }
.healthcare-annotate p.text { padding: 0 0 50px; }

.healthcare-annotate .illustration { position: relative; width: 580px; margin: 73px 0 0; }
.healthcare-annotate .illustration .screen { display: block; width: 700px; height: 460px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.15); }
.healthcare-annotate .illustration iframe { position: absolute; top: 0; left: 0; display: block; width: 700px; height: 460px; }

.healthcare-sign .description { width: 620px; }
.healthcare-sign h2.title { padding: 80px 0 30px; }
.healthcare-sign p.text { padding: 0 0 50px; }

.healthcare-sign .illustration { position: relative; width: 580px; height: 461px; padding: 0; }
.healthcare-sign .illustration .screen { position: absolute; top: 0; right: 0; display: block; width: 700px; height: 460px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.15); z-index: 2; }
.healthcare-sign .illustration iframe { position: absolute; top: 0; right: 0; display: block; width: 700px; height: 460px; z-index: 3; }

.healthcare-edit { padding-bottom: 0; }
.healthcare-edit h2 { padding: 0 0 30px; }
.healthcare-edit p.text { width: 810px; margin: 0 auto 50px; }
.healthcare-edit .illustration { position: relative; width: 1136px; height: 589px; margin: 0 auto; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.15); overflow-y: hidden; }
.healthcare-edit .illustration .screen { display: block; width: 1136px; height: 745px; }
.healthcare-edit .illustration iframe { position: absolute; top: 0; left: 0; display: block; width: 1136px; height: 745px; }



@media only screen and (min-width: 1200px) and (max-width: 1440px) {
    .experience-link { width: 585px; height: 354px; }
    .experience-link:nth-of-type(2n) { margin: 0; }

    .experience-link .icon { width: 585px; height: 304px; }
    .experience-link .overlay { width: 585px; height: 304px; }


    .banner-lp-prof { min-height: 660px; }
    .banner-lp-prof .content { margin: -300px 0 0 -600px; }

    .banner-lp-prof .icon { width: 88px; height: 88px; }
    .banner-lp-prof .title { padding: 40px 0 20px; font-size: 2.5em; }
    .banner-lp-prof .subtitle { padding: 0 0 80px; font-size: 2em; }

    .banner-lp-prof .garland { padding: 30px 0 0; text-align: center; }
    .banner-lp-prof .garland img { display: inline-block; margin: 0 75px; }
    .banner-lp-prof .garland .lp-editors-choice { width: auto; height: 48px; }
    .banner-lp-prof .garland .lp-app-of-the-year { width: auto; height: 48px; }
    .banner-lp-prof .garland .lp-top-paid-app { width: auto; height: 48px; }

    .scroll-down { position: absolute; bottom: 60px; left: 50%; display: block; width: 40px; height: 60px; margin: 0 0 0 -20px; background: url("/img/theme.20170130/landings/prof_common/arrow.svg") no-repeat center center; background-size: 40px 60px; }


    /* STUDENTS PAGE STYLES */
    .read-annotate .description { width: 580px; }
    .experience-edit .description { width: 580px; }

    /* CONSTRUCTION PAGE STYLES */
    .view-annotate .description { width: 580px; }
    .fill-sign .description { width: 580px; }

    /* MANAGERS PAGE STYLES */
    .managers-annotate .description { width: 580px; }
    .managers-sign .description { width: 580px; }

    /* HEALTHCARE PAGE STYLES */
    .healthcare-annotate .description { width: 580px; }
    .healthcare-sign .description { width: 580px; }

}


@media (-webkit-min-device-pixel-ratio: 2) {
    .experience-link .icon.students { content: url("/img/theme.20170130/experience/students/stud_2x.jpg"); }
    .experience-link .icon.construction { content: url("/img/theme.20170130/experience/arch_2x.jpg"); }
    .experience-link .icon.managers { content: url("/img/theme.20170130/experience/mng_2x.jpg"); }
    .experience-link .icon.healthcare { content: url("/img/theme.20170130/experience/doc_2x.jpg"); }
    .experience-link .icon.lawyers { content: url("/img/theme.20170130/experience/law_2x.jpg"); }
    .experience-link .icon.pilots { content: url("/img/theme.20170130/experience/plt_2x.jpg"); }

    .banner-lp-prof .icon { content: url("/img/theme.20170130/landings/prof_common/PDFExpert1_2x.png"); }

    .banner-lp-prof .garland .lp-editors-choice { content: url("/img/theme.20170130/landings/prof_common/sp1_2x.png"); }
    .banner-lp-prof .garland .lp-app-of-the-year { content: url("/img/theme.20170130/landings/prof_common/sp2_2x.png"); }
    .banner-lp-prof .garland .lp-top-paid-app { content: url("/img/theme.20170130/landings/prof_common/sp3_2x.png"); }

    .banner-lp-prof.managers { background-image: url("/img/theme.20170130/landings/managers/bk_manager_2x.jpg"); }
    .banner-lp-prof.construction { background-image: url("/img/theme.20170130/landings/construction/bk_architects_2x.jpg"); }
    .banner-lp-prof.educators { background-image: url("/img/theme.20170130/landings/educators/bk_educators_2x.jpg"); }
    .banner-lp-prof.healthcare { background-image: url("/img/theme.20170130/landings/healthcare/bk_medicine_2x.jpg"); }
    .banner-lp-prof.sales { background-image: url("/img/theme.20170130/landings/managers/bk_manager_2x.jpg"); }
    .banner-lp-prof.students { background-image: url("/img/theme.20170130/landings/educators/bk_educators_2x.jpg"); }

    .banner-lp-prof.experience-students { background-image: url("/img/theme.20170130/landings/educators/bk_educators_2x.jpg"); }
    .banner-lp-prof.experience-construction { background-image: url("/img/theme.20170130/landings/construction/bk_architects_2x.jpg"); }
    .banner-lp-prof.experience-managers { background-image: url("/img/theme.20170130/experience/managers/mngrs_bk_2x.jpg"); }
    .banner-lp-prof.experience-healthcare { background-image: url("/img/theme.20170130/landings/healthcare/bk_medicine_2x.jpg"); }


    /* STUDENTS PAGE STYLES */
    .read-annotate .illustration .screen { content: url("/img/theme.20170130/experience/students/ftr_annotate_bk_2x.png"); }
    .experience-edit .illustration .screen { content: url("/img/theme.20170130/experience/students/ftr_edit_bk_2x.png"); }

    /* CONSTRUCTION PAGE STYLES */
    .view-annotate .illustration .screen { content: url("/img/theme.20170130/experience/construction/arch_annotate_bk_2x.png"); }
    .fill-sign .illustration .screen { content: url("/img/theme.20170130/experience/construction/arch_sign_bk_2x.png"); }
    .construction-edit .illustration .screen { content: url("/img/theme.20170130/experience/construction/new_editing_bk_2x.png"); }

    /* MANAGERS PAGE STYLES */
    .managers-annotate .illustration .screen { content: url("/img/theme.20170130/experience/managers/mngr_annotate_bk_2x.png"); }
    .managers-sign .illustration .screen { content: url("/img/theme.20170130/experience/managers/ftr_sign_bk_2x.png"); }
    .managers-edit .illustration .screen { content: url("/img/theme.20170130/experience/construction/arch_annotate_bk_2x.png"); }

    /* HEALTHCARE PAGE STYLES */
    .healthcare-annotate .illustration .screen { content: url("/img/theme.20170130/experience/healthcare/hlth_annotate_bk_2x.png"); }
    .healthcare-sign .illustration .screen { content: url("/img/theme.20170130/experience/healthcare/hlth_sign_bk_2x.png"); }
    .healthcare-edit .illustration .screen { content: url("/img/theme.20170130/experience/healthcare/hlth_edit_bk_2x.png"); }

}