/*region Common Scanner Pro styles */
body {
    min-width: 1200px;
}

.menu .container .products {
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.text {
    color: #444;
    font-size: 1.375em;
    padding-top: 0;
    line-height: 34px;
}

h2.section-title, h3.section-title, p.section-title {
    margin: 0;
    padding: 0 0 10px;
    color: #191919;
    font-size: 2.75em;
    font-weight: 600;
}

p.section-subtitle {
    padding: 0 0 30px;
    color: #999;
    font-size: 2em;
    line-height: 120%;
    font-weight: normal;
}

.content-block {
    padding: 60px 0;
    border: none;
    border-bottom: 1px solid #f2f2f2;
    overflow: hidden;
}

.content-block .content {
    height: 100%;
    box-sizing: border-box;
}

.content-block .description, .content-block .illustration {
    width: 50%;
}

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

.bottom {
    background-color: #fff;
}

.btn {
    display: inline-block;
    width: 215px;
    height: 44px;
    margin: 0 10px 0 0;
    padding: 0;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    color: #8c8c8c;
    font-size: 1.063em;
    font-weight: 400;
    line-height: 44px;
    text-align: center;
    border-radius: 6px;
}

.btn.green {
    border: 1px solid #3fc322;
    background-color: #3fc322;
    color: #fff;
}
.btn.green:hover {
    color: #fff;
}
/*endregion*/


/*region Main Banner styles */
.main-banner {
    position: relative;
    height: 800px;
    padding: 0;
    background-color: #919191;
    box-sizing: border-box;
}

.main-banner video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10%;
    width: 120%;
}

.main-banner .alpha { display: block; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.65); z-index: 5; }

.main-banner .content {
    padding: 100px 0 0;
    z-index: 10;
}

.main-banner .prefix {
    padding: 0 0 10px;
    color: #fff;
    font-size: 1.625em;
    font-weight: 400;
    line-height: 100%;
}

.main-banner .logo {
    display: block;
    margin: 0 auto;
    width: 140px;
    height: auto;
}

.main-banner .title {
    padding: 20px 0 30px;
    color: #fff;
    font-size: 4.125em;
    font-weight: 600;
    line-height: 100%;
}

.main-banner .subtitle {
    padding: 0 0 60px;
    color: #fff;
    font-size: 2em;
    font-weight: 400;
    line-height: 120%;
}

.main-banner .video_player {
    display: inline-block;
    height: 48px;
    padding: 0 0 0 60px;
    color: #fff;
    font-size: 1.625em;
    font-weight: 600;
    line-height: 48px;
    background: url("/img/common/playbtn.svg") no-repeat 0 0;
    background-size: 48px 48px;
}

.main-banner .btn {
    margin: 60px 0 0;
}

.main-banner .next_panel {
    z-index: 10;
}

/*endregion*/

/*region Quote block styles */
.quote-block {
    width: 1000px;
    margin: 0 auto;
    padding: 0 0 0 46px;
    background: url("/img/common/quote-blue.svg") no-repeat 0 0;
    background-size: 30px 25px;
}

.quote-block .quote-text {
    padding: 0 0 25px;
    color: #333;
    font-size: 2em;
    font-weight: 400;
    line-height: 120%;
}

.quote-block .quote-author {
    display: inline-block;
}

.quote-block .quote-author.tnyt {
    width: 201px;
    height: auto;
}
/*endregion*/


/*region Scanner in Pocket styles*/
.scanner-in-pocket {
    background: -webkit-linear-gradient(90deg, #e6e6e6 0%, #f4f4f4 100%);
    background: -moz-linear-gradient(90deg, #e6e6e6 0%, #f4f4f4 100%);
    background: -o-linear-gradient(90deg, #e6e6e6 0%, #f4f4f4 100%);
    background: -ms-linear-gradient(90deg, #e6e6e6 0%, #f4f4f4 100%);
    background: linear-gradient(0deg, #e6e6e6 0%, #f4f4f4 100%);
}

.scanner-in-pocket .devices {
    display: block;
    width: 1114px;
    height: 754px;
    margin: 40px auto 0;
}
/*endregion*/

/*region Fast and Easy styles*/
.fast-and-easy .description {
    width: 400px;
    padding-top: 100px;
}

.fast-and-easy .text {
    padding-bottom: 60px;
}

.fast-and-easy .illustration {
    width: 680px;
}

.fast-and-easy .window {
    position: relative;
    width: 680px;
    height: 640px;
    overflow: hidden;
}

.fast-and-easy .left-fade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 640px;
    background: -webkit-linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 100;
}

.fast-and-easy .right-fade {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 640px;
    background: -webkit-linear-gradient(-180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(-180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(-180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(-180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 100;
}

.fast-and-easy .bottom-fade {
    width: 680px;
    height: 1px;
    background: -webkit-linear-gradient(180deg, #ffffff 0%, #aaaaaa 51%, #ffffff 100%);
    background: -moz-linear-gradient(180deg, #ffffff 0%, #aaaaaa 51%, #ffffff 100%);
    background: -o-linear-gradient(180deg, #ffffff 0%, #aaaaaa 51%, #ffffff 100%);
    background: -ms-linear-gradient(180deg, #ffffff 0%, #aaaaaa 51%, #ffffff 100%);
    background: linear-gradient(-90deg, #ffffff 0%, #aaaaaa 51%, #ffffff 100%);
}

.fast-and-easy .window .slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 3400px;
    height: 640px;
}

.fast-and-easy .window .slider-item {
    display: block;
    float: left;
    width: 680px;
    height: 640px;
}

.fast-and-easy .window .slider-item img {
    display: block;
    width: 381px;
    height: 620px;
    margin: 20px auto 0;
}

.fast-and-easy .slider-text {
    width: 100%;
    height: 80px;
    text-align: center;
}

.fast-and-easy .slider-text p {
    display: none;
    color: #555;
    font-size: 1.313em;
    font-weight: 600;
    opacity: 0;
}

.fast-and-easy .slider-text p.current {
    display: block;
}

.fast-and-easy .slider-switch {
    list-style: none;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.fast-and-easy .slider-switch li {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 2px;
}

.fast-and-easy .slider-switch li span {
    display: block;
    width: 10px;
    height: 10px;
    margin: 10px;
    border-radius: 50%;
    background-color: #b6b6b6;
}

.fast-and-easy .slider-switch li:hover {
    cursor: pointer;
}

.fast-and-easy .slider-switch li:hover span {
    background-color: #555;
}

.fast-and-easy .slider-switch li.current span {
    background-color: #555;
}
/*endregion*/

/*region Advanced Technology styles*/
.advanced-technology .text {
    width: 920px;
    margin: 0 auto;
}

.advanced-technology .devices {
    display: block;
    width: 1033px;
    height: 616px;
    margin: 60px auto 0;
}
/*endregion*/

/*region Power of Words styles*/
.power-words {
    background: -webkit-linear-gradient(90deg, #e6e6e6 0%, #f4f4f4 100%);
    background: -moz-linear-gradient(90deg, #e6e6e6 0%, #f4f4f4 100%);
    background: -o-linear-gradient(90deg, #e6e6e6 0%, #f4f4f4 100%);
    background: -ms-linear-gradient(90deg, #e6e6e6 0%, #f4f4f4 100%);
    background: linear-gradient(0deg, #e6e6e6 0%, #f4f4f4 100%);
}

.power-words .description {
    width: 450px;
    padding-top: 80px;
}

.power-words .text {
    padding-bottom: 60px;
}

.power-words .illustration {
    width: 660px;
}

.power-words .devices {
    display: block;
    width: 901px;
    height: auto;
    margin-left: -280px;
}
/*endregion*/

/*region Save time Automate styles*/
.save-automate .text {
    width: 1000px;
    margin: 0 auto;
}

.save-automate .devices {
    display: block;
    width: 1167px;
    height: auto;
    margin: 60px auto 0;
}
/*endregion*/

/*region Edit scans styles*/
.edit-scans {
    padding: 120px 0;
}

.edit-scans .description {
    width: 460px;
    padding-top: 40px;
}

.edit-scans .text {
    padding-bottom: 40px;
}

.edit-scans .expert-block {
    display: inline-block;
    width: 170px;
    height: 55px;
    margin: 0 30px 0 0;
    padding: 0 0 0 70px;
    color: #0074e6;
    font-size: 1.188em;
    font-weight: 600;
    vertical-align: top;
    box-sizing: border-box;
}

.edit-scans .expert-block.expert-mac {
    line-height: 55px;
    background: url("/img/scannerpro/20170629/pdfexpert_mac_2x.png") no-repeat 0 0;
    background-size: 55px 55px;
}

.edit-scans .expert-block.expert-ios {
    background: url("/img/scannerpro/20170629/pdfexpert_ios_2x.png") no-repeat 0 0;
    background-size: 55px 55px;
}

.edit-scans .illustration {
    width: 660px;
}

.edit-scans .devices {
    display: block;
    width: 1020px;
    height: auto;
    margin-left: -400px;
}
/*endregion*/

/*region Simplify Mess styles*/
.simplify-mess .description {
    width: 490px;
    padding-top: 120px;
}

.simplify-mess .section-title {
    width: 400px;
}

.simplify-mess .illustration {
    width: 518px;
}

.simplify-mess .devices {
    display: block;
    width: 518px;
    height: auto;
}
/*endregion*/

/*region Share Scans styles*/
.share-scans .description {
    width: 480px;
    padding-top: 120px;
}

.share-scans .text {
    width: 460px;
    padding-bottom: 60px;
}

.share-scans .illustration {
    width: 580px;
}

.share-scans .devices {
    display: block;
    width: 724px;
    height: auto;
    margin-left: -144px;
}
/*endregion*/

/*region Loved By styles*/
.press_row_1 {
    display: block;
    width: 1160px;
    height: 44px;
    margin: 90px auto 26px;
}

.press_row_2 {
    display: block;
    width: 1160px;
    height: 70px;
    margin: 70px auto 26px;
}

.press {
    display: block;
    float: left;
    width: 360px;
    padding: 0 40px 0 0;
    text-align: left;
    font-size: 1.188em;
    line-height: 30px;
}

.press.tnw {
    padding: 0;
}

.press.zdnet {
    padding: 0;
}
/*endregion*/


/* Retina styles */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

    /*region Main Banner styles */
    .main-banner .logo {
        content: url("/img/scannerpro/20170629/scanner_pro_2x.png");
    }
    /*endregion*/

    /*region Quote block styles */
    .quote-block .quote-author.tnyt {
        content: url("/img/scannerpro5/quote-logo@2x.png");
    }
    /*endregion*/

    /*region Fast and Easy styles*/
    .fast-and-easy .window .slider-item#fae-slider-item-1 img {
        content: url("/img/scannerpro/20170629/slide_document_2x.png");
    }

    .fast-and-easy .window .slider-item#fae-slider-item-2 img {
        content: url("/img/scannerpro/20170629/slide_ticket_2x.png");
    }

    .fast-and-easy .window .slider-item#fae-slider-item-3 img {
        content: url("/img/scannerpro/20170629/slide_receipts_2x.png");
    }

    .fast-and-easy .window .slider-item#fae-slider-item-4 img {
        content: url("/img/scannerpro/20170629/slide_book_2x.png");
    }

    .fast-and-easy .window .slider-item#fae-slider-item-5 img {
        content: url("/img/scannerpro/20170629/slide_bcard_2x.png");
    }
    /*endregion*/

    /*region Advanced Technology styles*/
    .advanced-technology .devices {
        content: url("/img/scannerpro/20170629/bw_scan_2x.png");
    }
    /*endregion*/

    /*region Power of Words styles*/
    .power-words .devices {
        content: url("/img/scannerpro/20170629/book_2x.png");
    }
    /*endregion*/

    /*region Save time Automate styles*/
    .save-automate .devices {
        content: url("/img/scannerpro/20170629/workflow_2x.png");
    }
    /*endregion*/

    /*region Edit scans styles*/
    .edit-scans .devices {
        content: url("/img/scannerpro/20170629/pdfexpert_alldevices_2x.png");
    }
    /*endregion*/

    /*region Simplify Mess styles*/
    .simplify-mess .devices {
        content: url("/img/scannerpro/20170629/ipad_folders_2x.png");
    }
    /*endregion*/

    /*region Share Scans styles*/
    .share-scans .devices {
        content: url("/img/scannerpro/20170629/iphone_share_2x.png");
    }
    /*endregion*/

    /*region Loved By styles*/
    .press_row_1 {
        content: url("/img/scannerpro5/en-7-2@2x.png");
    }

    .press_row_2 {
        content: url("/img/scannerpro5/en-7-3@2x.png");
    }
    /*endregion*/

}