@charset "UTF-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, input, select, textarea, button, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, object, embed { margin: 0; padding: 0; border: none; outline: none; font-size: 100%; vertical-align: middle; background: transparent; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

table { border-collapse: collapse; border-spacing: 0; }

ul, ol { list-style-type: none; }

pre { white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }

strong, th { font-weight: bold; }

span, em, strong, small { vertical-align: baseline; }

input[type=radio], input[type=checkbox] { margin-right: 5px; }

input[type=submit], button { cursor: pointer; }

textarea { overflow: auto; }

html { overflow-y: scroll; }

iframe, object { max-width: 100% !important; }

@-moz-keyframes pulsate { 0% { -moz-transform: scale(0.1, 0.1); opacity: 0.0; }
  50% { opacity: 1.0; }
  100% { -moz-transform: scale(1.2, 1.2); opacity: 0.0; } }
@-webkit-keyframes pulsate { 0% { -webkit-transform: scale(0.1, 0.1); opacity: 0.0; }
  50% { opacity: 1.0; }
  100% { -webkit-transform: scale(1.2, 1.2); opacity: 0.0; } }
@keyframes pulsate { 0% { transform: scale(0.1, 0.1); opacity: 0.0; }
  50% { opacity: 1.0; }
  100% { transform: scale(1.2, 1.2); opacity: 0.0; } }
html { font-size: 62.5%; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

body { font-size: 16px; font-size: 1.6rem; font-family: "museo-sans", sans-serif; color: #444444; }

h1, .h1 { font-weight: 300; font-size: 32px; font-size: 3.2rem; margin-bottom: .5em; line-height: 1.2; }

h2, .h2 { font-size: 26px; font-size: 2.6rem; margin-bottom: 1em; font-weight: 300; }

h3, .h3 { font-size: 20px; font-size: 2rem; margin-bottom: 1em; font-family: "museo-slab", sans-serif; font-weight: 300; color: #656565; }

h4, .h4 { font-size: 18px; font-size: 1.8rem; font-weight: 300; line-height: 1.5; }

p, ul.bulleted, ol.bulleted { line-height: 1.5; margin-bottom: 1.5em; }

a { -moz-transition: color 0.125s linear 0s; -webkit-transition: color 0.125s linear 0s; -o-transition: color 0.125s linear 0s; transition: color 0.125s linear 0s; color: #5684c2; text-decoration: none; }
a:hover, a:focus, a:active { color: #365f96; }

h2 a { color: #444444; }

em { font-style: italic; }

sup { vertical-align: top; font-size: .6em; }

.bulleted { margin-left: 3em; }

ol.bulleted { list-style-type: decimal; }

ul.bulleted { list-style-type: disc; }

.button-blue, .button-blue-blue, .button-orange, .button-gray, .button-darkblue, .button-green, .button-lightgray, .button-darkgray { -moz-transition: background 0.125s linear 0s; -webkit-transition: background 0.125s linear 0s; -o-transition: background 0.125s linear 0s; transition: background 0.125s linear 0s; display: block; text-transform: uppercase; text-align: center; color: white; cursor: pointer; font-weight: 500; margin-bottom: 10px; }
.button-blue:hover, .button-blue-blue:hover, .button-orange:hover, .button-gray:hover, .button-darkblue:hover, .button-green:hover, .button-lightgray:hover, .button-darkgray:hover { color: white; }
.button-blue:active, .button-blue-blue:active, .button-orange:active, .button-gray:active, .button-darkblue:active, .button-green:active, .button-lightgray:active, .button-darkgray:active { position: relative; top: 1px; }
.x-large.button-blue, .x-large.button-blue-blue, .x-large.button-orange, .x-large.button-gray, .x-large.button-darkblue, .x-large.button-green, .x-large.button-lightgray, .x-large.button-darkgray { font-size: 18px; font-size: 1.8rem; padding: 20px 30px; font-weight: bold; }
.large.button-blue, .large.button-blue-blue, .large.button-orange, .large.button-gray, .large.button-darkblue, .large.button-green, .large.button-lightgray, .large.button-darkgray { font-size: 16px; font-size: 1.6rem; padding: 15px 25px; }
.small.button-blue, .small.button-blue-blue, .small.button-orange, .small.button-gray, .small.button-darkblue, .small.button-green, .small.button-lightgray, .small.button-darkgray { font-size: 14px; font-size: 1.4rem; padding: 8px 15px; }
.disabled.button-blue, .disabled.button-blue-blue, .disabled.button-orange, .disabled.button-gray, .disabled.button-darkblue, .disabled.button-green, .disabled.button-lightgray, .disabled.button-darkgray, .disabled.button-blue:hover, .disabled.button-blue-blue:hover, .disabled.button-orange:hover, .disabled.button-gray:hover, .disabled.button-darkblue:hover, .disabled.button-green:hover, .disabled.button-lightgray:hover, .disabled.button-darkgray:hover { background: #666 !important; }
@media only screen and (min-width: 768px) { .button-blue, .button-blue-blue, .button-orange, .button-gray, .button-darkblue, .button-green, .button-lightgray, .button-darkgray { display: inline-block; } }

.button-blue { background: #0091ee; -webkit-appearance: none;border-radius:5px;}
.button-blue:hover { background: ##0091ee !important; }
.button-blue.transparent { background: #0091ee; /* The Fallback */ background: rgba(0, 145, 238, 0.75); border: 1px solid #0091ee; }

.button-blue-blue { background: #3940c5; -webkit-appearance: none; }
.button-blue-blue:hover { background: #2e339d !important; }
.button-blue-blue.transparent { background: #3940c5; /* The Fallback */ border: 1px solid #3940c5; border-radius:5px; }

.button-orange { background: #fbb142; -webkit-appearance: none; }
.button-orange:hover { background: #fa9c10 !important; }
.button-orange.transparent { background: #fbb142; /* The Fallback */ border: 1px solid #fbb142; border-radius:5px; }

.button-gray { background: #999999;border-radius:5px; -webkit-appearance: none; }
.button-gray:hover { background: gray !important; }
.button-gray.transparent { background: #999999; /* The Fallback */ background: rgba(153, 153, 153, 0.75); border: 1px solid #999999; }

.button-darkblue { background: #5684c2; -webkit-appearance: none; }
.button-darkblue:hover { background: #3d6ba8 !important; }
.button-darkblue.transparent { background: #5684c2; /* The Fallback */ background: rgba(86, 132, 194, 0.75); border: 1px solid #5684c2; }

.button-green { background: #56c25b; -webkit-appearance: none; }
.button-green:hover { background: #3da842 !important; }
.button-green.transparent { background: #56c25b; /* The Fallback */ background: rgba(86, 194, 91, 0.75); border: 1px solid #56c25b; }

.button-lightgray { background: #c9c9c9; -webkit-appearance: none; }
.button-lightgray:hover { background: #b0b0b0 !important; }
.button-lightgray.transparent { background: #c9c9c9; /* The Fallback */ background: rgba(201, 201, 201, 0.75); border: 1px solid #c9c9c9; }

.button-darkgray { background: #444444; -webkit-appearance: none; }
.button-darkgray:hover { background: #2b2b2b !important; }
.button-darkgray.transparent { background: #444444; /* The Fallback */ background: rgba(68, 68, 68, 0.75); border: 1px solid #444444; }

.button-yellow	{
	background:#f19800;
	border-radius:5px;
	padding:15px 25px;
	text-transform:uppercase;
	transition: background 0.125s ease;
	font-weight:600;

}

 .button-yellow:hover	{
	background:#BF7800;
	transition: background 0.125s ease;

}

#main-hero-signup {
	font-weight:600;
}

@media only screen and (max-width: 768px) {
	#main-hero-signup	{
		margin-top:20px;
	}
	

}

@media screen and (max-width: 768px) {

.button-yellow, #main-hero-signup, .button-orange.transparent, #try-free-compare, #see-a-demo, #try-it-free {
    display: inline-block;
    width: 65vw;
}

}

@media only screen and (min-width: 769px) { .button-wrapper [class*="button-"] { margin-right: 10px; }
  .button-wrapper [class*="button-"]:last-child { margin-right: 0; } }

/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH -------------------------- */
@font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.0.3"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.0.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.0.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }
.fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; }

.fa-2x { font-size: 2em; }

.fa-3x { font-size: 3em; }

.fa-4x { font-size: 4em; }

.fa-5x { font-size: 5em; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */
.fa-glass:before { content: ""; }

.fa-music:before { content: ""; }

.fa-search:before { content: ""; }

.fa-envelope-o:before { content: ""; }

.fa-heart:before { content: ""; }

.fa-star:before { content: ""; }

.fa-star-o:before { content: ""; }

.fa-user:before { content: ""; }

.fa-film:before { content: ""; }

.fa-th-large:before { content: ""; }

.fa-th:before { content: ""; }

.fa-th-list:before { content: ""; }

.fa-check:before { content: ""; }

.fa-times:before { content: ""; }

.fa-search-plus:before { content: ""; }

.fa-search-minus:before { content: ""; }

.fa-power-off:before { content: ""; }

.fa-signal:before { content: ""; }

.fa-gear:before, .fa-cog:before { content: ""; }

.fa-trash-o:before { content: ""; }

.fa-home:before { content: ""; }

.fa-file-o:before { content: ""; }

.fa-clock-o:before { content: ""; }

.fa-road:before { content: ""; }

.fa-download:before { content: ""; }

.fa-arrow-circle-o-down:before { content: ""; }

.fa-arrow-circle-o-up:before { content: ""; }

.fa-inbox:before { content: ""; }

.fa-play-circle-o:before { content: ""; }

.fa-rotate-right:before, .fa-repeat:before { content: ""; }

.fa-refresh:before { content: ""; }

.fa-list-alt:before { content: ""; }

.fa-lock:before { content: ""; }

.fa-flag:before { content: ""; }

.fa-headphones:before { content: ""; }

.fa-volume-off:before { content: ""; }

.fa-volume-down:before { content: ""; }

.fa-volume-up:before { content: ""; }

.fa-qrcode:before { content: ""; }

.fa-barcode:before { content: ""; }

.fa-tag:before { content: ""; }

.fa-tags:before { content: ""; }

.fa-book:before { content: ""; }

.fa-bookmark:before { content: ""; }

.fa-print:before { content: ""; }

.fa-camera:before { content: ""; }

.fa-font:before { content: ""; }

.fa-bold:before { content: ""; }

.fa-italic:before { content: ""; }

.fa-text-height:before { content: ""; }

.fa-text-width:before { content: ""; }

.fa-align-left:before { content: ""; }

.fa-align-center:before { content: ""; }

.fa-align-right:before { content: ""; }

.fa-align-justify:before { content: ""; }

.fa-list:before { content: ""; }

.fa-dedent:before, .fa-outdent:before { content: ""; }

.fa-indent:before { content: ""; }

.fa-video-camera:before { content: ""; }

.fa-picture-o:before { content: ""; }

.fa-pencil:before { content: ""; }

.fa-map-marker:before { content: ""; }

.fa-adjust:before { content: ""; }

.fa-tint:before { content: ""; }

.fa-edit:before, .fa-pencil-square-o:before { content: ""; }

.fa-share-square-o:before { content: ""; }

.fa-check-square-o:before { content: ""; }

.fa-arrows:before { content: ""; }

.fa-step-backward:before { content: ""; }

.fa-fast-backward:before { content: ""; }

.fa-backward:before { content: ""; }

.fa-play:before { content: ""; }

.fa-pause:before { content: ""; }

.fa-stop:before { content: ""; }

.fa-forward:before { content: ""; }

.fa-fast-forward:before { content: ""; }

.fa-step-forward:before { content: ""; }

.fa-eject:before { content: ""; }

.fa-chevron-left:before { content: ""; }

.fa-chevron-right:before { content: ""; }

.fa-plus-circle:before { content: ""; }

.fa-minus-circle:before { content: ""; }

.fa-times-circle:before { content: ""; }

.fa-check-circle:before { content: ""; }

.fa-question-circle:before { content: ""; }

.fa-info-circle:before { content: ""; }

.fa-crosshairs:before { content: ""; }

.fa-times-circle-o:before { content: ""; }

.fa-check-circle-o:before { content: ""; }

.fa-ban:before { content: ""; }

.fa-arrow-left:before { content: ""; }

.fa-arrow-right:before { content: ""; }

.fa-arrow-up:before { content: ""; }

.fa-arrow-down:before { content: ""; }

.fa-mail-forward:before, .fa-share:before { content: ""; }

.fa-expand:before { content: ""; }

.fa-compress:before { content: ""; }

.fa-plus:before { content: ""; }

.fa-minus:before { content: ""; }

.fa-asterisk:before { content: ""; }

.fa-exclamation-circle:before { content: ""; }

.fa-gift:before { content: ""; }

.fa-leaf:before { content: ""; }

.fa-fire:before { content: ""; }

.fa-eye:before { content: ""; }

.fa-eye-slash:before { content: ""; }

.fa-warning:before, .fa-exclamation-triangle:before { content: ""; }

.fa-plane:before { content: ""; }

.fa-calendar:before { content: ""; }

.fa-random:before { content: ""; }

.fa-comment:before { content: ""; }

.fa-magnet:before { content: ""; }

.fa-chevron-up:before { content: ""; }

.fa-chevron-down:before { content: ""; }

.fa-retweet:before { content: ""; }

.fa-shopping-cart:before { content: ""; }

.fa-folder:before { content: ""; }

.fa-folder-open:before { content: ""; }

.fa-arrows-v:before { content: ""; }

.fa-arrows-h:before { content: ""; }

.fa-bar-chart-o:before { content: ""; }

.fa-twitter-square:before { content: ""; }

.fa-facebook-square:before { content: ""; }

.fa-camera-retro:before { content: ""; }

.fa-key:before { content: ""; }

.fa-gears:before, .fa-cogs:before { content: ""; }

.fa-comments:before { content: ""; }

.fa-thumbs-o-up:before { content: ""; }

.fa-thumbs-o-down:before { content: ""; }

.fa-star-half:before { content: ""; }

.fa-heart-o:before { content: ""; }

.fa-sign-out:before { content: ""; }

.fa-linkedin-square:before { content: ""; }

.fa-thumb-tack:before { content: ""; }

.fa-external-link:before { content: ""; }

.fa-sign-in:before { content: ""; }

.fa-trophy:before { content: ""; }

.fa-github-square:before { content: ""; }

.fa-upload:before { content: ""; }

.fa-lemon-o:before { content: ""; }

.fa-phone:before { content: ""; }

.fa-square-o:before { content: ""; }

.fa-bookmark-o:before { content: ""; }

.fa-phone-square:before { content: ""; }

.fa-twitter:before { content: ""; }

.fa-facebook:before { content: ""; }

.fa-github:before { content: ""; }

.fa-unlock:before { content: ""; }

.fa-credit-card:before { content: ""; }

.fa-rss:before { content: ""; }

.fa-hdd-o:before { content: ""; }

.fa-bullhorn:before { content: ""; }

.fa-bell:before { content: ""; }

.fa-certificate:before { content: ""; }

.fa-hand-o-right:before { content: ""; }

.fa-hand-o-left:before { content: ""; }

.fa-hand-o-up:before { content: ""; }

.fa-hand-o-down:before { content: ""; }

.fa-arrow-circle-left:before { content: ""; }

.fa-arrow-circle-right:before { content: ""; }

.fa-arrow-circle-up:before { content: ""; }

.fa-arrow-circle-down:before { content: ""; }

.fa-globe:before { content: ""; }

.fa-wrench:before { content: ""; }

.fa-tasks:before { content: ""; }

.fa-filter:before { content: ""; }

.fa-briefcase:before { content: ""; }

.fa-arrows-alt:before { content: ""; }

.fa-group:before, .fa-users:before { content: ""; }

.fa-chain:before, .fa-link:before { content: ""; }

.fa-cloud:before { content: ""; }

.fa-flask:before { content: ""; }

.fa-cut:before, .fa-scissors:before { content: ""; }

.fa-copy:before, .fa-files-o:before { content: ""; }

.fa-paperclip:before { content: ""; }

.fa-save:before, .fa-floppy-o:before { content: ""; }

.fa-square:before { content: ""; }

.fa-bars:before { content: ""; }

.fa-list-ul:before { content: ""; }

.fa-list-ol:before { content: ""; }

.fa-strikethrough:before { content: ""; }

.fa-underline:before { content: ""; }

.fa-table:before { content: ""; }

.fa-magic:before { content: ""; }

.fa-truck:before { content: ""; }

.fa-pinterest:before { content: ""; }

.fa-pinterest-square:before { content: ""; }

.fa-google-plus-square:before { content: ""; }

.fa-google-plus:before { content: ""; }

.fa-money:before { content: ""; }

.fa-caret-down:before { content: ""; }

.fa-caret-up:before { content: ""; }

.fa-caret-left:before { content: ""; }

.fa-caret-right:before { content: ""; }

.fa-columns:before { content: ""; }

.fa-unsorted:before, .fa-sort:before { content: ""; }

.fa-sort-down:before, .fa-sort-asc:before { content: ""; }

.fa-sort-up:before, .fa-sort-desc:before { content: ""; }

.fa-envelope:before { content: ""; }

.fa-linkedin:before { content: ""; }

.fa-rotate-left:before, .fa-undo:before { content: ""; }

.fa-legal:before, .fa-gavel:before { content: ""; }

.fa-dashboard:before, .fa-tachometer:before { content: ""; }

.fa-comment-o:before { content: ""; }

.fa-comments-o:before { content: ""; }

.fa-flash:before, .fa-bolt:before { content: ""; }

.fa-sitemap:before { content: ""; }

.fa-umbrella:before { content: ""; }

.fa-paste:before, .fa-clipboard:before { content: ""; }

.fa-lightbulb-o:before { content: ""; }

.fa-exchange:before { content: ""; }

.fa-cloud-download:before { content: ""; }

.fa-cloud-upload:before { content: ""; }

.fa-user-md:before { content: ""; }

.fa-stethoscope:before { content: ""; }

.fa-suitcase:before { content: ""; }

.fa-bell-o:before { content: ""; }

.fa-coffee:before { content: ""; }

.fa-cutlery:before { content: ""; }

.fa-file-text-o:before { content: ""; }

.fa-building-o:before { content: ""; }

.fa-hospital-o:before { content: ""; }

.fa-ambulance:before { content: ""; }

.fa-medkit:before { content: ""; }

.fa-fighter-jet:before { content: ""; }

.fa-beer:before { content: ""; }

.fa-h-square:before { content: ""; }

.fa-plus-square:before { content: ""; }

.fa-angle-double-left:before { content: ""; }

.fa-angle-double-right:before { content: ""; }

.fa-angle-double-up:before { content: ""; }

.fa-angle-double-down:before { content: ""; }

.fa-angle-left:before { content: ""; }

.fa-angle-right:before { content: ""; }

.fa-angle-up:before { content: ""; }

.fa-angle-down:before { content: ""; }

.fa-desktop:before { content: ""; }

.fa-laptop:before { content: ""; }

.fa-tablet:before { content: ""; }

.fa-mobile-phone:before, .fa-mobile:before { content: ""; }

.fa-circle-o:before { content: ""; }

.fa-quote-left:before { content: ""; }

.fa-quote-right:before { content: ""; }

.fa-spinner:before { content: ""; }

.fa-circle:before { content: ""; }

.fa-mail-reply:before, .fa-reply:before { content: ""; }

.fa-github-alt:before { content: ""; }

.fa-folder-o:before { content: ""; }

.fa-folder-open-o:before { content: ""; }

.fa-smile-o:before { content: ""; }

.fa-frown-o:before { content: ""; }

.fa-meh-o:before { content: ""; }

.fa-gamepad:before { content: ""; }

.fa-keyboard-o:before { content: ""; }

.fa-flag-o:before { content: ""; }

.fa-flag-checkered:before { content: ""; }

.fa-terminal:before { content: ""; }

.fa-code:before { content: ""; }

.fa-reply-all:before { content: ""; }

.fa-mail-reply-all:before { content: ""; }

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: ""; }

.fa-location-arrow:before { content: ""; }

.fa-crop:before { content: ""; }

.fa-code-fork:before { content: ""; }

.fa-unlink:before, .fa-chain-broken:before { content: ""; }

.fa-question:before { content: ""; }

.fa-info:before { content: ""; }

.fa-exclamation:before { content: ""; }

.fa-superscript:before { content: ""; }

.fa-subscript:before { content: ""; }

.fa-eraser:before { content: ""; }

.fa-puzzle-piece:before { content: ""; }

.fa-microphone:before { content: ""; }

.fa-microphone-slash:before { content: ""; }

.fa-shield:before { content: ""; }

.fa-calendar-o:before { content: ""; }

.fa-fire-extinguisher:before { content: ""; }

.fa-rocket:before { content: ""; }

.fa-maxcdn:before { content: ""; }

.fa-chevron-circle-left:before { content: ""; }

.fa-chevron-circle-right:before { content: ""; }

.fa-chevron-circle-up:before { content: ""; }

.fa-chevron-circle-down:before { content: ""; }

.fa-html5:before { content: ""; }

.fa-css3:before { content: ""; }

.fa-anchor:before { content: ""; }

.fa-unlock-alt:before { content: ""; }

.fa-bullseye:before { content: ""; }

.fa-ellipsis-h:before { content: ""; }

.fa-ellipsis-v:before { content: ""; }

.fa-rss-square:before { content: ""; }

.fa-play-circle:before { content: ""; }

.fa-ticket:before { content: ""; }

.fa-minus-square:before { content: ""; }

.fa-minus-square-o:before { content: ""; }

.fa-level-up:before { content: ""; }

.fa-level-down:before { content: ""; }

.fa-check-square:before { content: ""; }

.fa-pencil-square:before { content: ""; }

.fa-external-link-square:before { content: ""; }

.fa-share-square:before { content: ""; }

.fa-compass:before { content: ""; }

.fa-toggle-down:before, .fa-caret-square-o-down:before { content: ""; }

.fa-toggle-up:before, .fa-caret-square-o-up:before { content: ""; }

.fa-toggle-right:before, .fa-caret-square-o-right:before { content: ""; }

.fa-euro:before, .fa-eur:before { content: ""; }

.fa-gbp:before { content: ""; }

.fa-dollar:before, .fa-usd:before { content: ""; }

.fa-rupee:before, .fa-inr:before { content: ""; }

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: ""; }

.fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: ""; }

.fa-won:before, .fa-krw:before { content: ""; }

.fa-bitcoin:before, .fa-btc:before { content: ""; }

.fa-file:before { content: ""; }

.fa-file-text:before { content: ""; }

.fa-sort-alpha-asc:before { content: ""; }

.fa-sort-alpha-desc:before { content: ""; }

.fa-sort-amount-asc:before { content: ""; }

.fa-sort-amount-desc:before { content: ""; }

.fa-sort-numeric-asc:before { content: ""; }

.fa-sort-numeric-desc:before { content: ""; }

.fa-thumbs-up:before { content: ""; }

.fa-thumbs-down:before { content: ""; }

.fa-youtube-square:before { content: ""; }

.fa-youtube:before { content: ""; }

.fa-xing:before { content: ""; }

.fa-xing-square:before { content: ""; }

.fa-youtube-play:before { content: ""; }

.fa-dropbox:before { content: ""; }

.fa-stack-overflow:before { content: ""; }

.fa-instagram:before { content: ""; }

.fa-flickr:before { content: ""; }

.fa-adn:before { content: ""; }

.fa-bitbucket:before { content: ""; }

.fa-bitbucket-square:before { content: ""; }

.fa-tumblr:before { content: ""; }

.fa-tumblr-square:before { content: ""; }

.fa-long-arrow-down:before { content: ""; }

.fa-long-arrow-up:before { content: ""; }

.fa-long-arrow-left:before { content: ""; }

.fa-long-arrow-right:before { content: ""; }

.fa-apple:before { content: ""; }

.fa-windows:before { content: ""; }

.fa-android:before { content: ""; }

.fa-linux:before { content: ""; }

.fa-dribbble:before { content: ""; }

.fa-skype:before { content: ""; }

.fa-foursquare:before { content: ""; }

.fa-trello:before { content: ""; }

.fa-female:before { content: ""; }

.fa-male:before { content: ""; }

.fa-gittip:before { content: ""; }

.fa-sun-o:before { content: ""; }

.fa-moon-o:before { content: ""; }

.fa-archive:before { content: ""; }

.fa-bug:before { content: ""; }

.fa-vk:before { content: ""; }

.fa-weibo:before { content: ""; }

.fa-renren:before { content: ""; }

.fa-pagelines:before { content: ""; }

.fa-stack-exchange:before { content: ""; }

.fa-arrow-circle-o-right:before { content: ""; }

.fa-arrow-circle-o-left:before { content: ""; }

.fa-toggle-left:before, .fa-caret-square-o-left:before { content: ""; }

.fa-dot-circle-o:before { content: ""; }

.fa-wheelchair:before { content: ""; }

.fa-vimeo-square:before { content: ""; }

.fa-turkish-lira:before, .fa-try:before { content: ""; }

.fa-plus-square-o:before { content: ""; }

.modal { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; width: 100%; padding: 20px; }
.modal img { max-width: 100%; height: auto; }
.modal .inner { margin: 0 auto; max-width: 960px; position: relative; background: #f1f2f2; text-align: center; }
.modal .close { font-size: 20px; color: white; background: #0091ee; padding: 4px 10px; position: absolute; top: -30px; right: 0; cursor: pointer; font-weight: 700; }

#exposeMask { width: 100% !important; height: 100% !important; position: fixed !important; background-color: #000 !important; }

input:not([type="submit"]), textarea { -moz-transition: all 0.125s linear 0s; -webkit-transition: all 0.125s linear 0s; -o-transition: all 0.125s linear 0s; transition: all 0.125s linear 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; border: 1px solid #c9c9c9; padding: 10px; outline: none; width: 100%; background: white; font-weight: 300; }
input:not([type="submit"]):hover, textarea:hover { -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); border-color: #999999; }
input:not([type="submit"]):active, input:not([type="submit"]):focus, textarea:active, textarea:focus { border-color: #0091ee; }

label { margin-bottom: 10px; display: block; }

.field-set > li:not(:last-child) { margin-bottom: 20px; }

#searchform { position: relative; margin-bottom: 30px; }
#searchform .fa { position: absolute; top: 12px; right: 10px; color: #999999; }

#page-content .section-header, #hero .section-header { margin-bottom: 30px; }
#page-content .content a, #hero .content a { font-weight: 700; text-decoration: underline; }
#page-content .content h1 a, #page-content .content h2 a, #page-content .content h3 a, #hero .content h1 a, #hero .content h2 a, #hero .content h3 a { text-decoration: none; }
#page-content .content ul, #hero .content ul { list-style-type: disc; list-style-position: outside; padding-left: 20px; margin-bottom: 20px; }
#page-content .content ul.check-list, #hero .content ul.check-list { list-style-image: url(../images/check.png); }
#page-content .content ul li, #hero .content ul li { line-height: 1.5; }
#page-content .content ul li ul li, #hero .content ul li ul li { list-style-type: circle; }
#page-content .content img, #hero .content img { max-width: 100%; height: auto; }
#page-content .content blockquote, #hero .content blockquote { border-left: 3px solid #d9d9d9; padding-left: 30px; font-style: italic; }
#page-content .callout, #hero .callout { padding-top: 30px; padding-bottom: 30px; }
#page-content .single-content .content, #page-content .callout .content, #hero .single-content .content, #hero .callout .content { max-width: 800px; margin: 0 auto; }
#page-content .image-content-wrapper:after, #hero .image-content-wrapper:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }
#page-content .image-content-wrapper .play-wrapper, #hero .image-content-wrapper .play-wrapper { display: inline-block; position: relative; }
#page-content .image-content-wrapper .image-wrapper, #hero .image-content-wrapper .image-wrapper { text-align: center; margin-bottom: 20px; }
#page-content .image-content-wrapper .image-wrapper:after, #hero .image-content-wrapper .image-wrapper:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }
#page-content .image-content-wrapper .image-wrapper .image-overlay-wrapper, #hero .image-content-wrapper .image-wrapper .image-overlay-wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 3px solid #d9d9d9; display: inline-block; cursor: pointer; position: relative; }
#page-content .image-content-wrapper .image-wrapper .image-overlay-wrapper:hover > img, #hero .image-content-wrapper .image-wrapper .image-overlay-wrapper:hover > img { opacity: .8; }
#page-content .image-content-wrapper .image-wrapper .image-overlay-wrapper:hover .fa, #hero .image-content-wrapper .image-wrapper .image-overlay-wrapper:hover .fa { opacity: 1; }
#page-content .image-content-wrapper .image-wrapper img, #hero .image-content-wrapper .image-wrapper img { -moz-transition: opacity 0.125s linear 0s; -webkit-transition: opacity 0.125s linear 0s; -o-transition: opacity 0.125s linear 0s; transition: opacity 0.125s linear 0s; max-width: 100%; height: auto; }
#page-content .image-content-wrapper .fa, #hero .image-content-wrapper .fa { position: absolute; top: 50%; left: 50%; z-index: 2; }
#page-content .image-content-wrapper .fa-play-circle, #hero .image-content-wrapper .fa-play-circle { font-size: 80px; margin-top: -40px; margin-left: -35px; }
#page-content .image-content-wrapper .fa-arrows-alt, #hero .image-content-wrapper .fa-arrows-alt { -moz-transition: opacity 0.125s linear 0s; -webkit-transition: opacity 0.125s linear 0s; -o-transition: opacity 0.125s linear 0s; transition: opacity 0.125s linear 0s; font-size: 60px; margin-top: -30px; margin-left: -25px; opacity: 0; color: #5684c2; }
@media only screen and (min-width: 768px) { #page-content .image-content-wrapper.right .image-wrapper, #page-content .image-content-wrapper.right .content, #page-content .image-content-wrapper.right .image-overlay-wrapper, #hero .image-content-wrapper.right .image-wrapper, #hero .image-content-wrapper.right .content, #hero .image-content-wrapper.right .image-overlay-wrapper { float: right; }
  #page-content .image-content-wrapper.right .content, #hero .image-content-wrapper.right .content { padding-right: 30px; }
  #page-content .image-content-wrapper.left .image-wrapper, #page-content .image-content-wrapper.left .content, #page-content .image-content-wrapper.left .image-overlay-wrapper, #hero .image-content-wrapper.left .image-wrapper, #hero .image-content-wrapper.left .content, #hero .image-content-wrapper.left .image-overlay-wrapper { float: left; }
  #page-content .image-content-wrapper.left .content, #hero .image-content-wrapper.left .content { padding-left: 30px; }
  #page-content .image-content-wrapper .image-wrapper, #page-content .image-content-wrapper .content, #hero .image-content-wrapper .image-wrapper, #hero .image-content-wrapper .content { width: 50%; }
  #page-content .image-content-wrapper .image-wrapper, #hero .image-content-wrapper .image-wrapper { margin-bottom: 0; }
  #page-content .image-content-wrapper .content, #hero .image-content-wrapper .content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }
#page-content .section-divider, #hero .section-divider { -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; background-attachment: fixed; background-position: center; height: 100px; }
#page-content .section-divider.orange, #hero .section-divider.orange { padding-top: 50px !important; padding-bottom: 10px !important; }
@media only screen and (max-width: 768px) { #page-content .section-divider.orange, #hero .section-divider.orange { padding-bottom: 80px !important; } }
#page-content .section-divider .button-wrapper, #hero .section-divider .button-wrapper { position: relative; text-align: center; z-index: 1; }
#page-content .section-divider .button-wrapper .hero-demo-link, #hero .section-divider .button-wrapper .hero-demo-link { display: block; margin: 15px auto 0; text-transform: uppercase; text-decoration: underline; font-weight: 700; font-size: 1.2em; color: white; text-shadow: 1px 1px 0px #e29828, 1px 1px 0px #e29828; }
#page-content .section-divider .button-wrapper .hero-demo-link:hover, #hero .section-divider .button-wrapper .hero-demo-link:hover { color: #a0a0a0; }
#page-content .content-trio:after, #hero .content-trio:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }
#page-content .content-trio .trio-image, #hero .content-trio .trio-image { margin-bottom: 20px; border: solid 1px #b9b9b9; }
#page-content .content-trio .content, #hero .content-trio .content { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #d9d9d9; }
#page-content .content-trio .content:last-child, #hero .content-trio .content:last-child { border: none; }
#page-content .content-trio .content h1, #hero .content-trio .content h1 { margin-bottom: .25em; }
#page-content .content-trio .content h2, #hero .content-trio .content h2 { margin-bottom: 0; }
@media only screen and (min-width: 768px) { #page-content .content-trio, #hero .content-trio { margin-left: -20px; margin-right: -20px; }
  #page-content .content-trio .content, #hero .content-trio .content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 33.33%; padding-left: 20px; padding-right: 20px; margin-bottom: 0; padding-bottom: 0; border: none; } }
@media only screen and (max-width: 480px) { #page-content .content-trio iframe, #hero .content-trio iframe { max-width: 100%; height: auto; } }

.main-navigation, .page-template-page-microsite-home-php .microsite-nav, .page-template-page-microsite-secondary-php .microsite-nav, .page-template-page-microsite-default-php .microsite-nav { position: relative; display: inline-block; float: left; margin-left: 20px; }
.main-navigation:after, .page-template-page-microsite-home-php .microsite-nav:after, .page-template-page-microsite-secondary-php .microsite-nav:after, .page-template-page-microsite-default-php .microsite-nav:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }
.main-navigation .menu-toggle, .page-template-page-microsite-home-php .microsite-nav .menu-toggle, .page-template-page-microsite-secondary-php .microsite-nav .menu-toggle, .page-template-page-microsite-default-php .microsite-nav .menu-toggle { position: absolute; top: -35px; right: 0; font-size: 30px; color: white; cursor: pointer; }
.main-navigation .mobile-nav, .page-template-page-microsite-home-php .microsite-nav .mobile-nav, .page-template-page-microsite-secondary-php .microsite-nav .mobile-nav, .page-template-page-microsite-default-php .microsite-nav .mobile-nav { display: none; position: absolute; top: 10px; left: -30px; width: calc(100% + 50px); z-index: 100; }
.main-navigation .mobile-nav:after, .page-template-page-microsite-home-php .microsite-nav .mobile-nav:after, .page-template-page-microsite-secondary-php .microsite-nav .mobile-nav:after, .page-template-page-microsite-default-php .microsite-nav .mobile-nav:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }
.main-navigation .mobile-nav a, .page-template-page-microsite-home-php .microsite-nav .mobile-nav a, .page-template-page-microsite-secondary-php .microsite-nav .mobile-nav a, .page-template-page-microsite-default-php .microsite-nav .mobile-nav a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #e29828; /* The Fallback */ background: rgba(226, 152, 40, 0.99); display: block; float: left; width: 103vw;padding: 4.29%; border: 1px solid #fbb142; color: white; text-transform: uppercase; font-weight: 500; }
.main-navigation .mobile-nav a:hover, .page-template-page-microsite-home-php .microsite-nav .mobile-nav a:hover, .page-template-page-microsite-secondary-php .microsite-nav .mobile-nav a:hover, .page-template-page-microsite-default-php .microsite-nav .mobile-nav a:hover { background: #fbb142; }
.main-navigation .mobile-nav li ul, .page-template-page-microsite-home-php .microsite-nav .mobile-nav li ul, .page-template-page-microsite-secondary-php .microsite-nav .mobile-nav li ul, .page-template-page-microsite-default-php .microsite-nav .mobile-nav li ul { margin: 0 0 0 20px; }
.main-navigation .mobile-nav .menu-item-5323 a, .page-template-page-microsite-home-php .microsite-nav .mobile-nav .menu-item-5323 a, .page-template-page-microsite-secondary-php .microsite-nav .mobile-nav .menu-item-5323 a, .page-template-page-microsite-default-php .microsite-nav .mobile-nav .menu-item-5323 a { padding: 20px 5px; font-size: .9em; }
.main-navigation .desktop-nav, .page-template-page-microsite-home-php .microsite-nav .desktop-nav, .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav, .page-template-page-microsite-default-php .microsite-nav .desktop-nav { display: none; float: left; position: relative; background: #444444; }
.main-navigation .desktop-nav > li, .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li, .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li, .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li { position: relative; float: left; min-width: 55px; height: 60px; text-align: left; background: rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.25); }
@media only screen and (min-width: 1061px) { .main-navigation .desktop-nav > li:last-child, .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li:last-child, .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li:last-child, .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li:last-child { display: block; } }


@media only screen and (max-width: 1060px) { .main-navigation .desktop-nav > li:last-child, .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li:last-child, .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li:last-child, .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li:last-child { display: none; }
  .main-navigation .desktop-nav > li:last-child.nav-signup, .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li:last-child.nav-signup, .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li:last-child.nav-signup, .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li:last-child.nav-signup { display: block; } }


.main-navigation .desktop-nav > li.current_page_item a, .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li.current_page_item a, .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li.current_page_item a, .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li.current_page_item a, .main-navigation .desktop-nav > li.current_page_parent a, .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li.current_page_parent a, .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li.current_page_parent a, .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li.current_page_parent a { border-bottom-color: rgba(251, 177, 66, 0.8) !important; }
.main-navigation .desktop-nav > li a:hover, .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li a:hover, .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li a:hover, .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li a:hover { border-bottom-color: rgba(255, 255, 255, 0.2); margin-left: 10px; }

.main-navigation .desktop-nav > li a, .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li a, .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li a, .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-transition: border-color 0.125s linear 0s; -webkit-transition: border-color 0.125s linear 0s; -o-transition: border-color 0.125s linear 0s; transition: border-color 0.125s linear 0s; font-size: 1.3rem; display: block; line-height: 40px; color: white; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; margin-left: 10px; margin-right: 10px; height: 40px; border-bottom: 1px solid transparent; }

@media only screen and (min-width:960px) and (max-width: 1000px) { .main-navigation .desktop-nav > li a, .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li a, .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li a, .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li a { font-size: 1.25rem; }

.main-navigation.top-right-nav .desktop-nav li a, .page-template-page-microsite-home-php .top-right-nav.microsite-nav .desktop-nav li a, .page-template-page-microsite-secondary-php .top-right-nav.microsite-nav .desktop-nav li a, .page-template-page-microsite-default-php .top-right-nav.microsite-nav .desktop-nav li a { font-size: 1.2rem;

 }

 .top-logo  {
 	width:13% !important;
 }

}
.main-navigation .desktop-nav > li a:last-child, .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li a:last-child, .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li a:last-child, .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li a:last-child { margin-right: none; }
.main-navigation .desktop-nav > li ul, .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li ul, .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li ul, .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li ul { position: absolute; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; transition-property: top; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; top: -140px; left: 0; background: #444444; z-index: -1; }
.main-navigation .desktop-nav > li ul li, .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li ul li, .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li ul li, .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li ul li { min-width: 150px; text-align: left; font-size: .9em; background: rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.25); }
.main-navigation .desktop-nav > li ul li a, .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li ul li a, .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li ul li a, .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li ul li a { font-size: .85em; text-shadow: 1px 1px 1px #444444; }
.main-navigation .desktop-nav > li ul li:last-child a, .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li ul li:last-child a, .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li ul li:last-child a, .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li ul li:last-child a { border: none; }
.main-navigation .desktop-nav > li ul li ul, .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li ul li ul, .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li ul li ul, .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li ul li ul, .main-navigation .desktop-nav > li ul li #menu-item-4149 > ul:nth-child(2), .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li ul li #menu-item-4149 > ul:nth-child(2), .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li ul li #menu-item-4149 > ul:nth-child(2), .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li ul li #menu-item-4149 > ul:nth-child(2) { top: 0 !important; left: 150px !important; width: 310px; }
.main-navigation .desktop-nav > li ul li ul li a, .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li ul li ul li a, .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li ul li ul li a, .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li ul li ul li a, .main-navigation .desktop-nav > li ul li #menu-item-4149 > ul:nth-child(2) li a, .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li ul li #menu-item-4149 > ul:nth-child(2) li a, .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li ul li #menu-item-4149 > ul:nth-child(2) li a, .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li ul li #menu-item-4149 > ul:nth-child(2) li a { color: white; font-size: 1em; font-weight: 500; }
.main-navigation .desktop-nav > li ul li ul li a:hover, .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li ul li ul li a:hover, .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li ul li ul li a:hover, .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li ul li ul li a:hover, .main-navigation .desktop-nav > li ul li #menu-item-4149 > ul:nth-child(2) li a:hover, .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li ul li #menu-item-4149 > ul:nth-child(2) li a:hover, .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li ul li #menu-item-4149 > ul:nth-child(2) li a:hover, .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li ul li #menu-item-4149 > ul:nth-child(2) li a:hover { color: #fbb142; }
.main-navigation .desktop-nav > li ul li:hover a, .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li ul li:hover a, .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li ul li:hover a, .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li ul li:hover a { color: #fbb142; font-weight: 500; }
.main-navigation .desktop-nav > li:hover ul, .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li:hover ul, .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li:hover ul, .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li:hover ul { left: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; transition-property: top; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; top: 60px; }
.main-navigation .desktop-nav .signup-button a, .page-template-page-microsite-home-php .microsite-nav .desktop-nav .signup-button a, .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav .signup-button a, .page-template-page-microsite-default-php .microsite-nav .desktop-nav .signup-button a { position: relative; margin-left: 30px; }
.main-navigation .desktop-nav .signup-button a:before, .page-template-page-microsite-home-php .microsite-nav .desktop-nav .signup-button a:before, .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav .signup-button a:before, .page-template-page-microsite-default-php .microsite-nav .desktop-nav .signup-button a:before { content: ''; border-left: 1px solid rgba(255, 255, 255, 0.5); position: absolute; top: 0; left: -20px; height: 100%; }
@media only screen and (min-width: 960px) { .main-navigation .menu-toggle, .page-template-page-microsite-home-php .microsite-nav .menu-toggle, .page-template-page-microsite-secondary-php .microsite-nav .menu-toggle, .page-template-page-microsite-default-php .microsite-nav .menu-toggle { display: none; }
  .main-navigation .mobile-nav, .page-template-page-microsite-home-php .microsite-nav .mobile-nav, .page-template-page-microsite-secondary-php .microsite-nav .mobile-nav, .page-template-page-microsite-default-php .microsite-nav .mobile-nav { display: none; }
  .main-navigation .desktop-nav, .page-template-page-microsite-home-php .microsite-nav .desktop-nav, .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav, .page-template-page-microsite-default-php .microsite-nav .desktop-nav { display: block; }
  .main-navigation #header_bg, .page-template-page-microsite-home-php .microsite-nav #header_bg, .page-template-page-microsite-secondary-php .microsite-nav #header_bg, .page-template-page-microsite-default-php .microsite-nav #header_bg { display: block; } }

.main-navigation.top-right-nav, .page-template-page-microsite-home-php .top-right-nav.microsite-nav, .page-template-page-microsite-secondary-php .top-right-nav.microsite-nav, .page-template-page-microsite-default-php .top-right-nav.microsite-nav { display: inline-block; float: right; margin-left: 0; z-index: 999999; }
@media only screen and (max-width: 1000px) { .main-navigation.top-right-nav, .page-template-page-microsite-home-php .top-right-nav.microsite-nav, .page-template-page-microsite-secondary-php .top-right-nav.microsite-nav, .page-template-page-microsite-default-php .top-right-nav.microsite-nav { font-size: .9em; } }
.main-navigation.top-right-nav .desktop-nav li, .page-template-page-microsite-home-php .top-right-nav.microsite-nav .desktop-nav li, .page-template-page-microsite-secondary-php .top-right-nav.microsite-nav .desktop-nav li, .page-template-page-microsite-default-php .top-right-nav.microsite-nav .desktop-nav li { min-width: 0; }
.main-navigation.top-right-nav .desktop-nav li a, .page-template-page-microsite-home-php .top-right-nav.microsite-nav .desktop-nav li a, .page-template-page-microsite-secondary-php .top-right-nav.microsite-nav .desktop-nav li a, .page-template-page-microsite-default-php .top-right-nav.microsite-nav .desktop-nav li a { font-size: 1.25rem; text-transform: capitalize; }
.main-navigation.top-right-nav .desktop-nav li a:hover, .page-template-page-microsite-home-php .top-right-nav.microsite-nav .desktop-nav li a:hover, .page-template-page-microsite-secondary-php .top-right-nav.microsite-nav .desktop-nav li a:hover, .page-template-page-microsite-default-php .top-right-nav.microsite-nav .desktop-nav li a:hover { color: #fbb142; border-bottom: 1px solid transparent; }
.main-navigation.top-right-nav .desktop-nav li.current_page_item a, .page-template-page-microsite-home-php .top-right-nav.microsite-nav .desktop-nav li.current_page_item a, .page-template-page-microsite-secondary-php .top-right-nav.microsite-nav .desktop-nav li.current_page_item a, .page-template-page-microsite-default-php .top-right-nav.microsite-nav .desktop-nav li.current_page_item a, .main-navigation.top-right-nav .desktop-nav li.current_page_parent a, .page-template-page-microsite-home-php .top-right-nav.microsite-nav .desktop-nav li.current_page_parent a, .page-template-page-microsite-secondary-php .top-right-nav.microsite-nav .desktop-nav li.current_page_parent a, .page-template-page-microsite-default-php .top-right-nav.microsite-nav .desktop-nav li.current_page_parent a { border: none; color: #fbb142; }
.main-navigation.top-right-nav #menu-top-right.mobile-nav, .page-template-page-microsite-home-php .top-right-nav.microsite-nav #menu-top-right.mobile-nav, .page-template-page-microsite-secondary-php .top-right-nav.microsite-nav #menu-top-right.mobile-nav, .page-template-page-microsite-default-php .top-right-nav.microsite-nav #menu-top-right.mobile-nav { left: 50%; }
@media only screen and (max-width: 767px) { .main-navigation.top-right-nav #menu-top-right.mobile-nav, .page-template-page-microsite-home-php .top-right-nav.microsite-nav #menu-top-right.mobile-nav, .page-template-page-microsite-secondary-php .top-right-nav.microsite-nav #menu-top-right.mobile-nav, .page-template-page-microsite-default-php .top-right-nav.microsite-nav #menu-top-right.mobile-nav { width: calc(50% + 20px); } }
@media only screen and (min-width: 768px) { .main-navigation.top-right-nav #menu-top-right.mobile-nav, .page-template-page-microsite-home-php .top-right-nav.microsite-nav #menu-top-right.mobile-nav, .page-template-page-microsite-secondary-php .top-right-nav.microsite-nav #menu-top-right.mobile-nav, .page-template-page-microsite-default-php .top-right-nav.microsite-nav #menu-top-right.mobile-nav { width: calc(50% + 30px); } }
@media only screen and (max-width: 959px) { .main-navigation.top-right-nav, .page-template-page-microsite-home-php .top-right-nav.microsite-nav, .page-template-page-microsite-secondary-php .top-right-nav.microsite-nav, .page-template-page-microsite-default-php .top-right-nav.microsite-nav { width: 100%; } }

#header_bg { display: none; position: absolute; top: 0; width: 100%; height: 20px; background: #444444; box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.25); }
#header_bg #header_fg { position: absolute; top: 0; width: 100%; height: 20px; background: rgba(0, 0, 0, 0.1); }
#header_bg + .wrapper { position: relative; }

.page-template-homepage_template-php #site-header, .page-template-homepage2015_template-php #site-header, #home #site-header { background: #353535;
	         
	     	 z-index:10;
	     	 width:100vw;
	     	
}
.page-template-homepage_template-php #header_bg, .page-template-homepage2015_template-php #header_bg, #home #header_bg { background: transparent; box-shadow: none; }
.page-template-homepage_template-php #header_bg #header_fg, .page-template-homepage2015_template-php #header_bg #header_fg, #home #header_bg #header_fg { background: transparent; }
.page-template-homepage_template-php .main-navigation .desktop-nav, .page-template-homepage2015_template-php .main-navigation .desktop-nav, .page-template-homepage_template-php .page-template-page-microsite-home-php .microsite-nav .desktop-nav, .page-template-page-microsite-home-php .page-template-homepage_template-php .microsite-nav .desktop-nav, .page-template-homepage2015_template-php .page-template-page-microsite-home-php .microsite-nav .desktop-nav, .page-template-page-microsite-home-php .page-template-homepage2015_template-php .microsite-nav .desktop-nav, .page-template-homepage_template-php .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav, .page-template-page-microsite-secondary-php .page-template-homepage_template-php .microsite-nav .desktop-nav, .page-template-homepage2015_template-php .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav, .page-template-page-microsite-secondary-php .page-template-homepage2015_template-php .microsite-nav .desktop-nav, .page-template-homepage_template-php .page-template-page-microsite-default-php .microsite-nav .desktop-nav, .page-template-page-microsite-default-php .page-template-homepage_template-php .microsite-nav .desktop-nav, .page-template-homepage2015_template-php .page-template-page-microsite-default-php .microsite-nav .desktop-nav, .page-template-page-microsite-default-php .page-template-homepage2015_template-php .microsite-nav .desktop-nav, #home .main-navigation .desktop-nav, #home .page-template-page-microsite-home-php .microsite-nav .desktop-nav, .page-template-page-microsite-home-php #home .microsite-nav .desktop-nav, #home .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav, .page-template-page-microsite-secondary-php #home .microsite-nav .desktop-nav, #home .page-template-page-microsite-default-php .microsite-nav .desktop-nav, .page-template-page-microsite-default-php #home .microsite-nav .desktop-nav { background: transparent; }
.page-template-homepage_template-php .main-navigation .desktop-nav > li, .page-template-homepage2015_template-php .main-navigation .desktop-nav > li, .page-template-homepage_template-php .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li, .page-template-page-microsite-home-php .page-template-homepage_template-php .microsite-nav .desktop-nav > li, .page-template-homepage2015_template-php .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li, .page-template-page-microsite-home-php .page-template-homepage2015_template-php .microsite-nav .desktop-nav > li, .page-template-homepage_template-php .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li, .page-template-page-microsite-secondary-php .page-template-homepage_template-php .microsite-nav .desktop-nav > li, .page-template-homepage2015_template-php .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li, .page-template-page-microsite-secondary-php .page-template-homepage2015_template-php .microsite-nav .desktop-nav > li, .page-template-homepage_template-php .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li, .page-template-page-microsite-default-php .page-template-homepage_template-php .microsite-nav .desktop-nav > li, .page-template-homepage2015_template-php .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li, .page-template-page-microsite-default-php .page-template-homepage2015_template-php .microsite-nav .desktop-nav > li, #home .main-navigation .desktop-nav > li, #home .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li, .page-template-page-microsite-home-php #home .microsite-nav .desktop-nav > li, #home .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li, .page-template-page-microsite-secondary-php #home .microsite-nav .desktop-nav > li, #home .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li, .page-template-page-microsite-default-php #home .microsite-nav .desktop-nav > li { background: transparent; box-shadow: none; }
.page-template-homepage_template-php .main-navigation .desktop-nav > li ul, .page-template-homepage2015_template-php .main-navigation .desktop-nav >                             li ul, .page-template-homepage_template-php .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li ul, .page-template-page-microsite-home-php .page-template-homepage_template-php .microsite-nav .desktop-nav > li ul, .page-template-homepage2015_template-php .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li ul, .page-template-page-microsite-home-php .page-template-homepage2015_template-php .microsite-nav .desktop-nav > li ul, .page-template-homepage_template-php .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li ul, .page-template-page-microsite-secondary-php .page-template-homepage_template-php .microsite-nav .desktop-nav > li ul, .page-template-homepage2015_template-php .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li ul, .page-template-page-microsite-secondary-php .page-template-homepage2015_template-php .microsite-nav .desktop-nav > li ul, .page-template-homepage_template-php .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li ul, .page-template-page-microsite-default-php .page-template-homepage_template-php .microsite-nav .desktop-nav > li ul, .page-template-homepage2015_template-php .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li ul, .page-template-page-microsite-default-php .page-template-homepage2015_template-php .microsite-nav .desktop-nav > li ul, #home .main-navigation .desktop-nav > li ul, #home .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li ul, .page-template-page-microsite-home-php #home .microsite-nav .desktop-nav > li ul, #home .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li ul, .page-template-page-microsite-secondary-php #home .microsite-nav .desktop-nav > li ul, #home .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li ul, .page-template-page-microsite-default-php #home .microsite-nav .desktop-nav > li ul { top: -2000px; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; transition-property: top; -webkit-transition-duration: .01s; -moz-transition-duration: .01s; -o-transition-duration: .01s; transition-duration: .01s; background: rgba(0, 0, 0, 0.6); }
.page-template-homepage_template-php .main-navigation .desktop-nav > li ul li, .page-template-homepage2015_template-php .main-navigation .desktop-nav > li ul li, .page-template-homepage_template-php .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li ul li, .page-template-page-microsite-home-php .page-template-homepage_template-php .microsite-nav .desktop-nav > li ul li, .page-template-homepage2015_template-php .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li ul li, .page-template-page-microsite-home-php .page-template-homepage2015_template-php .microsite-nav .desktop-nav > li ul li, .page-template-homepage_template-php .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li ul li, .page-template-page-microsite-secondary-php .page-template-homepage_template-php .microsite-nav .desktop-nav > li ul li, .page-template-homepage2015_template-php .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li ul li, .page-template-page-microsite-secondary-php .page-template-homepage2015_template-php .microsite-nav .desktop-nav > li ul li, .page-template-homepage_template-php .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li ul li, .page-template-page-microsite-default-php .page-template-homepage_template-php .microsite-nav .desktop-nav > li ul li, .page-template-homepage2015_template-php .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li ul li, .page-template-page-microsite-default-php .page-template-homepage2015_template-php .microsite-nav .desktop-nav > li ul li, #home .main-navigation .desktop-nav > li ul li, #home .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li ul li, .page-template-page-microsite-home-php #home .microsite-nav .desktop-nav > li ul li, #home .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li ul li, .page-template-page-microsite-secondary-php #home .microsite-nav .desktop-nav > li ul li, #home .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li ul li, .page-template-page-microsite-default-php #home .microsite-nav .desktop-nav > li ul li { box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.4); }
.page-template-homepage_template-php .main-navigation .desktop-nav > li ul li:hover a, .page-template-homepage2015_template-php .main-navigation .desktop-nav > li ul li:hover a, .page-template-homepage_template-php .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li ul li:hover a, .page-template-page-microsite-home-php .page-template-homepage_template-php .microsite-nav .desktop-nav > li ul li:hover a, .page-template-homepage2015_template-php .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li ul li:hover a, .page-template-page-microsite-home-php .page-template-homepage2015_template-php .microsite-nav .desktop-nav > li ul li:hover a, .page-template-homepage_template-php .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li ul li:hover a, .page-template-page-microsite-secondary-php .page-template-homepage_template-php .microsite-nav .desktop-nav > li ul li:hover a, .page-template-homepage2015_template-php .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li ul li:hover a, .page-template-page-microsite-secondary-php .page-template-homepage2015_template-php .microsite-nav .desktop-nav > li ul li:hover a, .page-template-homepage_template-php .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li ul li:hover a, .page-template-page-microsite-default-php .page-template-homepage_template-php .microsite-nav .desktop-nav > li ul li:hover a, .page-template-homepage2015_template-php .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li ul li:hover a, .page-template-page-microsite-default-php .page-template-homepage2015_template-php .microsite-nav .desktop-nav > li ul li:hover a, #home .main-navigation .desktop-nav > li ul li:hover a, #home .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li ul li:hover a, .page-template-page-microsite-home-php #home .microsite-nav .desktop-nav > li ul li:hover a, #home .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li ul li:hover a, .page-template-page-microsite-secondary-php #home .microsite-nav .desktop-nav > li ul li:hover a, #home .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li ul li:hover a, .page-template-page-microsite-default-php #home .microsite-nav .desktop-nav > li ul li:hover a { color: #fdfdfd; font-weight: 500; }
.page-template-homepage_template-php .main-navigation .desktop-nav > li:hover ul, .page-template-homepage2015_template-php .main-navigation .desktop-nav > li:hover ul, .page-template-homepage_template-php .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li:hover ul, .page-template-page-microsite-home-php .page-template-homepage_template-php .microsite-nav .desktop-nav > li:hover ul, .page-template-homepage2015_template-php .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li:hover ul, .page-template-page-microsite-home-php .page-template-homepage2015_template-php .microsite-nav .desktop-nav > li:hover ul, .page-template-homepage_template-php .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li:hover ul, .page-template-page-microsite-secondary-php .page-template-homepage_template-php .microsite-nav .desktop-nav > li:hover ul, .page-template-homepage2015_template-php .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li:hover ul, .page-template-page-microsite-secondary-php .page-template-homepage2015_template-php .microsite-nav .desktop-nav > li:hover ul, .page-template-homepage_template-php .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li:hover ul, .page-template-page-microsite-default-php .page-template-homepage_template-php .microsite-nav .desktop-nav > li:hover ul, .page-template-homepage2015_template-php .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li:hover ul, .page-template-page-microsite-default-php .page-template-homepage2015_template-php .microsite-nav .desktop-nav > li:hover ul, #home .main-navigation .desktop-nav > li:hover ul, #home .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li:hover ul, .page-template-page-microsite-home-php #home .microsite-nav .desktop-nav > li:hover ul, #home .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li:hover ul, .page-template-page-microsite-secondary-php #home .microsite-nav .desktop-nav > li:hover ul, #home .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li:hover ul, .page-template-page-microsite-default-php #home .microsite-nav .desktop-nav > li:hover ul { top: 60px; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; transition-property: top; -webkit-transition-duration: .01s; -moz-transition-duration: .01s; -o-transition-duration: .01s; transition-duration: .01s; }

@media only screen and (min-width: 960px) { #header_bg { display: block; } }
#site-footer .menu { margin-bottom: 20px; }
#site-footer .menu:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }
#site-footer .menu > li { display: inline-block; margin-right: 10px; margin-bottom: 10px; }
#site-footer .menu > li a { display: block; text-decoration: none; }
@media only screen and (min-width: 768px) { #site-footer .menu > li { margin-right: 20px; } }
#site-footer .footer-nav-top a { color: #f1f2f2; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; }
#site-footer .footer-nav-top a:hover { color: white; }
#site-footer .footer-nav-bottom a { color: #c9c9c9; font-style: italic; font-family: "museo-slab", sans-serif; font-weight: 700; }
#site-footer .footer-nav-bottom a:hover { color: #f1f2f2; }
#site-footer .social-nav { float: right; margin-bottom: 20px; }
#site-footer .social-nav li { display: inline-block; margin-right: 20px; }
#site-footer .social-nav li:last-child { margin-right: 0; }
#site-footer .social-nav a { font-size: 26px; font-size: 2.6rem; color: #c9c9c9; }
#site-footer .social-nav a:hover { color: #f1f2f2; }
@media only screen and (max-width: 480px) { #site-footer .social-nav { float: none; } }
#site-footer .contact-info { float: right; clear: right; text-align: right; line-height: 1.8; }
#site-footer .contact-info .contact-phone, #site-footer .contact-info .contact-email { display: inline-block; }
#site-footer .contact-info .contact-email { margin-right: 15px; }
#site-footer .contact-info a { color: #c9c9c9; }
#site-footer .contact-info a:hover { color: #f1f2f2; }
#site-footer .contact-info a span { margin-right: 5px; }
@media only screen and (max-width: 480px) { #site-footer .contact-info { float: none; width: 90%; margin: 20px auto 0; text-align: center; } }

#pricing-table { -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; background-attachment: fixed; background-position: center; text-align: center; }
#pricing-table .columns { display: inline-block; margin-bottom: 20px; }
#pricing-table .columns:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }
#pricing-table .columns .column { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 66.5%; background: white; padding: 30px; margin-bottom: 30px; }
@media only screen and (max-width: 768px) { #pricing-table .columns .column { width: 100%; } }
#pricing-table .columns .column:not(.not-featured) { -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); position: relative; z-index: 100; }
#pricing-table .columns .column .plan-pic { width: 100%; max-width: 280px; height: auto; display: block; margin: 0 auto 20px; }
#pricing-table .columns .not-featured { width: 33.5%; margin-top: 10px; }
@media only screen and (max-width: 768px) { #pricing-table .columns .not-featured { width: 100%; } }
#pricing-table .columns .not-featured .plan-pic { margin-top: 25px; margin-left: -20px; }
@media only screen and (max-width: 768px) { #pricing-table .columns .not-featured .plan-pic { margin: 0 auto; } }
#pricing-table .columns .not-featured h2 { background: #e29828; }
#pricing-table .columns .not-featured .button-orange { background: #e29828; }
#pricing-table .columns .not-featured .button-orange:hover { background: #bd7c1a !important; }
@media only screen and (min-width: 768px) { #pricing-table .columns .column { float: left; display: inline-block; } }
#pricing-table h1 { font-size: 48px; font-size: 4.8rem; font-weight: 100; }
#pricing-table h2 { font-size: 20px; font-size: 2rem; background: #fbb142; padding: 10px; color: white; margin: -30px -30px 0.5em; }
#pricing-table .price-details { font-size: 12px; font-size: 1.2rem; color: #999999; margin-top: -25px; margin-bottom: 15px; height: 14px; }
#pricing-table .button-orange { display: block; }
#pricing-table .feature { font-size: 15px; font-size: 1.5rem; text-align: left; padding-top: 10px; margin-bottom: 10px; color: #656565; font-weight: 300; padding-left: 0; position: relative; }
#pricing-table .feature .fa { position: absolute; top: 11px; left: -20px; }
#pricing-table .feature .fa-check { color: #56c25b; }
#pricing-table .feature .fa-times { color: #c25656; }
#pricing-table .feature p { margin-bottom: 0; }
#pricing-table .feature a { text-decoration: underline; }
#pricing-table .not-heading { font-weight: 300; list-style-type: disc; margin-left: 20px; padding-top: 0; margin-bottom: 5px; }
#pricing-table .heading { font-weight: 500; }
#pricing-table .vo_heading { font-size: 2.8rem; }
#pricing-table .after-pricing { color: #444444; margin-bottom: 0; }
#pricing-table .after-pricing a { -moz-transition: color 0.125s linear 0s; -webkit-transition: color 0.125s linear 0s; -o-transition: color 0.125s linear 0s; transition: color 0.125s linear 0s; color: #444444; text-decoration: none; text-decoration: underline; }
#pricing-table .after-pricing a:hover, #pricing-table .after-pricing a:focus, #pricing-table .after-pricing a:active { color: #1e1e1e; }

#compare-copy .content p { font-style: italic; }

.page-id-152 #page-content .single-content .content, .page-id-4508 #page-content .single-content .content, .page-id-2611 #page-content .single-content .content { max-width: 850px; }
.page-id-152 h2, .page-id-4508 h2, .page-id-2611 h2 { font-size: 1.8rem; }
@media only screen and (min-width: 768px) { .page-id-152 h2, .page-id-4508 h2, .page-id-2611 h2 { font-size: 2.6rem; } }
.page-id-152 #page-content section.white, .page-id-4508 #page-content section.white, .page-id-2611 #page-content section.white { padding-top: 30px; padding-bottom: 10px; }
.page-id-152 #comparison-table, .page-id-4508 #comparison-table, .page-id-2611 #comparison-table { padding-top: 50px; }

.faq h3, #pricing-faq h3 { background: #e6e6e6; color: #444; border-left: 10px solid #ccc; padding: 3px 10px; }

.photo-grid { border: solid 1px #b9b9b9; }
.photo-grid:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }
.photo-grid .photo-wrapper { float: left; position: relative; padding-top: 50%; width: 50%; overflow: hidden; }
.photo-grid .photo-wrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.photo-grid .photo-wrapper:hover img { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -webkit-backface-visibility: hidden; -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); }
.photo-grid .photo-wrapper:hover .content { opacity: 1; }
.photo-grid .photo-wrapper .content { background: #e29828; /* The Fallback */ background: rgba(226, 152, 40, 0.6); width: 100%; padding-top: 10px; padding-bottom: 10px; text-align: center; position: absolute; bottom: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.photo-grid .photo-wrapper .content .name, .photo-grid .photo-wrapper .content .title { color: white; }
.photo-grid .photo-wrapper .content .name { font-weight: 500; margin-bottom: 5px; }
.photo-grid .photo-wrapper .content .title { font-size: 12px; font-size: 1.2rem; font-family: "museo-slab", sans-serif; font-weight: 700; font-style: italic; }
@media only screen and (min-width: 480px) { .photo-grid .photo-wrapper { width: 33.33%; padding-top: 33.33%; } }
@media only screen and (min-width: 768px) { .photo-grid .photo-wrapper { width: 25%; padding-top: 25%; } }
@media only screen and (min-width: 960px) { .photo-grid .photo-wrapper { width: 20%; padding-top: 20%; }
  .photo-grid .photo-wrapper .content { opacity: 0; -moz-transition: opacity 0.25s linear 0s; -webkit-transition: opacity 0.25s linear 0s; -o-transition: opacity 0.25s linear 0s; transition: opacity 0.25s linear 0s; top: 0; bottom: inherit; height: 100%; padding-top: 30%; padding-bottom: 0; }
  .photo-grid .photo-wrapper .content .name { font-size: 24px; font-size: 2.4rem; font-weight: 300; margin-bottom: 10px; }
  .photo-grid .photo-wrapper .content .title { font-size: 14px; font-size: 1.4rem; } }

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } }
@keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } }
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

.page-template-homepage_template-php #hero, .page-template-homepage2015_template-php #hero { overflow: hidden; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; background-position: center; padding-top: 30px; padding-bottom: 30px; background-attachment: fixed; text-align: center; color: white; }
@media only screen and (max-width: 768px) { .page-template-homepage_template-php #hero, .page-template-homepage2015_template-php #hero { padding-bottom: 0; } }
@media only screen and (max-width: 480px) { .page-template-homepage_template-php #hero, .page-template-homepage2015_template-php #hero { padding-top: 15px; } }
.page-template-homepage_template-php #hero .wrapper, .page-template-homepage2015_template-php #hero .wrapper { position: relative; }
@media only screen and (min-width: 1500px) { .page-template-homepage_template-php #hero .wrapper, .page-template-homepage2015_template-php #hero .wrapper { max-width: 1200px; } }
@media only screen and (min-width: 2000px) { .page-template-homepage_template-php #hero .wrapper, .page-template-homepage2015_template-php #hero .wrapper { max-width: 1440px; } }
.page-template-homepage_template-php #hero .wrapper hgroup, .page-template-homepage2015_template-php #hero .wrapper hgroup { margin: 1em 0; }
.page-template-homepage_template-php #hero .wrapper h1, .page-template-homepage2015_template-php #hero .wrapper h1 { font-size: 60px; font-size: 6rem; font-weight: 900; letter-spacing: -2px; text-shadow: 0 0 1px #000, 0 0 2px #000; margin-bottom: 10px; font-size: 50px; font-size: 5rem; }
@media only screen and (min-width: 1500px) { .page-template-homepage_template-php #hero .wrapper h1, .page-template-homepage2015_template-php #hero .wrapper h1 { margin-bottom: 20px; font-size: 5.75rem; } }
@media only screen and (min-width: 2000px) { .page-template-homepage_template-php #hero .wrapper h1, .page-template-homepage2015_template-php #hero .wrapper h1 { margin-bottom: 25px; font-size: 6.5rem; } }
@media only screen and (max-width: 960px) { .page-template-homepage_template-php #hero .wrapper h1, .page-template-homepage2015_template-php #hero .wrapper h1 { font-size: 4rem; margin-top:60px;} }
@media only screen and (max-width: 480px) { .page-template-homepage_template-php #hero .wrapper h1, .page-template-homepage2015_template-php #hero .wrapper h1 { font-size: 3.75rem; line-height: 1; } }
.page-template-homepage_template-php #hero .wrapper ul, .page-template-homepage2015_template-php #hero .wrapper ul { text-transform: uppercase; letter-spacing: 1px; display: inline-block; font-size: 18px; font-size: 1.8rem; }
@media only screen and (max-width: 768px) { .page-template-homepage_template-php #hero .wrapper ul, .page-template-homepage2015_template-php #hero .wrapper ul { margin-bottom: 1em; } }
.page-template-homepage_template-php #hero .wrapper ul > li, .page-template-homepage2015_template-php #hero .wrapper ul > li { display: inline; }
.page-template-homepage_template-php #hero .wrapper ul > li:first-child:before, .page-template-homepage2015_template-php #hero .wrapper ul > li:first-child:before { content: ''; }
.page-template-homepage_template-php #hero .wrapper ul > li:before, .page-template-homepage2015_template-php #hero .wrapper ul > li:before { content: ' + '; }
@media only screen and (max-width: 480px) { .page-template-homepage_template-php #hero .wrapper ul > li:before, .page-template-homepage2015_template-php #hero .wrapper ul > li:before { content: ''; } }
@media only screen and (max-width: 480px) { .page-template-homepage_template-php #hero .wrapper ul > li, .page-template-homepage2015_template-php #hero .wrapper ul > li { clear: both; font-size: 1em; } }
.page-template-homepage_template-php #hero .wrapper .button-wrapper, .page-template-homepage2015_template-php #hero .wrapper .button-wrapper { margin-top: 25px; }
@media only screen and (max-width: 768px) { .page-template-homepage_template-php #hero .wrapper .button-wrapper, .page-template-homepage2015_template-php #hero .wrapper .button-wrapper { margin-bottom: 25px; } }
.page-template-homepage_template-php p, .page-template-homepage2015_template-php p { font-size: 18px; font-size: 1.8rem; line-height: 2; font-weight: 300; }
.page-template-homepage_template-php .site-content, .page-template-homepage2015_template-php .site-content { padding-top: 0; overflow: hidden; }
.page-template-homepage_template-php #page-content, .page-template-homepage2015_template-php #page-content { position: relative; }
.page-template-homepage_template-php #page-content .callout .content, .page-template-homepage2015_template-php #page-content .callout .content { max-width: 1020px; }

#video { position: relative; }

#scroll-indicator { display: block; border: solid 75px transparent; border-bottom: solid 50px #fff; position: absolute; top: -100px; }

.page-template-homepage2015_template-php .shadows, .page-template-homepage2015_template-php #shadows { text-align: center; }
.page-template-homepage2015_template-php .modal .inner { max-width: 720px; background: #000000; }
.page-template-homepage2015_template-php h1 { margin-bottom: 15px; text-align: center; }
@media only screen and (max-width: 480px) { .page-template-homepage2015_template-php h1 { font-size: 3rem; } }
.page-template-homepage2015_template-php #hero { min-height: 600px; overflow: hidden; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; background-position: center; padding-top: 30px; padding-bottom: 30px; background-attachment: fixed; text-align: center; color: white; }
@media only screen and (max-width: 768px) { .page-template-homepage2015_template-php #hero { padding-bottom: 20px; } }
@media only screen and (max-width: 480px) { .page-template-homepage2015_template-php #hero { padding-top: 15px; } }
@media only screen and (min-width: 768px) { .page-template-homepage2015_template-php #hero .wrapper { position: relative; } }
@media only screen and (min-width: 768px) and (max-width: 480px) { .page-template-homepage2015_template-php #hero .wrapper { padding-bottom: 45px; } }
@media only screen and (min-width: 768px) and (min-width: 1500px) { .page-template-homepage2015_template-php #hero .wrapper { max-width: 1200px; } }
@media only screen and (min-width: 768px) and (min-width: 2000px) { .page-template-homepage2015_template-php #hero .wrapper { max-width: 1440px; } }

.page-template-homepage2015_template-php #hero ul { text-transform: uppercase; letter-spacing: 1px; display: inline-block; font-size: 18px; font-size: 1.8rem; }
.page-template-homepage2015_template-php #hero ul > li { display: inline; }
.page-template-homepage2015_template-php #hero ul > li:first-child:before { content: ''; }
.page-template-homepage2015_template-php #hero ul > li:before { content: ' + '; }
@media only screen and (max-width: 480px) { .page-template-homepage2015_template-php #hero ul > li:before { content: ''; } }
@media only screen and (max-width: 480px) { .page-template-homepage2015_template-php #hero hgroup { margin-bottom: 30px; } }
.page-template-homepage2015_template-php #hero hgroup .tagline-wrapper { width: 45%; float: right; margin-top: 55px !important; }
@media only screen and (max-width: 768px) { .page-template-homepage2015_template-php #hero hgroup .tagline-wrapper { width: 100%; } }
@media only screen and (min-width: 1500px) { .page-template-homepage2015_template-php #hero hgroup .tagline-wrapper { margin-top: 30px; } }
@media only screen and (min-width: 2000px) { .page-template-homepage2015_template-php #hero hgroup .tagline-wrapper { margin-top: 40px; } }
.page-template-homepage2015_template-php #hero hgroup .button-wrapper { width: 45%; float: right; position: relative; margin-top: 15px; padding-top: 0; z-index: 1; }
.page-template-homepage2015_template-php #hero hgroup .button-wrapper a { color: white; }
@media only screen and (min-width: 1500px) { .page-template-homepage2015_template-php #hero hgroup .button-wrapper a.large { font-size: 1.8rem; } }
@media only screen and (min-width: 2000px) { .page-template-homepage2015_template-php #hero hgroup .button-wrapper a.large { font-size: 2rem; } }
@media only screen and (max-width: 960px) { .page-template-homepage2015_template-php #hero hgroup .button-wrapper { width: 100%; float: none; clear: both; margin: 0 auto; padding-top: 25px; } }
@media only screen and (min-width: 1500px) { .page-template-homepage2015_template-php #hero hgroup .button-wrapper { margin-top: 30px; } }
@media only screen and (min-width: 2000px) { .page-template-homepage2015_template-php #hero hgroup .button-wrapper { margin-top: 40px; } }
.page-template-homepage2015_template-php #hero hgroup .button-wrapper .hero-demo-link { display: block; width: 250px; margin: 15px auto 0; text-transform: uppercase; text-decoration: underline; font-weight: 700; font-size: 1.2em; color: white; text-shadow: 1px 1px 0px #000; }
@media only screen and (min-width: 1500px) { .page-template-homepage2015_template-php #hero hgroup .button-wrapper .hero-demo-link { font-size: 1.2em; } }
@media only screen and (min-width: 2000px) { .page-template-homepage2015_template-php #hero hgroup .button-wrapper .hero-demo-link { font-size: 1.4em; } }
.page-template-homepage2015_template-php #hero hgroup .button-wrapper .hero-demo-link:hover { color: #a0a0a0; }
.page-template-homepage2015_template-php #hero h1 { font-size: 60px; font-size: 6rem; font-weight: 900; letter-spacing: -2px; text-shadow: 0 0 1px #000, 0 0 2px #000; margin-bottom: 10px; font-size: 50px; font-size: 5rem; }
@media only screen and (min-width: 1500px) { .page-template-homepage2015_template-php #hero h1 { margin-bottom: 20px; font-size: 5.75rem; } }
@media only screen and (min-width: 2000px) { .page-template-homepage2015_template-php #hero h1 { margin-bottom: 25px; font-size: 6.5rem; } }
@media only screen and (max-width: 960px) { .page-template-homepage2015_template-php #hero h1 { font-size: 4rem; } }
@media only screen and (max-width: 480px) { .page-template-homepage2015_template-php #hero h1 { font-size: 3.75rem; line-height: 1; } }
.page-template-homepage2015_template-php #hero h2 { font-size: 3rem; font-weight: 700; text-align: left; margin: 0 auto 20px; text-shadow: 0 0 1px #000, 0 0 1px #000; }
@media only screen and (min-width: 1500px) { .page-template-homepage2015_template-php #hero h2 { font-size: 3.75rem; } }
@media only screen and (min-width: 2000px) { .page-template-homepage2015_template-php #hero h2 { font-size: 4rem; } }
@media only screen and (max-width: 768px) { .page-template-homepage2015_template-php #hero h2 { width: 80%; font-size: 2.4rem; } }
@media only screen and (max-width: 480px) { .page-template-homepage2015_template-php #hero h2 { width: 100%; } }
.page-template-homepage2015_template-php #hero h3 { color: #ffffff; font-family: "museo-sans", sans-serif; font-size: 3rem; font-weight: 700; text-shadow: 0 0 1px #000, 0 0 1px #000; }
.page-template-homepage2015_template-php #hero ul { font-size: 1.7rem; width: 100%; margin: 10px auto; }
@media only screen and (max-width: 480px) { .page-template-homepage2015_template-php #hero ul { width: 85%; margin-top: 0; font-size: 1.4rem; } }
.page-template-homepage2015_template-php #hero ul li { margin-right: 5px; }
@media only screen and (max-width: 480px) { .page-template-homepage2015_template-php #hero ul li { clear: both; font-size: .9em; } }
.page-template-homepage2015_template-php #hero .hero-vid { position: relative; float: left; max-width: 50%; margin: 40px 25px 0 0; padding: 5px; z-index: 9; background: rgba(255, 255, 255, 0.1); -webkit-box-shadow: 0px 0px 6px #000000; -moz-box-shadow: 0px 0px 6px #000000; box-shadow: 0px 0px 6px #000000; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
@media only screen and (max-width: 768px) { .page-template-homepage2015_template-php #hero .hero-vid { float: none; width: 80%; max-width: 80%; margin: 40px auto 0; } }
@media only screen and (max-width: 480px) { .page-template-homepage2015_template-php #hero .hero-vid { width: calc(100% - 10px); max-width: 100%; } }
.page-template-homepage2015_template-php #hero .hero-vid iframe { width: 100%; height: auto; min-height: 360px; }
@media only screen and (max-width: 480px) { .page-template-homepage2015_template-php #hero .hero-vid iframe { min-height: 190px; } }
.page-template-homepage2015_template-php #hero .hero-vid img { width: 100%; height: auto; }
.page-template-homepage2015_template-php #hero-transp { position: relative; width: calc(100% - 50px); margin-top: 50px; padding: 30px 25px 15px 25px; background: rgba(255, 255, 255, 0.9); }
@media only screen and (max-width: 480px) { .page-template-homepage2015_template-php #hero-transp { display: none; } }
@media only screen and (max-width: 768px) { .page-template-homepage2015_template-php #hero-transp { padding-bottom: 45px; } }
@media only screen and (min-width: 2000px) { .page-template-homepage2015_template-php #hero-transp { padding-top: 100px; } }
@media only screen and (min-width: 1500px) { .page-template-homepage2015_template-php #hero-transp { padding-top: 60px; } }
.page-template-homepage2015_template-php #hero-transp .wrapper { max-width: 1100px; margin-top: 0; padding-left: 0; padding-right: 0; }
.page-template-homepage2015_template-php #hero-transp .left-copy, .page-template-homepage2015_template-php #hero-transp .right-copy { float: left; width: 47%; padding-bottom: 15px; text-align: left; color: #111111; font-weight: 500; font-size: 1.1em; line-height: 1.1em; text-shadow: 1px 1px 0px #eeeeee; }
@media only screen and (max-width: 768px) { .page-template-homepage2015_template-php #hero-transp .left-copy, .page-template-homepage2015_template-php #hero-transp .right-copy { width: 100%; } }
@media only screen and (min-width: 1500px) { .page-template-homepage2015_template-php #hero-transp .left-copy, .page-template-homepage2015_template-php #hero-transp .right-copy { padding-bottom: 25px; font-size: 1.3em; line-height: 1.2em; } }
@media only screen and (min-width: 2000px) { .page-template-homepage2015_template-php #hero-transp .left-copy, .page-template-homepage2015_template-php #hero-transp .right-copy { padding-bottom: 45px; font-size: 1.4em; line-height: 1.3em; } }
.page-template-homepage2015_template-php #hero-transp .left-copy .item a, .page-template-homepage2015_template-php #hero-transp .right-copy .item a { text-decoration: underline; }
.page-template-homepage2015_template-php #hero-transp .left-copy .item-2, .page-template-homepage2015_template-php #hero-transp .right-copy .item-2 { margin-top: 20px; margin-bottom: 10px; }
.page-template-homepage2015_template-php #hero-transp .left-copy { padding-left: 0; }
@media only screen and (max-width: 768px) { .page-template-homepage2015_template-php #hero-transp .left-copy { padding: 10px 0; } }
.page-template-homepage2015_template-php #hero-transp .right-copy { padding-right: 0; margin-left: 6%; }
@media only screen and (max-width: 768px) { .page-template-homepage2015_template-php #hero-transp .right-copy { margin-left: 0; padding: 10px 0; } }

#app-showcase { position: relative; display: block; width: 100%; margin-top: -30px; }
@media only screen and (max-width: 480px) { #app-showcase { margin-top: 0; } }
#app-showcase .showcase { display: block; max-width: 1020px; min-height: 505px; margin: 50px auto; }
@media only screen and (max-width: 480px) { #app-showcase .showcase { margin: 0 auto; } }
#app-showcase .showcase .showcase-mobile { width: 48%; float: left; margin: 0 1%; text-align: center; }
@media only screen and (max-width: 768px) { #app-showcase .showcase .showcase-mobile { width: 96%; float: none; margin: 0 2% 25px; } }
#app-showcase .showcase .showcase-mobile .mobile-container { position: relative; width: 389px; height: 450px; margin: 0 auto; background: url(../images/phones.png) 0px 0px no-repeat transparent; }
@media only screen and (max-width: 768px) { #app-showcase .showcase .showcase-mobile .mobile-container { width: 217px; height: 450px; margin: 0 auto 10px; background: url(../images/phone-mobile.png) 0px 0px no-repeat transparent; } }
#app-showcase .showcase .showcase-mobile .mobile-container .showcase-vid { position: absolute; top: 44px; left: 107px; overflow: hidden; }
@media only screen and (max-width: 768px) { #app-showcase .showcase .showcase-mobile .mobile-container .showcase-vid { position: relative; top: 64px; left: 0px; } }
#app-showcase .showcase .showcase-mobile .mobile-container .showcase-vid img { position: relative; }
#app-showcase .showcase .showcase-mobile .mobile-container .hideVid { display: none; }
#app-showcase .showcase .showcase-mobile span.label, #app-showcase .showcase .showcase-mobile ul { display: block; text-align: center; }
#app-showcase .showcase .showcase-mobile li { display: inline; margin-right: 25px; }
#app-showcase .showcase .showcase-mobile li:last-child { margin-right: 0; }
#app-showcase .showcase .showcase-web { width: 50%; float: left; margin-top: 2em; text-align: center; }
@media only screen and (max-width: 768px) { #app-showcase .showcase .showcase-web { width: 96%; float: none; clear: both; margin: 0 2% 25px; } }
#app-showcase .showcase .showcase-web .web-container { width: 500px; height: 350px; background: url(../images/browser-c.png) 0px 0px no-repeat transparent; }
@media only screen and (max-width: 768px) { #app-showcase .showcase .showcase-web .web-container { width: 100%; height: auto; background: none; } }
#app-showcase .showcase .showcase-web .web-container .web-vid { position: relative; top: 42px; }
@media only screen and (max-width: 768px) { #app-showcase .showcase .showcase-web .web-container .web-vid { top: 0px; } }
#app-showcase .showcase .showcase-web .web-container .web-vid img { width: 100%; height: auto; }
#app-showcase .showcase .showcase-web a { display: block; margin-top: 3.9em; }
@media only screen and (max-width: 768px) { #app-showcase .showcase .showcase-web a { margin-top: .5em; } }
#app-showcase .showcase a { font-size: 1.4em; text-decoration: none; text-shadow: 1px 1px 1px #bbbbbb; }
#app-showcase .showcase a.highlighted { text-decoration: underline; }
#app-showcase .showcase-quote { display: block; clear: both; max-width: 750px; min-height: 100px; margin: 50px auto 0; }
@media only screen and (max-width: 480px) { #app-showcase .showcase-quote { display: none; } }
@media only screen and (max-width: 768px) { #app-showcase .showcase-quote { max-width: 86%; margin: 25px auto; } }
#app-showcase .showcase-quote .don-seiler-img { width: 100px; height: 100px; float: left; margin-right: 25px; background: url(../images/home-sprite.png) 0px -756px no-repeat transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0px 0px 7px 2px #a0a0a0; -moz-box-shadow: 0px 0px 7px 2px #a0a0a0; box-shadow: 0px 0px 7px 2px #a0a0a0; }
#app-showcase .showcase-quote span.stars { display: inline-block; position: relative; width: 125px; height: 25px; top: 3px; left: 10px; background: url(../images/home-sprite.png) 0px -729px no-repeat transparent; }
#app-showcase .showcase-quote span.quote { display: block; width: 80%; float: left; margin-top: .5em; margin-bottom: 0; font-size: 1.3em; line-height: 1.2; text-shadow: 1px 1px 1px #dddddd; }
@media only screen and (max-width: 768px) { #app-showcase .showcase-quote span.quote { float: none; width: 100%; } }
#app-showcase .showcase-quote span.quote span.name { font-size: 1.2em; }
#app-showcase .showcase-compatibility { display: block; clear: both; max-width: 930px; margin: 50px auto; text-align: left; }
@media only screen and (max-width: 480px) { #app-showcase .showcase-compatibility { margin: 0 auto; } }
@media only screen and (max-width: 768px) { #app-showcase .showcase-compatibility { max-width: 100%; text-align: center; } }
#app-showcase .showcase-compatibility span { display: block; }
#app-showcase .showcase-compatibility .tech-specs { width: 65%; float: left; margin: 0 25px 0 0; font-weight: 300; font-size: 1.2em; }
@media only screen and (max-width: 768px) { #app-showcase .showcase-compatibility .tech-specs { width: 96%; margin: 25px 2%; } }
#app-showcase .showcase-compatibility .dl-btns { float: right; min-width: 255px; width: 30%; margin: 0; }
@media only screen and (max-width: 768px) { #app-showcase .showcase-compatibility .dl-btns { float: none; margin: 0 auto; } }
#app-showcase .showcase-compatibility .dl-btns .dl-imgs { display: block; float: left; width: 125px; height: 44px; }
#app-showcase .showcase-compatibility .dl-btns .app-store-img { background: url(../images/home-sprite.png) -250px -857px no-repeat transparent; margin-right: 5px; }
#app-showcase .showcase-compatibility .dl-btns .google-play-store-img { background: url(../images/home-sprite.png) -250px -906px no-repeat transparent; }

#integrations { position: relative; }
@media only screen and (max-width: 480px) { #integrations { display: none; } }
#integrations .single-content .content { max-width: 1020px; }
#integrations .single-content .content a { font-weight: 700; text-decoration: underline; }
#integrations .single-content .content span { display: inline-block; margin: 10px 20px 0px 20px; vertical-align: middle; }
@media only screen and (max-width: 768px) { #integrations .single-content .content span { margin: 25px 2.5% 0px; } }
#integrations .single-content .content .aws-img { width: 114px; height: 40px; background: url(../images/home-sprite.png) 0px 0px no-repeat transparent; }
#integrations .single-content .content .datadog-img { width: 166px; height: 30px; background: url(../images/home-sprite.png) 0px -42px no-repeat transparent; }
#integrations .single-content .content .icinga-img { width: 144px; height: 48px; background: url(../images/home-sprite.png) 0px -142px no-repeat transparent; }
#integrations .single-content .content .newrelic-img { width: 78px; height: 62px; background: url(../images/home-sprite.png) 0px -327px no-repeat transparent; }
#integrations .single-content .content .sensu-img { width: 73px; height: 62px; background: url(../images/home-sprite.png) 0px -502px no-repeat transparent; }
#integrations .single-content .content .zabbix-img { width: 150px; height: 40px; background: url(../images/home-sprite.png) 0px -656px no-repeat transparent; }
#integrations .single-content .content .splunk-img { width: 122px; height: 37px; background: url(../images/home-sprite.png) 0px -619px no-repeat transparent; }
#integrations .single-content .content .dotcom-img { width: 171px; height: 30px; background: url(../images/home-sprite.png) 0px -71px no-repeat transparent; }
#integrations .single-content .content .loggly-img { width: 121px; height: 56px; background: url(../images/home-sprite.png) 0px -213px no-repeat transparent; }
#integrations .single-content .content .zenoss-img { width: 150px; height: 32px; background: url(../images/home-sprite.png) 0px -697px no-repeat transparent; }
#integrations .single-content .content .nagios-img { width: 129px; height: 31px; background: url(../images/home-sprite.png) 0px -297px no-repeat transparent; }
#integrations .single-content .content .pingdom-img { width: 128px; height: 34px; background: url(../images/home-sprite.png) 0px -388px no-repeat transparent; }
#integrations .single-content .content .appdynamics-img { width: 224px; height: 23px; background: url(../images/home-sprite.png) 0px -190px no-repeat transparent; }
#integrations .single-content .content .hipchat-img { width: 150px; height: 51px; background: url(../images/home-sprite.png) 0px -857px no-repeat transparent; }
#integrations .single-content .content .logic-img { width: 150px; height: 28px; background: url(../images/home-sprite.png) 0px -269px no-repeat transparent; }
#integrations .single-content .content .salesforce-img { width: 150px; height: 35px; background: url(../images/home-sprite.png) 0px -466px no-repeat transparent; }
#integrations .single-content .content .slack-img { width: 150px; height: 53px; background: url(../images/home-sprite.png) 0px -565px no-repeat transparent; }

@media only screen and (max-width: 480px) { #page-content .section-divider.orange { display: none; } }

#product-info { overflow: hidden; }
@media only screen and (max-width: 480px) { #product-info { display: none; } }
#product-info h1 { margin-bottom: 1em; }
#product-info .info-col { position: relative; width: 30%; float: left; margin: 0; }
#product-info .info-col.info-left .left-head { position: relative; left: -700px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; transition-property: left; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; }
#product-info .info-col.info-left .left-option-1 { position: relative; left: -700px; -webkit-transition-delay: .2s; /* Chrome, Safari, Opera */ transition-delay: .2s; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; transition-property: left; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; }
#product-info .info-col.info-left .left-option-2 { position: relative; left: -700px; -webkit-transition-delay: .5s; /* Chrome, Safari, Opera */ transition-delay: .5s; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; transition-property: left; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; }
#product-info .info-col.info-left .left-option-3 { position: relative; left: -700px; -webkit-transition-delay: .7s; /* Chrome, Safari, Opera */ transition-delay: .7s; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; transition-property: left; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; }
#product-info .info-col.info-middle { margin: 0 5%; }
#product-info .info-col.info-middle .middle-head { position: relative; top: 700px; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; transition-property: top; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; }
#product-info .info-col.info-middle .middle-option-1 { position: relative; top: 700px; -webkit-transition-delay: .2s; /* Chrome, Safari, Opera */ transition-delay: .2s; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; transition-property: top; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; }
#product-info .info-col.info-middle .middle-option-2 { position: relative; top: 700px; -webkit-transition-delay: .45s; /* Chrome, Safari, Opera */ transition-delay: .45s; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; transition-property: top; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; }
#product-info .info-col.info-middle .middle-option-3 { position: relative; top: 700px; -webkit-transition-delay: .7s; /* Chrome, Safari, Opera */ transition-delay: .7s; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; transition-property: top; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; }
#product-info .info-col.info-right .right-head { position: relative; left: 700px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; transition-property: left; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; }
#product-info .info-col.info-right .right-option-1 { position: relative; left: 700px; -webkit-transition-delay: .2s; /* Chrome, Safari, Opera */ transition-delay: .2s; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; transition-property: left; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; }
#product-info .info-col.info-right .right-option-2 { position: relative; left: 700px; -webkit-transition-delay: .45s; /* Chrome, Safari, Opera */ transition-delay: .45s; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; transition-property: left; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; }
#product-info .info-col.info-right .right-option-3 { position: relative; left: 700px; -webkit-transition-delay: .7s; /* Chrome, Safari, Opera */ transition-delay: .7s; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; transition-property: left; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; }
@media only screen and (max-width: 680px) { #product-info .info-col { width: 100%; float: none; clear: left; margin: 50px auto; }
  #product-info .info-col.info-middle { margin: 50px auto; } }
#product-info .info-col .left-head, #product-info .info-col .middle-head, #product-info .info-col .right-head { margin-top: 1.5em; font-size: 1.75em; text-align: center; }
#product-info .info-col .left-head .product-info-heading, #product-info .info-col .middle-head .product-info-heading, #product-info .info-col .right-head .product-info-heading { display: block; margin-top: .55em; margin-bottom: 1.25em; font-size: 1.5em; font-family: "museo-slab", sans-serif; text-shadow: 1px 1px 1px #bbbbbb; }
#product-info .info-col .info-option { margin: 1em 0; font-size: 1.2em; min-height: 100px; }
@media only screen and (max-width: 680px) { #product-info .info-col .info-option { margin: 20px 15%; min-height: 0; } }
#product-info .info-col .info-option:first-child { margin: 2em 0 1em; }

@media only screen and (max-width: 480px) { #customer-quote-section { display: none; } }
#customer-quote-section .section-header { text-align: center; margin-bottom: 50px; }
#customer-quote-section .home-quote { float: left; width: 42.5%; margin: 0 3.5%; }
#customer-quote-section .home-quote.home-quote-3 { margin-right: 0; display: none; }
@media only screen and (max-width: 680px) { #customer-quote-section .home-quote { width: 100%; float: none; clear: left; margin: 50px auto; }
  #customer-quote-section .home-quote.home-quote-3 { margin: 50px auto; } }
#customer-quote-section .home-quote img { display: block; width: 135px; margin: 0 auto 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0px 0px 7px 2px #a0a0a0; -moz-box-shadow: 0px 0px 7px 2px #a0a0a0; box-shadow: 0px 0px 7px 2px #a0a0a0; }
#customer-quote-section .home-quote .quote-name-title, #customer-quote-section .home-quote .quote-quote { display: block; text-align: center; }
#customer-quote-section .home-quote .quote-name-title { width: 55%; margin: 5px auto 15px; font-size: 14px; line-height: 15px; color: #969696; }
#customer-quote-section .home-quote .quote-quote { font-size: 16px; line-height: 24px; color: #444444; font-weight: 700; text-shadow: .5px .5px 0px #e4e4e4; }
#customer-quote-section .content { max-width: 800px; margin: 0 auto; clear: both; padding: 50px 0; }
#customer-quote-section .content span { display: inline-block; margin: 0 20px 20px; vertical-align: middle; }
@media only screen and (max-width: 768px) { #customer-quote-section .content span { margin: 0 2.5% 20px; } }
#customer-quote-section .content .img-911 { width: 150px; height: 23px; background: url(../images/home-sprite.png) -250px -831px no-repeat transparent; }
#customer-quote-section .content .ello-img { width: 80px; height: 80px; background: url(../images/home-sprite.png) -250px -274px no-repeat transparent; }
#customer-quote-section .content .rally-img { width: 130px; height: 80px; background: url(../images/home-sprite.png) -250px -676px no-repeat transparent; }
#customer-quote-section .content .craftsy-img { width: 80px; height: 80px; background: url(../images/home-sprite.png) -250px -84px no-repeat transparent; }
#customer-quote-section .content .rackspace-img { width: 150px; height: 44px; background: url(../images/home-sprite.png) 0px -422px no-repeat transparent; }
#customer-quote-section .content .nextbigsound-img { width: 91px; height: 80px; background: url(../images/home-sprite.png) -250px -470px no-repeat transparent; }
#customer-quote-section .content .bunchball-img { width: 150px; height: 38px; background: url(../images/home-sprite.png) -250px -44px no-repeat transparent; }
#customer-quote-section .content .ecwid-img { width: 73px; height: 80px; background: url(../images/home-sprite.png) -164px -228px no-repeat transparent; }
#customer-quote-section .content .sendgrid-img { width: 150px; height: 38px; background: url(../images/home-sprite.png) -250px -758px no-repeat transparent; }
#customer-quote-section .content .nuodb-img { width: 119px; height: 80px; background: url(../images/home-sprite.png) -250px -551px no-repeat transparent; }
#customer-quote-section .content .axis41-img { width: 150px; height: 41px; background: url(../images/home-sprite.png) -250px 0px no-repeat transparent; }
#customer-quote-section .content .f5-img { width: 86px; height: 80px; background: url(../images/home-sprite.png) -250px -390px no-repeat transparent; }
#customer-quote-section .content .crowdtap-img { width: 150px; height: 35px; background: url(../images/home-sprite.png) -250px -164px no-repeat transparent; }
#customer-quote-section .content .trackvia-img { width: 150px; height: 32px; background: url(../images/home-sprite.png) -250px -797px no-repeat transparent; }
#customer-quote-section .content .entrust-img { width: 150px; height: 35px; background: url(../images/home-sprite.png) -250px -355px no-repeat transparent; }
#customer-quote-section .content .onshape-img { width: 150px; height: 42px; background: url(../images/home-sprite.png) -250px -632px no-repeat transparent; }
#customer-quote-section .content p { float: right; clear: both; margin-top: 30px; text-align: center; }

@media only screen and (max-width: 480px) { section#signup { padding-top: 50px; padding-bottom: 50px; } }

#social-footer { float: left; width: 100%; background: #555555; border-top: 10px solid #444444; }
#social-footer h2 { font-size: 3.25rem; text-align: center; margin: 1.5em 0; color: #ffffff; }
#social-footer h3 { text-align: center; font-size: 3rem; font-weight: 700; color: #999999; }
@media only screen and (max-width: 768px) { #social-footer h3 { font-size: 22px; } }
#social-footer .social-tweets { float: left; clear: none; width: 45%; margin-bottom: 50px; padding: 0 5% 0 0; }
@media only screen and (max-width: 768px) { #social-footer .social-tweets { float: none; clear: left; width: 98%; padding: 0 1%; } }

#social-footer .social-tweets li.tweets_avatar { padding: 20px 15px 10px !important; -moz-box-shadow: inset 0 0 8px #999999; -webkit-box-shadow: inset 0 0 8px #999999; box-shadow: inset 0 0 8px #999999; }
#social-footer .social-tweets li.tweets_avatar div.wdtf-user-card { width: 55px; }
#social-footer .social-tweets li.tweets_avatar .tweet-guts { float: left; width: calc(99% - 60px); }
#social-footer .social-tweets li.tweets_avatar .tweet-guts div.wdtf-screen-name { margin-left: 0; font-size: .8em; }
#social-footer .social-tweets li.tweets_avatar .tweet-guts div.wdtf-screen-name .screen_name { margin-right: 2px; }
#social-footer .social-tweets li.tweets_avatar .tweet-guts div.times { position: relative; top: 1px; left: 3px; color: #999999; font-size: .8em; }
#social-footer .social-tweets li.tweets_avatar .tweet-guts .tweet_data a { color: #e29828 !important; }
#social-footer .social-tweets li.tweets_avatar .tweet-guts .tweets-intent-data ul.tweet-actions li a span:before { font-size: 15px !important; }
#social-footer .social-tweets li.tweets_avatar .tweet-guts .tweets-intent-data .seperator_wpltf, #social-footer .social-tweets li.tweets_avatar .tweet-guts .tweets-intent-data .light .seperator_wpltf { border-top: none !important; }
#social-footer .social-blog { clear: none; float: right; width: 45%; margin-bottom: 50px; padding: 0 0 0 5%; }
@media only screen and (max-width: 768px) { #social-footer .social-blog { float: none; clear: both; width: 98%; padding: 0 1%; } }
#social-footer .social-blog h3 { position: relative; top: -20px; }
#social-footer .social-blog .rss-icon { display: inline-block; position: relative; top: 15px; right: -10px; width: 55px; height: 54px; background: url(../images/social.png) -223px -2px no-repeat transparent; }
@media only screen and (max-width: 768px) { #social-footer .social-blog .rss-icon { top: 20px; } }
#social-footer .social-blog a { float: left; font-size: 3rem; line-height: 3rem; color: #fbb142; }
#social-footer .social-blog .post-date { float: left; clear: left; max-width: 45%; margin: 20px 0; color: #bbbbbb;}
#social-footer .social-blog .post-author { float: right; max-width: 55%; margin: 20px 0; color: #bbbbbb;}
#social-footer .social-blog .post-excerpt { float: left; }
#social-footer .social-blog .post-excerpt p { color: #ffffff; font-size: 1.8rem; line-height: 2.8rem;}
#social-footer .social-blog .post-excerpt p .read-more { clear: both; float: right; margin-top: 45px; font-size: 17px; }
@media only screen and (max-width: 768px) { #social-footer .social-blog .post-excerpt p .read-more { margin-top: 0; } }
#social-footer .social-blog .post-excerpt p .read-more + .fa-chevron-right { float: right; margin: 25px -110px 0 0; color: #fbb142; }
@media only screen and (max-width: 768px) { #social-footer .social-blog .post-excerpt p .read-more + .fa-chevron-right { margin: 8px -100px 0 0; } }
#social-footer .social-blog .vokd_social { display: none; }
#social-footer .social-icons { clear: both; width: 235px; height: 55px; margin: 40px auto; }
#social-footer .social-icons a { float: left; margin-right: 5px; }
#social-footer .social-icons a .social-icon { width: 55px; height: 54px; }
#social-footer .social-icons a:last-child { margin-right: 0; }
#social-footer .social-icons .linkedin { background: url(../images/social.png) 0 -2px no-repeat transparent; }
#social-footer .social-icons .twitter { background: url(../images/social.png) -55px -2px no-repeat transparent; }
#social-footer .social-icons .facebook { background: url(../images/social.png) -110px -2px no-repeat transparent; }
#social-footer .social-icons .googleplus { background: url(../images/social.png) -167px -2px no-repeat transparent; }
@media only screen and (max-width: 480px) { #social-footer { border-top: 0; }
  #social-footer h1, #social-footer .social-blog, #social-footer .social-tweets { display: none; } }

#product #page-content .section-header, #product-new #page-content .section-header { text-align: center; }
#product #page-content .content-trio .trio-image, #product-new #page-content .content-trio .trio-image { display: block; margin-left: auto; margin-right: auto; border: none; }
#product #page-content .content-trio .content, #product-new #page-content .content-trio .content { border-bottom: none; }
#product #page-content section#take-tour-banner, #product-new #page-content section#take-tour-banner { border-bottom: none; }
#product #product-subhead, #product-new #product-subhead { padding-bottom: 0; }
#product iframe, #product-new iframe { max-width: 460px !important; padding: 5px; border: 3px solid #d9d9d9; }

@media only screen and (min-width: 960px) { #product-tour.page-template-page-scrolling-product-page-php #wpadminbar { display: none; }
  #product-tour.page-template-page-scrolling-product-page-php .site-content { padding-top: 30px; }
  #product-tour.page-template-page-scrolling-product-page-php #site-header { background: #333333; } }
@media only screen and (min-width: 960px) and (min-width: 768px) { #product-tour.page-template-page-scrolling-product-page-php #site-header { top: 0px; } }
@media only screen and (min-width: 960px) { #product-tour.page-template-page-scrolling-product-page-php .site { padding-top: 0px; min-width: 960px; }
  #product-tour.page-template-page-scrolling-product-page-php .admin-bar .site { padding-top: 0px; min-width: 960px; }
  #product-tour.page-template-page-scrolling-product-page-php #feature-alert { display: none; }
  #product-tour.page-template-page-scrolling-product-page-php .main-navigation .desktop-nav > li, #product-tour.page-template-page-scrolling-product-page-php .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li, .page-template-page-microsite-home-php #product-tour.page-template-page-scrolling-product-page-php .microsite-nav .desktop-nav > li, #product-tour.page-template-page-scrolling-product-page-php .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li, .page-template-page-microsite-secondary-php #product-tour.page-template-page-scrolling-product-page-php .microsite-nav .desktop-nav > li, #product-tour.page-template-page-scrolling-product-page-php .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li, .page-template-page-microsite-default-php #product-tour.page-template-page-scrolling-product-page-php .microsite-nav .desktop-nav > li { background: #333333; box-shadow: none; }
  #product-tour.page-template-page-scrolling-product-page-php .main-navigation .desktop-nav > li a, #product-tour.page-template-page-scrolling-product-page-php .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li a, .page-template-page-microsite-home-php #product-tour.page-template-page-scrolling-product-page-php .microsite-nav .desktop-nav > li a, #product-tour.page-template-page-scrolling-product-page-php .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li a, .page-template-page-microsite-secondary-php #product-tour.page-template-page-scrolling-product-page-php .microsite-nav .desktop-nav > li a, #product-tour.page-template-page-scrolling-product-page-php .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li a, .page-template-page-microsite-default-php #product-tour.page-template-page-scrolling-product-page-php .microsite-nav .desktop-nav > li a { background: #333333; }
  #product-tour.page-template-page-scrolling-product-page-php .main-navigation .desktop-nav > li a#navSignup, #product-tour.page-template-page-scrolling-product-page-php .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li a#navSignup, .page-template-page-microsite-home-php #product-tour.page-template-page-scrolling-product-page-php .microsite-nav .desktop-nav > li a#navSignup, #product-tour.page-template-page-scrolling-product-page-php .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li a#navSignup, .page-template-page-microsite-secondary-php #product-tour.page-template-page-scrolling-product-page-php .microsite-nav .desktop-nav > li a#navSignup, #product-tour.page-template-page-scrolling-product-page-php .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li a#navSignup, .page-template-page-microsite-default-php #product-tour.page-template-page-scrolling-product-page-php .microsite-nav .desktop-nav > li a#navSignup { background: #0091ee; }
  #product-tour.page-template-page-scrolling-product-page-php .textbubble, #product-tour.page-template-page-scrolling-product-page-php .arrowbubble { opacity: 0; display: block; background: #005880; position: fixed; padding: 12px; -moz-box-shadow: 2px 2px 3px #444444; -webkit-box-shadow: 2px 2px 3px #444444; box-shadow: 2px 2px 3px #444444; color: #ffffff; text-shadow: 1px 1px 0px #000; font-size: 1.2em; line-height: 1.15; font-weight: 500; font-family: "museo-sans", sans-serif; z-index: 9999; }
  #product-tour.page-template-page-scrolling-product-page-php .textbubble h3, #product-tour.page-template-page-scrolling-product-page-php .arrowbubble h3 { font-weight: 700; color: #ffffff; }
  #product-tour.page-template-page-scrolling-product-page-php .arrowbubble:before { content: ""; position: absolute; right: 100%; top: 25%; width: 0; height: 0; border-top: 15px solid transparent; border-right: 35px solid #005880; border-bottom: 15px solid transparent; }
  #product-tour.page-template-page-scrolling-product-page-php .bannerbox { position: absolute; top: 0; width: 100%; font-size: 1.2em; padding: 15px 0; text-align: center; opacity: 1; height: 25px; } }
@media only screen and (min-width: 960px) and (max-width: 1100px) { #product-tour.page-template-page-scrolling-product-page-php .bannerbox { font-size: 1em; } }
@media only screen and (min-width: 960px) { #product-tour.page-template-page-scrolling-product-page-php .bannerbox h2 { font-family: "museo-slab", sans-serif; font-weight: 700; float: left; margin-left: 6.6667%; } }
@media only screen and (min-width: 960px) and (max-width: 1100px) { #product-tour.page-template-page-scrolling-product-page-php .bannerbox h2 { font-size: 1em; } }
@media only screen and (min-width: 960px) { #product-tour.page-template-page-scrolling-product-page-php .bannerbox h3 { position: relative; top: 3px; float: left; margin-left: 22.5px; color: white; font-size: 1em; font-weight: 500; } }
@media only screen and (min-width: 960px) and (max-width: 1100px) { #product-tour.page-template-page-scrolling-product-page-php .bannerbox h3 { font-size: .75em; } }
@media only screen and (min-width: 960px) { #product-tour.page-template-page-scrolling-product-page-php .bannerbox span { display: block; float: left; margin: 0 auto; text-align: center; }
  #product-tour.page-template-page-scrolling-product-page-php .bannerbox span.heading { width: 100%; position: relative; top: -20px; } }
@media only screen and (min-width: 960px) and (max-width: 1100px) { #product-tour.page-template-page-scrolling-product-page-php .bannerbox span.heading { top: -10px; } }
@media only screen and (min-width: 960px) { #product-tour.page-template-page-scrolling-product-page-php .bannerbox span.scrolling-heading { top: 0px; background: #005880; padding-bottom: 20px; -moz-box-shadow: 2px 2px 3px #444444; -webkit-box-shadow: 2px 2px 3px #444444; box-shadow: 2px 2px 3px #444444; }
  #product-tour.page-template-page-scrolling-product-page-php .bannerbox span.triage-heading { top: 0px; } }
@media only screen and (min-width: 960px) and (max-width: 1100px) { #product-tour.page-template-page-scrolling-product-page-php .bannerbox span.triage-heading { top: 10px; } }
@media only screen and (min-width: 960px) { #product-tour.page-template-page-scrolling-product-page-php .bannerbox span.investigation-heading { top: -55px; } }
@media only screen and (min-width: 960px) and (max-width: 1100px) { #product-tour.page-template-page-scrolling-product-page-php .bannerbox span.investigation-heading { top: -30px; } }
@media only screen and (min-width: 960px) { #product-tour.page-template-page-scrolling-product-page-php .bannerbox span.identification-heading { top: -110px; } }
@media only screen and (min-width: 960px) and (max-width: 1100px) { #product-tour.page-template-page-scrolling-product-page-php .bannerbox span.identification-heading { top: -65px; } }
@media only screen and (min-width: 960px) { #product-tour.page-template-page-scrolling-product-page-php .bannerbox span.resolution-heading { top: -165px; } }
@media only screen and (min-width: 960px) and (max-width: 1100px) { #product-tour.page-template-page-scrolling-product-page-php .bannerbox span.resolution-heading { top: -100px; } }
@media only screen and (min-width: 960px) { #product-tour.page-template-page-scrolling-product-page-php .bannerbox .shortcut { position: fixed; width: 125px; height: 25px; float: right; top: 15px; right: -50px; }
  #product-tour.page-template-page-scrolling-product-page-php .bannerbox .shortcut a.intro-scroll-text { position: relative; top: 3px; color: #fbb142; text-decoration: underline; float: left; margin-left: 3px; font-size: .75em; }
  #product-tour.page-template-page-scrolling-product-page-php .bannerbox .shortcut a.intro-scroll-icon { position: relative; top: -75px; width: 125px; height: 125px; margin: 5px; background: url(../images/product/scroller-chevrons.png) no-repeat 0 0 transparent; display: inline-block; float: right; -webkit-transform: scale(0.25) rotate(180deg); -moz-transform: scale(0.25) rotate(180deg); transform: scale(0.25) rotate(180deg); }
  #product-tour.page-template-page-scrolling-product-page-php #alerting-banner-1, #product-tour.page-template-page-scrolling-product-page-php #triage-banner-1 { top: 0px; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting-banner-2 { top: 4755px; z-index: 2; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting-banner-3 { width: 34%; top: -20%; left: 45%; font-size: 1.4em; padding: 30px; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-intro-1 { left: calc(50% + 260px); max-width: 21.5%; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-intro-2 { left: calc(50% + 270px); max-width: 21%; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-intro-5 { left: calc(50% + 145px); width: 300px; bottom: 355px; left: 53.5%; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-intro-6 { left: calc(50% - 450px); width: 320px; bottom: 285px; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-intro-6:before { content: ""; position: absolute; left: 100%; top: 30%; width: 0; height: 0; border-top: 15px solid transparent; border-left: 35px solid #005880; border-bottom: 15px solid transparent; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting-bubble-container { position: fixed; left: calc(50% + 100px); width: 38%; height: 350px; display: block; z-index: 999; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-alerting-1, #product-tour.page-template-page-scrolling-product-page-php #bubble-alerting-2, #product-tour.page-template-page-scrolling-product-page-php #bubble-alerting-3 { position: relative; margin-bottom: 5px; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-alerting-1 { max-width: 75%; left: 0; top: 0; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-alerting-2 { max-width: 80%; left: 0; top: 0; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-alerting-3 { max-width: 83%; left: 0; top: 0; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-alerting-4 { width: 24%; position: fixed; padding: 25px; left: 10%; font-weight: bold; background: #005880; opacity: 1; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-timeline-1 { width: 35.5%; top: 33%; left: 33%; padding: 30px; font-size: 1.4em; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-timeline-2 { width: 300px; top: 131px; left: calc(26% - 250px); }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-timeline-2:before { content: ""; position: absolute; left: 100%; top: 30%; width: 0; height: 0; border-top: 15px solid transparent; border-left: 35px solid #005880; border-bottom: 15px solid transparent; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-timeline-3 { position: fixed; top: 75px; left: calc(50% - 202.5px); width: 405px; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-timeline-3:before { content: ""; position: absolute; right: 75%; top: 77%; width: 0; height: 0; border-top: 40px solid #005880; border-right: 25px solid transparent; border-left: 25px solid transparent; z-index: -1; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-timeline-4 { width: 23%; top: 320px; left: 7.5%; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-timeline-4:before { content: ""; position: absolute; left: 100%; top: 30%; width: 0; height: 0; border-top: 15px solid transparent; border-left: 35px solid #005880; border-bottom: 15px solid transparent; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-timeline-5 { width: 335px; left: 2%; top: 460px; height: 65px; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-timeline-5 img { float: left; margin-top: 20px; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-timeline-6 { width: 42%; top: 100px; left: 50%; padding: 30px; font-size: 1.4em; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-timeline-7 { width: 335px; position: absolute; left: 53px; top: -100px; z-index: 0; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-timeline-7:before { content: ""; position: absolute; right: 75%; top: 80%; width: 0; height: 0; border-top: 40px solid #005880; border-right: 25px solid transparent; border-left: 25px solid transparent; z-index: -1; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-timeline-8 { width: 36.5%; top: -20%; left: 45%; font-size: 1.4em; padding: 30px; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-timeline-9 { width: 32%; top: 75px; left: 22.5%; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-documentation-0 { overflow: hidden; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-documentation-0 .documentation-heading { position: relative; top: -40px; } }
@media only screen and (min-width: 960px) and (max-width: 1100px) { #product-tour.page-template-page-scrolling-product-page-php #bubble-documentation-0 .documentation-heading { top: -30px; } }
@media only screen and (min-width: 960px) { #product-tour.page-template-page-scrolling-product-page-php #bubble-documentation-0 .shortcut { top: 18px; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-documentation-1 { width: 32%; top: 80px; left: 22.5%; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-documentation-2 { width: 36%; top: 250px; left: 50.5%; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-documentation-3 { width: 25%; top: 152px; left: calc(26% - 300px); }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-documentation-3:before { content: ""; position: absolute; left: 100%; top: 30%; width: 0; height: 0; border-top: 15px solid transparent; border-left: 35px solid #005880; border-bottom: 15px solid transparent; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-documentation-3b { width: 32.5%; top: 450px; left: 33.5%; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-documentation-4 { width: 300px; top: 445px; left: calc(50% - 145px); }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-documentation-4:before { content: ""; position: absolute; right: 75%; top: -22%; width: 0; height: 0; border-bottom: 40px solid #005880; border-right: 25px solid transparent; border-left: 25px solid transparent; z-index: -1; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-documentation-5 { width: 16.5%; top: 230px; left: calc(50% + 240px); }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-documentation-5:before { content: ""; position: absolute; right: 100%; top: 25%; width: 0; height: 0; border-top: 15px solid transparent; border-right: 35px solid #005880; border-bottom: 15px solid transparent; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-documentation-6 { width: 26.5%; top: 320px; left: 55.5%; }
  #product-tour.page-template-page-scrolling-product-page-php #bubble-documentation-7 { width: 25%; top: 245px; left: 15%; }
  #product-tour.page-template-page-scrolling-product-page-php #intro { width: 100%; height: 14500px; display: block; position: relative; top: 0; background-color: #4ecece; overflow: hidden; }
  #product-tour.page-template-page-scrolling-product-page-php #intro #intro-text-box { width: 33%; min-width: 700px; height: 275px; position: relative; top: 90px; display: block; margin: 0 auto; padding: 20px; background: #444444; z-index: 9; -webkit-box-shadow: 0px 0px 12px #000000; -moz-box-shadow: 0px 0px 12px #000000; box-shadow: 0px 0px 12px #000000; color: white; text-shadow: 1px 1px 0px #000; font-size: 1.1em; transform: translateZ(0); }
  #product-tour.page-template-page-scrolling-product-page-php #intro #intro-text-box h2 { float: none; width: 80%; margin: 0 auto 20px; text-align: center; }
  #product-tour.page-template-page-scrolling-product-page-php #intro #intro-text-box p { width: 100%; float: left; margin-bottom: 1.2em auto; font-size: .9em; line-height: 1.3; }
  #product-tour.page-template-page-scrolling-product-page-php #intro #intro-text-box img { float: right; }
  #product-tour.page-template-page-scrolling-product-page-php #intro #intro-text-box p.intro-scroll-text { display: block; float: none; color: #fbb142; text-decoration: none; clear: both; width: 55%; margin: 0 auto; font-size: 1.1em; text-align: center; }
  #product-tour.page-template-page-scrolling-product-page-php #intro #intro-text-box span.intro-scroll-icon { display: block; width: 125px; height: 125px; margin: -5px auto 0; background: url(../images/product/scroll-sprite.png) no-repeat 0 0 transparent; }
  #product-tour.page-template-page-scrolling-product-page-php #intro #intro-text-box span.intro-scroll-icon:hover { background: url(../images/product/scroll-sprite.png) no-repeat 0 -120px transparent; }
  #product-tour.page-template-page-scrolling-product-page-php #intro #cloud { position: fixed; width: 500px; height: 160px; bottom: 435px; left: calc(50% - 250px); z-index: 2; background: #ffffff; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }
  #product-tour.page-template-page-scrolling-product-page-php #intro #cloud:after, #product-tour.page-template-page-scrolling-product-page-php #intro #cloud:before { content: ''; position: absolute; background: #ffffff; z-index: -1; }
  #product-tour.page-template-page-scrolling-product-page-php #intro #cloud:after { width: 150px; height: 150px; top: -100px; left: 70px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }
  #product-tour.page-template-page-scrolling-product-page-php #intro #cloud:before { width: 230px; height: 230px; top: -120px; right: 90px; border-radius: 200px; -webkit-border-radius: 200px; -moz-border-radius: 200px; }
  #product-tour.page-template-page-scrolling-product-page-php #intro #cloud2 { position: fixed; width: 500px; height: 160px; left: calc(50% - 250px); z-index: 1; background: #e6e7e8; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; background: #e6e7e8; }
  #product-tour.page-template-page-scrolling-product-page-php #intro #cloud2:after, #product-tour.page-template-page-scrolling-product-page-php #intro #cloud2:before { content: ''; position: absolute; background: #e6e7e8; z-index: -1; }
  #product-tour.page-template-page-scrolling-product-page-php #intro #cloud2:after { width: 150px; height: 150px; top: -100px; left: 70px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }
  #product-tour.page-template-page-scrolling-product-page-php #intro #cloud2:before { width: 230px; height: 230px; top: -120px; right: 90px; border-radius: 200px; -webkit-border-radius: 200px; -moz-border-radius: 200px; }
  #product-tour.page-template-page-scrolling-product-page-php #intro #cloud-monitors { position: fixed; left: calc(50% - 210px); z-index: 5; width: 416px; height: 198px; background: url(../images/product/monitors.png) no-repeat 0 0 transparent; }
  #product-tour.page-template-page-scrolling-product-page-php #intro #cloud-monitors-2 { position: fixed; display: none; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .cloud { position: fixed; width: 250px; height: 80px; bottom: 350px; z-index: 2; transform: translateZ(0); background: #ffffff; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .cloud:after, #product-tour.page-template-page-scrolling-product-page-php #intro .cloud:before { content: ''; position: absolute; background: #ffffff; z-index: -1; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .cloud:after { width: 75px; height: 75px; top: -50px; left: 130px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .cloud:before { width: 115px; height: 115px; top: -69px; right: 90px; border-radius: 200px; -webkit-border-radius: 200px; -moz-border-radius: 200px; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .x1 { left: 860px; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); transform: scale(0.6); }
  #product-tour.page-template-page-scrolling-product-page-php #intro .x2 { left: 180px; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); }
  #product-tour.page-template-page-scrolling-product-page-php #intro .x3 { left: -275px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); }
  #product-tour.page-template-page-scrolling-product-page-php #intro .x4 { right: 65px; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); }
  #product-tour.page-template-page-scrolling-product-page-php #intro .x5 { left: 135px; -webkit-transform: scale(0.4); -moz-transform: scale(0.4); transform: scale(0.4); }
  #product-tour.page-template-page-scrolling-product-page-php #intro .x6 { right: 35px; -webkit-transform: scale(0.4); -moz-transform: scale(0.4); transform: scale(0.4); }
  #product-tour.page-template-page-scrolling-product-page-php #intro .web-of-intrigue { width: 179px; height: 206px; display: block; position: absolute; top: -55px; right: 45px; background: url(../images/product/web-of-intrigue.png) 0 0 no-repeat transparent; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .circle-arrow { display: block; width: 33px; height: 32px; position: absolute; top: 40px; right: 65px; background: url(../images/product/circle-arrow.png) 0 0 no-repeat transparent; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .plus { position: relative; display: block; z-index: 4; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .plus span { position: absolute; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .plus .vertical { width: 33%; height: 100%; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .plus .horizontal { top: 33%; width: 100%; height: 33%; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .plus.plus-orange { width: 10px; height: 10px; left: 17%; top: 55%; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .plus.plus-orange .vertical, #product-tour.page-template-page-scrolling-product-page-php #intro .plus.plus-orange .horizontal { background: #fbb142; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .plus.plus-orange .vertical { width: 2px; left: 4px; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .plus.plus-orange .horizontal { height: 2px; top: 4px; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .plus.plus-blue { width: 10px; height: 10px; left: 3%; top: 30%; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .plus.plus-blue .vertical, #product-tour.page-template-page-scrolling-product-page-php #intro .plus.plus-blue .horizontal { background: blue; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .plus.plus-blue .vertical { width: 2px; left: 4px; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .plus.plus-blue .horizontal { height: 2px; top: 4px; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .plus.plus-teal { width: 15px; height: 15px; left: 23%; top: 4%; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .plus.plus-teal .vertical, #product-tour.page-template-page-scrolling-product-page-php #intro .plus.plus-teal .horizontal { background: teal; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .plus.plus-teal .vertical { width: 3px; left: 40%; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .plus.plus-teal .horizontal { height: 3px; top: 40%; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .plus.plus-red { width: 25px; height: 25px; left: 47%; top: 38%; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .plus.plus-red .vertical, #product-tour.page-template-page-scrolling-product-page-php #intro .plus.plus-red .horizontal { background: red; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .plus.plus-red .vertical { width: 3px; left: 11px; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .plus.plus-red .horizontal { height: 3px; top: 11px; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .plus.plus-black { width: 10px; height: 10px; left: 70%; top: -15%; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .plus.plus-black .vertical, #product-tour.page-template-page-scrolling-product-page-php #intro .plus.plus-black .horizontal { background: #000000; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .plus.plus-black .vertical { width: 2px; left: 4px; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .plus.plus-black .horizontal { height: 2px; top: 4px; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .lightning { position: fixed; opacity: 0; transform: translateZ(0); }
  #product-tour.page-template-page-scrolling-product-page-php #intro .lightning-1 { bottom: 360px; left: calc(50% - 130px); z-index: 999; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .lightning-2 { bottom: 250px; left: calc(50% - 10px); z-index: 999; transform: rotate(-21deg); }
  #product-tour.page-template-page-scrolling-product-page-php #intro .lightning-3 { bottom: 250px; left: calc(50% + 90px); z-index: 999; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .dumb-alert { position: fixed; z-index: 2; transform: translateZ(0); }
  #product-tour.page-template-page-scrolling-product-page-php #intro .vo-lightning-1 { bottom: 360px; left: calc(50% - 140px); z-index: 999; opacity: 0; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .vo-lightning-2 { left: calc(50% - 41px); z-index: 999; bottom: 373px; opacity: 0; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .vo-lightning-3 { left: calc(50% - 5px); z-index: 999; bottom: 347px; opacity: 0; }
  #product-tour.page-template-page-scrolling-product-page-php #intro .vo-bldg { opacity: 1; width: 200px; height: 388px; left: calc(50% - 100px); background: url(../images/product/vo-bldg.png) 0 0 repeat-x transparent; z-index: 3; transform: translateZ(0); }
  #product-tour.page-template-page-scrolling-product-page-php #intro #intro-buildings { width: 100%; height: 125px; display: block; bottom: 0; background: url(../images/product/buildings.png) 0 0 repeat-x transparent; z-index: 4; transform: translateZ(0); }
  #product-tour.page-template-page-scrolling-product-page-php #alerting { width: 100%; height: 8700px; display: block; position: relative; overflow: hidden; background: url(../images/product/connect.png) 0 0 repeat transparent; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #alert-path { width: 3px; height: 5750px; display: block; background: #0f033f; left: calc(50% - 2px); z-index: 1; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting .sub-path { height: 3px; display: block; background: #0f033f; position: absolute; z-index: 1; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting .device, #product-tour.page-template-page-scrolling-product-page-php #alerting .person, #product-tour.page-template-page-scrolling-product-page-php #alerting .head, #product-tour.page-template-page-scrolling-product-page-php #alerting .body { position: absolute; display: block; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting .head { z-index: 1; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #people-container .vo-alerts { display: none; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #people-trigger, #product-tour.page-template-page-scrolling-product-page-php #alerting #red-trigger, #product-tour.page-template-page-scrolling-product-page-php #alerting #ned-trigger, #product-tour.page-template-page-scrolling-product-page-php #alerting #bob-trigger { display: block; width: 100%; height: 1px; position: absolute; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #people-trigger { bottom: 3640px; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #red-trigger { bottom: 3515px; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #ned-trigger { bottom: 3127px; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #bob-trigger { bottom: 3077px; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting .timeline-head { position: fixed; z-index: 9; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #molly-path { width: 12%; left: 38%; position: fixed; bottom: 560px; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #molly-path .device { top: -61px; left: -55%; width: 101px; height: 141px; background: url(../images/product/devices-molly.png) no-repeat transparent; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #molly-path #molly-container { top: -25px; left: -100%; width: 87px; height: 229px; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #molly-head, #product-tour.page-template-page-scrolling-product-page-php #alerting #molly-head-timeline { display: block; width: 85px; height: 111px; background: url(../images/product/molly-head.png) 0 0 no-repeat transparent; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #molly-body { width: 87px; height: 160px; top: 0px; background: url(../images/product/molly-body.png) 0 0 no-repeat transparent; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #molly-head-timeline { top: 155px; left: calc(50% - 350px); }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #red-path { width: 12%; left: 50%; position: fixed; bottom: 460px; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #red-path .device { top: -95px; left: 86%; width: 111px; height: 225px; background: url(../images/product/devices-red.png) no-repeat transparent; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #red-path #red-container { top: 0px; left: 156%; width: 116px; height: 250px; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #red-path #red-container #red-body { width: 116px; height: 191px; top: 0px; left: -12px; background: url(../images/product/red-body.png) 0 0 no-repeat transparent; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #red-head, #product-tour.page-template-page-scrolling-product-page-php #alerting #red-head-timeline { width: 76px; height: 136px; background: url(../images/product/red-head.png) 0 0 no-repeat transparent; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #red-head-timeline { top: 155px; left: calc(50% + 275px); }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #ned-path { width: 12%; left: 38%; position: fixed; bottom: 200px; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #ned-path .device { top: -95px; left: -60%; width: 103px; height: 133px; background: url(../images/product/devices-ned.png) no-repeat transparent; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #ned-path .ringer { top: -140px; left: -47%; width: 62px; height: 41px; background: url(../images/product/ringer.png) 0 0 no-repeat transparent; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #ned-path #ned-container { top: -140px; left: -154%; width: 92px; height: 220px; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #ned-path #ned-container #ned-body { width: 92px; height: 220px; top: 0px; left: 75px; background: url(../images/product/ned-body.png) 0 0 no-repeat transparent; z-index: 2; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #ned-head, #product-tour.page-template-page-scrolling-product-page-php #alerting #ned-head-timeline { width: 59px; height: 142px; background: url(../images/product/ned-head.png) 0 0 no-repeat transparent; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #ned-head-timeline { top: 465px; left: calc(50% - 350px); }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #bob-path { width: 12%; left: 50%; position: fixed; bottom: 100px; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #bob-path .device { top: -95px; left: 97%; width: 103px; height: 138px; background: url(../images/product/devices-bob.png) repeat transparent; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #bob-path #bob-container { top: -140px; left: 173%; width: 141px; height: 225px; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #bob-path #bob-container #bob-body { width: 141px; height: 225px; top: 0px; left: -38%; background: url(../images/product/bob-body.png) 0 0 no-repeat transparent; z-index: 2; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #bob-head, #product-tour.page-template-page-scrolling-product-page-php #alerting #bob-head-timeline { width: 68px; height: 132px; background: url(../images/product/bob-head.png) 0 0 no-repeat transparent; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting #bob-head-timeline { top: 465px; left: calc(50% + 275px); }
  #product-tour.page-template-page-scrolling-product-page-php #alerting .vo-alerts { width: 75px; height: 75px; position: relative; transform: translateZ(0); z-index: 2; }
  #product-tour.page-template-page-scrolling-product-page-php #alerting .vo-alerts img { box-shadow: 2px 3px 3px #444444; -webkit-border-radius: 37.5px; -moz-border-radius: 37.5px; -ms-border-radius: 37.5px; border-radius: 37.5px; }
  #product-tour.page-template-page-scrolling-product-page-php #triage { width: 100%; height: 25100px; display: block; position: relative; background: url(../images/product/connect.png) 0 0 repeat transparent; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #timeline_header, #product-tour.page-template-page-scrolling-product-page-php #triage #timeline_header_2 { top: 145px; left: calc(50% - 237.5px); width: 475px; padding: 25px 0; line-height: .75; text-indent: 70px; background: #444444; color: #ffffff; font-family: "museo-slab", sans-serif; font-size: 22px; border: 1px solid #444444; z-index: 1; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #timeline_header .circle, #product-tour.page-template-page-scrolling-product-page-php #triage #timeline_header_2 .circle { display: block; position: absolute; width: 26px; height: 26px; top: 20px; left: 40px; background: #333333; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #timeline_header .circle .inner, #product-tour.page-template-page-scrolling-product-page-php #triage #timeline_header_2 .circle .inner { display: block; position: absolute; width: 20px; height: 20px; top: 2.5px; left: 2.5px; background: #5684c2; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #timeline_header_2 { background: #0091ee; z-index: 1; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #timeline_header_2 .circle .inner { background: #444444; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline { position: fixed; left: calc(50% - 237.5px); width: 475px; height: auto; overflow: hidden; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline .status { position: relative; display: block; width: calc(100% - 2px); margin: 5px 0; border: 1px solid; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline .incident { width: 90%; margin-left: auto; margin-right: auto; padding: 12px 12px 12px 10px; left: -2px; background: #f7f0e4; border: 1px solid #ddd9b6; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline .incident p { margin-bottom: 0; font-size: .95em; line-height: 1.25; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline .chat, #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline .call, #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline .system { width: calc(99% - 17px); margin-left: auto; margin-right: auto; padding: 7px 7px 7px 10px; left: 0px; background: #dddddd; border: 1px solid #bababa; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline .chat p, #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline .call p, #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline .system p { margin-bottom: 0; font-size: .85em; line-height: 1.25; display: inline; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline .chat, #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline .system { margin-bottom: 20px; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline .chat:after, #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline .system:after { content: ''; position: absolute; bottom: -15px; left: 13%; width: 0; height: 0; border-top: 15px solid #dddddd; border-right: 15px solid transparent; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline .system { background: #bce2e1; border-color: #a2eaea; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline .system:after { border-top: 15px solid #bce2e1; border-right: 15px solid transparent; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline .paging { width: calc(99% - 17px); margin-left: auto; margin-right: auto; padding: 7px 7px 7px 10px; left: 0px; background: #efe4e4; border: 1px solid #e58f8f; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline .paging p { margin-bottom: 0; font-size: .85em; line-height: 1.25; color: #222222; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline table { width: 100%; background: #ffffff; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline table tr:nth-child(3) { background: #eaeaea; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline table td { padding: 5px; font-size: .85em; color: #222222; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline table td.label { width: 14%; text-align: right; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline table td.value { text-align: left; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline table td img { width: 450px; height: auto; margin: 5px auto; display: block; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline table button { padding: 3px; background: #999999; border: 1px solid #9a9a9a; color: #ffffff; font-size: .9em; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline table .timeline-plus { width: 12px; height: 12px; border: 1px solid #bababa; display: block; float: right; margin-right: 2%; background: #bababa; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline table .timeline-plus .plus_horiz { position: relative; top: 5px; left: 1px; width: 10px; height: 2px; display: block; background-color: #ffffff; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline table .timeline-plus .plus_vert { position: relative; top: -1px; left: 5px; width: 2px; height: 10px; display: block; background-color: #ffffff; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline table#pug-pic { position: absolute; display: none; top: 0; left: 0; z-index: 1; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline #resolved { border: 1px solid #d3e5be; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline #resolved .header { background: #e8efe1; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline #resolved .label { border-right: 1px solid #d3e5be; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline #pug { border: 1px solid #cccccc; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline #pug .header { background: #eaeaea; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline #pug .label { border-right: 1px solid #cccccc; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline #problem { border: 1px solid #e58f8f; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline #problem .header { background: #efe4e4; }
  #product-tour.page-template-page-scrolling-product-page-php #triage #incident_timeline #problem .label { border-right: 1px solid #e58f8f; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation { position: relative; width: 100%; height: 26000px; display: block; background: url(../images/product/light_wool_b.png) 0 0 repeat transparent; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #big-monitor { width: 475px; height: 365px; display: block; left: calc(50% - 237.5px); background: url(../images/product/big-monitor.png) 0 0 no-repeat transparent; overflow: hidden; transform: translateZ(0); }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas { position: absolute; top: 21px; left: 19px; width: 436px; height: 248px; display: block; background: #ffffff; overflow: hidden; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-header { width: 100%; height: 35px; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-header #logo { width: 50px; height: 50px; position: absolute; top: 5px; left: 5px; background: url(../images/product/vo-50x50.png) 0 0 no-repeat transparent; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-header #heading_1 { display: block; position: relative; width: 200px; height: 20px; margin: 15px 0 0 65px; padding: 5px; background: #999999; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-header #heading_1 .transmog_heading, #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-header #heading_1 .post_mortem_heading, #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-header #heading_1 .reporting_heading { opacity: 0; position: absolute; top: 5px; left: 10px; color: #ffffff; font-size: 1.05em; font-family: "museo-slab", sans-serif; font-weight: 300; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-header #heading_1 .post_mortem_heading { opacity: 1; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-header #heading_2 { position: absolute; top: 17px; right: 10px; width: 100px; height: auto; float: right; display: block; padding: 5px; background: #0091ee; color: #ffffff; font-size: .9em; font-family: "museo-slab", sans-serif; font-weight: 500; text-align: center; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body { width: 100%; margin-top: 15px; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #transmog { width: 89%; height: 170px; margin: 3% 5%; border: 2px dashed #999999; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #transmog sup { position: relative; top: -3px; font-size: 1.1em; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #transmog .transmog_sub { width: 95%; margin: 5px 0 7px 2%; background: #d1d1d1; border: 2px solid #898888; color: #000000; font-size: 1em; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #transmog .transmog_sub p { margin: 0 0 0 5px; padding: 3px 2px 1px; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #transmog .transmog_sub p span { padding: 3px; background: #f7f0e4; border: 2px solid #ddd9b6; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #transmog .transmog_sub .fa-bars, #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #transmog .transmog_sub .fa-chevron-down { position: relative; float: right; top: -21px; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #transmog .transmog_sub .fa-bars { right: 22px; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #transmog .transmog_sub .fa-chevron-down { right: -10px; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #transmog .transmog_sub_extra { display: block; left: 0px; width: 358px; position: absolute; margin: 0 32px; padding: 0 5px 5px; background: #f3f2f3; border: 2px solid #898888; z-index: 999; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #transmog .transmog_sub_extra .box-text, #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #transmog .transmog_sub_extra .box-text-code { padding: 1px; background: #f7f0e4; border: 1px solid #ddd9b6; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #transmog .transmog_sub_extra .box-text-code { font-family: courier; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #transmog .transmog_sub_extra p { margin: 5px; padding-bottom: 3px; font-size: .6em; color: #000000; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #transmog .transmog_sub_extra p:nth-child(2), #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #transmog .transmog_sub_extra p:nth-child(4) { border-bottom: 1px dashed #898888; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #transmog .transmog_sub_extra p .embed_button { position: relative; top: -12px; float: right; background: #8d8d8d; padding: 3px; color: #ffffff; font-size: .7em; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #transmog .transmog_sub_extra p .transmog_graph_img { position: absolute; width: 500px; height: 230px; display: block; background: url(../images/product/graph.jpg) 0 0 no-repeat transparent; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #transmog #transmog_1_extra { top: 104px; height: 120px; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #transmog #transmog_2_extra { top: 144px; height: 94px; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #post-mortem { position: absolute; top: 70px; width: 89%; height: 170px; margin: 0 5%; border: none; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #post-mortem table td { padding: 7px; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #post-mortem table.img-table { width: 420px; position: relative; top: -165px; left: -10px; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #post-mortem table.img-table img.post-mortems { position: absolute; top: 7px; left: 0; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #post-mortem table.img-table span.reporting-sprite { position: absolute; top: -42px; left: 14px; display: block; width: 348px; height: 242px; overflow: hidden; background: url(../images/product/sprite_reporting.jpg) 0 0 no-repeat transparent; transform: scale(0.8); }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #post-mortem table.pug-table { position: absolute; top: 0px; left: 0px; width: 100%; height: 50px; background: #ffffff; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #post-mortem table.pug-table tr:nth-child(2) { background: #eaeaea; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #post-mortem table.pug-table td { padding: 5px; font-size: .85em; color: #222222; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #post-mortem table.pug-table td.label { width: 14%; text-align: right; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #post-mortem table.pug-table td.value { text-align: left; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #post-mortem table.pug-table td.date_box { font-size: .2em; color: #000000; text-align: right; border-right: 3px solid #eeeeee; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #post-mortem table.pug-table td.pug-pic { padding: 0 0 7px 0; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #post-mortem table.pug-table td img { max-width: 85%; height: auto; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #post-mortem table.reroute-table { position: absolute; top: 0px; left: 0px; width: 100%; height: 50px; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #post-mortem table.reroute-table #reroute { width: calc(99% - 17px); padding: 7px 7px 7px 10px; background: #bce2e1; border-color: #a2eaea; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #post-mortem table.reroute-table #reroute p { margin-bottom: 0; font-size: .85em; line-height: 1.25; display: inline; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #post-mortem .date_box { font-size: .2em; color: #000000; text-align: right; border-right: 3px solid #eeeeee; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #post-mortem .incident_box { display: block; padding: 7px 0px 7px 10px; background: #f7f0e4; border: 2px solid #ddd9b6; font-size: 1em; line-height: 1.2; color: #000000; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #post-mortem .note_box { display: block; min-height: 8px; padding: 6px; font-size: 1em; line-height: 1.2; color: #444444; border: 1px solid #999999; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #post-mortem .pr_sep_row { background: #eeeeee; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #post-mortem .save_btn { font-size: .75em; padding: 5px 9px; color: #ffffff; border: 1px solid #777777; background: #999999; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
  #product-tour.page-template-page-scrolling-product-page-php #documentation #canvas #documentation-body #post-mortem .remove_btn { font-size: .75em; padding: 5px 9px; color: #ffffff; border: 1px solid #9a9a9a; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
  #product-tour.page-template-page-scrolling-product-page-php #outro { position: relative; width: 100%; height: 7000px; float: left; clear: both; background: #4ecece; }
  #product-tour.page-template-page-scrolling-product-page-php #outro #outro-text-box { position: fixed; width: 60%; height: auto; top: 50px; left: 16%; margin: 50px auto; box-shadow: none; opacity: .9; background: #444444; padding: 20px 50px; z-index: 9; -webkit-box-shadow: 0px 0px 12px #000000; -moz-box-shadow: 0px 0px 12px #000000; box-shadow: 0px 0px 12px #000000; color: white; text-shadow: 1px 1px 0px #000; font-size: 1.1em; transform: translateZ(0); }
  #product-tour.page-template-page-scrolling-product-page-php #outro #outro-text-box h2 { float: none; width: 80%; margin: 0 auto 50px; text-align: center; font-size: 3.25rem; font-weight: 500; }
  #product-tour.page-template-page-scrolling-product-page-php #outro #outro-text-box h2 .vo-logo { width: 50px; height: 50px; position: relative; top: 40px; left: calc(50% - 350px); background: url(../images/product/vo-50x50.png) 0 0 no-repeat transparent; }
  #product-tour.page-template-page-scrolling-product-page-php #outro #outro-text-box p { width: 100%; float: left; margin: 0 auto .9em; font-size: 1.15em; line-height: 1.2; }
  #product-tour.page-template-page-scrolling-product-page-php #outro #outro-text-box p:nth-child(2) { margin-bottom: 2em; }
  #product-tour.page-template-page-scrolling-product-page-php #outro #outro-text-box img { float: right; }
  #product-tour.page-template-page-scrolling-product-page-php #outro #outro-text-box a { color: #fbb142; text-decoration: underline; }
  #product-tour.page-template-page-scrolling-product-page-php #outro #outro-text-box a:hover { text-decoration: none; }
  #product-tour.page-template-page-scrolling-product-page-php #outro #outro-text-box .shortcut { position: relative; width: 125px; height: 25px; float: right; margin-right: -85px; }
  #product-tour.page-template-page-scrolling-product-page-php #outro #outro-text-box .shortcut a.intro-scroll-text { color: #fbb142; text-decoration: underline; float: left; margin: 0 auto; font-size: 1em; text-align: center; }
  #product-tour.page-template-page-scrolling-product-page-php #outro #outro-text-box .shortcut a.intro-scroll-icon { position: relative; top: -75px; width: 125px; height: 125px; margin: 5px; background: url(../images/product/scroller-chevrons.png) no-repeat 0 0 transparent; display: inline-block; float: right; -webkit-transform: scale(0.4) rotate(180deg); -moz-transform: scale(0.4) rotate(180deg); transform: scale(0.4) rotate(180deg); }
  #product-tour.page-template-page-scrolling-product-page-php #outro .button-wrapper { position: fixed; top: 500px; left: 22%; z-index: 1; width: 55%; margin: 0 auto; text-align: center; }
  #product-tour.page-template-page-scrolling-product-page-php #outro .button-wrapper .button-gray { background: #444444; color: #ffffff;}
  #product-tour.page-template-page-scrolling-product-page-php #outro .button-wrapper .button-gray:hover { background: #333333 !important; }
  #product-tour.page-template-page-scrolling-product-page-php #outro .button-wrapper .mp-cta { border: none; -webkit-box-shadow: 3px 3px 7px #444444; -moz-box-shadow: 3px 3px 7px #444444; box-shadow: 3px 3px 7px #444444; }
  #product-tour.page-template-page-scrolling-product-page-php #outro .button-wrapper .mp-cta:hover { -webkit-box-shadow: 1px 1px 4px #444444; -moz-box-shadow: 1px 1px 4px #444444; box-shadow: 1px 1px 4px #444444; }
  #product-tour.page-template-page-scrolling-product-page-php #outro .cloud { position: fixed; width: 250px; height: 80px; bottom: 350px; z-index: 0; transform: translateZ(0); background: #ffffff; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }
  #product-tour.page-template-page-scrolling-product-page-php #outro .cloud:after, #product-tour.page-template-page-scrolling-product-page-php #outro .cloud:before { content: ''; position: absolute; background: #ffffff; z-index: -1; }
  #product-tour.page-template-page-scrolling-product-page-php #outro .cloud:after { width: 75px; height: 75px; top: -50px; left: 130px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }
  #product-tour.page-template-page-scrolling-product-page-php #outro .cloud:before { width: 115px; height: 115px; top: -69px; right: 90px; border-radius: 200px; -webkit-border-radius: 200px; -moz-border-radius: 200px; }
  #product-tour.page-template-page-scrolling-product-page-php #outro .x1 { top: 78px; left: 860px; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); transform: scale(0.6); }
  #product-tour.page-template-page-scrolling-product-page-php #outro .x2 { left: 180px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); }
  #product-tour.page-template-page-scrolling-product-page-php #outro .x3 { top: 380px; }
  #product-tour.page-template-page-scrolling-product-page-php #outro .x4 { right: 65px; top: 245px; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); }
  #product-tour.page-template-page-scrolling-product-page-php #outro .x5 { bottom: 200px; left: 135px; -webkit-transform: scale(0.4); -moz-transform: scale(0.4); transform: scale(0.4); }
  #product-tour.page-template-page-scrolling-product-page-php #outro .x6 { right: 35px; -webkit-transform: scale(0.4); -moz-transform: scale(0.4); transform: scale(0.4); }
  #product-tour.page-template-page-scrolling-product-page-php #outro #outro-buildings { width: 100%; height: 125px; display: block; bottom: 0px; background: url(../images/product/buildings.png) 0 0 repeat-x transparent; z-index: 4; transform: translateZ(0); }
  #product-tour.page-template-page-scrolling-product-page-php #outro .vo-bldg { position: fixed; width: 200px; height: 388px; bottom: 0px; left: calc(50% - 100px); background: url(../images/product/vo-bldg.png) 0 0 repeat-x transparent; z-index: 0; } }

@media only screen and (max-width: 959px) { img { max-width: 100%; height: auto; }
  .textbubble, .arrowbubble { display: block; background: #005880; position: relative; padding: 12px; -moz-box-shadow: 2px 2px 3px #444444; -webkit-box-shadow: 2px 2px 3px #444444; box-shadow: 2px 2px 3px #444444; color: #ffffff; text-shadow: 1px 1px 0px #000; font-size: .95em; line-height: 1.15; font-weight: 500; font-family: "museo-sans", sans-serif; z-index: 999; }
  .textbubble h3, .arrowbubble h3 { color: #ffffff; font-weight: 500; }
  .arrowbubble:before { content: ""; position: absolute; right: 100%; top: 25%; width: 0; height: 0; border-top: 15px solid transparent; border-right: 35px solid #005880; border-bottom: 15px solid transparent; }
  .bannerbox { position: absolute; top: 0; width: 100%; font-size: 1.2em; padding: 15px 0; text-align: center; opacity: 1; height: auto; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { .bannerbox { font-size: 1em; } }
@media only screen and (max-width: 959px) { .bannerbox h2 { font-family: "museo-slab", sans-serif; font-weight: 700; float: left; margin-left: 6.6667%; margin-bottom: 0; font-size: 1.3em; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { .bannerbox h2 { float: none; } }
@media only screen and (max-width: 959px) { .bannerbox h3 { float: left; position: relative; top: 3px; margin-left: 22.5px; color: white; font-weight: 500; font-size: .95em; }
  .bannerbox span { display: block; float: left; margin: 0 auto; text-align: center; }
  .bannerbox span.heading { width: 100%; position: relative; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { .bannerbox span.heading { top: -10px; } }
@media only screen and (max-width: 959px) { .bannerbox span.scrolling-heading { top: 0px; background: #005880; padding-bottom: 20px; -moz-box-shadow: 2px 2px 3px #444444; -webkit-box-shadow: 2px 2px 3px #444444; box-shadow: 2px 2px 3px #444444; }
  .bannerbox span.alerting-heading { float: left; top: 15px; margin-top: 10px; padding: 12px 0; background: #005880; -moz-box-shadow: 2px 2px 3px #444444; -webkit-box-shadow: 2px 2px 3px #444444; box-shadow: 2px 2px 3px #444444; }
  .bannerbox span.triage-heading { top: 0px; padding: 12px 0; background: #005880; -moz-box-shadow: 2px 2px 3px #444444; -webkit-box-shadow: 2px 2px 3px #444444; box-shadow: 2px 2px 3px #444444; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { .bannerbox span.triage-heading { top: -10px; } }
@media only screen and (max-width: 959px) { .bannerbox span.triage-heading .shortcut { top: 77px; }
  .bannerbox span.investigation-heading { display: none; }
  .bannerbox span.identification-heading { display: none; }
  .bannerbox span.resolution-heading { display: none; }
  .bannerbox .shortcut { position: absolute; width: 125px; height: 25px; float: right; top: 0px; right: -50px; }
  .bannerbox .shortcut a.intro-scroll-text { position: relative; top: 0px; color: #fbb142; text-decoration: underline; float: left; margin-left: 12px; font-size: .75em; }
  .bannerbox .shortcut a.intro-scroll-icon { position: relative; top: -75px; width: 125px; height: 125px; margin: 5px; background: url(../images/product/scroller-chevrons.png) no-repeat 0 0 transparent; display: inline-block; float: right; -webkit-transform: scale(0.25) rotate(180deg); -moz-transform: scale(0.25) rotate(180deg); transform: scale(0.25) rotate(180deg); }
  #triage-banner-1 { top: 0px; }
  #triage-banner-1 h2 { float: none; margin-bottom: 10px; }
  #triage-banner-1.bannerbox { padding: 15px 0 0; }
  #alerting-banner-1 { height: auto; top: 0px; }
  #alerting-banner-1 .shortcut { top: 50px; }
  #alerting-banner-2 { top: 4755px; z-index: 2; }
  #alerting-banner-3 { width: 34%; top: 390px; left: 25%; font-size: 1.4em; padding: 30px; }
  #bubble-intro-1 { float: left; width: 65%; margin: 50px calc(15% - 12px) 0 calc(10% - 12px); }
  #bubble-intro-1:before { display: none; }
  #bubble-intro-2 { width: 65%; margin: 10px calc(5% - 12px) 0 calc(15% - 12px); }
  #bubble-intro-3 { top: 300px; width: 65%; margin: 0 calc(5% - 12px) 0 calc(15% + 40px); } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #bubble-intro-3 { top: 340px; } }

@media only screen and (max-width: 959px) { #bubble-intro-4 { top: 310px; width: 65%; margin: 0 calc(5% - 12px) 0 calc(18% - 12px); } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #bubble-intro-4 { top: 350px; } }

@media only screen and (max-width: 959px) { #intro-bubble-container-2 { position: absolute; left: 63%; width: 35%; }
  #intro-bubble-container-2 #bubble-intro-5 { position: relative; top: 132px; width: 275px; left: -300px; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #intro-bubble-container-2 #bubble-intro-5 { left: -210px; } }
@media only screen and (max-width: 959px) { #intro-bubble-container-2 #bubble-intro-6 { position: relative; top: 155px; left: -105px; width: 300px; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #intro-bubble-container-2 #bubble-intro-6 { left: -185px; } }
@media only screen and (max-width: 959px) { #intro-bubble-container-2 #bubble-intro-7 { position: relative; margin-top: 10px; }
  #alerting-banner-2 { top: 4755px; z-index: 2; }
  #alerting-bubble-container { position: relative; top: 170px; left: calc(50% + 85px); width: 38%; height: 350px; display: block; z-index: 999; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #alerting-bubble-container { width: 100%; left: 0; top: 205px; } }

@media only screen and (max-width: 959px) { #bubble-alerting-1, #bubble-alerting-2, #bubble-alerting-3 { float: left; position: relative; margin-bottom: 5px; }
  #bubble-alerting-1 { width: 75%; left: 0; top: 35px; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #bubble-alerting-1 { left: 12.5%; }
  #bubble-alerting-1:before { display: none; } }

@media only screen and (max-width: 959px) { #bubble-alerting-2 { width: 80%; left: 5px; top: 45px; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #bubble-alerting-2 { width: 30%; } }

@media only screen and (max-width: 959px) { #bubble-alerting-3 { width: 65%; left: 0; top: 55px; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #bubble-alerting-3 { left: 13%; top: 160px; } }

@media only screen and (max-width: 959px) { #bubble-alerting-4 { width: 52.5%; position: absolute; top: 890px; left: 40%; }
  #bubble-alerting-4:before { content: ""; position: absolute; right: 5%; top: 100%; width: 0; height: 0; border-top: 25px solid #005880; border-right: 25px solid transparent; }
  #bubble-alerting-5 { max-width: 28.5%; left: 6%; top: 460px; }
  #bubble-alerting-5:before { content: ""; position: absolute; right: 30%; top: 100%; width: 0; height: 0; border-top: 25px solid #005880; border-right: 25px solid transparent; }
  #timeline-bubble-container .textbubble { position: absolute; }
  #bubble-timeline-1 { position: absolute; width: 47.5%; top: -40px; margin: 0 0 10px 3%; }
  #bubble-timeline-1:before { content: ""; position: absolute; right: 61%; top: 100%; width: 0; height: 0; border-top: 25px solid #005880; border-right: 25px solid transparent; border-left: 25px solid transparent; }
  #bubble-timeline-2 { position: absolute; width: 79%; margin: 0 10% 0; top: 145px; }
  #bubble-timeline-3 { position: absolute; top: 708px; left: 7%; width: 32.5%; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #bubble-timeline-3 { top: 728px; width: 38.5%; } }
@media only screen and (max-width: 959px) { #bubble-timeline-3:before { content: ""; position: absolute; right: 65%; top: 100%; width: 0; height: 0; border-top: 40px solid #005880; border-right: 25px solid transparent; border-left: 25px solid transparent; }
  #bubble-timeline-4 { width: 30%; left: 64%; top: 1043px; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #bubble-timeline-4 { width: 45%; left: 44%; top: 1093px; } }

@media only screen and (max-width: 959px) { #bubble-timeline-5 { width: 200px; right: 2%; top: 600px; height: 65px; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #bubble-timeline-5 { top: 931px; } }
@media only screen and (max-width: 959px) { #bubble-timeline-5 img { float: left; margin-top: 20px; }
  #bubble-timeline-6 { width: 81%; margin-top: 175px; left: 3%; padding: 6%; font-size: 1.3em; }
  #bubble-timeline-7 { width: 45%; position: absolute; left: 45px; top: -390px; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #bubble-timeline-7 { top: -480px; } }
@media only screen and (max-width: 959px) { #bubble-timeline-7:before { content: ""; position: absolute; right: 75%; top: 100%; width: 0; height: 0; border-top: 40px solid #005880; border-right: 25px solid transparent; border-left: 25px solid transparent; }
  #bubble-timeline-7:before { content: ""; position: absolute; right: 65%; top: 100%; width: 0; height: 0; border-top: 40px solid #005880; border-right: 25px solid transparent; border-left: 25px solid transparent; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #bubble-timeline-7:before { right: 50%; } }

@media only screen and (max-width: 959px) { #bubble-timeline-8 { width: 82%; top: 1555px; left: 10%; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #bubble-timeline-8 { width: 68.5%; top: 1808px; left: 21%; } }

@media only screen and (max-width: 959px) { #bubble-timeline-9 { float: left; width: 65%; margin: 10px 0 15px 10%; }
  #bubble-documentation-0 { float: left; padding: 15px 0; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #bubble-documentation-0 { padding: 15px 0 10px; } }
@media only screen and (max-width: 959px) { #bubble-documentation-0 span { margin: 10px 2%; }
  #bubble-documentation-0 h2 { float: left; margin: 10px 2%; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #bubble-documentation-0 h2 { margin-left: 5%; } }
@media only screen and (max-width: 959px) { #bubble-documentation-0 h3 span { margin: 0; }
  #bubble-documentation-0 .shortcut { top: 195px; }
  #bubble-documentation-1 { position: absolute; width: 32%; top: 65px; left: 7.5%; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #bubble-documentation-1 { top: 80px; } }

@media only screen and (max-width: 959px) { #bubble-documentation-2 { position: absolute; width: 71%; top: 351px; left: 16.5%; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #bubble-documentation-2 { top: 381px; }
  #bubble-documentation-2 h3 { display: none; } }

@media only screen and (max-width: 959px) { #bubble-documentation-3 { position: absolute; width: 65%; top: 234px; left: 5.5%; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #bubble-documentation-3 { top: 244px; } }

@media only screen and (max-width: 959px) { #bubble-documentation-3b { width: 74.5%; top: 730px; left: 13.5%; }
  #bubble-documentation-4 { position: absolute; width: 50%; top: 895px; left: 130px; }
  #bubble-documentation-4:before { content: ""; position: absolute; right: 75%; top: 100%; width: 0; height: 0; border-top: 40px solid #005880; border-right: 25px solid transparent; border-left: 25px solid transparent; }
  #bubble-documentation-4 h3 { font-weight: 700; color: #ffffff; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #bubble-documentation-4 { top: 905px; left: 95 #999; width: 55%; } }

@media only screen and (max-width: 959px) { #bubble-documentation-5 { position: absolute; width: 29%; top: 1385px; left: 53.5%; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #bubble-documentation-5 { top: 1440px; left: 54.5%; } }

@media only screen and (max-width: 959px) { #bubble-documentation-6 { position: absolute; width: 43%; top: 1385px; left: 3.5%; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #bubble-documentation-6 { top: 1440px; } }

@media only screen and (max-width: 959px) { #bubble-documentation-7 { width: 45%; top: 1151px; left: 17%; }
  #intro { width: 100%; height: 1300px; display: block; position: relative; top: 0; background-color: #4ecece; overflow: hidden; }
  #intro #intro-text-box { display: block; width: 80%; height: auto; top: 0; display: block; margin: 3.5% auto 0; padding: 20px; background: #444444; z-index: 9; -webkit-box-shadow: 0px 0px 12px #000000; -moz-box-shadow: 0px 0px 12px #000000; box-shadow: 0px 0px 12px #000000; color: white; text-shadow: 1px 1px 0px #000; font-size: 1em; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #intro #intro-text-box { width: 100%; margin: 0 auto; padding: 20px 0; } }
@media only screen and (max-width: 959px) { #intro #intro-text-box h2 { float: none; width: 80%; margin: 0 auto 20px; text-align: center; }
  #intro #intro-text-box p { width: 100%; float: left; clear: left; line-height: 1.3; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #intro #intro-text-box p { width: 90%; float: left; margin: 15px 0 0 5%; } }
@media only screen and (max-width: 959px) { #intro #intro-text-box img { float: right; width: 35%; height: auto; margin-right: 10%; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #intro #intro-text-box img { width: 75%; float: none; margin: 15px 12.5%; } }
@media only screen and (max-width: 959px) { #intro #intro-text-box p.intro-scroll-text { position: relative; top: -25px; display: block; color: #fbb142; clear: both; width: 55%; font-size: 1.1em; line-height: 1.2; margin: 0 22.5%; padding-top: 10px; text-align: center; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #intro #intro-text-box p.intro-scroll-text { width: 80%; margin: 20px 10%; top: -5px; } }
@media only screen and (max-width: 959px) { #intro #intro-text-box span.intro-scroll-icon { position: absolute; top: 20.5%; left: 41%; display: block; width: 125px; height: 125px; margin: -15px auto; background: url(../images/product/scroll-sprite.png) no-repeat 0 0 transparent; -webkit-transform: scale(0.85); -moz-transform: scale(0.85); transform: scale(0.85); } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #intro #intro-text-box span.intro-scroll-icon { top: 28.5%; left: calc(50% - 53px); } }
@media only screen and (max-width: 959px) { #intro #cloud, #intro #cloud-monitors { display: none; }
  #intro #cloud2 { position: absolute; bottom: 490px; width: 500px; height: 160px; left: calc(50% - 250px); z-index: 1; background: #e6e7e8; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; background: #e6e7e8; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); }
  #intro #cloud2:after, #intro #cloud2:before { content: ''; position: absolute; background: #e6e7e8; z-index: -1; }
  #intro #cloud2:after { width: 150px; height: 150px; top: -100px; left: 70px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }
  #intro #cloud2:before { width: 230px; height: 230px; top: -120px; right: 90px; border-radius: 200px; -webkit-border-radius: 200px; -moz-border-radius: 200px; }
  #intro #cloud-monitors-2 { position: absolute; bottom: 495px; float: left; left: calc(50% - 210px); z-index: 5; width: 416px; height: 198px; background: url(../images/product/monitors.png) no-repeat 0 0 transparent; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); }
  #intro .web-of-intrigue { width: 179px; height: 206px; display: block; position: absolute; top: -55px; right: 45px; background: url(../images/product/web-of-intrigue.png) 0 0 no-repeat transparent; }
  #intro .circle-arrow { display: block; width: 33px; height: 32px; position: absolute; top: 40px; right: 65px; background: url(../images/product/circle-arrow.png) 0 0 no-repeat transparent; }
  #intro .plus { position: relative; display: block; z-index: 4; }
  #intro .plus span { position: absolute; }
  #intro .plus .vertical { width: 33%; height: 100%; }
  #intro .plus .horizontal { top: 33%; width: 100%; height: 33%; }
  #intro .plus.plus-orange { width: 10px; height: 10px; left: 17%; top: 55%; }
  #intro .plus.plus-orange .vertical, #intro .plus.plus-orange .horizontal { background: #fbb142; }
  #intro .plus.plus-orange .vertical { width: 2px; left: 4px; }
  #intro .plus.plus-orange .horizontal { height: 2px; top: 4px; }
  #intro .plus.plus-blue { width: 10px; height: 10px; left: 3%; top: 30%; }
  #intro .plus.plus-blue .vertical, #intro .plus.plus-blue .horizontal { background: blue; }
  #intro .plus.plus-blue .vertical { width: 2px; left: 4px; }
  #intro .plus.plus-blue .horizontal { height: 2px; top: 4px; }
  #intro .plus.plus-teal { width: 15px; height: 15px; left: 23%; top: 4%; }
  #intro .plus.plus-teal .vertical, #intro .plus.plus-teal .horizontal { background: teal; }
  #intro .plus.plus-teal .vertical { width: 3px; left: 40%; }
  #intro .plus.plus-teal .horizontal { height: 3px; top: 40%; }
  #intro .plus.plus-red { width: 25px; height: 25px; left: 47%; top: 38%; }
  #intro .plus.plus-red .vertical, #intro .plus.plus-red .horizontal { background: red; }
  #intro .plus.plus-red .vertical { width: 3px; left: 11px; }
  #intro .plus.plus-red .horizontal { height: 3px; top: 11px; }
  #intro .plus.plus-black { width: 10px; height: 10px; left: 70%; top: -15%; }
  #intro .plus.plus-black .vertical, #intro .plus.plus-black .horizontal { background: #000000; }
  #intro .plus.plus-black .vertical { width: 2px; left: 4px; }
  #intro .plus.plus-black .horizontal { height: 2px; top: 4px; }
  #intro .cloud { display: none; }
  #intro #lightning-and-dumb-alerts-container { display: none; }
  #intro .vo-lightning-1 { position: absolute; bottom: 365px; left: calc(50% - 140px); z-index: 999; }
  #intro .vo-lightning-2 { position: absolute; bottom: 365px; left: calc(50% - 40px); z-index: 999; }
  #intro .vo-lightning-3 { position: absolute; bottom: 360px; left: calc(50% - 6px); z-index: 999; }
  #intro .vo-bldg { position: absolute; bottom: 0; width: 200px; height: 388px; left: calc(50% - 100px); background: url(../images/product/vo-bldg.png) 0 0 repeat-x transparent; z-index: 3; }
  #intro #intro-buildings { width: 100%; height: 125px; display: block; position: absolute; bottom: 0; background: url(../images/product/buildings.png) 0 0 repeat-x transparent; z-index: 4; transform: translateZ(0); }
  #alerting { width: 100%; height: 1650px; display: block; position: relative; background: url(../images/product/connect.png) 0 0 repeat transparent; overflow: hidden; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #alerting { height: 1775px; } }
@media only screen and (max-width: 959px) { #alerting #alert-path { position: absolute; top: 0; width: 3px; height: 1453px; display: block; background: #0f033f; left: calc(50% - 2px); z-index: 1; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #alerting #alert-path { height: 1603px; } }
@media only screen and (max-width: 959px) { #alerting #people-container { position: relative; top: 600px; }
  #alerting #people-container .vo-alerts { position: absolute; }
  #alerting #people-container .smart-alert-email { top: -38px; left: 36%; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #alerting #people-container .smart-alert-email { left: 27%; } }
@media only screen and (max-width: 959px) { #alerting #people-container .smart-alert-sms { top: 5px; left: 55%; }
  #alerting #people-container .smart-alert-phone { top: 240px; left: 37%; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #alerting #people-container .smart-alert-phone { left: 27%; } }
@media only screen and (max-width: 959px) { #alerting .sub-path { height: 3px; display: block; background: #0f033f; position: absolute; z-index: 1; }
  #alerting .device, #alerting .person, #alerting .head, #alerting .body { position: absolute; display: block; }
  #alerting .head { z-index: 1; }
  #alerting #molly-path { width: 12%; left: 38%; }
  #alerting #molly-path .device { top: -61px; left: -100%; width: 101px; height: 141px; background: url(../images/product/devices-molly.png) -101px 0 no-repeat transparent; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #alerting #molly-path .device { left: -180%; } }
@media only screen and (max-width: 959px) { #alerting #molly-path #molly-container { top: -110px; left: -190%; width: 87px; height: 229px; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #alerting #molly-path #molly-container { left: -290%; } }
@media only screen and (max-width: 959px) { #alerting #molly-path #molly-container #molly-head { width: 85px; height: 111px; background: url(../images/product/molly-head.png) 0 0 no-repeat transparent; }
  #alerting #molly-path #molly-container #molly-body { width: 87px; height: 160px; top: 68px; background: url(../images/product/molly-body.png) 0 0 no-repeat transparent; }
  #alerting #red-path { top: 45px; width: 12%; left: 50%; }
  #alerting #red-path .device { top: -95px; left: 86%; width: 111px; height: 225px; background: url(../images/product/devices-red.png) -111px 0 no-repeat transparent; }
  #alerting #red-path #red-container { top: -110px; left: 226%; width: 116px; height: 250px; }
  #alerting #red-path #red-container #red-head { width: 76px; height: 136px; background: url(../images/product/red-head.png) 0 0 no-repeat transparent; }
  #alerting #red-path #red-container #red-body { width: 116px; height: 191px; top: 59px; left: -12px; background: url(../images/product/red-body.png) 0 0 no-repeat transparent; }
  #alerting #ned-path { top: 280px; width: 12%; left: 38%; }
  #alerting #ned-path .device { top: -95px; left: -105%; width: 103px; height: 133px; background: url(../images/product/devices-ned.png) -103px 0 no-repeat transparent; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #alerting #ned-path .device { left: -175%; } }
@media only screen and (max-width: 959px) { #alerting #ned-path .ringer { top: -140px; left: -87%; width: 62px; height: 41px; background: url(../images/product/ringer.png) 0 0 no-repeat transparent; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #alerting #ned-path .ringer { left: -134%; } }
@media only screen and (max-width: 959px) { #alerting #ned-path #ned-container { top: -140px; left: -174%; width: 92px; height: 220px; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #alerting #ned-path #ned-container { left: -274%; } }
@media only screen and (max-width: 959px) { #alerting #ned-path #ned-container #ned-head { width: 59px; height: 142px; background: url(../images/product/ned-head.png) 0 0 no-repeat transparent; }
  #alerting #ned-path #ned-container #ned-body { width: 92px; height: 220px; top: 0px; left: -8px; background: url(../images/product/ned-body.png) 0 0 no-repeat transparent; z-index: 2; }
  #alerting #bob-path { top: 340px; width: 12%; left: 50%; }
  #alerting #bob-path .device { top: -95px; left: 97%; width: 103px; height: 138px; background: url(../images/product/devices-bob.png) repeat transparent; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #alerting #bob-path .device { left: 56%; } }
@media only screen and (max-width: 959px) { #alerting #bob-path #bob-container { top: -140px; left: 173%; width: 141px; height: 225px; opacity: .3; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #alerting #bob-path #bob-container { left: 133%; } }
@media only screen and (max-width: 959px) { #alerting #bob-path #bob-container #bob-head { width: 68px; height: 132px; left: 55px; background: url(../images/product/bob-head.png) 0 0 no-repeat transparent; }
  #alerting #bob-path #bob-container #bob-body { width: 141px; height: 225px; top: 0px; left: 0; background: url(../images/product/bob-body.png) 0 0 no-repeat transparent; z-index: 2; }
  #alerting .devops-team { position: fixed; left: calc(50% - 420px); font-size: .9em; font-weight: bold; }
  #alerting .devops-team img { float: left; }
  #alerting .devops-team .team-label { clear: both; float: left; width: 300px; margin: 15px 0 0; text-align: center; }
  #alerting .vo-alerts { position: absolute; left: calc(50% - 37.5px); width: 75px; height: 75px; transform: translateZ(0); z-index: 2; }
  #alerting .vo-alerts img { box-shadow: 2px 3px 3px #444444; -webkit-border-radius: 37.5px; -moz-border-radius: 37.5px; -ms-border-radius: 37.5px; border-radius: 37.5px; }
  #alerting .vo-alerts.smart-alert-sms { top: 200px; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #alerting .vo-alerts.smart-alert-sms { top: 310px; } }
@media only screen and (max-width: 959px) { #alerting .vo-alerts.smart-alert-email { top: 285px; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #alerting .vo-alerts.smart-alert-email { top: 395px; } }
@media only screen and (max-width: 959px) { #alerting .vo-alerts.smart-alert-phone { top: 370px; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #alerting .vo-alerts.smart-alert-phone { top: 480px; } }

@media only screen and (max-width: 959px) { #triage { width: 100%; height: auto; display: block; position: relative; padding-top: 60px; padding-bottom: 30px; background: #ffffff; overflow: hidden; }
  #triage #timeline-container { margin-top: 15px; }
  #triage #timeline_header { position: relative; top: 0; width: 90%; margin: 0 auto; padding: 25px 0; line-height: .75; text-indent: 85px; background: #444444; color: #ffffff; font-family: "museo-slab", sans-serif; font-size: 22px; border: 1px solid #444444; z-index: 1; }
  #triage #timeline_header .circle { display: block; position: absolute; width: 26px; height: 26px; top: 17.5px; left: 50px; background: #333333; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; }
  #triage #timeline_header .circle .inner { display: block; position: absolute; width: 20px; height: 20px; top: 3px; left: 3px; background: #5684c2; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }
  #triage #timeline_header_2 { display: none; }
  #triage #incident_timeline { position: relative; top: 0; width: 90%; height: auto; margin: 0 auto; overflow: hidden; }
  #triage #incident_timeline .status { position: relative; display: block; width: calc(100% - 2px); margin: 5px 0; border: 1px solid; }
  #triage #incident_timeline .incident { width: 90%; margin-left: auto; margin-right: auto; padding: 12px 12px 12px 10px; left: -2px; background: #f7f0e4; border: 1px solid #ddd9b6; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }
  #triage #incident_timeline .incident p { margin-bottom: 0; font-size: .95em; line-height: 1.25; }
  #triage #incident_timeline .chat, #triage #incident_timeline .call, #triage #incident_timeline .system { width: calc(99% - 17px); margin-left: auto; margin-right: auto; padding: 7px 7px 7px 10px; left: 0px; background: #dddddd; border: 1px solid #bababa; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }
  #triage #incident_timeline .chat p, #triage #incident_timeline .call p, #triage #incident_timeline .system p { margin-bottom: 0; font-size: .85em; line-height: 1.25; display: inline; }
  #triage #incident_timeline .chat, #triage #incident_timeline .system { margin-bottom: 20px; }
  #triage #incident_timeline .chat:after, #triage #incident_timeline .system:after { content: ''; position: absolute; bottom: -15px; left: 13%; width: 0; height: 0; border-top: 15px solid #dddddd; border-right: 15px solid transparent; }
  #triage #incident_timeline .system { background: #bce2e1; border-color: #a2eaea; }
  #triage #incident_timeline .system:after { border-top: 15px solid #bce2e1; border-right: 15px solid transparent; }
  #triage #incident_timeline .paging { width: calc(99% - 17px); margin-left: auto; margin-right: auto; padding: 7px 7px 7px 10px; left: 0px; background: #efe4e4; border: 1px solid #e58f8f; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }
  #triage #incident_timeline .paging p { margin-bottom: 0; font-size: .85em; line-height: 1.25; color: #222222; }
  #triage #incident_timeline table { width: 100%; background: #ffffff; }
  #triage #incident_timeline table tr:nth-child(3) { background: #eaeaea; }
  #triage #incident_timeline table td { padding: 5px; font-size: .85em; color: #222222; }
  #triage #incident_timeline table td.label { width: 14%; text-align: right; }
  #triage #incident_timeline table td.value { text-align: left; }
  #triage #incident_timeline table td img { width: 450px; height: auto; margin: 5px auto; display: block; }
  #triage #incident_timeline table .timeline-plus { width: 12px; height: 12px; border: 1px solid #bababa; display: block; float: right; margin-right: 2%; background: #bababa; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
  #triage #incident_timeline table .timeline-plus .plus_horiz { position: relative; top: 5px; left: 1px; width: 10px; height: 2px; display: block; background-color: #ffffff; }
  #triage #incident_timeline table .timeline-plus .plus_vert { position: relative; top: -1px; left: 5px; width: 2px; height: 10px; display: block; background-color: #ffffff; }
  #triage #incident_timeline table button { padding: 3px; background: #999999; border: 1px solid #9a9a9a; color: #ffffff; font-size: .9em; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
  #triage #incident_timeline table#pug-pic { position: absolute; display: none; top: 0; left: 0; z-index: 1; }
  #triage #incident_timeline #resolved { border: 1px solid #d3e5be; }
  #triage #incident_timeline #resolved .header { background: #e8efe1; }
  #triage #incident_timeline #resolved .label { border-right: 1px solid #d3e5be; }
  #triage #incident_timeline #pug { border: 1px solid #cccccc; }
  #triage #incident_timeline #pug .header { background: #eaeaea; }
  #triage #incident_timeline #pug .label { border-right: 1px solid #cccccc; }
  #triage #incident_timeline #problem { border: 1px solid #e58f8f; }
  #triage #incident_timeline #problem .header { background: #efe4e4; }
  #triage #incident_timeline #problem .label { border-right: 1px solid #e58f8f; }
  #documentation { position: relative; width: 100%; height: 1500px; display: block; background: url(../images/product/light_wool_b.png) 0 0 repeat transparent; overflow: hidden; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #documentation { height: 1600px; } }
@media only screen and (max-width: 959px) { #documentation #big-monitor { position: relative; width: 475px; height: 365px; display: block; margin: 260px auto 190px; background: url(../images/product/big-monitor.png) 0 0 no-repeat transparent; overflow: hidden; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #documentation #big-monitor { transform: scale(0.75); margin: 188px -10% 190px; } }
@media only screen and (max-width: 959px) { #documentation #big-monitor-2 { position: relative; width: 475px; height: 365px; display: block; margin: 0 auto; background: url(../images/product/big-monitor.png) 0 0 no-repeat transparent; overflow: hidden; } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #documentation #big-monitor-2 { transform: scale(0.75); margin: 0 -10%; } }
@media only screen and (max-width: 959px) { #documentation #canvas { position: absolute; top: 21px; left: 19px; width: 436px; height: 248px; display: block; background: #ffffff; overflow: hidden; }
  #documentation #canvas #documentation-header { width: 100%; height: 35px; }
  #documentation #canvas #documentation-header #logo { width: 50px; height: 50px; position: absolute; top: 5px; left: 5px; background: url(../images/product/vo-50x50.png) 0 0 no-repeat transparent; }
  #documentation #canvas #documentation-header #heading_1 { display: block; position: relative; width: 200px; height: 20px; margin: 15px 0 0 65px; padding: 5px; background: #999999; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; }
  #documentation #canvas #documentation-header #heading_1 .transmog_heading { opacity: 0; position: absolute; top: 5px; left: 10px; color: #ffffff; font-size: 1.05em; font-family: "museo-slab", sans-serif; font-weight: 300; }
  #documentation #canvas #documentation-header #heading_1 .reporting_heading { display: none; }
  #documentation #canvas #documentation-header #heading_1 .post_mortem_heading { opacity: 1; position: absolute; top: 5px; left: 10px; color: #ffffff; font-size: 1.05em; font-family: "museo-slab", sans-serif; font-weight: 300; }
  #documentation #canvas #documentation-header #heading_2 { position: absolute; top: 17px; right: 10px; width: 100px; height: auto; float: right; display: block; padding: 5px; background: #0091ee; color: #ffffff; font-size: .9em; font-family: "museo-slab", sans-serif; font-weight: 500; text-align: center; }
  #documentation #canvas #documentation-body { width: 100%; margin-top: 15px; }
  #documentation #canvas #documentation-body #transmog { display: none; }
  #documentation #canvas #documentation-body #post-mortem { position: absolute; top: 70px; width: 89%; height: 170px; margin: 0 5%; border: none; }
  #documentation #canvas #documentation-body #post-mortem table td { padding: 7px; }
  #documentation #canvas #documentation-body #post-mortem table.img-table { width: 420px; position: relative; top: -165px; left: -10px; }
  #documentation #canvas #documentation-body #post-mortem table.img-table img { float: left; opacity: 0; }
  #documentation #canvas #documentation-body #post-mortem table.img-table img.trends, #documentation #canvas #documentation-body #post-mortem table.img-table img.post-mortems { position: relative; top: 160px; opacity: 1; }
  #documentation #canvas #documentation-body #post-mortem table.incident-table, #documentation #canvas #documentation-body #post-mortem table.pug-table { display: none; }
  #documentation #canvas #documentation-body #post-mortem table.reroute-table { display: none; }
  #documentation #canvas-2 { position: absolute; top: 21px; left: 19px; width: 436px; height: 248px; display: block; background: #ffffff; overflow: hidden; }
  #documentation #canvas-2 #documentation-header-2 { width: 100%; height: 35px; }
  #documentation #canvas-2 #documentation-header-2 #logo-2 { width: 50px; height: 50px; position: absolute; top: 5px; left: 5px; background: url(../images/product/vo-50x50.png) 0 0 no-repeat transparent; }
  #documentation #canvas-2 #documentation-header-2 #heading_1-2 { display: block; position: relative; width: 200px; height: 20px; margin: 15px 0 0 65px; padding: 5px; background: #999999; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; }
  #documentation #canvas-2 #documentation-header-2 #heading_1-2 .transmog_heading { position: absolute; top: 5px; left: 10px; color: #ffffff; font-size: 1.05em; font-family: "museo-slab", sans-serif; font-weight: 300; }
  #documentation #canvas-2 #documentation-header-2 #heading_2-2 { position: absolute; top: 17px; right: 10px; width: 100px; height: auto; float: right; display: block; padding: 5px; background: #0091ee; color: #ffffff; font-size: .9em; font-family: "museo-slab", sans-serif; font-weight: 500; text-align: center; }
  #documentation #canvas-2 #documentation-body-2 { width: 100%; margin-top: 15px; }
  #documentation #canvas-2 #documentation-body-2 #transmog-2 { width: 89%; height: 170px; margin: 3% 5%; border: 2px dashed #999999; }
  #documentation #canvas-2 #documentation-body-2 #transmog-2 sup { position: relative; top: -3px; font-size: 1.1em; }
  #documentation #canvas-2 #documentation-body-2 #transmog-2 .transmog_sub { width: 95%; margin: 5px 0 7px 2%; background: #d1d1d1; border: 2px solid #898888; color: #000000; font-size: 1em; }
  #documentation #canvas-2 #documentation-body-2 #transmog-2 .transmog_sub p { margin: 0 0 0 5px; padding: 3px; }
  #documentation #canvas-2 #documentation-body-2 #transmog-2 .transmog_sub p span { padding: 3px; background: #f7f0e4; border: 2px solid #ddd9b6; }
  #documentation #canvas-2 #documentation-body-2 #transmog-2 .transmog_sub .fa-bars, #documentation #canvas-2 #documentation-body-2 #transmog-2 .transmog_sub .fa-chevron-down { position: relative; float: right; top: -21px; }
  #documentation #canvas-2 #documentation-body-2 #transmog-2 .transmog_sub .fa-bars { right: 22px; }
  #documentation #canvas-2 #documentation-body-2 #transmog-2 .transmog_sub .fa-chevron-down { right: -10px; }
  #documentation #canvas-2 #documentation-body-2 #transmog-2 .transmog_sub_extra { display: block; left: 0px; width: 358px; position: absolute; margin: 0 32px; padding: 0 5px 5px; background: #f3f2f3; border: 2px solid #898888; z-index: 999; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
  #documentation #canvas-2 #documentation-body-2 #transmog-2 .transmog_sub_extra .box-text, #documentation #canvas-2 #documentation-body-2 #transmog-2 .transmog_sub_extra .box-text-code { padding: 1px; background: #f7f0e4; border: 1px solid #ddd9b6; }
  #documentation #canvas-2 #documentation-body-2 #transmog-2 .transmog_sub_extra .box-text-code { font-family: courier; }
  #documentation #canvas-2 #documentation-body-2 #transmog-2 .transmog_sub_extra p { margin: 5px; padding-bottom: 3px; font-size: .6em; color: #000000; }
  #documentation #canvas-2 #documentation-body-2 #transmog-2 .transmog_sub_extra p:nth-child(2), #documentation #canvas-2 #documentation-body-2 #transmog-2 .transmog_sub_extra p:nth-child(4) { border-bottom: 1px dashed #898888; }
  #documentation #canvas-2 #documentation-body-2 #transmog-2 #transmog_1_extra-2 { top: 104px; height: 120px; }
  #documentation #canvas-2 #documentation-body-2 #transmog-2 #transmog_2_extra-2 { display: none; top: 144px; height: 94px; }
  #outro { position: relative; width: 100%; height: auto; float: left; clear: both; background: #4ecece; overflow: hidden; }
  #outro #outro-text-box { position: relative; width: 80%; height: auto; float: left; margin: 5%; padding: 5%; box-shadow: none; opacity: .9; background: #444444; z-index: 9; -webkit-box-shadow: 0px 0px 12px #000000; -moz-box-shadow: 0px 0px 12px #000000; box-shadow: 0px 0px 12px #000000; color: white; text-shadow: 1px 1px 0px #000; font-size: .9em; transform: translateZ(0); } }
@media only screen and (max-width: 959px) and (max-width: 480px) { #outro #outro-text-box { width: 95%; margin: 0; padding: 2.5%; } }
@media only screen and (max-width: 959px) { #outro #outro-text-box h2 { display: none; position: relative; float: none; width: 100%; margin: 30px auto 50px; text-align: center; font-size: 2.5rem; font-weight: 500; }
  #outro #outro-text-box h2 .vo-logo { position: absolute; top: -5px; left: -40px; width: 50px; height: 50px; background: url(../images/product/vo-50x50.png) 0 0 no-repeat transparent; }
  #outro #outro-text-box p { width: 100%; float: left; margin: 0 auto .9em; font-size: 1.05em; line-height: 1.2; }
  #outro #outro-text-box img { float: right; }
  #outro #outro-text-box a { color: #fbb142; text-decoration: underline; }
  #outro #outro-text-box a:hover { text-decoration: none; }
  #outro #outro-text-box .shortcut { position: relative; width: 125px; height: 25px; float: right; margin-right: -45px; }
  #outro #outro-text-box .shortcut a.intro-scroll-text { color: #fbb142; text-decoration: underline; float: left; margin: 0 auto; font-size: 1em; text-align: center; }
  #outro #outro-text-box .shortcut a.intro-scroll-icon { position: relative; top: -75px; width: 125px; height: 125px; margin: 5px; background: url(../images/product/scroller-chevrons.png) no-repeat 0 0 transparent; display: inline-block; float: right; -webkit-transform: scale(0.4) rotate(180deg); -moz-transform: scale(0.4) rotate(180deg); transform: scale(0.4) rotate(180deg); }
  #outro .button-wrapper { position: relative; display: inline-block; float: left; width: 55%; margin: 30px 22.5% 300px; text-align: center; z-index: 1; }
  #outro .button-wrapper .button-gray { background: #444444; color: #ffffff; }
  #outro .button-wrapper .button-gray:hover { background: #333333 !important; }
  #outro .button-wrapper .mp-cta { border: none; -webkit-box-shadow: 3px 3px 7px #444444; -moz-box-shadow: 3px 3px 7px #444444; box-shadow: 3px 3px 7px #444444; }
  #outro .button-wrapper .mp-cta:hover { -webkit-box-shadow: 1px 1px 4px #444444; -moz-box-shadow: 1px 1px 4px #444444; box-shadow: 1px 1px 4px #444444; }
  #outro .cloud { position: absolute; width: 250px; height: 80px; bottom: 350px; z-index: 0; transform: translateZ(0); background: #ffffff; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }
  #outro .cloud:after, #outro .cloud:before { content: ''; position: absolute; background: #ffffff; z-index: -1; }
  #outro .cloud:after { width: 75px; height: 75px; top: -50px; left: 130px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }
  #outro .cloud:before { width: 115px; height: 115px; top: -69px; right: 90px; border-radius: 200px; -webkit-border-radius: 200px; -moz-border-radius: 200px; }
  #outro .x1 { top: 78px; left: 160px; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); transform: scale(0.3); }
  #outro .x2 { left: -60px; -webkit-transform: scale(0.4); -moz-transform: scale(0.4); transform: scale(0.4); }
  #outro .x3 { bottom: 370px; left: 130px; }
  #outro .x4 { right: -50px; bottom: 175px; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); transform: scale(0.2); }
  #outro .x5 { bottom: 160px; left: 8px; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); }
  #outro .x6 { left: 425px; bottom: 610px; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); transform: scale(0.7); }
  #outro #outro-buildings { position: absolute; width: 100%; height: 125px; display: block; bottom: 0px; background: url(../images/product/buildings.png) 0 0 repeat-x transparent; z-index: 4; }
  #outro .vo-bldg { position: absolute; width: 200px; height: 388px; bottom: -30px; left: calc(50% - 100px); background: url(../images/product/vo-bldg.png) 0 0 repeat-x transparent; z-index: 1; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); } }
#page-header { background: #fbb142; padding-top: 30px; padding-bottom: 30px; }
#page-header h1 { margin: 0; }
#page-header * { color: white; }
#page-header .wrapper:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }
@media only screen and (max-width: 480px) { #page-header h1 { font-size: 1.5em; } }

@media only screen and (max-width: 768px) { .left-column iframe { max-width: 100%; height: auto; margin-bottom: 1em; } }
#blog .site-content { overflow: hidden; }
#blog #page-header { text-align: center; }
@media only screen and (min-width: 768px) { #blog #page-header { text-align: left; }
  #blog #page-header h1 { float: left; }
  #blog #page-header .button-blue { float: right; } }
#blog .search-everything-highlight { background: #0091ee; /* The Fallback */ background: rgba(0, 145, 238, 0.1); }
#blog #signup { border-top: 10px solid #d9d9d9; }

#knowledge_drop_page + #signup { border-top: 10px solid #d9d9d9; }

#blog-wrapper { overflow: hidden; background: white; }
#blog-wrapper #sidebar { padding-bottom: 20px; }
#blog-wrapper #sidebar .button-blue.blog-subscribe { display: block; width: calc(100%-20px); margin-bottom: 20px; padding: 20px 10px; font-size: .9em; }
#blog-wrapper #sidebar .widget { margin: 20px 0 0; padding-bottom: 7px; }
#blog-wrapper #sidebar .widget input.submit { margin-top: 10px; padding: 10px; }
#blog-wrapper #sidebar .widget #emailSub-output { margin-bottom: 10px; color: #32ae49; }
#blog-wrapper #sidebar h3 { margin-bottom: 1em; padding-top: 15px; border-top: 1px solid #dfdfdf; }
#blog-wrapper #sidebar img { max-width: 100%; height: auto; margin-bottom: 30px; }
#blog-wrapper #sidebar .categories { margin-right: -10px; }
#blog-wrapper #sidebar .categories:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }
#blog-wrapper #sidebar .categories > li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 50%; display: table; padding-right: 10px; margin-bottom: 10px; table-layout: fixed; }
#blog-wrapper #sidebar .categories a { display: block; height: 100px; display: table-cell; vertical-align: middle; background: #fbb142; text-align: center; color: white; }
#blog-wrapper #sidebar .categories a:hover { background: #fa9c10; }
#blog-wrapper #sidebar .featured-posts { margin-bottom: 20px; margin-left: 0; border-bottom: 1px solid #dfdfdf; }
#blog-wrapper #sidebar .featured-posts > li { clear: left; min-height: 30px; margin-bottom: 15px; }
#blog-wrapper #sidebar .button-wrapper { margin-bottom: 20px; }
#blog-wrapper #sidebar .button-wrapper .button-blue { display: block; }
#blog-wrapper #posts:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }
@media only screen and (max-width: 768px) { #blog-wrapper img { max-width: 100%; height: auto; } }
@media only screen and (min-width: 480px) { #blog-wrapper #sidebar { margin-right: -20px; }
  #blog-wrapper #sidebar:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }
  #blog-wrapper #sidebar .col-1, #blog-wrapper #sidebar .col-2 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 50%; padding-right: 20px; } }
@media only screen and (min-width: 768px) { #blog-wrapper .posts-wrapper { position: relative; }
  #blog-wrapper .posts-wrapper:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }
  #blog-wrapper .posts-wrapper:before { content: ''; width: 99999px; height: 100%; top: 0; left: 70%; background: #f1f2f2; position: absolute; }
  #blog-wrapper #posts, #blog-wrapper #sidebar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; }
  #blog-wrapper #posts { width: 70%; }
  #blog-wrapper #sidebar { width: 30%; padding-top: 30px; padding-left: 30px; position: relative; margin-right: 0; }
  #blog-wrapper #sidebar .col-1, #blog-wrapper #sidebar .col-2 { float: none; width: auto; padding-right: 0; } }
#blog-wrapper article.post { position: relative; padding-top: 20px; padding-bottom: 30px; }
#blog-wrapper article.post .post-inner { position: relative; background: white; }
#blog-wrapper article.post .post-inner img { max-width: 100%; height: auto; }
@media only screen and (max-width: 480px) { #blog-wrapper article.post .post-inner iframe { max-width: 100%; } }
@media only screen and (min-width: 960px) { #blog-wrapper article.post .post-inner { border: solid 1px #c9c9c9; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } }
#blog-wrapper article.post .featured-image { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; background-position: center; background-color: #d9d9d9; height: 100px; display: block; }
#blog-wrapper article.post .post-header { background: white; border-top: 3px solid #fbb142; padding-top: 20px; padding-bottom: 30px; }
#blog-wrapper article.post .post-title { position: relative; }
#blog-wrapper article.post .post-meta { font-size: 14px; font-size: 1.4rem; font-weight: 500; color: #656565; }
#blog-wrapper article.post .post-meta:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }
#blog-wrapper article.post .post-meta .date { float: left; }
#blog-wrapper article.post .post-meta .date .fa { margin-right: 5px; }
#blog-wrapper article.post .post-meta .user { float: right; }
#blog-wrapper article.post .read-more { font-weight: 700; display: inline-block; margin-top: 30px; }
#blog-wrapper article.post .read-more + .fa-chevron-right { position: relative; top: 1px; left: 5px; color: #5684c2; }
@media only screen and (min-width: 768px) { #blog-wrapper article.post { padding-right: 30px; } }
@media only screen and (min-width: 960px) { #blog-wrapper article.post { padding: 50px 80px; margin-left: -120px; }
  #blog-wrapper article.post .post-inner { padding: 30px; }
  #blog-wrapper article.post .featured-image { position: absolute; top: 0; left: 0; width: 100%; margin: 0; height: 150px; }
  #blog-wrapper article.post .post-header { padding: 30px; margin-top: -30px; margin-left: -30px; margin-right: -30px; } }

#paginate { padding-top: 30px; padding-bottom: 30px; float: right; }
#paginate:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }
#paginate li { display: inline-block; }
#paginate li a { display: block; background: #5684c2; padding: 10px; cursor: pointer; color: white; }
#paginate li:hover a, #paginate li.active a { background-color: #0091ee; }
@media only screen and (min-width: 960px) { #paginate { margin-right: 80px; } }

.comment-count { position: absolute; top: 0; right: 30px; padding: 5px; background: #fbb142; color: #ffffff; }
@media only screen and (max-width: 768px) { .comment-count { right: 0; } }
.comment-count:hover { color: #ffffff; background: #e29828; }

#disqus_thread { margin-bottom: 25px; margin-right: 0; }
@media only screen and (min-width: 480px) { #disqus_thread { margin-right: 30px; } }
@media only screen and (min-width: 1101px) { #disqus_thread { margin-left: -5.5%; } }
@media only screen and (min-width: 960px) and (max-width: 1100px) { #disqus_thread { margin-left: -4%; } }

#about-intro { font-size: 1.45rem; }

#about-founders { font-size: 1.45rem; }

#investors-header { padding-bottom: 0; }
#investors-header .content { max-width: 100% !important; padding-bottom: 0; }

#foundry-group { padding-top: 40px; }

#costanoa { padding-top: 0; padding-bottom: 60px; }

#pricing .pricing-page-heading { width: 50%; margin: 0 auto; text-align: center; }
@media only screen and (max-width: 768px) { #pricing .pricing-page-heading { width: 80%; } }
#pricing .pricing-page-heading h2 { background: none; font-size: 30px; font-size: 3rem; margin-bottom: .5em; font-weight: 300; color: #444444; }
#pricing .pricing-page-heading a { width: 50%; margin: 0 auto; }
#pricing .pricing-page-heading a.button-blue { padding-left: 0px; padding-right: 0px; }
#pricing .pricing-page-heading a.sales-link { display: inline; margin-top: 0px; margin-left: 10px; font-weight: 700; }
@media only screen and (max-width: 768px) { #pricing .pricing-page-heading a.sales-link { display: block; margin-top: 20px; margin-left: auto; } }

#media #page-content section, .post-type-archive-release #page-content section { padding-top: 20px !important; }
#media #page-content section.white .image-content-wrapper, .post-type-archive-release #page-content section.white .image-content-wrapper { border-top: solid 1px #ccc; padding-top: 50px; }
#media #page-content section.white:first-child .image-content-wrapper, .post-type-archive-release #page-content section.white:first-child .image-content-wrapper { border-top: none; }
@media only screen and (min-width: 768px) { #media #page-content section, .post-type-archive-release #page-content section { padding-top: 50px; padding-bottom: 50px; } }
#media #page-content .image-wrapper, .post-type-archive-release #page-content .image-wrapper { width: 30%; text-align: center; }
#media #page-content .image-wrapper .image-overlay-wrapper, .post-type-archive-release #page-content .image-wrapper .image-overlay-wrapper { border: none; }
#media #page-content .image-wrapper img, .post-type-archive-release #page-content .image-wrapper img { max-width: 230px; }
#media #page-content .content, .post-type-archive-release #page-content .content { width: 70%; }
#media #page-content .content blockquote, .post-type-archive-release #page-content .content blockquote { border-left: none; font-style: italic; background: #eee; padding: 10px; border-radius: 5px; }
#media #page-content .content blockquote p:last-child, .post-type-archive-release #page-content .content blockquote p:last-child { margin-bottom: 0; }

#landing { -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; }
#landing #site-header { background: #fbb142; }
#landing #page-header { background: #444444; }
#landing .landing-content:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }
#landing .landing-content .content { margin-bottom: 30px; }
#landing .landing-signup { text-align: center; background: #f1f2f2; border-right: 3px solid #d9d9d9; border-bottom: 5px solid #d9d9d9; }
#landing .landing-signup .signup-header { padding: 20px; background: #fbb142; color: white; }
#landing .landing-signup .signup-header h2 { margin-bottom: 0; }
#landing .landing-signup form { padding: 30px; }
#landing .landing-signup label { margin-bottom: 20px; }
#landing .landing-signup .input-wrapper { position: relative; max-width: 400px; margin-right: auto; margin-left: auto; margin-bottom: 20px; }
#landing .landing-signup .input-wrapper .fa { position: absolute; top: 13px; left: 10px; color: #ccc; }
#landing .landing-signup .input-wrapper input { padding-left: 35px; }
#landing .landing-signup .button-blue { width: 100%; max-width: 400px; display: block; margin-right: auto; margin-left: auto; }
#landing .landing-signup .error { color: red; }
#landing .landing-signup .success { color: green; }
@media only screen and (min-width: 768px) { #landing .landing-content .content, #landing .landing-content .landing-signup { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; }
  #landing .landing-content .content { width: 66.66667%; padding-right: 50px; margin-bottom: 0; }
  #landing .landing-content .landing-signup { width: 33.33333%; }
  #landing .wrapper { padding-left: 50px; padding-right: 50px; } }
#landing #site-footer { background: #444444; }

#larper-landing { padding-top: 50px; }
#larper-landing .top-content { position: relative; z-index: 1; max-width: 750px; margin: 0 auto; font-size: 1.2em; }
@media only screen and (max-width: 768px) { #larper-landing .top-content { max-width: 90%; } }
#larper-landing .larper-and-grid { position: relative; margin-top: 50px; z-index: 0; }
#larper-landing .larper-and-grid .larper-container { display: block; background: url(../images/larper-dude.jpg) no-repeat 0 0 transparent; width: 583px; height: 650px; position: absolute; left: -100px; bottom: -80px; }
@media only screen and (max-width: 768px) { #larper-landing .larper-and-grid .larper-container { background: none; display: none; } }
#larper-landing .larper-and-grid .grid-content { width: 50%; float: right; margin: 0; position: relative; z-index: 0; }
@media only screen and (max-width: 768px) { #larper-landing .larper-and-grid .grid-content { width: 90%; float: none; margin: 0 auto; } }
#larper-landing .larper-and-grid .grid-content > table { background: white; -webkit-box-shadow: 0px 0px 15px #999999; -moz-box-shadow: 0px 0px 15px #999999; box-shadow: 0px 0px 15px #999999; }
#larper-landing .larper-and-grid .grid-content > table th { padding: 15px; background: #fbb142; color: white; }
#larper-landing .larper-and-grid .grid-content > table tr td { padding: 12px; }
#larper-landing .larper-and-grid .grid-content > table tr td:last-child { border-bottom: 1px solid #dfdfdf; padding: 10px 10px 10px 0; font-size: .9em; line-height: 1.3; }
#larper-landing .larper-and-grid .grid-content > table tr:last-child td:last-child { border-bottom: none; }
#larper-landing .larper-and-grid .grid-content .button-wrapper { margin-top: 50px; text-align: center; }
#larper-landing + #page-content #shadows { text-align: left; }

#logo-gallery .wrapper, #integrations-gallery .wrapper { padding-left: 0; padding-right: 0; }
#logo-gallery .logo-gallery .photo-wrapper, #integrations-gallery .logo-gallery .photo-wrapper { display: inline-block; box-sizing: border-box; float: left; height: 250px; padding: 0 2%; z-index: 100; -webkit-box-shadow: 0 0 1px #a0a0a0 inset; -moz-box-shadow: 0 0 1px #a0a0a0 inset; box-shadow: 0 0 1px #a0a0a0 inset; }
#logo-gallery .logo-gallery .photo-wrapper:before, #integrations-gallery .logo-gallery .photo-wrapper:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
#logo-gallery .logo-gallery .photo-wrapper:hover, #integrations-gallery .logo-gallery .photo-wrapper:hover { cursor: pointer; -webkit-box-shadow: 0 0 15px #a0a0a0 inset; -moz-box-shadow: 0 0 15px #a0a0a0 inset; box-shadow: 0 0 15px #a0a0a0 inset; background: #fafafa; }
#logo-gallery .logo-gallery .photo-wrapper img, #integrations-gallery .logo-gallery .photo-wrapper img { display: inline-block; vertical-align: middle; height: auto; }
#logo-gallery .logo-gallery .photo-wrapper .client_content, #integrations-gallery .logo-gallery .photo-wrapper .client_content { display: none; z-index: 999; position: fixed; top: 15%; background: none; font-size: .9em; }
#logo-gallery .logo-gallery .photo-wrapper .client_content .close-client, #integrations-gallery .logo-gallery .photo-wrapper .client_content .close-client { position: absolute; top: 20px; right: 20px; color: #f1f2f2; }
#logo-gallery .logo-gallery .photo-wrapper .client_content .vo-quote, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-quote { float: left; width: 80%; max-width: 581px; margin-bottom: 3px; padding: 35px 10% 20px; background: url(../images/oak-leaf-dark.png) 15px 100% no-repeat #444444; color: #f1f2f2; font-size: 1.1em; line-height: 30px; -webkit-border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; -ms-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; -moz-box-shadow: 7px 7px 12px #999999; -webkit-box-shadow: 7px 7px 12px #999999; box-shadow: 7px 7px 12px #999999; }
#logo-gallery .logo-gallery .photo-wrapper .client_content .vo-quote .quoter, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-quote .quoter { float: right; clear: left; }
#logo-gallery .logo-gallery .photo-wrapper .client_content .vo-quote .vo-client-quote, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-quote .vo-client-quote { float: left; }
#logo-gallery .logo-gallery .photo-wrapper .client_content .vo-quote .vo-client-quote-name, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-quote .vo-client-quote-name { float: left; }
#logo-gallery .logo-gallery .photo-wrapper .client_content .vo-quote .vo-client-quote-title, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-quote .vo-client-quote-title { float: left; margin-left: 5px; }
#logo-gallery .logo-gallery .photo-wrapper .client_content .vo-client-benefit, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-client-benefit { float: left; clear: left; max-width: 689px; margin: 3px 0; padding: 25px; color: #444444; -moz-box-shadow: 7px 7px 12px #999999; -webkit-box-shadow: 7px 7px 12px #999999; box-shadow: 7px 7px 12px #999999; background: url(../images/oak-leaf-white.png) 93% 100% no-repeat #fbb142; }
#logo-gallery .logo-gallery .photo-wrapper .client_content .vo-client-benefit p, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-client-benefit p { margin-bottom: 0; }
#logo-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary { float: left; clear: left; max-width: 710px; margin-top: 3px; padding: 25px; background: #ffffff; color: #444444; -webkit-border-radius: 0 0 15px 15px; -moz-border-radius: 0 0 15px 15px; -ms-border-radius: 0 0 15px 15px; border-radius: 0 0 15px 15px; -moz-box-shadow: 7px 7px 12px #999999; -webkit-box-shadow: 7px 7px 12px #999999; box-shadow: 7px 7px 12px #999999; }
#logo-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary .summary_left_text, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary .summary_left_text { float: left; width: 50%; margin: 0 10px 20px 0; line-height: 1.6em; }
#logo-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary .summary_right_text, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary .summary_right_text { float: right; width: 46%; margin: 0 0 20px 0; line-height: 1.6em; min-width: 60px; }
#logo-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary img, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary img { float: left; margin: 0 30px 15px 0; }
#logo-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary button.button-blue, #logo-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary a.customers-button, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary button.button-blue, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary a.customers-button { clear: both; display: block; width: 50%; margin: 0 auto; padding: 10px 15px; }
#logo-gallery .logo-gallery .photo-wrapper.grayedout:hover, #integrations-gallery .logo-gallery .photo-wrapper.grayedout:hover { cursor: default; background: #ffffff; -webkit-box-shadow: 0 0 1px #a0a0a0 inset; -moz-box-shadow: 0 0 1px #a0a0a0 inset; box-shadow: 0 0 1px #a0a0a0 inset; }
#logo-gallery .logo-gallery + h2, #integrations-gallery .logo-gallery + h2 { clear: both; padding-top: 1em; }

@media only screen and (min-width: 1439px) { .post-type-archive-customer .wrapper, .page-id-2693 .wrapper, .page-id-3051 .wrapper { max-width: 1250px; }
  #logo-gallery .wrapper, #integrations-gallery .wrapper { max-width: 1250px; }
  #logo-gallery .wrapper .content, #integrations-gallery .wrapper .content { max-width: 100%; }
  #logo-gallery .logo-gallery, #integrations-gallery .logo-gallery { font-size: 1em; }
  #logo-gallery .logo-gallery .photo-wrapper, #integrations-gallery .logo-gallery .photo-wrapper { display: inline-block; width: 20%; }
  #logo-gallery .logo-gallery .photo-wrapper img, #integrations-gallery .logo-gallery .photo-wrapper img { max-width: 90%; }
  #logo-gallery .logo-gallery .photo-wrapper:before, #integrations-gallery .logo-gallery .photo-wrapper:before { margin-right: 3%; /* Adjusts for spacing */ }
  #logo-gallery .logo-gallery .photo-wrapper .client_content, #integrations-gallery .logo-gallery .photo-wrapper .client_content { width: 600px; left: 33%; }
  #logo-gallery .logo-gallery .photo-wrapper .client_content .vo-client-benefit, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-client-benefit { min-width: 550px; }
  #logo-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary { min-width: 550px; }
  #logo-gallery .logo-gallery .photo-wrapper.generic-email-endpoint:before, #integrations-gallery .logo-gallery .photo-wrapper.generic-email-endpoint:before { margin-right: 14%; } }
@media only screen and (min-width: 960px) and (max-width: 1439px) { #logo-gallery .logo-gallery .photo-wrapper, #integrations-gallery .logo-gallery .photo-wrapper { display: inline-block; width: 25%; }
  #logo-gallery .logo-gallery .photo-wrapper img, #integrations-gallery .logo-gallery .photo-wrapper img { max-width: 100%; }
  #logo-gallery .logo-gallery .photo-wrapper:before, #integrations-gallery .logo-gallery .photo-wrapper:before { margin-right: -2%; /* Adjusts for spacing */ }
  #logo-gallery .logo-gallery .photo-wrapper .client_content, #integrations-gallery .logo-gallery .photo-wrapper .client_content { width: 600px; left: 33%; }
  #logo-gallery .logo-gallery .photo-wrapper .client_content .vo-client-benefit, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-client-benefit { min-width: 550px; }
  #logo-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary { min-width: 550px; }
  #integrations-gallery .logo-gallery .photo-wrapper { height: 200px; }
  #integrations-gallery .logo-gallery .photo-wrapper img { max-width: 80%; }
  #integrations-gallery .logo-gallery .photo-wrapper:before { margin-right: 7%; /* Adjusts for spacing */ }
  #integrations-gallery .logo-gallery .photo-wrapper.generic-email-endpoint:before { margin-right: 17%; } }
@media only screen and (min-width: 641px) and (max-width: 959px) { #logo-gallery .wrapper .content, #integrations-gallery .wrapper .content { max-width: 100%; }
  #logo-gallery .logo-gallery, #integrations-gallery .logo-gallery { font-size: .9em; }
  #logo-gallery .logo-gallery .photo-wrapper, #integrations-gallery .logo-gallery .photo-wrapper { display: inline-block; width: 33.3%; }
  #logo-gallery .logo-gallery .photo-wrapper img, #integrations-gallery .logo-gallery .photo-wrapper img { max-width: 90%; }
  #logo-gallery .logo-gallery .photo-wrapper:before, #integrations-gallery .logo-gallery .photo-wrapper:before { margin-right: 3%; /* Adjusts for spacing */ }
  #logo-gallery .logo-gallery .photo-wrapper .client_content, #integrations-gallery .logo-gallery .photo-wrapper .client_content { width: 500px; left: 14.5%; }
  #logo-gallery .logo-gallery .photo-wrapper .client_content .vo-client-benefit, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-client-benefit { min-width: 450px; }
  #logo-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary { min-width: 450px; }
  #logo-gallery .logo-gallery .photo-wrapper.generic-email-endpoint:before, #integrations-gallery .logo-gallery .photo-wrapper.generic-email-endpoint:before { margin-right: 23%; } }
@media only screen and (min-width: 481px) and (max-width: 640px) { #logo-gallery .wrapper .content, #integrations-gallery .wrapper .content { max-width: 100%; }
  #logo-gallery .logo-gallery, #integrations-gallery .logo-gallery { font-size: .9em; }
  #logo-gallery .logo-gallery .photo-wrapper, #integrations-gallery .logo-gallery .photo-wrapper { display: inline-block; width: 50%; }
  #logo-gallery .logo-gallery .photo-wrapper img, #integrations-gallery .logo-gallery .photo-wrapper img { max-width: 75%; }
  #logo-gallery .logo-gallery .photo-wrapper:before, #integrations-gallery .logo-gallery .photo-wrapper:before { margin-right: 12.5%; /* Adjusts for spacing */ }
  #logo-gallery .logo-gallery .photo-wrapper .client_content, #integrations-gallery .logo-gallery .photo-wrapper .client_content { width: 90%; left: 5%; }
  #logo-gallery .logo-gallery .photo-wrapper .client_content .vo-client-benefit, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-client-benefit { min-width: 90%; }
  #logo-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary { min-width: 90%; }
  #logo-gallery .logo-gallery .photo-wrapper.generic-email-endpoint:before, #integrations-gallery .logo-gallery .photo-wrapper.generic-email-endpoint:before { margin-right: 22.5%; } }
@media only screen and (max-width: 480px) { #logo-gallery .wrapper .content, #integrations-gallery .wrapper .content { max-width: 100%; }
  #logo-gallery .logo-gallery, #integrations-gallery .logo-gallery { font-size: .8em; }
  #logo-gallery .logo-gallery .photo-wrapper, #integrations-gallery .logo-gallery .photo-wrapper { display: block; width: 100%; height: auto; padding: 10% 5%; }
  #logo-gallery .logo-gallery .photo-wrapper img, #integrations-gallery .logo-gallery .photo-wrapper img { max-width: 60%; }
  #logo-gallery .logo-gallery .photo-wrapper:before, #integrations-gallery .logo-gallery .photo-wrapper:before { margin-right: 20%; /* Adjusts for spacing */ }
  #logo-gallery .logo-gallery .photo-wrapper .client_content, #integrations-gallery .logo-gallery .photo-wrapper .client_content { width: 98%; top: 3%; left: 1%; }
  #logo-gallery .logo-gallery .photo-wrapper .client_content .close-client, #integrations-gallery .logo-gallery .photo-wrapper .client_content .close-client { top: 5px; right: 15px; font-size: 2em; z-index: 99999; }
  #logo-gallery .logo-gallery .photo-wrapper .client_content .vo-quote, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-quote { width: 90%; margin-bottom: 1px; padding: 25px 5% 10px; font-size: 12px; line-height: 15px; }
  #logo-gallery .logo-gallery .photo-wrapper .client_content .vo-quote .quoter, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-quote .quoter { margin-top: 10px; }
  #logo-gallery .logo-gallery .photo-wrapper .client_content .vo-client-benefit, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-client-benefit { width: 90%; min-width: 0; padding: 15px 5%; }
  #logo-gallery .logo-gallery .photo-wrapper .client_content .vo-client-benefit p, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-client-benefit p { font-size: .9em; line-height: 1.1em; }
  #logo-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary { width: 90%; min-width: 0; margin-top: 1px; padding: 15px 5%; font-size: .9em; }
  #logo-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary .summary_left_text, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary .summary_left_text { line-height: 1.1em; }
  #logo-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary .summary_left_text img, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary .summary_left_text img { max-width: 40%; }
  #logo-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary .summary_right_text, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary .summary_right_text { line-height: 1.1em; }
  #logo-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary button.button-blue, #logo-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary a.customers-button, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary button.button-blue, #integrations-gallery .logo-gallery .photo-wrapper .client_content .vo-client-summary a.customers-button { padding: 5px 10px; font-size: 12px; }
  #logo-gallery .logo-gallery .photo-wrapper.generic-email-endpoint:before, #integrations-gallery .logo-gallery .photo-wrapper.generic-email-endpoint:before { margin-right: 30%; } }
.client_highlite { cursor: pointer; -webkit-box-shadow: 0 0 15px #a0a0a0 inset !important; -moz-box-shadow: 0 0 15px #a0a0a0 inset !important; box-shadow: 0 0 15px #a0a0a0 inset !important; background: #fafafa !important; }

.vo_customer article.customer { padding: 15px 35px 0 0; }
.vo_customer article.customer img { float: left; margin-right: 15px; }
.vo_customer article.customer a.button { max-width: 50%; margin: 0 auto; padding: 10px 15px; }

#referralops .referralops-intro { float: left; margin-bottom: 25px; }
#referralops .referralops-reward { float: left; }
#referralops .referralops-reward .reward-left { width: 49%; float: left; margin-right: 1%; font-size: .9em; }
#referralops .referralops-reward .reward-left img { max-width: 90%; height: auto; margin-top: 5px; }
#referralops .referralops-reward .reward-right { width: 49%; float: left; margin-left: 1%; font-size: .9em; }
#referralops .referralops-reward .reward-right img { max-width: 90%; height: auto; margin-top: 5px; }
#referralops .referralops-form { width: 290px; }
#referralops .referralops-fineprint { clear: left; width: 90%; font-size: .75em; }

@media only screen and (min-width: 768px) { .referralops-intro { width: 50%; }
  .referralops-reward { width: 50%; }
  .referralops-form { float: right; margin: 0 4%; } }
@media only screen and (min-width: 480px) and (max-width: 767px) { .referralops-intro { width: 100%; }
  .referralops-reward { width: 100%; }
  .referralops-form { float: none; margin: 0 auto; } }
#referralOps-link { display: none; }

@media only screen and (min-width: 640px) { #referralOps-link { position: fixed; bottom: 10%; -webkit-transition-property: right; -moz-transition-property: right; -o-transition-property: right; transition-property: right; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; right: -210px; width: 250px; height: 175px; background: orange; z-index: 999; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -ms-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; -moz-box-shadow: -2px 2px 6px #999999; -webkit-box-shadow: -2px 2px 6px #999999; box-shadow: -2px 2px 6px #999999; }
  #referralOps-link .heading { display: block; position: relative; top: 36px; left: -105px; font-weight: bold; font-size: .9em; color: #ffffff; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); }
  #referralOps-link .body { width: 80%; float: right; margin-top: 10px; font-size: 1.1em; color: #ffffff; }
  #referralOps-link .button-blue { position: relative; left: 5px; display: block; width: 55%; margin: 90px auto; padding: 10px; }
  #referralOps-link:hover { -webkit-transition-property: right; -moz-transition-property: right; -o-transition-property: right; transition-property: right; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; right: 0; cursor: pointer; } }
#knowledge-drop-wrapper #blog-wrapper { background: #444444; }

.knowledge-drop header#page-header { padding: 15px 0; }
.knowledge-drop header#page-header .wrapper { padding: 0; }

#blog-wrapper { clear: both; }
#blog-wrapper article.video, #blog-wrapper article.case-study, #blog-wrapper article.webinar, #blog-wrapper article.event, #blog-wrapper article.report, #blog-wrapper article.infographic, #blog-wrapper article.guide { position: relative; padding-bottom: 30px; }
#blog-wrapper article.video .post-inner, #blog-wrapper article.case-study .post-inner, #blog-wrapper article.webinar .post-inner, #blog-wrapper article.event .post-inner, #blog-wrapper article.report .post-inner, #blog-wrapper article.infographic .post-inner, #blog-wrapper article.guide .post-inner { position: relative; background: white; }
@media only screen and (min-width: 960px) { #blog-wrapper article.video .post-inner, #blog-wrapper article.case-study .post-inner, #blog-wrapper article.webinar .post-inner, #blog-wrapper article.event .post-inner, #blog-wrapper article.report .post-inner, #blog-wrapper article.infographic .post-inner, #blog-wrapper article.guide .post-inner { border: solid 1px #c9c9c9; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } }
#blog-wrapper article.video .featured-image, #blog-wrapper article.case-study .featured-image, #blog-wrapper article.webinar .featured-image, #blog-wrapper article.event .featured-image, #blog-wrapper article.report .featured-image, #blog-wrapper article.infographic .featured-image, #blog-wrapper article.guide .featured-image { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; background-position: center; background-color: #d9d9d9; height: 100px; display: block; }
#blog-wrapper article.video .post-header, #blog-wrapper article.case-study .post-header, #blog-wrapper article.webinar .post-header, #blog-wrapper article.event .post-header, #blog-wrapper article.report .post-header, #blog-wrapper article.infographic .post-header, #blog-wrapper article.guide .post-header { background: white; padding-top: 20px; padding-bottom: 30px; }
#blog-wrapper article.video .post-title, #blog-wrapper article.case-study .post-title, #blog-wrapper article.webinar .post-title, #blog-wrapper article.event .post-title, #blog-wrapper article.report .post-title, #blog-wrapper article.infographic .post-title, #blog-wrapper article.guide .post-title { position: relative; }
#blog-wrapper article.video .post-meta, #blog-wrapper article.case-study .post-meta, #blog-wrapper article.webinar .post-meta, #blog-wrapper article.event .post-meta, #blog-wrapper article.report .post-meta, #blog-wrapper article.infographic .post-meta, #blog-wrapper article.guide .post-meta { font-size: 14px; font-size: 1.4rem; font-weight: 500; color: #656565; }
#blog-wrapper article.video .post-meta:after, #blog-wrapper article.case-study .post-meta:after, #blog-wrapper article.webinar .post-meta:after, #blog-wrapper article.event .post-meta:after, #blog-wrapper article.report .post-meta:after, #blog-wrapper article.infographic .post-meta:after, #blog-wrapper article.guide .post-meta:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }
#blog-wrapper article.video .post-meta span.kd_cats, #blog-wrapper article.video .post-meta span.kd_tags, #blog-wrapper article.case-study .post-meta span.kd_cats, #blog-wrapper article.case-study .post-meta span.kd_tags, #blog-wrapper article.webinar .post-meta span.kd_cats, #blog-wrapper article.webinar .post-meta span.kd_tags, #blog-wrapper article.event .post-meta span.kd_cats, #blog-wrapper article.event .post-meta span.kd_tags, #blog-wrapper article.report .post-meta span.kd_cats, #blog-wrapper article.report .post-meta span.kd_tags, #blog-wrapper article.infographic .post-meta span.kd_cats, #blog-wrapper article.infographic .post-meta span.kd_tags, #blog-wrapper article.guide .post-meta span.kd_cats, #blog-wrapper article.guide .post-meta span.kd_tags { float: left; clear: left; display: block; margin-top: 10px; font-size: .9em; }
#blog-wrapper article.video .post-meta span.kd_cats em, #blog-wrapper article.video .post-meta span.kd_tags em, #blog-wrapper article.case-study .post-meta span.kd_cats em, #blog-wrapper article.case-study .post-meta span.kd_tags em, #blog-wrapper article.webinar .post-meta span.kd_cats em, #blog-wrapper article.webinar .post-meta span.kd_tags em, #blog-wrapper article.event .post-meta span.kd_cats em, #blog-wrapper article.event .post-meta span.kd_tags em, #blog-wrapper article.report .post-meta span.kd_cats em, #blog-wrapper article.report .post-meta span.kd_tags em, #blog-wrapper article.infographic .post-meta span.kd_cats em, #blog-wrapper article.infographic .post-meta span.kd_tags em, #blog-wrapper article.guide .post-meta span.kd_cats em, #blog-wrapper article.guide .post-meta span.kd_tags em { vertical-align: text-bottom; }
#blog-wrapper article.video .post-meta span.kd_cats em .post_tags, #blog-wrapper article.video .post-meta span.kd_tags em .post_tags, #blog-wrapper article.case-study .post-meta span.kd_cats em .post_tags, #blog-wrapper article.case-study .post-meta span.kd_tags em .post_tags, #blog-wrapper article.webinar .post-meta span.kd_cats em .post_tags, #blog-wrapper article.webinar .post-meta span.kd_tags em .post_tags, #blog-wrapper article.event .post-meta span.kd_cats em .post_tags, #blog-wrapper article.event .post-meta span.kd_tags em .post_tags, #blog-wrapper article.report .post-meta span.kd_cats em .post_tags, #blog-wrapper article.report .post-meta span.kd_tags em .post_tags, #blog-wrapper article.infographic .post-meta span.kd_cats em .post_tags, #blog-wrapper article.infographic .post-meta span.kd_tags em .post_tags, #blog-wrapper article.guide .post-meta span.kd_cats em .post_tags, #blog-wrapper article.guide .post-meta span.kd_tags em .post_tags { display: inline; }
#blog-wrapper article.video .post-meta span.kd_tags, #blog-wrapper article.case-study .post-meta span.kd_tags, #blog-wrapper article.webinar .post-meta span.kd_tags, #blog-wrapper article.event .post-meta span.kd_tags, #blog-wrapper article.report .post-meta span.kd_tags, #blog-wrapper article.infographic .post-meta span.kd_tags, #blog-wrapper article.guide .post-meta span.kd_tags { margin-top: 0; }
#blog-wrapper article.video .post-meta .date, #blog-wrapper article.case-study .post-meta .date, #blog-wrapper article.webinar .post-meta .date, #blog-wrapper article.event .post-meta .date, #blog-wrapper article.report .post-meta .date, #blog-wrapper article.infographic .post-meta .date, #blog-wrapper article.guide .post-meta .date { float: left; }
#blog-wrapper article.video .post-meta .date .fa, #blog-wrapper article.case-study .post-meta .date .fa, #blog-wrapper article.webinar .post-meta .date .fa, #blog-wrapper article.event .post-meta .date .fa, #blog-wrapper article.report .post-meta .date .fa, #blog-wrapper article.infographic .post-meta .date .fa, #blog-wrapper article.guide .post-meta .date .fa { margin-right: 5px; }
#blog-wrapper article.video .post-meta .user, #blog-wrapper article.case-study .post-meta .user, #blog-wrapper article.webinar .post-meta .user, #blog-wrapper article.event .post-meta .user, #blog-wrapper article.report .post-meta .user, #blog-wrapper article.infographic .post-meta .user, #blog-wrapper article.guide .post-meta .user { float: right; }
#blog-wrapper article.video .read-more, #blog-wrapper article.case-study .read-more, #blog-wrapper article.webinar .read-more, #blog-wrapper article.event .read-more, #blog-wrapper article.report .read-more, #blog-wrapper article.infographic .read-more, #blog-wrapper article.guide .read-more { font-weight: 700; text-decoration: underline; display: inline-block; margin-top: 30px; }
#blog-wrapper article.video .read-more + .fa-chevron-right, #blog-wrapper article.case-study .read-more + .fa-chevron-right, #blog-wrapper article.webinar .read-more + .fa-chevron-right, #blog-wrapper article.event .read-more + .fa-chevron-right, #blog-wrapper article.report .read-more + .fa-chevron-right, #blog-wrapper article.infographic .read-more + .fa-chevron-right, #blog-wrapper article.guide .read-more + .fa-chevron-right { position: relative; top: 2px; left: 5px; color: #5684c2; }
@media only screen and (min-width: 768px) { #blog-wrapper article.video, #blog-wrapper article.case-study, #blog-wrapper article.webinar, #blog-wrapper article.event, #blog-wrapper article.report, #blog-wrapper article.infographic, #blog-wrapper article.guide { padding-right: 30px; } }
@media only screen and (min-width: 960px) { #blog-wrapper article.video, #blog-wrapper article.case-study, #blog-wrapper article.webinar, #blog-wrapper article.event, #blog-wrapper article.report, #blog-wrapper article.infographic, #blog-wrapper article.guide { padding: 50px 80px; margin-left: -120px; }
  #blog-wrapper article.video .post-inner, #blog-wrapper article.case-study .post-inner, #blog-wrapper article.webinar .post-inner, #blog-wrapper article.event .post-inner, #blog-wrapper article.report .post-inner, #blog-wrapper article.infographic .post-inner, #blog-wrapper article.guide .post-inner { padding: 30px; }
  #blog-wrapper article.video .featured-image, #blog-wrapper article.case-study .featured-image, #blog-wrapper article.webinar .featured-image, #blog-wrapper article.event .featured-image, #blog-wrapper article.report .featured-image, #blog-wrapper article.infographic .featured-image, #blog-wrapper article.guide .featured-image { position: absolute; top: 0; left: 0; width: 100%; margin: 0; height: 150px; }
  #blog-wrapper article.video .post-header, #blog-wrapper article.case-study .post-header, #blog-wrapper article.webinar .post-header, #blog-wrapper article.event .post-header, #blog-wrapper article.report .post-header, #blog-wrapper article.infographic .post-header, #blog-wrapper article.guide .post-header { padding: 30px 30px 0 30px; margin-top: -30px; margin-left: -30px; margin-right: -30px; } }
@media only screen and (min-width: 960px) { #blog-wrapper .kd-single article.case-study, #blog-wrapper .kd-single article.webinar, #blog-wrapper .kd-single article.event, #blog-wrapper .kd-single article.report, #blog-wrapper .kd-single article.infographic, #blog-wrapper .kd-single article.guide { margin-left: 0; } }
#blog-wrapper article.case-study .post-header { border-top: 5px solid #f8f0c9; }
#blog-wrapper article.webinar .post-header { border-top: 5px solid #9e5744; }
#blog-wrapper article.event .post-header { border-top: 5px solid #e0d7d1; }
#blog-wrapper article.report .post-header { border-top: 5px solid #dce0ef; }
#blog-wrapper article.infographic .post-header { border-top: 5px solid #e1e0e0; }
#blog-wrapper article.guide .post-header { border-top: 5px solid #dfe8cf; }
#blog-wrapper article.video .post-header { border-top: 5px solid #cec9b3; }

.kd-page-header { display: block; float: left; width: 100%; max-width: 100%; padding: 10px 0; background-color: #ffffff; }
.kd-page-header .wrapper { width: 225px; }
.kd-page-header h1 { margin-bottom: 0; font-size: 2.5rem; }
.kd-page-header .kd-heading { position: relative; float: left; top: 10px; margin-left: 15px; }
.kd-page-header .kd-icon { float: left; }
.kd-page-header.case-study-page-header .kd-heading { top: 15px; color: #c66a06; }
.kd-page-header.case-study-page-header .case-study { width: 46px; height: 51px; background: url(../images/knowledge-drop/knowledge-drop-acorns.png) 0 -199px no-repeat transparent; }
.kd-page-header.event-page-header .kd-heading { color: #443b33; }
.kd-page-header.event-page-header .event { width: 49px; height: 45px; background: url(../images/knowledge-drop/knowledge-drop-acorns.png) -102px -205px no-repeat transparent; }
.kd-page-header.guide-page-header .kd-heading { color: #526037; }
.kd-page-header.guide-page-header .guide { width: 54px; height: 45px; background: url(../images/knowledge-drop/knowledge-drop-acorns.png) -46px -205px no-repeat transparent; }
.kd-page-header.infographic-page-header .kd-heading { color: #3d3d3d; }
.kd-page-header.infographic-page-header .infographic { width: 46px; height: 45px; background: url(../images/knowledge-drop/knowledge-drop-acorns.png) -257px -205px no-repeat transparent; }
.kd-page-header.report-page-header .kd-heading { color: #4a526b; }
.kd-page-header.report-page-header .report { width: 46px; height: 45px; background: url(../images/knowledge-drop/knowledge-drop-acorns.png) -308px -205px no-repeat transparent; }
.kd-page-header.webinar-page-header .kd-heading { color: #5e2f26; }
.kd-page-header.webinar-page-header .webinar { width: 51px; height: 46px; background: url(../images/knowledge-drop/knowledge-drop-acorns.png) -203px -204px no-repeat transparent; }
.kd-page-header.video-page-header .kd-heading { color: #6a6651; }
.kd-page-header.video-page-header .video { width: 46px; height: 46px; background: url(../images/knowledge-drop/knowledge-drop-acorns.png) -357px -204px no-repeat transparent; }

#kd-wrapper #kd-top { position: relative; height: auto; margin: 20px 0 0 0; }
#kd-wrapper #kd-top .kd-top-left { float: left; padding: 0; background: white; -webkit-border-radius: 10px 10px 3px 3px; -moz-border-radius: 10px 10px 3px 3px; -ms-border-radius: 10px 10px 3px 3px; border-radius: 10px 10px 3px 3px; -moz-box-shadow: inset 0 0 9px #d4d4d4; -webkit-box-shadow: inset 0 0 9px #d4d4d4; box-shadow: inset 0 0 9px #d4d4d4; /* set border-box so that percents can be used for width, padding, etc (personal preference) */ /* slideshow tiles (must add data-cycle-slides="li" (or data-cycle-slides="[selector]") to .cycle-slideshow) */ /* in case script does not load */ /* pager */ }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow, #kd-wrapper #kd-top .kd-top-left .cycle-slideshow * { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow { float: left; width: 100%; min-width: 200px; max-width: 670px; min-height: 250px; margin: 0; padding: 7px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li { /*
some of these styles will be set by the plugin (by default) but setting them here
helps avoid flash-of-unstyled-content
*/ position: absolute; top: 0; left: 0; width: 100%; padding: 17px 17px 0 17px; display: none; border-top: 9px solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li .scroller_thumb { max-width: 45%; height: auto; }
@media only screen and (max-width: 480px) { #kd-wrapper #kd-top .kd-top-left .cycle-slideshow li .scroller_thumb { max-width: 95%; } }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li .scroller_thumb img { float: left; max-width: 100%; height: auto; margin: 0 15px 10px 0; }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.case-study { border-color: #e29828; }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.case-study .kd-icon { display: block; float: right; width: 66px; height: 91px; background: url(../images/knowledge-drop/knowledge-drop-acorns.png) 0 -100px no-repeat transparent; }
@media only screen and (max-width: 480px) { #kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.case-study .kd-icon { display: none; } }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.case-study a { color: #e29828; }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.case-study a:hover, #kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.case-study a:active, #kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.case-study a:focus { color: #c66a06; }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.webinar { border-color: #9e5744; }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.webinar .kd-icon { display: block; float: right; width: 84px; height: 82px; background: url(../images/knowledge-drop/knowledge-drop-acorns.png) -380px -100px no-repeat transparent; }
@media only screen and (max-width: 480px) { #kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.webinar .kd-icon { display: none; } }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.webinar a { color: #9e5744; }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.webinar a:hover, #kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.webinar a:active, #kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.webinar a:focus { color: #5e2f26; }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.event { border-color: #7c6e61; }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.event .kd-icon { display: block; float: right; width: 83px; height: 77px; background: url(../images/knowledge-drop/knowledge-drop-acorns.png) -189px -100px no-repeat transparent; }
@media only screen and (max-width: 480px) { #kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.event .kd-icon { display: none; } }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.event a { color: #7c6e61; }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.event a:hover, #kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.event a:active, #kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.event a:focus { color: #443b33; }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.report { border-color: #4a526b; }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.report .kd-icon { display: block; float: right; width: 57px; height: 83px; background: url(../images/knowledge-drop/knowledge-drop-acorns.png) -580px -100px no-repeat transparent; }
@media only screen and (max-width: 480px) { #kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.report .kd-icon { display: none; } }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.report a { color: #616b8e; }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.report a:hover, #kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.report a:active, #kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.report a:focus { color: #4a526b; }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.infographic { border-color: #3d3d3d; }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.infographic .kd-icon { display: block; float: right; width: 52px; height: 71px; background: url(../images/knowledge-drop/knowledge-drop-acorns.png) -483px -100px no-repeat transparent; }
@media only screen and (max-width: 480px) { #kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.infographic .kd-icon { display: none; } }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.infographic a { color: #9d9d9d; }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.infographic a:hover, #kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.infographic a:active, #kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.infographic a:focus { color: #3d3d3d; }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.guide { border-color: #526037; }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.guide .kd-icon { display: block; float: right; width: 87px; height: 81px; background: url(../images/knowledge-drop/knowledge-drop-acorns.png) -86px -100px no-repeat transparent; }
@media only screen and (max-width: 480px) { #kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.guide .kd-icon { display: none; } }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.guide a { color: #7c8c5d; }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.guide a:hover, #kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.guide a:active, #kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.guide a:focus { color: #526037; }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.post { border-color: #365f96; }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.post .kd-icon { display: block; float: right; width: 59px; height: 75px; background: url(../images/knowledge-drop/knowledge-drop-acorns.png) -288px -100px no-repeat transparent; }
@media only screen and (max-width: 480px) { #kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.post .kd-icon { display: none; } }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.post a { color: #5684c2; }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.post a:hover, #kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.post a:active, #kd-wrapper #kd-top .kd-top-left .cycle-slideshow li.post a:focus { color: #365f96; }
#kd-wrapper #kd-top .kd-top-left .cycle-slideshow li:first-child { position: static; z-index: 100; }
#kd-wrapper #kd-top .kd-top-left .cycle-pager { text-align: center; width: 100%; min-width: 200px; max-width: 670px; height: 50px; float: left; z-index: 500; position: relative; overflow: hidden; }
#kd-wrapper #kd-top .kd-top-left .cycle-pager span { font-family: arial; font-size: 50px; width: 16px; height: 16px; display: inline-block; color: #ddd; cursor: pointer; }
#kd-wrapper #kd-top .kd-top-left .cycle-pager span.cycle-pager-active { color: #fbb142; }
#kd-wrapper #kd-top .kd-top-left .cycle-pager > * { cursor: pointer; }
#kd-wrapper #kd-top .kd-top-right { height: 175px; float: right; }
#kd-wrapper #kd-top .kd-top-right .button-blue { margin-top: 10px; padding: 10px 15px; }
#kd-wrapper #kd-top .kd-top-right h3.widgettitle { margin-bottom: .5em; color: #ffffff; font-weight: 500; }
#kd-wrapper #kd-top .kd-top-right #emailSub-output { color: #efefef; }
#kd-wrapper #kd-top .kd-top-right .textwidget { background: white; padding: 10px; border: 1px solid #c9c9c9; }
#kd-wrapper #kd-top .kd-top-right .textwidget li { margin-bottom: .25em; font-size: 1.1em; }
#kd-wrapper #kd-top .kd-top-right .textwidget li:last-child { margin-bottom: 0; }
#kd-wrapper #vokd.knowledge-drop { float: left; width: 100%; margin-top: 30px; padding: 15px 0 15px 0; border-bottom: 1px solid #b4b4b4; }
#kd-wrapper #vokd.knowledge-drop:first-child { margin-top: 20px; border-top: 1px solid #9d9d9d; }
#kd-wrapper #vokd.knowledge-drop:last-child { border-bottom: none; }
#kd-wrapper #vokd.knowledge-drop h2 { color: #ffffff; font-weight: 500; text-shadow: 1px 1px 1px #444444; }
#kd-wrapper #vokd.knowledge-drop .hover { -webkit-user-select: none; -webkit-touch-callout: none; }
#kd-wrapper #vokd.knowledge-drop .kd-post { float: left; height: 285px; position: relative; display: inline-block; vertical-align: top; margin-bottom: 15px; padding: 8px 1.5%; background: white; border: 3px solid; overflow: hidden; cursor: pointer; -moz-box-shadow: inset 0 0 3px #b4b4b4; -webkit-box-shadow: inset 0 0 3px #b4b4b4; box-shadow: inset 0 0 3px #b4b4b4; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
#kd-wrapper #vokd.knowledge-drop .kd-post .kd-post-scrolling-content { position: relative; margin: 0; }
@media only screen and (max-width: 480px) { #kd-wrapper #vokd.knowledge-drop .kd-post .kd-post-scrolling-content { margin: 5px 2.5%; } }
#kd-wrapper #vokd.knowledge-drop .kd-post .kd-icon { display: block; position: absolute; top: 0; left: 0; width: 100%; height: auto; margin: 0; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; transition-property: left; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post .kd-icon img { width: 100%; height: auto; margin-bottom: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 1px 2px 3px #999999; -webkit-box-shadow: 1px 2px 3px #999999; box-shadow: 1px 2px 3px #999999; }
#kd-wrapper #vokd.knowledge-drop .kd-post .kd-most-recent { float: right; margin: 5px 0; color: #666666; font-size: .75em; text-transform: uppercase; }
#kd-wrapper #vokd.knowledge-drop .kd-post h3 { position: relative; margin-bottom: .5em; font-weight: 500; z-index: 1; }
#kd-wrapper #vokd.knowledge-drop .kd-post h3 a:hover { text-decoration: none; }
#kd-wrapper #vokd.knowledge-drop .kd-post h3 a.kd-view-all { position: relative; top: 8px; float: right; font-size: .55em; }
#kd-wrapper #vokd.knowledge-drop .kd-post h4 { line-height: 1.2; font-size: 1.7rem; }
@media only screen and (max-width: 480px) { #kd-wrapper #vokd.knowledge-drop .kd-post h4 { font-size: 1em; } }
#kd-wrapper #vokd.knowledge-drop .kd-post h4 a { display: block; margin-bottom: 2px; }
#kd-wrapper #vokd.knowledge-drop .kd-post h4 a:hover { text-decoration: none; }
#kd-wrapper #vokd.knowledge-drop .kd-post a:hover, #kd-wrapper #vokd.knowledge-drop .kd-post a:active, #kd-wrapper #vokd.knowledge-drop .kd-post a:focus { text-decoration: underline; }
#kd-wrapper #vokd.knowledge-drop .kd-post .hover-content img { width: 100%; height: auto; }
#kd-wrapper #vokd.knowledge-drop .kd-post.kbase { border-color: #fbb142; background: white; }
#kd-wrapper #vokd.knowledge-drop .kd-post.kbase h3 { border-bottom: 2px solid #fbb142; }
#kd-wrapper #vokd.knowledge-drop .kd-post.kbase h3 a.kd-view-all { color: #fbb142; }
#kd-wrapper #vokd.knowledge-drop .kd-post.kbase a { color: #fbb142; }
#kd-wrapper #vokd.knowledge-drop .kd-post.kbase a:hover, #kd-wrapper #vokd.knowledge-drop .kd-post.kbase a:active, #kd-wrapper #vokd.knowledge-drop .kd-post.kbase a:focus { color: #fbb142; }
#kd-wrapper #vokd.knowledge-drop .kd-post.video { border-color: #6a6651; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; background: white; }
#kd-wrapper #vokd.knowledge-drop .kd-post.video h3 { border-bottom: 2px solid #cec9b3; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post.video h3 a.kd-view-all { color: #cec9b3; -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
@media only screen and (max-width: 767px) { #kd-wrapper #vokd.knowledge-drop .kd-post.video h3 a.kd-view-all { color: #7f7a62; } }
#kd-wrapper #vokd.knowledge-drop .kd-post.video h3:hover a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.video h3:active a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.video h3:focus a.kd-view-all { color: #7f7a62; -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post.video a { color: #7f7a62; }
#kd-wrapper #vokd.knowledge-drop .kd-post.video a:hover, #kd-wrapper #vokd.knowledge-drop .kd-post.video a:active, #kd-wrapper #vokd.knowledge-drop .kd-post.video a:focus { color: #6a6651; }
#kd-wrapper #vokd.knowledge-drop .kd-post.video:hover, #kd-wrapper #vokd.knowledge-drop .kd-post.video:active, #kd-wrapper #vokd.knowledge-drop .kd-post.video:focus { border-color: #cec9b3; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post.video:hover a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.video:active a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.video:focus a.kd-view-all { color: #cec9b3; }
#kd-wrapper #vokd.knowledge-drop .kd-post.webinar { border-color: #9e5744; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; background: white; }
#kd-wrapper #vokd.knowledge-drop .kd-post.webinar h3 { border-bottom: 2px solid #edd6ce; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post.webinar h3 a.kd-view-all { color: #edd6ce; -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
@media only screen and (max-width: 767px) { #kd-wrapper #vokd.knowledge-drop .kd-post.webinar h3 a.kd-view-all { color: #5e2f26; } }
#kd-wrapper #vokd.knowledge-drop .kd-post.webinar h3:hover a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.webinar h3:active a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.webinar h3:focus a.kd-view-all { color: #5e2f26; -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post.webinar a { color: #9e5744; }
#kd-wrapper #vokd.knowledge-drop .kd-post.webinar a:hover, #kd-wrapper #vokd.knowledge-drop .kd-post.webinar a:active, #kd-wrapper #vokd.knowledge-drop .kd-post.webinar a:focus { color: #5e2f26; }
#kd-wrapper #vokd.knowledge-drop .kd-post.webinar:hover, #kd-wrapper #vokd.knowledge-drop .kd-post.webinar:active, #kd-wrapper #vokd.knowledge-drop .kd-post.webinar:focus { border-color: #edd6ce; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post.webinar:hover a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.webinar:active a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.webinar:focus a.kd-view-all { color: #edd6ce; }
#kd-wrapper #vokd.knowledge-drop .kd-post.event { border-color: #7c6e61; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; background: white; }
#kd-wrapper #vokd.knowledge-drop .kd-post.event h3 { border-bottom: 2px solid #e0d7d1; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post.event h3 a.kd-view-all { color: #e0d7d1; -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
@media only screen and (max-width: 767px) { #kd-wrapper #vokd.knowledge-drop .kd-post.event h3 a.kd-view-all { color: #443b33; } }
#kd-wrapper #vokd.knowledge-drop .kd-post.event h3:hover a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.event h3:active a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.event h3:focus a.kd-view-all { color: #443b33; -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post.event a { color: #7c6e61; }
#kd-wrapper #vokd.knowledge-drop .kd-post.event a:hover, #kd-wrapper #vokd.knowledge-drop .kd-post.event a:active, #kd-wrapper #vokd.knowledge-drop .kd-post.event a:focus { color: #443b33; }
#kd-wrapper #vokd.knowledge-drop .kd-post.event:hover, #kd-wrapper #vokd.knowledge-drop .kd-post.event:active, #kd-wrapper #vokd.knowledge-drop .kd-post.event:focus { border-color: #e0d7d1; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post.event:hover a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.event:active a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.event:focus a.kd-view-all { color: #e0d7d1; }
#kd-wrapper #vokd.knowledge-drop .kd-post.report { border-color: #616b8e; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; background: white; }
#kd-wrapper #vokd.knowledge-drop .kd-post.report h3 { border-bottom: 2px solid #dce0ef; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post.report h3 a.kd-view-all { color: #dce0ef; -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
@media only screen and (max-width: 767px) { #kd-wrapper #vokd.knowledge-drop .kd-post.report h3 a.kd-view-all { color: #4a526b; } }
#kd-wrapper #vokd.knowledge-drop .kd-post.report h3:hover a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.report h3:active a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.report h3:focus a.kd-view-all { color: #4a526b; -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post.report a { color: #616b8e; }
#kd-wrapper #vokd.knowledge-drop .kd-post.report a:hover, #kd-wrapper #vokd.knowledge-drop .kd-post.report a:active, #kd-wrapper #vokd.knowledge-drop .kd-post.report a:focus { color: #4a526b; }
#kd-wrapper #vokd.knowledge-drop .kd-post.report:hover, #kd-wrapper #vokd.knowledge-drop .kd-post.report:active, #kd-wrapper #vokd.knowledge-drop .kd-post.report:focus { border-color: #dce0ef; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post.report:hover a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.report:active a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.report:focus a.kd-view-all { color: #dce0ef; }
#kd-wrapper #vokd.knowledge-drop .kd-post.guide { border-color: #7c8c5d; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; background: white; }
#kd-wrapper #vokd.knowledge-drop .kd-post.guide h3 { border-bottom: 2px solid #dfe8cf; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post.guide h3 a.kd-view-all { color: #dfe8cf; -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
@media only screen and (max-width: 767px) { #kd-wrapper #vokd.knowledge-drop .kd-post.guide h3 a.kd-view-all { color: #526037; } }
#kd-wrapper #vokd.knowledge-drop .kd-post.guide h3:hover a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.guide h3:active a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.guide h3:focus a.kd-view-all { color: #526037; -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post.guide a { color: #7c8c5d; }
#kd-wrapper #vokd.knowledge-drop .kd-post.guide a:hover, #kd-wrapper #vokd.knowledge-drop .kd-post.guide a:active, #kd-wrapper #vokd.knowledge-drop .kd-post.guide a:focus { color: #526037; }
#kd-wrapper #vokd.knowledge-drop .kd-post.guide:hover, #kd-wrapper #vokd.knowledge-drop .kd-post.guide:active, #kd-wrapper #vokd.knowledge-drop .kd-post.guide:focus { border-color: #dfe8cf; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post.guide:hover a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.guide:active a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.guide:focus a.kd-view-all { color: #dfe8cf; }
#kd-wrapper #vokd.knowledge-drop .kd-post.case-study { border-color: #e29828; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; background: white; }
#kd-wrapper #vokd.knowledge-drop .kd-post.case-study h3 { border-bottom: 2px solid #f8f0c9; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post.case-study h3 a.kd-view-all { color: #f8f0c9; -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
@media only screen and (max-width: 767px) { #kd-wrapper #vokd.knowledge-drop .kd-post.case-study h3 a.kd-view-all { color: #c66a06; } }
#kd-wrapper #vokd.knowledge-drop .kd-post.case-study h3:hover a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.case-study h3:active a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.case-study h3:focus a.kd-view-all { color: #c66a06; -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post.case-study a { color: #e29828; }
#kd-wrapper #vokd.knowledge-drop .kd-post.case-study a:hover, #kd-wrapper #vokd.knowledge-drop .kd-post.case-study a:active, #kd-wrapper #vokd.knowledge-drop .kd-post.case-study a:focus { color: #c66a06; }
#kd-wrapper #vokd.knowledge-drop .kd-post.case-study:hover, #kd-wrapper #vokd.knowledge-drop .kd-post.case-study:active, #kd-wrapper #vokd.knowledge-drop .kd-post.case-study:focus { border-color: #f8f0c9; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post.case-study:hover a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.case-study:active a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.case-study:focus a.kd-view-all { color: #f8f0c9; }
#kd-wrapper #vokd.knowledge-drop .kd-post.infographic { border-color: #9d9d9d; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; background: white; }
#kd-wrapper #vokd.knowledge-drop .kd-post.infographic h3 { border-bottom: 2px solid #e1e0e0; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post.infographic h3 a.kd-view-all { color: #e1e0e0; -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
@media only screen and (max-width: 767px) { #kd-wrapper #vokd.knowledge-drop .kd-post.infographic h3 a.kd-view-all { color: #3d3d3d; } }
#kd-wrapper #vokd.knowledge-drop .kd-post.infographic h3:hover a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.infographic h3:active a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.infographic h3:focus a.kd-view-all { color: #3d3d3d; -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post.infographic a { color: #9d9d9d; }
#kd-wrapper #vokd.knowledge-drop .kd-post.infographic a:hover, #kd-wrapper #vokd.knowledge-drop .kd-post.infographic a:active, #kd-wrapper #vokd.knowledge-drop .kd-post.infographic a:focus { color: #3d3d3d; }
#kd-wrapper #vokd.knowledge-drop .kd-post.infographic:hover, #kd-wrapper #vokd.knowledge-drop .kd-post.infographic:active, #kd-wrapper #vokd.knowledge-drop .kd-post.infographic:focus { border-color: #e1e0e0; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post.infographic:hover a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.infographic:active a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.infographic:focus a.kd-view-all { color: #e1e0e0; }
#kd-wrapper #vokd.knowledge-drop .kd-post.post { border-color: #5684c2; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; background: white; }
#kd-wrapper #vokd.knowledge-drop .kd-post.post h3 { border-bottom: 2px solid #c8dddb; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post.post h3 a.kd-view-all { color: #c8dddb; -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
@media only screen and (max-width: 767px) { #kd-wrapper #vokd.knowledge-drop .kd-post.post h3 a.kd-view-all { color: #365f96; } }
#kd-wrapper #vokd.knowledge-drop .kd-post.post h3:hover a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.post h3:active a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.post h3:focus a.kd-view-all { color: #365f96; -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post.post a { color: #5684c2; }
#kd-wrapper #vokd.knowledge-drop .kd-post.post a:hover, #kd-wrapper #vokd.knowledge-drop .kd-post.post a:active, #kd-wrapper #vokd.knowledge-drop .kd-post.post a:focus { color: #365f96; }
#kd-wrapper #vokd.knowledge-drop .kd-post.post:hover, #kd-wrapper #vokd.knowledge-drop .kd-post.post:active, #kd-wrapper #vokd.knowledge-drop .kd-post.post:focus { border-color: #c8dddb; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post.post:hover a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.post:active a.kd-view-all, #kd-wrapper #vokd.knowledge-drop .kd-post.post:focus a.kd-view-all { color: #c8dddb; }
#kd-wrapper #vokd.knowledge-drop .kd-post .post-summary { width: 100%; position: absolute; top: 0%; left: 114%; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; transition-property: left; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post .post-summary img { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
#kd-wrapper #vokd.knowledge-drop .kd-post .post-summary p { margin-bottom: 0; line-height: 1.3; font-size: .9em; }
@media only screen and (max-width: 480px) { #kd-wrapper #vokd.knowledge-drop .kd-post .post-summary p { font-size: 1em; } }
#kd-wrapper #vokd.knowledge-drop .kd-post .post-summary p .fa { font-size: .8em; }
#kd-wrapper #vokd.knowledge-drop .kd-post .post-summary p.hover-content { position: relative; opacity: .6; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; z-index: 0; }
#kd-wrapper #vokd.knowledge-drop .kd-post .post-summary .kd-acorn { position: relative; display: block; float: left; margin: 0 9px 0 0; }
#kd-wrapper #vokd.knowledge-drop .kd-post .post-summary .video { width: 66px; height: 91px; background: url(../images/knowledge-drop/knowledge-drop-acorns.png) -670px -100px no-repeat transparent; }
#kd-wrapper #vokd.knowledge-drop .kd-post .post-summary .case-study { width: 66px; height: 91px; background: url(../images/knowledge-drop/knowledge-drop-acorns.png) 0 -100px no-repeat transparent; }
#kd-wrapper #vokd.knowledge-drop .kd-post .post-summary .event { width: 83px; height: 77px; background: url(../images/knowledge-drop/knowledge-drop-acorns.png) -189px -100px no-repeat transparent; }
#kd-wrapper #vokd.knowledge-drop .kd-post .post-summary .guide { width: 87px; height: 81px; background: url(../images/knowledge-drop/knowledge-drop-acorns.png) -86px -100px no-repeat transparent; }
#kd-wrapper #vokd.knowledge-drop .kd-post .post-summary .infographic { width: 52px; height: 71px; background: url(../images/knowledge-drop/knowledge-drop-acorns.png) -483px -100px no-repeat transparent; }
#kd-wrapper #vokd.knowledge-drop .kd-post .post-summary .report { width: 57px; height: 83px; background: url(../images/knowledge-drop/knowledge-drop-acorns.png) -580px -100px no-repeat transparent; }
#kd-wrapper #vokd.knowledge-drop .kd-post .post-summary .webinar { width: 84px; height: 82px; background: url(../images/knowledge-drop/knowledge-drop-acorns.png) -380px -100px no-repeat transparent; }
#kd-wrapper #vokd.knowledge-drop .kd-post .post-summary .post { width: 59px; height: 75px; background: url(../images/knowledge-drop/knowledge-drop-acorns.png) -288px -100px no-repeat transparent; }
#kd-wrapper #vokd.knowledge-drop .kd-post:hover.video h3, #kd-wrapper #vokd.knowledge-drop .kd-post:active.video h3, #kd-wrapper #vokd.knowledge-drop .kd-post:focus.video h3 { border-bottom: 2px solid #7f7a62; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post:hover.video h3 a, #kd-wrapper #vokd.knowledge-drop .kd-post:active.video h3 a, #kd-wrapper #vokd.knowledge-drop .kd-post:focus.video h3 a { color: #6a6651; }
#kd-wrapper #vokd.knowledge-drop .kd-post:hover.infographic h3, #kd-wrapper #vokd.knowledge-drop .kd-post:active.infographic h3, #kd-wrapper #vokd.knowledge-drop .kd-post:focus.infographic h3 { border-bottom: 2px solid #9d9d9d; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post:hover.infographic h3 a, #kd-wrapper #vokd.knowledge-drop .kd-post:active.infographic h3 a, #kd-wrapper #vokd.knowledge-drop .kd-post:focus.infographic h3 a { color: #3d3d3d; }
#kd-wrapper #vokd.knowledge-drop .kd-post:hover.case-study h3, #kd-wrapper #vokd.knowledge-drop .kd-post:active.case-study h3, #kd-wrapper #vokd.knowledge-drop .kd-post:focus.case-study h3 { border-bottom: 2px solid #e29828; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post:hover.case-study h3 a, #kd-wrapper #vokd.knowledge-drop .kd-post:active.case-study h3 a, #kd-wrapper #vokd.knowledge-drop .kd-post:focus.case-study h3 a { color: #c66a06; }
#kd-wrapper #vokd.knowledge-drop .kd-post:hover.post h3, #kd-wrapper #vokd.knowledge-drop .kd-post:active.post h3, #kd-wrapper #vokd.knowledge-drop .kd-post:focus.post h3 { border-bottom: 2px solid #5684c2; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post:hover.post h3 a, #kd-wrapper #vokd.knowledge-drop .kd-post:active.post h3 a, #kd-wrapper #vokd.knowledge-drop .kd-post:focus.post h3 a { color: #365f96; }
#kd-wrapper #vokd.knowledge-drop .kd-post:hover.event h3, #kd-wrapper #vokd.knowledge-drop .kd-post:active.event h3, #kd-wrapper #vokd.knowledge-drop .kd-post:focus.event h3 { border-bottom: 2px solid #7c6e61; -webkit-transition-property: border-bottom; -moz-transition-property: border-bottom; -o-transition-property: border-bottom; transition-property: border-bottom; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post:hover.event h3 a, #kd-wrapper #vokd.knowledge-drop .kd-post:active.event h3 a, #kd-wrapper #vokd.knowledge-drop .kd-post:focus.event h3 a { color: #443b33; }
#kd-wrapper #vokd.knowledge-drop .kd-post:hover.report h3, #kd-wrapper #vokd.knowledge-drop .kd-post:active.report h3, #kd-wrapper #vokd.knowledge-drop .kd-post:focus.report h3 { border-bottom: 2px solid #616b8e; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post:hover.report h3 a, #kd-wrapper #vokd.knowledge-drop .kd-post:active.report h3 a, #kd-wrapper #vokd.knowledge-drop .kd-post:focus.report h3 a { color: #4a526b; }
#kd-wrapper #vokd.knowledge-drop .kd-post:hover.guide h3, #kd-wrapper #vokd.knowledge-drop .kd-post:active.guide h3, #kd-wrapper #vokd.knowledge-drop .kd-post:focus.guide h3 { border-bottom: 2px solid #7c8c5d; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post:hover.guide h3 a, #kd-wrapper #vokd.knowledge-drop .kd-post:active.guide h3 a, #kd-wrapper #vokd.knowledge-drop .kd-post:focus.guide h3 a { color: #526037; }
#kd-wrapper #vokd.knowledge-drop .kd-post:hover.webinar h3, #kd-wrapper #vokd.knowledge-drop .kd-post:active.webinar h3, #kd-wrapper #vokd.knowledge-drop .kd-post:focus.webinar h3 { border-bottom: 2px solid #9e5744; -webkit-transition-property: border-bottom; -moz-transition-property: border-bottom; -o-transition-property: border-bottom; transition-property: border-bottom; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post:hover.webinar h3 a, #kd-wrapper #vokd.knowledge-drop .kd-post:active.webinar h3 a, #kd-wrapper #vokd.knowledge-drop .kd-post:focus.webinar h3 a { color: #5e2f26; }
#kd-wrapper #vokd.knowledge-drop .kd-post:hover .kd-icon:not(.k-base), #kd-wrapper #vokd.knowledge-drop .kd-post:active .kd-icon:not(.k-base), #kd-wrapper #vokd.knowledge-drop .kd-post:focus .kd-icon:not(.k-base) { left: -109%; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; transition-property: left; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post:hover .post-summary, #kd-wrapper #vokd.knowledge-drop .kd-post:active .post-summary, #kd-wrapper #vokd.knowledge-drop .kd-post:focus .post-summary { left: 0px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; transition-property: left; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop .kd-post:hover .post-summary p.hover-content, #kd-wrapper #vokd.knowledge-drop .kd-post:active .post-summary p.hover-content, #kd-wrapper #vokd.knowledge-drop .kd-post:focus .post-summary p.hover-content { opacity: 1; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #vokd.knowledge-drop:after { clear: both; }
#kd-wrapper #knowledge-drop.knowledge-drop { float: left; width: 100%; padding: 15px 0 15px 0; border-bottom: 1px solid #b4b4b4; }
#kd-wrapper #knowledge-drop.knowledge-drop .videos-wrapper .product-videos, #kd-wrapper #knowledge-drop.knowledge-drop .videos-wrapper .non-product-videos, #kd-wrapper #knowledge-drop.knowledge-drop .videos-wrapper h3 { clear: both; }
#kd-wrapper #knowledge-drop.knowledge-drop .videos-wrapper h3 { color: #eeeeee; border-top: 1px solid #656565; border-bottom: 1px solid #656565; padding: 5px 0; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post { float: left; position: relative; display: inline-block; vertical-align: top; margin-bottom: 15px; padding: 15px 1.5% 10px; background: white; border: 3px solid; -moz-box-shadow: inset 0 0 3px #b4b4b4; -webkit-box-shadow: inset 0 0 3px #b4b4b4; box-shadow: inset 0 0 3px #b4b4b4; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post .kd-most-recent { margin: 5px 0; color: #666666; font-size: .75em; text-transform: uppercase; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post h3 { position: relative; border-top: none; font-weight: 500; z-index: 1; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post h3 a:hover { text-decoration: none; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post h4 { line-height: 1.2; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post h4 a { display: block; margin-bottom: 10px; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post h4 a:hover { text-decoration: none; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post a:hover, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post a:active, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post a:focus { text-decoration: underline; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post .hover-content img { width: 100%; height: auto; margin-top: 10px; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.video { border-color: #cec9b3;height:360px; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; background: white; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.video h3 { border-bottom: 2px solid #cec9b3; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.video h3 a { color: #7f7a62; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.video h3 a:hover, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.video h3 a:active, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.video h3 a:focus { color: #6a6651; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.video a { color: #7f7a62; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.video a:hover, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.video a:active, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.video a:focus { color: #6a6651; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.video:hover { border-color: white; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.webinar { border-color: #edd6ce; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; background: white; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.webinar h3 { border-bottom: 2px solid #edd6ce; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.webinar h3 a { color: #9e5744; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.webinar h3 a:hover, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.webinar h3 a:active, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.webinar h3 a:focus { color: #5e2f26; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.webinar a { color: #9e5744; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.webinar a:hover, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.webinar a:active, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.webinar a:focus { color: #5e2f26; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.webinar:hover { border-color: white; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.event { border-color: #e0d7d1; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; background: white; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.event h3 { border-bottom: 2px solid #e0d7d1; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.event h3 a { color: #7c6e61; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.event h3 a:hover, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.event h3 a:active, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.event h3 a:focus { color: #443b33; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.event a { color: #7c6e61; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.event a:hover, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.event a:active, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.event a:focus { color: #443b33; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.event:hover { border-color: white; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.report { border-color: #dce0ef; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; background: white; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.report h3 { padding-bottom: 3px; border-bottom: 2px solid #dce0ef; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.report h3 a { color: #616b8e; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.report h3 a:hover, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.report h3 a:active, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.report h3 a:focus { color: #4a526b; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.report a { color: #616b8e; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.report a:hover, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.report a:active, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.report a:focus { color: #4a526b; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.report:hover { border-color: white; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.guide { border-color: #dfe8cf; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; background: white; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.guide h3 { padding-bottom: 3px; border-bottom: 2px solid #dfe8cf; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.guide h3 a { color: #7c8c5d; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.guide h3 a:hover, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.guide h3 a:active, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.guide h3 a:focus { color: #526037; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.guide a { color: #7c8c5d; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.guide a:hover, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.guide a:active, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.guide a:focus { color: #526037; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.guide:hover { border-color: white; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.case-study { border-color: #f8f0c9; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; background: white; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.case-study h3 { padding-bottom: 3px; border-bottom: 2px solid #f8f0c9; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.case-study h3 a { color: #e29828; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.case-study h3 a:hover, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.case-study h3 a:active, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.case-study h3 a:focus { color: #c66a06; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.case-study a { color: #e29828; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.case-study a:hover, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.case-study a:active, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.case-study a:focus { color: #c66a06; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.case-study:hover { border-color: white; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.infographic { border-color: #e1e0e0; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; background: white; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.infographic h3 { padding-bottom: 3px; border-bottom: 2px solid #e1e0e0; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.infographic h3 a { color: #9d9d9d; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.infographic h3 a:hover, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.infographic h3 a:active, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.infographic h3 a:focus { color: #3d3d3d; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.infographic a { color: #9d9d9d; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.infographic a:hover, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.infographic a:active, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.infographic a:focus { color: #3d3d3d; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.infographic:hover { border-color: white; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.post { border-color: #c8dddb; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; background: white; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.post h3 { padding-bottom: 3px; border-bottom: 2px solid #c8dddb; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.post h3 a { color: #5684c2; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.post h3 a:hover, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.post h3 a:active, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.post h3 a:focus { color: #365f96; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.post a { color: #5684c2; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.post a:hover, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.post a:active, #kd-wrapper #knowledge-drop.knowledge-drop .kd-post.post a:focus { color: #365f96; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post.post:hover { border-color: white; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post .post_tags { display: inline; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post em { vertical-align: text-bottom; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post .kd_tax { display: block; margin-bottom: 10px; font-size: .85em; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post .post-summary p { margin-bottom: .5em; font-size: .9em; line-height: 1.3; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post .post-summary p .fa { font-size: .8em; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post .post-summary p.hover-content { position: relative; opacity: .6; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; z-index: 0; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post:hover.infographic h3 { border-bottom: 2px solid #e1e0e0; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post:hover.infographic h3 a { color: #3d3d3d; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post:hover.case-study h3 { border-bottom: 2px solid #f8f0c9; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post:hover.case-study h3 a { color: #c66a06; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post:hover.post h3 { border-bottom: 2px solid #c8dddb; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post:hover.post h3 a { color: #365f96; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post:hover.event h3 { border-bottom: 2px solid #e0d7d1; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post:hover.event h3 a { color: #443b33; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post:hover.report h3 { border-bottom: 2px solid #dce0ef; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post:hover.report h3 a { color: #4a526b; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post:hover.guide h3 { border-bottom: 2px solid #dfe8cf; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post:hover.guide h3 a { color: #526037; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post:hover.webinar h3 a { color: #5e2f26; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post:hover .post-summary p.hover-content { opacity: 1; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
#kd-wrapper #knowledge-drop.knowledge-drop .kd-post:after { clear: both; }

@media only screen and (min-width: 768px) { #kd-top .kd-top-left { width: 60%; }
  #kd-top .kd-top-right { width: 30%; clear: none; } }
@media only screen and (max-width: 768px) { .kd-top-right { width: 100%; margin-top: 25px; } }
@media only screen and (min-width: 860px) { #kd-wrapper #vokd.knowledge-drop .kd-post { width: 20.5%; margin: 0 1% 15px 0; }
  #kd-wrapper #vokd.knowledge-drop .kd-post:nth-child(4n+4) { margin-right: 0; }
  #kd-wrapper #vokd.knowledge-drop .kd-post:nth-child(4n+5) { clear: none; }
  #kd-wrapper #knowledge-drop.knowledge-drop .kd-post { width: calc(23% - 24px); margin: 0 1% 15px 0; }
  #kd-wrapper #knowledge-drop.knowledge-drop .kd-post:nth-child(4n+4) { margin-right: 0%; }
  #kd-wrapper #knowledge-drop.knowledge-drop .kd-post:nth-child(4n+5) { clear: left; } }
@media only screen and (min-width: 611px) and (max-width: 859px) { #kd-wrapper #vokd.knowledge-drop .kd-post { width: 28%; height: 330px; margin: 0 1.75% 15px 0; }
  #kd-wrapper #vokd.knowledge-drop .kd-post .kd-icon img { max-width: 320px; }
  #kd-wrapper #vokd.knowledge-drop .kd-post:nth-child(3n+3) { margin-right: 0; }
  #kd-wrapper #vokd.knowledge-drop .kd-post:nth-child(3n+4) { clear: left; }
  #kd-wrapper #knowledge-drop.knowledge-drop .kd-post { width: 28%; margin: 0 1.75% 15px 0; }
  #kd-wrapper #knowledge-drop.knowledge-drop .kd-post:nth-child(3n+3) { margin-right: 0; }
  #kd-wrapper #knowledge-drop.knowledge-drop .kd-post:nth-child(3n+4) { clear: left; } }
@media only screen and (min-width: 481px) and (max-width: 610px) { #kd-wrapper #vokd.knowledge-drop .kd-post { width: 44%; height: 320px; margin: 0 3% 15px 0; }
  #kd-wrapper #vokd.knowledge-drop .kd-post .kd-icon img { max-width: 320px; }
  #kd-wrapper #vokd.knowledge-drop .kd-post:nth-child(2n+2) { margin-right: 0; }
  #kd-wrapper #vokd.knowledge-drop .kd-post:nth-child(2n+3) { clear: left; }
  #kd-wrapper #knowledge-drop.knowledge-drop .kd-post { width: 44%; margin: 0 3% 15px 0; }
  #kd-wrapper #knowledge-drop.knowledge-drop .kd-post:nth-child(2n+2) { margin-right: 0; }
  #kd-wrapper #knowledge-drop.knowledge-drop .kd-post:nth-child(2n+3) { clear: left; } }
@media only screen and (max-width: 480px) { #kd-wrapper #vokd.knowledge-drop .kd-post { width: 95%; height: 320px; }
  #kd-wrapper #vokd.knowledge-drop .kd-post .kd-icon img { max-width: 320px; } }
.kd-single .post-content { margin-top: 20px; }

.kd-single.kd_case-study { margin-top: 0; }

.kd-signup-form { float: right; }

#vo_content .dl-content { float: left; width: 57%; line-height: 24px; }
#vo_content .dl-content img { margin-bottom: 20px; }
#vo_content .dl-content img:after { clear: both; }
#vo_content .dl-iframe { float: right; }

@media only screen and (min-width: 768px) { #blog-wrapper #posts.kd-single { width: 100%; } }
@media only screen and (max-width: 767px) { #vo_content .dl-content { width: 100%; }
  #vo_content .dl-iframe { float: none; width: 288px; margin: 0 auto; } }
.vokd_social { display: block; margin-top: 20px; }

.kd-button-blue { display: block; clear: both; max-width: 50%; margin: 0 auto; padding: 10px 15px; }

.vokd_social { display: block; margin-top: 20px; }
.vokd_social iframe { max-width: 800px; }

.kd-nav a { position: fixed; top: 46%; display: block; padding: 20px; border-top: 1px solid #333333; border-bottom: 1px solid #333333; background: #444444; color: #fbb142; z-index: 999999; -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
@media only screen and (max-width: 480px) { .kd-nav a { top: 75%; padding: 20px 10px; } }
.kd-nav a:hover { background: #fbb142; color: #444444; -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
.kd-nav.back-to-kd a { left: 0; border-right: 1px solid #333333; }
.kd-nav.forward-to-kd a { right: 0; border-left: 1px solid #333333; }

.kd-inline-image-left { margin-left: 0; margin-right: 20px; margin-bottom: .5em; }

.single-case-study .case-study p.kd-inline-image-left { max-width: 50%; margin-right: 30px; }
@media only screen and (max-width: 480px) { .single-case-study .case-study p.kd-inline-image-left { max-width: 100%; width: 100%; margin-right: 0; margin-bottom: 1.5em; } }
.single-case-study .case-study p.kd-inline-image-left img { max-width: 100%; height: auto; }

.case-studies-wrapper .kd-post.case-study h3 { margin-bottom: 10px; }

.kd-post .post-summary .date { float: left; clear: left; margin-bottom: 5px; font-size: .8em; }

.kd-post .post-summary .user { float: left; margin-bottom: 5px; font-size: .8em; }

.kd_webinar ul { list-style: disc; }
.kd_webinar ul li { margin-bottom: 5px; margin-left: 20px; }
.kd_webinar .webinar_content { clear: none; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #fbb142; }
@media only screen and (max-width: 768px) { .kd_webinar .webinar_content { clear: both; } }
.kd_webinar .webinar_content .toolkit-left { float: left; width: 50%; max-width: 350px; margin-bottom: 20px; }
@media only screen and (max-width: 768px) { .kd_webinar .webinar_content .toolkit-left { width: 100%; max-width: 100%; } }
.kd_webinar .webinar_content .toolkit-right { float: right; width: 50%; margin-top: 0; margin-bottom: 20px; max-width: 350px; }
@media only screen and (max-width: 768px) { .kd_webinar .webinar_content .toolkit-right { width: 100%; max-width: 100%; float: left; clear: both; margin-top: 1em; } }
.kd_webinar .webinar_content .webinar-past-img { width: 42%; float: left; margin-bottom: 15px; }
@media only screen and (max-width: 560px) { .kd_webinar .webinar_content .webinar-past-img { width: 90%; float: none; margin: 0 auto 15px; } }
.kd_webinar .webinar_content .webinar-past-embed { width: 57%; float: right; clear: none; }
@media only screen and (max-width: 560px) { .kd_webinar .webinar_content .webinar-past-embed { width: 100%; float: left; clear: both; } }
.kd_webinar .webinar_content .webinar-past-p { margin-top: 15px; margin-right: 59%; }
@media only screen and (max-width: 560px) { .kd_webinar .webinar_content .webinar-past-p { margin-right: 0; } }
.kd_webinar .webinar_author { width: 40%; }
@media only screen and (max-width: 480px) { .kd_webinar .webinar_author { width: 100%; margin: 10px 0; } }
.kd_webinar .webinar_author img { max-width: 100%; height: auto; }
.kd_webinar .webinar_bio { float: left; clear: none; width: 55%; font-size: .9em; line-height: 1.5; }
@media only screen and (max-width: 480px) { .kd_webinar .webinar_bio { width: 100%; clear: left; } }
.kd_webinar .webinar_form { width: 51%; float: right; margin-bottom: 0; margin-left: 10px; }
@media only screen and (max-width: 768px) { .kd_webinar .webinar_form { width: 94%; float: none; margin-bottom: 15px; margin-left: 0; } }
.kd_webinar .webinar_form .button-blue { width: 75%; padding: 20px; }
@media only screen and (min-width: 481px) and (max-width: 768px) { .kd_webinar .webinar_form .button-blue { width: 100%; } }
@media only screen and (max-width: 480px) { .kd_webinar .webinar_form .button-blue { width: 90%; } }
.kd_webinar .webinar_form img { max-width: 100%; height: auto; }
.kd_webinar .webinar_form iframe { min-height: 300px; }

#page-content .infographic.image-content-wrapper .image-wrapper { width: 65%; margin: 0 auto; }

.kd_infographic .infographic img { max-width: 100%; height: auto; }

.event_image { float: right; clear: none; margin-bottom: 0; }
@media only screen and (max-width: 680px) { .event_image { max-width: 100%; float: none; clear: both; margin: 10px auto; } }
.event_image img { margin: 0 0 15px 20px; }
@media only screen and (max-width: 680px) { .event_image img { margin: 0 auto; } }

h3 { margin-bottom: .25em; }
h3.event_location { float: none; }
h3.event_date { clear: none; float: none; }
@media only screen and (max-width: 680px) { h3.event_location { float: left; }
  h3.event_date { clear: both; float: left; } }

.event_form { width: 404px; float: right; clear: right; }
@media only screen and (max-width: 680px) { .event_form { float: left; clear: both; width: 100%; } }
.event_form h2 { float: right; margin: 20px 100px 0 0; }
@media only screen and (max-width: 680px) { .event_form h2 { float: none; margin: 0 auto; width: 60%; } }
.event_form iframe { float: right; margin-right: 20px; }
@media only screen and (max-width: 768px) { .event_form iframe { height: 300px !important; float: left; } }
@media only screen and (max-width: 680px) { .event_form iframe { width: 100%; margin-right: 0; } }

.event_content { float: none; clear: none; margin-top: 1em; }
@media only screen and (max-width: 680px) { .event_content { float: left; clear: both; } }

.kd_guide .post-content .report_form, .kd_report .post-content .report_form { width: 55%; float: right; margin-left: 10px; margin-bottom: 0; }
@media only screen and (max-width: 480px) { .kd_guide .post-content .report_form, .kd_report .post-content .report_form { width: 100%; float: none; margin: 0; } }
.kd_guide .post-content .kd-button-blue, .kd_report .post-content .kd-button-blue { margin-top: 50px; margin-bottom: 50px; }
.kd_guide .post-content img, .kd_report .post-content img { max-width: 40%; height: auto; float: left; margin: 0 20px 15px 0; }
@media only screen and (max-width: 480px) { .kd_guide .post-content img, .kd_report .post-content img { max-width: 100%; margin: 0 0 15px 0; } }

#blog-wrapper article.video .featured-image { background: #fbb142; background-color: #fbb142; }

.kd_video .post-content p { display: block; width: 100%; max-width: 560px; margin: 50px auto; }
.kd_video .post-content p iframe { height: 325px !important; }

#talesofthevictors #page-content { position: relative; }
#talesofthevictors #page-content #comic-copy p { clear: none; }
@media only screen and (max-width: 767px) { #talesofthevictors #page-content #comic-copy p { clear: both; } }
#talesofthevictors #page-content #comic-copy .comic-img { position: relative; }
#talesofthevictors #page-content #comic-copy .comic-img img { margin-left: 40px; margin-bottom: 0; cursor: pointer; }
@media only screen and (max-width: 767px) { #talesofthevictors #page-content #comic-copy .comic-img img { margin-bottom: 20px; } }
#talesofthevictors #page-content #comic-copy .comic-img .click-to-read { position: absolute; top: 160px; right: 65px; padding: 10px; background: #222222; opacity: .7; color: white; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
#talesofthevictors #page-content #comic-content-modal { display: none; padding-top: 0; padding-bottom: 0; }
#talesofthevictors #page-content #comic-content-modal .content { position: absolute; top: 5%; left: 21%; width: 50%; margin: 0 2%; padding: 40px; background: white; border: 2px solid #fbb142; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 9px #d4d4d4; -webkit-box-shadow: 0 0 9px #d4d4d4; box-shadow: 0 0 9px #d4d4d4; }
@media only screen and (max-width: 767px) { #talesofthevictors #page-content #comic-content-modal .content { left: 0; width: 97%; margin: 0 1.5%; padding: 40px 0; } }
#talesofthevictors #page-content #comic-content-modal .content .comic-close { position: absolute; top: 0; right: 0; font-size: 1.5em; background: white; padding: 5px 10px; color: #444444; cursor: pointer; }
#talesofthevictors #page-content #comic-content-modal .content .comic-comic { width: 65%; float: left; margin: 0; }
@media only screen and (max-width: 767px) { #talesofthevictors #page-content #comic-content-modal .content .comic-comic { float: none; margin: 0 auto 10px; } }
#talesofthevictors #page-content #comic-content-modal .content .comic-form { width: 35%; float: left; clear: none; margin: 0; }
@media only screen and (max-width: 767px) { #talesofthevictors #page-content #comic-content-modal .content .comic-form { width: 65%; float: none; clear: both; margin: 0 auto; } }

#page-content #transmog .single-content .content { max-width: 1020px; }
#page-content #transmog .single-content .content div.transmog-vid { float: none; width: 100%; max-width: 360px; margin: 0 auto 20px; }
@media only screen and (min-width: 780px) { #page-content #transmog .single-content .content div.transmog-vid { float: right; } }

#transmog-customers, #transmog-form { box-shadow: inset 0 50px 50px -50px #999999, inset 0 -50px 50px -50px #999999; }
#transmog-customers h2, #transmog-form h2 { margin-bottom: 2em; }

.transmog-content { clear: both; max-width: 800px; margin: 0 auto; }
.transmog-content .transmog-logo-gallery { width: 100%; height: 225px; }
.transmog-content .transmog-logo-gallery .photo-wrapper { width: 100%; float: left; clear: left; margin-bottom: .5em; padding: 1%; }
.transmog-content .transmog-logo-gallery .photo-wrapper div.transmog-logo { width: 18%; float: left; padding: 1%; background: white; -webkit-box-shadow: 0 0 1px #a0a0a0 inset; -moz-box-shadow: 0 0 1px #a0a0a0 inset; box-shadow: 0 0 1px #a0a0a0 inset; }
.transmog-content .transmog-logo-gallery .photo-wrapper div.transmog-logo:hover { -webkit-box-shadow: 0 0 9px #a0a0a0 inset; -moz-box-shadow: 0 0 9px #a0a0a0 inset; box-shadow: 0 0 9px #a0a0a0 inset; }
.transmog-content .transmog-logo-gallery .photo-wrapper.photo-wrapper-4 div.transmog-logo:hover, .transmog-content .transmog-logo-gallery .photo-wrapper.photo-wrapper-5 div.transmog-logo:hover { -webkit-box-shadow: 0 0 1px #a0a0a0 inset; -moz-box-shadow: 0 0 1px #a0a0a0 inset; box-shadow: 0 0 1px #a0a0a0 inset; }
.transmog-content .transmog-logo-gallery .photo-wrapper .transmog-quote { width: 75%; float: left; margin: 0 0 0 5%; }
@media only screen and (min-width: 681px) { .transmog-content .transmog-logo-gallery .photo-wrapper .transmog-quote { margin-top: 7%; font-size: 1.1em; } }
.transmog-content .transmog-logo-gallery .transmog-copy { float: left; margin: 0 0 0 15%; font-size: 1.5em; }
@media only screen and (max-width: 680px) { .transmog-content .transmog-logo-gallery .transmog-copy { margin: 0 0 0 10%; font-size: 1.1em; } }
.transmog-content .text-wrapper { width: 100%; font-size: 1.1em; line-height: 1.3; margin-bottom: 20px; }
@media only screen and (min-width: 681px) { .transmog-content .text-wrapper { width: 40%; float: left; } }
.transmog-content .iframe-wrapper { float: none; width: 105%; margin: 0 auto 0 -3%; }
@media only screen and (min-width: 681px) { .transmog-content .iframe-wrapper { float: right; width: 55%; } }

#download-putting-devs-on-call .a-b-button, #download-devs-on-call .a-b-button, .page-template-page-fixed-form-php .a-b-button, #form-test-x .a-b-button { margin-bottom: 0; text-align: center; }
#download-putting-devs-on-call .a-b-button button.button-blue, #download-devs-on-call .a-b-button button.button-blue, .page-template-page-fixed-form-php .a-b-button button.button-blue, #form-test-x .a-b-button button.button-blue { width: 75%; margin: 0 auto; padding: 15px; }
#download-putting-devs-on-call .a-b-form, #download-devs-on-call .a-b-form, .page-template-page-fixed-form-php .a-b-form, #form-test-x .a-b-form { display: none; width: 100%; max-width: 400px; margin: 0 auto 0; }

#download-devs-on-call, .page-template-page-fixed-form-php { background: none; }
#download-devs-on-call .site, .page-template-page-fixed-form-php .site { margin-bottom: -20px; }
#download-devs-on-call #site-header, .page-template-page-fixed-form-php #site-header { background: #333333; box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.25); }
#download-devs-on-call #page-content, .page-template-page-fixed-form-php #page-content { background: white; }
@media only screen and (min-width: 1320px) { #download-devs-on-call #page-content, .page-template-page-fixed-form-php #page-content { width: 88%; } }
@media only screen and (min-width: 1080px) and (max-width: 1319px) { #download-devs-on-call #page-content, .page-template-page-fixed-form-php #page-content { width: 78%; } }
@media only screen and (min-width: 960px) and (max-width: 1079px) { #download-devs-on-call #page-content, .page-template-page-fixed-form-php #page-content { width: 75%; } }
@media only screen and (min-width: 768px) and (max-width: 959px) { #download-devs-on-call #page-content, .page-template-page-fixed-form-php #page-content { width: 68%; } }
@media only screen and (max-width: 767px) { #download-devs-on-call #page-content, .page-template-page-fixed-form-php #page-content { width: 100%; } }
#download-devs-on-call #fixed-form, .page-template-page-fixed-form-php #fixed-form { position: fixed; top: 280px; right: 0; z-index: 999; }
@media only screen and (max-width: 767px) { #download-devs-on-call #fixed-form, .page-template-page-fixed-form-php #fixed-form { position: relative; top: 0; } }
#download-devs-on-call #fixed-form iframe, .page-template-page-fixed-form-php #fixed-form iframe { width: 260px; }
@media only screen and (max-width: 767px) { #download-devs-on-call #fixed-form iframe, .page-template-page-fixed-form-php #fixed-form iframe { width: 100%; } }
#download-devs-on-call #site-footer, .page-template-page-fixed-form-php #site-footer { background: #444444; }

#alerts-collaboration-tool-demo #page-content .callout { padding-top: 80px; padding-bottom: 80px; }
@media only screen and (min-width: 960px) { #alerts-collaboration-tool-demo #page-content .callout { padding-bottom: 30px; } }
#alerts-collaboration-tool-demo #page-content #demo-vids .single-content .content { max-width: 950px; }
#alerts-collaboration-tool-demo #page-content #demo-vids .single-content .content .top-vids, #alerts-collaboration-tool-demo #page-content #demo-vids .single-content .content .bottom-vids { width: 100%; }
#alerts-collaboration-tool-demo #page-content #demo-vids .single-content .content .vid-left { float: left; margin: 0 1% 0 0; }
#alerts-collaboration-tool-demo #page-content #demo-vids .single-content .content .vid-right { float: right; margin: 0 0 0 1%; }
#alerts-collaboration-tool-demo #page-content #demo-vids .single-content .content .vid-left, #alerts-collaboration-tool-demo #page-content #demo-vids .single-content .content .vid-right { max-width: 45%; }
@media only screen and (max-width: 480px) { #alerts-collaboration-tool-demo #page-content #demo-vids .single-content .content .vid-left, #alerts-collaboration-tool-demo #page-content #demo-vids .single-content .content .vid-right { float: none; max-width: 320px; margin: 0 auto; } }
@media only screen and (min-width: 480px) and (max-width: 768px) { #alerts-collaboration-tool-demo #page-content #demo-vids .single-content .content .vid-left, #alerts-collaboration-tool-demo #page-content #demo-vids .single-content .content .vid-right { float: none; max-width: 420px; margin: 0 auto; } }

#chatops .chatops-webinar { display: block; padding: 50px 30px; background: #f1f2f2; }
@media only screen and (max-width: 480px) { #chatops .chatops-webinar { padding: 50px 0; } }
#chatops .chatops-webinar .chatops-webinar-videos { position: relative; width: 100%; }
#chatops .chatops-webinar .chatops-webinar-videos .toolkit-left { float: left; width: 35%; margin-right: 2%; }
@media only screen and (max-width: 480px) { #chatops .chatops-webinar .chatops-webinar-videos .toolkit-left { float: none; width: 100%; margin: 20px 0 0; } }
#chatops .chatops-webinar .chatops-webinar-videos .toolkit-left img { margin-bottom: 30px; border: 1px solid #eeeeee; }
#chatops .chatops-webinar .chatops-webinar-videos .toolkit-dummies { float: left; width: 25%; margin-right: 2%; }
#chatops .chatops-webinar .chatops-webinar-videos .toolkit-dummies h4 a { color: #444444; }
#chatops .chatops-webinar .chatops-webinar-videos .toolkit-dummies img { margin-bottom: 30px; border: 1px solid #eeeeee; }
@media only screen and (max-width: 480px) { #chatops .chatops-webinar .chatops-webinar-videos .toolkit-dummies { float: none; width: 75%; max-width: 324px; margin: 0 auto; } }
#chatops .chatops-webinar .chatops-webinar-videos .toolkit-right { float: left; width: 35%; margin: 0; }
@media only screen and (max-width: 480px) { #chatops .chatops-webinar .chatops-webinar-videos .toolkit-right { float: none; width: 100%; margin: 20px 0 0; } }
#chatops .chatops-webinar .chatops-webinar-videos .toolkit-right iframe { height: 235px; margin-bottom: 30px; }
@media only screen and (max-width: 768px) { #chatops .chatops-webinar .chatops-webinar-videos .toolkit-right iframe { height: 195px; } }
@media only screen and (max-width: 480px) { #chatops .chatops-webinar .chatops-webinar-videos .toolkit-right iframe { width: 100%; height: 280px; } }
#chatops .chatops-webinar ul { clear: both; width: 50%; margin: 20px auto 0; text-align: left; }
@media only screen and (max-width: 480px) { #chatops .chatops-webinar ul { width: 85%; } }
#chatops .chatops-webinar ul li { margin-bottom: 10px; font-size: 1.1em; }
#chatops .section-divider { -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; background-attachment: fixed; background-position: center; height: 100px; }

.chatops-jhand { padding: 20px; background: #fbb142; }
.chatops-jhand img { width: 100%; max-width: 300px; height: auto; float: left; margin-right: 20px; margin-bottom: 0; }
@media only screen and (max-width: 480px) { .chatops-jhand img { margin-bottom: 10px; } }
.chatops-jhand p { clear: none; font-size: 1.1em; line-height: 1.3; color: #ffffff; }
@media only screen and (max-width: 480px) { .chatops-jhand p { clear: both; } }

.admin-bar.page-template-page-microsite-home-php .site, .admin-bar.page-template-page-microsite-secondary-php .site, .admin-bar.page-template-page-microsite-default-php .site { padding-top: 10px; }
@media only screen and (max-width: 959px) { .admin-bar.page-template-page-microsite-home-php .site, .admin-bar.page-template-page-microsite-secondary-php .site, .admin-bar.page-template-page-microsite-default-php .site { padding-top: 30px; } }
@media only screen and (max-width: 767px) { .admin-bar.page-template-page-microsite-home-php .site, .admin-bar.page-template-page-microsite-secondary-php .site, .admin-bar.page-template-page-microsite-default-php .site { padding-top: 0px; } }

.admin-bar.page-template-page-microsite-home-php #site-header, .admin-bar.page-template-page-microsite-secondary-php #site-header, .admin-bar.page-template-page-microsite-default-php #site-header { top: 32px; padding-top: 20px; }
@media only screen and (max-width: 959px) { .admin-bar.page-template-page-microsite-home-php #site-header, .admin-bar.page-template-page-microsite-secondary-php #site-header, .admin-bar.page-template-page-microsite-default-php #site-header { top: 32px; } }
@media only screen and (max-width: 767px) { .admin-bar.page-template-page-microsite-home-php #site-header, .admin-bar.page-template-page-microsite-secondary-php #site-header, .admin-bar.page-template-page-microsite-default-php #site-header { top: 0px; } }

.main-navigation .desktop-nav > li:last-child, .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li:last-child, .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li:last-child, .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li:last-child, .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li:last-child, .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li:last-child, .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li:last-child { display: block !important; }

.page-template-page-microsite-home-php .microsite-nav .menu-toggle, .page-template-page-microsite-secondary-php .microsite-nav .menu-toggle, .page-template-page-microsite-default-php .microsite-nav .menu-toggle { top: 10px; }

.page-template-page-microsite-home-php .site, .page-template-page-microsite-secondary-php .site, .page-template-page-microsite-default-php .site { padding-top: 20px; }
@media only screen and (max-width: 959px) { .page-template-page-microsite-home-php .site, .page-template-page-microsite-secondary-php .site, .page-template-page-microsite-default-php .site { padding-top: 40px; } }
@media only screen and (max-width: 767px) { .page-template-page-microsite-home-php .site, .page-template-page-microsite-secondary-php .site, .page-template-page-microsite-default-php .site { padding-top: 0px; } }
.page-template-page-microsite-home-php #site-header, .page-template-page-microsite-secondary-php #site-header, .page-template-page-microsite-default-php #site-header { top: 0px; padding-top: 30px; padding-bottom: 10px; }
@media only screen and (max-width: 959px) { .page-template-page-microsite-home-php #site-header, .page-template-page-microsite-secondary-php #site-header, .page-template-page-microsite-default-php #site-header { padding-top: 30px; } }
.page-template-page-microsite-home-php #site-header .microsite-top-logo, .page-template-page-microsite-secondary-php #site-header .microsite-top-logo, .page-template-page-microsite-default-php #site-header .microsite-top-logo { position: relative; top: -5px; background: url(../images/microsite/microsite-logo.png) no-repeat; background: url(../images/microsite/microsite-logo.png) no-repeat; width: 165px; float: left; height: 50px; display: inline-block; text-indent: -9999px; overflow: hidden; }
@media only screen and (max-width: 767px) { .page-template-page-microsite-home-php #site-header .microsite-top-logo, .page-template-page-microsite-secondary-php #site-header .microsite-top-logo, .page-template-page-microsite-default-php #site-header .microsite-top-logo { top: 5px; } }
.page-template-page-microsite-home-php #site-header .live-chat-button, .page-template-page-microsite-secondary-php #site-header .live-chat-button, .page-template-page-microsite-default-php #site-header .live-chat-button { float: right; margin-right: 60px; font-size: 1.2rem; }
.page-template-page-microsite-home-php .microsite-nav, .page-template-page-microsite-secondary-php .microsite-nav, .page-template-page-microsite-default-php .microsite-nav { width: calc(100% - 200px); }
@media only screen and (max-width: 960px) { .page-template-page-microsite-home-php .microsite-nav, .page-template-page-microsite-secondary-php .microsite-nav, .page-template-page-microsite-default-php .microsite-nav { float: left; }
  .page-template-page-microsite-home-php .microsite-nav .mobile-nav, .page-template-page-microsite-secondary-php .microsite-nav .mobile-nav, .page-template-page-microsite-default-php .microsite-nav .mobile-nav { width: auto; left: -145px; } }
.page-template-page-microsite-home-php #page-header .fade_text_1, .page-template-page-microsite-secondary-php #page-header .fade_text_1, .page-template-page-microsite-default-php #page-header .fade_text_1 { color: #fbb142; }
.page-template-page-microsite-home-php #page-header .fade_text_2, .page-template-page-microsite-secondary-php #page-header .fade_text_2, .page-template-page-microsite-default-php #page-header .fade_text_2 { color: #fab750; }
.page-template-page-microsite-home-php #page-header .fade_text_3, .page-template-page-microsite-secondary-php #page-header .fade_text_3, .page-template-page-microsite-default-php #page-header .fade_text_3 { color: #fbbb5d; }
.page-template-page-microsite-home-php #page-header .fade_text_4, .page-template-page-microsite-secondary-php #page-header .fade_text_4, .page-template-page-microsite-default-php #page-header .fade_text_4 { color: #fbc26b; }
.page-template-page-microsite-home-php #page-header .fade_text_5, .page-template-page-microsite-secondary-php #page-header .fade_text_5, .page-template-page-microsite-default-php #page-header .fade_text_5 { color: #fbc678; }
.page-template-page-microsite-home-php #page-header .fade_text_6, .page-template-page-microsite-secondary-php #page-header .fade_text_6, .page-template-page-microsite-default-php #page-header .fade_text_6 { color: #fbcd85; }
.page-template-page-microsite-home-php #page-header .fade_text_7, .page-template-page-microsite-secondary-php #page-header .fade_text_7, .page-template-page-microsite-default-php #page-header .fade_text_7 { color: #fcd292; }
.page-template-page-microsite-home-php #page-header .fade_text_8, .page-template-page-microsite-secondary-php #page-header .fade_text_8, .page-template-page-microsite-default-php #page-header .fade_text_8 { color: #fcd7a0; }
.page-template-page-microsite-home-php #page-header .fade_text_9, .page-template-page-microsite-secondary-php #page-header .fade_text_9, .page-template-page-microsite-default-php #page-header .fade_text_9 { color: #fcdead; }
.page-template-page-microsite-home-php #page-header .fade_text_10, .page-template-page-microsite-secondary-php #page-header .fade_text_10, .page-template-page-microsite-default-php #page-header .fade_text_10 { color: #fde2ba; }
.page-template-page-microsite-home-php #page-header .fade_text_11, .page-template-page-microsite-secondary-php #page-header .fade_text_11, .page-template-page-microsite-default-php #page-header .fade_text_11 { color: #fde9c8; }
.page-template-page-microsite-home-php #page-header .fade_text_12, .page-template-page-microsite-secondary-php #page-header .fade_text_12, .page-template-page-microsite-default-php #page-header .fade_text_12 { color: #fdedd5; }
.page-template-page-microsite-home-php #page-header .fade_text_13, .page-template-page-microsite-secondary-php #page-header .fade_text_13, .page-template-page-microsite-default-php #page-header .fade_text_13 { color: #fdf4e3; }
.page-template-page-microsite-home-php #page-header .fade_text_14, .page-template-page-microsite-secondary-php #page-header .fade_text_14, .page-template-page-microsite-default-php #page-header .fade_text_14 { color: #fff8f0; }
.page-template-page-microsite-home-php #page-header .fade_text_15, .page-template-page-microsite-secondary-php #page-header .fade_text_15, .page-template-page-microsite-default-php #page-header .fade_text_15 { color: #ffffff; }
.page-template-page-microsite-home-php section, .page-template-page-microsite-secondary-php section, .page-template-page-microsite-default-php section { padding-top: 50px; padding-bottom: 50px; }
.page-template-page-microsite-home-php section#microsite-home-header, .page-template-page-microsite-home-php section#microsite-secondary-header, .page-template-page-microsite-secondary-php section#microsite-home-header, .page-template-page-microsite-secondary-php section#microsite-secondary-header, .page-template-page-microsite-default-php section#microsite-home-header, .page-template-page-microsite-default-php section#microsite-secondary-header { padding-top: 30px; padding-bottom: 30px; }
.page-template-page-microsite-home-php .shadows, .page-template-page-microsite-secondary-php .shadows, .page-template-page-microsite-default-php .shadows { text-align: left; }
.page-template-page-microsite-home-php section#microsite-secondary-header #top-paragraph, .page-template-page-microsite-secondary-php section#microsite-secondary-header #top-paragraph, .page-template-page-microsite-default-php section#microsite-secondary-header #top-paragraph { line-height: 1.2; }
.page-template-page-microsite-home-php section#microsite-secondary-header #top-paragraph h2, .page-template-page-microsite-home-php section#microsite-secondary-header #top-paragraph h3, .page-template-page-microsite-secondary-php section#microsite-secondary-header #top-paragraph h2, .page-template-page-microsite-secondary-php section#microsite-secondary-header #top-paragraph h3, .page-template-page-microsite-default-php section#microsite-secondary-header #top-paragraph h2, .page-template-page-microsite-default-php section#microsite-secondary-header #top-paragraph h3 { margin-bottom: .5em; }
.page-template-page-microsite-home-php .link_back, .page-template-page-microsite-secondary-php .link_back, .page-template-page-microsite-default-php .link_back { font-size: 1.1em; text-decoration: underline; }
.page-template-page-microsite-home-php .link_back:hover, .page-template-page-microsite-secondary-php .link_back:hover, .page-template-page-microsite-default-php .link_back:hover { text-decoration: none; }
.page-template-page-microsite-home-php section#microsite-home-content #prepare_react_recover, .page-template-page-microsite-secondary-php section#microsite-home-content #prepare_react_recover, .page-template-page-microsite-default-php section#microsite-home-content #prepare_react_recover { position: relative; float: left; width: 350px; max-width: 39%; display: block; margin-top: 40px; }
@media only screen and (max-width: 480px) { .page-template-page-microsite-home-php section#microsite-home-content #prepare_react_recover, .page-template-page-microsite-secondary-php section#microsite-home-content #prepare_react_recover, .page-template-page-microsite-default-php section#microsite-home-content #prepare_react_recover { margin: 50px auto; } }
@media only screen and (max-width: 960px) { .page-template-page-microsite-home-php section#microsite-home-content #prepare_react_recover, .page-template-page-microsite-secondary-php section#microsite-home-content #prepare_react_recover, .page-template-page-microsite-default-php section#microsite-home-content #prepare_react_recover { width: 100%; float: none; margin: 25px auto; } }
.page-template-page-microsite-home-php section#microsite-home-content #prepare_react_recover .prepare_react_recover_btn, .page-template-page-microsite-secondary-php section#microsite-home-content #prepare_react_recover .prepare_react_recover_btn, .page-template-page-microsite-default-php section#microsite-home-content #prepare_react_recover .prepare_react_recover_btn { position: absolute; }
.page-template-page-microsite-home-php section#microsite-home-content #prepare_react_recover .prepare_react_recover_btn:hover, .page-template-page-microsite-secondary-php section#microsite-home-content #prepare_react_recover .prepare_react_recover_btn:hover, .page-template-page-microsite-default-php section#microsite-home-content #prepare_react_recover .prepare_react_recover_btn:hover { background: #26acf7; }
.page-template-page-microsite-home-php section#microsite-home-content #prepare_react_recover #prepare, .page-template-page-microsite-secondary-php section#microsite-home-content #prepare_react_recover #prepare, .page-template-page-microsite-default-php section#microsite-home-content #prepare_react_recover #prepare { top: -40px; left: calc(40% - 30px); }
@media only screen and (max-width: 480px) { .page-template-page-microsite-home-php section#microsite-home-content #prepare_react_recover #prepare, .page-template-page-microsite-secondary-php section#microsite-home-content #prepare_react_recover #prepare, .page-template-page-microsite-default-php section#microsite-home-content #prepare_react_recover #prepare { top: -60px; left: calc(40% - 49px); } }
.page-template-page-microsite-home-php section#microsite-home-content #prepare_react_recover #react, .page-template-page-microsite-home-php section#microsite-home-content #prepare_react_recover #recover, .page-template-page-microsite-secondary-php section#microsite-home-content #prepare_react_recover #react, .page-template-page-microsite-secondary-php section#microsite-home-content #prepare_react_recover #recover, .page-template-page-microsite-default-php section#microsite-home-content #prepare_react_recover #react, .page-template-page-microsite-default-php section#microsite-home-content #prepare_react_recover #recover { bottom: 40px; }
@media only screen and (max-width: 960px) { .page-template-page-microsite-home-php section#microsite-home-content #prepare_react_recover #react, .page-template-page-microsite-home-php section#microsite-home-content #prepare_react_recover #recover, .page-template-page-microsite-secondary-php section#microsite-home-content #prepare_react_recover #react, .page-template-page-microsite-secondary-php section#microsite-home-content #prepare_react_recover #recover, .page-template-page-microsite-default-php section#microsite-home-content #prepare_react_recover #react, .page-template-page-microsite-default-php section#microsite-home-content #prepare_react_recover #recover { bottom: 15px; } }
@media only screen and (max-width: 480px) { .page-template-page-microsite-home-php section#microsite-home-content #prepare_react_recover #react, .page-template-page-microsite-home-php section#microsite-home-content #prepare_react_recover #recover, .page-template-page-microsite-secondary-php section#microsite-home-content #prepare_react_recover #react, .page-template-page-microsite-secondary-php section#microsite-home-content #prepare_react_recover #recover, .page-template-page-microsite-default-php section#microsite-home-content #prepare_react_recover #react, .page-template-page-microsite-default-php section#microsite-home-content #prepare_react_recover #recover { bottom: 5px; } }
.page-template-page-microsite-home-php section#microsite-home-content #prepare_react_recover #react, .page-template-page-microsite-secondary-php section#microsite-home-content #prepare_react_recover #react, .page-template-page-microsite-default-php section#microsite-home-content #prepare_react_recover #react { right: -20px; }
@media only screen and (max-width: 480px) { .page-template-page-microsite-home-php section#microsite-home-content #prepare_react_recover #react, .page-template-page-microsite-secondary-php section#microsite-home-content #prepare_react_recover #react, .page-template-page-microsite-default-php section#microsite-home-content #prepare_react_recover #react { right: -60px; } }
.page-template-page-microsite-home-php section#microsite-home-content #prepare_react_recover #recover, .page-template-page-microsite-secondary-php section#microsite-home-content #prepare_react_recover #recover, .page-template-page-microsite-default-php section#microsite-home-content #prepare_react_recover #recover { left: -50px; }
@media only screen and (max-width: 480px) { .page-template-page-microsite-home-php section#microsite-home-content #prepare_react_recover #recover, .page-template-page-microsite-secondary-php section#microsite-home-content #prepare_react_recover #recover, .page-template-page-microsite-default-php section#microsite-home-content #prepare_react_recover #recover { left: -90px; } }
.page-template-page-microsite-home-php section#microsite-home-content #prepare_react_recover .dark_gray, .page-template-page-microsite-secondary-php section#microsite-home-content #prepare_react_recover .dark_gray, .page-template-page-microsite-default-php section#microsite-home-content #prepare_react_recover .dark_gray { margin-bottom: 10px; padding: 15px 25px; background: #999999; font-size: 1.6rem; color: #ffffff; text-transform: uppercase; }
.page-template-page-microsite-home-php section#microsite-home-content #prepare_react_recover .blue, .page-template-page-microsite-secondary-php section#microsite-home-content #prepare_react_recover .blue, .page-template-page-microsite-default-php section#microsite-home-content #prepare_react_recover .blue { margin-bottom: 10px; padding: 15px 25px; background: #0091ee; font-size: 1.6rem; color: #ffffff; text-transform: uppercase; }
.page-template-page-microsite-home-php section#microsite-home-content #home_buttons, .page-template-page-microsite-secondary-php section#microsite-home-content #home_buttons, .page-template-page-microsite-default-php section#microsite-home-content #home_buttons { float: right; width: 60%; }
@media only screen and (max-width: 960px) { .page-template-page-microsite-home-php section#microsite-home-content #home_buttons, .page-template-page-microsite-secondary-php section#microsite-home-content #home_buttons, .page-template-page-microsite-default-php section#microsite-home-content #home_buttons { clear: both; width: 100%; margin: 0 auto; } }
.page-template-page-microsite-home-php section#microsite-home-content #home_buttons .success-feature, .page-template-page-microsite-secondary-php section#microsite-home-content #home_buttons .success-feature, .page-template-page-microsite-default-php section#microsite-home-content #home_buttons .success-feature { float: left; width: 46%; }
.page-template-page-microsite-home-php section#microsite-home-content #home_buttons .success-feature a, .page-template-page-microsite-secondary-php section#microsite-home-content #home_buttons .success-feature a, .page-template-page-microsite-default-php section#microsite-home-content #home_buttons .success-feature a { width: 100%; font-size: 1em; font-weight: 500; padding: 90px 10px; }
@media only screen and (max-width: 480px) { .page-template-page-microsite-home-php section#microsite-home-content #home_buttons .success-feature a, .page-template-page-microsite-secondary-php section#microsite-home-content #home_buttons .success-feature a, .page-template-page-microsite-default-php section#microsite-home-content #home_buttons .success-feature a { width: 97%; height: 0px; padding: 65px 10px 95px; } }
@media only screen and (max-width: 768px) { .page-template-page-microsite-home-php section#microsite-home-content #home_buttons .success-feature a, .page-template-page-microsite-secondary-php section#microsite-home-content #home_buttons .success-feature a, .page-template-page-microsite-default-php section#microsite-home-content #home_buttons .success-feature a { font-size: .9em; word-break: break-word; } }
.page-template-page-microsite-home-php section#microsite-home-content #home_buttons .success-feature:nth-child(odd), .page-template-page-microsite-secondary-php section#microsite-home-content #home_buttons .success-feature:nth-child(odd), .page-template-page-microsite-default-php section#microsite-home-content #home_buttons .success-feature:nth-child(odd) { margin-right: 5%; }
.page-template-page-microsite-home-php section#microsite-secondary-content .success-feature, .page-template-page-microsite-secondary-php section#microsite-secondary-content .success-feature, .page-template-page-microsite-default-php section#microsite-secondary-content .success-feature { float: left; width: calc(90% - 4px); padding: 2.5%; border: 1px solid #888888; }
@media only screen and (max-width: 480px) { .page-template-page-microsite-home-php section#microsite-secondary-content .success-feature, .page-template-page-microsite-secondary-php section#microsite-secondary-content .success-feature, .page-template-page-microsite-default-php section#microsite-secondary-content .success-feature { clear: both; width: 90%; padding: 2.5%; border: 1px solid #888888; } }
.page-template-page-microsite-home-php section#microsite-secondary-content .success-feature h3, .page-template-page-microsite-secondary-php section#microsite-secondary-content .success-feature h3, .page-template-page-microsite-default-php section#microsite-secondary-content .success-feature h3 { margin-top: 25px; padding: 10px 20px; color: #ffffff; background: #444444; }
.page-template-page-microsite-home-php section#microsite-secondary-content .success-feature h3:first-child, .page-template-page-microsite-secondary-php section#microsite-secondary-content .success-feature h3:first-child, .page-template-page-microsite-default-php section#microsite-secondary-content .success-feature h3:first-child { margin-top: 0px; }
.page-template-page-microsite-home-php section#microsite-secondary-content .success-feature p.description, .page-template-page-microsite-secondary-php section#microsite-secondary-content .success-feature p.description, .page-template-page-microsite-default-php section#microsite-secondary-content .success-feature p.description { margin: 10px 20px 1em; }
.page-template-page-microsite-home-php section#microsite-secondary-content .success-feature #optional_img, .page-template-page-microsite-secondary-php section#microsite-secondary-content .success-feature #optional_img, .page-template-page-microsite-default-php section#microsite-secondary-content .success-feature #optional_img { width: 20%; float: left; margin: 0 15px 15px 20px; }
.page-template-page-microsite-home-php section#microsite-secondary-content .success-feature #optional_img img, .page-template-page-microsite-secondary-php section#microsite-secondary-content .success-feature #optional_img img, .page-template-page-microsite-default-php section#microsite-secondary-content .success-feature #optional_img img { width: 100%; height: auto; }
.page-template-page-microsite-home-php section#microsite-secondary-content .success-feature ul, .page-template-page-microsite-secondary-php section#microsite-secondary-content .success-feature ul, .page-template-page-microsite-default-php section#microsite-secondary-content .success-feature ul { width: 65%; float: left; margin-left: 40px; margin-bottom: 25px; }
.page-template-page-microsite-home-php section#microsite-secondary-content .success-feature ul li, .page-template-page-microsite-secondary-php section#microsite-secondary-content .success-feature ul li, .page-template-page-microsite-default-php section#microsite-secondary-content .success-feature ul li { list-style: disc; margin-bottom: 6px; font-size: 1em; line-height: 1.2; }
.page-template-page-microsite-home-php section#microsite-secondary-content .success-feature #optional_img + ul, .page-template-page-microsite-secondary-php section#microsite-secondary-content .success-feature #optional_img + ul, .page-template-page-microsite-default-php section#microsite-secondary-content .success-feature #optional_img + ul { margin-left: 12px; }
.page-template-page-microsite-home-php section#microsite-secondary-content .success-feature a, .page-template-page-microsite-secondary-php section#microsite-secondary-content .success-feature a, .page-template-page-microsite-default-php section#microsite-secondary-content .success-feature a { display: block; float: right; margin-bottom: 15px; font-size: .9em; font-weight: 500; text-decoration: underline; }
.page-template-page-microsite-home-php section#microsite-secondary-content .success-feature .video, .page-template-page-microsite-secondary-php section#microsite-secondary-content .success-feature .video, .page-template-page-microsite-default-php section#microsite-secondary-content .success-feature .video { float: left; width: 44%; margin: 2.5%; padding: 1%; background: #ffffff; border: 1px solid #999999; }
@media only screen and (max-width: 768px) { .page-template-page-microsite-home-php section#microsite-secondary-content .success-feature .video, .page-template-page-microsite-secondary-php section#microsite-secondary-content .success-feature .video, .page-template-page-microsite-default-php section#microsite-secondary-content .success-feature .video { float: left; clear: none; width: 44%; } }
@media only screen and (max-width: 480px) { .page-template-page-microsite-home-php section#microsite-secondary-content .success-feature .video, .page-template-page-microsite-secondary-php section#microsite-secondary-content .success-feature .video, .page-template-page-microsite-default-php section#microsite-secondary-content .success-feature .video { clear: both; width: 90%; } }
.page-template-page-microsite-home-php section#microsite-secondary-content .success-feature .video:nth-child(even), .page-template-page-microsite-secondary-php section#microsite-secondary-content .success-feature .video:nth-child(even), .page-template-page-microsite-default-php section#microsite-secondary-content .success-feature .video:nth-child(even) { margin: 15px 1% 0 2.5%; }
@media only screen and (max-width: 768px) { .page-template-page-microsite-home-php section#microsite-secondary-content .success-feature .video:nth-child(even), .page-template-page-microsite-secondary-php section#microsite-secondary-content .success-feature .video:nth-child(even), .page-template-page-microsite-default-php section#microsite-secondary-content .success-feature .video:nth-child(even) { margin: 15px 1% 0 0; } }
@media only screen and (max-width: 480px) { .page-template-page-microsite-home-php section#microsite-secondary-content .success-feature .video:nth-child(even), .page-template-page-microsite-secondary-php section#microsite-secondary-content .success-feature .video:nth-child(even), .page-template-page-microsite-default-php section#microsite-secondary-content .success-feature .video:nth-child(even) { margin: 15px 4%; } }
.page-template-page-microsite-home-php section#microsite-secondary-content .success-feature .video:nth-child(odd), .page-template-page-microsite-secondary-php section#microsite-secondary-content .success-feature .video:nth-child(odd), .page-template-page-microsite-default-php section#microsite-secondary-content .success-feature .video:nth-child(odd) { margin: 15px 2.5% 0 1%; }
@media only screen and (max-width: 768px) { .page-template-page-microsite-home-php section#microsite-secondary-content .success-feature .video:nth-child(odd), .page-template-page-microsite-secondary-php section#microsite-secondary-content .success-feature .video:nth-child(odd), .page-template-page-microsite-default-php section#microsite-secondary-content .success-feature .video:nth-child(odd) { margin: 15px 1% 0 0; } }
@media only screen and (max-width: 480px) { .page-template-page-microsite-home-php section#microsite-secondary-content .success-feature .video:nth-child(odd), .page-template-page-microsite-secondary-php section#microsite-secondary-content .success-feature .video:nth-child(odd), .page-template-page-microsite-default-php section#microsite-secondary-content .success-feature .video:nth-child(odd) { margin: 15px 4%; } }
.page-template-page-microsite-home-php section#microsite-secondary-content .success-feature .video p, .page-template-page-microsite-secondary-php section#microsite-secondary-content .success-feature .video p, .page-template-page-microsite-default-php section#microsite-secondary-content .success-feature .video p { margin-top: 5px; margin-bottom: 0; color: #666666; font-size: .9em; }
.page-template-page-microsite-home-php section#microsite-secondary-content .success-feature + .link_back, .page-template-page-microsite-secondary-php section#microsite-secondary-content .success-feature + .link_back, .page-template-page-microsite-default-php section#microsite-secondary-content .success-feature + .link_back { margin: 1em 0 0 25px; }
.page-template-page-microsite-home-php section#microsite-secondary-content .success-feature #bonus_content h3, .page-template-page-microsite-secondary-php section#microsite-secondary-content .success-feature #bonus_content h3, .page-template-page-microsite-default-php section#microsite-secondary-content .success-feature #bonus_content h3 { margin-top: 25px; }
.page-template-page-microsite-home-php section#microsite-secondary-content .success-feature #bonus_content ul, .page-template-page-microsite-secondary-php section#microsite-secondary-content .success-feature #bonus_content ul, .page-template-page-microsite-default-php section#microsite-secondary-content .success-feature #bonus_content ul { margin: 15px 0 0 35px; }
.page-template-page-microsite-home-php section#microsite-secondary-content .success-feature #bonus_content ul li, .page-template-page-microsite-secondary-php section#microsite-secondary-content .success-feature #bonus_content ul li, .page-template-page-microsite-default-php section#microsite-secondary-content .success-feature #bonus_content ul li { float: none; }
.page-template-page-microsite-home-php section#microsite-secondary-content .success-feature #bonus_content ul li a, .page-template-page-microsite-secondary-php section#microsite-secondary-content .success-feature #bonus_content ul li a, .page-template-page-microsite-default-php section#microsite-secondary-content .success-feature #bonus_content ul li a { float: none; margin-bottom: 5px; }
.page-template-page-microsite-home-php section#microsite-secondary-content .link_back, .page-template-page-microsite-secondary-php section#microsite-secondary-content .link_back, .page-template-page-microsite-default-php section#microsite-secondary-content .link_back { float: left; margin: 0 0 1em 25px; }
.page-template-page-microsite-home-php section#microsite-default-content, .page-template-page-microsite-secondary-php section#microsite-default-content, .page-template-page-microsite-default-php section#microsite-default-content { padding-top: 50px; padding-bottom: 50px; }
.page-template-page-microsite-home-php section#microsite-default-content .link_back, .page-template-page-microsite-secondary-php section#microsite-default-content .link_back, .page-template-page-microsite-default-php section#microsite-default-content .link_back { margin-left: 50px; }

#features-test #page-head, #victorops-is-different #page-head, #victoropsisdifferent #page-head, #victorops-vs-opsgenie #page-head { padding-top: 30px; padding-bottom: 10px; }

.feature-comparison { -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; background-attachment: fixed; background-position: center; text-align: center; padding-bottom: 50px; }
.feature-comparison .wrapper { padding-left: 0; padding-right: 0; }
.feature-comparison h2 { margin-bottom: 50px; }
.feature-comparison table { width: 95%; clear: left; float: none; margin: 0 auto; }
.feature-comparison table h2 { background: white; margin-bottom: 0; padding: 10px; }
@media only screen and (max-width: 480px) { .feature-comparison table h2 { font-size: 18px; } }
.feature-comparison table .feature-title.heading:first-child { border-top: none;border-top-left-radius:5px; }
.feature-comparison table .features-list td { border-bottom: 1px solid rgba(226, 151, 40, .1); }
.feature-comparison table .features-list:last-child td { border-bottom: none; }
.feature-comparison table td { font-size: 14px; font-size: 1.4rem; position: relative; text-align: left; padding: 10px 20px; color: #656565; font-weight: 600; text-align: center; line-height: 1.5; }
.feature-comparison table td .fa-check { color: #56c25b; }
.feature-comparison table td .fa-times { color: #c25656; }
.feature-comparison table td.featured-competitor { position: relative; z-index: 100; background: white; border-bottom: none; -webkit-box-shadow: 0px 8px 5px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 8px 5px 1px rgba(0, 0, 0, 0.4); box-shadow: 0px 8px 5px 1px rgba(0, 0, 0, 0.4); }
.feature-comparison table td.table-header { border: none; padding: 10px; }
.feature-comparison table td.table-header img { width: 200px; }
@media only screen and (max-width: 768px) { .feature-comparison table td.table-header img {height: auto; } }
.feature-comparison table td.table-header-blank { background: #f1f2f2; }
.feature-comparison table td.feature-title { text-align: left; }
.feature-comparison table td.heading { padding-top: 30px; font-weight: bold; color: #3D6D9E; font-size: 1.8rem; }
.feature-comparison table .uno { width: 60%;background:#fff; }
.feature-comparison table .dos { width: 30%;background:#fff; }
.feature-comparison table .tres { width: 20%;background:#fff;}
.feature-comparison table .blank-uno { border-bottom: none; background: #f1f2f2; }
.feature-comparison table .blank-dos { background: white; }
.feature-comparison table .blank-tres { border-bottom: none; background: #f1f2f2; }
.feature-comparison table .last-row .blank-dos { -webkit-box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.3);border-bottom-left-radius:5px;border-bottom-right-radius:5px; }
.feature-comparison .button-wrapper { margin: 50px auto 75px; }
.feature-comparison .button-wrapper a.compare-pricing-link { display: block; margin-top: 20px; color: #444444; font-size: 1.2em; font-weight: 500; text-decoration: underline; }
.feature-comparison .pagelink { font-size: .9em; font-weight: 500; }
.feature-comparison .pagelink a { color: #444444; font-weight: 700; text-decoration: underline; }

#customer-quote-section { -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; background-position: center; padding-bottom: 100px; background-attachment: fixed; }
#customer-quote-section .wrapper { max-width: 800px; margin: 50px auto; padding: 50px 5%; background: rgba(255, 255, 255, 0.85); }
#customer-quote-section .wrapper .compare-quote { float: left; margin: 35px 25px 0; padding-bottom: 35px; border-bottom: 1px solid #c9c9c9; }
#customer-quote-section .wrapper .compare-quote img { clear: both; max-width: 150px; }
#customer-quote-section .wrapper .compare-quote .quote-text { width: 75%; }
@media only screen and (max-width: 768px) { #customer-quote-section .wrapper .compare-quote .quote-text { width: 100%; } }
#customer-quote-section .wrapper .compare-quote .quote-text .quote-quote { float: left; margin-bottom: 5px; font-size: 1.1em; line-height: 1.2; }
#customer-quote-section .wrapper .compare-quote .quote-text .quote-name-title { clear: both; float: left; font-size: 1em; }
#customer-quote-section .wrapper .compare-quote:nth-child(even) img { float: left; }
@media only screen and (max-width: 768px) { #customer-quote-section .wrapper .compare-quote:nth-child(even) img { display: block; float: none; margin: 20px auto; } }
#customer-quote-section .wrapper .compare-quote:nth-child(even) .quote-text { float: right; }
@media only screen and (max-width: 768px) { #customer-quote-section .wrapper .compare-quote:nth-child(even) .quote-text { width: 100%; float: none; } }
#customer-quote-section .wrapper .compare-quote:nth-child(odd) img { float: right; }
@media only screen and (max-width: 768px) { #customer-quote-section .wrapper .compare-quote:nth-child(odd) img { display: block; float: none; margin: 20px auto; } }
#customer-quote-section .wrapper .compare-quote:nth-child(odd) .quote-text { float: left; }
@media only screen and (max-width: 768px) { #customer-quote-section .wrapper .compare-quote:nth-child(odd) .quote-text { width: 100%; float: none; } }
#customer-quote-section .wrapper .compare-quote:last-child { border-bottom: none; }
#customer-quote-section .wrapper .compare-quote-1 { margin-top: 0; }

body { background: #444444; }

.wrapper { max-width: 1020px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
.wrapper:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }
@media only screen and (min-width: 768px) { .wrapper { padding-left: 30px; padding-right: 30px; } }

section { padding-top: 30px; padding-bottom: 30px; }
section.blue { background: #0091ee; }
section.gray { background: #f1f2f2; }
section.orange { background: #fbb142; }
section.white { background: white; }
section.blue *, section.orange * { color: white; }
@media only screen and (min-width: 768px) { section { padding-top: 80px; padding-bottom: 80px; } }

section#take-tour-banner { padding-top: 30px; padding-bottom: 5px; background: #4ecece; overflow: hidden; border-top: 5px solid #ffffff; border-bottom: 25px solid #ffffff; }
section#take-tour-banner .wrapper.single-content { max-width: 100%; padding: 0; }
section#take-tour-banner .wrapper.single-content .content { position: relative; max-width: 100%; height: 200px; }
section#take-tour-banner .wrapper.single-content .content a { position: absolute; top: 25px; left: calc(50% + 80px); text-decoration: none; z-index: 3; }
@media only screen and (max-width: 480px) { section#take-tour-banner .wrapper.single-content .content a { left: 51%; } }
section#take-tour-banner .cloud { position: absolute; width: 250px; height: 80px; z-index: 1; background: #ffffff; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }
section#take-tour-banner .cloud:after, section#take-tour-banner .cloud:before { content: ''; position: absolute; background: #ffffff; z-index: -1; }
section#take-tour-banner .cloud:after { width: 75px; height: 75px; top: -50px; left: 130px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }
section#take-tour-banner .cloud:before { width: 115px; height: 115px; top: -69px; right: 90px; border-radius: 200px; -webkit-border-radius: 200px; -moz-border-radius: 200px; }
section#take-tour-banner .x3 { top: 40px; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); transform: scale(0.3); }
@media only screen and (max-width: 480px) { section#take-tour-banner .x3 { right: 80px; top: 70px; } }
section#take-tour-banner .x5 { bottom: 130px; left: 135px; -webkit-transform: scale(0.4); -moz-transform: scale(0.4); transform: scale(0.4); }
@media only screen and (max-width: 480px) { section#take-tour-banner .x5 { left: 215px; } }
section#take-tour-banner .x6 { right: 35px; -webkit-transform: scale(0.4); -moz-transform: scale(0.4); transform: scale(0.4); }
@media only screen and (max-width: 480px) { section#take-tour-banner .x6 { right: 210px; } }
section#take-tour-banner #outro-buildings { position: absolute; width: 100%; height: 83px; display: block; bottom: -5px; background: url(../images/product/buildings3.png) 0 0 repeat-x transparent; z-index: 4; }
section#take-tour-banner .vo-bldg { position: absolute; width: 200px; height: 388px; bottom: -83px; left: calc(50% - 120px); background: url(../images/product/vo-bldg.png) 0 0 repeat-x transparent; z-index: 2; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); transform: scale(0.6); }
@media only screen and (max-width: 480px) { section#take-tour-banner .vo-bldg { left: 1.5%; } }
@media only screen and (max-width: 768px) { section#take-tour-banner .vo-bldg { left: 7.5%; } }

@media only screen and (min-width: 768px) { .page-id-3598 section { padding-top: 30px; padding-bottom: 30px; } }
.top-logo { background: url(../images/victorops_logo.png) no-repeat; background: url(../images/victorops_logo.svg) no-repeat; width: 143px; float: left; height: 40px; display: inline-block; text-indent: -9999px; overflow: hidden; }

#site-header { padding-top: 10px; padding-bottom: 10px; background: rgba(0, 0, 0, 0.2); text-align: center; position: relative; box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.25); }
@media only screen and (min-width: 768px) { #site-header { position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; } }
@media only screen and (min-width: 960px) { #site-header { padding-top: 20px; padding-bottom: 0; } }

#site-footer { clear: both; padding-top: 30px; padding-bottom: 30px; text-align: center; }
@media only screen and (min-width: 768px) { #site-footer { text-align: left; } }
#site-footer .site-info { font-family: "museo-slab", sans-serif; color: #c9c9c9; margin-bottom: 30px; text-align: center; }
#site-footer .footer-header { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #c9c9c9; }
#site-footer .footer-header:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }
#site-footer .footer-logo { background: url(../images/victorops_color_ko.png) no-repeat; width: 100px; height: 100px; float: none; margin: 25px auto; display: block; text-indent: -9999px; overflow: hidden; }
#site-footer .contact-info { float: none; clear: both; text-align: center; }
#site-footer .contact-info .contact-sales { width: 100%; color: #c9c9c9; padding-top: 25px; border-top: 1px solid #c9c9c9; margin: 0 auto; }
@media only screen and (min-width: 480px) { #site-footer .contact-info .contact-sales { width: 45%; } }
@media only screen and (min-width: 768px) { #site-footer .contact-info .contact-sales { width: 30%; } }
#site-footer .menu { float: none; text-align: center; }
#site-footer .social-icons { clear: both; width: 235px; height: 55px; margin: 40px auto; }
#site-footer .social-icons a { float: left; margin-right: 5px; }
#site-footer .social-icons a .social-icon { width: 55px; height: 54px; }
#site-footer .social-icons a:last-child { margin-right: 0; }
#site-footer .social-icons .linkedin { background: url(../images/social.png) 0 -57px no-repeat transparent; }
#site-footer .social-icons .twitter { background: url(../images/social.png) -55px -57px no-repeat transparent; }
#site-footer .social-icons .facebook { background: url(../images/social.png) -110px -57px no-repeat transparent; }
#site-footer .social-icons .googleplus { background: url(../images/social.png) -167px -57px no-repeat transparent; }

#page-content #integrations-callout { text-align: center; border-top: solid 1px rgba(0, 0, 0, 0.25); border-bottom: solid 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0 50px 50px -50px #a4a4a4, inset 0 -50px 50px -50px #a7a7a7; }
#page-content #integrations-callout ul { padding: 0; margin: 0; list-style: none; }
#page-content #integrations-callout ul:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }
#page-content #integrations-callout li { display: inline-block; margin-right: 20px; margin-left: 20px; margin-bottom: 10px; }
#page-content #integrations-callout li img { width: 140px; }

.shadows, #shadows { text-align: center; border-top: solid 1px rgba(0, 0, 0, 0.25); border-bottom: solid 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0 50px 50px -50px #a4a4a4, inset 0 -50px 50px -50px #a7a7a7; }

.padded-image, #about-intro img, #foundry-group img, #costanoa img, .error404 #sad-kitty { border: solid 1px #b9b9b9; padding: 5px; }

#signup { background: #f1f2f2; text-align: center; }
#signup .wrapper { max-width: 640px; }
#signup h1 { font-weight: bold; }
#signup form { margin-top: 10px; padding: 30px 20px 20px; background: #E6E6E6; border-radius: 5px; border: solid 1px #b9b9b9; }
#signup .input-wrapper { position: relative; max-width: 400px; margin-right: auto; margin-left: auto; margin-bottom: 20px; }
#signup .input-wrapper .fa-envelope, #signup .input-wrapper .fa-phone, #signup .input-wrapper .fa-user, #signup .input-wrapper .fa-users, #signup .input-wrapper .fa-briefcase { position: absolute; top: 16px; left: 15px; color: #ccc; }
#signup #email, #signup #phone, #signup #first-name, #signup #last-name, #signup #company, #signup #title { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding-left: 40px; height:45px;border-radius:3px; }
#signup .button-blue { width: 100%; max-width: 400px; display: block; margin-right: auto; margin-left: auto; -webkit-appearance: none; }
#signup .error { color: red;margin-bottom: 10px;
    font-weight: 700;
    font-size: .95em; }

#signup .error a { color: #9B0000; }
#signup .error a:hover { text-decoration:underline;}
#signup .success { color: green; }

.error404 .main-navigation .desktop-nav > li.current_page_item a, .error404 .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li.current_page_item a, .page-template-page-microsite-home-php .error404 .microsite-nav .desktop-nav > li.current_page_item a, .error404 .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li.current_page_item a, .page-template-page-microsite-secondary-php .error404 .microsite-nav .desktop-nav > li.current_page_item a, .error404 .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li.current_page_item a, .page-template-page-microsite-default-php .error404 .microsite-nav .desktop-nav > li.current_page_item a, .error404 .main-navigation .desktop-nav > li.current_page_parent a, .error404 .page-template-page-microsite-home-php .microsite-nav .desktop-nav > li.current_page_parent a, .page-template-page-microsite-home-php .error404 .microsite-nav .desktop-nav > li.current_page_parent a, .error404 .page-template-page-microsite-secondary-php .microsite-nav .desktop-nav > li.current_page_parent a, .page-template-page-microsite-secondary-php .error404 .microsite-nav .desktop-nav > li.current_page_parent a, .error404 .page-template-page-microsite-default-php .microsite-nav .desktop-nav > li.current_page_parent a, .page-template-page-microsite-default-php .error404 .microsite-nav .desktop-nav > li.current_page_parent a { border-bottom: none; }
.error404 #page-header h1 { font-weight: 900; text-align: center; }
.error404 .oops { font-family: arial, verdana, sans-serif; }
.error404 section.white { text-align: center; padding-top: 50px; }
.error404 #sad-kitty { width: 100%; max-width: 500px; height: auto; }

#terms-of-service .site-content ol { list-style-type: upper-hexadecimal; }
#terms-of-service .site-content ol li { margin: 15px 0; }
#terms-of-service .site-content ul { margin: 15px; }
#terms-of-service .site-content ul li { margin-bottom: 5px; }
#terms-of-service .site-content ul ul { margin: 15px 35px; }



.site { padding-top: 45px; }

.page-template-homepage2015_template-php .site { padding-top: 0px; }

.admin-bar .site { padding-top: 45px; }

.page-template-homepage2015_template-php.admin-bar .site { padding-top: 0px; }

#feature-alert { display: block; position: fixed; top: 0; width: 100%; height: 45px; text-align: center;z-index: 999999; }
#feature-alert a { width:100vw; display: block; height: 30px; padding-top: 15px; padding-bottom: 0; background: #0091ee; color: #ffffff; font-weight: 700; font-size: 1em; z-index: 999999; }
@media only screen and (max-width: 480px) { #feature-alert a { padding-top: 3px; padding-bottom: 12px; } }
@media only screen and (max-width: 768px) { #feature-alert a { font-size: .9em; } }
#feature-alert a:hover { text-decoration: none; background: #5684c2; }

.admin-bar #feature-alert { top: 32px; }
@media only screen and (max-width: 782px) { .admin-bar #feature-alert { top: 46px; } }

@media only screen and (max-width: 480px) { .page-id-3598 .wrapper .content iframe { height: 300px !important; } }
@media only screen and (min-width: 768px) { .page-id-3598 #page-content .single-content .content { max-width: 1020px; }
  .admin-bar #site-header { top: 32px; }
  .page-template-homepage2015_template-php #site-header { top: 0px; }
  .page-template-homepage2015_template-php.admin-bar #site-header { top: 32px; }
  .admin-bar #site-header { top: 77px; }
   }
@media only screen and (min-width: 960px) { .site-content { padding-top: 75px !important;} }
.clear { clear: both; }

.aligncenter { display: block; margin: 0 auto; }

.alignleft { display: block; float: left; margin: 20px 5% 20px 0; }

.alignright { display: block; float: right; margin: 20px 0 20px 5%; }

.align-left { float: left; }

.align-right { float: right; }

.orange-bg { background: #fbb142; }

.underline { text-decoration: underline; }

.comparison-table-header-left	{
	font-size: 2rem;
    color: #fff;
    font-weight: 400;
    background: #e29828;
    border-right: 1px solid #f1f2f2;
    width: 18%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-family: "museo-sans", sans-serif;

}


.comparison-table-header-right	{
	font-size: 2rem;
    color: #fff;
    font-weight: 400;
    background: #e29828;
    width: 18%;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;

}


#pricing-table .columns .not-featured h2 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.column-new	{
	width: 32%;
    margin-top: 10px;

    box-shadow: 0px 50px 50px -50px rgba(164, 164, 164,1), inset 0 -50px 50px -50px rgba(167, 167, 167,.1);
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
}

.alert-header	{
    margin-top: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 2px solid rgba(226, 151, 40, .5);
    border-bottom: 2px solid rgba(226, 151, 40, .5);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    color: #444444;
}

.alert-header2	{
    margin-top: 26.5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 2px solid rgba(226, 151, 40, .5);
    border-bottom: 2px solid rgba(226, 151, 40, .5);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    color: #444444;
}

.price-header	{
	font-size: 7.5rem;
    
    font-weight: 700;
}

.price-header2	{
	margin-top:40px;
	color: #fff;
	background: #0091ee;
	padding: 13px 15px;
	border-radius: 5px;
	font-size: 2rem;
	font-weight:300;
	-moz-transition: background 0.125s linear 0s; 
	-webkit-transition: background 0.125s linear 0s; 
	-o-transition: background 0.125s linear 0s; 
	transition: background 0.125s linear 0s;
    
}

.price-header2	a, .price-header2 a:visited, .price-header2 a:active, .price-header2 a:hover {
	color:#fff !important;

}


.price-header2:hover 	{

	background: #0072bb;
	color:#fff !important;
	-moz-transition: background 0.125s linear 0s; 
	-webkit-transition: background 0.125s linear 0s; 
	-o-transition: background 0.125s linear 0s; 
	transition: background 0.125s linear 0s;
}


    


.dollar	{
	vertical-align: super;
    font-size: 30%;
    font-weight:700;
}

#pricing-table .price-details	{
	font-size: 1.6rem;
    margin-top: -35px;
    margin-bottom: 26%;
}

#pricing-table .price-details a:hover {
	text-decoration:underline;
}

.features-list	{
	margin-top: 80px;
	
}

#pricing-table .not-heading {

    list-style-type: square;
    margin-left: 20px;
    padding-top: 0;
    margin-bottom: 5px;
    width: 80%;
    /* text-align: center; */
    /* margin-top: 0vh; */
    margin-left: auto;
    margin-right: auto;
}

#pricing-table .heading {
    margin-top: -29px;
    }

 #pricing-table .columns .not-featured {
 	width:32%;
 }

 #matrix	{

 	margin-left:auto;
 	margin-right:auto;
 	width:100%;
 	margin-top:10%;
 }

.standard-enterprise-table	{
	box-shadow:0px 50px 50px -50px rgba(164, 164, 164,1), inset 0 -50px 50px -50px rgba(167, 167, 167,.1);
	margin-top:10%;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	float:none;
	background:none;
	border-radius:5px;
}

.table2-tab-row	{
height:45px;
}

.table2-header-row	{
    padding-top: 30px;
    font-weight: 700;
    color: #3D6D9E;
    font-size: 1.65rem;
    height: 4vh;
}

.table2-header-td	{
	text-align:left;
	padding-left:3%;
	width:64%;
}

.table2-td2	{
border-right: 1px solid rgba(226, 151, 40, .1);
border-bottom: 1px solid rgba(226, 151, 40, .1);
}

.table2-td2-last	{
	    border-right: 1px solid rgba(226, 151, 40, .1);

}

.table2-info-row	{

	font-size:1.4rem;
	height: 4vh;
	color: #656565;
	padding-top:1%;
	padding-bottom:1%;
	border-bottom: 1px solid rgba(226, 151, 40, .1);
}

.table2-info-row-last	{
	padding-top: 30px;
	font-size:1.4rem;
	height: 4vh;
	color: #656565;
	padding-top:1%;
	padding-bottom:1%;
	border-bottom: 1px solid rgba(226, 151, 40, .1);
}

.table2-info-td1	{

	text-align: left;
	padding-left: 5%;
	padding-right:3%;
	width:64%;
	padding-top:1%;
	padding-bottom:1%;
}

.table2-green-check	{
	color:#56c25b;
	font-size:2.3rem;
}

.user-month	{
	font-size:1.35rem;
}

#pricing-table .columns .not-featured {
    width: 330px;
    height: 535px;
    }

#pricing-table .columns {
    display: flex;
    margin-bottom: 30px;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    margin-top:-30px;
}

#pricing-table .vo_heading {
    font-size: 3rem;
    }

.pricing-page-top-section	{
	height:150px;

}

#pricing-page-header-wrapper	{
	margin-top:-40px;
}

.matrix-bullet	{
	font-size: 1.4rem;
    font-weight: 700;



}

.matrix-bullet-header	{
    color: #e29828;
    font-size: 1.5rem;
}


.matrix-bullet-info	{
	padding-left:3%;

}

#pricing-table .columns .not-featured .plan-pic {
	display:none !important;

}

.timeline-footer	{
	background: #fbb142;
    padding: 7px;
    width: 98%;
    margin-left: -3px;
}

.timeline-header	{
	    background: #fbb142;
    width: 96%;
    margin-left: -3px;
    margin-top: -1px;
}


.nav-trial-button	{
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #0091ee;
	border-radius: 2px;
	font-weight: bold;
	background: #0091ee;
	color:#fff !important;

}

.nav-trial-button a 	{
	color:#fff;
}

.nav-trial-button a:hover 	{
	color:#fff;
}

.compare-buttons	{
	margin-left: auto;
    margin-right: auto;
    
    margin-top: 70px;
    text-align:center;
}

#compare-standard	{
	
    background: #008ef0;
    padding: 20px 20px;
    border-radius: 5px;
    margin-right: 10px;
    color: #fff;
    font-weight: 600;
    width: 190px;
    -moz-transition: opacity 0.125s linear 0s; 
	-webkit-transition: opacity 0.125s linear 0s; 
	-o-transition: opacity 0.125s linear 0s; 
	transition: opacity 0.125s linear 0s;
}

#compare-standard:hover	{
	opacity:.85;
	-moz-transition: opacity 0.125s linear 0s; 
	-webkit-transition: opacity 0.125s linear 0s; 
	-o-transition: opacity 0.125s linear 0s; 
	transition: opacity 0.125s linear 0s;
}

#compare-enterprise	{
	
	background:#f19800;
	padding: 20px 20px;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
    width: 190px;
   -moz-transition: opacity 0.125s linear 0s; 
	-webkit-transition: opacity 0.125s linear 0s; 
	-o-transition: opacity 0.125s linear 0s; 
	transition: opacity 0.125s linear 0s;
}

#compare-enterprise:hover	{
	opacity:.85;
	-moz-transition: opacity 0.125s linear 0s; 
	-webkit-transition: opacity 0.125s linear 0s; 
	-o-transition: opacity 0.125s linear 0s; 
	transition: opacity 0.125s linear 0s;
}

.comparison-section-header	{
	font-weight: 600;
    font-size: 140%;
    line-height: .7;
    margin-bottom: 12%;
    
}

.comparison-header-small	{
	font-size:40%;
	font-style:italic;

}


.bottom-no-border	{
	border:none !important;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

.table-button	{
	background: #008ef0;
    padding: 15px 40px;
    border-radius: 5px;
    color: #fff;
    -moz-transition: opacity 0.125s linear 0s; 
	-webkit-transition: opacity 0.125s linear 0s; 
	-o-transition: opacity 0.125s linear 0s; 
	transition: opacity 0.125s linear 0s;
}

.table-button:hover	{
    color: #fff !important;
    	opacity:.85;
	-moz-transition: opacity 0.125s linear 0s; 
	-webkit-transition: opacity 0.125s linear 0s; 
	-o-transition: opacity 0.125s linear 0s; 
	transition: opacity 0.125s linear 0s;
}

.table-button a:hover, .table-button a:active, .table-button a:visited	{
    color: #fff !important;
}

.compare-header	{
	background:url(https://victorops.com/wp-content/uploads/2016/01/compare-bg3.jpg);
	width:100vw;
	background-position:center;
	color:#fff;
	height:200px;
	text-align:center;
	-webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.compare-header2	{
	background:url(https://victorops.com/wp-content/uploads/2016/01/compare-bg4.jpg);
	width:100vw;
	background-position:left;
	color:#fff;
	height:200px;
	text-align:center;
	-webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.table-header .featured-competitor .dos {
	vertical-align:top;
}

.logo-row	{
	height:150px;
}

#site-header	{
	
    width: 100vw;
    background: #353535;
    z-index:101;
    position:fixed;
}

#pricing-faq	{
	display:none;
}

.site-content { 
	padding-top: 60px; 

}

#form-section-white	{
	
	background-image: url(https://victorops.com/wp-content/uploads/2016/01/1920x1080-form-bg-leaf2.png);
    background-size: cover;
    background-position: center;
    border-bottom: 3px solid rgba(185, 185, 185, .6);
    
    
}

.landing-page-flex-container	{
	display:flex;
	flex-wrap:wrap;
}


.soc-landing-column-left	{
	float: left;
    width: 65%;
    border-right: 1px solid #353535;
    padding-right:20px;

}

.soc-landing-column-right {	

float: right;
width: 30%;	
}

.soc-landing-img	{
	max-width: 85%;
    padding: 10px 10px 40px 2px;
    float: left;

}

.soc-landing-header	{
	text-align: center; 
	margin-left: auto; 
	margin-right: auto;
	line-height:1.35;

}

.soc-landing-text {
	font-size: 1.45em; 
	line-height: 1.4; 
	text-align: center; 
	padding-top: 10px;
}

.top-40	{
	padding-top:40px;
}

.admin-bar .header-non-banner {
	top:0px !important;
}

.header-non-banner {
	
    position: relative !important;
}

.non-banner {
	     padding-top: 0px !important;
    
}

@media only screen and (max-width: 1000px) {

#sales-chat {
	display:none;
}
}

@media only screen and (min-width: 768px) { #site-header { top: 45px; } }




/* Roadtrip styles end */


 
@media screen and (max-width: 1000px) {


.soc-landing-column-left	{
	width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    border:none;
    padding-right:0px;

}

.soc-landing-column-right	{
	float: right;
    width: 100%;
    display: inline-block;
	
}

.soc-landing-img	{
	max-width:100%;

}

#form-section-white {
	background:#fff;
}

.soc-landing-text {
	font-size: 1.3em; 
	line-height: 1.4; 
	text-align: center; 
	padding-top: 10px;
}


.top-40	{
	padding-top:10px;
}

}


@media screen and (min-width: 321px) and (max-width: 767px) {





.pricing-page-top-section {
    height: 340px;
}

#pricing-page-header-wrapper {
    margin-top: 0px;
   }

#pricing-table .columns {
	margin-top:0px;
}

.column-new {
	margin-right:none !important;
}

#pricing .pricing-page-heading a {
    width: 80%;
    }

    .comparison-table-header-left {
    font-size: 1.4rem;
    padding:2%;
}

    .comparison-table-header-right {
    font-size: 1.4rem;
    padding:2%;
}

.table2-tab-row {
    height: 40px;
    }

.table2-header-row {
    font-size: 1.4rem;
    height: 6vh;

}

.table2-info-row {
    font-size: 1.2rem;
    height: 4vh;
    }

 .table2-info-row-last {
    font-size: 1.2rem;
    height: 4vh;
}

#page-content .section-divider, #hero .section-divider {
    background-position: left;

}

.table2-green-check {
   font-size: 1.75rem;
}

.price-header {
    margin-top: 0px;
}

.matrix-bullet {
	font-size:1.4rem;
}

.compare-buttons {
   margin-top: 50px;
   font-size: 85%;
   margin-bottom: 35px;
}

.comparison-section-header {

		font-size: 90%;

}

.compare-header {
	    background-position: center;
    color: #fff;
    height: 125px;
    text-align: center;
   	background-size: cover;
}

.compare-header2 {
	    background-position: center;
    color: #fff;
    height: 125px;
    text-align: center;
   	background-size: cover;
}



}

@media screen and (max-width: 320px)	{



	#pricing .pricing-page-heading a {
    width: 100%;
}

#pricing-table h2 {
    font-size: 1.6rem;
    }

.price-header2 {
    font-size: 2rem;
    }

.price-header {
	margin-top: 0px;

}

.table2-green-check {
    font-size: 2rem;
}

#page-content .section-divider, #hero .section-divider {
    background-position: left;

}

    .comparison-table-header-left {
    font-size: 1.4rem;
    padding:2%;
}

    .comparison-table-header-right {
    font-size: 1.4rem;
    padding:2%;
}

.table2-tab-row {
    height: 40px;
    }

.table2-header-row {
    font-size: 1.4rem;
    height: 6vh;

}

.table2-info-row {
    font-size: 1.2rem;
    height: 4vh;
    }

 .table2-info-row-last {
    font-size: 1.2rem;
    height: 4vh;

}

.pricing-page-top-section {
    height: 366px;
}

#pricing-page-header-wrapper {
    margin-top: 0px;
}

#pricing-table .columns {
	margin-top:-10px;
}

.matrix-bullet {
font-size:1.4rem;
}

.compare-buttons {
   margin-top: 50px;
   font-size: 90%;
   margin-bottom: 35px;
}

#compare-enterprise {
    padding: 15px 3.5vw !important;
}

#compare-standard {
	padding:15px 3.5vw !important;
}

.compare-header {
	height: 155px;
	background-position:center bottom;
}

.compare-header2 {
	height: 155px;
	background-position:center bottom;
}

.comparison-section-header {
    font-size: 100%;
    line-height: .5;
}

#pricing-table .columns .not-featured {
    width: 90vw;
    height: 550px;
}

#pricing-table	{
	width:100vw;
}

.feature-comparison table td.table-header img {
	width:85%;
}





}

@media screen and (min-width: 768px) and (max-width: 1059px)	{


#pricing-table .columns {
	width:50%;
}

.price-header {
   margin-top: 0px;
}



}

@media screen and (min-width: 768px) and (max-width: 960px) {


.compare-header2 {

    background-position: bottom;
    }

    .feature-comparison table td.heading {
 
    font-size: 1.5rem;
}

.feature-comparison table td {
    font-size: 1.3rem;
    }

    .feature-comparison table td.table-header img {
    width: 80%;
}
 .feature-comparison table td.heading {
    
 	font-size: 1.5rem !important;
	}

	.feature-comparison table td {
	font-size:1.3rem !important;
	}
}

@media screen and (max-width: 960px)	{

	.feature-comparison table .uno {
    width: 50%;
	}
    
    .table-button	{
    		display:none;
    }



    .table-header .featured-competitor .dos {
    	vertical-align:middle !important;
    }

    #compare-enterprise {
    	    padding: 20px 4vw;
    }

    #compare-standard {
    	    padding: 20px 4vw;
    }

    .feature-comparison table td {
    	padding:10px;
    }

    .feature-comparison table td.heading {
    padding-top: 15px;
 	font-size: 1.2rem;
	}

	.feature-comparison table td {
	font-size:1rem;
	}
	.fa-2x {
    font-size: 1.5em;
	}

	.logo-row {
    height: 50px;
	}

	.feature-comparison table {
		width:100%;

	}

	.feature-comparison table .tres {
		width:25%;

	}

	.feature-comparison table .dos {
		width:30%;
	}

	.feature-comparison table .uno {
		width:35%;
	}

	#compare-button-wrapper	{
		width:90%;
	}

	.features-list {
  
    line-height: 1.1;
}

.feature-comparison .pagelink {
	padding:1vw;
}


}