/*! HTML5 Boilerplate v5.0.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* Resets */
/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}

/* fonts */
@font-face {
    font-family: 'proxima_nova_light';
    src: url('../fonts/ProximaNova-Light-webfont.eot');
    src: url('../fonts/ProximaNova-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ProximaNova-Light-webfont.woff') format('woff'),
         url('../fonts/ProximaNova-Light-webfont.ttf') format('truetype'),
         url('../fonts/ProximaNova-Light-webfont.svg#proxima_nova_ltlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novalight_italic';
    src: url('../fonts/ProximaNova-LightIt-webfont.eot');
    src: url('../fonts/ProximaNova-LightIt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ProximaNova-LightIt-webfont.woff') format('woff'),
         url('../fonts/ProximaNova-LightIt-webfont.ttf') format('truetype'),
         url('../fonts/ProximaNova-LightIt-webfont.svg#proxima_novalight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_regular';
    src: url('../fonts/ProximaNova-Reg-webfont.eot');
    src: url('../fonts/ProximaNova-Reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ProximaNova-Reg-webfont.woff') format('woff'),
         url('../fonts/ProximaNova-Reg-webfont.ttf') format('truetype'),
         url('../fonts/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novaregular_italic';
    src: url('../fonts/ProximaNova-RegIt-webfont.eot');
    src: url('../fonts/ProximaNova-RegIt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ProximaNova-RegIt-webfont.woff') format('woff'),
         url('../fonts/ProximaNova-RegIt-webfont.ttf') format('truetype'),
         url('../fonts/ProximaNova-RegIt-webfont.svg#proxima_novaregular_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_bold';
    src: url('../fonts/ProximaNova-Bold-webfont.eot');
    src: url('../fonts/ProximaNova-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ProximaNova-Bold-webfont.woff') format('woff'),
         url('../fonts/ProximaNova-Bold-webfont.ttf') format('truetype'),
         url('../fonts/ProximaNova-Bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novabold_italic';
    src: url('../fonts/ProximaNova-BoldIt-webfont.eot');
    src: url('../fonts/ProximaNova-BoldIt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ProximaNova-BoldIt-webfont.woff') format('woff'),
         url('../fonts/ProximaNova-BoldIt-webfont.ttf') format('truetype'),
         url('../fonts/ProximaNova-BoldIt-webfont.svg#proxima_novabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'amasis_mt_stdlight';
    src: url('../fonts/amasismtstd-light-webfont.eot');
    src: url('../fonts/amasismtstd-light-webfont.eot?iefix') format('eot'),
         url('../fonts/amasismtstd-light-webfont.woff') format('woff'),
         url('../fonts/amasismtstd-light-webfont.ttf') format('truetype'),
         url('../fonts/amasismtstd-light-webfont.svg#webfontEQIcu4Vv') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'amasis_mt_stdmedium';
    src: url('../fonts/amasismtstd-medium-webfont.eot');
    src: url('../fonts/amasismtstd-medium-webfont.eot?iefix') format('eot'),
         url('../fonts/amasismtstd-medium-webfont.woff') format('woff'),
         url('../fonts/amasismtstd-medium-webfont.ttf') format('truetype'),
         url('../fonts/amasismtstd-medium-webfont.svg#webfontEQIcu4Vv') format('svg');
    font-weight: normal;
    font-style: normal;
}
.proxima-light { font-family: 'proxima_nova_light'; }
.proxima-lightitalic { font-family: 'proxima_novalight_italic'; }
.proxima-regular { font-family: 'proxima_nova_regular'; }
.proxima-italic { font-family: 'proxima_novaregular_italic'; }
.proxima-bold { font-family: 'proxima_nova_bold'; }
.proxima-bolditalic { font-family: 'proxima_novabold_italic'; }
.script { font-family: 'Alex Brush', cursive; }

/* general */
body { font: normal 100% 'proxima_nova_regular'; width: 100%; text-align: center; color: #303030; }
a { text-decoration: none; color: #0069A6; }
.sbs-sc a { text-decoration: none; color: #008099; }
a:hover { text-decoration: underline; }
p { font-size: 16px; line-height:24px; margin: 0 0 24px 0; }
h1 { font: normal 44px 'proxima_nova_light'; line-height: 48px; margin: 0 0 30px 0; }
h1 em { font-family: 'proxima_novalight_italic'; }
h2 { font: normal 44px 'proxima_nova_light' ; line-height: 48px; margin: 0 0 30px 0; }
h3 { font: normal 16px 'proxima_nova_bold' ; line-height: 18px; margin: 0 0 4px 0; }
h1.no-margin, h2.no-margin, h3.no-margin, p.no-margin { margin-bottom: 0; }
th, td { font: normal 15px 'proxima_nova_regular'; }

ul.bullets, .article-body ul { }
ul.bullets li, .article-body ul li { background: url(../images/bullet-text.png) 0 6px no-repeat; padding: 0 0 0 13px; margin: 0 0 12px 0; }
body.article .article-body p + ul.related-articles {
  margin: 0 0 20px;
}
sub, sup { font-size: 75%; line-height: 0; position: relative;vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

p.note { font-size: 11px; line-height: 14px; margin: 0 0 8px 0; color: #808080; width: 700px; }

.lh18 { line-height: 18px !important; }
.lh28 { line-height: 28px !important; }
.lh42 { line-height: 42px !important; }
.lh50 { line-height: 50px !important; }

img.block { display: block; }

strong { font-family: 'proxima_nova_bold'; font-weight: normal; }
.proxima-italic strong, .proxima-bolditalic strong { font-family: 'proxima_novabold_italic'; }
em { font-family: 'proxima_novaregular_italic'; }
strong em, em strong { font-family: 'proxima_novabold_italic'; }

.text-center, .text-center-inherited, .text-center-inherited *, .section-wrap section.text-center { text-align: center; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.width700 { width: 700px; margin-right:auto; margin-left: auto; }

.white { color: #fff; }
.green { color: #22b322; }
.red { color: #d40f0f; }
.dk-gray { color: #303030; }
.mid-gray { color: #666; }

.size12 { font-size: 12px !important; }
.size14 { font-size: 14px !important; }
.size15 { font-size: 15px !important; }
.size16 { font-size: 16px !important; }
.size18 { font-size: 18px !important; }
.size20 { font-size: 20px !important; }
.size22 { font-size: 22px !important; }
.size24 { font-size: 24px !important; }
.size26 { font-size: 26px !important; }
.size28 { font-size: 28px !important; }
.size30 { font-size: 30px !important; }
.size32 { font-size: 32px !important; }
.size44 { font-size: 44px !important; }
.size48 { font-size: 48px !important; }

.centered-items { text-align: center; }

p + ul.checks { margin-top: -10px; }
ul.checks { }
ul.checks li { list-style: none; padding: 0 0 0 24px; line-height: 22px; margin: 0 0 14px 0; background: url(../images/bul_checkmark.png) 0 5px no-repeat; }

.txtExtr {visibility: hidden !important;position: absolute !important;bottom: 0;left: 0;}

/* global nav container */
.header-wrap { width: 100%; /*height: 130px;*/ }


/* RUN header nav area */
.sticky-wrap { width: 100%; min-width: 1090px; background: #efefef; }
.sticky-wrap nav { height: 70px; position: relative; width: 970px; margin: 0 auto; text-align: left; }
.sticky-wrap .run-logo { float: left; margin: 18px 27px 0 0; }
.sticky-wrap nav ul { float: left; margin: 25px 0 0 0; padding: 0; }
.sticky-wrap li { list-style: none; display: inline; font-size: 14px; margin: 0 25px 0 0; padding: 0 0 4px 0; cursor: pointer; }
.sticky-wrap li:last-child { margin-right: 0; }
.sticky-wrap li a { color: #303030; }
.sticky-wrap li a:hover { text-decoration: none; }
.sticky-wrap li.on { font-family: 'proxima_nova_bold'; border-bottom: 2px solid #303030; }
.sticky-wrap li:hover { border-bottom: 2px solid #303030; }
.sticky-wrap nav p { float: right; margin: 26px 0 0 0; font-size: 14px; }
.sticky-wrap nav p img { margin: 0 5px -2px 16px; }
.ie8 .sticky-wrap nav p { margin: 0; position: absolute; top: 26px; right: 0; }
/* .ie8 .sticky-wrap nav p img { margin-left: 10px !important; }*/
/* .ie8 .sticky-wrap nav p { float: left !important; margin-left: 0 !important; }*/
/* .ie8 .sticky-wrap nav ul, .ie8 .sticky-wrap nav p { display: inline !important; }*/
/* .ie8 .sticky-wrap nav { width: 980px !important; }*/

/* section backgrounds */
.bg-white { background-color: #ffffff; }
.bg-cyan { background-color: #a4ebfa; }
.bg-green { background-color: #a6f1a6; }
.bg-gray { background-color: #ebebeb; }
.bg-gradient-blue { background: #b4e5ff; background: -moz-linear-gradient(top,  #b4e5ff 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4e5ff), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top,  #b4e5ff 0%,#ffffff 100%); background: -o-linear-gradient(top,  #b4e5ff 0%,#ffffff 100%); background: -ms-linear-gradient(top,  #b4e5ff 0%,#ffffff 100%); background: linear-gradient(to bottom,  #b4e5ff 0%,#ffffff 100%); -pie-background: linear-gradient(top, #b4e5ff 0%, #ffffff 100%); }

/* buttons */
.btn { font-size: 16px; letter-spacing: 0.02em; font-weight: normal; display: inline-block; *display: inline; padding: 12px 24px; margin-bottom: 0; margin-right: 0; line-height: 14px; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; border: none; border-radius: 24px; background: #3ebede; -webkit-transition: all .15s linear; -moz-transition: all .15s linear; -o-transition: all .15s linear; transition: all .15s linear; position: relative; }
.btn:hover { text-decoration: none; }
.btn.btn-cyan { background: #3ebede; }
.btn.btn-cyan:hover { background: #29abcc; }
.btn.wide { width: 292px; }
.btn.btn-dk-cyan { background: #1da2bb; }
.btn.btn-dk-cyan:hover { background: #088ea6; }
.btn.btn-green { background: #22b322; }
.btn.btn-green:hover { background: #11a611; }
.btn.btn-dk-gray { background: #464646; }
.btn.btn-dk-gray:hover { background: #333333; }
.btn + .btn { margin-left: 20px; }

.head-btn { font-size: 14px; letter-spacing: 0.02em; font-weight: normal; display: inline-block; *display: inline; padding: 9px 18px; margin-top: -4px; margin-left: 16px; line-height: 12px; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; border: none; border-radius: 24px; background: #3ebede; -webkit-transition: all .15s linear; -moz-transition: all .15s linear; -o-transition: all .15s linear; transition: all .15s linear; position: relative; }
.head-btn:hover { text-decoration: none; background: #29abcc; }

/* hero area */
.hero-wrap { width: 100%; min-width: 1090px; text-align: center; background-size: cover; margin: 0 0 80px 0; }
.hero { margin: 0 auto; height: 530px; overflow: hidden; position: relative; width: 970px; text-align: left; }
.hero-text { position: absolute; top: 100px; left: 30px; background: url(../images/bkgd-hero-text.png) 0 0 repeat; padding: 60px 60px 50px 60px; }
.hero-text u { color: #000000; font-weight: normal; font-size: 10px; border-bottom: 1px solid #000; text-decoration:none; }
.hero-text h2 { font-size: 48px; line-height: 34px; font-family: 'proxima_nova_light'; margin: 0 0 25px 0; }
.hero-text h2 .script { font-size: 70px; line-height: 34px; }
.hero-text p { font-size: 26px; }
.hero-text h2.lh42 u, .hero-text h2.lh42 .script, .hero-text h2.lh50 u, .hero-text h2.lh50 .script { line-height: 18px !important; }

.hero-wrap.bg-image{background-repeat: no-repeat;background-position: center top;background-size: cover;     }
.bg-image.bg-image-centered {background-position: center bottom;background-repeat: no-repeat;background-size: cover;}

/* section container styles */
.section-wrap { width: 100%; min-width: 1090px; text-align: center; /*margin: 0 0 80px 0;*/ padding: 0; position: relative; }
.section-wrap.pad-top-40 { padding-top: 40px; }
.section-wrap.pad-top-50 { padding-top: 50px; }
.section-wrap.pad-top-60 { padding-top: 60px; }
.section-wrap.pad-top-80 { padding-top: 80px; }
.section-wrap.pad-top-100 { padding-top: 100px; }
.section-wrap.pad-top-120 { padding-top: 120px; }
.section-wrap.pad-btm-40 { padding-bottom: 40px; }
.section-wrap.pad-btm-50 { padding-bottom: 50px; }
.section-wrap.pad-btm-60 { padding-bottom: 60px; }
.section-wrap.pad-btm-80 { padding-bottom: 80px; }
.section-wrap.pad-btm-100 { padding-bottom: 100px; }
.section-wrap.pad-btm-120 { padding-bottom: 120px; }
.section-wrap section { margin: 0 auto; text-align: left; position: relative; }
.width910 { width: 910px; }
.width970 { width: 970px; }
.section-wrap.has-point { background: #a4ebfa url(../images/bkgd_point-white.png) top center no-repeat; background-size: 100% 92px; padding-top: 150px; }
.ie8 .section-wrap.has-point { -ms-behavior: url(js/backgroundsize.min.htc); }
.section-wrap.border-bottom { border-bottom: 1px solid #d7d7d7; }

/* three column modules */
.three-column .col, .cols-3 { width: 230px; display: inline-block; margin: 40px 50px 0 0; }
.three-column .col:last-child, .cols-3:last-child { margin-right: 0; }
.three-column .col p, .cols-3 p { font-size: 14px; line-height: 18px; }


/* two column modules */
.width425 { width: 425px; float: left; display: inline; margin: 0; }
.width425 + .width425 { margin: 0 0 0 60px; }

.text-left { width: 455px; float: left; display: inline; margin: 0 60px 0 0; position: relative; }
.content-right { width: 455px; float: left; display: inline; position: relative; }
.content-right.pad-top-50 { padding-top: 50px; }

/* circular callout styles */
.callout-base { border-radius: 50%; background: #c80850; position: relative; z-index: 1; padding: 0; margin: 0; line-height: 17px; }
.width180 { width: 180px; height: 180px; }
.width230 { width: 230px; height: 230px; }
.callout-base p { color: #fff; font-family: 'proxima_nova_bold'; font-size: 16px; line-height: 22px; display: table-cell; text-align: center; vertical-align: middle; line-height: 19px; padding: 10px; }
.callout-base.width180 p { width: 160px; height: 160px; }
.callout-base.width230.bottom-right { position: absolute; bottom: -10px; right: -5px; }
.callout-base.width230 p { padding: 30px; width: 170px; height: 170px; }
.callout-base.blue { background: #086274; }

/* mini testimonial */
.mini-testimonial { margin: 40px 0 0 0; }
.mini-testimonial img { float: left; margin: 0 15px 0 0; }
.mini-testimonial p { overflow: hidden; line-height: 22px; }
.mini-testimonial p strong { font-size: 17px; }

/* guidebooks section */
section.guidebooks { height: 333px; padding: 80px 0 0 0; text-align: center; }
.guidebooks h2 { margin-bottom: 70px; }
.guidebooks.display-2 { }
.guidebook-item { width: 590px; margin-left: 170px; }
.guidebook-item img { float: left; margin: 0 20px 0 0; }
.guidebook-item .guide-text { float: left; text-align: left; display: inline-block; width: 395px; }
.guidebook-item h3 { font-size: 18px; }
.guidebook-item p { font-size: 14px; line-height: 20px; margin: 0 0 14px 0; }
.guidebook-item h3, .guidebook-item p { color: #fff; }
.guidebook-item a { color: #fff; }
.guidebooks.display-2 .guidebook-item { float: left; display: inline-block; margin-left: 0; margin-right: 60px; width: auto; }
.guidebooks.display-2 .guidebook-item:last-child { margin-right: 0; }
.guidebooks.display-2 .guide-text { width: 245px;  }

/* guidebooks download page */
section.guidebooks-hero { height:172px; padding-top: 128px; }
.guidebooks-series { border-top: 1px solid #ccc; }
.guidebooks-series h2 {text-align: center;}
.guidebooks-series ul {margin: 0;padding: 0;width: 100%;}
.guidebooks-series ul li {display: block;float: left;margin: 0 29px 0 0;width:160px;}
.guidebooks-series ul li:last-child {margin-right: 0;}
.guidebooks-series ul li img {display: block;margin-bottom: 10px;width: 100%;}
.series-item { width: 160px; float: left; margin: 0 27px 0 0; }
.series-item:last-child { margin-right: 0; }
.series-item img { margin: 0 0 10px 0; }

/* Why Run page testimonials */
section.industry-quotes { height: 500px; }
.quotes-left { float: left; width: 580px; }
.quotes-right { float: left; width: 270px; padding: 30px 30px 15px 30px;  }
.quotes-left ul { margin: 0 0 30px 0; }
.quotes-left ul li { display: inline-block; width: 80px; font-size: 14px; text-align: center; margin: 0 20px 0 0; padding: 0 0 7px 0; cursor: pointer; }
.quotes-left ul li:last-child { margin-right: 0; }
.quotes-left ul li:hover { font-family: 'proxima_nova_bold'; }
.quotes-left ul li.on { font-family: 'proxima_nova_bold'; border-bottom: 3px solid #303030; }
.quotes-left ul li img { margin: 0 0 10px 0; }
.quotes-left div { -webkit-transition: all .15s linear; -moz-transition: all .15s linear; -o-transition: all .15s linear; transition: all .15s linear; opacity: 1; }
.quotes-left p.quote { font-size: 18px; font-family: 'proxima_novabold_italic'; width: 485px; margin: 0 0 6px 0; }
.quotes-left p.attribution { font-size: 14px; font-family: 'proxima_nova_regular'; width: 485px; }

/* form styles */
.form-left { display: inline-block; width: 345px; margin: 0 18px 12px 0; text-align: left; }
.form-right { display: inline-block; width: 345px; margin: 0 0 12px 0; text-align: left; }
input[type="text"], .form-column .menu-wrap .ui-selectmenu-button { font: normal 'proxima_nova_light' 14px; padding: 5px 4px; width: 335px; border: 1px solid #bfbfbf; border-radius: 3px; margin: 0 0 0 0; position: relative; }
.stacked-inputs .menu-wrap .ui-selectmenu-button { font: normal 'proxima_nova_light' 14px; padding: 5px 4px; width: 440px; border: 1px solid #bfbfbf; border-radius: 3px; margin: 0 0 0 0; position: relative; }
.form-left p, .form-right p { margin-bottom: 3px; }
.form-right p.short-input { width: 165px; float: left; margin-right: 12px; }
.form-right p.short-input.no-margin { margin-right: 0; }
.form-right p.short-input input[type=text] { width: 158px; }
.radiolist span.radio-label {margin: 0 1em 0 0.45em;}
input[type=text].error { border: 2px solid #d40f0f; background: #ffe5e5; }
label.error { font-family: 'proxima_nova_bold'; color: #d40f0f; }
.error-text { font-size: 13px; font-family: 'proxima_nova_bold'; color: #d40f0f; /*visibility:hidden;*/ }
p.error-head { font-family: 'proxima_nova_bold'; color: #d40f0f; margin-bottom: 10px; }
p.error-head img { margin: 0 5px -3px 0; }
p.error-list, div.error-list { font-family: 'proxima_nova_regular'; color: #d40f0f !important; }
div.error-list {text-align:left;}
.centered-items div.error-list {margin-bottom: 20px;text-align: center;}
.updateProgress {background-color: #ffffff;height: 100%;opacity: 0.5;text-align: center;width: 100% !important;z-index: 100 !important;}
.updateProgress img {margin-left: -18px !important;margin-top: -25px;position: absolute;top: 50%;}
.read-the-report{position:relative;}
.read-the-report .updateProgress {bottom: 0 !important;left: auto !important;top: auto !important;}
.error-text.invisible.display-none {display: none;}
.error-text.display-none {display: block;}

.quote-chat-icon { margin: 0 12px 0 60px; }

.download-form p { margin: 0 0 1px 0; }
.download-form .input-label { display: inline-block; width: 124px; }
.download-form input[type=text] { width: 258px; display: inline-block; }
.download-form label.error-text { display: inline-block; margin-left: 128px; }
.download-form p.download-offset { margin-left: 128px; }

/* compare packages table */
table.comparison-chart { margin: 50px 0 20px 0; border-collapse: collapse; }
.comparison-chart thead th { vertical-align: top; text-align: center; color: #333; padding: 20px 16px 8px 16px; height: 180px; border-right: 1px solid #cdcdcd; border-bottom: 2px solid #303030; font-size: 13px; }
.comparison-chart thead th:first-child { vertical-align: bottom; text-align: left; padding-left: 0; }
.comparison-chart thead th h3 { font-size: 18px; line-height: 22px; margin-bottom: 30px; }
.comparison-chart th.essential { background: url(../images/bkgd-compare-essential.gif) 0 0 no-repeat; }
.comparison-chart th.enhanced { background: url(../images/bkgd-compare-enhanced.gif) 0 0 no-repeat; }
.comparison-chart th.complete { background: url(../images/bkgd-compare-complete.gif) 0 0 no-repeat; }
.comparison-chart tbody th { vertical-align: top; text-align: left; color: #333; padding: 40px 0 8px 0; border-bottom: 2px solid #303030; border-right: 1px solid #cdcdcd; font-size: 15px; }
.comparison-chart tbody td { vertical-align: top; text-align: left; padding: 14px 0 0 0; border-right: 1px solid #cdcdcd; }
.comparison-chart tbody td.trigger { padding: 14px 0 0 28px; cursor: pointer; color: #008099; background: url(../images/bkgd-compare-table-trigger.png) 0 14px no-repeat; width: 430px; }
.comparison-chart tbody td.trigger.open { background-position: 0 -266px; }
.comparison-chart tbody tr.table-content-hidden { display: none; }
.comparison-chart tbody tr.table-content-hidden td { padding: 0 10px 5px 29px; font-size: 13px; }
.comparison-chart tbody tr.table-content-hidden td:first-child { padding-top: 6px; }
.comparison-chart tbody td.checks { width: 158px; text-align: center; }
.comparison-chart .border-row td { padding: 14px 10px 0 10px; }
.comparison-chart .border-row.last td { padding: 14px 10px 0 10px; }
.comparison-chart .border-row td:first-child { padding-left: 0; }
.comparison-chart .border-row hr { height: 1px; border: none; border-top: 1px dashed #999999; margin: 0 0 0 0; clear: both; }

/* Compare packages services */
.circle-3up { width: 280px; height: 280px; border-radius: 50%; float: left; margin: 0 35px 35px 0; position: relative; }
.circle-3up p { position: absolute; top: 45px; left: 24px; width: 235px; text-align: center; font-size: 16px; line-height: 24tpx; }
.circle-3up p img { margin: 0 0 14px 0; }

/* Who's Using RUN page */
.testimonial { }
.testimonial-subject { float: left; width: 180px; margin: 0 40px 0 0; }
.testimonial-subject img { margin: 0 0 20px 0; }
.testimonial-content { float: left; margin: 0; position: relative; padding: 45px; width: 540px; }
.testimonial-content p { font-size: 18px; }
.testimonial-content.bg-cyan-tint { background: #e5fbff; }
.testimonial-content.bg-gray { background: #ebebeb; }
.testimonial-content.bg-green-tint { background: #e0ffe0; }
.testimonial-content span.content-tip { display: block; width: 0; height: 0; border-top: 16px solid transparent; border-right: 32px solid #303030; border-bottom: 16px solid transparent; position: absolute; top: 40px; left: -32px; }
.testimonial-content.bg-cyan-tint span.content-tip { border-right-color: #e5fbff; }
.testimonial-content.bg-gray span.content-tip { border-right-color: #ebebeb; }
.testimonial-content.bg-green-tint span.content-tip { border-right-color: #e0ffe0; }
.testimonial-content p:last-child { margin-bottom: 0; }
.left-quote { margin: 0 5px 0 0; }
.right-quote { margin: 0 0 0 5px; }
.testimonial-video img { margin: 0 10px -5px 0; }
ul.industries { margin: 40px 0 40px 0; }
ul.industries li { display: inline-block; width: 110px; font-size: 14px; text-align: center; margin: 0 10px 0 0; padding: 0 0 7px 0; }
ul.industries li:last-child { margin-right: 0; }
ul.industries li img { margin: 0 0 10px 0; }

/* pre-footer area */
.pre-footer-wrap { background: #efefef; text-align: center; }
.pre-footer-wrap section { margin: 0 auto; padding: 60px 0 60px 0; text-align: left; }
.pre-footer-wrap h3 { font-size: 18px; margin: 0 0 36px 0; }
.pre-footer-wrap ul { display: inline-block; float: left; margin: 0 30px 0 0; width: 210px; }
.pre-footer-wrap ul:last-child { margin-right: 0; }
.pre-footer-wrap li { font-size: 14px; line-height: 28px; }
.pre-footer-wrap li a { color: #666; }
.pre-footer-wrap li a:hover { text-decoration: underline; }

/* utility style to hide elements that will be animated */
.animation-hidden { visibility: hidden; }
.ie8 .animation-hidden { visibility: visible; }

/* hide google double click iframe */
iframe[name="google_conversion_frame"] {bottom: 0;left: -10000px;position: absolute; background-color:transparent; visibility:hidden;}



/* Added for Home page */
.bg-lt-gray { background: #f4f4f1; }
.home2015 .hero-wrap { height: 520px; margin: 0; overflow:hidden;} /* 081815 */
.cols-3.contacts { width: 300px; margin: 35px 0 0 0; }
.cols-3.contacts h3 { margin-bottom: 16px; }
.cols-3.contacts p { line-height: 28px; }
.three-column.contacts section p
{
    line-height:24px;    
}
.three-column.contacts section > ul li {
    margin-bottom: 8px;
}
.three-column.contacts section > ul {
  display: inline-block;
  margin: 35px 0 20px;
  vertical-align: top;
  width: 300px;
}
.three-column.contacts section > ul h3 {
  font-size: 20px;
  margin-bottom: 20px;
}

.home-audiences { margin-top: 45px; }
.home-audiences li { display: inline-block; width: 158px; margin: 0; vertical-align: top; }
.home-audiences li img { margin: 0 0 10px 0; }
.home2015 .section-wrap { margin: 0 auto; width: 1090px; }
.home2015 .announcements { padding-top: 25px; height: 40px; }
.home2015 .announcements p { margin: 0; font-size: 14px; line-height: 14px; width: 100%; text-align: center; }
.home2015 .announcements p img { margin: 0 10px -2px 0; }

.home2015 .segments section { width: 1090px; background: #303030; color: #fff; z-index:200; border-top: 3px solid #fff; }
.home2015 .segments ul { margin: 0 0 0 0; padding: 0; border: none; }
.home2015 .segments li { float: left; position: relative; padding: 0 0 0 0; margin: 0; vertical-align: top; text-align: center; font-size: 17px; line-height: 18px; border: none; -webkit-transition:all .25s; -moz-transition:all .25s; -o-transition:all .25s; transition:all .25s; }
.home2015 .segments li a { display: inline-block; position: relative; padding: 33px 0 0 0; margin: 0; width: 194px; height: 67px; color: #fff; -webkit-transition:all .25s; -moz-transition:all .25s; -o-transition:all .25s; transition:all .25s; }
.home2015 .segments li.seg-sbs { width: 229px; }
.home2015 .segments li.seg-sbs a { width: 170px; margin-left: 60px; }
.home2015 .segments li.seg-sbs li { width: auto; }
.home2015 .segments li.seg-mas a { width: 196px; }
.home2015 .segments li.seg-nas a { width: 165px; }
.home2015 .segments li.seg-mnc a { width: 224px; }
.home2015 .segments li.seg-prt  { width: 261px; text-align:left; padding-left: 10px;}
.home2015 .segments li.seg-prt a { text-align:center; }
.home2015 .segments li a .tip { display: none; width: 0; height: 0; border-left:9px solid transparent; border-right: 9px solid transparent; border-top:10px solid #f3f3f2; position: absolute; top: 0; left: 90px; }
.home2015 .segments li.seg-sbs a .tip { left: 80px; }
.home2015 .segments li.seg-mas a .tip { left: 93px; }
.home2015 .segments li.seg-nas a .tip { left: 75px; }
.home2015 .segments li.seg-mnc a .tip { left: 100px; }
.home2015 .segments li.seg-prt a .tip { left: 90px; }
.home2015 .segments li div.segment-panel { opacity: 0; visibility: hidden; overflow: hidden; background: #f3f3f2; width: 975px; height: 0; position: absolute; bottom: 0; text-align: left; -webkit-transition:all .25s; -moz-transition:all .25s; -o-transition:all .25s; transition:all .25s; color:#303030; }
.home2015 .segments li div.segment-panel a { display: inline; position: static; padding: 0; margin: 0 !important; width: auto; height: auto; color: #00a0df; background: none; }
.home2015 .segments li.seg-sbs .segment-panel a:first-child { display: inline; width: auto; margin-left: 0; }
.home2015 .segments li.seg-sbs div.segment-panel a { display: inline; width: auto !important; margin-left: 0 !important; }
.home2015 .segments li div.segment-panel a:hover { text-decoration: underline; }
.home2015 .segments li.seg-sbs div.segment-panel { bottom:100px; left: 56px; }
.home2015 .segments li.seg-mas div.segment-panel { bottom:100px; left: -174px; }
.home2015 .segments li.seg-nas div.segment-panel { bottom:100px; left: -371px; }
.home2015 .segments li.seg-mnc div.segment-panel { bottom:100px; left: -537px; }
.home2015 .segments li.seg-prt div.segment-panel { bottom:100px; left: -762px; }

/*IE 9 HACK - for segment panels nested in a tags*/
.home2015 .segments li > a > div.segment-panel {background:none !important;}
.home2015 .segments li.seg-sbs > a > div.segment-panel {overflow:visible;}
.home2015 .segments li.seg-sbs > a > div.segment-panel > h2 {left:-20px;}
/*end HACK*/

.home2015 .segments li { border-right: 1px solid #c2c2c2; }
.home2015 .segments li.seg-prt { border-right: none; }
.home2015 .segments li:hover a { text-decoration: none; }
.home2015 .segments li.seg-sbs { border-bottom: 5px solid #00a0df; }
.home2015 .segments li.seg-mas { border-bottom: 5px solid #46a040; }
.home2015 .segments li.seg-nas { border-bottom: 5px solid #ef7521; }
.home2015 .segments li.seg-mnc { border-bottom: 5px solid #cb4398; }
.home2015 .segments li.seg-prt { border-bottom: 5px solid #0069a6; }
.home2015 .segments li.seg-sbs:hover { background: #00a0df; }
.home2015 .segments li.seg-mas:hover a { background: #46a040; }
.home2015 .segments li.seg-nas:hover a { background: #ef7521; }
.home2015 .segments li.seg-mnc:hover a { background: #cb4398; }
.home2015 .segments li.seg-prt:hover  { background: #0069a6; }
.home2015 .segments li:hover a .tip { display: block; }
.home2015 .segments li .segment-panel a { border-bottom: none; }
.home2015 .segments li:hover .segment-panel { visibility: visible; height: 450px; opacity: 1; }
.home2015 .segment-panel h2 { font-size: 28px; line-height: 28px; margin: 0; padding: 0; color: #dc1e32; position: absolute; top: 35px; left: 40px; opacity: 0; -webkit-transition: all .65s linear; -moz-transition: all .65s linear; -o-transition: all .65s linear; transition: all .65s linear; zoom: 1; }
.home2015 .segment-panel .unit1 { position: absolute; top: 600px; left: 40px; width: 360px; opacity: 0; -webkit-transition: all .4s ease-out; -moz-transition: all .4s linear; -o-transition: all .4s ease-out; transition: all .4s ease-out; }
.home2015 .segments li.seg-prt div.segment-panel .unit1 { width: 420px; }
.home2015 .segment-panel .unit2 { position: absolute; top: 600px; left: 400px; width: 265px; opacity: 0; -webkit-transition: all .55s ease-out; -moz-transition: all .55s linear; -o-transition: all .55s ease-out; transition: all .55s ease-out; }
.home2015 .segments li.seg-prt div.segment-panel .unit2 { width: 420px; left: 505px; }
.home2015 .segment-panel .unit3 { position: absolute; top: 600px; left: 668px; width: 265px; opacity: 0;  -webkit-transition: all .7s ease-out; -moz-transition: all .7s linear; -o-transition: all .7s ease-out; transition: all .7s ease-out; }
.home2015 .segments li div.segment-panel .worldwide { display: block; position: absolute; right:-40px; bottom: 40px; opacity: 0; -webkit-transition: all .75s linear; -moz-transition: all .75s linear; -o-transition: all .75s linear; transition: all .75s linear; }
.home2015 .segments li div.segment-panel .worldwide img { margin: 0 0 -1px 0; }
.home2015 .segments li:hover div.segment-panel .worldwide { opacity: 1; right: 40px; }
.home2015 .segments .seg-list li:hover div.segment-panel a { background: none !important; }
.home2015 .segments .seg-list > li > a > strong + span {display: block;font-size: 12px;margin-top: 2px;}
.home2015 .segments li:hover div.segment-panel a.btn { font-size: 14px; letter-spacing: 0.02em; font-weight: normal; display: inline-block; *display: inline; padding: 12px 24px; margin: 4px 0 0 0; line-height: 14px; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; border: none; border-radius: 24px; background: #0069A6 !important; -webkit-transition: all .15s linear; -moz-transition: all .15s linear; -o-transition: all .15s linear; transition: all .15s linear; position: relative; }
.home2015 .segments li:hover div.segment-panel a.btn:hover { background: #0083C1 !important; text-decoration: none; }
.home2015 .segments li:hover .segment-panel h2 { opacity: 1; zoom: 1; z-index:20; }
.home2015 .segments li:hover div.segment-panel .unit1, .home2015 .segments li:hover div.segment-panel .unit2, .home2015 .segments li:hover div.segment-panel .unit3 { opacity: 1; top: 90px; }
.home2015 .segments li:hover div.segment-panel h3 { font-size: 14px; }
.home2015 .segments li:hover div.segment-panel h3 a { color: #303030; }
.home2015 .segments li:hover div.segment-panel p { font-size: 14px; line-height: 20px; }
.home2015 .segments li:hover div.segment-panel h3 a:hover { text-decoration: underline; }
.home2015 .segments li:hover div.segment-panel ul { margin: 0; }
.home2015 .segments li:hover div.segment-panel li { float: none; position: static; padding: 0; margin: 0 0 6px 0; vertical-align: auto; text-align: left; font-size: 14px; line-height: 18px; border: none; }

.home2015 .segments li.seg-prt:hover div.segment-panel li { margin: 0 0 30px 0; }
.home2015 .segments li.seg-prt div.segment-panel li img { float: left; margin: 0 12px 0 0; }
.home2015 .segments li.seg-prt div.segment-panel li p { overflow: hidden; }
.home2015 .segments li.seg-prt div.segment-panel li p a { color: #303030; }

.home2015 .home-hero { width: 1090px; position: relative; margin: 0 auto; }
.home-hero .cycle-item { position: relative; }
.home-hero .cycle-item .cycle-text { position: absolute; bottom: 80px; left: 120px; width: 970px; text-align: left; }
.home-hero .cycle-item h1, .home-hero .cycle-item h2 { font-size: 71px; line-height: 72px; color: #fff; font-family: 'Rokkitt', sans-serif; margin: 0 0 16px 0; } /* 081815 */
.home-hero .cycle-item h1 strong, .home-hero .cycle-item h2 strong { font-family: 'Rokkitt', sans-serif; font-weight: 700; } /* 081815 */

.home-hero .cycle-item h1 span, .home-hero .cycle-item h2 span { line-height: 52px; display: inline-block; margin-bottom: 5px; padding-bottom: 4px; } /* 081815 */
.home-hero .cycle-item h1 span.txt-bg-orange, .home-hero .cycle-item h2 span.txt-bg-orange { background-color: #ef7521; } /* 081815 */
.home-hero .cycle-item h1 span.txt-bg-purple, .home-hero .cycle-item h2 span.txt-bg-purple { background-color: #cb4398; } /* 081815 */
.home-hero .cycle-item h1 span.txt-bg-blue, .home-hero .cycle-item h2 span.txt-bg-blue { background-color: #0083c1; } /* 081815 */
.home-hero .cycle-item h1 span.txt-bg-lt-blue, .home-hero .cycle-item h2 span.txt-bg-lt-blue { background-color: #64beeb; } /* 081815 */
.home-hero .cycle-item h1 span.txt-bg-green, .home-hero .cycle-item h2 span.txt-bg-green { background-color: #46a040; } /* 081815 */

.home-hero .cycle-item p { font-size: 24px; line-height: 24px; color: #fff; margin: 0; } /* 081815 */
.home-hero .cycle-item p.hashtag { font-size: 18px; color: #bfbfbf; text-align: right; position: absolute; right: 115px; bottom: 70px; }
.home-hero .cycle-item p a { color: #fff; } /* 081815 */

.home2015 .cycle-prev { z-index: 101; display: block; width: 65px; height: 65px; overflow: hidden; position: absolute; top: 225px; left: 30px; background: url(../images/home-hero-prev.png) 0 0 no-repeat; } /* 081815 */
.home2015 .cycle-next { z-index: 101; display: block; width: 65px; height: 65px; overflow: hidden; position: absolute; top: 225px; right: 30px; background: url(../images/home-hero-next.png) 0 0 no-repeat; } /* 081815 */
.home2015 .cycle-prev:hover, .home2015 .cycle-next:hover { background-position: 0 -65px; }
.home2015 #hero-pager { z-index: 101; width: 100%; text-align: left; position: absolute; bottom: 40px; left: 120px; } /* 081815 */
.home2015 #hero-pager a { display: inline-block; width: 14px; height: 14px; margin: 0 5px; overflow: hidden; background: url(../images/home-hero-pager.png) 0 0 no-repeat; }
.home2015 #hero-pager a.cycle-pager-active { background-position: 0 -14px; }

.home-insights { }
.home-insights .cols-3, .home-insights.three-column .col { width: 300px; float: left; margin: 0px 35px 0 0; }
.home-insights .cols-3:last-child, .home-insights.three-column .col:last-child { margin-right: 0; }
.home-insights .cols-3 img, .home-insights.three-column .col img { display: block; margin: 0 0 30px 0; max-width:300px;height:144px; }
.home-insights .cols-3 h3, .home-insights.three-column .col h3 { font-size: 16px; font-family: 'proxima_nova_bold'; }
.home-insights .cols-3 p, .home-insights.three-column .col p { font-size: 16px; line-height: 24px; }
.home-insights .cols-3 p.category, .home-insights.three-column .col p.category { font-size: 12px; line-height: 12px; font-family: 'proxima_nova_bold'; margin: 0 0 16px 0; }
.home-insights .cols-3 p.category a, .home-insights.three-column .col p.category a, .home-insights.three-column .col p.category { color: #dc1e32;text-transform: uppercase; }
.home-insights .cols-3 p.category a:hover, .home-insights.three-column .col p.category a:hover { text-decoration: underline; }
.home-insights.bg-image {background-position: center bottom;background-repeat: no-repeat;background-size: cover;}

/* conversation starter */
.convo-starter.section-wrap {
  background-color: #f4f4f1;
}
.convo-starter.section-wrap * {
  -webkit-font-smoothing: antialiased;
}
.convo-starter.section-wrap section {
  padding: 80px 0;
  width: 100%;
  margin: 0 auto;
}
.convo-starter.section-wrap h2 {
  text-align: center;
  margin-bottom: 25px;
}
.convo-starter.section-wrap .service-list {
  text-align: center;
  font-size: 15px;
  margin-bottom: 70px;
}
.convo-starter.section-wrap .service-list li {
  display: inline-block;
  margin-left: -4px;
}
.convo-starter.section-wrap .service-list li:after {
  content: "•";
  margin: 0 6.75px;
}
.convo-starter.section-wrap .service-list li:last-child:after {
  content: "";
}
.convo-starter.section-wrap .image-right {
  float: right;
  width: 415px;
  overflow: hidden;
}
.convo-starter.section-wrap .selector {
  width: 465px;
  float: left;
  padding-left: 140px;
}
.convo-starter.section-wrap .selector .selector-label {
  font-family: "proxima_nova_bold";
  font-size: 24px;
}
.convo-starter.section-wrap .selector .btn {
  font-family: "proxima_nova_bold";
  color: #fff;
}
.convo-starter.section-wrap .slider-container, .size-slider .slider-container {
  position: relative;
  margin-top: 90px;
  margin-bottom: 30px;
  width: 89%;
}
.size-slider .slider-container
{
    width:100%;    
}
.convo-starter.section-wrap .slider-container .slider-flag, .size-slider .slider-container .slider-flag {
  position: absolute;
  top: -65px;
  left: -70px;
  background-color: #00a0df;
  color: #fff;
  width: 170px;
  line-height: 40px;
  text-align: center;
  border-radius: 4px;
  font-size: 14px;
  font-family: "proxima_nova_bold";
}
.convo-starter.section-wrap .slider-container .slider-flag:after, .size-slider .slider-container .slider-flag:after {
  content: "";
  border: 10px solid transparent;
  border-top-color: #00a0df;
  border-bottom: 0;
  position: absolute;
  left: 75px;
  bottom: -10px;
}
.convo-starter.section-wrap .slider-container .ui-slider-handle .slider-flag
{
    margin-left: -5px;
    margin-top: 5px;
}
.size-slider .slider-container .ui-slider-handle .slider-flag {
    margin-left: -9px;
    margin-top: 9px;
}
.convo-starter.section-wrap .slider-container .ui-slider-handle .slider-flag:after, .size-slider .slider-container .ui-slider-handle .slider-flag:after {
    bottom: -9px;
}
.convo-starter.section-wrap .slider-container .label, .size-slider .slider-container .label {
  font-size: 12px;
  color: #999;
  display: inline-block;
}
.convo-starter.section-wrap .slider-container .label.max, .size-slider .slider-container .label.max {
  float: right;
  margin: 3px -28px 0 0;
}
.size-slider .slider-container .label.max
{
    margin-right:0px;    
}
.convo-starter.section-wrap #convo-slider.ui-slider, .size-slider .slider-container .ui-slider {
  margin-bottom: 5px;
}
.convo-starter.section-wrap #convo-slider.ui-slider .ui-slider-range, .size-slider .slider-container .ui-slider .ui-slider-range {
  background-color: #d9d9d9;
  width: 100%;
  height: 10px;
  border-radius: 10px;
  padding-right: 25px;
}
.convo-starter.section-wrap #convo-slider.ui-slider .ui-slider-handle, .size-slider .slider-container .ui-slider .ui-slider-handle {
  background-color: #fff;
  width: 20px;
  height: 20px;
  top: -10px;
  border-radius: 20px;
  border: 5px solid #00a0df;
  margin: 0;
}
.convo-starter.section-wrap #convo-slider.ui-slider .ui-slider-handle:focus, .size-slider .slider-container .ui-slider .ui-slider-handle:focus {
  outline: none;
}
.size-slider .slider-container .ui-slider .ui-slider-handle {
  margin-left: -10px;
  margin-top: 5px;
}
.size-slider .slider-container .slider-flag {
  margin-left: -5px;
  margin-top: 9px;
}
.convo-starter.section-wrap .menus .selector-label {
  float: left;
  margin-top: 5px;
}
.convo-starter.section-wrap .menus .menu-wrap {
  height: 60px;
}
.convo-starter.section-wrap .menus .menu-wrap select {
  display: none;
}
.convo-starter.section-wrap .menus .menu-wrap .pulldown-icon {
  display: inline;
  margin-top: 12px;
  height: 11px;
  cursor: pointer;
}
.convo-starter.section-wrap .ui-selectmenu-button {
  border-bottom: 1px solid #303030;
  margin-left: 20px;
  padding-top: 10px;
  float: left;
}
.convo-starter.section-wrap .ui-selectmenu-button:focus {
  outline: none;
}
.convo-starter.section-wrap .ui-selectmenu-button .ui-selectmenu-text {
  padding: 0px 0;
}
.convo-menu.ui-selectmenu-menu {
  background-color: #fff;
}
.convo-menu.ui-selectmenu-menu .ui-menu {
  width: 100%;
  padding-bottom: 0;
  overflow: visible;
}
.convo-menu.ui-selectmenu-menu .ui-menu-item {
  padding: 10px 0 10px 20px;
  width: 100%;
  background-color: #fff;
  text-align: left;
  border: 1px solid #d9d9d9;
  border-bottom-width: 0;
}
.convo-menu.ui-selectmenu-menu .ui-menu-item:last-of-type {
  border-bottom-width: 1px;
}
.convo-menu.ui-selectmenu-menu .ui-state-focus {
  margin: 0;
  background-color: #00a0df;
  color: #fff;
}
.convo-menu.ui-selectmenu-menu #role-menu .ui-menu-item {
  padding-right: 20px;
}

/* end add for Home page */

.download-form p.optional-toggle {margin-bottom: 20px;}

.article .inset { width: 210px; float: right; margin: 17px 0 30px 30px; }
.article .inset > img { margin-bottom: 5px; }
.article .inset185 { width: 185px; position: absolute; top: 49px; right: 40px;  }
h2 + .inset, br + .inset { margin-top:0px !important; }
.article .inset p { margin: 0 0 12px 0 !important; }
.article .inset a.tweetinfographic, .article .inset a.tweet-this { float: left; display: block; width: 137px; min-height: 17px; font-size: 13px; line-height: 13px; font-weight: normal; padding: 2px 0 2px 24px; background: url(/images/ri/icon-twitter.gif) no-repeat left top; }

.article ol { margin: 0 0 12px 19px; list-style: decimal; }
.article ol li { margin: 0 0 4px 0; }
.local-nav .adp-2015-breadcrumb {
  float: left;
  font-family: proxima_nova_regular;
  font-weight: normal !important;
  margin-left: 30px;
}

form > span.adp-2015-breadcrumb {
  display: block;
  font-family: proxima_nova_regular;
  font-size: 14px;
  margin: 10px auto;
  padding-left: 30px;
  width: 940px;
}

.updateProgress img {
  margin-top: 50%;
  position: relative;
  top: -20px;
}

.updateProgress {
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}
.contact-form{
  position:relative;
}

.product-selector .section-wrap
{
    min-width:100%;    
}

.pre-footer-wrap ul li.btn
{
    padding: 8px 11px;    
}
.pre-footer-wrap ul li.btn, .pre-footer-wrap ul li.btn a {
  color: #ffffff !important;
  font-family: "proxima_nova_bold";
  font-size: 13px;
  line-height: 14px;
}
.pre-footer-wrap .btn.btn-adp-blue  {
  background-color: #0069a6 !important;
  box-shadow: none;
  margin-top:5px;
}

/* ADDED FOR WORKFORCE NOW, 10/2015 */

.wfn .hero-text { position: absolute; top: 40px; left: 30px; padding: 50px; background: url(../images/bkgd-hero-text.png) 0 0 repeat; }
.wfn .hero-text h2 { font-size: 48px; line-height: 52px; font-family: 'proxima_nova_light'; margin: 0 0 25px 0; }
.wfn .hero-text p { font-size: 16px; }
.wfn .hero-text p.prod-name { font: normal 28px/28px 'proxima_nova_bold',sans-serif; margin: 0 0 14px 0; }
.wfn .hero-wrap.tall-hero-610 { height:610px;margin-bottom:0; }

.btn.btn-dk-blue { background-color: #0069a6; }
.btn.btn-dk-blue:hover { background-color: #0083C1; }
.btn.btn-red { background-color: #d40f0f; }
.btn.btn-red:hover { background-color: #ba0d0d; }
.btn.video-btn { position: relative; padding-left: 44px; }
.btn.video-btn img { display: block; position: absolute; top: 6px; left: 8px; }
.btn.btn220 { width: 172px; }

/* four column modules */
.cols-4 { width: 220px; display: inline-block; margin: 0 25px 0 0; vertical-align: top; }          
.cols-4:last-child { margin-right: 0; }

/* Compare Options table */
table.options-chart { border-bottom: 3px solid #464646; width: 970px; }
.options-chart .bg-orange { background-color: #f9a11a; }
.options-chart .bg-green { background-color: #46a040; }
.options-chart .bg-magenta { background-color: #cb4398; }
.options-chart .bg-blue { background-color: #00a0df; }
.options-chart thead th { padding: 15px 0 10px 0; width: 207px; color:#fff; font: normal 20px/20px 'proxoma_nova_bold',sans-serif; text-align: center; }
.options-chart tbody tr th, .options-chart tbody tr td { border-top: 3px solid #464646; }
.options-chart tbody th { padding: 40px 15px 0 0; width: 130px; }
.options-chart tbody td { padding: 35px 15px 25px 15px; }
.options-chart tbody th, .options-chart tbody td { border-right: 1px solid #cdcdcd; }
.options-chart tbody td:nth-child(5) { border-right: none; }
.options-chart tbody dt { font: normal 14px/20px 'proxima_nova_bold',sans-serif; padding: 14px 0 0 28px; cursor: pointer; color: #0069a6; background: url(/ADP%20USA%202015/images/bkgd-compare-table-trigger.png) 0 14px no-repeat; }
.options-chart tbody dt.open { background-position: 0 -266px; }
.options-chart tbody dd { padding: 0 0 0 28px; font-size: 14px; line-height:20px; display: none; }

.text-left.width470 { width: 470px; }

/*product showcase lead form with location and headquarters*/
.form-column {
  vertical-align: top;
}
.form-column .menu-wrap {
  display: block;
  height: auto;
}
.form-column .menu-wrap .ui-selectmenu-button 
{
    display:block;
  padding: 0;
}
.form-column .menu-wrap .ui-selectmenu-text {
  padding-bottom: 0.25em !important;
  padding-top: 0.25em !important;
}
.form-column .ui-icon.ui-icon-triangle-1-s {
  background-image: url("/ADP%20USA%202015/images/downarrowcaret.png");
  height: 12px;
  width: 19px;
  margin-top:-6px;
}
.form-column input[type="text"]
{
    padding:9px 4px !important;    
}
.form-column .menu-wrap .ui-selectmenu-button
{
    padding:4px 4px !important;
}
.form-column p
{
    margin-bottom:10px !important;
}
.gv-menu .ui-menu-item {
    background-color: #ffffff;
    border:1px solid #d9d9d9 !important;
    border-bottom:none !important;
    padding: 10px 0 10px 20px !important;
    text-align: left;
}

.gv-menu.ui-selectmenu-menu.ui-selectmenu-open {
  height: 287px;
  margin-left: -2px;
  overflow-x: hidden;
  overflow-y: auto;
}

.gv-menu .ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    margin: 0 !important;
    color:#ffffff;
    background-color:#00a0df;
}
.gv-menu .ui-menu-item:last-child {
  border-bottom: 1px solid #d9d9d9 !important;
}

.article-body img {
  max-width: 100%;
}

/*global view product showcase*/
.gv .hero-wrap { margin: 0; }
.gv .gv-hero { height: 520px; width: 1090px; margin: 0 auto; }
.gv .gv-hero p.prod-name { font: normal 28px/28px 'proxima_nova_bold',sans-serif; margin: 0; color: #303030; text-align: left; vertical-align: bottom; padding:95px 0 0 118px; }  
.gv .gv-hero .gv-hero-text { font-size: 71px; font-family: 'Rokkitt', serif; line-height: 72px; color: #fff; text-align: left; vertical-align: bottom; padding: 10px 0 80px 118px; } 
.gv .gv-hero .gv-hero-text span { line-height: 52px; display: inline-block; margin-bottom: 5px; padding-bottom: 4px; } 
.gv .gv-hero .gv-hero-text span.txt-bg-orange { background-color: #ffa409; } 
.gv .gv-hero .gv-hero-text span.txt-bg-purple { background-color: #95348d; }
.gv .gv-hero .gv-hero-text span.txt-bg-blue { background-color: #4ec1ea; }
.gv .gv-hero .gv-hero-text span.txt-bg-green { background-color: #6ebf4b; }
.gv .section-wrap h2 { font-size: 39px; }

.gv .width625 { width:625px; }
.gv .width825 { width:825px; }

.callout-base.width210 { width:210px; height:210px; } 
.callout-base.width210 p { width:190px; height:190px; }

.pad-btm-625 { padding-bottom:625px; }

.gv .pre-footer-wrap ul li.btn a { text-decoration:none; }

.srvBox1 { background-color:#e1e1e1; border-bottom:5px solid #f9a11a; padding:20px 15px 25px; }
.srvBox2 { background-color:#e1e1e1; border-bottom:5px solid #cb4398; padding:20px 15px 25px; }
.srvBox3 { background-color:#e1e1e1; border-bottom:5px solid #64beeb; padding:20px 15px 25px; }
.srvBoxTitle { font:normal 22px/22px 'proxima_nova_bold', sans-serif !important; color:#4d4d4d; margin:0 0 20px; text-align:left !important; }
p.srvBox { font:normal 15px/24px 'proxima_nova_regular', sans-serif !important; color:#4d4d4d; margin:0; text-align:left !important; }

/* ==========================================================================
   newproductshowcaseform
   ========================================================================== */
.stacked-inputs {
  vertical-align: top;
}
.stacked-inputs .menu-wrap {
  display: block;
  height: auto;
}
.stacked-inputs .menu-wrap .ui-selectmenu-button 
{
    display:block;
  padding: 0;
}
.stacked-inputs .menu-wrap .ui-selectmenu-text {
  padding-bottom: 0.25em !important;
  padding-top: 0.25em !important;
}
.stacked-inputs .ui-icon.ui-icon-triangle-1-s {
  background-image: url("/ADP%20USA%202015/images/downarrowcaret.png");
  height: 12px;
  width: 19px;
  margin-top:-6px;
}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 * http://juicystudio.com/article/screen-readers-display-none.php
 */

.hidden {
    display: none !important;
    visibility: hidden;
	opacity: 0; 
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * 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 receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.clearing { clear: both; margin: 0; padding: 0; font-size: 1px; line-height: 1px; height: 1px; }

.cat-top
{
    display:none;    
}


/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

