/* Feature wrapper */ #feature-wrapper.fh2 {min-height: 540px; overflow-x: hidden;} #feature-wrapper.fh2 .btn {margin: 0px 8px 10px; min-width: 150px; text-align: center;} #feature-wrapper.fh2 .btn:first-of-type {margin-left: 0px;} #feature-wrapper.fh2 .btn:last-of-type {margin-right: 0px;} #feature-wrapper.fh2 .btn.grey-btn {border-color: #333; color: #333;} #feature-wrapper.fh2 .btn.grey-btn.full {background-color: #333; color: #fff;} #feature-wrapper.fh2 .btn.grey-btn:hover {background-color: #222; color: #fff;} #feature-wrapper.fh2 .btn.grey-btn:active {background-color: #111; color: #fff;} #feature-wrapper .row-flex {flex-direction: row-reverse; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} #feature-wrapper .row-flex .column.image {height: 383px;} #feature-wrapper .img-feature-graphic {background-image: url(/filemaker/pro/images/feature-graphic.jpg); background-position: center; background-repeat: no-repeat; background-size: contain; height: 100%; width: 702px; position: absolute; right: -120px;} /* SMALL SCREENS */ @media only screen and (max-width: 735px) { #feature-wrapper.fh2 {text-align: center;} #feature-wrapper .row-flex {flex-direction: column-reverse;} #feature-wrapper .row-flex .column.image {height: 298px;} #feature-wrapper .img-feature-graphic {right: 50%; margin-top: 40px; margin-right: -273px; height: 298px; width: 545px;} } /* EXTRA SMALL SCREENS */ @media only screen and (max-width: 440px) { #feature-wrapper.fh2 .btn.grey-btn {display: block; margin: 0 auto; margin-bottom: 16px;} } /* RETINA */ @media (-webkit-min-device-pixel-ratio: 2), not all, (min-resolution: 192dpi) { #feature-wrapper .img-feature-graphic {background-image: url(/filemaker/pro/images/feature-graphic_2x.jpg);} } /* FileMaker by the numbers */ #filemaker-numbers .stats {padding: 24px 16px; text-align: center;} #filemaker-numbers .stats .h3 {color: #176b80; margin-bottom: 24px;} /* When there’s no app for that - make one */ #no-app {overflow-x: hidden;} #no-app .section {padding-top: 0px;} #no-app .row-flex {flex-direction: row-reverse; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} #no-app .row-flex .column.image {height: 383px;} #no-app .row-flex .column.text {padding-right: 48px; max-width: 450px;} #no-app .img-filemaker-platform {background-image: url(/filemaker/pro/images/filemaker-platform.jpg); background-position: center; background-repeat: no-repeat; background-size: contain; width: 762px; height: 100%; position: absolute;} #no-app .img-filemaker-platform.image-resize {display: none;} /* MEDIUM SCREENS (CASCADE TO LOWER SCREENS) */ @media only screen and (max-width: 1068px) { #no-app .row-flex .column.text {max-width: 400px;padding-right: 80px;} } /* SMALL SCREENS */ @media only screen and (max-width: 735px) { #no-app .row-flex {flex-direction: column;} #no-app .img-filemaker-platform {display: none;} #no-app .row-flex .column.image {height: auto;} #no-app .row-flex .column.text {padding-right: 0px; max-width: 100%; text-align: center;} #no-app .row-flex .column.text h2 {max-width: 270px; margin: 0 auto;} #no-app .img-filemaker-platform.image-resize {display: block; position: relative; max-height: 383px; width: 100%; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; margin: 48px auto;} } /* RETINA */ @media (-webkit-min-device-pixel-ratio: 2), not all, (min-resolution: 192dpi) { #no-app .img-filemaker-platform {background-image: url(/filemaker/pro/images/filemaker-platform_2x.jpg);} } /* Technology for everyone */ #tech-for-everyone.d10 .row-flex .column-flex {position: relative; padding: 120px 0px;} #tech-for-everyone.d10 .row-flex .column-flex:first-child {background-image: url(/filemaker/pro/images/img-tech-for-everyone.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;} #tech-for-everyone.d10 .row-flex .column-flex ul li {position: relative; padding-left: 32px; margin-bottom: 10px;} #tech-for-everyone.d10 .row-flex .column-flex ul li.icon-checkcircle::before {color: #208a3d; position: absolute; left: 0; top: 6px;} /* MEDIUM SCREENS (CASCADE TO LOWER SCREENS) */ @media only screen and (max-width: 1068px) { #tech-for-everyone.d10 .row-flex .column-flex {padding: 70px 0px;} #tech-for-everyone.d10 .row-flex .column-flex:last-child .column-content {text-align: left; width: 90%; max-width: 500px; margin: 0 auto;} } /* RETINA */ @media (-webkit-min-device-pixel-ratio: 2), not all, (min-resolution: 192dpi) { #tech-for-everyone.d10 .row-flex .column-flex:first-child {background-image: url(/filemaker/pro/images/img-tech-for-everyone_2x.jpg);} } /* Plays nice with others */ #plays-nice .img-plays-nice {background-image: url(/filemaker/pro/images/img-plays-nice.jpg); background-position: center; background-repeat: no-repeat; background-size: contain; height: 170px; width: 100%; margin-top: 80px;} /* RETINA */ @media (-webkit-min-device-pixel-ratio: 2), not all, (min-resolution: 192dpi) { #plays-nice .img-plays-nice {background-image: url(/filemaker/pro/images/img-plays-nice_2x.jpg);} } /* Customer story */ #customer-story { min-height: 515px;} #customer-story blockquote { color: #fff; font-size: 28px; line-height: 32px; font-weight: 400; margin-bottom: 32px; quotes: "\201C""\201D""\2018""\2019"; } #customer-story blockquote:before {content: open-quote;} #customer-story blockquote:after {content: close-quote;} #customer-story figcaption {margin-bottom:40px;} #customer-story cite {color:#fff; font-size: 14px; line-height: 20px; font-weight: 600; margin-bottom: 24px;} #customer-story cite span {font-weight: 400; display:block;} #customer-story .img.img-customer-story{ background-image: url(/filemaker/pro/images/kinetic_lighting.jpg); min-height: 395px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; } #customer-story .d6.text-image .column-content.text-content {margin-right: 40px;} /* SMALL SCREENS */ @media only screen and (max-width: 735px) { #customer-story { text-align: center;} #customer-story blockquote { margin-bottom: 24px; } #customer-story .d6.text-image .column-content.text-content {margin-right: 0px;} } /* RETINA */ @media (-webkit-min-device-pixel-ratio: 2), not all, (min-resolution: 192dpi) { #customer-story .img.img-customer-story{background-image: url(/filemaker/pro/images/kinetic_lighting_2x.jpg);} } /* Got a business problem? Fix it with FileMaker */ #slider-wrapper {max-width: 860px; margin: 0 auto; margin-top: 80px; margin-bottom: 40px; width: calc(100% - 140px);} #slider-wrapper .slider-item {padding:0px 15px;} #slider-wrapper .sl-head {background-color: #60c0db; padding: 24px; } #slider-wrapper .sl-head h3 {color: #fff; text-align: center; margin-bottom: 0px;} #slider-wrapper .sl-head .icon {background-image: url(/filemaker/pro/images/icon-finance_2x.jpg); background-position: center; background-repeat: no-repeat; background-size: 64px 64px; height: 64px; width: 64px; display: block; margin: 0 auto; margin-bottom: 24px;} #slider-wrapper .sl-head .icon.icon-marketing {background-image: url(/filemaker/pro/images/icon-marketing_2x.jpg);} #slider-wrapper .sl-head .icon.icon-sales {background-image: url(/filemaker/pro/images/icon-sales_2x.jpg);} #slider-wrapper .sl-head .icon.icon-finance {background-image: url(/filemaker/pro/images/icon-finance_2x.jpg);} #slider-wrapper .sl-head .icon.icon-customer-support {background-image: url(/filemaker/pro/images/icon-customer-support_2x.jpg);} #slider-wrapper .sl-head .icon.icon-operations {background-image: url(/filemaker/pro/images/icon-operations_2x.jpg);} #slider-wrapper .sl-body {padding: 20px 20px; min-height: 240px; display: flex; align-items: center; justify-content: center; background-color: #f2f2f7;} #slider-wrapper .sl-body ul {text-align: center;} #slider-wrapper .slick-prev, #slider-wrapper .slick-next {top:50%;} /* SMALL SCREENS */ @media only screen and (max-width: 735px) { #slider-wrapper {width: 100%;} #slider-wrapper .slick-next, .slick-prev {width: 44px; height: 44px;} #slider-wrapper .slick-next::before, .slick-prev::before {width: 44px; height: 44px;} #slider-wrapper .slider-item {padding:0px 8px;} } /* Power of the platform */ #power-platform .buy-box {text-align: center;} #power-platform .buy-box .row-flex .column{border-left: 1px solid #e2e2e2;} #power-platform #filemaker-pro-info .buy-box .row-flex .column:first-child {border-left:none;} #power-platform .buy-box span { display: block; } #power-platform .buy-box .h1 {margin-bottom: 8px; position: relative; } #power-platform .buy-box .h1 span {display: inline-block; color: #858585;} #power-platform .buy-box .h1 span.price-offering { color: #111;} #power-platform .buy-box span sup { font-size: 0.45em; line-height: 0.45em; vertical-align: super;} #power-platform .buy-box .btn { min-width: 100px; } #power-platform .buy-info { border-top: 1px solid #e2e2e2; } #power-platform .buy-info .row-flex .column { padding: 24px 28px; line-height:24px; border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2;} #power-platform .buy-info .row-flex .column:first-child p { color:#858585; } #power-platform #filemaker-pro-info .buy-info .row-flex .column:first-child {border-left:none;} #power-platform #filemaker-platform-info .buy-info .row-flex .column:first-child, #power-platform #filemaker-platform-info .buy-box .row-flex .column:first-child {display:none;} #power-platform #filemaker-pro-info {width: 650px} #power-platform #filemaker-platform-info {width: 325px;} #power-platform #filemaker-pro-info .buy-box .row-flex .column-2, #power-platform #filemaker-platform-info .buy-box .row-flex .column-2 {padding: 25px; width: 325px;} #power-platform #filemaker-pro-info .buy-info .row-flex .column-2, #power-platform #filemaker-platform-info .buy-info .row-flex .column-2 {width: 325px; height: 100px; display: flex; align-items: center;} #power-platform #filemaker-pro-info .buy-info .row-flex .column-2:last-child, #power-platform #filemaker-platform-info .buy-info .row-flex .column-2:last-child {justify-content: center;} #power-platform #pricing-boxes {-webkit-box-pack: justify; -webkit-justify-content: center; -ms-flex-pack: justify; justify-content: center;} #power-platform #pricing-boxes .column-flex { margin-top: 50px;} #power-platform #filemaker-pro-info .buy-info .row-flex.call-to-action .column-2, #power-platform #filemaker-platform-info .buy-info .row-flex.call-to-action .column-2 {height: 150px;} #power-platform span.icon-checksolid {font-size: 28px; color: #2d9141;} #power-platform span.icon-checksolid.icon-before::before {padding-right: 0px;} #power-platform p.p4 {color:#858585; text-align: center; margin-top: 24px;} #power-platform .btn {margin:0 8px;min-width: 80px;text-align: center;} #power-platform .btn.mobile {margin-top: 16px; display: none;} #power-platform #platform-nav {margin-top: 80px; max-width: 600px; display: none !important;} /* MEDIUM SCREENS (CASCADE TO LOWER SCREENS) */ @media only screen and (max-width: 1068px) { #power-platform #pricing-boxes {flex-direction: column; max-width: 600px; margin: 0 auto;} #power-platform .buy-info {padding-top: 24px;} #power-platform .buy-box .row-flex .column {border: none;} #power-platform .buy-info .row-flex .column {border: none; padding: 12px 28px;} #power-platform .buy-info .row-flex:last-child .column {margin-bottom: 24px;} #power-platform #filemaker-pro-info {width: 100%; display: none;} #power-platform #filemaker-platform-info {width: 100%;} #power-platform #filemaker-pro-info .column-content {width: 100%;} #power-platform #filemaker-platform-info .column-content {width: 100%;} #power-platform #filemaker-platform-info .buy-info .row-flex .column:first-child, #power-platform #filemaker-platform-info .buy-box .row-flex .column:first-child {display:flex;} #power-platform #filemaker-pro-info .buy-info .row-flex .column-2:last-child, #power-platform #filemaker-platform-info .buy-info .row-flex .column-2:last-child {max-width: 100px;} #power-platform #filemaker-pro-info .buy-box .row-flex .column:first-child, #power-platform #filemaker-platform-info .buy-box .row-flex .column:first-child{display:none;} #power-platform #filemaker-pro-info .buy-box .row-flex .column-2, #power-platform #filemaker-platform-info .buy-box .row-flex .column-2 {width: 100%;} #power-platform #filemaker-pro-info .buy-info .row-flex .column-2, #power-platform #filemaker-platform-info .buy-info .row-flex .column-2 {width: 100%; height: 75px;} #power-platform #filemaker-pro-info .buy-info .row-flex.call-to-action .column-2:first-child, #power-platform #filemaker-platform-info .buy-info .row-flex.call-to-action .column-2:first-child {display: none;} #power-platform #filemaker-pro-info .buy-info .row-flex.call-to-action .column-2:last-child, #power-platform #filemaker-platform-info .buy-info .row-flex.call-to-action .column-2:last-child {max-width: 100%;} #power-platform #platform-nav {display: flex !important;} #power-platform .btn {display: none;} #power-platform .btn.mobile {display: inline-block;} #power-platform #filemaker-pro-info .buy-info .row-flex.call-to-action, #power-platform #filemaker-platform-info .buy-info .row-flex.call-to-action {display: none;} #power-platform .buy-info {padding-bottom: 24px;} } /* EXTRA SMALL SCREENS */ @media only screen and (max-width: 440px) { #power-platform .buy-box h4 {margin-bottom: 24px;} #power-platform .btn.mobile {display: block; margin: 0 auto; margin-bottom: 16px;} } /* FileMaker in action */ #filemaker-action .img {background: #a9a9a9; background-position: center; background-repeat: no-repeat; background-size: cover;} #filemaker-action .d11 .d11-text { justify-content: flex-start; } @media only screen and (max-width: 950px) { #filemaker-action .d11.row-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } } #filemaker-action .img.img-blog1 {background-image: url(/cms/blog/images/cms/1035.jpg);} #filemaker-action .img.img-blog2 {background-image: url(/cms/blog/images/cms/1050.jpg);} #filemaker-action .img.img-blog3 {background-image: url(/cms/blog/images/cms/1052.jpg);} /* RETINA */ @media (-webkit-min-device-pixel-ratio: 2), not all, (min-resolution: 192dpi) { #filemaker-action .img.img-blog1 {background-image: url(/cms/blog/images/cms/1035_2x.jpg);} #filemaker-action .img.img-blog2 {background-image: url(/cms/blog/images/cms/1050_2x.jpg);} #filemaker-action .img.img-blog3 {background-image: url(/cms/blog/images/cms/1052_2x.jpg);} } /* Next steps */ #next-steps.dark {background-color:#29263e; background-image: url(/filemaker/pro/images/img_next-steps-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: 1700px 591px; min-height: 400px; display: flex; align-items: center;} #next-steps .column {text-align: center;} #next-steps .column .column-content {display: flex; flex-direction: column; width: 100%; align-items: center; justify-content: center; position: relative; height: 100%; padding: 0px 8px;} #next-steps .column .column-content p {margin-bottom: 24px;} #next-steps .column .column-content a {margin-bottom: 0px; margin-top: auto;} /* SMALL SCREENS */ @media only screen and (max-width: 735px) { #next-steps .row-flex {flex-direction: column;} #next-steps .column {margin-bottom: 80px;} #next-steps .column:last-of-type {margin-bottom: 0px;} #next-steps.dark {background-image: url(/filemaker/pro/images/img_next-steps-mobile-bg.jpg); background-size: cover;} } /* EXTRA SMALL SCREENS */ @media only screen and (max-width: 440px) { #next-steps .column .column-content a {display: block; width: 100%;} } /* RETINA */ @media (-webkit-min-device-pixel-ratio: 2), not all, (min-resolution: 192dpi) { #next-steps.dark {background-image: url(/filemaker/pro/images/img_next-steps-bg_2x.jpg); } } /* RETINA */ @media (max-width: 735px) and (-webkit-min-device-pixel-ratio: 2), not all, (max-width: 735px) and (min-resolution: 192dpi){ #next-steps.dark {background-image: url(/filemaker/pro/images/img_next-steps-mobile-bg_2x.jpg); } }