/* FEATURE */ #feature-wrapper { overflow: hidden; } /*#feature-wrapper .section { padding: 30px 0 80px; }*/ /* #feature-wrapper span { font-weight: 400; } */ .claris-fm-cloud-icon { margin-bottom: 30px; } .feature-cloud-bg { background: url(/c/filemaker-cloud-hosting-offer/images/feature_cloud.svg) no-repeat; background-size: 830px 600px; filter: drop-shadow(0px 10px 10px rgb(0 0 0 / 0.2)); background-position: calc(50% - 350px) 60px; } @media only screen and (min-width: 1069px){ #feature-wrapper .section-width-even-more { width: 100%; } #feature-wrapper .trail-form-column { max-width:400px; margin-left: 100px; } } /*#feature-wrapper .row.flex-align-center { min-height: 600px; }*/ /*.hosting-without-the-hassle { padding-right: 80px; }*/ /*.hosting-without-the-hassle, .big-cloud-column .column-content { padding-top: 200px; } /* keep together to maintain similar spacing */ /*.hosting-without-the-hassle h1, .hosting-without-the-hassle h2, .hosting-without-the-hassle p { }*/ /*.big-cloud-column .column-content { padding-top: 140px; }*/ .big-cloud-column .column-content { width: 340px; padding-top: 190px; float: right; margin-right: 180px; } /* at 1000px desktop, should be half or the size of the column 500px */ .big-cloud-column .column-content .h3, .big-cloud-column .column-content .p2 { color: #fff; } /*.big-cloud-column .column-content .p2 { margin-bottom: 30px; }*/ #feature-wrapper a.claris-fm-cloud-get-off { background-color: #48b859; color: #fff; margin-right: 50px; } #feature-wrapper a.claris-fm-cloud-get-off:hover { background-color: #34c759; border-color: #34c759; } .claris-fm-cloud-see-pricing { color: #fff; } .claris-fm-cloud-see-pricing:hover { color: #fff; } /* MEDIUM SCREENS (CASCADE TO LOWER SCREENS) */ @media only screen and (max-width: 1068px) { .feature-cloud-bg { background-position: 50% 80px; } #feature-wrapper .section-width-even-more { width: 100%; } #feature-wrapper .section { width: 90%; margin: 0 auto 80px; } .hosting-without-the-hassle { padding-top: 50px; padding-bottom: 40px; } .hosting-without-the-hassle { padding-right: 0; } .big-cloud-column { display: flex; justify-content: center; align-items: center; min-height: 600px; } .big-cloud-column .column-content { padding-top: 200px; padding-bottom: 0; margin-right: 0px;} /* .feature-cloud-bg { margin: 0 auto; min-height: 600px;}*/ /* .big-cloud-column .column-content { width: 40%; margin: 0 auto; }*/ .trial-container .trail-form-column { margin-top: 125px; } } /* SMALL SCREENS */ @media only screen and (max-width: 735px) { /* .hosting-without-the-hassle { padding-top: 40px; padding-bottom: 20px; }*/ /* .big-cloud-column .column-content { padding-top: 170px; padding-bottom: 0; }*/ } /* EXTRA SMALL SCREENS < 400px */ @media only screen and (max-width: 400px) { .big-cloud-column .column-content { max-width: 270px; } /* #feature-wrapper a.claris-fm-cloud-get-off { margin-right: 0; }*/ } /* FEATURE END */ /* G2 */ #g2 h2 { margin-bottom: 24px; } #g2 .g2-icon { margin: 0 10px; } #g2 .column:first-child { margin-right: 20px; } #g2 .column:last-child { margin-left: 20px; } #g2 blockquote { text-align: left; font-size: 24px; line-height: 30px; /* font-weight: 600;*/ margin-bottom: 40px; color: #fff; quotes: "“" "”" "‘" "’"; font-family: "SF Pro Display",Helvetica,Arial,sans-serif; } #g2 blockquote span { font-weight:500; } #g2 blockquote:lang(fr){quotes:"«" "»";} #g2 blockquote:lang(de){quotes: "„" "“";} #g2 blockquote:lang(nl){quotes: "'" "'";} #g2 blockquote:lang(ja){quotes: "「" "」";} #g2 blockquote:before { content: open-quote; } #g2 blockquote:after { content: close-quote; } /* SMALL SCREENS */ @media only screen and (max-width: 735px) { #g2 h2 { margin-bottom: 24px; } #g2 .column:first-child { margin-right: 0px; } #g2 .column:last-child { margin-left: 0px; } #g2 .g2-icon { width: 100px; height: 112px; } } #deployment-for-custom-apps .sh3 { text-align: center; margin-bottom: 60px; } #deployment-for-custom-apps .row.fissure { margin-bottom: 80px; } #deployment-for-custom-apps .flex-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 250px)); grid-gap: 32px; justify-content: center; grid-row-gap: 80px; margin-top: 24px;} #deployment-for-custom-apps .benefit { background-color: #2c98a4; border-radius: 10px; padding: 70px 20px 50px 20px; width:350px; height:250px; text-align: center; position: relative;} #deployment-for-custom-apps .benefit .image { margin: 0 auto; } #deployment-for-custom-apps .benefit h3 { margin-bottom: 0px; text-align: center;} #deployment-for-custom-apps .benefit p { color: #fff; } #deployment-for-custom-apps .benefit .h6 { margin-bottom: 8px; text-align: center;} #deployment-for-custom-apps .benefit:nth-child(4), #deployment-for-custom-apps .benefit:nth-child(5) { margin-left: 175px; } #deployment-for-custom-apps .benefit .square-icon { height: 100px; width: 100px; border-radius: 4px; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 auto; top: -50px; position: absolute; right: calc( 50% - 50px); background-color: #2b789e; background-position: center; background-size: 70px 70px; background-repeat: no-repeat; } #deployment-for-custom-apps .benefit:nth-child(1) .square-icon { background-image: url(/c/filemaker-cloud-hosting-offer/images/claris-web-fmcloud-icon_speed.svg); } #deployment-for-custom-apps .benefit:nth-child(2) .square-icon { background-image: url(/c/filemaker-cloud-hosting-offer/images/claris-web-fmcloud-icon_infrastructure.svg); } #deployment-for-custom-apps .benefit:nth-child(3) .square-icon { background-image: url(/c/filemaker-cloud-hosting-offer/images/claris-web-fmcloud-icon_security.svg); } #deployment-for-custom-apps .benefit:nth-child(4) .square-icon { background-image: url(/c/filemaker-cloud-hosting-offer/images/claris-web-fmcloud-icon_management.svg); } #deployment-for-custom-apps .benefit:nth-child(5) .square-icon { background-image: url(/c/filemaker-cloud-hosting-offer/images/claris-web-fmcloud-icon_fmcloud.svg); } @media only screen and (max-width: 1252px) { #deployment-for-custom-apps .benefit:nth-child(4) { margin-left: 0px; } } @media only screen and (max-width: 815px) { #deployment-for-custom-apps .flex-container { grid-template-columns:repeat(auto-fit, minmax(calc(50% - 16px) , calc(50% - 16px))); } #deployment-for-custom-apps .benefit { width:100%; height: 325px; } #deployment-for-custom-apps .benefit:nth-child(5) { margin-left: 50%; } } @media only screen and (max-width: 735px) { #deployment-for-custom-apps .h6 { font-size: 1.125rem; line-height: 1.375rem; } } @media only screen and (max-width: 600px) { #deployment-for-custom-apps .flex-container { grid-template-columns:repeat(auto-fit, 100%); } #deployment-for-custom-apps .benefit { height:250px; } #deployment-for-custom-apps .benefit:nth-child(5) { margin-left: 0; } } /* compare */ .compare-table-bundle#compare-table-mobile { display:none; } .compare-table-bundle .table-heading.row-flex .column { text-align: center; padding: 10px; } .compare-table-bundle .table-info.row-flex .column {background-color: #f2f2f7; text-align: center; display: flex; align-items: center; padding: 10px 30px;justify-content: center; } #compare-table-desktop.compare-table-bundle .table-heading.row-flex .column { margin-left: 15px; } #compare-table-desktop.compare-table-bundle .table-heading.row-flex .column:first-child { margin-left: 0px; } #compare-table-desktop.compare-table-bundle .table-heading.row-flex .column p { font-weight: 500; line-height: 1.50rem; } #compare-table-desktop.compare-table-bundle .table-info.row-flex .column { margin-left: 15px; } #compare-table-desktop.compare-table-bundle .table-info.row-flex .column:first-child { margin-left: 0px; } #compare-table-desktop.compare-table-bundle .table-info.row-flex:nth-of-type(even) { margin-bottom: 15px; } #compare-table-desktop.compare-table-bundle .table-info.row-flex:nth-of-type(even) .column:first-child { background-color: #4e96a2; } #compare-table-desktop.compare-table-bundle .table-info.row-flex .column:first-child p { color: #fff; font-weight: 500; } #compare-table-desktop.compare-table-bundle .table-info.row-flex:nth-of-type(even) .column p.percentage { color: #4e96a2; font-weight: 500; } #compare-table-desktop.compare-table-bundle .table-info.row-flex:nth-of-type(odd) .column:first-child { background-color: #41779a; color: #fff; } #compare-table-desktop.compare-table-bundle .table-info.row-flex:nth-of-type(odd) .column p.percentage { color: #41779a; font-weight: 500; } @media only screen and (max-width: 1068px) { .compare-table-bundle#compare-table-desktop { display:none; } .compare-table-bundle#compare-table-mobile { display:block; } #compare-table-mobile.compare-table-bundle .compare-table:first-child { margin-right: 15px; } #compare-table-mobile.compare-table-bundle .compare-table:last-child { margin-left: 15px; } #compare-table-mobile.compare-table-bundle .compare-table .table-heading.row-flex, #compare-table-mobile.compare-table-bundle .compare-table .table-info.row-flex { margin-bottom: 10px; } #compare-table-mobile.compare-table-bundle .compare-table .table-heading.row-flex:last-child, #compare-table-mobile.compare-table-bundle .compare-table .table-info.row-flex:last-child { margin-bottom: 0px; } #compare-table-mobile.compare-table-bundle .compare-table .table-heading.row-flex .column, #compare-table-mobile.compare-table-bundle .compare-table .table-info.row-flex .column { padding: 30px; } #compare-table-mobile.compare-table-bundle .compare-table:first-child .table-heading.row-flex .column { background-color: #4e96a2; } #compare-table-mobile.compare-table-bundle .compare-table:first-child .table-heading.row-flex .column p { color: #fff; font-weight: 500; } #compare-table-mobile.compare-table-bundle .compare-table:last-child .table-heading.row-flex .column { background-color: #41779a; } #compare-table-mobile.compare-table-bundle .compare-table:last-child .table-heading.row-flex .column p { color: #fff; font-weight: 500; } #compare-table-mobile.compare-table-bundle .table-info p:first-child { line-height: 1.5rem; margin-bottom: 10px; } #compare-table-mobile.compare-table-bundle .table-info p:last-child { font-weight: 500; } #compare-table-mobile.compare-table-bundle .compare-table:first-child .table-info:last-child .column p.percentage { color: #4e96a2; font-weight: 500; } #compare-table-mobile.compare-table-bundle .compare-table:last-child .table-info:last-child .column p.percentage { color: #41779a; font-weight: 500; } } @media only screen and (max-width: 735px) { #compare-table-mobile.compare-table-bundle .compare-table:first-child { margin-right: 0; margin-bottom: 30px; } #compare-table-mobile.compare-table-bundle .compare-table:last-child { margin-left: 0; } } #interested-in-fmc { background-color: #2b789e; } #interested-in-fmc.sticky { position: -webkit-sticky; position: sticky; top: 0px; z-index: 99; } #interested-in-fmc .section.tall { text-align: center; padding: 16px; } #interested-in-fmc p { color: #ffffff; text-align: center; font-weight: 500; } #interested-in-fmc a { font-weight: 300; margin-left: 16px; background-color: #48b859; color: #fff; } #interested-in-fmc a:hover { background-color: #34c759; border-color: #34c759; } @media only screen and (max-width: 1068px) { #interested-in-fmc{ text-align: center; /* margin-top: 48px;*/ } #interested-in-fmc .section.tall { /* padding: 2%;*/ text-align: center; } #interested-in-fmc a { font-size: 1rem; /* display: block;*/ } } @media only screen and (max-width: 735px) { /* #interested-in-fmc p { font-size: 1rem; }*/ #interested-in-fmc a { margin-left: 0px; margin-top: 8px; } } #helps-entire-team.d10 .column-flex:last-child { background-image: url(/c/filemaker-cloud-hosting-offer/images/img_helps-entire-team_2x.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .webp #helps-entire-team.d10 .column-flex:last-child { background-image: url(/c/filemaker-cloud-hosting-offer/images/webp/img_helps-entire-team_2x.webp); } /*#fmc-standards-entire-team.d10 .column-content .slight { margin-bottom: 8px; }*/ #helps-entire-team.d10 .row-flex .column-flex { position: relative; padding: 80px 0px; } #helps-entire-team.d10 .column-flex .h5 { margin-bottom: 8px; } /* EXTRA LARGE VIEWPORT ONLY */ @media only screen and (min-width: 2000px) { #helps-entire-team.d10 .column-flex:first-child { background-position: center top -120px; } } @media only screen and (min-width: 1069px) { #helps-entire-team.d10.text-image .column-flex:first-child .column-content { max-width: 400px; margin-right: 100px; } } @media only screen and (max-width: 735px) { #helps-entire-team.d10 .column-flex .h6 { font-size: 1.125rem; line-height: 1.375rem; } } #security svg { max-height: 230px; margin: 0 auto; display: block; } #security li { margin-bottom: 16px; margin-left: calc(24px + 1em); } #security li:last-child { margin-bottom: 0px; } #security li::before { content: ' '; width: 24px; height: 24px; top: 7px; margin-left: calc(-24px - 1em); margin-right: 1em; position: relative; display: inline-block; background-repeat: no-repeat; background-size: contain; } #security li:nth-child(1)::before { background-image: url(/c/filemaker-cloud-hosting-offer/images/checklist/check-1.png); } #security li:nth-child(2)::before { background-image: url(/c/filemaker-cloud-hosting-offer/images/checklist/check-2.png); } #security li:nth-child(3)::before { background-image: url(/c/filemaker-cloud-hosting-offer/images/checklist/check-3.png); } #security li:nth-child(4)::before { background-image: url(/c/filemaker-cloud-hosting-offer/images/checklist/check-4.png); } /*#security li:nth-child(5)::before { background-image: url(/c/filemaker-cloud-hosting-offer/images/checklist/check-5.png); }*/ #security p, #security li, #security li strong { color: #ffffff; } /*@media only screen and (min-width: 1069px){*/ /* #security .row:last-child { width: 75%; margin: 0 auto; padding-left: 60px; }*/ /*}*/ @media only screen and (max-width: 1068px){ #security .sh2 { text-align: left; width: 100%; } } @media only screen and (max-width: 735px){ #security svg { margin-bottom: 24px; } } /* EVEN MORE START */ .claris-fm-cloud-reason { position: relative; padding: 50px 75px 50px 160px; margin-left: 40px; margin-bottom: 20px; } .claris-fm-cloud-reason:last-child { margin-bottom: none; } .claris-fm-cloud-reason-number { position: absolute; left: -40px; top: 50%; margin-top: -58px; width: 150px; height: 116px; } .claris-fm-cloud-reason h6, .claris-fm-cloud-reason p { color: #fff; } .claris-fm-cloud-reason h6 { margin-bottom: 12px; } .claris-fm-cloud-reason-1 { background-color: #54A858; } .claris-fm-cloud-reason-2 { background-color: #54A688; } .claris-fm-cloud-reason-3 { background-color: #52A4A1; } .claris-fm-cloud-reason-4 { background-color: #4E96A3; } .claris-fm-cloud-reason-5 { background-color: #43869F; } .claris-fm-cloud-reason-6 { background-color: #40769A; } /* 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) { .claris-fm-cloud-reason { position: relative; padding: 30px 30px 30px 90px; margin-left: 28px; margin-bottom: 20px; } .claris-fm-cloud-reason-number { left: -28px; margin-top: -39px; width: 100px; height: 78px; } } /* MEDIUM SCREENS (SPECIFIC) */ @media only screen and (min-width: 736px) and (max-width:1068px) { } /* SMALL SCREENS */ @media only screen and (max-width: 735px) { } /* EXTRA SMALL SCREENS < 400px */ @media only screen and (max-width: 400px) { } /* EVEN MORE END */ #compare-versions {background-color: #1a1a1a;} #compare-versions .sh2 {margin-bottom: 80px; width: 100%;} #compare-versions .compare-table { margin: 0 15px; } #compare-versions .compare-table .compare-heading .row-flex .column {text-align: center;} #compare-versions .compare-table .compare-heading .fmc-option { padding: 30px; } #compare-versions .compare-table .compare-heading .fmc-option#fmc-essentials { background-color: #2c98a4; } #compare-versions .compare-table .compare-heading .fmc-option#fmc-standard { background-color: #2b789e; } #compare-versions .compare-table .compare-heading .fmc-option p { font-weight: 500; } #compare-versions .compare-table .compare-info .row-flex .column {background-color: #222222; text-align: center; margin-left: 15px; display: flex; align-items: center; padding: 10px 30px;} #compare-versions .compare-table .compare-info > .row-flex:nth-of-type(even) .column {background: #2a2a2a;} #compare-versions .compare-table .compare-info .row-flex .column {text-align: center; margin-left: 0px; padding: 30px;} #compare-versions .compare-table .compare-info .row-flex .column .column-content {margin: 0px;} #compare-versions .compare-table .compare-info .row-flex .column p {line-height: 1.2em;} #compare-versions .compare-table .compare-info .row-flex .column .column-content {margin: 0 auto;} p.note-currency { margin: 0 auto; text-align: center; margin-top: 40px; } @media only screen and (max-width: 735px) { #compare-versions .compare-table { margin: 0; } #compare-versions .compare-table:first-child { margin-bottom: 24px; } } #fmc-standard.d10 .column-flex:first-child { background-image: url(/c/filemaker-cloud-hosting-offer/images/img_partner_2x.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .webp #fmc-standard.d10 .column-flex:first-child { background-image: url(/c/filemaker-cloud-hosting-offer/images/webp/img_partner_2x.webp); } #fmc-standard.d10 .column-content .slight { margin-bottom: 8px; } #fmc-standard.d10 .column-content .bare { margin-bottom: 0px; } #fmc-standard.d10 .row-flex .column-flex { position: relative; padding: 80px 0px; } /* EXTRA LARGE VIEWPORT ONLY */ @media only screen and (min-width: 2000px) { #fmc-standard.d10 .column-flex:first-child { background-position: center top -120px; } } @media only screen and (max-width: 735px) { #fmc-standard.d10 .column-flex .h6 { font-size: 1.125rem; line-height: 1.375rem; } } .footnote p { margin-bottom: 0px; } .footnote ul li { color: #ccc; } /* Trial Container */ .trial-container {position: relative; overflow-x: hidden;} /*.trial-container .section {padding: 0px 0px;}*/ /*.trial-container .row .trail-message-column { padding: 100px 80px 0px 0px; max-width: 500px;} html[lang=en] .trial-container .row .trail-message-column { padding: 60px 80px 0px 0px;}*/ /*.trial-container .row .column:first-child .text-container {padding-left: 30px; margin-bottom: 40px;} .trial-container .row .column:first-child .text-container h2 {margin-bottom: 0px;} .trial-container .row .column:first-child .text-container p {margin-bottom: 24px;}*/ .trial-container .trail-form-column { background-color: #f2f2f7; } .trial-container .row .trail-form-column .column-content { padding : 60px 49px; } /*.img-guy-halligan {height:180px; min-width: 180px; background: url(/trial/images/guy_halligan.jpg) no-repeat 0% 0%; background-size:contain; padding-left: 0px;} .img-quotes { margin-bottom: 16px; width: 54px; height: 43px; background-image: url(/trial/images/quotes.png); background-size: 54px 43px; background-repeat: no-repeat; }*/ .trail-customer-quote { color: #111; margin-bottom: 20px; } /*.trail-message-column .h1, .trail-message-column p { color: #fff; } .trail-message-column li { position:relative; padding-left: 32px; margin-top: 4px;} .trail-message-column .icon-checkcircle::before { color: #208a3d; position: absolute; left: 0; top: 7px; }*/ /* */ .trail-form-column .h4 { margin-bottom: 4px; } .trail-form-column .p2 { margin-bottom: 8px; } .trail-form-column .have-licensing { margin-bottom: 24px; display: inline-block} @media only screen and (max-width: 1068px) { .trial-container .row .trail-message-column { padding: 0px 60px; } html[lang=en] .trial-container .row .trail-message-column { padding: 0px 60px; } #trial-title .column-content { text-align: center; } } @media only screen and (max-width: 735px) { .trial-container .row .trail-message-column { padding: 0px 20px; } html[lang=en] .trial-container .row .trail-message-column { padding: 0px 20px; } } @media only screen and (max-width: 374px) { #trial-title img { width: 220px; margin-bottom: 12px; } #trial-title .h1 { font-size: 2rem; line-height: 2.25rem; font-weight: 500; margin-bottom: 20px; } } /*.d4-text { justify-content: start; } .d4-text p.h5 { margin-bottom: 8px; } .d4 .column-content { width: 95%; }*/ /* Form */ #trial-form { margin-top: 30px; } #trial-form .form-input.input-tinytext.tt-email-wrapper, #trial-form .form-input.input-tinytext.tt-select-wrapper, #trial-form .form-input.input-tinytext.tt-text-wrapper {min-height: 60px;} /* Form Inputs */ .form-wrapper input[type=email], .form-wrapper input[type=submit], .form-wrapper input[type=text], .form-wrapper select, .form-wrapper textarea {border-color: #525151; color: #717171; background-color: #fff; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px #f2f2f7 inset !important; } #trial-form input[type=checkbox], #trial-form input[type=radio] {margin: 0px; margin-right: 5px; height: 14px;} #trial-form .radio-input {display: inline-block;} #trial-form .radio-input label {margin-top:0px;} #trial-form .radio-input label {display: inline; margin-right:15px; vertical-align: text-bottom;} .input-checkbox-column-left { width: 53%; font-size: 0px; display: inline-block; vertical-align: top } .input-checkbox-column-right { width: 45%; font-size: 0px; display: inline-block; vertical-align: top } .input-checkbox-horizontal label { display: inline-block; margin: 0 10px 0 0; vertical-align: bottom; font-size: 13px; line-height: 13px; } .input-checkbox-horizontal .input-checkbox-wrap { margin-bottom: 12px } #input-wrapper-business-use-case { margin-bottom: 20px } #trial-form .optional { color: #B9B9BB; } /* Form Submission */ #trial-form input[type=submit] {border: 1px solid #208a3d; background-color: #208a3d; color: #ffffff; border-radius: 3px; padding: 8px 20px; cursor: pointer; display: inline-block; transition: 0.2s; font-weight: 300; margin-bottom: 24px; font-family: "SF Pro Text",Helvetica,Arial,sans-serif; line-height: 24px; } #trial-form input[type=submit]:hover {color: #ffffff; background-color: #2da14a; border-color: #2da14a;} /* Form Spinner */ #submission-progress-spinner { display: inline-block; vertical-align: middle; margin-left: 10px; } #submission-progress-spinner .fa-spinner-third-green { -webkit-animation-name: spin; -webkit-animation-duration: 1000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 1000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 1000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 1000ms; animation-iteration-count: infinite; animation-timing-function: linear; font-size: 36px; width: 36px; height: 36px; } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from {-webkit-transform:rotate(0deg);transform:rotate(0deg);} to {-webkit-transform:rotate(360deg);transform:rotate(360deg);} } /* Form Labels */ #trial-form .form-input.input-tinytext .label-tinytext {color: #717171; background-color: transparent; } #trial-form .form-input.input-tinytext.infocus .label-tinytext {top: -18px !important; left: 0px !important; padding: 0 !important; color: #000;} #trial-form .form-input.input-tinytext.input-checkbox-wrap input { vertical-align: top; top: 6px; position: relative;} #trial-form .form-input.input-tinytext.input-checkbox-wrap label { display: inline-block; margin: 0px; width: 90%;} /* Form Error Handler */ #trial-form .form-input div.error, #trial-form .form-input.input-tinytext div.error {display: inline-block; padding-bottom:20px;} #trial-form select.error {border-color: #E00;} /* Form Marketing Subscription */ #email-messaging, #share-app-messaging, #business-use-case-messaging {margin: 8px 0 16px;} #trail-share-app { margin-bottom: 20px; } .opt-in-comm-text { display: inline; vertical-align: text-bottom; } /* Form Legal */ .trial-grey {color:#333333;} .trial-grey, .trial-grey a {font-size: 14px; line-height: 20px;} @media only screen and (max-width: 1068px) { .trial-container .section {padding: 0px 0} .trail-container-row { display: flex; flex-direction: column; } .trail-message-column { order: 1; } .trail-form-column { order: 2; } .trail-message-title-primary { text-align: center;} .trial-container .row {padding: 0 0px;} .img-guy-halligan { background-position: calc(100% - 30px) 0%; } h2.h4 {font-size: 32px; line-height: 36px;} #trial-title h1, #trial-title p {text-align: center;} #trial-title p {margin-bottom: 40px;} #demo-video {margin: 60px 0px;} #with-filemaker h2 {text-align: center; margin-bottom: 20px} .trial-container .row .trail-form-column .column-content {padding: 48px 68px} } @media only screen and (max-width: 735px) { .trial-container .row .column:first-child .text-container {text-align: center; padding-left: 0px; } .trial-container .row .column:first-child .text-container p {margin-bottom: 40px;} .img-guy-halligan { background-position: 50% 0%; margin-bottom: 16px; } .img-quotes { margin: 0 auto 16px; } .trail-customer-quote, .trail-customer-detail { text-align: center;} .trail-message-title { margin-top: 40px; } #trial-form input[type=submit] {min-width: 100%; margin-top: 32px; margin-bottom: 48px; white-space: pre-line; } #subscribe-me-email {text-align: center;} h2.h4 {font-size: 28px; line-height: 32px; font-weight: 500; text-align: center;} } @media only screen and (max-width: 550px) { .trial-container .row .trail-form-column .column-content { padding: 40px; } .input-checkbox-column-left { width: 100% } .input-checkbox-column-right { width: 100%; } }