#productCenter .productMain { margin: 85px auto; } #productCenter .productMain .productType .typeName { font-size: 24px; line-height: 40px; margin-bottom: 25px; } #productCenter .productMain .productType .productList .productItem { position: relative; display: inline-block; width: 507px; height: 255px; background: #f5f5f5; padding-top: 45px; padding-left: 32px; margin-right: 20px; margin-bottom: 58px; vertical-align: top; } #productCenter .productMain .productType .productList .productItem a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #productCenter .productMain .productType .productList .productItem:nth-child(3n+3) { margin-right: 0px; margin-left: 0px; } #productCenter .productMain .productType .productList .productItem .version { display: block; font-size: 18px; line-height: 30px; margin-top: 20px; margin-bottom: 10px; color: #323234; } #productCenter .productMain .productType .productList .productItem .text { width: 439px; font-size: 22px; line-height: 34px; margin-bottom: 0; color: #323234; } #productCenter .productMain .productType .productList .productItem.sawh .text { margin-top: 60px; } #productCenter i.dbr-logo { display: inline-block; width: 328px; height: 45px; background: url(../../images/icons/DBR_Horizontal_Pos.png) no-repeat left; background-size: contain; } #productCenter i.dwt-logo { display: inline-block; width: 265px; height: 45px; background: url(../../images/icons/DWT_Horizontal_Pos.png) no-repeat left; background-size: contain; } #productCenter i.dnt-logo { display: inline-block; width: 266px; height: 45px; background: url(../../images/icons/DNT_Horizontal_Pos.png) no-repeat left; background-size: contain; } #productCenter i.dlr-logo { display: inline-block; width: 352px; height: 45px; background: url(../../images/icons/DLR_Horizontal_Pos.png) no-repeat left; background-size: contain; } #productCenter i.saw-logo { display: inline-block; width: 198px; height: 39px; background: url(../../images/icons/logo-saw-171x25.svg) no-repeat; background-size: contain; } #productCenter i.sawh-logo { display: inline-block; width: 252px; height: 38px; background: url(../../images/icons/logo-sawh-225x25.svg) no-repeat; background-size: contain; } #productCenter i.dce-logo { display: inline-block; width: 343px; height: 46px; background: url(../../images/dynamsoft-logos/dce_logo_color.png) no-repeat left; background-size: contain; } #productCenter i.dps-logo { display: inline-block; width: 343px; height: 45px; background: url(../../images/dynamsoft-logos/DPS_Horizontal.png) no-repeat left; background-size: contain; } #productCenter i.ddn-logo { display: inline-block; width: 360px; height: 45px; background: url(../../images/dynamsoft-logos/logo-ddn.svg) no-repeat left; background-size: contain; } #productCenter i.ddv-logo { display: inline-block; width: 360px; height: 45px; background: url(../../images/dynamsoft-logos/ddv-logo.svg) no-repeat left; background-size: contain; } #productCenter i.icon-retired { display: inline-block; width: 140px; height: 40px; text-align: center; font-style: normal; line-height: 40px; background: #306877; color: #FFFFFF; font-size: 20px; position: absolute; right: 0; top: 0; } #productCenter i.icon-retired:before { content: 'Retiring'; } #productCenter .bottomBlock .localReseller { max-width: 100%; } #productCenter .bottomBlock .localReseller .imgLeft.reseller { width: 760px; height: 360px; background: url(../../images/banner/purchase2.jpg) no-repeat; background-size: cover; } #productCenter .bottomBlock .localReseller .content { display: flex; flex-direction: column; justify-content: center; width: calc(100% - 760px); height: 360px; padding-left: 145px; } #productCenter .bottomBlock .localReseller h2 { font-size: 36px; margin-bottom: 20px; } #productCenter .sendOrder h2 { font-size: 36px; } #productCenter .ds-products .document-capture .ds-product, #productCenter .ds-products .barcode-scanning .ds-product, #productCenter .ds-products .intelligent-ocr .ds-product { background: #F9F9F9; padding: 35px 30px 0 30px; height: 160px; } #productCenter .ds-products .document-capture .ds-product { border-left: 4px solid #E6A35C; } #productCenter .ds-products .barcode-scanning .ds-product { border-left: 4px solid #888888; } #productCenter .ds-products .intelligent-ocr .ds-product { border-left: 4px solid rgba(89,98,106,.2); } #productCenter .ds-products .document-capture .ds-product .product-name, #productCenter .ds-products .barcode-scanning .ds-product .product-name, #productCenter .ds-products .intelligent-ocr .ds-product .product-name { font-size: 30px; line-height: 30px; height: auto; } #productCenter .ds-products .document-capture .ds-product .product-desc, #productCenter .ds-products .barcode-scanning .ds-product .product-desc, #productCenter .ds-products .intelligent-ocr .ds-product .product-desc { display: flex; gap: 10px; } #productCenter .ds-products .document-capture .ds-product .product-desc p, #productCenter .ds-products .barcode-scanning .ds-product .product-desc p, #productCenter .ds-products .intelligent-ocr .ds-product .product-desc p { flex: 1; font-size: 16px; line-height: 26px;} #productCenter .ds-products .document-capture .ds-product .product-desc a, #productCenter .ds-products .barcode-scanning .ds-product .product-desc a, #productCenter .ds-products .intelligent-ocr .ds-product .product-desc a { width: 90px; } #productCenter .ds-products .barcode-scanning .ds-product .product-desc a { border-color: #323234; color: #323234; } #productCenter .ds-products .intelligent-ocr .ds-product .product-desc a { border-color: #323234; color: #323234; } #productCenter .ds-products .document-capture .beta-tag { width: auto; height: auto; padding: 3px 10px; } @media (max-width: 1679px) { #productCenter .productMain { margin: 75px auto; } #productCenter .ds-products .document-capture .ds-product, #productCenter .ds-products .barcode-scanning .ds-product, #productCenter .ds-products .intelligent-ocr .ds-product { height: 180px; } #productCenter .productMain .productType .typeName { font-size: 20px; line-height: 36px; margin-bottom: 25px; } #productCenter .productMain .productType .productList .productItem { display: inline-block; width: 347px; height: 185px; background: #f5f5f5; padding-top: 40px; padding-left: 32px; margin-right: 20px; margin-bottom: 50px; } #productCenter .productMain .productType .productList .productItem .version { display: block; width: 100%; text-align: left; font-size: 14px; line-height: 30px; margin-bottom: 5px; margin-top: 0px; } #productCenter .productMain .productType .productList .productItem .text { width: 300px; font-size: 16px; line-height: 26px; padding-left: 4px; } #productCenter .productMain .productType .productList .productItem.sawh .text { margin-top: 34px; } #productCenter i.dnt-logo { display: inline-block; width: 186px; height: 32px; background: url(../../images/icons/small-logo/DNT_Horizontal_Pos.png) no-repeat left; background-size: contain; } #productCenter i.dbr-logo { display: inline-block; width: 230px; height: 32px; background: url(../../images/icons/small-logo/DBR_Horizontal_Pos.png) no-repeat left; background-size: contain; } #productCenter i.dwt-logo { display: inline-block; width: 186px; height: 32px; background: url(../../images/icons/small-logo/DWT_Horizontal_Pos.png) no-repeat left; background-size: contain; } #productCenter i.dlr-logo { display: inline-block; width: 251px; height: 32px; background: url(../../images/icons/small-logo/dlr.png) no-repeat left; background-size: contain; } #productCenter i.saw-logo { display: inline-block; width: 139px; height: 28px; background: url(../../images/icons/small-logo/saw.png) no-repeat; background-size: contain; } #productCenter i.sawh-logo { display: inline-block; width: 177px; height: 27px; background: url(../../images/icons/small-logo/sawh.png) no-repeat; background-size: contain; } #productCenter i.dce-logo { display: inline-block; width: 246px; height: 32px; background: url(../../images/icons/small-logo/dce.png) no-repeat left; background-size: contain; } #productCenter i.dps-logo { display: inline-block; width: 246px; height: 32px; background: url(../../images/icons/small-logo/dps.png) no-repeat left; background-size: contain; } #productCenter i.ddn-logo { display: inline-block; width: 246px; height: 32px; background: url(../../images/dynamsoft-logos/logo-ddn.svg) no-repeat left; background-size: contain; } #productCenter i.ddv-logo { display: inline-block; width: 246px; height: 32px; background: url(../../images/dynamsoft-logos/ddv-logo.svg) no-repeat left; background-size: contain; } #productCenter i.icon-retired { width: 110px; height: 30px; line-height: 30px; font-size: 16px; } #productCenter .bottomBlock .localReseller .imgLeft.reseller { width: 549px; height: 257px; background: url(../../images/banner/purchase2.jpg) no-repeat; background-size: cover; } #productCenter .bottomBlock .localReseller .content { display: flex; flex-direction: column; justify-content: center; width: calc(100% - 549px); height: 257px; padding-left: 90px; } #productCenter .bottomBlock .localReseller h2 { font-size: 34px; margin-bottom: 20px; } #productCenter .sendOrder h2 { font-size: 34px; } } @media (max-width: 1399px) { #productCenter .ds-products .document-capture .ds-product, #productCenter .ds-products .barcode-scanning .ds-product, #productCenter .ds-products .intelligent-ocr .ds-product { height: 220px; } } @media (max-width: 1199px) { #productCenter .ds-products .document-capture .ds-product, #productCenter .ds-products .barcode-scanning .ds-product, #productCenter .ds-products .intelligent-ocr .ds-product { height: 160px; } #productCenter .productMain { margin: 58px auto; } #productCenter .productMain .productType .typeName { font-size: 18px; line-height: 30px; margin-bottom: 20px; margin-left: 0px; } #productCenter .productMain .productType .productList { text-align: left } #productCenter .productMain .productType .productList .productItem { text-align: left; display: inline-block; width: 395px; height: 215px; background: #f5f5f5; padding-top: 32px; padding-left: 25px; margin-right: 20px; margin-bottom: 40px; } #productCenter .productMain .productType .productList .productItem:nth-child(3n+3) { margin-right: 20px; } #productCenter .productMain .productType .productList .productItem:nth-child(2n+2) { margin-right: 0px; margin-left: 20px; } #productCenter .productMain .productType .productList .productItem .version { font-size: 14px; line-height: 24px; margin-top: 16px; margin-bottom: 8px; } #productCenter .productMain .productType .productList .productItem .text { width: 314px; font-size: 18px; line-height: 24px; margin-bottom: 0; color: #323234; } #productCenter .productMain .productType .productList .productItem.sawh .text { margin-top: 34px; } #productCenter .bottomBlock .localReseller .imgLeft.reseller { width: 460px; height: 220px; background: url(../../images/banner/purchase2.jpg) no-repeat; background-size: cover; } #productCenter .bottomBlock .localReseller .content { display: flex; flex-direction: column; justify-content: center; width: calc(100% - 460px); height: 220px; padding-left: 50px; } #productCenter .bottomBlock .localReseller h2 { font-size: 30px; margin-bottom: 20px; } #productCenter .sendOrder h2 { font-size: 30px; } } @media (max-width: 992px) { #productCenter .ds-products .document-capture .ds-product, #productCenter .ds-products .barcode-scanning .ds-product, #productCenter .ds-products .intelligent-ocr .ds-product { height: auto; padding-bottom: 20px; max-width: 100%; } #productCenter .productMain { margin: 58px auto; } #productCenter .productMain .productType .typeName { font-size: 18px; line-height: 30px; margin-bottom: 20px; margin-left: 9px; } #productCenter .productMain .productType .productList .productItem { display: inline-block; width: 325px; height: 190px; background: #f5f5f5; padding-top: 32px; padding-left: 25px; margin-right: 15px; margin-bottom: 40px; } #productCenter .productMain .productType .productList .productItem:nth-child(3n+3) { margin-right: 15px; } #productCenter .productMain .productType .productList .productItem:nth-child(2n+2) { margin-right: 0px; margin-left: 15px; } #productCenter .productMain .productType .productList .productItem .version { font-size: 14px; line-height: 15px; margin-top: 16px; margin-bottom: 8px; } #productCenter .productMain .productType .productList .productItem .text { width: 293px; font-size: 16px; line-height: 22px; margin-bottom: 0; color: #323234; } #productCenter .productMain .productType .productList .productItem.sawh .text { margin-top: 20px; } #productCenter .bottomBlock .localReseller { width: 460px; margin: 0 auto; } #productCenter .bottomBlock .localReseller .imgLeft.reseller { float: none; width: 100%; height: 220px; background: url(../../images/banner/purchase2.jpg) no-repeat; background-size: cover; } #productCenter .bottomBlock .localReseller .content { display: flex; flex-direction: column; justify-content: center; width: 100%; height: auto; padding: 30px; background: #F5F5F5; } #productCenter .bottomBlock .localReseller h2 { font-size: 28px; margin-bottom: 20px; } #productCenter .sendOrder h2 { font-size: 28px; } } @media (max-width: 768px) { #productCenter .productMain { width: 460px; margin: 58px auto; } #productCenter .productMain .productType .typeName { font-size: 18px; line-height: 30px; margin-bottom: 20px; } #productCenter .productMain .productType .productList .productItem { display: inline-block; width: 100%; height: 190px; background: #f5f5f5; padding-top: 32px; padding-left: 25px; margin-right: 0; margin-bottom: 40px; } #productCenter .productMain .productType .productList .productItem:nth-child(2n+2) { margin-right: 0px; margin-left: 0; } #productCenter .productMain .productType .productList .productItem .version { font-size: 14px; line-height: 15px; margin-top: 16px; margin-bottom: 8px; } #productCenter .productMain .productType .productList .productItem .text { width: 90%; font-size: 16px; line-height: 22px; margin-bottom: 0; color: #323234; } #productCenter .productMain .productType .productList .productItem.sawh .text { margin-top: 0px; } } @media (max-width: 575px) { #productCenter .productMain { width: 100%; margin: 58px auto; } #productCenter .productMain .productType .typeName { padding-left: 15px; font-size: 16px; } #productCenter .productMain .productType .productList .productItem { padding-left: 15px; padding-right: 15px; } #productCenter .productMain .productType .productList .productItem .text { width: 100%; font-size: 14px; } } #productCenter .gray { background: #F5F5F5; padding: 120px 0; } #productCenter .flow { width: auto; height: 506px; display: flex; align-items: center; background-image: url(../../images/developer/flow.svg); background-position: left 165px center; background-repeat: no-repeat; background-size: 73%; margin: 0 100px; } #productCenter .flow .step1 { margin-right: 145px; } #productCenter .flow .step1__item { width: 230px; height: 75px; display: flex; justify-content: space-between; align-items: center; padding: 0 28px; background-color: #dddddd; transition: ease-in-out 0.3s; } #productCenter .flow .step1__item:not(:last-child) { margin-bottom: 20px; } #productCenter .flow .step1__item .icon { display: block; width: 50px; height: 40px; background-position: center; background-size: contain; background-repeat: no-repeat; } #productCenter .flow .step1__item .icon--documents { background-image: url(../../images/developer/icons/icon-printed-files.svg); } #productCenter .flow .step1__item .icon--id { background-image: url(../../images/developer/icons/icon-passport.svg); } #productCenter .flow .step1__item .icon--receipts { background-image: url(../../images/developer/icons/icon-receipt.svg); } #productCenter .flow .step1__item .icon--driverLicense { background-image: url("../../images/developer/icons/icon-driver-license.svg"); } #productCenter .flow .step1__p { width: 61%; font-family: OpenSans-Semibold; font-size: 17px; margin-bottom: 0; } #productCenter .flow .step2 { width: 330px; height: 100%; background-color: #444444; display: flex; flex-direction: column; justify-content: center; align-items: center; } #productCenter .flow .step2:nth-of-type(2) { margin-right: 40px; } #productCenter .flow .step2__h { font-size: 21px; font-family: OpenSans-Semibold; width: 65%; height: 50px; display: flex; align-items: center; justify-content: center; margin-bottom: 45px; text-align: center; color: #FFFFFF; } #productCenter .flow .step2__item { width: 250px; height: 88px; border: 2px solid #444444; border-radius: 44px; background-color: #fe8e14; border: 1px solid #fe8e14; box-shadow: inset 0 0 0 4px #444444; display: flex; align-items: center; padding-left: 10px; } #productCenter .flow .step2__item:not(:last-child) { margin-bottom: 20px; } #productCenter .flow .step2__item .icon { width: 66px; height: 66px; margin-right: 20px; display: block; border-radius: 50%; background-color: #444444; background-position: center; background-repeat: no-repeat; background-size: 55%; } #productCenter .flow .step2__item .icon--scanning { background-image: url(../../images/developer/icons/icon-scanner.svg); } #productCenter .flow .step2__item .icon--capture { background-image: url(../../images/developer/icons/icon-camera.svg); } #productCenter .flow .step2__item .icon--pdf { background-image: url(../../images/developer/icons/icon-pdf-view_1.svg); } #productCenter .flow .step2__item .icon--barcode { background-image: url(../../images/developer/icons/icon-barcode2.svg); } #productCenter .flow .step2__item .icon--rectification { background-image: url(../../images/developer/icons/icon-document.svg); background-size: 45%; } #productCenter .flow .step2__item .icon--extraction { background-image: url(../../images/developer/icons/icon-text-extraction.svg); } #productCenter .flow .step2__p { font-size: 18px; font-family: OpenSans-Semibold; color: #323234; width: 50%; } #productCenter .flow .step3 { margin-left: auto; height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 20px 0; } #productCenter .flow .step3__item { width: 187px; height: 187px; background-color: #dddddd; display: flex; flex-direction: column; align-items: center; justify-content: center; } #productCenter .flow .step3__item .icon { height: 60px; width: 60px; filter: invert(1); background-size: contain; background-repeat: no-repeat; background-position: center; margin-bottom: 15px; } #productCenter .flow .step3__item .icon--extracted { background-image: url(../../images/developer/icons/icon-data_1.svg); } #productCenter .flow .step3__item .icon--compression { background-image: url(../../images/developer/icons/icon-storage_1.svg); } #productCenter .flow .step3__p { color: #323234; width: 65%; margin-bottom: 0; } @media (max-width: 1679px) { #productCenter .flow { justify-content: space-between; background-position: left 145px center; margin: 0; } #productCenter .flow .step1 { margin-right: 0; } #productCenter .flow .step1__item { width: 200px; height: 60px; padding: 10px; } #productCenter .flow .step1__p { font-size: 16px; } #productCenter .flow .step2 { width: 280px; } #productCenter .flow .step2:nth-of-type(2) { margin-right: 0; } #productCenter .flow .step2__item { width: 230px; height: 70px; } #productCenter .flow .step2__item .icon { width: 50px; height: 50px; } #productCenter .flow .step2__p { font-size: 16px; } #productCenter .flow .step3 { margin-left: 0; padding: 0; } } @media (max-width: 1399px) { #productCenter .flow { background-position: left 130px center; } #productCenter .flow .step1__item { height: 50px; width: 160px; } #productCenter .flow .step1__item .icon { height: 30px; width: 42px; } #productCenter .flow .step1__p { font-size: 14px; line-height: 20px; } #productCenter .flow .step2 { width: 250px; } #productCenter .flow .step2__h { font-size: 18px; } #productCenter .flow .step2__item { width: 220px; height: 65px; } #productCenter .flow .step2__item .icon { width: 45px; height: 45px; } #productCenter .flow .step3 { padding: 20px 0; } #productCenter .flow .step3__item { width: 160px; height: 160px; } #productCenter .flow .step3__item .icon { height: 30px; width: 30px; } #productCenter .flow .step3__p { font-size: 16px; } } @media (max-width: 1199px) { #productCenter .flow { background-position: left 90px center; background-size: 77%; } #productCenter .flow .step2 { width: 180px; } #productCenter .flow .step2__h { font-size: 16px; width: 80%; } #productCenter .flow .step2__item { width: 150px; } #productCenter .flow .step2__item .icon { height: 35px; width: 35px; margin-right: 5px; } #productCenter .flow .step2__p { font-size: 14px; line-height: 20px; } #productCenter .flow .step3 { padding: 0; justify-content: center; } #productCenter .flow .step3__item { width: 100px; height: 100px; } #productCenter .flow .step3__item:first-child { margin-bottom: 125px; } #productCenter .flow .step3__item .icon { margin-bottom: 10px; } #productCenter .flow .step3__p { font-size: 14px; width: 100%; text-align: center; } }