@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');

.material-symbols-rounded { font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24 }
.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24 }

/* Colors Used 

green: #6FA088
orange: #D6832B old:#D6832B
brown: #8D7961, RGB(141,121,97)
gray: #7A767A
yellow: #CCB97E
*/

body { padding: 0; margin: 0; font-family: 'Inter', sans-serif; }
a { color: #5F6DB2; text-decoration: none; }

.findOutMore { display: inline-block; padding: 8px 13px; margin: 10px 0; background-color: #D6832B; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
a.findOutMore { color: #ffffff; font: bold 17px/17px Arial, Helvetica, sans-serif; }
.twoCol { width: 50%; float: left; margin: 0 20px 0 0; }
form p label { font-size: .8em; color: #999999;  }


/* *** Home - Top Nav *** */
header { width: 100%; padding: 7px 0; display: block; position: fixed; top: 0; z-index: 5; box-shadow: 0 2px 3px #666; backdrop-filter: blur(10px); background-color: rgb(255 255 255 / 70%); }
#logo { width: 90px; float: left; display: block; padding: 5px 0 0 30px; margin: 0; }
#logo a { font-size: 0px; }

nav { width: auto; float: right; padding: 10px 0 0 0; }
nav ul { list-style-type: none; font-weight: 200; font-size: 1.75em; padding: 0 20px 0 0; line-height: 0; }
nav ul li { display: inline; padding: 0 10px; }
nav a { color: #333; }
nav a:hover { text-shadow: 0 0 4px #ccc; }
nav a span { font-size: .5em; }
nav a.on { color: #033; font-weight: 300; }

#hamburgerIcon { display: block; float: right; margin: 0; padding: 23px 20px 0 0; }
#hamburgerIcon button { height: 40px; width: 40px; background-color: #ddd; background: no-repeat url("../images/imgHamburgerMenu.svg") 0 0; border: none; }
#hamburgerMenu { min-width: 250px; height: auto; background-color: rgba(192,100,55,0.9); position: absolute; right: 70px; top: 70px; border: 2px solid #666; border-radius: 10px; display: none; }
#hamburgerMenu .top { display: none; }
#hamburgerMenu .bottom { display: block; }
#hamburgerMenu ul { list-style-type: none; font: 300 1.5em/.8em Inter; padding: 15px 20px; margin: 0; }
#hamburgerMenu ul li { padding: 10px 0; }
#hamburgerMenu ul li a { color: #eee; }

/* *** Home - Showcase *** */

#homeShowcaseContainer { width: 100%; height: 100%; display: block; margin: 92px 0 0 0; padding: 0; background: no-repeat url("../images/home/imgShowcaseBkgrd.webp") #6FA088; background-size: cover; background-attachment: fixed; position: relative; }
#homeShowcaseContainer h1 { font-size: 7vw; line-height: 1em; font-weight: 200; text-align: center; color: #fff; letter-spacing: -.05em; margin: 0; padding: 20px 0 20px 0; }
#homeShowcase { width: 60vw; height: auto; display: block; margin: 10px auto 0 auto; padding: 0 0 30px 0; }
#homeShowcase .text { width: auto; height: auto; border-radius: 1.2vw; padding: 1vw 2vw; border: 2px solid #fff; background-color: rgb(204 185 126 / 80%); }
#homeShowcase .text p { font-size: 1.8vw; font-weight: 200; color: #fff; margin: 0; padding: 0; line-height: 1.1em; }
#homeShowcase .text p.right { text-align: right; }
#homeShowcase .text.one { position: absolute; left: 21vw; top: 13vw; z-index: 1; }
#homeShowcase .text.two { position: absolute; left: 67vw; top: 20vw; z-index: 1; }
#homeShowcase .text.three { position: absolute; left: 9vw; top: 24vw; z-index: 1; } 
#homeShowcase .text.four { position: absolute; left: 72vw; top: 40vw; z-index: 1; } 


/* *** Home - Features *** */

#homeFeaturesContainer { width: 100%; height: 100%; display: block; margin: 0; padding: 0; float: left;  background: no-repeat url("../images/home/imgFeaturesBkgrd.jpg") #d4ca9f; background-size: cover; }
#homeFeaturesContainer h2, #homePricingContainer h2 { font-size: 4em; font-weight: 200; text-align: left; color: #000; letter-spacing: -.05em; padding: 30px 0 30px 5%; margin: 0; }
#homeFeaturesContainer .homeFeatures { width: auto; height: auto; display: flex; flex-wrap: wrap; margin: auto; padding: 10px 40px 0 40px; }
#homeFeaturesContainer .homeFeatures .block { display: block; padding: 0 5px; margin: auto; }
#homeFeaturesContainer .homeFeatures .feature { width: 250px; height: auto; min-height: 200px; display: block; border: solid 3px #FFFFFF; padding: 25px 20px 20px 20px; border-radius: 20px; background-color: #7AA5BA; opacity: .75; }
#homeFeaturesContainer .homeFeatures .feature h3 { font: 300 2em/1em Inter; color: #eee; letter-spacing: -.05em; padding: 0 0 10px 0; margin: 0; }
#homeFeaturesContainer .homeFeatures .feature p { font: 400 1em Inter; color: #000; padding: 0; margin: 0; }
#homeFeaturesContainer .homeFeatures .featureIconTop { width: 30px; height: 30px; border-radius: 30px; border: solid 3px #fff; background-color: #D6832B; position: relative; left: 135px; top: 20px; z-index: 1;  text-align: center; }
#homeFeaturesContainer .homeFeatures .featureIconTop span { padding: 4px 0 0 1px; font-size: 1.4em; color: #000; }
#homeFeaturesContainer .learnMore a, #homePricingContainer .learnMore a { font: 600 1.6em/1em Inter; width: 100%; padding: 30px 0; display: block; text-align: center; clear: both; text-decoration: none; }

/* *** Home - Interface *** */

#homeInterfaceContainer { width: 100%; height: 100%; display: block; margin: 92px 0 0 0; padding: 0; background: #666; }
#homeInterface { width: 100%; height: auto; display: block; margin: auto; overflow: hidden; text-align: center; }
#homeInterface img { width: 90vw; padding: 40px 0; }


/* *** Home - Pricing *** */

#homePricingContainer {width: 100%; height: 100%; display: block; margin: 0; padding: 0; float: left;  background: no-repeat url("../images/home/imgPricingBkgrd.jpg") #d27c6c; background-size: cover; background-attachment: fixed; }
#homePricingBoxes { display: flex; padding: 0; margin: 0; }
#homePricing { width: auto; height: auto; display: flex; margin: auto; }
#homePricing .priceBox { width: 350px; border: 2px solid #ffffff; border-radius: 15px; text-align: center; color: #ffffff; padding: 25px 0; margin: auto 0; }
#homePricing .priceBox h3 { font: 200 2.7em/1em Inter; letter-spacing: -.05em; padding: 0 0 10px 0; margin: 0; }
#homePricing .priceBox a { color: #fff; }
#homePricing .priceBox .users { font: 200 1em/1.2em Inter; padding: 7px 0; margin: 0 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); border-top: 1px solid rgba(255, 255, 255, 0.3);}
#homePricing .priceBox .from { font: 200 1em/1em Inter; margin: 0; padding: 15px 0 0 0; }
#homePricing .priceBox .fromPrice { font: 500 2.9em/.7em Inter; letter-spacing: -.05em; margin: 0 0 15px 0; padding: 0; }
#homePricing .priceBox .fromPrice sup, #homePricing .priceBox .fromPrice span { font-size: .5em; letter-spacing: 0; }
#homePricing .priceBox ul { list-style-type: none; margin: 0; padding: 0; font: 200 1.1em/1em Inter; }
#homePricing .priceBox ul li { margin: 0px 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); line-height: 24px; padding: 4px 0}
#homePricing .priceBox ul li.noLine { border: none; }

#homePricing .priceBox.office { background-color: #8D7961; margin-right: -20px; }
#homePricing .priceBox.business { background-color: #CCB97E; z-index: 1; border-width: 4px; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);}
#homePricing .priceBox.corporate { background-color: #6FA088; margin-left: -20px; }
#homePricingContainer .learnMore a { color: #fff !important; }

/* *** Home - Trial, Demo, Buy *** */

#homeTrialDemoContainer { width: 100%; display: block; height: 100%; margin: 0; padding: 0; float: left;  background: no-repeat url("../images/home/imgTrialDemoBkgrd.jpg") #C8CDD0; background-size: cover; }
#homeTrialDemoContainer .contents { margin: 0 auto; width: 950px; height: 530px; padding: 75px 0 0 0;  }
#homeTrialDemoContainer .contents .circle { display: block; width: 275px; height: 275px; border: 8px solid #333; border-radius: 50%; align-items: center; justify-content: center; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); }
#homeTrialDemoContainer .contents .circle p { font: 200 1.3em/1.2em Inter; color: #eee; text-align: center; padding: 0 40px; margin: 0; }
#homeTrialDemoContainer .contents .circle p.big { font: 300 2.6em/1em Inter; letter-spacing: -.05em; margin: 5px 0; display: block; }
#homeTrialDemoContainer .contents .circle p.top { padding-top: 20px; }
#homeTrialDemoContainer .contents .circle span { padding: 0; margin: 5px 0 0 0; font-size: 2.5em; color: #333; }
#homeTrialDemoContainer .contents .circle.freeTrial { background-color: #6FA088; position: relative; left: 0; top: 0; z-index: 1; }
#homeTrialDemoContainer .contents .circle.liveDemo { background-color: #D6832B; position: relative; left: 200px; top: -125px; z-index: 3; }
#homeTrialDemoContainer .contents .circle.privateDemo { background-color: #7A767A; position: relative; left: 430px; top: -550px; z-index: 2; }
#homeTrialDemoContainer .contents .circle.buyNow { background-color: #CCB97E; position: relative; left: 675px; top: -750px; z-index: 1; }

/* *** Home - Bottom Nav *** */

#links { width: auto; height: auto; background-color: #555; display: flex; flex-wrap: wrap; padding: 50px 0 10px 20px; margin: 0 0 0 0; }
#links .contents { max-width: 250px; min-width: 110px; padding: 0 0 30px 40px; }
#links .contents p { font: 200 .9em/1.9em Inter; padding: 0; margin: 0; }
#links .contents h4 { font: 500 .9em/1.1em Inter; padding: 0 0 10px 0; margin: 0; color: #fff;  }
#links .contents a { color: #fff; }

/* *** Home - Copyright *** */

#copyright { width: 100%; height: 50px; padding: 0; margin: 0; background-color: #555; display: block; }
#copyright p { font: 200 .7em/1em Inter; color: #fff; padding: 10px 0 0 60px; margin: 0; }

/* *** Interior - Universal *** */

#interiorContainer { width: 100%; height: 100%; display: flex; flex-direction: column-reverse; margin: 92px 0 0 0; padding: 0; background: no-repeat url("../images/imgInteriorBkgrd.png") #eee; background-size: cover; }
#interiorContainer .body { width: 65%; font: 400 1.1em/1.6em Inter; padding: 0 0 4vw 4vw; margin: 0 4vw 0 0; }
#interiorContainer h1 { font-size: 3em; font-weight: 200; line-height: 1em; text-align: left; color: #D6832B; letter-spacing: -.05em; margin: 0; padding: 30px 0 20px; }
#interiorContainer h2 { font-size: 1.5em; font-weight: 600; color: #D6832B; line-height: 1.1em; padding: 20px 0 0 0; }
#interiorContainer h4 { font-size: 1.2em; font-weight: 600; color: #666; line-height: 1.1em; padding: 20px 0 0 0; }
#interiorContainer p.pdf { background: no-repeat url("../images/iconPDF.svg") 0 0; background-size: 19px auto; none; padding: 0 0 0 25px; margin: 7px 0; font-size: .9em;  }
#interiorContainer p.openInNew { background: no-repeat url("../images/iconOpenInNew.svg") 0 0; background-size: 18px auto; border: none; padding: 0 0 0 25px; margin: 7px 0; font-size: .9em;  }
#interiorContainer .body p.small { font-size: .65em; }
#interiorContainer .body ul { color: #333; line-height: 1.25em; list-style-type: square; padding: 0 auto; margin: 0 auto; }
#interiorContainer .body ul li { padding: 0 0 15px 0; }



/* *** Interior - Testimonials *** */

#interiorContainer .body.testimonials { font-size: 1.5em; color: #333; }
#interiorContainer .body.testimonials strong { color: #333; font-weight: 600; }
#interiorContainer .body.testimonials p { padding: 0; margin: .5em 0; text-indent: -.3em; }
#interiorContainer .body.testimonials p.author { font-size: .8em; text-align: right; margin: 0 0 3em 0; }
#interiorContainer .body.testimonials p.intro { font-size: .8em; padding: 0 0 20px 0; }


/* *** Interior - Buy *** */

#interiorContainer .body.buy { width: auto; }
#interiorContainer #buyBoxesContainer { display: flex; flex-wrap: wrap; }
#interiorContainer .body.trial p { font: 200 1em/1.5em Inter; }
#interiorContainer .body.trial p.readyToBuy strong { font-weight: 600; font-size: 1.3em; color: #6FA088;}

/* *** Interior - Features *** */

#interiorContainer .body.features { width: auto; }
#interiorContainer .body.features .block { cursor: pointer; display: flex; padding: 0 5px; margin: 10px auto; width: 100%; }
#interiorContainer .body.features .feature { height: auto; display: block; border: solid 3px #FFFFFF; padding: 15px 20px 20px 20px; margin: 0 10px 0 0; border-radius: 20px; background-color: rgba(122, 118, 122, 1); box-shadow: 2px 2px 2px #888; }
#interiorContainer .body.features .feature.twocol { width: 68%; }
#interiorContainer .body.features .feature.onecol { width: 32%; }
#interiorContainer .body.features .feature.threecol { width: 100%; }
#interiorContainer .body.features .feature.green {background-color: rgba(111, 160, 136, 1); }
#interiorContainer .body.features .feature.red { background-color: rgba(192, 100, 55, 1); }
#interiorContainer .body.features .feature.brown { background-color: rgba(141, 121, 97, 1); }
#interiorContainer .body.features .feature.gray { background-color: rgba(122, 118, 122, 1); }
#interiorContainer .body.features .feature.yellow { background-color: rgba(204, 185, 126, 1); }
#interiorContainer .body.features .feature.brown { background-color: rgba(141, 121, 97, 1); }
#interiorContainer .body.features .feature h2 { font: 300 2em/1em Inter; color: #eee; letter-spacing: -.05em; padding: 0 0 10px 0; margin: 0; }
#interiorContainer .body.features .feature p { font: 400 .8em/1.5em Inter; color: #000; padding: 0; margin: 0; }
#interiorContainer .body.features .feature p span { color: #fff; display: block; font-weight: 600; margin-top: 1em; opacity: 1; }
#interiorContainer .body.features .feature img { opacity: 1; }
#interiorContainer .body.features .feature img.saas { max-width: 25%; min-width: 150px; height: auto; float: right; margin: -10px 0 5px 20px; }
#interiorContainer .body.features .feature img.unlimited { max-width: 25%; min-width: 150px; height: auto; float: right; margin: 0 2% 5px 20px; }
#interiorContainer .body.features .feature img.security { max-width: 15%; min-width: 100px; height: auto; float: right; margin: 0 20px 0 20px; }
#interiorContainer .body.features .feature img.branding { max-width: 15%; min-width: 150px; height: auto; float: right; margin: 0 0 5px 20px; }
#interiorContainer .body.features .feature p.fullFeatureList { font: 400 1.5em/1em Inter; text-align: center; padding: 5px 0 0 0; }
#interiorContainer .body.features .feature p.fullFeatureList a { color: #eee; }

#interiorContainer .body .twoColumn { display: flex; }
#interiorContainer .body .twoColumn .content { width: 50%; }
#interiorContainer .body .twoColumn .content .vCentered { vertical-align: middle; }

#interiorContainer .splide li img { width: 100%; }
#interiorContainer .splide li div.text { background-color: #D6832B; border-radius: .416em; color: #fff; font-size: 1em; padding: .5em 1em; margin: 0 0 10px 0; text-align: center; }

/* *** Interior - Branding *** */

#privateBrandingPricingBoxes { display: flex; padding: 0; margin: 0; }
#privateBrandingPricing { width: auto; height: auto; display: flex; margin: auto; padding: 10px 40px 0 40px; }
#privateBrandingPricing .priceBox { width: 170px; border: 2px solid #ffffff; border-radius: 15px; text-align: center; color: #ffffff; padding: 20px 0; margin: auto 0; }
#privateBrandingPricing .priceBox h3 { font: 200 2vw/2vw Inter; letter-spacing: -.05em; padding: 0 0 10px 0; margin: 0; }
#privateBrandingPricing .priceBox .price { font: 500 2.5vw/1.5vw Inter; letter-spacing: -.05em; margin: 0 0 15px 0; padding: 0; }
#privateBrandingPricing .priceBox .price sup, #privateBrandingPricing .priceBox .price span { font-size: .5em; letter-spacing: 0; }

#privateBrandingPricing .priceBox.office { background-color: #8D7961; margin-right: -10px; }
#privateBrandingPricing .priceBox.business { background-color: #CCB97E; padding: 30px 0; z-index: 1; border-width: 4px; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);}
#privateBrandingPricing .priceBox.corporate { background-color: #6FA088; margin-left: -10px; }

/* *** Modules *** */

#interiorContainer .module { width: 250px; position: fixed; right: 50px; top: 200px; font-size: 1em; border: 3px solid rgba(111, 160, 136, 0.3); border-radius: .75vw 0; padding: 10px 15px; margin: 0; box-shadow: 2px 2px 7px 0px #ddd;}
#interiorContainer .module p { padding: 4px 0; margin: 0; }
#interiorContainer .module p a, #interiorContainer .module p a span { color: #666; }
#interiorContainer .module p a:hover, #interiorContainer .module p a:hover span, #interiorContainer .module p a.on { color: #000; font-weight: 600; }
#interiorContainer .module p span { padding: 0 8px 3px 0; vertical-align: middle; color: #000; }
#interiorContainer .module.white { background: rgba(111, 160, 136, 0.1); }

/* Pricing Page */

.pricingPlans { width: 274px; margin: 0 20px 0 0; border: solid 1px #666666; float: right; color: #4d4d4d; }
.pricingPlans.right { margin: 0; }
.pricingPlans:hover { background-color: #ffc; }
.pricingPlans h2 { text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25); text-align: center; color: #e3701e; font-size: 30px; }
.pricingPlans h3 { text-align: center; color: #888888;  }
.pricingPlans h4 { margin: 0 0 5px 0; text-align: center; font-weight: normal; color: #999999; }
.pricingPlans h4 strong { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); font-size: 55px; line-height: 65px; letter-spacing: -2px; color: #e3701e; font-weight: bold; }
.pricingPlans h4 strong span { font-size: .6em; position: relative; top: -.5em; }
.pricingPlans .inset { padding: 15px; }
.pricingPlans ul li { padding: 0 0 0 12px; background: url(../images/bulletBlueTriangle.png) 0 5px no-repeat; }
.pricingPlans ul li.noArrow { padding: 0 0 0 10px; background: none; }
.pricingPlans ul li strong { color: #000000; }
.pricingPlans .seeAll { width: 274px; height: 50px; background-color: #666666; background: linear-gradient(#6388c7, #4d75b2); }
.pricingPlans .seeAll h3 { color: #ffffff; text-align: center; line-height: 50px; vertical-align: middle; margin: 0; padding: 0;  }

.pricingTable table { width: 100%; border-collapse: collapse; font-size: 1em; }
.pricingTable table tr { font-weight: bold; height: 35px; }
.pricingTable table tr td { padding: 5px; width: 50%; font-weight: 400; font-size: .9em; }
.pricingTable table tr td:nth-child(1) { text-indent: 10px; }
.pricingTable table tr td:nth-child(1n+2) { width: 193px; text-align: center; border-left: 1px solid #ccc; }
.pricingTable table tr th { color: #eee; background: #6FA088; font: 500 1.1em/1em Inter; padding: 15px 0; }
.pricingTable table tr.compareLabel, .pricingTable table tr:nth-child(odd).compareLabel  { width: 100%; background-color: #e3d8b7; border-top: 1px solid #ccc;  }
.pricingTable table tr.compareLabel td { font: 600 .9em/.9em Inter; padding: 10px; }
.pricingTable table tr:nth-child(odd) { background: #ffffff; }
.pricingTable td.yes { background: url(../images/pricing/pricingCheckOn.svg) 50% 50% no-repeat; background-size: 7%; }
.pricingTable td.no { background: url(../images/pricing/pricingCheckOff.svg) 50% 50% no-repeat; background-size: 6%; }
.pricingTable table tr td strong { color: #6FA088; }
.pricingTable table tr td.blank { background: #eee; }

#interiorContainer .body.pricing ul { list-style-type: none; margin: 0; padding: 0; font: 200 .9em/1em Inter; color: #fff; }
#interiorContainer .body.pricing ul li { padding: 4px 0;}
#interiorContainer .body.pricing ul li button { font-size: 1em; font-weight: 500; background: #D6832B; padding: 6px 12px; color: #fff; opacity: 1; border-radius: 6px; border: 1px solid #fff; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); }
#interiorContainer .body.pricing { width: 90%; }
#interiorContainer .body.pricing .pricingBoxes { margin: 0 auto 50px auto;  width: 1000px; }
#interiorContainer .body.pricing .green { color: #fff; background-color: #6FA088; }


#modalOfficePricing, #modalBusinessPricing, #modalCorporatePricing  { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0,); background-color: rgba(0,0,0,0.4); }

/* Pricing Modals */

.close { color: #333; float: right; font-size: 28px; font-weight: bold; }
.close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; }

#modalOfficePricing { display: hidden; }
.modalContent { position: relative; background-color: #fefefe; margin: 150px auto 0 auto; padding: 10px 20px; border: 3px solid #000; width: 75%; overflow: hidden; border-radius: 1.2vw; animation-name: animatetop; animation-duration: 0.3s; }
@keyframes animatetop { from {top: -300px; opacity: 0} to {top: 0; opacity: 1} }
.modalContent h1 { font-size: 2.5em; font-weight: 200; line-height: 1em; text-align: left; color: #D6832B; letter-spacing: -.05em; padding: 20px 0 0 0; margin: 0; }
.modalContent h1.content strong { color: #e3701e; font-weight: 400; }
.modalContent table { width: 100%; border: none; font-size: 1em; border-collapse: collapse; margin-bottom: 30px; }
.modalContent table tr th { background-color: #ced9d4; }
.modalContent table tr th.top { padding: 5px 0 2px 0; font-size: .8em; font-weight: normal; }
.modalContent table tr th.bottom { padding: 0 0 5px 0; font-weight: 600; }
.modalContent table tr td { padding: 5px; }
.modalContent table tr:nth-child(even) { background: #f2f2f2; }
.modalContent table tr:nth-child(odd) { background: #ffffff; }
.modalContent table tr td:nth-child(1) { text-indent: 20px; }
.modalContent table tr td:nth-child(1n+2) { width: 125px; text-align: center; }

.btnGreenTrialBuy { width: 225px; font-size: 1em; border: 2px solid #666; background: #6FA088; border-radius: .75vw 0; padding: 5px 10px; margin: 10px; float: right; box-shadow: 3px 3px 7px 2px #bbb; }
.btnGreenTrialBuy a { width: 225px; height: 40px; display: block; line-height: 40px; text-align: center; vertical-align: middle; font-size: 18px; font-weight: bold; color: #ffffff; }


p.callout { padding: 10px 40px; font: normal 22px/32px Arial, Helvetica, sans-serif; color: #4d4d4d; }
p.callout strong { color: #4d75b2; font-weight: bold; }
p.freeTrialIntro { font-size: .9166em; margin: 0 0 1.5em; padding: 0; }
strong.supportRed { color: #cb0d0d; font-weight: 600; }