
.support { padding-bottom: 100px; }

.support .left { width: 760px; }
.support .add_info { margin: 10px 0 60px; }

.support h1 { padding: 11px 0 0; font-size: 2em; }
.support p:nth-of-type(1) { padding: 15px 0 30px; }
.support p:nth-of-type(2) { padding: 19px 0 52px; }

.support a.product { display: block; float: left; width: 200px; height: 48px; padding: 0 0 0 80px; margin: 20px 98px 0 0; font-size: 1.25em; font-weight: 600; line-height: 50px; color: #333; background: url("/img/icons/48x48/home-icons-404.png") no-repeat 0 0; background-size: 48px 570px; }
.support a.product:nth-child(even) { margin: 20px 68px 0 0; }
.support a.product.pdfexpert5 { background-position: 0 0; }
.support a.product.printerpro { background-position: 0 -232px; }
.support a.product.calendars5 { background-position: 0 -58px; }
.support a.product.documents { background-position: 0 -290px; }
.support a.product.scannerpro { background-position: 0 -116px; }
.support a.product.pdfconverter { background-position: 0 -348px; }
.support a.product.pdfoffice { background-position: 0 -174px; }
.support a.product.spark { background-position: 0 -406px; }
.support a.product.scannermini { background-position: 0 -464px; }
.support a.product.insight { background-position: 0 -522px; }

.support h1:nth-of-type(2) { padding: 60px 0 0; }

.support form input[type="text"], .support form input[type="email"] { position: relative; display: block; width: 310px; height: 38px; margin: 0 0 12px; padding: 8px 17px 8px 17px; font-size: 1.125em; font-weight: 600; color: #555; background: #fff; border: 1px solid #d2d2d4; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; box-shadow: none; box-sizing: content-box; -webkit-appearance: none; }
.support form input[type="text"]:focus, .support form input[type="email"]:focus { border: 1px solid #0074e6; outline: 0; }
.support form select { position: relative; display: block; width: 310px !important; height: 38px; margin: 0 0 12px; padding: 8px 17px 8px 17px; font-size: 1.125em; font-weight: 600; color: #555; background: #fff; border: 1px solid #d2d2d4; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; box-shadow: none; box-sizing: content-box; -webkit-appearance: none; background: url("/img/index/form-dropdown-down@2x.png") no-repeat 95% 55%; background-size: 24px 24px; }
.support form select:focus { border: 1px solid #0074e6; outline: 0; }
.support form input[type="checkbox"] { display:none; }
.support form input[type="checkbox"] + label span { display: inline-block; width: 22px; height: 22px; margin: -1px 4px 0 0; vertical-align: middle; background: url("/img/index/contact-checkbox@2x.png") left top no-repeat; background-size: 22px 48px; cursor: pointer; }
.support form input[type="checkbox"]:checked + label span { background: url("/img/index/contact-checkbox@2x.png") no-repeat 0 -26px; background-size: 22px 48px; }
.support .labels_row { margin: 0; padding: 15px 0 25px 20px; }
.support .labels_row * { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.support .labels_row label { padding: 0 30px 0 0; }
.support .labels_row label span { padding: 0 5px 0 0; }
.support .labels_row label:first-of-type { padding: 0 15px 0 0; font-weight: 600; font-size: 1.125em; }

.textarea_wrapper { position: relative; width: 700px; height: auto; margin: 0 0 25px; padding: 0; background: #fff; border: 1px solid #d2d2d4; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.textarea_wrapper.active { border: 1px solid #0074e6; }
.textarea_wrapper textarea { margin: 0; padding: 10px 10px 0 17px; width: 673px; min-height: 172px; font-size: 1.125em; font-weight: 600; border: none; resize: none; outline: none; background: none; overflow-x: hidden; overflow-y: scroll; }

.textarea_dummy { display: none; width: 666px; min-height: 172px; font-size: 1.125em; font-weight: 600; overflow: hidden; }

.support .files_row { margin: 0 10px 0 0; }
.support .support_file_upload { display: block; float: left; width: 30px; height: 30px; margin: 0 0 10px 10px; padding: 0; background: url("/img/index/contact-attach-icon@2x.png") no-repeat center center; background-size: 25px 30px; cursor: pointer; }
.support .support_file_upload input[type="file"] { position: fixed; left: -1000px; }
.support .files_row .filename { display: inline-block; float: left; position: relative; height: 30px; margin: 0 0 10px 10px; padding: 0 35px 0 15px; color: #fff; line-height: 30px; font-size: 0.875em; font-weight: 600; background: #4fa7ff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.support .files_row .filename a { position: absolute; margin: 0; padding: 0; top: 0; right: 10px; display: block; color: #fff; font-size: 1.5em; }

.support .files_row.disabled label { pointer-events: none; cursor: default; }
.support .files_row.disabled .filename { background: #ccc; }
.support .files_row.disabled .filename a { display: none; }

.support .g-recaptcha { margin-bottom: 20px; }

.support .btn_submit { display: inline-block; margin: 16px 0 0; padding: 12px 70px; font-size: 1.25em; font-weight: 600; transition: 0.2s; border: 1px solid #3e9c19; background: #5ccb30 url("/img/index/loader.gif") no-repeat -100px -100px; background-size: 32px 32px; color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; cursor: pointer; outline: none; }
.support .btn_submit:hover { border: 1px solid #4ead29; background-color: #5ccb30; }
.support .btn_submit:disabled { background-position: 10px 10px; }

.support p.success { display: none; padding: 0 0 0 40px; color: #49b71d; font-size: 1.125em; font-weight: 600; background: url("/img/index/contact-checkmark@2x.png") no-repeat 0 2px; background-size: 24px 24px; }
.support p.pdfexpert-mac-success { padding: 0 0 0 40px; color: #49b71d; font-size: 1.125em; font-weight: 600; background: url("/img/index/contact-checkmark@2x.png") no-repeat 0 2px; background-size: 24px 24px; }


@media (-webkit-min-device-pixel-ratio: 2) {
    .support a.product { background-image: url("/img/icons/48x48/home-icons-404-2x.png"); }
}

/* iPad modal window */
@media only screen and (min-width : 539px) and (max-width : 541px) {
    body { min-width: 100%; margin: 0; }

    #top { display: none; }
    .bottom { display: none; }
    .support.small_banner { display: none; }
    .support .add_info { display: none; }
    .notification { display: none; }

    #main { padding: 0 !important; }

    .content-block .content { width: 500px; }

    .support { padding: 30px 0; }

    .support .left { width: 500px; }

    .support .labels_row { padding: 15px 0 25px 0; }
    .support .labels_row label { padding: 0 20px 0 0; }

    .textarea_wrapper { width: 498px; }
    .textarea_wrapper textarea { width: 470px; }

    .spark_privacy .privacy { padding: 30px 0; }
    .spark_privacy .privacy .content { width: 500px; padding: 0 20px; }
    .spark_privacy .privacy .content ol, .privacy .content ul { width: 460px; }
}

/* iPhone 4 styles */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .small_banner.support { height: 95px; background-image: url("/img/support/iphone/pr-beach-iphone@2x.jpg"); background-size: 320px 95px; }

    #ip_support { padding-bottom: 30px; }
    #ip_support h1 { padding: 22px 0 15px; }

    .support { padding: 15px 0 10px; background: #fafafa; }

    .support form { width: 280px; margin: 0 auto; }
    .support form input[type="text"], .support form input[type="email"] { width: 260px; height: 30px; margin: 0 0 12px; padding: 5px 9px 5px 9px; font-size: 0.875em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
    .support form select { width: 260px !important; height: 30px; margin: 0 0 12px; padding: 5px 9px 5px 9px; font-size: 0.875em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff url("/img/index/form-dropdown-down@2x.png") no-repeat 95% 55%; background-size: 20px 20px; }

    .support .labels_row { margin: 0; padding: 0 0 13px; }
    .support .labels_row p { padding: 10px 0 10px 10px; font-weight: 600; }
    .support .labels_row label, .support .labels_row label:first-of-type { display: inline-block; width: 125px; padding: 0 0 10px 0; font-size: 0.750em; font-weight: 500; }
    .support .labels_row label:nth-of-type(odd) { width: 145px; }
    .support .labels_row label:nth-of-type(even) { width: 100px; }

    .textarea_wrapper { width: 278px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
    .textarea_wrapper textarea { width: 250px; padding: 5px 0 0 9px; font-size: 0.875em; min-height: 80px; }

    .support .support_file_upload { width: 20px; height: 20px; margin: 0 0 5px 5px; background-size: 20px 24px; }
    .support .files_row .filename { display: inline-block; max-width: 89px; height: 20px; margin: 0 0 5px 5px; padding: 0 20px 0 10px; line-height: 20px; font-size: 0.650em; font-weight: 500; overflow: hidden; }
    .support .files_row .filename:nth-of-type(1) { margin-left: 0; }
    .support .files_row .filename a { font-size: 1.25em; }

    .support .btn_submit { display: block; width: 278px; margin: 0 0 20px; padding: 11px 0; font-size: 1em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-appearance: none; }

    .support p.success { padding: 0 0 20px 30px; font-size: 0.875em; background: url("/img/index/contact-checkmark@2x.png") no-repeat 0 3px; background-size: 20px 20px; }

    #ip_contacts { padding-bottom: 27px; }

    #ip_contacts p.text { padding-top: 9px; }

    #ip_footer, #ip_footer .ip_rights { background: #fafafa; }
}

/* iPhone 5 styles */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (device-aspect-ratio: 40/71) {
}

/* iPhone 6 styles */
@media only screen and (min-device-width : 374px) and (max-device-width : 376px) {
    .small_banner.support { height: 111px; background-image: url("/img/support/iphone/pr-beach-iphone6@2x.jpg"); background-size: 375px 111px; }

    .support form { width: 335px; }
    .support form input[type="text"], .support form input[type="email"] { width: 315px; font-size: 1em; }
    .support form select { width: 315px !important; font-size: 1em; }

    .textarea_wrapper { width: 333px; }
    .textarea_wrapper textarea { width: 305px; font-size: 1em; }
    .support .btn_submit { width: 333px; }
    .support .labels_row label, .support .labels_row label:first-of-type { width: 150px; }
}

/* iPhone 6 Plus styles */
@media only screen and (min-device-width : 413px) and (max-device-width : 415px) {
    .ip_panel .text { padding: 0 20px; }

    .small_banner.support { height: 123px; background-image: url("/img/support/iphone/pr-beach-iphone6plus@3x.jpg"); background-size: 414px 123px; }

    .support form { width: 374px; }
    .support form input[type="text"], .support form input[type="email"] { width: 354px; font-size: 1em; }
    .support form select { width: 354px !important; font-size: 1em; }

    .textarea_wrapper { width: 372px; }
    .textarea_wrapper textarea { min-height: 160px; width: 344px; font-size: 1em; }
    .support .btn_submit { width: 372px; }
    .support .labels_row label, .support .labels_row label:first-of-type, .support .labels_row label:nth-of-type(odd), .support .labels_row label:nth-of-type(even) { width: 85px; }
}
