.coming-soon { font-weight: 400; color: #111111; } .fh2 { padding-top: 60px; } /* for anchor links */ :target { display: block; position: relative; top: -60px; transform: translateY(60px);} .ei-checkbox:target { display: block; position: relative; top: -60px; height: 12px; transform: translateY(0px);} .fh2 { text-align: center; position:relative; min-height: 0; padding-bottom: 0px;} .fh2 .section { padding:60px 0px 0px; } svg.shape2 {bottom: -70px; position: absolute; left: 50%; margin-left: -500px; transform: scale(-1);} svg.shape2 .g1{transform: translate(168px, 171px)} svg.shape2 .semicircle{transform: rotate(225deg); fill: #f6ce51;} svg.shape2 .arc {transform: rotate(135deg) translate(-50px, 60px); fill:none; stroke:#333; stroke-width:4px;} #claris-filemaker {position:relative; overflow-x: hidden;} svg.shape1 {fill:#7fca8a ; position: absolute; top: 7%; left: 50%; margin-left: 500px; width: 225px; height: 450px;} svg.shape1 circle {transform:translateX(-70px);} #claris-filemaker .section {padding-top: 0px} @media only screen and (max-width:1068px) { svg.shape2 {left:5%; margin-left: 0px; bottom: -70px;} svg.shape1 {left: auto; right: calc(5% - 225px); margin-left: 0px;} } @media only screen and (max-width: 735px) { svg.shape2 {display:none;} } #pricing-boxes .buy-box span.currency { position: absolute; display: inline-block; bottom: 2px; color: #858585; margin-left: 4px; } #pricing-boxes .column-2 { width: calc(50% - 5px); } #pricing-boxes .buy-box { padding: 24px; text-align: center; } #pricing-boxes .buy-box span { display: block; } #pricing-boxes .buy-box .h1 {margin-bottom: 8px; position: relative; } #pricing-boxes .buy-box .h1 sup {font-size: 0.45em; line-height: 0.45em; vertical-align: super;} #pricing-boxes .buy-box h3 { font-weight: 300; font-size: 28px; } #pricing-boxes .buy-box h4 .h1 { font-weight: 500; font-size: 47px; } #pricing-boxes .buy-box .btn { min-width: 100px; } #pricing-boxes .buy-info { border-top: 2px solid #f6f6f7; } #pricing-boxes .buy-info .row { margin: 4px 28px; height: 85px; line-height:24px; } #pricing-boxes .buy-info .row:first-child { margin: 28px 28px 4px; } #pricing-boxes .buy-info .row:nth-child(1) { height: 60px; } #pricing-boxes .buy-info .row:nth-child(2) { height: 40px; } #pricing-boxes .buy-info .row#filemaker-server{margin: 0; padding: 4px 28px; border-top: 2px solid #f6f6f7;} #pricing-boxes .buy-info .row .column:first-child .column-content{ width:95%; } #pricing-boxes .buy-info .row .column:last-child .column-content{ width:95%; margin-left:5%; } #pricing-boxes .buy-info .row#filemaker-server .column:first-child .column-content{ width:100%; } #pricing-boxes .buy-info .row#filemaker-server .column:last-child .column-content{ margin-left:0%; } #pricing-boxes .buy-info .row .column:first-child p { color:#858585; } #filemaker-server { background-color: #60c0db; text-align: center; } #filemaker-server p strong, #filemaker-server a { color: #ffffff; } #included-all-plans { padding:32px; margin-bottom: 48px; } #included-all-plans .row-flex { margin-bottom: 16px; } #included-all-plans .row-flex .column-2 { width: 100%; } #included-all-plans .row-flex .column-2 .column-content { width: 75%; margin: 0 auto; } #included-all-plans .column:last-child {text-align: center;} #included-all-plans h3 { text-align: center; } #included-all-plans p { position:relative; padding-left: 32px; } #included-all-plans .icon-checkcircle::before { color: #208a3d; position: absolute; left: 0; top:6px; } #server-license { margin-bottom: 48px; position: relative; } #server-license .column-2 { width: calc(50% - 16px); } #server-license h3 { margin-left: 60px; margin-bottom: 16px; } #server-license div.icon-set { width: 45px; height: 35px; background-size: 45px 35px; position: absolute; } #server-license .icon-set.icon-onpremise { background-image: url(/pricing/images/icon_onpremise.png); } #server-license .icon-set.icon-singlelicense { background-image: url(/pricing/images/icon_singlelicense.png); } /* BOGO */ .bogo.accent-before:before { background-size: 20px 20px; width: 20px; height: 20px; left: -24px; top:5px; margin-bottom: 0px; } .bogo { padding-left: 24px; } #additional-links { text-align: center; } #contact-sales .btn { margin-bottom: 0px; } #filemaker-overview.dark {min-height: 500px; display: flex; align-items: center; background-color:#29263e; background-image: url(/pricing/images/img_overview-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: 1700px 591px;} #filemaker-overview.dark .sh2 p {color: #fff} #filemaker-overview p a {font-size: inherit; line-height: inherit;} #key-features h2 {text-align: center;} #key-features a { margin-bottom: 0px; } @media only screen and (max-width: 735px) { .expandable-item .ei-body .row {margin-bottom: 0px} .expandable-item .ei-body .row .column {margin-bottom: 32px} } #faq .column:first-child { padding-right: 40px; } #faq .column:last-child { padding-left: 40px; } /* X-LARGE SCREENS (CASCADE TO LOWER SCREEN) */ @media only screen and (min-width: 1442px) { } /* LARGE SCREENS (SPECIFIC) */ @media only screen and (min-width: 1069px) and (max-width:1441px) { } /* MEDIUM SCREENS (CASCADE TO LOWER SCREENS) */ @media only screen and (max-width: 1068px) { #pricing-boxes .buy-info .row { height: 100px; } #pricing-boxes .buy-info .row:nth-child(1) { height: 75px; } #pricing-boxes .buy-info .row:nth-child(2) { height: 50px; } #pricing-boxes .buy-info .row:nth-child(5) { height: 115px; } /* FR specific CSS */ .fr #pricing-boxes .buy-info .row:nth-child(2) { height: 80px; } .fr #pricing-boxes .buy-info .row:nth-child(1), .fr #pricing-boxes .buy-info .row { height: 130px; } } /* MEDIUM SCREENS (SPECIFIC) */ @media only screen and (min-width: 736px) and (max-width:1068px) { /* #pricing-boxes .buy-info .row:nth-child(2) { height: 50px; } #pricing-boxes .buy-info .row:nth-child(5) { height: 115px; } */ } /* SMALL SCREENS */ @media only screen and (max-width: 735px) { #pricing-boxes .column-2 { width: 100%; } #pricing-boxes .column-2 { margin-bottom: 30px; } #pricing-boxes .buy-info .row, #pricing-boxes .buy-info .row:nth-child(1), #pricing-boxes .buy-info .row:nth-child(2) { height: auto; margin: 16px 28px; } #pricing-boxes .buy-info .row:last-child { margin: 16px 28px; } #pricing-boxes .buy-info .row#filemaker-server { height: auto; padding: 16px 28px; } #pricing-boxes .buy-info .row .column:first-child .column-content{ width:100%; } #pricing-boxes .buy-info .row .column:last-child .column-content{ width:100%; margin-left:0%; } #included-all-plans .row-flex{ margin-bottom: 0px; } #included-all-plans .row-flex .column-2 { margin-bottom: 16px; } #included-all-plans .row-flex .column-2 .column-content { width: 90%; } #included-all-plans p.bare {padding-left: 0px; } #included-all-plans p.bare a.btn {margin-top:16px; width: 100%;} #server-license .column-2 { width: 100%; } #server-license .column-2:first-child { margin-bottom: 30px; } #contact-sales { text-align: center; } #faq { text-align: center; } #faq .column:first-child { margin-bottom: 16px; } #faq .column:first-child, #faq .column:last-child { padding: 0px; } } /* EXTRA SMALL SCREENS < 400px */ @media only screen and (max-width: 400px) { #included-all-plans .row-flex .column-2 .column-content { width: 100%; } } /* RETINA */ @media (-webkit-min-device-pixel-ratio: 2), not all, (min-resolution: 192dpi) { #server-license .icon-set.icon-onpremise { background-image: url(/pricing/images/icon_onpremise_2x.png); } #server-license .icon-set.icon-singlelicense { background-image: url(/pricing/images/icon_singlelicense_2x.png); } #filemaker-overview.dark {background-image: url(/pricing/images/img_overview-bg_2x.jpg);} }