/* Use Compass, CSS generated from base.scss */
/* Included Mix-Ins */
/* Grids */
/* Colors */
/* Typography */
/* Functions */
/* Mix-Ins */
/* MICRO CLEARFIX
 For modern browsers 1. The space content is one way to avoid an Opera bug when the contenteditable attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that are clearfixed. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. 3. For IE 6/7 only. Include this rule to trigger hasLayout and contain floats. */
body { font: 400 16px "proxima-nova", "Proxima Nova", Helvetica, Arial, sans-serif; color: #393433; background: #6D6E71; min-width: 320px; }
body.ie8 { min-width: 1024px; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

btn { display: block; }

a { cursor: pointer; }

.left { float: left !important; }

.right { float: right !important; }

.clear { clear: both !important; }

.tCenter { text-align: center; }

img.center { margin-left: auto; margin-right: auto; display: block; }

.tRight { text-align: right; }

.hide { display: none !important; }

strong { font-weight: bold; }

em { font-style: italic; }

.ul { text-decoration: underline; }

.block { display: block; }

.nwGreen { color: #61BF12 !important; }

.nwGray { color: #393433 !important; }

.nwOrange { color: #FBB03B !important; }

.drkGray { color: #6D6E71 !important; }

.stripedBG { background: url(../img/layout/bkgnd_greenstripe.png) repeat; }

.whiteBG { background: #FFF !important; }

/* revisit in future */
.noBottom { margin-bottom: 0 !important; }

.noTop { margin-top: 0 !important; }

.noLeft { margin-left: 0 !important; }

.noRight { margin-right: 0 !important; }

.halfBottom { margin-bottom: .5em !important; }

.doubleBottom { margin-bottom: 2em !important; }

.doubleMargin { margin: 2em 0 !important; }

.tripleMargin { margin: 3em 0 !important; }

.small { font-size: 14px !important; }

.overflow { overflow: auto; }

.noOverflow { overflow: hidden; }

.mobile, .phone-only { display: none !important; }

.shortline { width: 75%; }

img.full { max-width: 100%; }

.half { width: 50%; }
.half.graphic { float: left; text-align: center; }

ul.half { width: 100%; *zoom: 1; /* 3 */ }
ul.half:before, ul.half:after { content: " "; /* 1 */ display: table; /* 2 */ }
ul.half:after { clear: both; }
ul.half li { width: 48%; margin-right: 2%; float: left; }

.third { width: 33%; float: left; padding-right: 10px; }
.third img { max-width: 100%; }
.third figcaption { text-align: center; margin: 10px 0 20px; font: 300 1em "museo", Helvetica, Arial, sans-serif; color: #8A8C8E; }

.bullet { list-style-type: disc; margin: 20px; }

figcaption.rollover { visibility: hidden; }

figure:hover figcaption.rollover { visibility: visible; }

.caption { font: 300 1em "museo", Helvetica, Arial, sans-serif; color: #8A8C8E; }
.caption.lrg { margin: 30px 0; font-size: 1.375em; }

.bodycopy { font: 400 16px "proxima-nova", "Proxima Nova", Helvetica, Arial, sans-serif; color: #393433; }

figure img { max-width: 100%; }

figcaption.caption { margin: 15px 0; font-size: 1.375em; }

.oswald { font: 2.75em "OswaldLight", Helvetica, Arial, sans-serif; }

.framed { border: 8px solid white; box-shadow: 0 1px 5px #6D6E71; }

.circle { -moz-border-radius: 400px; -webkit-border-radius: 400px; border-radius: 400px; }

.ulheader { font: 300 0.9375em "museo", Helvetica, Arial, sans-serif; color: #6D6E71; font-style: italic; border-bottom: 1px solid #8A8C8E; margin-bottom: 2em !important; padding-bottom: 5px; overflow: hidden; }

.script { font-family: "LobsterTwoBold", Helvetica, Arial, sans-serif; }

a:link, a:visited { color: #26ABE0; }
a:hover, a:active { color: #177ba2; }

hr { border-width: 0 0 2px; border: 2px solid #BCDF98; margin: 15px auto; clear: both; }
hr.fifty { width: 50%; }
hr.quarter { width: 25%; margin-left: 0 !important; }
hr.skinny { border-width: 0 0 1px; margin: 10px auto; }
hr.spaced { margin: 20px auto; }
hr.orange { border-color: #FBB03B; }
hr.green { border-color: #61BF12; }
hr.gray { border-color: #CBCBCB; }
hr.striped { height: 15px; background: url(../img/layout/bkgnd_greenstripe.png) repeat; border-width: 1px 0 0; border-color: #CBCBCB; margin: 50px auto; }

.hr { border-bottom: 1px solid #CBCBCB; display: block; clear: both; width: 100%; margin: 15px auto; }

.hr_testimonial { clear: both; width: 85%; max-width: 869px; margin: 25px auto; display: block; }

h1, h2, h3, h4, h5, h6, .h1, .h2 { margin: 20px 0; }

h1, .h1 { font: 600 2.125em "proxima-nova-condensed", "Proxima Nova Condensed", "Helvetica Condensed Bold", Helvetica, "Arial Black", Arial, sans-serif; }
h1.script, .h1.script { font-size: 3.5em; margin-bottom: 0; }

h2, .h2, .faq dt, blockquote span { font: 300 1.375em "proxima-nova", "Proxima Nova", Helvetica, Arial, sans-serif; color: #6D6E71; }

h2.bb, .h2.bb { border-bottom: 1px solid #CBCBCB; padding-bottom: 5px; }

h3 { font-size: 1.0625em; }

h3, h4, h5, h6 { font-weight: 300; color: #8A8C8E; font-style: italic; }

.h1, .h2 { display: block; }

.h1 { color: #393433; }

hgroup { margin-bottom: 2em; }
hgroup img.left { margin-right: 1.66667%; }
hgroup img.right { margin-left: 1.66667%; }
hgroup h1, hgroup h2, hgroup h3, hgroup h4, hgroup h5, hgroup .h1, hgroup .h2 { margin: 0; }
hgroup.altHeader.spaced h1 { margin-bottom: 15px; }
hgroup.altHeader h2, hgroup.altHeader .h2 { font-size: 1.1875em; font-weight: 300; color: #6D6E71; }
hgroup.super { display: block; *display: inline; zoom: 1; padding-right: 15px; border-bottom: 2px solid #BCDF98; }
hgroup.super h1 { text-transform: uppercase; }
hgroup.super h2 { margin-bottom: 15px; }

.altHeader h1, .altHeader .h1, h1.altHeader, h2.altHeader { font: 300 1.375em "proxima-nova", "Proxima Nova", Helvetica, Arial, sans-serif !important; color: #61BF12; text-transform: uppercase; }

.faq, blockquote { width: 47.57576%; }

dt { margin: 20px 0; border-bottom: 2px solid #BCDF98; padding-bottom: 5px; }

dd { margin-bottom: 50px; }

blockquote { margin-bottom: 50px; float: left; }
blockquote:nth-of-type(even) { margin-left: 4.84848%; }
blockquote:nth-of-type(odd) { clear: left; }
blockquote .quote { display: block; margin: 15px 0; border-bottom: 2px solid #BCDF98; padding-bottom: 15px; font-size: 1.125em; }
blockquote footer { color: #8A8C8E; line-height: 1.5em; }
blockquote img { max-width: 100%; }
blockquote.thumbnail img { width: 25%; float: left; margin-right: 15px; -moz-border-radius: 200px; -webkit-border-radius: 200px; border-radius: 200px; }
blockquote.thumbnail .quote { *zoom: 1; /* 3 */ }
blockquote.thumbnail .quote:before, blockquote.thumbnail .quote:after { content: " "; /* 1 */ display: table; /* 2 */ }
blockquote.thumbnail .quote:after { clear: both; }
blockquote.thumbnail .quote div { overflow: auto; }
blockquote.thumbnail footer { clear: left; text-align: right; }

.address { display: inline-block; *display: inline; zoom: 1; width: 22%; margin: 0 3% 20px 0; }
.address h2 { margin: 15px 0 8px; border-bottom: 2px solid #BCDF98; padding-bottom: 5px; font: 600 1.125em "proxima-nova-condensed", "Proxima Nova Condensed", "Helvetica Condensed Bold", Helvetica, "Arial Black", Arial, sans-serif; width: 90%; }
.address address { color: #8A8C8E; line-height: 1.5em; font-style: 90%; }
.address address, .address a { font-style: italic; }

.styledQuote { font: 300 1.375em "proxima-nova", "Proxima Nova", Helvetica, Arial, sans-serif; color: #6D6E71; line-height: 30px; }
.styledQuote .quo { margin-left: 25px; }
.styledQuote .mark { color: #61BF12; font: 600 1.63636em "proxima-nova-condensed", "Proxima Nova Condensed", "Helvetica Condensed Bold", Helvetica, "Arial Black", Arial, sans-serif; position: relative; top: 5px; line-height: 23px; }
.styledQuote .mark.left { top: 5px; }

.styledQuote2 { float: none; margin: 60px 0; text-align: right; width: 100%; max-width: 650px; }
.styledQuote2 .quo { font: italic 300 1.1875em "proxima-nova", "Proxima Nova", Helvetica, Arial, sans-serif; line-height: 1.5em; color: #8A8C8E; margin-left: 55px; position: relative; }
.styledQuote2 .quo:before { color: #E4E1DE; content: '\201C'; font: 300 5.90909em "proxima-nova", "Proxima Nova", Helvetica, Arial, sans-serif; position: absolute; top: 25px; left: -40px; line-height: 19px; }
.styledQuote2.tLeft .quo { text-align: left; }
.styledQuote2.tLeft .quo:before { left: -55px; }
.styledQuote2.center { margin-left: auto; margin-right: auto; position: relative; left: -28px; }
.styledQuote2 .source { color: #6D6E71; margin-top: 15px; }

.reports blockquote { width: 100%; margin: 30px 0 40px; float: none; }
.reports blockquote .quote { font-size: 1em; color: #393433; font-weight: 500; }

.loc { line-height: 32px; display: block; font-size: 1.1875em; color: #FBB03B; }
.loc span { background: url("../img/misc/icon_location.png") no-repeat; height: 29px; width: 29px; margin-right: 10px; display: block; float: left; }

.wrapper:not(.home) .content > :first-child h1, .content > h1:first-child { margin-top: 0; }

.wrapper { background: #FFF; max-width: 1440px; width: 100%; min-height: 100%; margin: 0 auto; background: #FFF; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.5); position: relative; }

.topbar { background: url("../img/layout/bkgnd_graydots.png") repeat; overflow: hidden; line-height: 100%; padding: 4px 1.66667%; height: 45px; }
.topbar * { float: left; }
.topbar .toggles { font-family: "museo", Helvetica, Arial, sans-serif; display: block; margin-top: -5px; -moz-box-shadow: 0 0 15px #8A8C8E; -webkit-box-shadow: 0 0 15px #8A8C8E; box-shadow: 0 0 15px #8A8C8E; }
.topbar .toggles a { display: block; line-height: 35px; text-decoration: none; color: #6D6E71; background: #eee; padding: 5px 20px 6px; text-align: center; -moz-box-shadow: inset 0 0 10px #e0e1db; -webkit-box-shadow: inset 0 0 10px #e0e1db; box-shadow: inset 0 0 10px #e0e1db; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; }
.topbar .toggles a:hover { background: #fff; -moz-box-shadow: inset 0 0 10px #DDD; -webkit-box-shadow: inset 0 0 10px #DDD; box-shadow: inset 0 0 10px #DDD; }
.topbar .toggles a.selected { background: #FFF; box-shadow: none; position: relative; z-index: 10; color: #393433; font-weight: bold; }
.topbar form, .topbar .portal, .topbar .order { margin-right: 10px; /*.login {
	font-size: 1em;
	padding: calc-em(6,$textSize) calc-em(10,$textSize);
	margin-top: 2px;
}*/ }
.topbar form *, .topbar .portal *, .topbar .order * { margin-left: 6px; }

.navwrap { min-height: 62px; border-top: 5px solid #8A8C8E; position: relative; top: -5px; padding: 15px 1.66667% 15px 1.18056%; -moz-box-shadow: 0 3px 8px #CBCBCB; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.07988); }
.navwrap .logo { width: 17.01389%; height: auto; min-width: 170px; margin-top: 5px; }
.navwrap.noToggles { top: 0; margin-bottom: 5px; }
.navwrap.noToggles .button { padding: .3em .9em; }

#menu { position: absolute; font-weight: 300; height: 100%; right: 1.66667%; font-size: 1.125em; }
#menu ul { height: 100%; display: table; }
#menu ul li { display: table-cell; vertical-align: middle; height: 100%; padding-right: 2.5em; }
#menu ul li a:not(.button) { text-decoration: none; color: #393433; }
#menu ul li a:not(.button):hover { color: #8A8C8E; }
#menu ul li a:not(.button).selected { color: #61BF12; }
#menu ul li a.caption { color: #26ABE0; text-decoration: underline; }
#menu ul li a.caption:hover { color: #177ba2; }
#menu ul li.home { margin-left: 0; }
#menu ul li.home a { background: url("../img/layout/sprite_homeicon.png") no-repeat; background-position: top left; display: block; height: 35px; width: 36px; }
#menu ul li.home a:hover { background-position: top right; }

.main { margin: -5px auto 0; width: 100%; position: relative; *zoom: 1; /* 3 */ }
.main:before, .main:after { content: " "; /* 1 */ display: table; /* 2 */ }
.main:after { clear: both; }
.main.noToggles { margin-top: -5px; }

.sidebar { background: #fff; padding-top: 72px; float: left; width: 16.38889%; max-width: 236px; min-width: 160px; }
.sidebar.fixed { position: fixed !important; top: 0; }
.sidebar.pagetitle, .sidebar .pagetitle { position: relative; margin-bottom: 25px; }
.sidebar .indicator { font-size: 1.375em; border-bottom: 2px solid #FBB03B; width: 16.94915%; display: block; float: left; bottom: 0; position: absolute; }
.sidebar h1 { border-bottom: 1px solid #CBCBCB; margin: 0 0 0 16.94915%; padding: 0 0 1px 5.08475%; font: 300 1.375em "proxima-nova", "Proxima Nova", Helvetica, Arial, sans-serif; }
.sidebar ul { clear: both; margin: 0 10.16949% 30px 33.05085%; }
.sidebar ul li { margin-bottom: 20px; }
.sidebar ul li a { padding-bottom: 3px; display: inline-block; *display: inline; zoom: 1; }
.sidebar ul li a:link, .sidebar ul li a:visited { color: #8A8C8E; text-decoration: none; }
.sidebar ul li a:hover, .sidebar ul li a:active { color: #393433; }
.sidebar ul li a.selected { border-bottom: 2px solid #FBB03B; color: #393433; }
.sidebar .signup.button, .sidebar .order.button { clear: both; margin: 0 10.16949% 15px 20.33898%; }
.sidebar .withNav { margin-left: 32% !important; }
.sidebar .caption.small { font-size: 0.8125em !important; }

.home .content { width: 100%; margin: 36px 0 0; float: 0; padding: 0; }

.content { width: 72.08333%; padding: 1.66667%; float: right; margin-top: 36px; margin-right: 9.86111%; }
.content.full { width: 63.88889%; float: none; margin: 36px auto 0; }
.content.full.wide { width: 80.27778%; }
.content.full.widest { width: 96.66667%; }
.content.full.enterprise { width: 100%; margin: 0 0 -36px; padding: 2em 3.33333%; }

/* Form Elements & Buttons */
.formheader { margin-top: 70px; width: 100%; }
.formheader li { font: 1.6875em "proxima-nova-condensed", "Proxima Nova Condensed", "Helvetica Condensed Bold", Helvetica, "Arial Black", Arial, sans-serif; background: #61BF12; color: #FFF; display: block; float: left; padding: 10px 0; border-left: 2px solid #FFF; width: 6%; }
.formheader li:first-child { border-left: none; }
.formheader li span { font: 0.81481em "museo", Helvetica, Arial, sans-serif; margin-left: 10px; }
.formheader li.complete, .formheader li.incomplete { text-align: center; }
.formheader li.complete span, .formheader li.incomplete span { display: none; }
.formheader li.complete { background: #BCDF98; }
.formheader li.incomplete { background: #CBCBCB; color: #8A8C8E; }
.formheader li.current { width: 82%; padding: 10px 20px; }
.formheader.twostep li { width: 50%; }
.formheader.twostep li.current, .formheader.twostep li.complete, .formheader.twostep li.incomplete { text-align: center; }
.formheader.twostep li.current span, .formheader.twostep li.complete span, .formheader.twostep li.incomplete span { display: inline; }

form h2 { color: #61BF12; font-size: 1.25em; }

form p.label { color: #61BF12; font-size: 1em; font-weight: 300; }

form p.caption { color: #393433; }

.input, textarea, .button, button { border: none; outline: none; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }

p.error { font: 300 0.875em "museo", Helvetica, Arial, sans-serif; color: #F66; margin: -10px 5px 0 5px; }

label.error, .select.error { border-color: #F66 !important; }
label.error span, .select.error span { color: #F66 !important; }
label.error span.activeText, .select.error span.activeText { color: #393433 !important; }

li.error { color: #F66; font-weight: 600; }

/* Styled Checkboxes */
.has-js label.check, .has-js label.radio { min-height: 36px; display: block; background: url("/img/layout/sprite_formelements.png") no-repeat; }
.has-js label.check:focus, .has-js label.radio:focus { background-color: blue; }
.has-js label.check .name, .has-js label.radio .name { top: 8px; float: left; position: relative; margin-bottom: 15px; }
.has-js label.check input[type=checkbox], .has-js label.check input[type=radio], .has-js label.radio input[type=checkbox], .has-js label.radio input[type=radio] { position: absolute; left: -999em; }

.has-js label.check { background-position: 0 0; padding: 0 31px; }

.has-js label.c_on { background-position: 0 -140px; }

.has-js label.radio { background-position: 0 -280px; padding: 0 26px; float: left; width: 50%; }

.has-js label.r_on { background-position: 0 -420px; }

.radioGroup { margin-bottom: 15px; *zoom: 1; /* 3 */ }
.radioGroup:before, .radioGroup:after { content: " "; /* 1 */ display: table; /* 2 */ }
.radioGroup:after { clear: both; }
.radioGroup .radio { width: 50%; float: left; }

.hasColumns label.input, .hasColumns .input.select { display: block; margin-bottom: 15px; width: 100%; }

label.radio, label.check { cursor: pointer; }

.input.select { position: relative; clear: left; width: 100%; }
.input.select select { -webkit-appearance: button; width: 100%; height: 100%; position: relative; z-index: 10; opacity: 0; -khtml-appearance: none; }
.input.select .selectWrap { position: absolute; padding: 0 !important; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; }
.input.select .selectWrap .activeText { color: #393433; font-style: normal; }
.input.select.lrg .selectWrap { background: url(/img/layout/lrgselect.png) no-repeat right center; }

label.input, .input.select { background: #FFF; font-family: inherit; font-weight: 300; color: #CBCBCB; border: 1px solid #CBCBCB; display: inline-block; *display: inline; zoom: 1; height: 32px; /*@include box-shadow(inset 0 0 5px $lgtGray);*/ }
label.input span, .input.select span { position: absolute; padding: 0 8px; margin-left: 0; color: #999; font-style: italic; line-height: 32px; }
label.input input, label.input textarea, .input.select input, .input.select textarea { width: 100%; position: relative; margin: 0; padding: 2px 8px; font: inherit; line-height: 1.75em; background: transparent; border: 0; }
label.input.textarea, .input.select.textarea { height: auto; }
label.input.textarea.labeled, .input.select.textarea.labeled { min-height: 116px; min-width: 340px; }
label.input.textarea.labeled textarea, .input.select.textarea.labeled textarea { min-height: 176px; }
label.input.textarea span, .input.select.textarea span { line-height: 22px; padding: 13px 17px; }
label.input textarea, .input.select textarea { line-height: 1.375em; margin-bottom: -5px; max-width: 100%; height: 80px; padding: 13px 17px; }
label.input.lrg, .input.select.lrg { height: 49px; font-size: 1.0625em; }
label.input.lrg span, .input.select.lrg span { line-height: 49px; padding: 0 15px; }
label.input.lrg input, label.input.lrg textarea, .input.select.lrg input, .input.select.lrg textarea { padding: 10px 15px; }

.stepform { border: 1px solid #CBCBCB; border-width: 0 1px 1px; overflow: auto; /*TODO: clearfix? */ width: 100%; padding: 1.66667%; margin-bottom: 15px; }
.stepform .rSide { float: right; width: 50%; }
.stepform .rSide img { max-width: 100%; }
.stepform .lSide { float: left; width: 45%; overflow: hidden; position: relative; }
.stepform .signupGraphic { width: 50%; margin-left: 20px; margin-top: 43px; text-align: center; float: right; }
.stepform .signupGraphic img { max-width: 100%; }

.busy_spinner { margin: 35px 34px 15px; display: none; }

#reseller_signup { width: 500%; }
#reseller_signup .step { float: left; width: 20%; padding: 5px; }

#account_signup { width: 300%; }
#account_signup .step { float: left; width: 33.3333%; padding: 5px; }

form.signup { position: relative; }
form.signup .city { width: 48%; float: left; margin-right: 2%; }
form.signup .state { width: 20%; float: left; margin-right: 2%; }
form.signup .zip { width: 28%; float: left; }

.signupheader { *zoom: 1; /* 3 */ }
.signupheader:before, .signupheader:after { content: " "; /* 1 */ display: table; /* 2 */ }
.signupheader:after { clear: both; }
.signupheader div.left { min-width: 400px; }
.signupheader div.left h1 { padding-top: 17px; }
.signupheader div.left img { float: left; margin-right: 15px; max-width: 100px; }
.signupheader .consumerLink { float: right; min-width: 320px; margin: 1.66667%; }
.signupheader .consumerLink img { float: left; margin-right: 15px; }
.signupheader .consumerLink h2 { font-style: italic; margin-bottom: 0; }

/* Modules */
.header, .overlay { position: relative; padding-bottom: 34%; height: 0; }
.header .stretch, .overlay .stretch { background: url("../img/layout/bkgnd_greenstripe.png") repeat; width: 100%; height: 100%; position: absolute; }
.header .stretch.empty, .overlay .stretch.empty { background: none; }
.header img.featured, .header .featured.video, .overlay img.featured, .overlay .featured.video { width: 61.2%; margin: 0 auto; display: block; max-height: 100%; height: 100%; }
.header img.featured.full, .header .featured.video.full, .overlay img.featured.full, .overlay .featured.video.full { min-height: 348px !important; width: 100%; max-width: 100%; }
.header .featured.video, .overlay .featured.video { position: relative; padding-bottom: 30%; padding-top: 30px; height: 0; min-height: 100%; overflow: hidden; }
.header .featured.video iframe, .overlay .featured.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.header .featured.text, .overlay .featured.text { width: 80.27778%; height: 100%; margin: 0 auto; }
.header .featured.text .featuredtitle, .overlay .featured.text .featuredtitle { font-size: 2.75em; text-transform: uppercase; margin-top: 0; }
.header .featured.text .featuredcover, .overlay .featured.text .featuredcover { width: 28.54671%; }
.header .featured.text .featuredcover img, .overlay .featured.text .featuredcover img { max-width: 100%; display: block; }
.header .featured.text .featuredcontent, .overlay .featured.text .featuredcontent { /*vertical-align: top;
padding-top: 15px;*/ padding-left: 4.15225%; }
.header .featured.text h2, .overlay .featured.text h2 { font-size: 1.5625em; }
.header .featured.text .description, .overlay .featured.text .description { color: #8A8C8E; font-size: 1.125em; max-width: 70.57357%; }
.header .featured.text .description p, .overlay .featured.text .description p { margin-bottom: 1em; }

.home .header, .overlay { padding-bottom: 36.8055556%; }
.home .header .stretch, .overlay .stretch { background: none; }
.home .header .stretch .featured, .overlay .stretch .featured { width: 100%; overflow: hidden; }
.home .header .stretch .featured img, .overlay .stretch .featured img { height: 100%; width: auto; }
.home .header .table, .overlay .table { height: 100%; width: 100%; }

.content .header { padding-bottom: 37%; margin-bottom: 40px; }
.content .header .stretch { background: url("../img/layout/bkgnd_greenstripe.png") repeat; }
.content .header img.featured, .content .header .featured.video { width: 65.89595%; margin: 0 auto; display: block; max-height: 100%; height: 100%; }
.content .header .featured.video { position: relative; padding-bottom: 28%; padding-top: 30px; height: 0; min-height: 100%; overflow: hidden; }
.content .header .featured.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.videoWrap { padding-bottom: 56.2%; width: 100%; position: relative; height: 0; }
.videoWrap iframe { position: absolute; width: 100%; height: 100%; }

.table { display: table; }

.cell { display: table-cell; vertical-align: middle; }

.overlay { z-index: 100 !important; width: 35%; right: 50px; position: absolute; top: 0; color: #FFF; }
.overlay .copy { text-shadow: 0px 0px 6px #000; }
.overlay .copy h1 { text-transform: none; font-size: 2.25em; margin-bottom: 3px; }
.overlay .copy p { font-weight: 400; font-size: 1.125em; }
.overlay .copy .video { margin: 15px 0; display: block; font-weight: 300; text-shadow: 1px 1px 2px #000; text-decoration: none; color: #26ABE0; font-size: 0.875em; *zoom: 1; /* 3 */ }
.overlay .copy .video:before, .overlay .copy .video:after { content: " "; /* 1 */ display: table; /* 2 */ }
.overlay .copy .video:after { clear: both; }
.overlay .copy .video img { border: 2px solid #FFF; }
.overlay .copy .video span { display: block; margin-right: 10px; float: left; }
.overlay .copy .video span.alt { margin-top: 20px; font-family: "museo", Helvetica, Arial, sans-serif; font-size: 1.14286em; }
.overlay .copy .video span.alt span { color: #FFF; float: none; margin-bottom: 4px; }
.overlay .copy .video:hover { text-decoration: underline; }
.overlay .copy .button { padding-top: 0; padding-bottom: 0; height: 40px; line-height: 40px; }
.overlay .copy .testimonialLink { display: block; text-align: right; font: 300 1em "museo", Helvetica, Arial, sans-serif; color: #8A8C8E; margin: 35px; font-size: 1em; }
.overlay .copy .testimonialLink a { color: #FFF; }

.overlay.centered { width: 50%; padding-bottom: 34%; right: 25%; text-align: center; font-size: 1.4em; }
.overlay.centered h2 { color: #FFF; font-weight: 400; }
.overlay.centered .cell { vertical-align: bottom; padding-bottom: 20px; }

/*.slidecontrol {
	width: 30px;

	a {
		background: url('../img/layout/sprite_slider.png') no-repeat;
		height: 59px;
		width: 30px;
		display: block;
	}

	&.L a {
		background-position: left top;

		&:hover {
			background-position: left bottom;
		}
	}

	&.R a {
		background-position: right top;

		&:hover {
			background-position: right bottom;
		}
	}
}*/
/*.callout {
	width: col(4);
	margin-left: gut();
	float: left;
}*/
.content p { margin-bottom: 15px; line-height: 1.375em; }

.content ul, .content dd, .content ol { line-height: 1.375em; }

/* Sections */
.normal { margin-bottom: 80px; }

.section { padding-top: 30px; border-bottom: 1px solid #CBCBCB; *zoom: 1; /* 3 */ }
.section:before, .section:after { content: " "; /* 1 */ display: table; /* 2 */ }
.section:after { clear: both; }
.section:first-child { padding-top: 0; }
.section hgroup { padding-top: 10px; }
.section .collapsible img { display: block; margin: 30px auto; }
.section .collapsible img.center { max-width: 100%; margin-left: auto; margin-right: auto; }
.section .collapsible img.right { margin-left: 30px; margin-top: 0; max-width: 50%; }
.section .collapsible img.left { margin-right: 30px; margin-top: 0; max-width: 50%; }
.section p { margin-left: 102px; margin-right: 51px; }

.thumblist.news article { max-width: 754px; min-width: 72.63969%; }
.thumblist.news article img { max-width: 100%; }
.thumblist.news article .logo { margin-bottom: 30px; }
.thumblist.news article div { margin-bottom: 80px; clear: left; }
.thumblist.news article div h4 { margin-top: 0; }
.thumblist hgroup, .thumblist h1, .thumblist h2 { clear: left; }
.thumblist hgroup { margin-bottom: 1.5em; }
.thumblist:not(.news) img { width: 19.07514%; display: block; float: left; margin-right: 2.31214%; margin-bottom: 15px; }
.thumblist:not(.news) img.shortbio { margin-bottom: 30px; }
.thumblist .bio { overflow: hidden; max-width: 566px; min-width: 54.52794%; margin-bottom: 30px; }

.photoThumbs figure { width: 14%; display: inline-block; margin-right: 1%; margin-bottom: 15px; position: relative; overflow: hidden; }
.photoThumbs figure img { border: 1px solid #cbcbcb; }
.photoThumbs figure .bw { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.photoThumbs figure:hover .bw { -webkit-filter: grayscale(100%); }
.photoThumbs figure .shade { top: 0; left: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; width: 100%; height: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; position: absolute; }
.photoThumbs figure:hover .shade { opacity: .90; }
.photoThumbs figure figcaption { height: 5em; position: absolute; left: 0; bottom: -20px; opacity: 0; color: #FFF; width: 100%; padding: .25em; font-style: italic; text-align: center; font-size: 14px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.photoThumbs figure figcaption h6 { font-style: normal; font-size: 18px; color: #FFF; font-weight: 600; margin-bottom: 0; margin-top: .25em; text-transform: uppercase; }
.photoThumbs figure:hover figcaption { opacity: 100; bottom: 20px; }
.photoThumbs figure figcaption a { font-style: normal; }

#timelineSlider { width: 90%; margin: 0 auto; position: relative; *zoom: 1; /* 3 */ }
#timelineSlider:before, #timelineSlider:after { content: " "; /* 1 */ display: table; /* 2 */ }
#timelineSlider:after { clear: both; }
#timelineSlider .timelineSlide { max-width: 100%; float: left; *zoom: 1; /* 3 */ }
#timelineSlider .timelineSlide:before, #timelineSlider .timelineSlide:after { content: " "; /* 1 */ display: table; /* 2 */ }
#timelineSlider .timelineSlide:after { clear: both; }
#timelineSlider .h2 { background: url("/img/layout/bkgnd_timeline-horizontal.png") repeat-x; margin-bottom: .25em; *zoom: 1; /* 3 */ }
#timelineSlider .h2:before, #timelineSlider .h2:after { content: " "; /* 1 */ display: table; /* 2 */ }
#timelineSlider .h2:after { clear: both; }
#timelineSlider .h2 .bullet { background: url("/img/layout/bullet_timeline.png") no-repeat; display: block; float: left; width: 12px; height: 12px; margin: 7px 20px 0; }
#timelineSlider .h2 .pubdate { display: block; float: left; background: #FFF; padding: 0 8px; }
#timelineSlider .h2 .publication { display: block; float: left; background: #FFF; color: #6D6E71; font-family: "proxima-nova-condensed", "Proxima Nova Condensed", "Helvetica Condensed Bold", Helvetica, "Arial Black", Arial, sans-serif; padding: 0 8px 0 4px; }
#timelineSlider .article { margin: 0 60px; *zoom: 1; /* 3 */ }
#timelineSlider .article:before, #timelineSlider .article:after { content: " "; /* 1 */ display: table; /* 2 */ }
#timelineSlider .article:after { clear: both; }
#timelineSlider .article .image { float: left; width: 43%; text-align: center; margin-right: 4%; }
#timelineSlider .article .image img { display: block; margin: 0 auto; width: 100%; max-width: 100%; margin-bottom: 15px; }
#timelineSlider .article .copy { width: 52%; float: left; }
#timelineSlider a.prev, #timelineSlider a.next { background: url("../img/layout/sprite_textslider.png") no-repeat; display: block; height: 26px; width: 26px; top: 50%; position: absolute; }
#timelineSlider a.prev span, #timelineSlider a.next span { display: none; }
#timelineSlider a.prev { left: -5%; background-position: 0 0; }
#timelineSlider a.prev:hover { background-position: 0 -26px; }
#timelineSlider a.next { right: -5%; background-position: -26px 0; }
#timelineSlider a.next:hover { background-position: -26px -26px; }

.timeline { padding: 13px 0 13px 19px; background: url("/img/layout/bkgnd_timeline.png") repeat-y; }
.timeline li { list-style-image: url("/img/layout/bullet_timeline.png"); padding-bottom: 20px; padding-left: 10px; color: #8A8C8E; }
.timeline li:hover, .timeline li:active, .timeline li.selected { list-style-image: url("/img/layout/bullet_timelinehover.png"); }
.timeline li a { display: block; }
.timeline li .publication { color: #6D6E71; font: 600 1.125em "proxima-nova-condensed", "Proxima Nova Condensed", "Helvetica Condensed Bold", Helvetica, "Arial Black", Arial, sans-serif; margin-left: 5px; }
.timeline li:last-child { margin-bottom: 0; padding-bottom: 0; }

.pagination { text-align: center; margin-top: 30px; }
.pagination a { background: url("../img/layout/sprite_textsliderCircles.png") no-repeat; width: 7px; height: 7px; margin: 0 6px; display: inline-block; *display: inline; zoom: 1; }
.pagination a.selected { background-position: -7px 0; }
.pagination a span { display: none; }

.cover { width: 29.86513%; margin-left: 4.62428%; float: left; margin-bottom: 20px; }
.cover.newline { margin-left: 0; clear: left; }
.cover img { max-width: 100%; display: block; margin: 0 auto; }
.cover.bordered img { border: 1px solid #CBCBCB; }
.cover ul { margin: 10px 0; color: #8A8C8E; }
.cover ul li { margin-bottom: 10px; }
.cover.vertical { display: table; }
.cover.vertical .cell.img { text-align: right; width: 75%; }
.cover.vertical .cell.img img { margin: 0 20px 0; display: inline-block; max-width: 75%; }
.cover.vertical ul { display: table-cell; vertical-align: middle; width: 50%; padding-left: 5%; }

.media_logos .color-full { border-bottom: 1px solid #70C514; }
.media_logos .color-gray { border-bottom: 1px solid #D4D4D4; }
.media_logos .color-bw { border-bottom: 1px solid #4A4442; }

.brand-example { max-width: 58.2%; margin-right: 20px; display: block; float: left; }

.code-snippet { color: #8A8C8E; }

.color-table { color: #6D6E71; margin: 40px 0; width: 100%; }
.color-table td, .color-table th { padding: 5px 10px; }
.color-table th { font-weight: bold; color: #6D6E71; font-size: 0.9375em; margin: 15px 0; text-align: left; }
.color-table th.tCenter { padding: 15px 10px; }

.color-swatch.primary { height: 120px; width: 120px; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; }
.color-swatch.secondary { height: 70px; width: 70px; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; }
.color-swatch.nwGreen { background: #61BF12; }
.color-swatch.nwGray { background: #393433; }
.color-swatch.nwOrange { background: #FBB03B; }
.color-swatch.lgtGreen { background: #BCDF98; }
.color-swatch.altGreen { background: #61BF12; }
.color-swatch.drkGreen { background: #4A910D; }

/* Free Report Covers */
.covers { *zoom: 1; /* 3 */ }
.covers:before, .covers:after { content: " "; /* 1 */ display: table; /* 2 */ }
.covers:after { clear: both; }
.covers .reportcover { width: 33.33333%; margin-right: 6.52778%; float: left; }
.covers .reportinside { width: 57.17172%; float: left; }
.covers .reportinside h2 { margin-top: 0; }
.covers .reportinside h3 { margin-bottom: .75em; }
.covers .reportinside div { margin: 20px 0; }
.covers .reportinside .reportcover { width: 25%; margin-right: 15px; border: 1px solid #CBCBCB; display: block; float: left; margin-bottom: 20px; }
.covers .reportinside .button { margin-left: 15px; }

.numeric { margin: 50px 0; border: 0; }
.numeric .num { color: #CBCBCB; display: block; float: left; margin-right: 24px; line-height: 62px !important; width: 62px; height: 62px; text-align: center; border: 2px solid #CBCBCB; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; font: 600 2.125em "proxima-nova-condensed", "Proxima Nova Condensed", "Helvetica Condensed Bold", Helvetica, "Arial Black", Arial, sans-serif; }
.numeric .num.pad { padding-right: 3px; }
.numeric .collapsible { margin-left: 86px; max-width: 600px; }
.numeric .collapsible img { display: block; margin: 25px 0; }
.numeric .title .headers { padding-top: 12px; margin-bottom: 2em; }
.numeric .title .headers h1, .numeric .title .headers h2 { margin: 0; }
.numeric ul { list-style-type: disc; margin-left: 20px; margin-bottom: 30px; }
.numeric ul li { margin-bottom: 5px; }
.numeric.last { padding-bottom: 20px; border-bottom: 1px solid #CBCBCB; }

.card { position: relative; width: 50%; float: left; padding: 10px 3.33333%; margin: 25px 0; min-height: 500px; }
.card.newline { border-right: 2px dotted #8A8C8E; clear: left; }
.card .step { color: #CBCBCB; display: block; margin: 0 auto 40px; line-height: 76px !important; width: 80px; height: 80px; text-align: center; border: 2px solid #CBCBCB; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; font: 600 3.375em "proxima-nova-condensed", "Proxima Nova Condensed", "Helvetica Condensed Bold", Helvetica, "Arial Black", Arial, sans-serif; }
.card .step.pad { padding-right: 3px; }
.card img { max-width: 100%; }
.card .collapsible { padding-bottom: 25px; }

.instruction { font-weight: bold; color: #6D6E71; margin: 15px 0; }

.linkIcon { position: relative; top: 6px; margin-right: 10px; height: 26px; }

.learnmore { text-align: center; font: 300 1em "museo", Helvetica, Arial, sans-serif; position: absolute; bottom: 0; width: 75%; }
.learnmore a:link, .learnmore a:visited { text-decoration: none; }
.learnmore a:hover, .learnmore a:active { text-decoration: underline; }

.cta2 { width: 47.5%; margin-left: 1.66667%; float: left; margin-bottom: 40px; }
.cta2 img { max-width: 90%; margin: 0 auto; display: block; }
.cta2 h1, .cta2 h2 { text-align: center; }
.cta2 .caption { float: right; margin-right: 15%; }

.cta3 { background: #f2f2f2; -moz-box-shadow: inset 0 3px 8px #CBCBCB; -webkit-box-shadow: inset 0 3px 8px #CBCBCB; box-shadow: inset 0 3px 8px #CBCBCB; overflow: hidden; clear: left; height: 340px; }
.cta3 section { width: 31%; padding: 1.66667%; height: 100%; float: left; display: table; }
.cta3 section.ticker { width: 38%; border: 2px solid #fff; border-width: 0 2px; position: relative; }
.cta3 section.ticker img { width: 100%; margin: 0 auto; display: block; }
.cta3 .news { font-weight: 300; }
.cta3 .news .headline { display: table; margin-bottom: 25px; }
.cta3 .news .headline .date { display: table-cell; vertical-align: top; margin-right: 12px; }
.cta3 .news .headline h2 { display: table-cell; vertical-align: bottom; font-size: 1.25em; margin: 0 0 0 75px; color: #393433; }
.cta3 .news p { color: #8A8C8E; font-size: 1.125em; }
.cta3 .news p img { width: 210px; max-width: 100%; border: 2px solid #FFF; box-shadow: 0 1px 5px #8A8C8E; }
.cta3 .news p img.full { width: 75%; }
.cta3 .caption { float: right; }

.date { background: #FFF; border: 1px solid #CBCBCB; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #8A8C8E; display: inline-block; *display: inline; zoom: 1; text-align: center; padding: 5px 10px; }
.date .day { font: 600 2.5em "proxima-nova-condensed", "Proxima Nova Condensed", "Helvetica Condensed Bold", Helvetica, "Arial Black", Arial, sans-serif; display: block; }
.date .month { font-size: 1.25em; text-transform: uppercase; border-top: 1px solid #CBCBCB; padding-top: 3px; }

.tick { display: block; position: absolute; top: 0; width: 90%; font: 3.375em "OswaldLight", Helvetica, Arial, sans-serif; line-height: 326px; color: #FFF; text-align: center; margin: 0 auto; }
.tick span { color: #ddefcb; }

.testimonials { position: relative; }
.testimonials .controls { width: 89%; position: absolute; top: 35%; }
.testimonials .controls a { background: url("../img/layout/sprite_textslider.png") no-repeat; display: block; height: 26px; width: 26px; }
.testimonials .controls a.left { background-position: 0 0; }
.testimonials .controls a.left:hover { background-position: 0 -26px; }
.testimonials .controls a.right { background-position: -26px 0; }
.testimonials .controls a.right:hover { background-position: -26px -26px; }
.testimonials .testimonial { overflow: hidden; width: 82%; margin: 0 auto; }
.testimonials .testimonial .inner { width: 400%; font: italic 300 1.25em "proxima-nova", "Proxima Nova", Helvetica, Arial, sans-serif; position: relative; left: 0%; }
.testimonials .testimonial .inner li { float: left; padding: 0 10px; width: 25%; }
.testimonials .testimonial .inner li span { font-weight: normal; font-size: 16px; color: #8A8C8E; margin: 20px 0; display: block; }
.testimonials .testimonial .picker { text-align: center; }
.testimonials .testimonial .picker a { display: inline-block; *display: inline; zoom: 1; padding: 5px 2px; }
.testimonials .testimonial .picker a span { background: url("../img/layout/sprite_textsliderCircles.png") no-repeat; display: block; margin: 0 3px; width: 7px; height: 7px; }
.testimonials .testimonial .picker a.current span { background-position: -7px 0; }

#snapengage { position: absolute; right: 1.66667%; }

.footer { clear: both; width: 100%; background: #393433; margin-top: 36px; padding-bottom: 60px; color: #FFF; }
.footer .callout { background: url("../img/layout/bkgnd_darkstripe.png") repeat; width: 100%; text-align: center; display: block; /*&:link, &:visited {
	color: #FFF;
	text-decoration: none;
}

&:hover, &:active {
	color: $blue;
}*/ }
.footer .callout p { padding: 15px; }
.footer h6 { color: #fff; font-style: normal; font-size: 1.125em; margin: 0 0 8px; font-weight: 400; }
.footer .footernav { float: left; width: 63.88889%; margin: 30px 1.66667%; }
.footer .footernav .col { line-height: 1.25em; width: 23.04348%; margin-left: 2.6087%; float: left; }
.footer .footernav .col:first-child { margin-left: 0; }
.footer .footernav a:link, .footer .footernav a:visited { color: #8A8C8E; text-decoration: none; }
.footer .footernav a:hover, .footer .footernav a:active { color: #BCDF98; }
.footer .legal { padding: 0 1.66667%; clear: both; font-size: 0.8125em; line-height: 1.25em; }
.footer .legal p { margin-bottom: 7px; }

.home .footer { margin-top: 0; }

.social { float: right; width: 22.91667%; margin: 30px 1.66667%; }
.social li { float: left; margin: 0 0 10px 10px; }
.social li a { background: url("../img/layout/sprite_social.png") no-repeat; display: block; height: 44px; width: 44px; text-indent: -999em; position: relative; }
.social li a span { position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; transition: opacity .5s; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s; background: url("../img/layout/sprite_social.png") no-repeat; }
.social li a:hover span, .social li a:active span { opacity: 1; }
.social li a.fb { background-position: 0 -44px; }
.social li a.fb span { background-position: 0 0; }
.social li a.tw { background-position: -44px -44px; }
.social li a.tw span { background-position: -44px 0; }
.social li a.li { background-position: -88px -44px; }
.social li a.li span { background-position: -88px 0; }
.social li a.gp { background-position: -132px -44px; }
.social li a.gp span { background-position: -132px 0; }
.social li a.yt { background-position: -176px -44px; }
.social li a.yt span { background-position: -176px 0; }
.social li a.rss { background-position: -220px -44px; }
.social li a.rss span { background-position: -220px 0; }

.copy .appstore { display: block; float: left; margin-right: 5px; }

.button { display: inline-block; *display: inline; zoom: 1; cursor: pointer; padding: .55em 1em .45em; color: #FFF; font-family: "AsapBoldItalic", "Arial Black", Helvetica, Arial, sans-serif; text-decoration: none; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.36); font-size: 1em; }
.button:link, .button:visited, .button:hover, .button:active { color: #FFF; }
.button.med { font-size: 1.125em; }
.button.lrg { font-size: 1.3125em; padding: .6em 1.5em .4em; }
.button.xlrg { font-size: 2.5em; padding: .55em 1.5em .45em; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
.button.orange { background: #FBB03B; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3YzgzZSIvPjxzdG9wIG9mZnNldD0iMzglIiBzdG9wLWNvbG9yPSIjZjdiNDM2Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjZhMDJlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7c83e), color-stop(38%, #f7b436), color-stop(100%, #f6a02e)); background-image: -moz-linear-gradient(#f7c83e, #f7b436 38%, #f6a02e); background-image: -webkit-linear-gradient(#f7c83e, #f7b436 38%, #f6a02e); background-image: linear-gradient(#f7c83e, #f7b436 38%, #f6a02e); }
.button.orange:hover { background: #fabf47; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZDc2MSIvPjxzdG9wIG9mZnNldD0iMzglIiBzdG9wLWNvbG9yPSIjZmFiZjQ3Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmNhODJlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7d761), color-stop(38%, #fabf47), color-stop(100%, #fca82e)); background-image: -moz-linear-gradient(#f7d761, #fabf47 38%, #fca82e); background-image: -webkit-linear-gradient(#f7d761, #fabf47 38%, #fca82e); background-image: linear-gradient(#f7d761, #fabf47 38%, #fca82e); }
.button.green { background: #61BF12; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzZTc5OCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzYxYmYxMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b3e798), color-stop(100%, #61bf12)); background-image: -moz-linear-gradient(#b3e798, #61bf12); background-image: -webkit-linear-gradient(#b3e798, #61bf12); background-image: linear-gradient(#b3e798, #61bf12); }
.button.green:hover { background: #BCDF98; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MwZjBhOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY1YzcxMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c0f0a8), color-stop(100%, #65c713)); background-image: -moz-linear-gradient(#c0f0a8, #65c713); background-image: -webkit-linear-gradient(#c0f0a8, #65c713); background-image: linear-gradient(#c0f0a8, #65c713); }
.button.black { background: #000; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkNmU3MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6d6e71), color-stop(100%, #000000)); background-image: -moz-linear-gradient(#6d6e71, #000000); background-image: -webkit-linear-gradient(#6d6e71, #000000); background-image: linear-gradient(#6d6e71, #000000); }
.button.black:hover { background: #393433; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhhOGM4ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8a8c8e), color-stop(100%, #000000)); background-image: -moz-linear-gradient(#8a8c8e, #000000); background-image: -webkit-linear-gradient(#8a8c8e, #000000); background-image: linear-gradient(#8a8c8e, #000000); }
.button.gray { background: #8A8C8E; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjxzdG9wIG9mZnNldD0iMzglIiBzdG9wLWNvbG9yPSIjY2FjYmNjIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjNiM2IzIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(38%, #cacbcc), color-stop(100%, #b3b3b3)); background-image: -moz-linear-gradient(#e6e6e6, #cacbcc 38%, #b3b3b3); background-image: -webkit-linear-gradient(#e6e6e6, #cacbcc 38%, #b3b3b3); background-image: linear-gradient(#e6e6e6, #cacbcc 38%, #b3b3b3); }
.button.gray:hover { background: #CBCBCB; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjxzdG9wIG9mZnNldD0iMzglIiBzdG9wLWNvbG9yPSIjZDFkM2Q1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYmZiZmJmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(38%, #d1d3d5), color-stop(100%, #bfbfbf)); background-image: -moz-linear-gradient(#ededed, #d1d3d5 38%, #bfbfbf); background-image: -webkit-linear-gradient(#ededed, #d1d3d5 38%, #bfbfbf); background-image: linear-gradient(#ededed, #d1d3d5 38%, #bfbfbf); }

.button_cta { margin: 30px 0; text-align: center; }

.toTop { position: absolute; width: 100%; text-align: right; height: 36px; max-width: 1440px; z-index: 999; opacity: 0; }
.toTop.fixed { position: fixed !important; top: 0 !important; opacity: 1; }
.toTop a { background: #CBCBCB url("../img/layout/btn_toTop.png") no-repeat center center; display: inline-block; *display: inline; zoom: 1; height: 36px; width: 36px; margin-right: 3.33333%; position: relative; text-indent: -999em; transition: background .25s; -webkit-transition: background .25s; -moz-transition: background .25s; -o-transition: background .25s; }
.toTop a:hover { background: #8A8C8E url("../img/layout/btn_toTop.png") no-repeat center center; }

.navcontrol, .mobile { display: none; }

.noscript-warning, .browser-warning { background: #393433; color: #FFF; padding: 10px 6.52778%; width: 100%; font-weight: bold; text-align: center; }

.browser-warning { background: #FBB03B; font-weight: normal; border-bottom: 2px solid #393433; }
.browser-warning h2 { color: #393433; margin: 0 0 .5em; }
.browser-warning a { color: #393433; }

/* Contact */
.contactheader { width: 50%; float: left; margin-bottom: 50px; }
.contactheader img { max-width: 100%; }

.contactmethod { float: right; width: 40%; margin: 15px 0; }
.contactmethod li { float: left; width: 50%; text-align: center; }
.contactmethod a { display: block; text-decoration: none; }
.contactmethod a .contacticon { margin: 0 auto 10px; }
.contactmethod a .contacticon .hover { position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; transition: opacity .5s; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s; }
.contactmethod a:hover .contacticon .hover { opacity: 1; }

.contacticon { display: block; overflow: hidden; max-width: 100px; position: relative; }
.contacticon img { width: 400%; border: none; display: block; }
.contacticon.soloicon { width: 80px; height: 80px; }
.contacticon.form img.sprite { margin-left: 0%; }
.contacticon.call img.sprite { margin-left: -100%; }
.contacticon.form img.hover { margin-left: -200%; }
.contacticon.call img.hover { margin-left: -300%; }

.contact #form .column, label.half { width: 49% !important; }

.contact #call hgroup { margin-top: 43px; }

/* Features */
.features { height: 100%; font-weight: 600; width: 100%; *zoom: 1; /* 3 */ }
.features:before, .features:after { content: " "; /* 1 */ display: table; /* 2 */ }
.features:after { clear: both; }
.features li { float: left; display: table; width: 20%; text-align: center; height: 50%; position: relative; }
.features li:first-child, .features li.newline { clear: left; }
.features li a { display: block; display: table-cell; vertical-align: middle; height: 100%; width: 100%; text-align: center; color: #6D6E71; text-decoration: none; }
.features li a .feature { clear: left; display: block; }
.features li a:hover { color: #393433; }

.newfeat { position: absolute; display: block; z-index: 10; background: #26ABE0; color: white; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; box-shadow: 0px 0px 3px #6D6E71; text-align: center; height: 45px; width: 45px; -moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px; line-height: 47px; font-size: 0.875em; left: 15%; top: 15%; }
.content .newfeat { top: -10px; left: -10px; height: 35px; width: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; line-height: 37px; font-size: 0.75em; }

.featureicon { display: block; overflow: hidden; max-width: 120px; position: relative; }
.featureicon img { width: 2000%; border: none; display: block; }
.featureicon.floormap img.sprite { margin-left: 0%; }
.featureicon.sync img.sprite { margin-left: -100%; }
.featureicon.waitlist img.sprite { margin-left: -200%; }
.featureicon.training img.sprite { margin-left: -300%; }
.featureicon.customization img.sprite { margin-left: -400%; }
.featureicon.analytics img.sprite { margin-left: -500%; }
.featureicon.updates img.sprite { margin-left: -600%; }
.featureicon.notification img.sprite { margin-left: -700%; }
.featureicon.inbox img.sprite { margin-left: -800%; }
.featureicon.guestapp img.sprite { margin-left: -900%; }
.featureicon.floormap img.hover { margin-left: -1000%; }
.featureicon.sync img.hover { margin-left: -1100%; }
.featureicon.waitlist img.hover { margin-left: -1200%; }
.featureicon.training img.hover { margin-left: -1300%; }
.featureicon.customization img.hover { margin-left: -1400%; }
.featureicon.analytics img.hover { margin-left: -1500%; }
.featureicon.updates img.hover { margin-left: -1600%; }
.featureicon.notification img.hover { margin-left: -1700%; }
.featureicon.inbox img.hover { margin-left: -1800%; }
.featureicon.guestapp img.hover { margin-left: -1900%; }

.features a:hover img.hover, .features a.active img.hover { opacity: 1; }
.features .featureicon { width: 50%; height: auto; margin: 2px auto 20px; }
.features .featureicon img.hover { position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; transition: opacity .5s; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s; }

.features.more { margin: 25px 0; }
.features.more li { width: 25%; }

.section div.clickable { overflow: hidden; }
.section .collapsible .noLeft p { margin-left: 0 !important; }
.section#floormap ul.clickable { background: url("../img/features/floormap.jpg") no-repeat; width: 565px; height: 447px; margin: 0 0 0 40px !important; }
.section#floormap ul.clickable .viewchanger { top: 22px; left: 162px; }
.section#floormap ul.clickable .tablecombo { top: 96px; left: 377px; }
.section#floormap ul.clickable .progressbar { top: 268px; left: 332px; }
.section#waitlist ul.clickable { background: url("../img/features/overview.jpg") no-repeat; width: 507px; height: 447px; margin: 0 0 0 40px !important; }
.section#waitlist ul.clickable .statsheader { top: 52px; left: 116px; }
.section#waitlist ul.clickable .partydetails { top: 125px; left: 113px; }
.section#waitlist ul.clickable .onetouchnotify { top: 104px; left: 361px; }
.section#waitlist ul.clickable .type { top: 345px; left: 102px; }
.section#analytics ul.clickable { background: url("../img/features/analytics.jpg") no-repeat; width: 691px; height: 469px; margin: 20px -140px 0 0 !important; }
.section#analytics ul.clickable .totalusage { top: 7px; left: 92px; }
.section#analytics ul.clickable .removewalkout { top: 150px; left: 75px; }
.section#analytics ul.clickable .quoteaccuracy { top: 265px; left: 105px; }
.section#waitlist div.clickable { padding-top: 30px !important; }
.section#analytics div.clickable { padding-top: 53px !important; }
.section#guestapp .collapsible img.right { margin-right: 20px; }
.section#guestapp .collapsible div.noLeft { padding-top: 70px; }
.section#training p.noBottom { padding-top: 60px; }
.section#training .iframe { max-width: 45%; }
.section#training .iframe iframe { display: block; margin: 0 auto; max-width: 100%; }
.section#guest-updates .collapsible { position: relative; }
.section#guest-updates img.left.negRight { margin-right: -200px; }
.section#training img.left.noBottom { margin-top: 30px; }
.section .clickable { list-style-type: none; padding: 0 !important; position: relative; }
.section .clickable .none { display: none; }
.section .clickable p { margin-left: 0; margin-right: 0; }
.section .clickable h3 { cursor: pointer; }
.section .clickable h3.focused { font-weight: 600; color: #61BF12; margin-bottom: .5em; }
.section .clickable h3.focused::before { content: '\25BC'; font-size: 10pt; position: relative; bottom: 2px; margin-right: 10px; }
.section .clickable h3::before { content: '\25BA'; font-size: 8pt; position: relative; bottom: 1px; margin-right: 10px; }
.section .clickable li { padding: 10px 15px; color: #FFF; background: #000; background: rgba(0, 0, 0, 0.85); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; font-weight: 700; position: absolute; }
.section .clickable li::after { content: ""; position: absolute; left: 15px; bottom: -12px; /* value = - border-top-width - border-bottom-width */ border-width: 12px 12px 0; /* vary these values to change the angle of the vertex */ border-style: solid; border-color: rgba(0, 0, 0, 0.85) transparent; /* reduce the damage in FF3.0 */ display: block; width: 0; }

.exclusive { position: absolute; top: -192px; right: 0; max-width: 20%; }

.content .title { margin-bottom: 20px; clear: both; }
.content .title .featureicon { width: 82px; float: left; margin-right: 20px; }

/* Pricing */
.featurelist { width: 27.01389%; float: left; padding: 0 0 0 3.33333%; margin-bottom: 2.5em; }
.featurelist h2, .featurelist h3, .featurelist p { margin-bottom: 0; }
.featurelist h2 { margin-top: 0; }
.featurelist h3 { margin-top: 0; font-size: .875em; font-style: normal; font-weight: bold; color: #61BF12; text-transform: uppercase; line-height: 1; }
.featurelist p { font-size: .875em; }
.featurelist li { padding: .25em 0; }
.featurelist a.tRight { display: block; margin: 1em 0; }

a.caption.lrg.tCenter.button { clear: both; margin: 2em auto; width: 12em; text-align: center; display: block; padding: 1em; }
a.caption.lrg.tCenter.button.orange { color: #ffffff; }
a.caption.lrg.tCenter.button h4, a.caption.lrg.tCenter.button p { color: #ffffff; margin: 0; }
a.caption.lrg.tCenter.button h4 { font-size: 1.5em; }
a.caption.lrg.tCenter.button p { font-size: 1em; font-weight: normal; }

.pricingTable { *zoom: 1; /* 3 */ width: 72.08333%; float: left; font-size: 1em; }
.pricingTable:before, .pricingTable:after { content: " "; /* 1 */ display: table; /* 2 */ }
.pricingTable:after { clear: both; }
.pricingTable h2 { font-weight: bold; font-size: .875em; text-align: center; margin: 0 0 1em; text-transform: uppercase; }
.pricingTable h5 span { display: block; font-size: 1em; font-style: normal; text-transform: uppercase; font-weight: bold; }
.pricingTable h6 span { font-weight: bold; }
.pricingTable td { text-align: center; border-top: 2px solid #61BF12; }
.pricingTable td .price { display: block; font-size: 4em; line-height: 1; margin: 0; font-style: normal; font-weight: normal; }
.pricingTable td p { font-size: .75em; }
.pricingTable .tiers { padding: 1em; width: 25%; border-left: 1px solid #CBCBCB; background: #CBCBCB; }
.pricingTable .tiers.free { border-left: none; }
.pricingTable .tiers .parties { display: block; text-align: center; font-weight: 500; color: #393433; padding: 8px 15px; font-size: 1em; }
.pricingTable .tiers .parties span { font-weight: 300; font-size: 1.875em; display: inline-block; min-width: 70px; text-align: center; }
.pricingTable .tiers ul li { display: table; border-collapse: collapse; height: 60px; width: 100%; color: #8A8C8E; }
.pricingTable .tiers ul li:nth-child(odd) { background: #f6f6f6; }
.pricingTable .tiers ul li .cell { display: table-cell; vertical-align: middle; text-align: center; }
.pricingTable .tiers.free { background: #eeeeee; }
.pricingTable .tiers.basic { background: #eeeeee; }
.pricingTable .tiers.standard { background: #eeeeee; }
.pricingTable .tiers.premium { background: #eeeeee; }
.pricingTable .feat { width: 25%; border: none; }
.pricingTable .feat .parties { color: #8A8C8E; width: 100%; display: table; padding-right: 15px; border: none; }
.pricingTable .feat .parties span { font: 400 1em "proxima-nova", "Proxima Nova", Helvetica, Arial, sans-serif; width: 100%; text-align: right; display: table-cell; vertical-align: middle; }
.pricingTable .feat ul li { background: #FFF !important; }
.pricingTable .feat ul li .cell { text-align: right; padding-right: 15px; }

.enterprise { background: url(/img/pricing/enterprise-nowait.jpg) top center no-repeat #000; background-size: 100%; }
.enterprise h2 { text-align: center; color: #61BF12; font-size: 5em; margin-bottom: 1em; text-shadow: 0 0 .125em #000000; }
.enterprise h3 { text-align: center; color: #ffffff; font-size: 2em; text-shadow: 0 0 .125em #000000; margin-top: 3em; }
.enterprise h4 { font-weight: bold; margin-top: 0; margin-bottom: .5em; font-size: 1em; color: #BCDF98; font-style: normal; text-transform: uppercase; text-align: center; }
.enterprise .enterprise-features { width: 96.66667%; margin: 0 auto 2em; }
.enterprise .enterprise-features td { width: 25%; padding: 1em; color: #CBCBCB; }
.enterprise .enterprise-features td img { width: 50%; display: block; margin: 1em auto; }
.enterprise .enterprise-features td li { display: list-item; list-style-type: disc; margin-left: 1em; }
.enterprise .enterprise-features td li li { font-size: .875em; list-style-type: circle; }
.enterprise .enterprise-features td:last-child { margin-right: 0; }
.enterprise .enterprise-contact { margin: 1em auto; clear: both; text-align: center; color: #ffffff; text-transform: uppercase; }
.enterprise .enterprise-contact a { clear: both; text-align: center; color: #ffffff; text-decoration: none; margin-right: .5em; display: inline-block; text-transform: none; }
.enterprise .enterprise-contact span { font-weight: bold; background: url("/img/pricing/phone.svg") top left no-repeat; padding: 0 0 .75em 1.5em; background-size: 1.5em; margin: .5em; color: #61BF12; }

.partytype { margin: 40px 0; *zoom: 1; /* 3 */ }
.partytype:before, .partytype:after { content: " "; /* 1 */ display: table; /* 2 */ }
.partytype:after { clear: both; }
.partytype li { display: block; float: left; width: 30%; text-align: center; }

.typeicon { background: url("../img/how-it-works/sprite_partytypes.png") no-repeat; display: block; height: 63px; width: 63px; position: relative; margin: 0 auto 10px; }
.typeicon.walk { background-position: 0 0; }
.typeicon.call { background-position: -63px 0; }
.typeicon.resv { background-position: -126px 0; }

.hardware { display: block; padding: 1em 0; background: url("../img/layout/bkgnd_darkstripe.png") repeat; color: #ffffff; }
.hardware strong { font-weight: bold; }
.hardware p { margin: 0; }

.headerbox { border: 1px solid #CBCBCB; background: #FFF; }
.headerbox .th { background: #61BF12; color: #FFF; margin: 0; font: 300 1.3125em "museo", Helvetica, Arial, sans-serif; text-align: center; padding: 10px 5px; }
.headerbox .inner { padding: 3.33333%; *zoom: 1; /* 3 */ }
.headerbox .inner:before, .headerbox .inner:after { content: " "; /* 1 */ display: table; /* 2 */ }
.headerbox .inner:after { clear: both; }

.reseller .badge { margin-bottom: 20px; }

.cf { *zoom: 1; /* 3 */ }
.cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ }
.cf:after { clear: both; }

.no-opacity .features .featureicon img.hover { display: none; }
.no-opacity .features .featureicon:hover img.hover { display: block; }
.no-opacity .social li a span { display: none; }
.no-opacity .social li a:hover span { display: block; }

.no-textshadow .overlay .text { filter: DropShadow(Color=#000000, OffX=1, OffY=1); }
.no-textshadow .overlay .text .video { filter: none; }

.no-rgba .section ul.clickable li { background: #000; }
.no-rgba .section ul.clickable li::after { border-color: #000; }
.no-rgba .textExamples .example .figure .text { background-image: url("../img/misc/transBlack.png"); background-repeat: repeat; }

.no-boxshadow .topbar .toggles { border: 1px solid #CBCBCB; border-width: 0 1px; }
.no-boxshadow .topbar .toggles a:not(.selected):hover { background: #DDD; }
.no-boxshadow .navwrap { border-bottom: 1px solid #CBCBCB; }

#ki_container #ki_main { width: 291px !important; }

.touch .textExamples .example .restquo .text { padding: 0; }
.touch .textExamples .example .restquo .text .bubble { position: absolute; background: none; color: #FFF; bottom: 2px; font-size: 1.1em; font-weight: 300; }
.touch .textExamples .example .restquo .text .bubble:after { content: ''; }