@charset "UTF-8";
/* ORDER IS IMPORTANT HERE - THIS ALLOW STYLES TO BE OVERWRITTEN IN SOME CASES */
/*! Font Awesome 4.7.0 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("../bower_components/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("../bower_components/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../bower_components/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../bower_components/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../bower_components/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../bower_components/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }

.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -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; }

.fa-fw { width: 1.28571em; text-align: center; }

.fa-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none; }

.fa-ul > li { position: relative; }

.fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center; }

.fa-li.fa-lg { left: -1.85714em; }

.fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; }

.fa-pull-left { float: left; }

.fa-pull-right { float: right; }

.fa.fa-pull-left { margin-right: .3em; }

.fa.fa-pull-right { margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right { float: right; }

.pull-left { float: left; }

.fa.pull-left { margin-right: .3em; }

.fa.pull-right { margin-left: .3em; }

.fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }

.fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }

.fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); }

.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); }

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { -webkit-filter: none; filter: none; }

.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; }

.fa-stack-1x { line-height: inherit; }

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

.fa-inverse { color: #fff; }

/* 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-remove:before, .fa-close:before, .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-photo:before, .fa-image:before, .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, .fa-bar-chart: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-f:before, .fa-facebook:before { content: ""; }

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

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

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

.fa-feed:before, .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-navicon:before, .fa-reorder:before, .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-desc:before { content: ""; }

.fa-sort-up:before, .fa-sort-asc: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-mail-reply-all:before, .fa-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, .fa-gratipay: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: ""; }

.fa-space-shuttle:before { content: ""; }

.fa-slack:before { content: ""; }

.fa-envelope-square:before { content: ""; }

.fa-wordpress:before { content: ""; }

.fa-openid:before { content: ""; }

.fa-institution:before, .fa-bank:before, .fa-university:before { content: ""; }

.fa-mortar-board:before, .fa-graduation-cap:before { content: ""; }

.fa-yahoo:before { content: ""; }

.fa-google:before { content: ""; }

.fa-reddit:before { content: ""; }

.fa-reddit-square:before { content: ""; }

.fa-stumbleupon-circle:before { content: ""; }

.fa-stumbleupon:before { content: ""; }

.fa-delicious:before { content: ""; }

.fa-digg:before { content: ""; }

.fa-pied-piper-pp:before { content: ""; }

.fa-pied-piper-alt:before { content: ""; }

.fa-drupal:before { content: ""; }

.fa-joomla:before { content: ""; }

.fa-language:before { content: ""; }

.fa-fax:before { content: ""; }

.fa-building:before { content: ""; }

.fa-child:before { content: ""; }

.fa-paw:before { content: ""; }

.fa-spoon:before { content: ""; }

.fa-cube:before { content: ""; }

.fa-cubes:before { content: ""; }

.fa-behance:before { content: ""; }

.fa-behance-square:before { content: ""; }

.fa-steam:before { content: ""; }

.fa-steam-square:before { content: ""; }

.fa-recycle:before { content: ""; }

.fa-automobile:before, .fa-car:before { content: ""; }

.fa-cab:before, .fa-taxi:before { content: ""; }

.fa-tree:before { content: ""; }

.fa-spotify:before { content: ""; }

.fa-deviantart:before { content: ""; }

.fa-soundcloud:before { content: ""; }

.fa-database:before { content: ""; }

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

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

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

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

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: ""; }

.fa-file-zip-o:before, .fa-file-archive-o:before { content: ""; }

.fa-file-sound-o:before, .fa-file-audio-o:before { content: ""; }

.fa-file-movie-o:before, .fa-file-video-o:before { content: ""; }

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

.fa-vine:before { content: ""; }

.fa-codepen:before { content: ""; }

.fa-jsfiddle:before { content: ""; }

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: ""; }

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

.fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: ""; }

.fa-ge:before, .fa-empire:before { content: ""; }

.fa-git-square:before { content: ""; }

.fa-git:before { content: ""; }

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: ""; }

.fa-tencent-weibo:before { content: ""; }

.fa-qq:before { content: ""; }

.fa-wechat:before, .fa-weixin:before { content: ""; }

.fa-send:before, .fa-paper-plane:before { content: ""; }

.fa-send-o:before, .fa-paper-plane-o:before { content: ""; }

.fa-history:before { content: ""; }

.fa-circle-thin:before { content: ""; }

.fa-header:before { content: ""; }

.fa-paragraph:before { content: ""; }

.fa-sliders:before { content: ""; }

.fa-share-alt:before { content: ""; }

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

.fa-bomb:before { content: ""; }

.fa-soccer-ball-o:before, .fa-futbol-o:before { content: ""; }

.fa-tty:before { content: ""; }

.fa-binoculars:before { content: ""; }

.fa-plug:before { content: ""; }

.fa-slideshare:before { content: ""; }

.fa-twitch:before { content: ""; }

.fa-yelp:before { content: ""; }

.fa-newspaper-o:before { content: ""; }

.fa-wifi:before { content: ""; }

.fa-calculator:before { content: ""; }

.fa-paypal:before { content: ""; }

.fa-google-wallet:before { content: ""; }

.fa-cc-visa:before { content: ""; }

.fa-cc-mastercard:before { content: ""; }

.fa-cc-discover:before { content: ""; }

.fa-cc-amex:before { content: ""; }

.fa-cc-paypal:before { content: ""; }

.fa-cc-stripe:before { content: ""; }

.fa-bell-slash:before { content: ""; }

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

.fa-trash:before { content: ""; }

.fa-copyright:before { content: ""; }

.fa-at:before { content: ""; }

.fa-eyedropper:before { content: ""; }

.fa-paint-brush:before { content: ""; }

.fa-birthday-cake:before { content: ""; }

.fa-area-chart:before { content: ""; }

.fa-pie-chart:before { content: ""; }

.fa-line-chart:before { content: ""; }

.fa-lastfm:before { content: ""; }

.fa-lastfm-square:before { content: ""; }

.fa-toggle-off:before { content: ""; }

.fa-toggle-on:before { content: ""; }

.fa-bicycle:before { content: ""; }

.fa-bus:before { content: ""; }

.fa-ioxhost:before { content: ""; }

.fa-angellist:before { content: ""; }

.fa-cc:before { content: ""; }

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: ""; }

.fa-meanpath:before { content: ""; }

.fa-buysellads:before { content: ""; }

.fa-connectdevelop:before { content: ""; }

.fa-dashcube:before { content: ""; }

.fa-forumbee:before { content: ""; }

.fa-leanpub:before { content: ""; }

.fa-sellsy:before { content: ""; }

.fa-shirtsinbulk:before { content: ""; }

.fa-simplybuilt:before { content: ""; }

.fa-skyatlas:before { content: ""; }

.fa-cart-plus:before { content: ""; }

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

.fa-diamond:before { content: ""; }

.fa-ship:before { content: ""; }

.fa-user-secret:before { content: ""; }

.fa-motorcycle:before { content: ""; }

.fa-street-view:before { content: ""; }

.fa-heartbeat:before { content: ""; }

.fa-venus:before { content: ""; }

.fa-mars:before { content: ""; }

.fa-mercury:before { content: ""; }

.fa-intersex:before, .fa-transgender:before { content: ""; }

.fa-transgender-alt:before { content: ""; }

.fa-venus-double:before { content: ""; }

.fa-mars-double:before { content: ""; }

.fa-venus-mars:before { content: ""; }

.fa-mars-stroke:before { content: ""; }

.fa-mars-stroke-v:before { content: ""; }

.fa-mars-stroke-h:before { content: ""; }

.fa-neuter:before { content: ""; }

.fa-genderless:before { content: ""; }

.fa-facebook-official:before { content: ""; }

.fa-pinterest-p:before { content: ""; }

.fa-whatsapp:before { content: ""; }

.fa-server:before { content: ""; }

.fa-user-plus:before { content: ""; }

.fa-user-times:before { content: ""; }

.fa-hotel:before, .fa-bed:before { content: ""; }

.fa-viacoin:before { content: ""; }

.fa-train:before { content: ""; }

.fa-subway:before { content: ""; }

.fa-medium:before { content: ""; }

.fa-yc:before, .fa-y-combinator:before { content: ""; }

.fa-optin-monster:before { content: ""; }

.fa-opencart:before { content: ""; }

.fa-expeditedssl:before { content: ""; }

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: ""; }

.fa-battery-3:before, .fa-battery-three-quarters:before { content: ""; }

.fa-battery-2:before, .fa-battery-half:before { content: ""; }

.fa-battery-1:before, .fa-battery-quarter:before { content: ""; }

.fa-battery-0:before, .fa-battery-empty:before { content: ""; }

.fa-mouse-pointer:before { content: ""; }

.fa-i-cursor:before { content: ""; }

.fa-object-group:before { content: ""; }

.fa-object-ungroup:before { content: ""; }

.fa-sticky-note:before { content: ""; }

.fa-sticky-note-o:before { content: ""; }

.fa-cc-jcb:before { content: ""; }

.fa-cc-diners-club:before { content: ""; }

.fa-clone:before { content: ""; }

.fa-balance-scale:before { content: ""; }

.fa-hourglass-o:before { content: ""; }

.fa-hourglass-1:before, .fa-hourglass-start:before { content: ""; }

.fa-hourglass-2:before, .fa-hourglass-half:before { content: ""; }

.fa-hourglass-3:before, .fa-hourglass-end:before { content: ""; }

.fa-hourglass:before { content: ""; }

.fa-hand-grab-o:before, .fa-hand-rock-o:before { content: ""; }

.fa-hand-stop-o:before, .fa-hand-paper-o:before { content: ""; }

.fa-hand-scissors-o:before { content: ""; }

.fa-hand-lizard-o:before { content: ""; }

.fa-hand-spock-o:before { content: ""; }

.fa-hand-pointer-o:before { content: ""; }

.fa-hand-peace-o:before { content: ""; }

.fa-trademark:before { content: ""; }

.fa-registered:before { content: ""; }

.fa-creative-commons:before { content: ""; }

.fa-gg:before { content: ""; }

.fa-gg-circle:before { content: ""; }

.fa-tripadvisor:before { content: ""; }

.fa-odnoklassniki:before { content: ""; }

.fa-odnoklassniki-square:before { content: ""; }

.fa-get-pocket:before { content: ""; }

.fa-wikipedia-w:before { content: ""; }

.fa-safari:before { content: ""; }

.fa-chrome:before { content: ""; }

.fa-firefox:before { content: ""; }

.fa-opera:before { content: ""; }

.fa-internet-explorer:before { content: ""; }

.fa-tv:before, .fa-television:before { content: ""; }

.fa-contao:before { content: ""; }

.fa-500px:before { content: ""; }

.fa-amazon:before { content: ""; }

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

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

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

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

.fa-industry:before { content: ""; }

.fa-map-pin:before { content: ""; }

.fa-map-signs:before { content: ""; }

.fa-map-o:before { content: ""; }

.fa-map:before { content: ""; }

.fa-commenting:before { content: ""; }

.fa-commenting-o:before { content: ""; }

.fa-houzz:before { content: ""; }

.fa-vimeo:before { content: ""; }

.fa-black-tie:before { content: ""; }

.fa-fonticons:before { content: ""; }

.fa-reddit-alien:before { content: ""; }

.fa-edge:before { content: ""; }

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

.fa-codiepie:before { content: ""; }

.fa-modx:before { content: ""; }

.fa-fort-awesome:before { content: ""; }

.fa-usb:before { content: ""; }

.fa-product-hunt:before { content: ""; }

.fa-mixcloud:before { content: ""; }

.fa-scribd:before { content: ""; }

.fa-pause-circle:before { content: ""; }

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

.fa-stop-circle:before { content: ""; }

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

.fa-shopping-bag:before { content: ""; }

.fa-shopping-basket:before { content: ""; }

.fa-hashtag:before { content: ""; }

.fa-bluetooth:before { content: ""; }

.fa-bluetooth-b:before { content: ""; }

.fa-percent:before { content: ""; }

.fa-gitlab:before { content: ""; }

.fa-wpbeginner:before { content: ""; }

.fa-wpforms:before { content: ""; }

.fa-envira:before { content: ""; }

.fa-universal-access:before { content: ""; }

.fa-wheelchair-alt:before { content: ""; }

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

.fa-blind:before { content: ""; }

.fa-audio-description:before { content: ""; }

.fa-volume-control-phone:before { content: ""; }

.fa-braille:before { content: ""; }

.fa-assistive-listening-systems:before { content: ""; }

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: ""; }

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: ""; }

.fa-glide:before { content: ""; }

.fa-glide-g:before { content: ""; }

.fa-signing:before, .fa-sign-language:before { content: ""; }

.fa-low-vision:before { content: ""; }

.fa-viadeo:before { content: ""; }

.fa-viadeo-square:before { content: ""; }

.fa-snapchat:before { content: ""; }

.fa-snapchat-ghost:before { content: ""; }

.fa-snapchat-square:before { content: ""; }

.fa-pied-piper:before { content: ""; }

.fa-first-order:before { content: ""; }

.fa-yoast:before { content: ""; }

.fa-themeisle:before { content: ""; }

.fa-google-plus-circle:before, .fa-google-plus-official:before { content: ""; }

.fa-fa:before, .fa-font-awesome:before { content: ""; }

.fa-handshake-o:before { content: ""; }

.fa-envelope-open:before { content: ""; }

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

.fa-linode:before { content: ""; }

.fa-address-book:before { content: ""; }

.fa-address-book-o:before { content: ""; }

.fa-vcard:before, .fa-address-card:before { content: ""; }

.fa-vcard-o:before, .fa-address-card-o:before { content: ""; }

.fa-user-circle:before { content: ""; }

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

.fa-user-o:before { content: ""; }

.fa-id-badge:before { content: ""; }

.fa-drivers-license:before, .fa-id-card:before { content: ""; }

.fa-drivers-license-o:before, .fa-id-card-o:before { content: ""; }

.fa-quora:before { content: ""; }

.fa-free-code-camp:before { content: ""; }

.fa-telegram:before { content: ""; }

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: ""; }

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: ""; }

.fa-thermometer-2:before, .fa-thermometer-half:before { content: ""; }

.fa-thermometer-1:before, .fa-thermometer-quarter:before { content: ""; }

.fa-thermometer-0:before, .fa-thermometer-empty:before { content: ""; }

.fa-shower:before { content: ""; }

.fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: ""; }

.fa-podcast:before { content: ""; }

.fa-window-maximize:before { content: ""; }

.fa-window-minimize:before { content: ""; }

.fa-window-restore:before { content: ""; }

.fa-times-rectangle:before, .fa-window-close:before { content: ""; }

.fa-times-rectangle-o:before, .fa-window-close-o:before { content: ""; }

.fa-bandcamp:before { content: ""; }

.fa-grav:before { content: ""; }

.fa-etsy:before { content: ""; }

.fa-imdb:before { content: ""; }

.fa-ravelry:before { content: ""; }

.fa-eercast:before { content: ""; }

.fa-microchip:before { content: ""; }

.fa-snowflake-o:before { content: ""; }

.fa-superpowers:before { content: ""; }

.fa-wpexplorer:before { content: ""; }

.fa-meetup:before { content: ""; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }

@font-face { font-family: colfax-bold; src: url("/wp-content/themes/citizens-band/fonts/ColfaxWebBold.eot"); /* IE9 Compat Modes */ src: url("/wp-content/themes/citizens-band/fonts/ColfaxWebBold.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/citizens-band/fonts/ColfaxWebBold.woff") format("woff"); }

@font-face { font-family: colfax-medium; src: url("/wp-content/themes/citizens-band/fonts/ColfaxWebMedium.eot"); /* IE9 Compat Modes */ src: url("/wp-content/themes/citizens-band/fonts/ColfaxWebMedium.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/citizens-band/fonts/ColfaxWebMedium.woff") format("woff"); }

@font-face { font-family: colfax-light; src: url("/wp-content/themes/citizens-band/fonts/ColfaxWebLight.eot"); /* IE9 Compat Modes */ src: url("/wp-content/themes/citizens-band/fonts/ColfaxWebLight.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/citizens-band/fonts/ColfaxWebLight.woff") format("woff"); }

@font-face { font-family: colfax-regular; src: url("/wp-content/themes/citizens-band/fonts/ColfaxWebRegular.eot"); /* IE9 Compat Modes */ src: url("/wp-content/themes/citizens-band/fonts/ColfaxWebRegular.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/citizens-band/fonts/ColfaxWebRegular.woff") format("woff"); }

@font-face { font-family: colfax-thin; src: url("/wp-content/themes/citizens-band/fonts/ColfaxWebThin.eot"); /* IE9 Compat Modes */ src: url("/wp-content/themes/citizens-band/fonts/ColfaxWebThin.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/citizens-band/fonts/ColfaxWebThin.woff") format("woff"); }

/** Foundation for Sites by ZURB Version 6.4.3 foundation.zurb.com Licensed under MIT Open Source */
@media print, screen and (min-width: 40em) { .reveal, .reveal.tiny, .reveal.small, .reveal.large { right: auto; left: auto; margin: 0 auto; } }

/* Themes */
/* Light Theme */
/* Dark Theme */
/*
$gz-base: #454545;
$gz-opposing-base: #f9f9f9;
$gz-green: #25c151;
$gz-blue: #4d7ea0;
$gz-drk-gray: #343434;
$gz-space-gray: #454545;
$gz-med-gray: #CCCCCC;
$gz-lt-gray: #f4f4f4;
*/
/* color variable definitions to align with foundation _color mixin  */
/* Media Queries */
a.gz-green { color: #25c151; }

/* Needs to go right after foundation, before main and other dependant imports */
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document ========================================================================== */
/** 1. Change the default font family in all browsers (opinionated). 2. Correct the line height in all browsers. 3. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. */
html { font-family: Helvetica; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers (opinionated). */
body { margin: 0; }

/** Add the correct display in IE 9-. */
article, aside, footer, header, nav, section { display: block; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** Add the correct display in IE 9-. */
figcaption, figure { display: block; }

/** Add the correct margin in IE 8. */
figure { margin: 1em 40px; }

/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** Add the correct display in IE. */
main { display: block; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Links ========================================================================== */
/** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */
a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }

/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
a:active, a:hover { outline-width: 0; }

/* Text-level semantics ========================================================================== */
/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ }

/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong { font-weight: inherit; }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font style in Android 4.3-. */
dfn { font-style: italic; }

/** Add the correct background and color in IE 9-. */
mark { background-color: #ff0; color: #000; }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Add the correct display in IE 9-. */
audio, video { display: inline-block; }

/** Add the correct display in iOS 4-7. */
audio:not([controls]) { display: none; height: 0; }

/** Remove the border on images inside links in IE 10-. */
img { border-style: none; }

/** Hide the overflow in IE. */
svg:not(:root) { overflow: hidden; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: Helvetica; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. */
button { overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }

button, [type="button"], [type="reset"], [type="submit"] { /** Remove the inner border and padding in Firefox. */ /** Restore the focus styles unset by the previous rule. */ }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Show the overflow in Edge. */
input { overflow: visible; }

/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ /** Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/** Change the border, margin, and padding in all browsers (opinionated). */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ color: inherit; /* 2 */ white-space: normal; /* 1 */ }

/** 1. Add the correct display in IE 9-. 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Remove the default vertical scrollbar in IE. */
textarea { overflow: auto; }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Add the correct display in IE 9-. */
menu { display: block; }

/* Scripting ========================================================================== */
/** Add the correct display in IE 9-. */
canvas { display: inline-block; }

/** Add the correct display in IE. */
template { display: none; }

/* Hidden ========================================================================== */
/** Add the correct display in IE 10-. */
[hidden] { display: none; }

.foundation-mq { font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }

html { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 100%; }

*, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; }

body { margin: 0; padding: 0; background: #FFFFFF; font-family: "colfax-regular", "Helvetica Neue", Helvetica, Roboto, Arial, verdana; font-weight: normal; line-height: 1.5; color: #343434; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; }

textarea { height: auto; min-height: 50px; border-radius: 4px; }

select { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border-radius: 4px; }

.map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; }

button { padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 4px; background: transparent; line-height: 1; cursor: auto; }

[data-whatinput='mouse'] button { outline: 0; }

pre { overflow: auto; }

button, input, optgroup, select, textarea { font-family: inherit; }

.is-visible { display: block !important; }

.is-hidden { display: none !important; }

.row { max-width: 75rem; margin-right: auto; margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }

.row .row { margin-right: -0.625rem; margin-left: -0.625rem; }

@media print, screen and (min-width: 40em) { .row .row { margin-right: -0.9375rem; margin-left: -0.9375rem; } }

@media print, screen and (min-width: 64em) { .row .row { margin-right: -0.9375rem; margin-left: -0.9375rem; } }

@media screen and (min-width: 75em) { .row .row { margin-right: -0.9375rem; margin-left: -0.9375rem; } }

@media screen and (min-width: 90em) { .row .row { margin-right: -0.9375rem; margin-left: -0.9375rem; } }

.row .row.collapse { margin-right: 0; margin-left: 0; }

.row.expanded { max-width: none; }

.row.expanded .row { margin-right: auto; margin-left: auto; }

.row:not(.expanded) .row { max-width: none; }

.row.collapse > .column, .row.collapse > .columns { padding-right: 0; padding-left: 0; }

.row.is-collapse-child, .row.collapse > .column > .row, .row.collapse > .columns > .row { margin-right: 0; margin-left: 0; }

.column, .columns { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: 0.625rem; padding-left: 0.625rem; min-width: 0; }

@media print, screen and (min-width: 40em) { .column, .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } }

.column.row.row, .row.row.columns { float: none; display: block; }

.row .column.row.row, .row .row.row.columns { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; }

.small-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; }

.small-offset-0 { margin-left: 0%; }

.small-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }

.small-offset-1 { margin-left: 8.33333%; }

.small-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }

.small-offset-2 { margin-left: 16.66667%; }

.small-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }

.small-offset-3 { margin-left: 25%; }

.small-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }

.small-offset-4 { margin-left: 33.33333%; }

.small-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

.small-offset-5 { margin-left: 41.66667%; }

.small-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }

.small-offset-6 { margin-left: 50%; }

.small-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }

.small-offset-7 { margin-left: 58.33333%; }

.small-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }

.small-offset-8 { margin-left: 66.66667%; }

.small-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }

.small-offset-9 { margin-left: 75%; }

.small-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }

.small-offset-10 { margin-left: 83.33333%; }

.small-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

.small-offset-11 { margin-left: 91.66667%; }

.small-up-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.small-up-1 > .column, .small-up-1 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

.small-up-2 { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.small-up-2 > .column, .small-up-2 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

.small-up-3 { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.small-up-3 > .column, .small-up-3 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }

.small-up-4 { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.small-up-4 > .column, .small-up-4 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }

.small-up-5 { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.small-up-5 > .column, .small-up-5 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }

.small-up-6 { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.small-up-6 > .column, .small-up-6 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }

.small-up-7 { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.small-up-7 > .column, .small-up-7 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571%; }

.small-up-8 { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.small-up-8 > .column, .small-up-8 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; }

.small-collapse > .column, .small-collapse > .columns { padding-right: 0; padding-left: 0; }

.small-uncollapse > .column, .small-uncollapse > .columns { padding-right: 0.625rem; padding-left: 0.625rem; }

@media print, screen and (min-width: 40em) { .medium-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; }
  .medium-offset-0 { margin-left: 0%; }
  .medium-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }
  .medium-offset-1 { margin-left: 8.33333%; }
  .medium-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .medium-offset-2 { margin-left: 16.66667%; }
  .medium-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
  .medium-offset-3 { margin-left: 25%; }
  .medium-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }
  .medium-offset-4 { margin-left: 33.33333%; }
  .medium-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .medium-offset-5 { margin-left: 41.66667%; }
  .medium-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
  .medium-offset-6 { margin-left: 50%; }
  .medium-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
  .medium-offset-7 { margin-left: 58.33333%; }
  .medium-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .medium-offset-8 { margin-left: 66.66667%; }
  .medium-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
  .medium-offset-9 { margin-left: 75%; }
  .medium-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
  .medium-offset-10 { margin-left: 83.33333%; }
  .medium-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .medium-offset-11 { margin-left: 91.66667%; }
  .medium-up-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .medium-up-1 > .column, .medium-up-1 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .medium-up-2 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .medium-up-2 > .column, .medium-up-2 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .medium-up-3 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .medium-up-3 > .column, .medium-up-3 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
  .medium-up-4 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .medium-up-4 > .column, .medium-up-4 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .medium-up-5 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .medium-up-5 > .column, .medium-up-5 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
  .medium-up-6 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .medium-up-6 > .column, .medium-up-6 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }
  .medium-up-7 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .medium-up-7 > .column, .medium-up-7 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571%; }
  .medium-up-8 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .medium-up-8 > .column, .medium-up-8 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } }

@media print, screen and (min-width: 40em) and (min-width: 40em) { .medium-expand { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } }

.row.medium-unstack > .column, .row.medium-unstack > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }

@media print, screen and (min-width: 40em) { .row.medium-unstack > .column, .row.medium-unstack > .columns { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } }

@media print, screen and (min-width: 40em) { .medium-collapse > .column, .medium-collapse > .columns { padding-right: 0; padding-left: 0; }
  .medium-uncollapse > .column, .medium-uncollapse > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } }

@media print, screen and (min-width: 64em) { .large-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; }
  .large-offset-0 { margin-left: 0%; }
  .large-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }
  .large-offset-1 { margin-left: 8.33333%; }
  .large-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .large-offset-2 { margin-left: 16.66667%; }
  .large-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
  .large-offset-3 { margin-left: 25%; }
  .large-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }
  .large-offset-4 { margin-left: 33.33333%; }
  .large-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .large-offset-5 { margin-left: 41.66667%; }
  .large-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
  .large-offset-6 { margin-left: 50%; }
  .large-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
  .large-offset-7 { margin-left: 58.33333%; }
  .large-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .large-offset-8 { margin-left: 66.66667%; }
  .large-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
  .large-offset-9 { margin-left: 75%; }
  .large-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
  .large-offset-10 { margin-left: 83.33333%; }
  .large-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .large-offset-11 { margin-left: 91.66667%; }
  .large-up-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .large-up-1 > .column, .large-up-1 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .large-up-2 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .large-up-2 > .column, .large-up-2 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .large-up-3 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .large-up-3 > .column, .large-up-3 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
  .large-up-4 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .large-up-4 > .column, .large-up-4 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .large-up-5 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .large-up-5 > .column, .large-up-5 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
  .large-up-6 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .large-up-6 > .column, .large-up-6 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }
  .large-up-7 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .large-up-7 > .column, .large-up-7 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571%; }
  .large-up-8 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .large-up-8 > .column, .large-up-8 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } }

@media print, screen and (min-width: 64em) and (min-width: 64em) { .large-expand { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } }

.row.large-unstack > .column, .row.large-unstack > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }

@media print, screen and (min-width: 64em) { .row.large-unstack > .column, .row.large-unstack > .columns { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } }

@media print, screen and (min-width: 64em) { .large-collapse > .column, .large-collapse > .columns { padding-right: 0; padding-left: 0; }
  .large-uncollapse > .column, .large-uncollapse > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } }

@media screen and (min-width: 75em) { .xlarge-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; }
  .xlarge-offset-0 { margin-left: 0%; }
  .xlarge-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }
  .xlarge-offset-1 { margin-left: 8.33333%; }
  .xlarge-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .xlarge-offset-2 { margin-left: 16.66667%; }
  .xlarge-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
  .xlarge-offset-3 { margin-left: 25%; }
  .xlarge-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }
  .xlarge-offset-4 { margin-left: 33.33333%; }
  .xlarge-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .xlarge-offset-5 { margin-left: 41.66667%; }
  .xlarge-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
  .xlarge-offset-6 { margin-left: 50%; }
  .xlarge-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
  .xlarge-offset-7 { margin-left: 58.33333%; }
  .xlarge-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .xlarge-offset-8 { margin-left: 66.66667%; }
  .xlarge-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
  .xlarge-offset-9 { margin-left: 75%; }
  .xlarge-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
  .xlarge-offset-10 { margin-left: 83.33333%; }
  .xlarge-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .xlarge-offset-11 { margin-left: 91.66667%; }
  .xlarge-up-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .xlarge-up-1 > .column, .xlarge-up-1 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .xlarge-up-2 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .xlarge-up-2 > .column, .xlarge-up-2 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .xlarge-up-3 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .xlarge-up-3 > .column, .xlarge-up-3 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
  .xlarge-up-4 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .xlarge-up-4 > .column, .xlarge-up-4 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .xlarge-up-5 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .xlarge-up-5 > .column, .xlarge-up-5 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
  .xlarge-up-6 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .xlarge-up-6 > .column, .xlarge-up-6 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }
  .xlarge-up-7 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .xlarge-up-7 > .column, .xlarge-up-7 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571%; }
  .xlarge-up-8 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .xlarge-up-8 > .column, .xlarge-up-8 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } }

@media screen and (min-width: 75em) and (min-width: 75em) { .xlarge-expand { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } }

.row.xlarge-unstack > .column, .row.xlarge-unstack > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }

@media screen and (min-width: 75em) { .row.xlarge-unstack > .column, .row.xlarge-unstack > .columns { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } }

@media screen and (min-width: 75em) { .xlarge-collapse > .column, .xlarge-collapse > .columns { padding-right: 0; padding-left: 0; }
  .xlarge-uncollapse > .column, .xlarge-uncollapse > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } }

@media screen and (min-width: 90em) { .xxlarge-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; }
  .xxlarge-offset-0 { margin-left: 0%; }
  .xxlarge-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }
  .xxlarge-offset-1 { margin-left: 8.33333%; }
  .xxlarge-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .xxlarge-offset-2 { margin-left: 16.66667%; }
  .xxlarge-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
  .xxlarge-offset-3 { margin-left: 25%; }
  .xxlarge-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }
  .xxlarge-offset-4 { margin-left: 33.33333%; }
  .xxlarge-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .xxlarge-offset-5 { margin-left: 41.66667%; }
  .xxlarge-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
  .xxlarge-offset-6 { margin-left: 50%; }
  .xxlarge-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
  .xxlarge-offset-7 { margin-left: 58.33333%; }
  .xxlarge-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .xxlarge-offset-8 { margin-left: 66.66667%; }
  .xxlarge-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
  .xxlarge-offset-9 { margin-left: 75%; }
  .xxlarge-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
  .xxlarge-offset-10 { margin-left: 83.33333%; }
  .xxlarge-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .xxlarge-offset-11 { margin-left: 91.66667%; }
  .xxlarge-up-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .xxlarge-up-1 > .column, .xxlarge-up-1 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .xxlarge-up-2 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .xxlarge-up-2 > .column, .xxlarge-up-2 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .xxlarge-up-3 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .xxlarge-up-3 > .column, .xxlarge-up-3 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
  .xxlarge-up-4 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .xxlarge-up-4 > .column, .xxlarge-up-4 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .xxlarge-up-5 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .xxlarge-up-5 > .column, .xxlarge-up-5 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
  .xxlarge-up-6 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .xxlarge-up-6 > .column, .xxlarge-up-6 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }
  .xxlarge-up-7 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .xxlarge-up-7 > .column, .xxlarge-up-7 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571%; }
  .xxlarge-up-8 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .xxlarge-up-8 > .column, .xxlarge-up-8 > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } }

@media screen and (min-width: 90em) and (min-width: 90em) { .xxlarge-expand { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } }

.row.xxlarge-unstack > .column, .row.xxlarge-unstack > .columns { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }

@media screen and (min-width: 90em) { .row.xxlarge-unstack > .column, .row.xxlarge-unstack > .columns { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } }

@media screen and (min-width: 90em) { .xxlarge-collapse > .column, .xxlarge-collapse > .columns { padding-right: 0; padding-left: 0; }
  .xxlarge-uncollapse > .column, .xxlarge-uncollapse > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } }

.shrink { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; }

.column-block { margin-bottom: 1.25rem; }

.column-block > :last-child { margin-bottom: 0; }

@media print, screen and (min-width: 40em) { .column-block { margin-bottom: 1.875rem; }
  .column-block > :last-child { margin-bottom: 0; } }

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; }

p { margin-bottom: 1rem; font-size: inherit; line-height: 1.6; text-rendering: optimizeLegibility; }

em, i { font-style: italic; line-height: inherit; }

strong, b { font-weight: bold; line-height: inherit; }

small { font-size: 80%; line-height: inherit; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: "colfax-regular", "Helvetica Neue", Helvetica, Roboto, Arial, verdana; font-style: normal; font-weight: normal; color: inherit; text-rendering: optimizeLegibility; }

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small { line-height: 0; color: #cacaca; }

h1, .h1 { font-size: 1.75rem; line-height: 1.4; margin-top: 0; margin-bottom: 1.5rem; }

h2, .h2 { font-size: 1.5rem; line-height: 1.4; margin-top: 0; margin-bottom: 1.5rem; }

h3, .h3 { font-size: 1.25rem; line-height: 1.4; margin-top: 0; margin-bottom: 1.5rem; }

h4, .h4 { font-size: 1.125rem; line-height: 1.4; margin-top: 0; margin-bottom: 1.5rem; }

h5, .h5 { font-size: 1.0625rem; line-height: 1.4; margin-top: 0; margin-bottom: 1.5rem; }

h6, .h6 { font-size: 1rem; line-height: 1.4; margin-top: 0; margin-bottom: 1.5rem; }

@media print, screen and (min-width: 40em) { h1, .h1 { font-size: 3rem; line-height: 1.2; }
  h2, .h2 { font-size: 2.5rem; line-height: 1.3; }
  h3, .h3 { font-size: 1.9375rem; }
  h4, .h4 { font-size: 1.5625rem; }
  h5, .h5 { font-size: 1.25rem; }
  h6, .h6 { font-size: 1rem; } }

a { line-height: inherit; color: #25c151; text-decoration: none; cursor: pointer; }

a:hover, a:focus { color: #20a646; }

a img { border: 0; }

hr { clear: both; max-width: 75rem; height: 0; margin: 1.25rem auto; border-top: 0; border-right: 0; border-bottom: 1px solid #cacaca; border-left: 0; }

ul, ol, dl { margin-bottom: 1rem; list-style-position: outside; line-height: 1.6; }

li { font-size: inherit; }

ul { margin-left: 1.25rem; list-style-type: disc; }

ol { margin-left: 1.25rem; }

ul ul, ol ul, ul ol, ol ol { margin-left: 1.25rem; margin-bottom: 0; }

dl { margin-bottom: 1rem; }

dl dt { margin-bottom: 0.3rem; font-weight: bold; }

blockquote { margin: 0 0 1rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #cacaca; }

blockquote, blockquote p { line-height: 1.6; color: #343434; }

cite { display: block; font-size: 0.8125rem; color: #343434; }

cite:before { content: "— "; }

abbr, abbr[title] { border-bottom: 1px dotted #000000; cursor: help; text-decoration: none; }

figure { margin: 0; }

code { padding: 0.125rem 0.3125rem 0.0625rem; border: 1px solid #cacaca; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #000000; }

kbd { margin: 0; padding: 0.125rem 0.25rem 0; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; color: #000000; border-radius: 4px; }

.subheader { margin-top: 0.2rem; margin-bottom: 0.5rem; font-weight: normal; line-height: 1.4; color: #343434; }

.lead { font-size: 125%; line-height: 1.6; }

.stat { font-size: 2.5rem; line-height: 1; }

p + .stat { margin-top: -1rem; }

ul.no-bullet, ol.no-bullet { margin-left: 0; list-style: none; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.text-justify { text-align: justify; }

@media print, screen and (min-width: 40em) { .medium-text-left { text-align: left; }
  .medium-text-right { text-align: right; }
  .medium-text-center { text-align: center; }
  .medium-text-justify { text-align: justify; } }

@media print, screen and (min-width: 64em) { .large-text-left { text-align: left; }
  .large-text-right { text-align: right; }
  .large-text-center { text-align: center; }
  .large-text-justify { text-align: justify; } }

@media screen and (min-width: 75em) { .xlarge-text-left { text-align: left; }
  .xlarge-text-right { text-align: right; }
  .xlarge-text-center { text-align: center; }
  .xlarge-text-justify { text-align: justify; } }

@media screen and (min-width: 90em) { .xxlarge-text-left { text-align: left; }
  .xxlarge-text-right { text-align: right; }
  .xxlarge-text-center { text-align: center; }
  .xxlarge-text-justify { text-align: justify; } }

.show-for-print { display: none !important; }

@media print { * { background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; color: black !important; text-shadow: none !important; }
  .show-for-print { display: block !important; }
  .hide-for-print { display: none !important; }
  table.show-for-print { display: table !important; }
  thead.show-for-print { display: table-header-group !important; }
  tbody.show-for-print { display: table-row-group !important; }
  tr.show-for-print { display: table-row !important; }
  td.show-for-print { display: table-cell !important; }
  th.show-for-print { display: table-cell !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  .ir a:after, a[href^='javascript:']:after, a[href^='#']:after { content: ''; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  pre, blockquote { border: 1px solid #343434; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .print-break-inside { page-break-inside: auto; } }

.button { display: inline-block; vertical-align: middle; margin: 0 0 1rem 0; font-family: inherit; padding: 0.85em 1em; -webkit-appearance: none; border: 1px solid transparent; border-radius: 4px; -webkit-transition: background-color 0.05s ease-out, color 0.05s ease-out; transition: background-color 0.05s ease-out, color 0.05s ease-out; font-size: 0.9rem; line-height: 1; text-align: center; cursor: pointer; background-color: #25c151; color: #FFFFFF; }

[data-whatinput='mouse'] .button { outline: 0; }

.button:hover, .button:focus { background-color: #1fa445; color: #FFFFFF; }

.button.tiny { font-size: 0.6rem; }

.button.small { font-size: 0.75rem; }

.button.large { font-size: 1.25rem; }

.button.expanded { display: block; width: 100%; margin-right: 0; margin-left: 0; }

.button.primary { background-color: #25c151; color: #000000; }

.button.primary:hover, .button.primary:focus { background-color: #1e9a41; color: #000000; }

.button.secondary { background-color: #3b6b90; color: #FFFFFF; }

.button.secondary:hover, .button.secondary:focus { background-color: #2f5673; color: #FFFFFF; }

.button.success { background-color: #3adb76; color: #000000; }

.button.success:hover, .button.success:focus { background-color: #22bb5b; color: #000000; }

.button.warning { background-color: #ffae00; color: #000000; }

.button.warning:hover, .button.warning:focus { background-color: #cc8b00; color: #000000; }

.button.alert { background-color: #cc4b37; color: #000000; }

.button.alert:hover, .button.alert:focus { background-color: #a53b2a; color: #000000; }

.button.gz-base-color { background-color: #F9F9F9; color: #000000; }

.button.gz-base-color:hover, .button.gz-base-color:focus { background-color: #c7c7c7; color: #000000; }

.button.gz-opposing-base-color { background-color: #343434; color: #FFFFFF; }

.button.gz-opposing-base-color:hover, .button.gz-opposing-base-color:focus { background-color: #2a2a2a; color: #FFFFFF; }

.button.gz-green { background-color: #25c151; color: #000000; }

.button.gz-green:hover, .button.gz-green:focus { background-color: #1e9a41; color: #000000; }

.button.gz-orange { background-color: #e7931c; color: #000000; }

.button.gz-orange:hover, .button.gz-orange:focus { background-color: #bb7614; color: #000000; }

.button.gz-blue { background-color: #4d7ea0; color: #000000; }

.button.gz-blue:hover, .button.gz-blue:focus { background-color: #3e6580; color: #000000; }

.button.gz-drk-gray { background-color: #343434; color: #FFFFFF; }

.button.gz-drk-gray:hover, .button.gz-drk-gray:focus { background-color: #2a2a2a; color: #FFFFFF; }

.button.gz-space-gray { background-color: #454545; color: #FFFFFF; }

.button.gz-space-gray:hover, .button.gz-space-gray:focus { background-color: #373737; color: #FFFFFF; }

.button.gz-med-gray { background-color: #666666; color: #FFFFFF; }

.button.gz-med-gray:hover, .button.gz-med-gray:focus { background-color: #525252; color: #FFFFFF; }

.button.gz-lt-gray { background-color: #CCCCCC; color: #000000; }

.button.gz-lt-gray:hover, .button.gz-lt-gray:focus { background-color: #a3a3a3; color: #000000; }

.button.gz-xlt-gray { background-color: #EFEFEF; color: #000000; }

.button.gz-xlt-gray:hover, .button.gz-xlt-gray:focus { background-color: #bfbfbf; color: #000000; }

.button.gz-xxlt-gray { background-color: #f4f4f4; color: #000000; }

.button.gz-xxlt-gray:hover, .button.gz-xxlt-gray:focus { background-color: #c3c3c3; color: #000000; }

.button.gz-xxxlt-gray { background-color: #f9f9f9; color: #000000; }

.button.gz-xxxlt-gray:hover, .button.gz-xxxlt-gray:focus { background-color: #c7c7c7; color: #000000; }

.button.disabled, .button[disabled] { opacity: 0.25; cursor: not-allowed; }

.button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus { background-color: #25c151; color: #FFFFFF; }

.button.disabled.primary, .button[disabled].primary { opacity: 0.25; cursor: not-allowed; }

.button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus { background-color: #25c151; color: #000000; }

.button.disabled.secondary, .button[disabled].secondary { opacity: 0.25; cursor: not-allowed; }

.button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #3b6b90; color: #FFFFFF; }

.button.disabled.success, .button[disabled].success { opacity: 0.25; cursor: not-allowed; }

.button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #3adb76; color: #000000; }

.button.disabled.warning, .button[disabled].warning { opacity: 0.25; cursor: not-allowed; }

.button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus { background-color: #ffae00; color: #000000; }

.button.disabled.alert, .button[disabled].alert { opacity: 0.25; cursor: not-allowed; }

.button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #cc4b37; color: #000000; }

.button.disabled.gz-base-color, .button[disabled].gz-base-color { opacity: 0.25; cursor: not-allowed; }

.button.disabled.gz-base-color, .button.disabled.gz-base-color:hover, .button.disabled.gz-base-color:focus, .button[disabled].gz-base-color, .button[disabled].gz-base-color:hover, .button[disabled].gz-base-color:focus { background-color: #F9F9F9; color: #000000; }

.button.disabled.gz-opposing-base-color, .button[disabled].gz-opposing-base-color { opacity: 0.25; cursor: not-allowed; }

.button.disabled.gz-opposing-base-color, .button.disabled.gz-opposing-base-color:hover, .button.disabled.gz-opposing-base-color:focus, .button[disabled].gz-opposing-base-color, .button[disabled].gz-opposing-base-color:hover, .button[disabled].gz-opposing-base-color:focus { background-color: #343434; color: #FFFFFF; }

.button.disabled.gz-green, .button[disabled].gz-green { opacity: 0.25; cursor: not-allowed; }

.button.disabled.gz-green, .button.disabled.gz-green:hover, .button.disabled.gz-green:focus, .button[disabled].gz-green, .button[disabled].gz-green:hover, .button[disabled].gz-green:focus { background-color: #25c151; color: #000000; }

.button.disabled.gz-orange, .button[disabled].gz-orange { opacity: 0.25; cursor: not-allowed; }

.button.disabled.gz-orange, .button.disabled.gz-orange:hover, .button.disabled.gz-orange:focus, .button[disabled].gz-orange, .button[disabled].gz-orange:hover, .button[disabled].gz-orange:focus { background-color: #e7931c; color: #000000; }

.button.disabled.gz-blue, .button[disabled].gz-blue { opacity: 0.25; cursor: not-allowed; }

.button.disabled.gz-blue, .button.disabled.gz-blue:hover, .button.disabled.gz-blue:focus, .button[disabled].gz-blue, .button[disabled].gz-blue:hover, .button[disabled].gz-blue:focus { background-color: #4d7ea0; color: #000000; }

.button.disabled.gz-drk-gray, .button[disabled].gz-drk-gray { opacity: 0.25; cursor: not-allowed; }

.button.disabled.gz-drk-gray, .button.disabled.gz-drk-gray:hover, .button.disabled.gz-drk-gray:focus, .button[disabled].gz-drk-gray, .button[disabled].gz-drk-gray:hover, .button[disabled].gz-drk-gray:focus { background-color: #343434; color: #FFFFFF; }

.button.disabled.gz-space-gray, .button[disabled].gz-space-gray { opacity: 0.25; cursor: not-allowed; }

.button.disabled.gz-space-gray, .button.disabled.gz-space-gray:hover, .button.disabled.gz-space-gray:focus, .button[disabled].gz-space-gray, .button[disabled].gz-space-gray:hover, .button[disabled].gz-space-gray:focus { background-color: #454545; color: #FFFFFF; }

.button.disabled.gz-med-gray, .button[disabled].gz-med-gray { opacity: 0.25; cursor: not-allowed; }

.button.disabled.gz-med-gray, .button.disabled.gz-med-gray:hover, .button.disabled.gz-med-gray:focus, .button[disabled].gz-med-gray, .button[disabled].gz-med-gray:hover, .button[disabled].gz-med-gray:focus { background-color: #666666; color: #FFFFFF; }

.button.disabled.gz-lt-gray, .button[disabled].gz-lt-gray { opacity: 0.25; cursor: not-allowed; }

.button.disabled.gz-lt-gray, .button.disabled.gz-lt-gray:hover, .button.disabled.gz-lt-gray:focus, .button[disabled].gz-lt-gray, .button[disabled].gz-lt-gray:hover, .button[disabled].gz-lt-gray:focus { background-color: #CCCCCC; color: #000000; }

.button.disabled.gz-xlt-gray, .button[disabled].gz-xlt-gray { opacity: 0.25; cursor: not-allowed; }

.button.disabled.gz-xlt-gray, .button.disabled.gz-xlt-gray:hover, .button.disabled.gz-xlt-gray:focus, .button[disabled].gz-xlt-gray, .button[disabled].gz-xlt-gray:hover, .button[disabled].gz-xlt-gray:focus { background-color: #EFEFEF; color: #000000; }

.button.disabled.gz-xxlt-gray, .button[disabled].gz-xxlt-gray { opacity: 0.25; cursor: not-allowed; }

.button.disabled.gz-xxlt-gray, .button.disabled.gz-xxlt-gray:hover, .button.disabled.gz-xxlt-gray:focus, .button[disabled].gz-xxlt-gray, .button[disabled].gz-xxlt-gray:hover, .button[disabled].gz-xxlt-gray:focus { background-color: #f4f4f4; color: #000000; }

.button.disabled.gz-xxxlt-gray, .button[disabled].gz-xxxlt-gray { opacity: 0.25; cursor: not-allowed; }

.button.disabled.gz-xxxlt-gray, .button.disabled.gz-xxxlt-gray:hover, .button.disabled.gz-xxxlt-gray:focus, .button[disabled].gz-xxxlt-gray, .button[disabled].gz-xxxlt-gray:hover, .button[disabled].gz-xxxlt-gray:focus { background-color: #f9f9f9; color: #000000; }

.button.hollow { border: 1px solid #25c151; color: #25c151; }

.button.hollow, .button.hollow:hover, .button.hollow:focus { background-color: transparent; }

.button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus { background-color: transparent; }

.button.hollow:hover, .button.hollow:focus { border-color: #136129; color: #136129; }

.button.hollow:hover.disabled, .button.hollow:hover[disabled], .button.hollow:focus.disabled, .button.hollow:focus[disabled] { border: 1px solid #25c151; color: #25c151; }

.button.hollow.primary { border: 1px solid #25c151; color: #25c151; }

.button.hollow.primary:hover, .button.hollow.primary:focus { border-color: #136129; color: #136129; }

.button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled], .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled] { border: 1px solid #25c151; color: #25c151; }

.button.hollow.secondary { border: 1px solid #3b6b90; color: #3b6b90; }

.button.hollow.secondary:hover, .button.hollow.secondary:focus { border-color: #1e3648; color: #1e3648; }

.button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled], .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled] { border: 1px solid #3b6b90; color: #3b6b90; }

.button.hollow.success { border: 1px solid #3adb76; color: #3adb76; }

.button.hollow.success:hover, .button.hollow.success:focus { border-color: #157539; color: #157539; }

.button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled], .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled] { border: 1px solid #3adb76; color: #3adb76; }

.button.hollow.warning { border: 1px solid #ffae00; color: #ffae00; }

.button.hollow.warning:hover, .button.hollow.warning:focus { border-color: #805700; color: #805700; }

.button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled], .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled] { border: 1px solid #ffae00; color: #ffae00; }

.button.hollow.alert { border: 1px solid #cc4b37; color: #cc4b37; }

.button.hollow.alert:hover, .button.hollow.alert:focus { border-color: #67251a; color: #67251a; }

.button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled], .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled] { border: 1px solid #cc4b37; color: #cc4b37; }

.button.hollow.gz-base-color { border: 1px solid #F9F9F9; color: #F9F9F9; }

.button.hollow.gz-base-color:hover, .button.hollow.gz-base-color:focus { border-color: #7d7d7d; color: #7d7d7d; }

.button.hollow.gz-base-color:hover.disabled, .button.hollow.gz-base-color:hover[disabled], .button.hollow.gz-base-color:focus.disabled, .button.hollow.gz-base-color:focus[disabled] { border: 1px solid #F9F9F9; color: #F9F9F9; }

.button.hollow.gz-opposing-base-color { border: 1px solid #343434; color: #343434; }

.button.hollow.gz-opposing-base-color:hover, .button.hollow.gz-opposing-base-color:focus { border-color: #1a1a1a; color: #1a1a1a; }

.button.hollow.gz-opposing-base-color:hover.disabled, .button.hollow.gz-opposing-base-color:hover[disabled], .button.hollow.gz-opposing-base-color:focus.disabled, .button.hollow.gz-opposing-base-color:focus[disabled] { border: 1px solid #343434; color: #343434; }

.button.hollow.gz-green { border: 1px solid #25c151; color: #25c151; }

.button.hollow.gz-green:hover, .button.hollow.gz-green:focus { border-color: #136129; color: #136129; }

.button.hollow.gz-green:hover.disabled, .button.hollow.gz-green:hover[disabled], .button.hollow.gz-green:focus.disabled, .button.hollow.gz-green:focus[disabled] { border: 1px solid #25c151; color: #25c151; }

.button.hollow.gz-orange { border: 1px solid #e7931c; color: #e7931c; }

.button.hollow.gz-orange:hover, .button.hollow.gz-orange:focus { border-color: #754a0c; color: #754a0c; }

.button.hollow.gz-orange:hover.disabled, .button.hollow.gz-orange:hover[disabled], .button.hollow.gz-orange:focus.disabled, .button.hollow.gz-orange:focus[disabled] { border: 1px solid #e7931c; color: #e7931c; }

.button.hollow.gz-blue { border: 1px solid #4d7ea0; color: #4d7ea0; }

.button.hollow.gz-blue:hover, .button.hollow.gz-blue:focus { border-color: #273f50; color: #273f50; }

.button.hollow.gz-blue:hover.disabled, .button.hollow.gz-blue:hover[disabled], .button.hollow.gz-blue:focus.disabled, .button.hollow.gz-blue:focus[disabled] { border: 1px solid #4d7ea0; color: #4d7ea0; }

.button.hollow.gz-drk-gray { border: 1px solid #343434; color: #343434; }

.button.hollow.gz-drk-gray:hover, .button.hollow.gz-drk-gray:focus { border-color: #1a1a1a; color: #1a1a1a; }

.button.hollow.gz-drk-gray:hover.disabled, .button.hollow.gz-drk-gray:hover[disabled], .button.hollow.gz-drk-gray:focus.disabled, .button.hollow.gz-drk-gray:focus[disabled] { border: 1px solid #343434; color: #343434; }

.button.hollow.gz-space-gray { border: 1px solid #454545; color: #454545; }

.button.hollow.gz-space-gray:hover, .button.hollow.gz-space-gray:focus { border-color: #232323; color: #232323; }

.button.hollow.gz-space-gray:hover.disabled, .button.hollow.gz-space-gray:hover[disabled], .button.hollow.gz-space-gray:focus.disabled, .button.hollow.gz-space-gray:focus[disabled] { border: 1px solid #454545; color: #454545; }

.button.hollow.gz-med-gray { border: 1px solid #666666; color: #666666; }

.button.hollow.gz-med-gray:hover, .button.hollow.gz-med-gray:focus { border-color: #333333; color: #333333; }

.button.hollow.gz-med-gray:hover.disabled, .button.hollow.gz-med-gray:hover[disabled], .button.hollow.gz-med-gray:focus.disabled, .button.hollow.gz-med-gray:focus[disabled] { border: 1px solid #666666; color: #666666; }

.button.hollow.gz-lt-gray { border: 1px solid #CCCCCC; color: #CCCCCC; }

.button.hollow.gz-lt-gray:hover, .button.hollow.gz-lt-gray:focus { border-color: #666666; color: #666666; }

.button.hollow.gz-lt-gray:hover.disabled, .button.hollow.gz-lt-gray:hover[disabled], .button.hollow.gz-lt-gray:focus.disabled, .button.hollow.gz-lt-gray:focus[disabled] { border: 1px solid #CCCCCC; color: #CCCCCC; }

.button.hollow.gz-xlt-gray { border: 1px solid #EFEFEF; color: #EFEFEF; }

.button.hollow.gz-xlt-gray:hover, .button.hollow.gz-xlt-gray:focus { border-color: #787878; color: #787878; }

.button.hollow.gz-xlt-gray:hover.disabled, .button.hollow.gz-xlt-gray:hover[disabled], .button.hollow.gz-xlt-gray:focus.disabled, .button.hollow.gz-xlt-gray:focus[disabled] { border: 1px solid #EFEFEF; color: #EFEFEF; }

.button.hollow.gz-xxlt-gray { border: 1px solid #f4f4f4; color: #f4f4f4; }

.button.hollow.gz-xxlt-gray:hover, .button.hollow.gz-xxlt-gray:focus { border-color: #7a7a7a; color: #7a7a7a; }

.button.hollow.gz-xxlt-gray:hover.disabled, .button.hollow.gz-xxlt-gray:hover[disabled], .button.hollow.gz-xxlt-gray:focus.disabled, .button.hollow.gz-xxlt-gray:focus[disabled] { border: 1px solid #f4f4f4; color: #f4f4f4; }

.button.hollow.gz-xxxlt-gray { border: 1px solid #f9f9f9; color: #f9f9f9; }

.button.hollow.gz-xxxlt-gray:hover, .button.hollow.gz-xxxlt-gray:focus { border-color: #7d7d7d; color: #7d7d7d; }

.button.hollow.gz-xxxlt-gray:hover.disabled, .button.hollow.gz-xxxlt-gray:hover[disabled], .button.hollow.gz-xxxlt-gray:focus.disabled, .button.hollow.gz-xxxlt-gray:focus[disabled] { border: 1px solid #f9f9f9; color: #f9f9f9; }

.button.clear { border: 1px solid #25c151; color: #25c151; }

.button.clear, .button.clear:hover, .button.clear:focus { background-color: transparent; }

.button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus { background-color: transparent; }

.button.clear:hover, .button.clear:focus { border-color: #136129; color: #136129; }

.button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus.disabled, .button.clear:focus[disabled] { border: 1px solid #25c151; color: #25c151; }

.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear:hover, .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus, .button.clear:focus.disabled, .button.clear:focus[disabled] { border-color: transparent; }

.button.clear.primary { border: 1px solid #25c151; color: #25c151; }

.button.clear.primary:hover, .button.clear.primary:focus { border-color: #136129; color: #136129; }

.button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] { border: 1px solid #25c151; color: #25c151; }

.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary:hover, .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus, .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] { border-color: transparent; }

.button.clear.secondary { border: 1px solid #3b6b90; color: #3b6b90; }

.button.clear.secondary:hover, .button.clear.secondary:focus { border-color: #1e3648; color: #1e3648; }

.button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] { border: 1px solid #3b6b90; color: #3b6b90; }

.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] { border-color: transparent; }

.button.clear.success { border: 1px solid #3adb76; color: #3adb76; }

.button.clear.success:hover, .button.clear.success:focus { border-color: #157539; color: #157539; }

.button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] { border: 1px solid #3adb76; color: #3adb76; }

.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] { border-color: transparent; }

.button.clear.warning { border: 1px solid #ffae00; color: #ffae00; }

.button.clear.warning:hover, .button.clear.warning:focus { border-color: #805700; color: #805700; }

.button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] { border: 1px solid #ffae00; color: #ffae00; }

.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning:hover, .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus, .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] { border-color: transparent; }

.button.clear.alert { border: 1px solid #cc4b37; color: #cc4b37; }

.button.clear.alert:hover, .button.clear.alert:focus { border-color: #67251a; color: #67251a; }

.button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] { border: 1px solid #cc4b37; color: #cc4b37; }

.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert:hover, .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus, .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] { border-color: transparent; }

.button.clear.gz-base-color { border: 1px solid #F9F9F9; color: #F9F9F9; }

.button.clear.gz-base-color:hover, .button.clear.gz-base-color:focus { border-color: #7d7d7d; color: #7d7d7d; }

.button.clear.gz-base-color:hover.disabled, .button.clear.gz-base-color:hover[disabled], .button.clear.gz-base-color:focus.disabled, .button.clear.gz-base-color:focus[disabled] { border: 1px solid #F9F9F9; color: #F9F9F9; }

.button.clear.gz-base-color, .button.clear.gz-base-color.disabled, .button.clear.gz-base-color[disabled], .button.clear.gz-base-color:hover, .button.clear.gz-base-color:hover.disabled, .button.clear.gz-base-color:hover[disabled], .button.clear.gz-base-color:focus, .button.clear.gz-base-color:focus.disabled, .button.clear.gz-base-color:focus[disabled] { border-color: transparent; }

.button.clear.gz-opposing-base-color { border: 1px solid #343434; color: #343434; }

.button.clear.gz-opposing-base-color:hover, .button.clear.gz-opposing-base-color:focus { border-color: #1a1a1a; color: #1a1a1a; }

.button.clear.gz-opposing-base-color:hover.disabled, .button.clear.gz-opposing-base-color:hover[disabled], .button.clear.gz-opposing-base-color:focus.disabled, .button.clear.gz-opposing-base-color:focus[disabled] { border: 1px solid #343434; color: #343434; }

.button.clear.gz-opposing-base-color, .button.clear.gz-opposing-base-color.disabled, .button.clear.gz-opposing-base-color[disabled], .button.clear.gz-opposing-base-color:hover, .button.clear.gz-opposing-base-color:hover.disabled, .button.clear.gz-opposing-base-color:hover[disabled], .button.clear.gz-opposing-base-color:focus, .button.clear.gz-opposing-base-color:focus.disabled, .button.clear.gz-opposing-base-color:focus[disabled] { border-color: transparent; }

.button.clear.gz-green { border: 1px solid #25c151; color: #25c151; }

.button.clear.gz-green:hover, .button.clear.gz-green:focus { border-color: #136129; color: #136129; }

.button.clear.gz-green:hover.disabled, .button.clear.gz-green:hover[disabled], .button.clear.gz-green:focus.disabled, .button.clear.gz-green:focus[disabled] { border: 1px solid #25c151; color: #25c151; }

.button.clear.gz-green, .button.clear.gz-green.disabled, .button.clear.gz-green[disabled], .button.clear.gz-green:hover, .button.clear.gz-green:hover.disabled, .button.clear.gz-green:hover[disabled], .button.clear.gz-green:focus, .button.clear.gz-green:focus.disabled, .button.clear.gz-green:focus[disabled] { border-color: transparent; }

.button.clear.gz-orange { border: 1px solid #e7931c; color: #e7931c; }

.button.clear.gz-orange:hover, .button.clear.gz-orange:focus { border-color: #754a0c; color: #754a0c; }

.button.clear.gz-orange:hover.disabled, .button.clear.gz-orange:hover[disabled], .button.clear.gz-orange:focus.disabled, .button.clear.gz-orange:focus[disabled] { border: 1px solid #e7931c; color: #e7931c; }

.button.clear.gz-orange, .button.clear.gz-orange.disabled, .button.clear.gz-orange[disabled], .button.clear.gz-orange:hover, .button.clear.gz-orange:hover.disabled, .button.clear.gz-orange:hover[disabled], .button.clear.gz-orange:focus, .button.clear.gz-orange:focus.disabled, .button.clear.gz-orange:focus[disabled] { border-color: transparent; }

.button.clear.gz-blue { border: 1px solid #4d7ea0; color: #4d7ea0; }

.button.clear.gz-blue:hover, .button.clear.gz-blue:focus { border-color: #273f50; color: #273f50; }

.button.clear.gz-blue:hover.disabled, .button.clear.gz-blue:hover[disabled], .button.clear.gz-blue:focus.disabled, .button.clear.gz-blue:focus[disabled] { border: 1px solid #4d7ea0; color: #4d7ea0; }

.button.clear.gz-blue, .button.clear.gz-blue.disabled, .button.clear.gz-blue[disabled], .button.clear.gz-blue:hover, .button.clear.gz-blue:hover.disabled, .button.clear.gz-blue:hover[disabled], .button.clear.gz-blue:focus, .button.clear.gz-blue:focus.disabled, .button.clear.gz-blue:focus[disabled] { border-color: transparent; }

.button.clear.gz-drk-gray { border: 1px solid #343434; color: #343434; }

.button.clear.gz-drk-gray:hover, .button.clear.gz-drk-gray:focus { border-color: #1a1a1a; color: #1a1a1a; }

.button.clear.gz-drk-gray:hover.disabled, .button.clear.gz-drk-gray:hover[disabled], .button.clear.gz-drk-gray:focus.disabled, .button.clear.gz-drk-gray:focus[disabled] { border: 1px solid #343434; color: #343434; }

.button.clear.gz-drk-gray, .button.clear.gz-drk-gray.disabled, .button.clear.gz-drk-gray[disabled], .button.clear.gz-drk-gray:hover, .button.clear.gz-drk-gray:hover.disabled, .button.clear.gz-drk-gray:hover[disabled], .button.clear.gz-drk-gray:focus, .button.clear.gz-drk-gray:focus.disabled, .button.clear.gz-drk-gray:focus[disabled] { border-color: transparent; }

.button.clear.gz-space-gray { border: 1px solid #454545; color: #454545; }

.button.clear.gz-space-gray:hover, .button.clear.gz-space-gray:focus { border-color: #232323; color: #232323; }

.button.clear.gz-space-gray:hover.disabled, .button.clear.gz-space-gray:hover[disabled], .button.clear.gz-space-gray:focus.disabled, .button.clear.gz-space-gray:focus[disabled] { border: 1px solid #454545; color: #454545; }

.button.clear.gz-space-gray, .button.clear.gz-space-gray.disabled, .button.clear.gz-space-gray[disabled], .button.clear.gz-space-gray:hover, .button.clear.gz-space-gray:hover.disabled, .button.clear.gz-space-gray:hover[disabled], .button.clear.gz-space-gray:focus, .button.clear.gz-space-gray:focus.disabled, .button.clear.gz-space-gray:focus[disabled] { border-color: transparent; }

.button.clear.gz-med-gray { border: 1px solid #666666; color: #666666; }

.button.clear.gz-med-gray:hover, .button.clear.gz-med-gray:focus { border-color: #333333; color: #333333; }

.button.clear.gz-med-gray:hover.disabled, .button.clear.gz-med-gray:hover[disabled], .button.clear.gz-med-gray:focus.disabled, .button.clear.gz-med-gray:focus[disabled] { border: 1px solid #666666; color: #666666; }

.button.clear.gz-med-gray, .button.clear.gz-med-gray.disabled, .button.clear.gz-med-gray[disabled], .button.clear.gz-med-gray:hover, .button.clear.gz-med-gray:hover.disabled, .button.clear.gz-med-gray:hover[disabled], .button.clear.gz-med-gray:focus, .button.clear.gz-med-gray:focus.disabled, .button.clear.gz-med-gray:focus[disabled] { border-color: transparent; }

.button.clear.gz-lt-gray { border: 1px solid #CCCCCC; color: #CCCCCC; }

.button.clear.gz-lt-gray:hover, .button.clear.gz-lt-gray:focus { border-color: #666666; color: #666666; }

.button.clear.gz-lt-gray:hover.disabled, .button.clear.gz-lt-gray:hover[disabled], .button.clear.gz-lt-gray:focus.disabled, .button.clear.gz-lt-gray:focus[disabled] { border: 1px solid #CCCCCC; color: #CCCCCC; }

.button.clear.gz-lt-gray, .button.clear.gz-lt-gray.disabled, .button.clear.gz-lt-gray[disabled], .button.clear.gz-lt-gray:hover, .button.clear.gz-lt-gray:hover.disabled, .button.clear.gz-lt-gray:hover[disabled], .button.clear.gz-lt-gray:focus, .button.clear.gz-lt-gray:focus.disabled, .button.clear.gz-lt-gray:focus[disabled] { border-color: transparent; }

.button.clear.gz-xlt-gray { border: 1px solid #EFEFEF; color: #EFEFEF; }

.button.clear.gz-xlt-gray:hover, .button.clear.gz-xlt-gray:focus { border-color: #787878; color: #787878; }

.button.clear.gz-xlt-gray:hover.disabled, .button.clear.gz-xlt-gray:hover[disabled], .button.clear.gz-xlt-gray:focus.disabled, .button.clear.gz-xlt-gray:focus[disabled] { border: 1px solid #EFEFEF; color: #EFEFEF; }

.button.clear.gz-xlt-gray, .button.clear.gz-xlt-gray.disabled, .button.clear.gz-xlt-gray[disabled], .button.clear.gz-xlt-gray:hover, .button.clear.gz-xlt-gray:hover.disabled, .button.clear.gz-xlt-gray:hover[disabled], .button.clear.gz-xlt-gray:focus, .button.clear.gz-xlt-gray:focus.disabled, .button.clear.gz-xlt-gray:focus[disabled] { border-color: transparent; }

.button.clear.gz-xxlt-gray { border: 1px solid #f4f4f4; color: #f4f4f4; }

.button.clear.gz-xxlt-gray:hover, .button.clear.gz-xxlt-gray:focus { border-color: #7a7a7a; color: #7a7a7a; }

.button.clear.gz-xxlt-gray:hover.disabled, .button.clear.gz-xxlt-gray:hover[disabled], .button.clear.gz-xxlt-gray:focus.disabled, .button.clear.gz-xxlt-gray:focus[disabled] { border: 1px solid #f4f4f4; color: #f4f4f4; }

.button.clear.gz-xxlt-gray, .button.clear.gz-xxlt-gray.disabled, .button.clear.gz-xxlt-gray[disabled], .button.clear.gz-xxlt-gray:hover, .button.clear.gz-xxlt-gray:hover.disabled, .button.clear.gz-xxlt-gray:hover[disabled], .button.clear.gz-xxlt-gray:focus, .button.clear.gz-xxlt-gray:focus.disabled, .button.clear.gz-xxlt-gray:focus[disabled] { border-color: transparent; }

.button.clear.gz-xxxlt-gray { border: 1px solid #f9f9f9; color: #f9f9f9; }

.button.clear.gz-xxxlt-gray:hover, .button.clear.gz-xxxlt-gray:focus { border-color: #7d7d7d; color: #7d7d7d; }

.button.clear.gz-xxxlt-gray:hover.disabled, .button.clear.gz-xxxlt-gray:hover[disabled], .button.clear.gz-xxxlt-gray:focus.disabled, .button.clear.gz-xxxlt-gray:focus[disabled] { border: 1px solid #f9f9f9; color: #f9f9f9; }

.button.clear.gz-xxxlt-gray, .button.clear.gz-xxxlt-gray.disabled, .button.clear.gz-xxxlt-gray[disabled], .button.clear.gz-xxxlt-gray:hover, .button.clear.gz-xxxlt-gray:hover.disabled, .button.clear.gz-xxxlt-gray:hover[disabled], .button.clear.gz-xxxlt-gray:focus, .button.clear.gz-xxxlt-gray:focus.disabled, .button.clear.gz-xxxlt-gray:focus[disabled] { border-color: transparent; }

.button.dropdown::after { display: block; width: 0; height: 0; border: inset 0.4em; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #FFFFFF transparent transparent; position: relative; top: 0.4em; display: inline-block; float: right; margin-left: 1em; }

.button.dropdown.hollow::after { border-top-color: #25c151; }

.button.dropdown.hollow.primary::after { border-top-color: #25c151; }

.button.dropdown.hollow.secondary::after { border-top-color: #3b6b90; }

.button.dropdown.hollow.success::after { border-top-color: #3adb76; }

.button.dropdown.hollow.warning::after { border-top-color: #ffae00; }

.button.dropdown.hollow.alert::after { border-top-color: #cc4b37; }

.button.dropdown.hollow.gz-base-color::after { border-top-color: #F9F9F9; }

.button.dropdown.hollow.gz-opposing-base-color::after { border-top-color: #343434; }

.button.dropdown.hollow.gz-green::after { border-top-color: #25c151; }

.button.dropdown.hollow.gz-orange::after { border-top-color: #e7931c; }

.button.dropdown.hollow.gz-blue::after { border-top-color: #4d7ea0; }

.button.dropdown.hollow.gz-drk-gray::after { border-top-color: #343434; }

.button.dropdown.hollow.gz-space-gray::after { border-top-color: #454545; }

.button.dropdown.hollow.gz-med-gray::after { border-top-color: #666666; }

.button.dropdown.hollow.gz-lt-gray::after { border-top-color: #CCCCCC; }

.button.dropdown.hollow.gz-xlt-gray::after { border-top-color: #EFEFEF; }

.button.dropdown.hollow.gz-xxlt-gray::after { border-top-color: #f4f4f4; }

.button.dropdown.hollow.gz-xxxlt-gray::after { border-top-color: #f9f9f9; }

.button.arrow-only::after { top: -0.1em; float: none; margin-left: 0; }

a.button:hover, a.button:focus { text-decoration: none; }

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; border: 1px solid #cacaca; border-radius: 4px; background-color: #FFFFFF; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #000000; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus { outline: none; border: 1px solid #343434; background-color: #FFFFFF; -webkit-box-shadow: 0 0 5px #cacaca; box-shadow: 0 0 5px #cacaca; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; }

textarea { max-width: 100%; }

textarea[rows] { height: auto; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cacaca; }

input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #cacaca; }

input::placeholder, textarea::placeholder { color: #cacaca; }

input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #e6e6e6; cursor: not-allowed; }

[type='submit'], [type='button'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 4px; }

input[type='search'] { -webkit-box-sizing: border-box; box-sizing: border-box; }

[type='file'], [type='checkbox'], [type='radio'] { margin: 0 0 1rem; }

[type='checkbox'] + label, [type='radio'] + label { display: inline-block; vertical-align: baseline; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; }

[type='checkbox'] + label[for], [type='radio'] + label[for] { cursor: pointer; }

label > [type='checkbox'], label > [type='radio'] { margin-right: 0.5rem; }

[type='file'] { width: 100%; }

label { display: block; margin: 0; font-size: 0.875rem; font-weight: normal; line-height: 1.8; color: #000000; }

label.middle { margin: 0 0 1rem; padding: 0.5625rem 0; }

.help-text { margin-top: -0.5rem; font-size: 0.8125rem; font-style: italic; color: #000000; }

.input-group { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 1rem; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

.input-group > :first-child { border-radius: 4px 0 0 4px; }

.input-group > :last-child > * { border-radius: 0 4px 4px 0; }

.input-group-label, .input-group-field, .input-group-button, .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { margin: 0; white-space: nowrap; }

.input-group-label { padding: 0 1rem; border: 1px solid #cacaca; background: #e6e6e6; color: #000000; text-align: center; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.input-group-label:first-child { border-right: 0; }

.input-group-label:last-child { border-left: 0; }

.input-group-field { border-radius: 0; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; height: auto; min-width: 0; }

.input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { height: auto; -ms-flex-item-align: stretch; align-self: stretch; padding-top: 0; padding-bottom: 0; font-size: 1rem; }

fieldset { margin: 0; padding: 0; border: 0; }

legend { max-width: 100%; margin-bottom: 0.5rem; }

.fieldset { margin: 1.125rem 0; padding: 1.25rem; border: 1px solid #cacaca; }

.fieldset legend { margin: 0; margin-left: -0.1875rem; padding: 0 0.1875rem; }

select { height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #cacaca; border-radius: 4px; background-color: #FFFFFF; font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #000000; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2852, 52, 52%29'></polygon></svg>"); -webkit-background-origin: content-box; background-origin: content-box; background-position: right -1rem center; background-repeat: no-repeat; -webkit-background-size: 9px 6px; background-size: 9px 6px; padding-right: 1.5rem; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; }

@media screen and (min-width: 0\0) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }

select:focus { outline: none; border: 1px solid #343434; background-color: #FFFFFF; -webkit-box-shadow: 0 0 5px #cacaca; box-shadow: 0 0 5px #cacaca; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; }

select:disabled { background-color: #e6e6e6; cursor: not-allowed; }

select::-ms-expand { display: none; }

select[multiple] { height: auto; background-image: none; }

.is-invalid-input:not(:focus) { border-color: #cc4b37; background-color: #faedeb; }

.is-invalid-input:not(:focus)::-webkit-input-placeholder { color: #cc4b37; }

.is-invalid-input:not(:focus)::-ms-input-placeholder { color: #cc4b37; }

.is-invalid-input:not(:focus)::placeholder { color: #cc4b37; }

.is-invalid-label { color: #cc4b37; }

.form-error { display: none; margin-top: -0.5rem; margin-bottom: 1rem; font-size: 0.75rem; font-weight: bold; color: #cc4b37; }

.form-error.is-visible { display: block; }

.accordion { margin-left: 0; background: #FFFFFF; list-style-type: none; }

.accordion[disabled] .accordion-title { cursor: not-allowed; }

.accordion-item:first-child > :first-child { border-radius: 4px 4px 0 0; }

.accordion-item:last-child > :last-child { border-radius: 0 0 4px 4px; }

.accordion-title { position: relative; display: block; padding: 1.25rem 1rem; border: 1px solid #e6e6e6; border-bottom: 0; font-size: 0.75rem; line-height: 1; color: #25c151; }

:last-child:not(.is-active) > .accordion-title { border-bottom: 1px solid #e6e6e6; border-radius: 0 0 4px 4px; }

.accordion-title:hover, .accordion-title:focus { background-color: #e6e6e6; }

.accordion-title::before { position: absolute; top: 50%; right: 1rem; margin-top: -0.5rem; content: '+'; }

.is-active > .accordion-title::before { content: '\2013'; }

.accordion-content { display: none; padding: 1rem; border: 1px solid #e6e6e6; border-bottom: 0; background-color: #FFFFFF; color: #343434; }

:last-child > .accordion-content:last-child { border-bottom: 1px solid #e6e6e6; }

.accordion-menu li { width: 100%; }

.accordion-menu a { padding: 0.7rem 1rem; }

.accordion-menu .is-accordion-submenu a { padding: 0.7rem 1rem; }

.accordion-menu .nested.is-accordion-submenu { margin-right: 0; margin-left: 1rem; }

.accordion-menu.align-right .nested.is-accordion-submenu { margin-right: 1rem; margin-left: 0; }

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a { position: relative; }

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #25c151 transparent transparent; position: absolute; top: 50%; margin-top: -3px; right: 1rem; }

.accordion-menu.align-left .is-accordion-submenu-parent > a::after { left: auto; right: 1rem; }

.accordion-menu.align-right .is-accordion-submenu-parent > a::after { right: auto; left: 1rem; }

.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }

.is-accordion-submenu-parent { position: relative; }

.has-submenu-toggle > a { margin-right: 40px; }

.submenu-toggle { position: absolute; top: 0; right: 0; cursor: pointer; width: 40px; height: 40px; }

.submenu-toggle::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #25c151 transparent transparent; top: 0; bottom: 0; margin: auto; }

.submenu-toggle[aria-expanded='true']::after { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }

.submenu-toggle-text { position: absolute !important; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0; }

.badge { display: inline-block; min-width: 2.1em; padding: 0.3em; border-radius: 50%; font-size: 0.6rem; text-align: center; background: #25c151; color: #FFFFFF; }

.badge.primary { background: #25c151; color: #000000; }

.badge.secondary { background: #3b6b90; color: #FFFFFF; }

.badge.success { background: #3adb76; color: #000000; }

.badge.warning { background: #ffae00; color: #000000; }

.badge.alert { background: #cc4b37; color: #000000; }

.badge.gz-base-color { background: #F9F9F9; color: #000000; }

.badge.gz-opposing-base-color { background: #343434; color: #FFFFFF; }

.badge.gz-green { background: #25c151; color: #000000; }

.badge.gz-orange { background: #e7931c; color: #000000; }

.badge.gz-blue { background: #4d7ea0; color: #000000; }

.badge.gz-drk-gray { background: #343434; color: #FFFFFF; }

.badge.gz-space-gray { background: #454545; color: #FFFFFF; }

.badge.gz-med-gray { background: #666666; color: #FFFFFF; }

.badge.gz-lt-gray { background: #CCCCCC; color: #000000; }

.badge.gz-xlt-gray { background: #EFEFEF; color: #000000; }

.badge.gz-xxlt-gray { background: #f4f4f4; color: #000000; }

.badge.gz-xxxlt-gray { background: #f9f9f9; color: #000000; }

.breadcrumbs { margin: 0 0 1rem 0; list-style: none; }

.breadcrumbs::before, .breadcrumbs::after { display: table; content: ' '; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.breadcrumbs::after { clear: both; }

.breadcrumbs li { float: left; font-size: 0.6875rem; color: #000000; cursor: default; text-transform: uppercase; }

.breadcrumbs li:not(:last-child)::after { position: relative; margin: 0 0.75rem; opacity: 1; content: "/"; color: #cacaca; }

.breadcrumbs a { color: #25c151; }

.breadcrumbs a:hover { text-decoration: underline; }

.breadcrumbs .disabled { color: #cacaca; cursor: not-allowed; }

.button-group { margin-bottom: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

.button-group::before, .button-group::after { display: table; content: ' '; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.button-group::after { clear: both; }

.button-group .button { margin: 0; margin-right: 1px; margin-bottom: 1px; font-size: 0.9rem; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.button-group .button:last-child { margin-right: 0; }

.button-group.tiny .button { font-size: 0.6rem; }

.button-group.small .button { font-size: 0.75rem; }

.button-group.large .button { font-size: 1.25rem; }

.button-group.expanded .button { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; }

.button-group.primary .button { background-color: #25c151; color: #000000; }

.button-group.primary .button:hover, .button-group.primary .button:focus { background-color: #1e9a41; color: #000000; }

.button-group.secondary .button { background-color: #3b6b90; color: #FFFFFF; }

.button-group.secondary .button:hover, .button-group.secondary .button:focus { background-color: #2f5673; color: #FFFFFF; }

.button-group.success .button { background-color: #3adb76; color: #000000; }

.button-group.success .button:hover, .button-group.success .button:focus { background-color: #22bb5b; color: #000000; }

.button-group.warning .button { background-color: #ffae00; color: #000000; }

.button-group.warning .button:hover, .button-group.warning .button:focus { background-color: #cc8b00; color: #000000; }

.button-group.alert .button { background-color: #cc4b37; color: #000000; }

.button-group.alert .button:hover, .button-group.alert .button:focus { background-color: #a53b2a; color: #000000; }

.button-group.gz-base-color .button { background-color: #F9F9F9; color: #000000; }

.button-group.gz-base-color .button:hover, .button-group.gz-base-color .button:focus { background-color: #c7c7c7; color: #000000; }

.button-group.gz-opposing-base-color .button { background-color: #343434; color: #FFFFFF; }

.button-group.gz-opposing-base-color .button:hover, .button-group.gz-opposing-base-color .button:focus { background-color: #2a2a2a; color: #FFFFFF; }

.button-group.gz-green .button { background-color: #25c151; color: #000000; }

.button-group.gz-green .button:hover, .button-group.gz-green .button:focus { background-color: #1e9a41; color: #000000; }

.button-group.gz-orange .button { background-color: #e7931c; color: #000000; }

.button-group.gz-orange .button:hover, .button-group.gz-orange .button:focus { background-color: #bb7614; color: #000000; }

.button-group.gz-blue .button { background-color: #4d7ea0; color: #000000; }

.button-group.gz-blue .button:hover, .button-group.gz-blue .button:focus { background-color: #3e6580; color: #000000; }

.button-group.gz-drk-gray .button { background-color: #343434; color: #FFFFFF; }

.button-group.gz-drk-gray .button:hover, .button-group.gz-drk-gray .button:focus { background-color: #2a2a2a; color: #FFFFFF; }

.button-group.gz-space-gray .button { background-color: #454545; color: #FFFFFF; }

.button-group.gz-space-gray .button:hover, .button-group.gz-space-gray .button:focus { background-color: #373737; color: #FFFFFF; }

.button-group.gz-med-gray .button { background-color: #666666; color: #FFFFFF; }

.button-group.gz-med-gray .button:hover, .button-group.gz-med-gray .button:focus { background-color: #525252; color: #FFFFFF; }

.button-group.gz-lt-gray .button { background-color: #CCCCCC; color: #000000; }

.button-group.gz-lt-gray .button:hover, .button-group.gz-lt-gray .button:focus { background-color: #a3a3a3; color: #000000; }

.button-group.gz-xlt-gray .button { background-color: #EFEFEF; color: #000000; }

.button-group.gz-xlt-gray .button:hover, .button-group.gz-xlt-gray .button:focus { background-color: #bfbfbf; color: #000000; }

.button-group.gz-xxlt-gray .button { background-color: #f4f4f4; color: #000000; }

.button-group.gz-xxlt-gray .button:hover, .button-group.gz-xxlt-gray .button:focus { background-color: #c3c3c3; color: #000000; }

.button-group.gz-xxxlt-gray .button { background-color: #f9f9f9; color: #000000; }

.button-group.gz-xxxlt-gray .button:hover, .button-group.gz-xxxlt-gray .button:focus { background-color: #c7c7c7; color: #000000; }

.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }

.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child { margin-bottom: 0; }

@media print, screen and (min-width: 40em) { .button-group.stacked-for-small .button { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; margin-bottom: 0; } }

@media print, screen and (min-width: 64em) { .button-group.stacked-for-medium .button { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; margin-bottom: 0; } }

@media screen and (max-width: 39.9375em) { .button-group.stacked-for-small.expanded { display: block; }
  .button-group.stacked-for-small.expanded .button { display: block; margin-right: 0; } }

.callout { position: relative; margin: 0 0 1rem 0; padding: 1rem; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 4px; background-color: white; color: #343434; }

.callout > :first-child { margin-top: 0; }

.callout > :last-child { margin-bottom: 0; }

.callout.primary { background-color: #dcf8e4; color: #343434; }

.callout.secondary { background-color: #dee9f2; color: #343434; }

.callout.success { background-color: #e1faea; color: #343434; }

.callout.warning { background-color: #fff3d9; color: #343434; }

.callout.alert { background-color: #f7e4e1; color: #343434; }

.callout.gz-base-color { background-color: #fefefe; color: #343434; }

.callout.gz-opposing-base-color { background-color: #e1e1e1; color: #343434; }

.callout.gz-green { background-color: #dcf8e4; color: #343434; }

.callout.gz-orange { background-color: #fbefdd; color: #343434; }

.callout.gz-blue { background-color: #e3ecf2; color: #343434; }

.callout.gz-drk-gray { background-color: #e1e1e1; color: #343434; }

.callout.gz-space-gray { background-color: #e3e3e3; color: #343434; }

.callout.gz-med-gray { background-color: #e8e8e8; color: #343434; }

.callout.gz-lt-gray { background-color: #f7f7f7; color: #343434; }

.callout.gz-xlt-gray { background-color: #fdfdfd; color: #343434; }

.callout.gz-xxlt-gray { background-color: #fdfdfd; color: #343434; }

.callout.gz-xxxlt-gray { background-color: #fefefe; color: #343434; }

.callout.small { padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; }

.callout.large { padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; }

.card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 1rem; border: 1px solid #e6e6e6; border-radius: 4px; background: #FFFFFF; -webkit-box-shadow: none; box-shadow: none; overflow: hidden; color: #343434; }

.card > :last-child { margin-bottom: 0; }

.card-divider { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1rem; background: #e6e6e6; }

.card-divider > :last-child { margin-bottom: 0; }

.card-section { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 1rem; }

.card-section > :last-child { margin-bottom: 0; }

.card-image { min-height: 1px; }

.close-button { position: absolute; color: #343434; cursor: pointer; }

[data-whatinput='mouse'] .close-button { outline: 0; }

.close-button:hover, .close-button:focus { color: #000000; }

.close-button.small { right: 0.66rem; top: 0.33em; font-size: 1.5em; line-height: 1; }

.close-button, .close-button.medium { right: 1rem; top: 0.5rem; font-size: 2em; line-height: 1; }

.menu { padding: 0; margin: 0; list-style: none; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

[data-whatinput='mouse'] .menu li { outline: 0; }

.menu a, .menu .button { line-height: 1; text-decoration: none; display: block; padding: 0.7rem 1rem; }

.menu input, .menu select, .menu a, .menu button { margin-bottom: 0; }

.menu input { display: inline-block; }

.menu, .menu.horizontal { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.menu.vertical { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.menu.expanded li { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; }

.menu.simple { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.menu.simple li + li { margin-left: 1rem; }

.menu.simple a { padding: 0; }

@media print, screen and (min-width: 40em) { .menu.medium-horizontal { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .menu.medium-vertical { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .menu.medium-expanded li { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; }
  .menu.medium-simple li { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } }

@media print, screen and (min-width: 64em) { .menu.large-horizontal { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .menu.large-vertical { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .menu.large-expanded li { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; }
  .menu.large-simple li { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } }

@media screen and (min-width: 75em) { .menu.xlarge-horizontal { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .menu.xlarge-vertical { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .menu.xlarge-expanded li { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; }
  .menu.xlarge-simple li { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } }

@media screen and (min-width: 90em) { .menu.xxlarge-horizontal { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .menu.xxlarge-vertical { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .menu.xxlarge-expanded li { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; }
  .menu.xxlarge-simple li { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } }

.menu.nested { margin-right: 0; margin-left: 1rem; }

.menu.icons a { display: -webkit-box; display: -ms-flexbox; display: flex; }

.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a { display: -webkit-box; display: -ms-flexbox; display: flex; }

.menu.icon-left li a { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; }

.menu.icon-left li a img, .menu.icon-left li a i, .menu.icon-left li a svg { margin-right: 0.25rem; }

.menu.icon-right li a { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; }

.menu.icon-right li a img, .menu.icon-right li a i, .menu.icon-right li a svg { margin-left: 0.25rem; }

.menu.icon-top li a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; }

.menu.icon-top li a img, .menu.icon-top li a i, .menu.icon-top li a svg { -ms-flex-item-align: stretch; align-self: stretch; margin-bottom: 0.25rem; text-align: center; }

.menu.icon-bottom li a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; }

.menu.icon-bottom li a img, .menu.icon-bottom li a i, .menu.icon-bottom li a svg { -ms-flex-item-align: stretch; align-self: stretch; margin-bottom: 0.25rem; text-align: center; }

.menu .is-active > a { background: #25c151; color: #FFFFFF; }

.menu .active > a { background: #25c151; color: #FFFFFF; }

.menu.align-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.menu.align-right li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.menu.align-right li .submenu li { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.menu.align-right.vertical li { display: block; text-align: right; }

.menu.align-right.vertical li .submenu li { text-align: right; }

.menu.align-right .nested { margin-right: 1rem; margin-left: 0; }

.menu.align-center li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.menu.align-center li .submenu li { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.menu .menu-text { padding: 0.7rem 1rem; font-weight: bold; line-height: 1; color: inherit; }

.menu-centered > .menu { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.menu-centered > .menu li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.menu-centered > .menu li .submenu li { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.no-js [data-responsive-menu] ul { display: none; }

.menu-icon { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer; }

.menu-icon::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #FFFFFF; -webkit-box-shadow: 0 7px 0 #FFFFFF, 0 14px 0 #FFFFFF; box-shadow: 0 7px 0 #FFFFFF, 0 14px 0 #FFFFFF; content: ''; }

.menu-icon:hover::after { background: #cacaca; -webkit-box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }

.menu-icon.dark { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer; }

.menu-icon.dark::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #000000; -webkit-box-shadow: 0 7px 0 #000000, 0 14px 0 #000000; box-shadow: 0 7px 0 #000000, 0 14px 0 #000000; content: ''; }

.menu-icon.dark:hover::after { background: #343434; -webkit-box-shadow: 0 7px 0 #343434, 0 14px 0 #343434; box-shadow: 0 7px 0 #343434, 0 14px 0 #343434; }

.is-drilldown { position: relative; overflow: hidden; }

.is-drilldown li { display: block; }

.is-drilldown.animate-height { -webkit-transition: height 0.5s; transition: height 0.5s; }

.drilldown a { padding: 0.7rem 1rem; background: #FFFFFF; }

.drilldown .is-drilldown-submenu { position: absolute; top: 0; left: 100%; z-index: -1; width: 100%; background: #fefefe; -webkit-transition: -webkit-transform 0.15s linear; transition: -webkit-transform 0.15s linear; transition: transform 0.15s linear; transition: transform 0.15s linear, -webkit-transform 0.15s linear; }

.drilldown .is-drilldown-submenu.is-active { z-index: 1; display: block; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }

.drilldown .is-drilldown-submenu.is-closing { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }

.drilldown .is-drilldown-submenu a { padding: 0.7rem 1rem; }

.drilldown .nested.is-drilldown-submenu { margin-right: 0; margin-left: 0; }

.drilldown .drilldown-submenu-cover-previous { min-height: 100%; }

.drilldown .is-drilldown-submenu-parent > a { position: relative; }

.drilldown .is-drilldown-submenu-parent > a::after { position: absolute; top: 50%; margin-top: -6px; right: 1rem; display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #25c151; }

.drilldown.align-left .is-drilldown-submenu-parent > a::after { left: auto; right: 1rem; display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #25c151; }

.drilldown.align-right .is-drilldown-submenu-parent > a::after { right: auto; left: 1rem; display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #25c151 transparent transparent; }

.drilldown .js-drilldown-back > a::before { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #25c151 transparent transparent; border-left-width: 0; display: inline-block; vertical-align: middle; margin-right: 0.75rem; border-left-width: 0; }

.dropdown-pane { position: absolute; z-index: 10; width: 300px; padding: 1rem; visibility: hidden; display: none; border: 1px solid #cacaca; border-radius: 4px; background-color: #FFFFFF; font-size: 1rem; }

.dropdown-pane.is-opening { display: block; }

.dropdown-pane.is-open { visibility: visible; display: block; }

.dropdown-pane.tiny { width: 100px; }

.dropdown-pane.small { width: 200px; }

.dropdown-pane.large { width: 400px; }

.dropdown.menu > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; }

.dropdown.menu > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; }

.dropdown.menu > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; }

.dropdown.menu > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #25c151 transparent transparent; right: 5px; left: auto; margin-top: -3px; }

.dropdown.menu a { padding: 0.7rem 1rem; }

[data-whatinput='mouse'] .dropdown.menu a { outline: 0; }

.dropdown.menu .is-active > a { background: transparent; color: #1779ba; }

.no-js .dropdown.menu ul { display: none; }

.dropdown.menu .nested.is-dropdown-submenu { margin-right: 0; margin-left: 0; }

.dropdown.menu.vertical > li .is-dropdown-submenu { top: 0; }

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { right: 100%; left: auto; top: 0; }

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; }

.dropdown.menu.vertical > li > a::after { right: 14px; }

.dropdown.menu.vertical > li.opens-left > a::after { right: auto; left: 5px; display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #25c151 transparent transparent; }

.dropdown.menu.vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #25c151; }

@media print, screen and (min-width: 40em) { .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #25c151 transparent transparent; right: 5px; left: auto; margin-top: -3px; }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu { top: 0; }
  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { right: 100%; left: auto; top: 0; }
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; }
  .dropdown.menu.medium-vertical > li > a::after { right: 14px; }
  .dropdown.menu.medium-vertical > li.opens-left > a::after { right: auto; left: 5px; display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #25c151 transparent transparent; }
  .dropdown.menu.medium-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #25c151; } }

@media print, screen and (min-width: 64em) { .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #25c151 transparent transparent; right: 5px; left: auto; margin-top: -3px; }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu { top: 0; }
  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { right: 100%; left: auto; top: 0; }
  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; }
  .dropdown.menu.large-vertical > li > a::after { right: 14px; }
  .dropdown.menu.large-vertical > li.opens-left > a::after { right: auto; left: 5px; display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #25c151 transparent transparent; }
  .dropdown.menu.large-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #25c151; } }

@media screen and (min-width: 75em) { .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; }
  .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; }
  .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; }
  .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #25c151 transparent transparent; right: 5px; left: auto; margin-top: -3px; }
  .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu { top: 0; }
  .dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu { right: 100%; left: auto; top: 0; }
  .dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; }
  .dropdown.menu.xlarge-vertical > li > a::after { right: 14px; }
  .dropdown.menu.xlarge-vertical > li.opens-left > a::after { right: auto; left: 5px; display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #25c151 transparent transparent; }
  .dropdown.menu.xlarge-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #25c151; } }

@media screen and (min-width: 90em) { .dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; }
  .dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; }
  .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; }
  .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #25c151 transparent transparent; right: 5px; left: auto; margin-top: -3px; }
  .dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu { top: 0; }
  .dropdown.menu.xxlarge-vertical > li.opens-left > .is-dropdown-submenu { right: 100%; left: auto; top: 0; }
  .dropdown.menu.xxlarge-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; }
  .dropdown.menu.xxlarge-vertical > li > a::after { right: 14px; }
  .dropdown.menu.xxlarge-vertical > li.opens-left > a::after { right: auto; left: 5px; display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #25c151 transparent transparent; }
  .dropdown.menu.xxlarge-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #25c151; } }

.dropdown.menu.align-right .is-dropdown-submenu.first-sub { top: 100%; right: 0; left: auto; }

.is-dropdown-menu.vertical { width: 100px; }

.is-dropdown-menu.vertical.align-right { float: right; }

.is-dropdown-submenu-parent { position: relative; }

.is-dropdown-submenu-parent a::after { position: absolute; top: 50%; right: 5px; left: auto; margin-top: -6px; }

.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { top: 100%; left: auto; }

.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { right: 100%; left: auto; }

.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { right: auto; left: 100%; }

.is-dropdown-submenu { position: absolute; top: 0; left: 100%; z-index: 1; display: none; min-width: 200px; border: 1px solid #cacaca; background: #fefefe; }

.dropdown .is-dropdown-submenu a { padding: 0.7rem 1rem; }

.is-dropdown-submenu .is-dropdown-submenu-parent > a::after { right: 14px; }

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { right: auto; left: 5px; display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #25c151 transparent transparent; }

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #25c151; }

.is-dropdown-submenu .is-dropdown-submenu { margin-top: -1px; }

.is-dropdown-submenu > li { width: 100%; }

.is-dropdown-submenu.js-dropdown-active { display: block; }

.responsive-embed, .flex-video { position: relative; height: 0; margin-bottom: 1rem; padding-bottom: 75%; overflow: hidden; }

.responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video, .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.responsive-embed.widescreen, .flex-video.widescreen { padding-bottom: 56.25%; }

.label { display: inline-block; padding: 0.33333rem 0.5rem; border-radius: 4px; font-size: 0.8rem; line-height: 1; white-space: nowrap; cursor: default; background: #25c151; color: #FFFFFF; }

.label.primary { background: #25c151; color: #000000; }

.label.secondary { background: #3b6b90; color: #FFFFFF; }

.label.success { background: #3adb76; color: #000000; }

.label.warning { background: #ffae00; color: #000000; }

.label.alert { background: #cc4b37; color: #000000; }

.label.gz-base-color { background: #F9F9F9; color: #000000; }

.label.gz-opposing-base-color { background: #343434; color: #FFFFFF; }

.label.gz-green { background: #25c151; color: #000000; }

.label.gz-orange { background: #e7931c; color: #000000; }

.label.gz-blue { background: #4d7ea0; color: #000000; }

.label.gz-drk-gray { background: #343434; color: #FFFFFF; }

.label.gz-space-gray { background: #454545; color: #FFFFFF; }

.label.gz-med-gray { background: #666666; color: #FFFFFF; }

.label.gz-lt-gray { background: #CCCCCC; color: #000000; }

.label.gz-xlt-gray { background: #EFEFEF; color: #000000; }

.label.gz-xxlt-gray { background: #f4f4f4; color: #000000; }

.label.gz-xxxlt-gray { background: #f9f9f9; color: #000000; }

.media-object { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.media-object img { max-width: none; }

@media screen and (max-width: 39.9375em) { .media-object.stack-for-small { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

@media screen and (max-width: 39.9375em) { .media-object.stack-for-small .media-object-section { padding: 0; padding-bottom: 1rem; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
  .media-object.stack-for-small .media-object-section img { width: 100%; } }

.media-object-section { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; }

.media-object-section:first-child { padding-right: 1rem; }

.media-object-section:last-child:not(:nth-child(2)) { padding-left: 1rem; }

.media-object-section > :last-child { margin-bottom: 0; }

.media-object-section.main-section { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; }

.orbit { position: relative; }

.orbit-container { position: relative; height: 0; margin: 0; list-style: none; overflow: hidden; }

.orbit-slide { width: 100%; }

.orbit-slide.no-motionui.is-active { top: 0; left: 0; }

.orbit-figure { margin: 0; }

.orbit-image { width: 100%; max-width: 100%; margin: 0; }

.orbit-caption { position: absolute; bottom: 0; width: 100%; margin-bottom: 0; padding: 1rem; background-color: rgba(0, 0, 0, 0.5); color: #FFFFFF; }

.orbit-previous, .orbit-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; padding: 1rem; color: #FFFFFF; }

[data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next { outline: 0; }

.orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus { background-color: rgba(0, 0, 0, 0.5); }

.orbit-previous { left: 0; }

.orbit-next { left: auto; right: 0; }

.orbit-bullets { position: relative; margin-top: 0.8rem; margin-bottom: 0.8rem; text-align: center; }

[data-whatinput='mouse'] .orbit-bullets { outline: 0; }

.orbit-bullets button { width: 1.2rem; height: 1.2rem; margin: 0.1rem; border-radius: 50%; background-color: #cacaca; }

.orbit-bullets button:hover { background-color: #343434; }

.orbit-bullets button.is-active { background-color: #343434; }

.progress { height: 1rem; margin-bottom: 1rem; border-radius: 4px; background-color: #cacaca; }

.progress.primary .progress-meter { background-color: #25c151; }

.progress.secondary .progress-meter { background-color: #3b6b90; }

.progress.success .progress-meter { background-color: #3adb76; }

.progress.warning .progress-meter { background-color: #ffae00; }

.progress.alert .progress-meter { background-color: #cc4b37; }

.progress.gz-base-color .progress-meter { background-color: #F9F9F9; }

.progress.gz-opposing-base-color .progress-meter { background-color: #343434; }

.progress.gz-green .progress-meter { background-color: #25c151; }

.progress.gz-orange .progress-meter { background-color: #e7931c; }

.progress.gz-blue .progress-meter { background-color: #4d7ea0; }

.progress.gz-drk-gray .progress-meter { background-color: #343434; }

.progress.gz-space-gray .progress-meter { background-color: #454545; }

.progress.gz-med-gray .progress-meter { background-color: #666666; }

.progress.gz-lt-gray .progress-meter { background-color: #CCCCCC; }

.progress.gz-xlt-gray .progress-meter { background-color: #EFEFEF; }

.progress.gz-xxlt-gray .progress-meter { background-color: #f4f4f4; }

.progress.gz-xxxlt-gray .progress-meter { background-color: #f9f9f9; }

.progress-meter { position: relative; display: block; width: 0%; height: 100%; background-color: #25c151; border-radius: 4px; }

.progress-meter-text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; margin: 0; font-size: 0.75rem; font-weight: bold; color: #FFFFFF; white-space: nowrap; border-radius: 4px; }

.slider { position: relative; height: 0.5rem; margin-top: 1.25rem; margin-bottom: 2.25rem; background-color: #e6e6e6; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; }

.slider-fill { position: absolute; top: 0; left: 0; display: inline-block; max-width: 100%; height: 0.5rem; background-color: #cacaca; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.slider-fill.is-dragging { -webkit-transition: all 0s linear; transition: all 0s linear; }

.slider-handle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; z-index: 1; display: inline-block; width: 1.4rem; height: 1.4rem; border-radius: 4px; background-color: #25c151; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -ms-touch-action: manipulation; touch-action: manipulation; }

[data-whatinput='mouse'] .slider-handle { outline: 0; }

.slider-handle:hover { background-color: #1fa445; }

.slider-handle.is-dragging { -webkit-transition: all 0s linear; transition: all 0s linear; }

.slider.disabled, .slider[disabled] { opacity: 0.25; cursor: not-allowed; }

.slider.vertical { display: inline-block; width: 0.5rem; height: 12.5rem; margin: 0 1.25rem; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); }

.slider.vertical .slider-fill { top: 0; width: 0.5rem; max-height: 100%; }

.slider.vertical .slider-handle { position: absolute; top: 0; left: 50%; width: 1.4rem; height: 1.4rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.sticky-container { position: relative; }

.sticky { position: relative; z-index: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.sticky.is-stuck { position: fixed; z-index: 5; width: 100%; }

.sticky.is-stuck.is-at-top { top: 0; }

.sticky.is-stuck.is-at-bottom { bottom: 0; }

.sticky.is-anchored { position: relative; right: auto; left: auto; }

.sticky.is-anchored.is-at-bottom { bottom: 0; }

body.is-reveal-open { overflow: hidden; }

html.is-reveal-open, html.is-reveal-open body { min-height: 100%; overflow: hidden; position: fixed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.reveal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1005; display: none; background-color: rgba(0, 0, 0, 0.45); overflow-y: scroll; }

.reveal { z-index: 1006; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: none; padding: 1rem; border: 1px solid #cacaca; border-radius: 4px; background-color: #FFFFFF; position: relative; top: 100px; margin-right: auto; margin-left: auto; overflow-y: auto; }

[data-whatinput='mouse'] .reveal { outline: 0; }

@media print, screen and (min-width: 40em) { .reveal { min-height: 0; } }

.reveal .column, .reveal .columns { min-width: 0; }

.reveal > :last-child { margin-bottom: 0; }

@media print, screen and (min-width: 40em) { .reveal { width: 600px; max-width: 75rem; } }

.reveal.collapse { padding: 0; }

@media print, screen and (min-width: 40em) { .reveal.tiny { width: 30%; max-width: 75rem; } }

@media print, screen and (min-width: 40em) { .reveal.small { width: 50%; max-width: 75rem; } }

@media print, screen and (min-width: 40em) { .reveal.large { width: 90%; max-width: 75rem; } }

.reveal.full { top: 0; left: 0; width: 100%; max-width: none; height: 100%; height: 100vh; min-height: 100vh; margin-left: 0; border: 0; border-radius: 0; }

@media screen and (max-width: 39.9375em) { .reveal { top: 0; left: 0; width: 100%; max-width: none; height: 100%; height: 100vh; min-height: 100vh; margin-left: 0; border: 0; border-radius: 0; } }

.reveal.without-overlay { position: fixed; }

.switch { height: 2rem; position: relative; margin-bottom: 1rem; outline: 0; font-size: 0.875rem; font-weight: bold; color: #FFFFFF; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.switch-input { position: absolute; margin-bottom: 0; opacity: 0; }

.switch-paddle { position: relative; display: block; width: 4rem; height: 2rem; border-radius: 4px; background: #cacaca; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; font-weight: inherit; color: inherit; cursor: pointer; }

input + .switch-paddle { margin: 0; }

.switch-paddle::after { position: absolute; top: 0.25rem; left: 0.25rem; display: block; width: 1.5rem; height: 1.5rem; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-radius: 4px; background: #FFFFFF; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; content: ''; }

input:checked ~ .switch-paddle { background: #25c151; }

input:checked ~ .switch-paddle::after { left: 2.25rem; }

[data-whatinput='mouse'] input:focus ~ .switch-paddle { outline: 0; }

.switch-active, .switch-inactive { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.switch-active { left: 8%; display: none; }

input:checked + label > .switch-active { display: block; }

.switch-inactive { right: 15%; }

input:checked + label > .switch-inactive { display: none; }

.switch.tiny { height: 1.5rem; }

.switch.tiny .switch-paddle { width: 3rem; height: 1.5rem; font-size: 0.625rem; }

.switch.tiny .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 1rem; height: 1rem; }

.switch.tiny input:checked ~ .switch-paddle::after { left: 1.75rem; }

.switch.small { height: 1.75rem; }

.switch.small .switch-paddle { width: 3.5rem; height: 1.75rem; font-size: 0.75rem; }

.switch.small .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 1.25rem; height: 1.25rem; }

.switch.small input:checked ~ .switch-paddle::after { left: 2rem; }

.switch.large { height: 2.5rem; }

.switch.large .switch-paddle { width: 5rem; height: 2.5rem; font-size: 1rem; }

.switch.large .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 2rem; height: 2rem; }

.switch.large input:checked ~ .switch-paddle::after { left: 2.75rem; }

table { border-collapse: collapse; width: 100%; margin-bottom: 1rem; border-radius: 4px; }

thead, tbody, tfoot { border: 1px solid #f2f2f2; background-color: #FFFFFF; }

caption { padding: 0.5rem 0.625rem 0.625rem; font-weight: bold; }

thead { background: #f9f9f9; color: #343434; }

tfoot { background: #f2f2f2; color: #343434; }

thead tr, tfoot tr { background: transparent; }

thead th, thead td, tfoot th, tfoot td { padding: 0.5rem 0.625rem 0.625rem; font-weight: bold; text-align: left; }

tbody th, tbody td { padding: 0.5rem 0.625rem 0.625rem; }

tbody tr:nth-child(even) { border-bottom: 0; background-color: #f2f2f2; }

table.unstriped tbody { background-color: #FFFFFF; }

table.unstriped tbody tr { border-bottom: 0; border-bottom: 1px solid #f2f2f2; background-color: #FFFFFF; }

@media screen and (max-width: 63.9375em) { table.stack thead { display: none; }
  table.stack tfoot { display: none; }
  table.stack tr, table.stack th, table.stack td { display: block; }
  table.stack td { border-top: 0; } }

table.scroll { display: block; width: 100%; overflow-x: auto; }

table.hover thead tr:hover { background-color: #f4f4f4; }

table.hover tfoot tr:hover { background-color: #ededed; }

table.hover tbody tr:hover { background-color: #fafafa; }

table.hover:not(.unstriped) tr:nth-of-type(even):hover { background-color: #ededed; }

.table-scroll { overflow-x: auto; }

.table-scroll table { width: auto; }

.tabs { margin: 0; border: 1px solid #e6e6e6; background: #FFFFFF; list-style-type: none; }

.tabs::before, .tabs::after { display: table; content: ' '; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.tabs::after { clear: both; }

.tabs.vertical > li { display: block; float: none; width: auto; }

.tabs.simple > li > a { padding: 0; }

.tabs.simple > li > a:hover { background: transparent; }

.tabs.primary { background: #25c151; }

.tabs.primary > li > a { color: #000000; }

.tabs.primary > li > a:hover, .tabs.primary > li > a:focus { background: #23b74d; }

.tabs-title { float: left; }

.tabs-title > a { display: block; padding: 1.25rem 1.5rem; font-size: 0.75rem; line-height: 1; color: #25c151; }

.tabs-title > a:hover { background: #FFFFFF; color: #20a646; }

.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { background: #e6e6e6; color: #25c151; }

.tabs-content { border: 1px solid #e6e6e6; border-top: 0; background: #FFFFFF; color: #343434; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.tabs-content.vertical { border: 1px solid #e6e6e6; border-left: 0; }

.tabs-panel { display: none; padding: 1rem; }

.tabs-panel.is-active { display: block; }

.thumbnail { display: inline-block; max-width: 100%; margin-bottom: 1rem; border: solid 4px #FFFFFF; border-radius: 4px; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); line-height: 0; }

a.thumbnail { -webkit-transition: -webkit-box-shadow 200ms ease-out; transition: -webkit-box-shadow 200ms ease-out; transition: box-shadow 200ms ease-out; transition: box-shadow 200ms ease-out, -webkit-box-shadow 200ms ease-out; }

a.thumbnail:hover, a.thumbnail:focus { -webkit-box-shadow: 0 0 6px 1px rgba(37, 193, 81, 0.5); box-shadow: 0 0 6px 1px rgba(37, 193, 81, 0.5); }

a.thumbnail image { -webkit-box-shadow: none; box-shadow: none; }

.title-bar { padding: 0.5rem; background: #000000; color: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.title-bar .menu-icon { margin-left: 0.25rem; margin-right: 0.25rem; }

.title-bar-left, .title-bar-right { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; }

.title-bar-right { text-align: right; }

.title-bar-title { display: inline-block; vertical-align: middle; font-weight: bold; }

.has-tip { position: relative; display: inline-block; border-bottom: dotted 1px #343434; font-weight: bold; cursor: help; }

.tooltip { position: absolute; top: calc(100% + 0.6495rem); z-index: 1200; max-width: 10rem; padding: 0.75rem; border-radius: 4px; background-color: #000000; font-size: 80%; color: #FFFFFF; }

.tooltip::before { position: absolute; }

.tooltip.bottom::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent #000000; bottom: 100%; }

.tooltip.bottom.align-center::before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.tooltip.top::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #000000 transparent transparent; top: 100%; bottom: auto; }

.tooltip.top.align-center::before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.tooltip.left::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #000000; left: 100%; }

.tooltip.left.align-center::before { bottom: auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.tooltip.right::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #000000 transparent transparent; right: 100%; left: auto; }

.tooltip.right.align-center::before { bottom: auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.tooltip.align-top::before { bottom: auto; top: 10%; }

.tooltip.align-bottom::before { bottom: 10%; top: auto; }

.tooltip.align-left::before { left: 10%; right: auto; }

.tooltip.align-right::before { left: auto; right: 10%; }

.top-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.5rem; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.top-bar, .top-bar ul { background-color: #e6e6e6; }

.top-bar input { max-width: 200px; margin-right: 1rem; }

.top-bar .input-group-field { width: 100%; margin-right: 0; }

.top-bar input.button { width: auto; }

.top-bar .top-bar-left, .top-bar .top-bar-right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

@media print, screen and (min-width: 40em) { .top-bar { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  .top-bar .top-bar-left { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-right: auto; }
  .top-bar .top-bar-right { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-left: auto; } }

@media screen and (max-width: 63.9375em) { .top-bar.stacked-for-medium { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }

@media screen and (max-width: 74.9375em) { .top-bar.stacked-for-large { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }

@media screen and (max-width: 89.9375em) { .top-bar.stacked-for-xlarge { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .top-bar.stacked-for-xlarge .top-bar-left, .top-bar.stacked-for-xlarge .top-bar-right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }

.top-bar.stacked-for-xxlarge { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.top-bar.stacked-for-xxlarge .top-bar-left, .top-bar.stacked-for-xxlarge .top-bar-right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

.top-bar-title { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0.5rem 1rem 0.5rem 0; }

.top-bar-left, .top-bar-right { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.hide { display: none !important; }

.invisible { visibility: hidden; }

@media screen and (max-width: 39.9375em) { .hide-for-small-only { display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 40em) { .show-for-small-only { display: none !important; } }

@media print, screen and (min-width: 40em) { .hide-for-medium { display: none !important; } }

@media screen and (max-width: 39.9375em) { .show-for-medium { display: none !important; } }

@media screen and (min-width: 40em) and (max-width: 63.9375em) { .hide-for-medium-only { display: none !important; } }

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) { .show-for-medium-only { display: none !important; } }

@media print, screen and (min-width: 64em) { .hide-for-large { display: none !important; } }

@media screen and (max-width: 63.9375em) { .show-for-large { display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.9375em) { .hide-for-large-only { display: none !important; } }

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) { .show-for-large-only { display: none !important; } }

@media screen and (min-width: 75em) { .hide-for-xlarge { display: none !important; } }

@media screen and (max-width: 74.9375em) { .show-for-xlarge { display: none !important; } }

@media screen and (min-width: 75em) and (max-width: 89.9375em) { .hide-for-xlarge-only { display: none !important; } }

@media screen and (max-width: 74.9375em), screen and (min-width: 90em) { .show-for-xlarge-only { display: none !important; } }

@media screen and (min-width: 90em) { .hide-for-xxlarge { display: none !important; } }

@media screen and (max-width: 89.9375em) { .show-for-xxlarge { display: none !important; } }

@media screen and (min-width: 90em) { .hide-for-xxlarge-only { display: none !important; } }

@media screen and (max-width: 89.9375em) { .show-for-xxlarge-only { display: none !important; } }

.show-for-sr, .show-on-focus { position: absolute !important; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0; }

.show-on-focus:active, .show-on-focus:focus { position: static !important; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; -webkit-clip-path: none; clip-path: none; }

.show-for-landscape, .hide-for-portrait { display: block !important; }

@media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; } }

@media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none !important; } }

.hide-for-landscape, .show-for-portrait { display: none !important; }

@media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none !important; } }

@media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block !important; } }

.align-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.align-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.align-justify { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.align-spaced { -ms-flex-pack: distribute; justify-content: space-around; }

.align-right.vertical.menu > li > a { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.align-center.vertical.menu > li > a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.align-top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.align-self-top { -ms-flex-item-align: start; align-self: flex-start; }

.align-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.align-self-bottom { -ms-flex-item-align: end; align-self: flex-end; }

.align-middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.align-self-middle { -ms-flex-item-align: center; align-self: center; }

.align-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

.align-self-stretch { -ms-flex-item-align: stretch; align-self: stretch; }

.align-center-middle { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; }

.small-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.small-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

.small-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }

.small-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }

.small-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; }

.small-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; }

@media print, screen and (min-width: 40em) { .medium-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .medium-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .medium-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
  .medium-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }
  .medium-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; }
  .medium-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } }

@media print, screen and (min-width: 64em) { .large-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .large-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .large-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
  .large-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }
  .large-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; }
  .large-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } }

@media screen and (min-width: 75em) { .xlarge-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .xlarge-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .xlarge-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
  .xlarge-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }
  .xlarge-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; }
  .xlarge-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } }

@media screen and (min-width: 90em) { .xxlarge-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .xxlarge-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .xxlarge-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
  .xxlarge-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }
  .xxlarge-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; }
  .xxlarge-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } }

.flex-container { display: -webkit-box; display: -ms-flexbox; display: flex; }

.flex-child-auto { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.flex-child-grow { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.flex-child-shrink { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; }

.flex-dir-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.flex-dir-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.flex-dir-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.flex-dir-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

@media print, screen and (min-width: 40em) { .medium-flex-container { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .medium-flex-child-auto { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }
  .medium-flex-child-grow { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }
  .medium-flex-child-shrink { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; }
  .medium-flex-dir-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .medium-flex-dir-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .medium-flex-dir-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .medium-flex-dir-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } }

@media print, screen and (min-width: 64em) { .large-flex-container { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .large-flex-child-auto { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }
  .large-flex-child-grow { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }
  .large-flex-child-shrink { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; }
  .large-flex-dir-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .large-flex-dir-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .large-flex-dir-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .large-flex-dir-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } }

@media screen and (min-width: 75em) { .xlarge-flex-container { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .xlarge-flex-child-auto { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }
  .xlarge-flex-child-grow { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }
  .xlarge-flex-child-shrink { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; }
  .xlarge-flex-dir-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .xlarge-flex-dir-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .xlarge-flex-dir-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .xlarge-flex-dir-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } }

@media screen and (min-width: 90em) { .xxlarge-flex-container { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .xxlarge-flex-child-auto { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }
  .xxlarge-flex-child-grow { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }
  .xxlarge-flex-child-shrink { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; }
  .xxlarge-flex-dir-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .xxlarge-flex-dir-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .xxlarge-flex-dir-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .xxlarge-flex-dir-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } }

.slide-in-down.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.slide-in-down.mui-enter.mui-enter-active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.slide-in-left.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.slide-in-left.mui-enter.mui-enter-active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.slide-in-up.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.slide-in-up.mui-enter.mui-enter-active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.slide-in-right.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.slide-in-right.mui-enter.mui-enter-active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.slide-out-down.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.slide-out-down.mui-leave.mui-leave-active { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); }

.slide-out-right.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.slide-out-right.mui-leave.mui-leave-active { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }

.slide-out-up.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.slide-out-up.mui-leave.mui-leave-active { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }

.slide-out-left.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.slide-out-left.mui-leave.mui-leave-active { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }

.fade-in.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; }

.fade-in.mui-enter.mui-enter-active { opacity: 1; }

.fade-out.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; opacity: 1; -webkit-transition-property: opacity; transition-property: opacity; }

.fade-out.mui-leave.mui-leave-active { opacity: 0; }

.hinge-in-from-top.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 0; }

.hinge-in-from-top.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; }

.hinge-in-from-right.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 0; }

.hinge-in-from-right.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; }

.hinge-in-from-bottom.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateX(90deg); transform: perspective(2000px) rotateX(90deg); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 0; }

.hinge-in-from-bottom.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; }

.hinge-in-from-left.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateY(90deg); transform: perspective(2000px) rotateY(90deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 0; }

.hinge-in-from-left.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; }

.hinge-in-from-middle-x.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 0; }

.hinge-in-from-middle-x.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; }

.hinge-in-from-middle-y.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 0; }

.hinge-in-from-middle-y.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; }

.hinge-out-from-top.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 1; }

.hinge-out-from-top.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; }

.hinge-out-from-right.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 1; }

.hinge-out-from-right.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); opacity: 0; }

.hinge-out-from-bottom.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 1; }

.hinge-out-from-bottom.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(90deg); transform: perspective(2000px) rotateX(90deg); opacity: 0; }

.hinge-out-from-left.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 1; }

.hinge-out-from-left.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(90deg); transform: perspective(2000px) rotateY(90deg); opacity: 0; }

.hinge-out-from-middle-x.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 1; }

.hinge-out-from-middle-x.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; }

.hinge-out-from-middle-y.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 1; }

.hinge-out-from-middle-y.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); opacity: 0; }

.scale-in-up.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 0; }

.scale-in-up.mui-enter.mui-enter-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }

.scale-in-down.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 0; }

.scale-in-down.mui-enter.mui-enter-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }

.scale-out-up.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 1; }

.scale-out-up.mui-leave.mui-leave-active { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); opacity: 0; }

.scale-out-down.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 1; }

.scale-out-down.mui-leave.mui-leave-active { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); opacity: 0; }

.spin-in.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: rotate(-0.75turn); -ms-transform: rotate(-0.75turn); transform: rotate(-0.75turn); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 0; }

.spin-in.mui-enter.mui-enter-active { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }

.spin-out.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 1; }

.spin-out.mui-leave.mui-leave-active { -webkit-transform: rotate(0.75turn); -ms-transform: rotate(0.75turn); transform: rotate(0.75turn); opacity: 0; }

.spin-in-ccw.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: rotate(0.75turn); -ms-transform: rotate(0.75turn); transform: rotate(0.75turn); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 0; }

.spin-in-ccw.mui-enter.mui-enter-active { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }

.spin-out-ccw.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 1; }

.spin-out-ccw.mui-leave.mui-leave-active { -webkit-transform: rotate(-0.75turn); -ms-transform: rotate(-0.75turn); transform: rotate(-0.75turn); opacity: 0; }

.slow { -webkit-transition-duration: 750ms !important; transition-duration: 750ms !important; }

.fast { -webkit-transition-duration: 250ms !important; transition-duration: 250ms !important; }

.linear { -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; }

.ease { -webkit-transition-timing-function: ease !important; transition-timing-function: ease !important; }

.ease-in { -webkit-transition-timing-function: ease-in !important; transition-timing-function: ease-in !important; }

.ease-out { -webkit-transition-timing-function: ease-out !important; transition-timing-function: ease-out !important; }

.ease-in-out { -webkit-transition-timing-function: ease-in-out !important; transition-timing-function: ease-in-out !important; }

.bounce-in { -webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out { -webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out { -webkit-transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay { -webkit-transition-delay: 300ms !important; transition-delay: 300ms !important; }

.long-delay { -webkit-transition-delay: 700ms !important; transition-delay: 700ms !important; }

/* Animations */
.lift-child .lift-me { -webkit-transition: all 2s; transition: all 2s; display: block; }

.lift-child:hover .lift-me { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-transition: all .2s; transition: all .2s; display: block; }

.hidden { visibility: hidden; width: 0px !important; height: 0px !important; margin: 0px !important; padding: 0px !important; }

/* Switches */
.switch-paddle.round { border-radius: 5000px; }

.switch-paddle.round::after { border-radius: 5000px; }

/* Gradients */
.bkgd-gradient { width: 100%; height: 300px; display: block; background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(50%, #C00DDD), color-stop(100%, transparent)); /* Chrome, Safari4+ */ background: -webkit-linear-gradient(left, transparent 0%, #C00DDD 50%, transparent 100%); /* Chrome10+, Safari5.1+ */ /* FF3.6+ */ background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(50%, #C00DDD), to(transparent)); background: -webkit-linear-gradient(right, transparent 0%, #C00DDD 50%, transparent 100%); background: linear-gradient(to left, transparent 0%, #C00DDD 50%, transparent 100%); /* W3C */ }

.bkgd-grad-blue-green { background: #5483ae; background: -webkit-linear-gradient(45deg, #5483ae 0%, #48c874 100%); background: linear-gradient(45deg, #5483ae 0%, #48c874 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5483ae', endColorstr='#48c874',GradientType=1 ); }

/* PADDING and MARGINS */
.padding-30 { padding: 30px; }

.padding-20 { padding: 20px; }

.padding-15 { padding: 15px; }

.sect-padding { padding-top: 50px; padding-bottom: 50px; }

.sect-padding-small { padding: 20px 0; }

.sect-padding-top { padding-top: 50px; }

.sect-padding-top-small { padding-top: 20px; }

.sect-padding-bottom { padding-bottom: 50px; }

.sect-padding-bottom-small { padding-bottom: 20px; }

@media print, screen and (min-width: 64em) { .sect-padding-top-large { padding-top: 50px; } }

.padding-0 { padding: 0 !important; }

.pad-bot-0 { padding-bottom: 0; }

.pad-bot-5 { padding-bottom: 5px; }

.pad-bot-10 { padding-bottom: 10px; }

.pad-bot-15 { padding-bottom: 15px; }

.pad-bot-20 { padding-bottom: 20px; }

.pad-bot-30 { padding-bottom: 30px; }

.pad-bot-50 { padding-bottom: 50px; }

.pad-bot-150 { padding-bottom: 150px; }

.pad-top-0 { padding-top: 0; }

.pad-top-5 { padding-top: 5px; }

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

.pad-top-15 { padding-top: 15px; }

.pad-top-20 { padding-top: 20px; }

.pad-top-25 { padding-top: 25px; }

.pad-top-30 { padding-top: 30px; }

.pad-top-50 { padding-top: 50px; }

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

.margin-10 { margin: 10px; }

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

.margin-top-5 { margin-top: 5px !important; }

.margin-top-10 { margin-top: 10px !important; }

.margin-top-15 { margin-top: 15px !important; }

.margin-top-20 { margin-top: 20px !important; }

.margin-top-30 { margin-top: 30px !important; }

.margin-top-150 { margin-top: 150px !important; }

@media print, screen and (min-width: 40em) { .medium-margin-top-150 { margin-top: 150px !important; } }

@media print, screen and (min-width: 64em) { .large-margin-top-150 { margin-top: 150px !important; } }

.margin-bot-0 { margin-bottom: 0 !important; }

.margin-bot-5 { margin-bottom: 5px !important; }

.margin-bot-10 { margin-bottom: 10px !important; }

.margin-bot-15 { margin-bottom: 15px !important; }

.margin-bot-20 { margin-bottom: 20px !important; }

.margin-bot-30 { margin-bottom: 30px !important; }

.margin-right-15 { margin-right: 15px !important; }

.margin-right-20 { margin-right: 20px !important; }

.margin-right-30 { margin-right: 30px !important; }

.margin-left-15 { margin-left: 15px !important; }

.margin-left-20 { margin-left: 20px !important; }

.margin-left-30 { margin-left: 30px !important; }

.recess-150 { margin-top: -150px; }

.recess-100 { margin-top: -100px; }

@media print, screen and (min-width: 40em) { .medium-recess-150 { margin-top: -150px; }
  .medium-recess-100 { margin-top: -100px; } }

@media print, screen and (min-width: 64em) { .large-recess-150 { margin-top: -150px; }
  .large-recess-100 { margin-top: -100px; } }

@media screen and (max-width: 39.9375em) { .small-only-pad-top-15 { padding-top: 15px; }
  .small-only-pad-top-30 { padding-top: 30px; }
  .small-only-pad-top-50 { padding-top: 50px; } }

/* BAD heights */
.height-450 { height: 450px; }

@media print, screen and (min-width: 40em) { .height-100vh { height: 100vh; } }

@media print, screen and (min-width: 40em) { .min-height-100vh { min-height: 100vh; } }

/*.form-full-height { position: absolute; width: 100%; min-height: 100vh; } */
.vc-container { display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.vc-item { -ms-flex-item-align: center; align-self: center; }

.hero-bg { min-height: 70vh; padding: 50px 0; background-repeat: no-repeat; }

.bkgd-cover { -webkit-background-size: cover; background-size: cover; }

.bkgd-center-top, .center-top { background-position: center top; }

.bkgd-center { background-position: center center; }

.ta-center { text-align: center; }

.ta-left { text-align: left; }

.ta-right { text-align: right; }

@media only screen and (max-width: 480px) { .center-on-small { text-align: center; } }

.divider { width: 80%; border-bottom: 1px solid #CCC; display: block; margin: auto; background: #FFF; }

.divider.width-100 { width: 100%; }

.row.table { margin: 0; margin-bottom: 30px; border: 1px solid #EFEFEF; }

.row.table .columns { padding: 5px; border-bottom: 1px solid #EFEFEF; border-right: 1px solid #EFEFEF; }

.row.table .columns.no-border-bottom { border-bottom: none !important; }

.row.table .columns.no-border-right { border-right: none !important; }

.hero, .full-bg { height: 6.25rem; min-height: 45vh; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; position: relative; }

.hero-short, .full-bg-short { height: 250px; min-height: 25vh; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; position: relative; }

.gz-hero { min-height: 450px; height: 200px; width: 100%; position: relative; }

.gz-hero.height-auto { height: auto !important; }

.gz-hero-padding { min-height: 250px; padding: 100px 0; }

.gz-hero.short { min-height: 250px !important; height: 200px; }

.gz-hero.max-height { max-height: 450px !important; height: 200px; overflow: hidden; }

.gz-hero.max-height.short { max-height: 250px !important; }

.gz-filter { background: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; top: 0; left: 0; position: absolute; }

.bkgd-alpha-3 { background: rgba(0, 0, 0, 0.3) !important; }

.bkgd-alpha-5 { background: rgba(0, 0, 0, 0.5) !important; }

.bkgd-alpha-7 { background: rgba(0, 0, 0, 0.7) !important; }

.cover-center { background-position: center center !important; background-repeat: no-repeat !important; -webkit-background-size: cover !important; background-size: cover !important; position: relative !important; }

.cover-center.top { background-position: center top !important; }

.centered, .centered .content-wrap, .centered * { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

/* If kept, should be moved - used for Foundation page */
.circle { height: 9rem; border-radius: 50%; width: 9rem; margin: 3rem auto 1.5rem; position: relative; text-align: center; }

.circle.green { background-color: #25c151; border: 1px solid #25c151; }

.circle span { display: inline-block; color: inherit; margin: 2.2rem auto; font-size: 4rem; }

.circle p { text-align: center; font-size: 1.6rem; margin: 2rem auto; }

/* Background Colors */
.lightest-gray-bg { background-color: #f9f9f9; }

.light-gray-bg { background-color: #f4f4f4 !important; }

.pd-green-bg { background-color: #25c151; }

.white-bg { background-color: #FFFFFF !important; }

.dark-gray-bg { background-color: #343434 !important; }

.black-bg { background-color: #000000 !important; }

.center-top { background-position: center top !important; }

.center-left { background-position: center left !important; }

.center-bottom { background-position: center bottom !important; }

/* Text Colors */
.green-text { color: #25c151 !important; }

.white-text, .white-text p, .white { color: #FFFFFF !important; }

.green-blue-gradient { overflow: hidden; background: #25c151; /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, #25c151 0%, #5ab1bb 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(#25c151), to(#5ab1bb)); background: linear-gradient(to bottom, #25c151 0%, #5ab1bb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$gz-green', endColorstr='$gz-teal',GradientType=0 ); /* IE6-9 */ }

.bkgd-blue-green-gradient { background: #25c151; /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, #25c151 0%, #5ab1bb 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(#25c151), to(#5ab1bb)); background: linear-gradient(to bottom, #25c151 0%, #5ab1bb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$gz-green', endColorstr='$gz-teal',GradientType=0 ); /* IE6-9 */ }

.bkgd-blue-green-vh-60 { background: #25c151; background: -webkit-linear-gradient(top, #25c151 0%, #5ab1bb 100%); background: -webkit-gradient(linear, left top, left bottom, from(#25c151), to(#5ab1bb)); background: linear-gradient(to bottom, #25c151 0%, #5ab1bb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$gz-green', endColorstr='$gz-teal',GradientType=0 ); -webkit-background-size: 100% 60%; background-size: 100% 60%; background-repeat: no-repeat; }

/* Lists */
ul.no-bullet { list-style-position: inside; margin-left: 0px; padding-right: 15px; margin-bottom: 15px; list-style: none; }

ul.no-bullet li { margin-left: 0; }

ul.webinar-bullets, ul.check-bullets { list-style-position: inside; margin-left: 25px; padding-right: 25px; margin-bottom: 25px; list-style: none; }

ul.webinar-bullets li, ul.check-bullets li { margin-bottom: 10px; }

ul.webinar-bullets li:before, ul.check-bullets li:before { font-family: "FontAwesome"; content: "\f00c"; color: #25c151; margin-left: -20px; padding-right: 5px; }

ul.gz-list { list-style-type: none; margin-left: 0; list-style-position: inside; }

ul.gz-list li { padding-right: 0; list-style: none; }

li.gz-green { color: #25c151 !important; }

/* Positioning */
.vertical-center { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; }

.absolute-center { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; left: 0; margin: 0 auto; z-index: 10; }

.position-rel, .pos-relative { position: relative; }

.pos-absolute { position: absolute; }

/* Global Color Classes */
.base-color { color: #F9F9F9; }

.opposing-base-color { color: #343434; }

.gz-green { color: #25c151; }

.gz-blue { color: #4d7ea0; }

.gz-drk-gray { color: #343434; }

.gz-space-gray { color: #454545; }

.gz-med-gray { color: #666666; }

.gz-mid-gray { color: #999999; }

.gz-lt-gray { color: #CCCCCC; }

.gz-xlt-gray { color: #EFEFEF; }

.gz-white { color: #FFFFFF; }

.gz-black { color: #000000; }

.gz-teal { color: #5ab1bb !important; }

a.gz-teal:hover { color: #3f99a3 !important; }

.gz-blog-blue { color: #0F313A !important; }

.error-msg, .create-account-error-msg, #create-account-error-msg { color: #d14747; clear: both; margin-bottom: 5px; }

/* Background Color Fill Classes */
.base-color.bkgd-fill { background-color: #F9F9F9; color: #343434; }

.primary.bkgd-fill { background-color: #25c151; }

.secondary.bkgd-fill { background-color: #3b6b90; color: #FFFFFF; }

.success.bkgd-fill { background-color: #3adb76; }

.warning.bkgd-fill { background-color: #ffae00; }

.alert.bkgd-fill { background-color: #cc4b37; }

.gz-green.bkgd-fill, .pd-green-bg { background-color: #25c151; color: #FFFFFF; }

.gz-blue.bkgd-fill { background-color: #4d7ea0; color: #FFFFFF; }

.gz-drk-gray.bkgd-fill, .dark-gray-bg { background-color: #343434; color: #FFFFFF; }

.gz-space-gray.bkgd-fill { background-color: #454545; color: #FFFFFF; }

.gz-med-gray.bkgd-fill { background-color: #666666; color: #FFFFFF; }

.gz-lt-gray.bkgd-fill { background-color: #CCCCCC; color: #666666; }

.gz-xlt-gray.bkgd-fill, .light-gray-bg { background-color: #EFEFEF; color: #666666; }

.white-bg, .bkgd-white { background: #FFFFFF !important; }

.black-bg, .bkgd-black { background: black !important; }

.bkgd-green { background: #25c151 !important; }

.bkgd-xxlt-gray { background: #f4f4f4 !important; }

.bkgd-xlt-gray { background: #EFEFEF !important; }

.bkgd-lt-gray { background: #CCCCCC !important; }

.bkgd-space-gray { background: #454545 !important; }

.bkgd-mid-gray { background: #999999 !important; }

.bkgd-med-gray { background: #666666 !important; }

.bkgd-drk-gray { background: #343434 !important; }

.bkgd-teal { background: #5ab1bb !important; }

.bkgd-half-gray { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+1,f4f4f4+50,ffffff+51,ffffff+51&1+0,1+50,0+51 */ /* FF3.6-15 */ background: -webkit-linear-gradient(left, #f4f4f4 0%, #f4f4f4 1%, #f4f4f4 50%, rgba(255, 255, 255, 0) 50%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(#f4f4f4), color-stop(1%, #f4f4f4), color-stop(50%, #f4f4f4), color-stop(50%, rgba(255, 255, 255, 0))); background: linear-gradient(to right, #f4f4f4 0%, #f4f4f4 1%, #f4f4f4 50%, rgba(255, 255, 255, 0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */ }

/* Shadows */
.mat-shadow-tiny { -webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.12), 0 0px 1px rgba(0, 0, 0, 0.24); box-shadow: 0 0px 1px rgba(0, 0, 0, 0.12), 0 0px 1px rgba(0, 0, 0, 0.24); }

.mat-shadow-1 { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.mat-shadow-ani-sml-1 { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; }

.mat-shadow-ani-sml-1:hover { -webkit-box-shadow: 0 7px 24px rgba(0, 0, 0, 0.25), 0 5px 5px rgba(0, 0, 0, 0.24); box-shadow: 0 7px 24px rgba(0, 0, 0, 0.25), 0 5px 5px rgba(0, 0, 0, 0.24); }

.mat-shadow-ani-1 { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; }

.mat-shadow-ani-1:hover { -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.24); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.24); }

.mat-shadow-ani-2 { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }

.mat-shadow-ani-2:hover { -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

.mat-shadow-2 { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.mat-shadow-3 { -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

/* Borders */
.dot-bordered { border: 1px dotted #25c151; }

/* links */
a { -webkit-transition: all 0.2s; transition: all 0.2s; outline: none; }

/* Social */
.share-buttons-lt-gray i { color: #CCCCCC; }

.share-buttons-lt-gray i:hover { color: #666666; }

.share-buttons-med-gray i { color: #666666; }

.share-buttons-med-gray i:hover { color: #454545; }

/* Typography */
.typ-cfx-reg { font-family: 'colfax-regular'; }

.typ-cfx-med { font-family: 'colfax-medium'; }

.typ-cfx-bold { font-family: 'colfax-bold'; }

.uppercase { text-transform: uppercase !important; }

.italic { font-style: italic; }

.strong { font-family: colfax-medium; }

/* MIXINS */
/*OTHER */
.pill-box a { display: block; clear: both; text-align: center; margin: 15px auto 15px auto; }

.pill { position: relative; text-align: center; background: #FFF; width: 150px; height: 150px; border-radius: 50%; text-align: center; padding: 10px; display: inline-block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1); }

.pill .pill-inner { width: 100%; height: 100%; background: #f4f4f4; border-radius: 50%; text-align: center; position: relative; }

.pill .pill-inner .fa { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #666; font-size: 3.5em !important; }

/* tags */
.pd-tag { border-radius: 4px; margin-bottom: 10px; display: inline-block; padding: 2px 10px; background: #CCCCCC; margin-right: 5px; color: #FFFFFF; font-size: .9em; -webkit-transition: all .3s ease; transition: all .3s ease; }

.pd-tag:hover { background: #666666; color: #FFFFFF; }

/* Viewport Animation Classes */
.vp-fade-in { opacity: 0; -webkit-transition: 1s opacity ease-in-out; transition: 1s opacity ease-in-out; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }

.vp-fade-in.vp-on { opacity: 1; }

.vp-fade-in-instant { opacity: 0; -webkit-transition: 1s opacity ease-in-out; transition: 1s opacity ease-in-out; }

.vp-fade-in-instant.vp-on { opacity: 1; }

/* Viewport Animation Classes */
.vp-fade-in-up { opacity: 0; /*	margin-top: 40px;*/ -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); -webkit-transition: 1s all ease-in-out; transition: 1s all ease-in-out; }

.vp-fade-in-up.vp-on { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.vp-fade-slide-in-left { opacity: 0; -webkit-transform: translateX(-160px); -ms-transform: translateX(-160px); transform: translateX(-160px); -webkit-transition: .9s opacity ease-in-out, 0.5s -webkit-transform ease; transition: .9s opacity ease-in-out, 0.5s -webkit-transform ease; transition: .9s opacity ease-in-out, 0.5s transform ease; transition: .9s opacity ease-in-out, 0.5s transform ease, 0.5s -webkit-transform ease; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

.vp-fade-slide-in-left.vp-on { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.vp-fade-slide-in-right { opacity: 0; -webkit-transform: translateX(160px); -ms-transform: translateX(160px); transform: translateX(160px); -webkit-transition: .9s opacity ease-in-out, 0.5s -webkit-transform ease; transition: .9s opacity ease-in-out, 0.5s -webkit-transform ease; transition: .9s opacity ease-in-out, 0.5s transform ease; transition: .9s opacity ease-in-out, 0.5s transform ease, 0.5s -webkit-transform ease; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

.vp-fade-slide-in-right.vp-on { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

/* FORMS - incl WPC7 */
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea { height: auto; padding: .55rem; }

/*#respond input[type=text], #respond textarea, .post-password-form input[type=password], .wpcf7-form-control.wpcf7-date, .wpcf7-form-control.wpcf7-number, .wpcf7-form-control.wpcf7-quiz, .wpcf7-form-control.wpcf7-select, .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea, select {
    width: 100%;
    margin: .55rem 0;
    padding: 1rem 0;
    padding-left: .75rem;
    border: 1px solid #cfcfcf;
    outline: 0;
    height: auto;
    font-family: colfax-regular,sans-serif;
    font-weight: 500;
    font-size: 1em;
    background-color: #fff;
    color: #434343;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}*/
div.wpcf7-response-output { border: none; color: #1a9c3f; font-size: 1.25rem; margin: 0; margin: 1rem 0; text-align: center; }

div.wpcf7-validation-errors { font-size: 1.25rem; margin: 0; margin: 1rem 0; color: red; }

/*label {
	font-weight: 700;
	font-family: "Helvetica Neue", Arial, sans-serif;
}

input, select {
	width: 100%;
    padding: 1em 0;
    padding-left: .5em;
    margin: .55rem 0;
    border: 1px solid #e1e1e1;
    background-color: white;
    border-radius: 5px;
    position: relative;
    z-index: 9;

}*/
/*input:not([type='submit']), select{ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: all 0.3s cubic-bezier(0.25,0.8,0.25,1); } input:not([type='submit']):hover, select:hover{ box-shadow: 0 7px 24px rgba(0,0,0,0.25), 0 5px 5px rgba(0,0,0,0.22); } */
/*input[type=submit]{ background-color: #25c151; color: white; font-weight: 700; border: none; padding: 1.25em 0; position: relative; z-index: 9; display: block; }*/
.wpcf7-form input[type=submit], .wpcf7-form-control.wpcf7-submit { display: block; width: 100%; border: none !important; padding: .5rem 0 !important; }

/*form input, form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }*/
/*input { color: #272727; } */
/*select{ border: none; background: white url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") no-repeat 95% center; } */
/* Marketo Form Styles */
.mktoError { left: 0; }

#marketo-form { /*select { // .mktoField.mktoRequired { max-width: 330px !important; width: 290px !important; clear: both; padding-left: 10px; // } }*/ }

#marketo-form form { border: 1px solid #999999; padding: 15px; width: 100% !important; }

#marketo-form h4 { margin-bottom: 0; color: #25C151; width: 100% !important; font-weight: 600; font-size: 18px; }

#marketo-form input { clear: both; max-width: 330px !important; width: 290px !important; }

#marketo-form .mktoForm .mktoFormCol { width: 100% !important; }

#marketo-form .mktoForm .mktoLabel { width: 100% !important; }

#marketo-form .mktoForm .mktoAsterix { width: 20px; float: left; }

#marketo-form .mktoForm .mktoButtonWrap { margin: 0 auto !important; }

#marketo-form .mktoForm .mktoButtonWrap .mktoButton { padding: 10px 20px; background-image: none !important; background-color: #25c151; border: none !important; font-size: 1rem; }

.mktoButton { background: #25c151 !important; color: #FFFFFF !important; border: none; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

/* Migrated from old site */
.weekly-demo label, .weekly-demo select { color: #666666; }

.weekly-demo input { padding-left: 15px; padding-right: 15px; }

.weekly-demo input::-webkit-input-placeholder { color: #EFEFEF !important; }

.weekly-demo input::-ms-input-placeholder { color: #EFEFEF !important; }

.weekly-demo input::placeholder { color: #EFEFEF !important; }

.box-form input { width: 97%; height: 2.5rem; padding-left: 10px; font-size: 1rem; }

.box-form input:active { border-color: #25c151; }

.box-form .row { margin-bottom: 2em; }

.box-form .submitter, .mktoButtonRow > span > button { font-family: 'colfax-medium'; text-transform: uppercase; letter-spacing: 1px; border-radius: 3px; padding: 15px 0 15px 0 !important; -webkit-transition: all .2s ease; transition: all .2s ease; display: inline-block; vertical-align: middle; margin: 0 0 1rem 0; font-family: inherit; padding: 0.85em 1em; -webkit-appearance: none; border: 1px solid #25c151 !important; border-radius: 4px; -webkit-transition: background-color 0.05s ease-out, color 0.05s ease-out; transition: background-color 0.05s ease-out, color 0.05s ease-out; font-size: 0.9rem; line-height: 1; text-align: center; cursor: pointer; background-color: #25c151 !important; color: #FFFFFF; text-shadow: none !important; }

.box-form .submitter:hover, .mktoButtonRow > span > button:hover { border: 1px solid #1fa445 !important; background: #1fa445 !important; color: #FFF !important; }

.mktoButtonRow > span > button { padding: 16px 35px; font-size: 1rem; }

.box-form label { font-weight: bold; }

/* This was brought over and effects the marketo textfieds.

/* JS Widget from Marketo - edit DOM elements in Marketo */
.mktoForm * { font-family: inherit; line-height: inherit; margin-top: 1px; }

.mktoForm { color: inherit !important; width: 100% !important; font-size: .85rem !important; }

.mktoOffset { display: none; }

.mktoForm div, .mktoForm span { width: 100%; padding-top: 0 !important; }

.mktoForm .mktoLabel { width: 100% !important; font-weight: bold; margin-bottom: 3px; }

.mktoForm .mktoLabel p { color: inherit; font-weight: bold; font-family: "colfax-regular" !important; }

.mktoForm .mktoRequiredField .mktoAsterix { display: none !important; }

.mktoForm .mktoFieldWrap { margin-bottom: 10px; }

.mktoForm input, .mktoForm select, .mktoForm textarea { width: 100% !important; clear: both; height: 46px; font-size: 1rem; }

.box-form textarea, .mktoForm textarea { width: 99%; resize: none; padding: 10px; border: 1px solid #ccc; font-size: 1rem; height: inherit; }

.box-form textarea { width: 96%; }

#Number_of_Employees__c { height: 46px !important; }

.mktoForm .mktoGutter { display: none; }

.mktoButtonWrap.mktoNative { margin-left: 0 !important; }

/*   Form Overrides   */
.mktoButtonWrap.mktoSimple .mktoButton { padding: 15px 30px !important; float: left; }

#contact-sales .mktoError { right: 0 !important; bottom: 0 !important; }

fieldset.mktoFormCol { display: none; }

/* WEEKLY DEMO */
.mktoButtonWrap.mktoPurpleCandy { margin-left: 0px !important; }

.mktoButton { font-family: 'colfax-medium'; text-transform: uppercase; letter-spacing: 1px; border-radius: 3px; padding: 1em 1.25em; -webkit-transition: all .2s ease; transition: all .2s ease; display: inline-block; vertical-align: middle; margin: 0 0 1rem 0; font-family: inherit; padding: 0.85em 1em; -webkit-appearance: none; border: 1px solid transparent; border-radius: 4px; -webkit-transition: background-color 0.05s ease-out, color 0.05s ease-out; transition: background-color 0.05s ease-out, color 0.05s ease-out; font-size: 0.9rem; line-height: 1; text-align: center; cursor: pointer; background-color: #25c151; color: #FFFFFF; }

.mktoButton:hover { background-color: #1fa445 !important; border-color: #1fa445 !important; color: #FFF !important; }

.not-valid, .error-field-background { background-color: #ffdede !important; }

.err-msg { color: #cc0000; font-size: .8em; }

.sign-up-form { padding: 0; /*.f-name-wrapper, .l-name-wrapper { width: calc(50% - 10px); float: left; }*/ }

.sign-up-form h2 { margin-bottom: 0; }

.sign-up-form input { margin-bottom: 0 !important; margin-top: 15px; width: 100% !important; max-width: 100% !important; line-height: 30px; padding: 5px; border-radius: 4px; border: 1px solid #bbbbbb; color: #343434; height: 42px; }

.sign-up-form input.mobile-country-code { width: 12% !important; }

.sign-up-form input.mobile-number { width: 84% !important; float: right; }

.sign-up-form .l-name-wrapper { margin-left: 20px; }

.sign-up-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #666; }

.sign-up-form input::-moz-placeholder { /* Firefox 19+ */ color: #666; }

.sign-up-form input:-ms-input-placeholder { /* IE 10+ */ color: #666; }

.sign-up-form input:-moz-placeholder { /* Firefox 18- */ color: #666; }

.sign-up-form .prefix-wrapper { margin-top: 0; }

.sign-up-form .prefix, .sign-up-form .postfix { margin-top: 15px; width: 70px; line-height: 30px; padding: 5px; border-radius: 4px 0 0 4px; border-right: none; border-top: 1px solid #bbbbbb; border-left: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; border-right: 1px solid #fff; display: inline-block; background: #F4F4F4; text-align: right; color: #343434; min-width: 60px; float: left; }

.sign-up-form .postfix { padding: 0; width: 125px; border-left: 1px solid #fff; border-right: 1px solid #bbbbbb; border-radius: 0 4px 4px 0; z-index: 999; text-align: left; }

.sign-up-form .prefix-field { float: left; border-radius: 0 !important; width: calc(100% - 195px) !important; }

.sign-up-form .postfix-text { margin-top: 15px; line-height: 40px; float: left; }

.sign-up-form .mobile-country-code { width: 70px; text-align: right; float: left; margin-right: 10px; }

.sign-up-form .mobile-number { float: left; width: calc(100% - 80px); }

.sign-up-form .btn-trial { margin-top: 15px; width: 100%; padding-left: 0; padding-right: 0; text-align: center; }

.sign-up-form .success-msg-wrapper { display: none; padding: 100px 0; text-align: center; }

.sign-up-form .success-msg-wrapper h2 { font-family: 'colfax-medium'; }

.sign-up-form .success-msg-wrapper a { display: inline-block; padding-bottom: 15px; font-family: 'colfax-medium'; }

.sign-up-form .form-terms-copy { margin-top: 5px; font-size: .825em; display: inline-block; }

.sign-up-form .row.align-justify { padding: 0; }

.sign-up-form .error-msg { margin-bottom: 0; max-height: 15px; }

.sign-up-form [type='text']:focus, .sign-up-form [type='password']:focus, .sign-up-form [type='date']:focus, .sign-up-form [type='datetime']:focus, .sign-up-form [type='datetime-local']:focus, .sign-up-form [type='month']:focus, .sign-up-form [type='week']:focus, .sign-up-form [type='email']:focus, .sign-up-form [type='number']:focus, .sign-up-form [type='search']:focus, .sign-up-form [type='tel']:focus, .sign-up-form [type='time']:focus, .sign-up-form [type='url']:focus, .sign-up-form [type='color']:focus, .sign-up-form textarea:focus { border-color: #999999 !important; }

.single-line.sign-up-form { position: relative; /*.inner-line-wrapper { height: 70px; width: 100%; top:0; left:0; overflow: hidden; }*/ }

.single-line.sign-up-form .button-wrapper { height: 70px; width: 29%; margin-left: 1%; float: left; }

.single-line.sign-up-form .btn-trial { margin-top: 0; }

.single-line.sign-up-form input { -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; margin-top: 15px; width: 100%; line-height: 30px; padding: 10px 15px 0px 15px; border-radius: 0; border: none; border-bottom: 2px solid #ccc; color: #343434; height: 50px; font-family: colfax-medium, Helvetica, "Helvetica Neue", sans-serif; }

.single-line.sign-up-form .prefix { border-left: none; }

.single-line.sign-up-form .prefix, .single-line.sign-up-form .postfix { font-size: 14px; margin-top: 0; line-height: 40px; height: 50px; border-top: none; border-radius: 0; border-bottom: transparent; background: transparent; color: #454545 !important; font-family: colfax-medium, Helvetica, "Helvetica Neue", sans-serif; }

.single-line.sign-up-form .postfix { width: 130px; text-align: left; border-right: none; }

.single-line.sign-up-form .prefix-field { float: left; width: calc(100% - 200px); }

.single-line.sign-up-form .postfix-text { line-height: 50px; float: left; height: 50px; padding-left: 5px; }

.single-line.sign-up-form .line-item-wrapper { position: relative; height: 70px; width: 70%; float: left; display: block; overflow: hidden; }

.single-line.sign-up-form .line-item { position: absolute; height: 70px !important; width: 100%; left: 0; top: 80px; opacity: 1; overflow: hidden; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; display: block; }

@media screen and (max-width: 39.9375em) { .single-line.sign-up-form .line-item-wrapper { height: 70px; width: 100%; }
  .single-line.sign-up-form .button-wrapper { height: 70px; width: 100%; margin-left: 0; } }

.single-line.sign-up-form .line-item.active { opacity: 1; top: 0px; height: 70px !important; }

.single-line.sign-up-form .line-item.top { top: -80px; }

.single-line.sign-up-form .error-msg, .single-line.sign-up-form #create-account-error-msg { position: absolute; top: 100%; color: #d14747; padding-left: 0; font-size: .85em; padding-top: 2px; height: auto; }

.pd-input-group { position: relative; display: inline-block; width: 100%; margin-top: 0px !important; height: 50px; }

.pd-input-group input { margin-top: 0 !important; }

.pd-input-group .helper-text { top: 15px; left: 15px; position: absolute; -webkit-transition: 200ms all ease-in-out; transition: 200ms all ease-in-out; color: #999999; pointer-events: none; display: inline-block; }

.pd-input-group .helper-text.not-valid { background-color: transparent !important; }

.pd-input-group .helper-text.subdomain { left: 85px; }

.pd-input-group.first { width: calc(50% - 5px); float: left; }

.pd-input-group.second { width: calc(50% - 5px); float: left; margin-left: 10px; }

.pd-input-group.focusWithText .helper-text { top: 5px; font-size: .7em; }

.gz-form-wrap { width: 95%; margin: 0 auto; padding: 2rem 1.5rem; background: #f4f4f4; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

@media screen and (max-width: 63.9375em) { .gz-form-wrap { padding: 2rem .75rem 1rem; } }

.gz-form-wrap .mktoFieldWrap { margin-bottom: 5px; }

.gz-form-wrap .mktoLabel { color: #343434; font-family: colfax-regular, Helvetica, "Helvetica Neue", sans-serif; }

.gz-form-wrap .mktoButton { -webkit-transition: background-color .12s ease-out; transition: background-color .12s ease-out; font-family: colfax-medium, Helvetica, "Helvetica Neue", sans-serif; font-size: 16px; }

.gz-form-wrap .mktoButtonRow > span > button:hover { background-color: #1fa445 !important; border-color: #1fa445 !important; }

.gz-form-wrap .mktoButtonRow { margin-top: 15px; }

.gz-form-wrap .mktoForm .mktoError .mktoErrorArrow { background: #bb4848; border: none; }

.gz-form-wrap .mktoForm .mktoError .mktoErrorMsg { background: #bb4848; border: none; padding-top: 5px !important; text-shadow: none !important; font-family: colfax-medium, Helvetica, "Helvetica Neue", sans-serif; }

.gz-mkto-form .mktoForm { margin-bottom: 0; }

.gz-mkto-form .mktoForm .mktoFieldWrap { margin-bottom: 10px !important; }

.gz-mkto-form .mktoLabel { color: #FFFFFF; }

.gz-mkto-form .mktoFormRow:nth-child(2) .mktoFieldDescriptor { width: 50%; }

.gz-mkto-form .mktoFormRow:nth-child(2) .mktoFieldDescriptor:nth-child(1) { padding-right: 10px; }

.gz-mkto-form .mktoFormRow:nth-child(2) .mktoFieldDescriptor:nth-child(2) { padding-left: 10px; }

@media screen and (max-width: 39.9375em) { .gz-mkto-form .mktoFormRow:nth-child(2) .mktoFieldDescriptor { width: 100%; }
  .gz-mkto-form .mktoFormRow:nth-child(2) .mktoFieldDescriptor:nth-child(1) { padding-right: 0; }
  .gz-mkto-form .mktoFormRow:nth-child(2) .mktoFieldDescriptor:nth-child(2) { padding-left: 0; } }

.gz-mkto-form .form-thank-you { display: none; }

.gz-mkto-form button.mktoButton { padding-left: 50px !important; padding-right: 50px !important; margin-top: 15px !important; border: none !important; font-family: colfax-medium, helvetica, verdana; width: 100% !important; height: 50px; display: block; }

.gz-mkto-form .box-form .submitter:hover, .gz-mkto-form .mktoButtonRow > span > button:hover { background: #1fa445 !important; color: #FFFFFF !important; border: solid 1px #1fa445 !important; }

/* == WordPress WYSIWYG Editor Styles == */
.entry-content img { margin: 0 0 1.5em 0; }

.alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; }

.alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; }

.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }

.alignnone, img.alignnone { /* not sure about this one */ }

.wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; }

.wp-caption img { border: 0 none; padding: 0; margin: 0; }

.wp-caption p.wp-caption-text { line-height: 1.5; font-size: 10px; margin: 0; }

.wp-smiley { margin: 0 !important; max-height: 1em; }

/* blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; } blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; } */
#widgetized-area button.mktoButton { padding: 15px 30px !important; font-family: colfax-medium; }

#widgetized-area .widget-social-icons { padding-top: 15px !important; padding-left: 0; }

#widgetized-area .widget-social-icons a { margin-top: 15px; margin-right: 10px; font-size: 25px !important; }

#widgetized-area .eng-post-author, #widgetized-area .eng-post-date { color: #EFEFEF; font-size: 1em; }

#widgetized-area h4 { font-family: colfax-medium; margin-top: 10px; margin-bottom: 15px; color: #666666; }

#widgetized-area .widget-spacer { width: 100%; margin: 30px 0; border-top: 1px solid #EFEFEF; display: block; }

.widget_categories ul, .pd_category_list_widget ul, .pd_popular_posts ul, .widget_recent_entries ul { list-style-type: none; }

.widget_categories ul li, .pd_category_list_widget ul li, .pd_popular_posts ul li, .widget_recent_entries ul li { line-height: 1.2em; margin-bottom: 10px; }

.widget_categories ul li a, .pd_category_list_widget ul li a, .pd_popular_posts ul li a, .widget_recent_entries ul li a { color: #5ab1bb; font-family: colfax-medium; }

.widget_categories ul li a:hover, .pd_category_list_widget ul li a:hover, .pd_popular_posts ul li a:hover, .widget_recent_entries ul li a:hover { color: #3f99a3; }

.widget_categories option.first-opt, .pd_category_list_widget option.first-opt, .pd_popular_posts option.first-opt, .widget_recent_entries option.first-opt { color: red !important; }

.widget_categories select.pd-category-select-widget, .pd_category_list_widget select.pd-category-select-widget, .pd_popular_posts select.pd-category-select-widget, .widget_recent_entries select.pd-category-select-widget { font-family: colfax-medium; color: #666666; }

.widget_categories select, .pd_category_list_widget select, .pd_popular_posts select, .widget_recent_entries select { border: none; border-radius: 0; height: 50px; background-color: #f1f1f1; /*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: #5ab1bb'></polygon></svg>")*/ }

select option:first-child { color: green !important; }

.pd_search_form_widget { /*.select_box { width: 200px; overflow: hidden; border: 1px solid #000; position: relative; padding: 10px 0; } .select_box:after { width: 0;  height: 0;  border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #f00; position: absolute; top: 40%; right: 5px; content: ""; z-index: 98; } .select_box select { width: 220px; border: 0; position: relative; z-index: 99; background: none; }*/ }

.pd_search_form_widget button { padding: 0; width: 100%; }

/* Contact Form 7 Buttons */
.wpcf7-form-control.wpcf7-submit { color: white; border: 2px solid #4d7ea0; background: #4d7ea0; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 40px; padding: 0 30px; text-align: center; }

/* Buttons */
.button { font-family: 'colfax-medium'; text-transform: uppercase; letter-spacing: 1px; border-radius: 3px; padding: 1em 1.25em; -webkit-transition: all .2s ease; transition: all .2s ease; line-height: 1.4; border: 2px solid transparent; }

.button.outline { border: 2px solid #25c151; background-color: transparent; color: #25c151; }

.button.outline:hover { background-color: #25c151; color: #FFFFFF; }

.button:focus { outline: 0; }

.button.gz-green { color: #FFFFFF !important; font-weight: 300; background: #25c151; }

.button.gz-green-outline { color: #25c151 !important; border: 2px solid #25c151; background: none !important; -webkit-box-sizing: border-box; box-sizing: border-box; }

.button.gz-green-outline:hover { color: #FFFFFF !important; border: 2px solid #25c151; background-color: #25c151 !important; }

.button.gz-blue { color: #FFFFFF !important; }

.button.gz-blue-outline { color: #4d7ea0 !important; border: 2px solid #4d7ea0; background: none !important; -webkit-box-sizing: border-box; box-sizing: border-box; }

.button.gz-blue-outline:hover { color: #FFFFFF !important; border: 2px solid #4d7ea0; background-color: #4d7ea0 !important; }

.button.gz-teal-outline { color: #5ab1bb !important; border: 2px solid #5ab1bb; background: none !important; -webkit-box-sizing: border-box; box-sizing: border-box; }

.button.gz-teal-outline:hover { color: #FFFFFF !important; border: 2px solid #5ab1bb; background-color: #5ab1bb !important; }

.button.gz-drk-gray { color: #FFFFFF !important; }

.button.gz-drk-gray-outline { color: #343434 !important; border: 2px solid #343434; background: none !important; -webkit-box-sizing: border-box; box-sizing: border-box; }

.button.gz-drk-gray-outline:hover { color: #FFFFFF !important; border: 2px solid #343434; background-color: #343434 !important; }

.button.gz-white:hover { color: #666666 !important; border: 2px solid #fafafa; background-color: #fafafa !important; }

.button.gz-white { color: #666666 !important; border: 2px solid #FFFFFF; background: #FFFFFF !important; -webkit-box-sizing: border-box; box-sizing: border-box; }

.button.gz-white-outline { color: #FFFFFF !important; border: 2px solid #FFFFFF; background: transparent !important; -webkit-box-sizing: border-box; box-sizing: border-box; }

.button.gz-white-outline:hover { color: #666666 !important; border-color: #FFFFFF !important; background: #FFFFFF !important; }

.button.square { border-radius: 0; }

.button.square:hover { border-radius: 0; }

.button:hover, .button:focus { border-color: transparent; }

a.btn-cool { display: inline-block; position: relative; outline: 0; font-style: normal; font-weight: 800; font-family: inherit; padding: 0 45px; padding-left: 60px; font-size: 13px; line-height: 48px; height: 48px; text-transform: uppercase; letter-spacing: 1px; border-top: 2px solid #F4F4F4; color: #F4F4F4; -webkit-transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out; transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out; -webkit-box-sizing: initial; box-sizing: initial; -webkit-backface-visibility: hidden; }

a.btn-cool .fa { position: absolute; left: 30px; top: 48%; -webkit-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; transform: translateY(-50%) !important; font-size: 28px; line-height: 18px; }

a.btn-cool:hover { border-top: 2px solid #25c151; color: #25c151; }

/* Slider */
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.marvel-device { display: inline-block; position: relative; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; }

.marvel-device .screen { width: 100%; position: relative; height: 100%; z-index: 2; background: white; overflow: hidden; display: block; border-radius: 1px; -webkit-box-shadow: 0 0 0 3px #111; box-shadow: 0 0 0 3px #111; }

.marvel-device .top-bar, .marvel-device .bottom-bar { height: 3px; background: black; width: 100%; display: block; }

.marvel-device .middle-bar { width: 3px; height: 4px; top: 0px; left: 90px; background: black; position: absolute; }

.marvel-device.iphone8 { width: 375px; height: 667px; padding: 105px 24px; background: #d9dbdc; border-radius: 56px; -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2); }

.marvel-device.iphone8:before { width: calc(100% - 12px); height: calc(100% - 12px); position: absolute; top: 6px; content: ''; left: 6px; border-radius: 50px; background: #f8f8f8; z-index: 1; }

.marvel-device.iphone8:after { width: calc(100% - 16px); height: calc(100% - 16px); position: absolute; top: 8px; content: ''; left: 8px; border-radius: 48px; -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 6px 3px #FFFFFF; box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 6px 3px #FFFFFF; z-index: 2; }

.marvel-device.iphone8 .home { border-radius: 100%; width: 68px; height: 68px; position: absolute; left: 50%; margin-left: -34px; bottom: 22px; z-index: 3; background: #303233; background: -webkit-linear-gradient(315deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%); background: linear-gradient(135deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%); }

.marvel-device.iphone8 .home:before { background: #f8f8f8; position: absolute; content: ''; border-radius: 100%; width: calc(100% - 8px); height: calc(100% - 8px); top: 4px; left: 4px; }

.marvel-device.iphone8 .top-bar { height: 14px; background: #bfbfc0; position: absolute; top: 68px; left: 0; }

.marvel-device.iphone8 .bottom-bar { height: 14px; background: #bfbfc0; position: absolute; bottom: 68px; left: 0; }

.marvel-device.iphone8 .sleep { position: absolute; top: 190px; right: -4px; width: 4px; height: 66px; border-radius: 0px 2px 2px 0px; background: #d9dbdc; }

.marvel-device.iphone8 .volume { position: absolute; left: -4px; top: 188px; z-index: 0; height: 66px; width: 4px; border-radius: 2px 0px 0px 2px; background: #d9dbdc; }

.marvel-device.iphone8 .volume:before { position: absolute; left: 2px; top: -78px; height: 40px; width: 2px; border-radius: 2px 0px 0px 2px; background: inherit; content: ''; display: block; }

.marvel-device.iphone8 .volume:after { position: absolute; left: 0px; top: 82px; height: 66px; width: 4px; border-radius: 2px 0px 0px 2px; background: inherit; content: ''; display: block; }

.marvel-device.iphone8 .camera { background: #3c3d3d; width: 12px; height: 12px; position: absolute; top: 24px; left: 50%; margin-left: -6px; border-radius: 100%; z-index: 3; }

.marvel-device.iphone8 .sensor { background: #3c3d3d; width: 16px; height: 16px; position: absolute; top: 49px; left: 134px; z-index: 3; border-radius: 100%; }

.marvel-device.iphone8 .speaker { background: #292728; width: 70px; height: 6px; position: absolute; top: 54px; left: 50%; margin-left: -35px; border-radius: 6px; z-index: 3; }

.marvel-device.iphone8.gold { background: #f9e7d3; }

.marvel-device.iphone8.gold .top-bar, .marvel-device.iphone8.gold .bottom-bar { background: white; }

.marvel-device.iphone8.gold .sleep, .marvel-device.iphone8.gold .volume { background: #f9e7d3; }

.marvel-device.iphone8.gold .home { background: #cebba9; background: -webkit-linear-gradient(315deg, #cebba9 0%, #f9e7d3 50%, #cebba9 100%); background: linear-gradient(135deg, #cebba9 0%, #f9e7d3 50%, #cebba9 100%); }

.marvel-device.iphone8.black { background: #464646; -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.7); box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.7); }

.marvel-device.iphone8.black:before { background: #080808; }

.marvel-device.iphone8.black:after { -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 6px 3px #212121; box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 6px 3px #212121; }

.marvel-device.iphone8.black .top-bar, .marvel-device.iphone8.black .bottom-bar { background: #212121; }

.marvel-device.iphone8.black .volume, .marvel-device.iphone8.black .sleep { background: #464646; }

.marvel-device.iphone8.black .camera { background: #080808; }

.marvel-device.iphone8.black .home { background: #080808; background: -webkit-linear-gradient(315deg, #080808 0%, #464646 50%, #080808 100%); background: linear-gradient(135deg, #080808 0%, #464646 50%, #080808 100%); }

.marvel-device.iphone8.black .home:before { background: #080808; }

.marvel-device.iphone8.landscape { padding: 24px 105px; height: 375px; width: 667px; }

.marvel-device.iphone8.landscape .sleep { top: 100%; border-radius: 0px 0px 2px 2px; right: 190px; height: 4px; width: 66px; }

.marvel-device.iphone8.landscape .volume { width: 66px; height: 4px; top: -4px; left: calc(100% - 188px - 66px); border-radius: 2px 2px 0px 0px; }

.marvel-device.iphone8.landscape .volume:before { width: 40px; height: 2px; top: 2px; right: -78px; left: auto; border-radius: 2px 2px 0px 0px; }

.marvel-device.iphone8.landscape .volume:after { left: -82px; width: 66px; height: 4px; top: 0; border-radius: 2px 2px 0px 0px; }

.marvel-device.iphone8.landscape .top-bar { width: 14px; height: 100%; left: calc(100% - 68px -  14px); top: 0; }

.marvel-device.iphone8.landscape .bottom-bar { width: 14px; height: 100%; left: 68px; top: 0; }

.marvel-device.iphone8.landscape .home { top: 50%; margin-top: -34px; margin-left: 0; left: 22px; }

.marvel-device.iphone8.landscape .sensor { top: 134px; left: calc(100% - 49px - 16px); }

.marvel-device.iphone8.landscape .speaker { height: 70px; width: 6px; left: calc(100% - 54px - 6px); top: 50%; margin-left: 0px; margin-top: -35px; }

.marvel-device.iphone8.landscape .camera { left: calc(100% - 32px); top: 50%; margin-left: 0px; margin-top: -5px; }

.marvel-device.iphone8plus { width: 414px; height: 736px; padding: 112px 26px; background: #d9dbdc; border-radius: 56px; -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2); }

.marvel-device.iphone8plus:before { width: calc(100% - 12px); height: calc(100% - 12px); position: absolute; top: 6px; content: ''; left: 6px; border-radius: 50px; background: #f8f8f8; z-index: 1; }

.marvel-device.iphone8plus:after { width: calc(100% - 16px); height: calc(100% - 16px); position: absolute; top: 8px; content: ''; left: 8px; border-radius: 48px; -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 6px 3px #FFFFFF; box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 6px 3px #FFFFFF; z-index: 2; }

.marvel-device.iphone8plus .home { border-radius: 100%; width: 68px; height: 68px; position: absolute; left: 50%; margin-left: -34px; bottom: 24px; z-index: 3; background: #303233; background: -webkit-linear-gradient(315deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%); background: linear-gradient(135deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%); }

.marvel-device.iphone8plus .home:before { background: #f8f8f8; position: absolute; content: ''; border-radius: 100%; width: calc(100% - 8px); height: calc(100% - 8px); top: 4px; left: 4px; }

.marvel-device.iphone8plus .top-bar { height: 14px; background: #bfbfc0; position: absolute; top: 68px; left: 0; }

.marvel-device.iphone8plus .bottom-bar { height: 14px; background: #bfbfc0; position: absolute; bottom: 68px; left: 0; }

.marvel-device.iphone8plus .sleep { position: absolute; top: 190px; right: -4px; width: 4px; height: 66px; border-radius: 0px 2px 2px 0px; background: #d9dbdc; }

.marvel-device.iphone8plus .volume { position: absolute; left: -4px; top: 188px; z-index: 0; height: 66px; width: 4px; border-radius: 2px 0px 0px 2px; background: #d9dbdc; }

.marvel-device.iphone8plus .volume:before { position: absolute; left: 2px; top: -78px; height: 40px; width: 2px; border-radius: 2px 0px 0px 2px; background: inherit; content: ''; display: block; }

.marvel-device.iphone8plus .volume:after { position: absolute; left: 0px; top: 82px; height: 66px; width: 4px; border-radius: 2px 0px 0px 2px; background: inherit; content: ''; display: block; }

.marvel-device.iphone8plus .camera { background: #3c3d3d; width: 12px; height: 12px; position: absolute; top: 29px; left: 50%; margin-left: -6px; border-radius: 100%; z-index: 3; }

.marvel-device.iphone8plus .sensor { background: #3c3d3d; width: 16px; height: 16px; position: absolute; top: 54px; left: 154px; z-index: 3; border-radius: 100%; }

.marvel-device.iphone8plus .speaker { background: #292728; width: 70px; height: 6px; position: absolute; top: 59px; left: 50%; margin-left: -35px; border-radius: 6px; z-index: 3; }

.marvel-device.iphone8plus.gold { background: #f9e7d3; }

.marvel-device.iphone8plus.gold .top-bar, .marvel-device.iphone8plus.gold .bottom-bar { background: white; }

.marvel-device.iphone8plus.gold .sleep, .marvel-device.iphone8plus.gold .volume { background: #f9e7d3; }

.marvel-device.iphone8plus.gold .home { background: #cebba9; background: -webkit-linear-gradient(315deg, #cebba9 0%, #f9e7d3 50%, #cebba9 100%); background: linear-gradient(135deg, #cebba9 0%, #f9e7d3 50%, #cebba9 100%); }

.marvel-device.iphone8plus.black { background: #464646; -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.7); box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.7); }

.marvel-device.iphone8plus.black:before { background: #080808; }

.marvel-device.iphone8plus.black:after { -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 6px 3px #212121; box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 6px 3px #212121; }

.marvel-device.iphone8plus.black .top-bar, .marvel-device.iphone8plus.black .bottom-bar { background: #212121; }

.marvel-device.iphone8plus.black .volume, .marvel-device.iphone8plus.black .sleep { background: #464646; }

.marvel-device.iphone8plus.black .camera { background: #080808; }

.marvel-device.iphone8plus.black .home { background: #080808; background: -webkit-linear-gradient(315deg, #080808 0%, #464646 50%, #080808 100%); background: linear-gradient(135deg, #080808 0%, #464646 50%, #080808 100%); }

.marvel-device.iphone8plus.black .home:before { background: #080808; }

.marvel-device.iphone8plus.landscape { padding: 26px 112px; height: 414px; width: 736px; }

.marvel-device.iphone8plus.landscape .sleep { top: 100%; border-radius: 0px 0px 2px 2px; right: 190px; height: 4px; width: 66px; }

.marvel-device.iphone8plus.landscape .volume { width: 66px; height: 4px; top: -4px; left: calc(100% - 188px - 66px); border-radius: 2px 2px 0px 0px; }

.marvel-device.iphone8plus.landscape .volume:before { width: 40px; height: 2px; top: 2px; right: -78px; left: auto; border-radius: 2px 2px 0px 0px; }

.marvel-device.iphone8plus.landscape .volume:after { left: -82px; width: 66px; height: 4px; top: 0; border-radius: 2px 2px 0px 0px; }

.marvel-device.iphone8plus.landscape .top-bar { width: 14px; height: 100%; left: calc(100% - 68px -  14px); top: 0; }

.marvel-device.iphone8plus.landscape .bottom-bar { width: 14px; height: 100%; left: 68px; top: 0; }

.marvel-device.iphone8plus.landscape .home { top: 50%; margin-top: -34px; margin-left: 0; left: 24px; }

.marvel-device.iphone8plus.landscape .sensor { top: 154px; left: calc(100% - 54px - 16px); }

.marvel-device.iphone8plus.landscape .speaker { height: 70px; width: 6px; left: calc(100% - 59px - 6px); top: 50%; margin-left: 0px; margin-top: -35px; }

.marvel-device.iphone8plus.landscape .camera { left: calc(100% - 29px); top: 50%; margin-left: 0px; margin-top: -5px; }

.marvel-device.iphone5s, .marvel-device.iphone5c { padding: 105px 22px; background: #2c2b2c; width: 320px; height: 568px; border-radius: 50px; }

.marvel-device.iphone5s:before, .marvel-device.iphone5c:before { width: calc(100% - 8px); height: calc(100% - 8px); position: absolute; top: 4px; content: ''; left: 4px; border-radius: 46px; background: #1e1e1e; z-index: 1; }

.marvel-device.iphone5s .sleep, .marvel-device.iphone5c .sleep { position: absolute; top: -4px; right: 60px; width: 60px; height: 4px; border-radius: 2px 2px 0px 0px; background: #282727; }

.marvel-device.iphone5s .volume, .marvel-device.iphone5c .volume { position: absolute; left: -4px; top: 180px; z-index: 0; height: 27px; width: 4px; border-radius: 2px 0px 0px 2px; background: #282727; }

.marvel-device.iphone5s .volume:before, .marvel-device.iphone5c .volume:before { position: absolute; left: 0px; top: -75px; height: 35px; width: 4px; border-radius: 2px 0px 0px 2px; background: inherit; content: ''; display: block; }

.marvel-device.iphone5s .volume:after, .marvel-device.iphone5c .volume:after { position: absolute; left: 0px; bottom: -64px; height: 27px; width: 4px; border-radius: 2px 0px 0px 2px; background: inherit; content: ''; display: block; }

.marvel-device.iphone5s .camera, .marvel-device.iphone5c .camera { background: #3c3d3d; width: 10px; height: 10px; position: absolute; top: 32px; left: 50%; margin-left: -5px; border-radius: 5px; z-index: 3; }

.marvel-device.iphone5s .sensor, .marvel-device.iphone5c .sensor { background: #3c3d3d; width: 10px; height: 10px; position: absolute; top: 60px; left: 160px; z-index: 3; margin-left: -32px; border-radius: 5px; }

.marvel-device.iphone5s .speaker, .marvel-device.iphone5c .speaker { background: #292728; width: 64px; height: 10px; position: absolute; top: 60px; left: 50%; margin-left: -32px; border-radius: 5px; z-index: 3; }

.marvel-device.iphone5s.landscape, .marvel-device.iphone5c.landscape { padding: 22px 105px; height: 320px; width: 568px; }

.marvel-device.iphone5s.landscape .sleep, .marvel-device.iphone5c.landscape .sleep { right: -4px; top: calc(100% - 120px); height: 60px; width: 4px; border-radius: 0px 2px 2px 0px; }

.marvel-device.iphone5s.landscape .volume, .marvel-device.iphone5c.landscape .volume { width: 27px; height: 4px; top: -4px; left: calc(100% - 180px); border-radius: 2px 2px 0px 0px; }

.marvel-device.iphone5s.landscape .volume:before, .marvel-device.iphone5c.landscape .volume:before { width: 35px; height: 4px; top: 0px; right: -75px; left: auto; border-radius: 2px 2px 0px 0px; }

.marvel-device.iphone5s.landscape .volume:after, .marvel-device.iphone5c.landscape .volume:after { bottom: 0px; left: -64px; z-index: 999; height: 4px; width: 27px; border-radius: 2px 2px 0px 0px; }

.marvel-device.iphone5s.landscape .sensor, .marvel-device.iphone5c.landscape .sensor { top: 160px; left: calc(100% - 60px); margin-left: 0px; margin-top: -32px; }

.marvel-device.iphone5s.landscape .speaker, .marvel-device.iphone5c.landscape .speaker { height: 64px; width: 10px; left: calc(100% - 60px); top: 50%; margin-left: 0px; margin-top: -32px; }

.marvel-device.iphone5s.landscape .camera, .marvel-device.iphone5c.landscape .camera { left: calc(100% - 32px); top: 50%; margin-left: 0px; margin-top: -5px; }

.marvel-device.iphone5s .home { border-radius: 36px; width: 68px; -webkit-box-shadow: inset 0 0 0 4px #2c2b2c; box-shadow: inset 0 0 0 4px #2c2b2c; height: 68px; position: absolute; left: 50%; margin-left: -34px; bottom: 19px; z-index: 3; }

.marvel-device.iphone5s .top-bar { top: 70px; position: absolute; left: 0; }

.marvel-device.iphone5s .bottom-bar { bottom: 70px; position: absolute; left: 0; }

.marvel-device.iphone5s.landscape .home { left: 19px; bottom: 50%; margin-bottom: -34px; margin-left: 0px; }

.marvel-device.iphone5s.landscape .top-bar { left: 70px; top: 0px; width: 3px; height: 100%; }

.marvel-device.iphone5s.landscape .bottom-bar { right: 70px; left: auto; bottom: 0px; width: 3px; height: 100%; }

.marvel-device.iphone5s.silver { background: #bcbcbc; }

.marvel-device.iphone5s.silver:before { background: #fcfcfc; }

.marvel-device.iphone5s.silver .volume, .marvel-device.iphone5s.silver .sleep { background: #d6d6d6; }

.marvel-device.iphone5s.silver .top-bar, .marvel-device.iphone5s.silver .bottom-bar { background: #eaebec; }

.marvel-device.iphone5s.silver .home { -webkit-box-shadow: inset 0 0 0 4px #bcbcbc; box-shadow: inset 0 0 0 4px #bcbcbc; }

.marvel-device.iphone5s.gold { background: #f9e7d3; }

.marvel-device.iphone5s.gold:before { background: #fcfcfc; }

.marvel-device.iphone5s.gold .volume, .marvel-device.iphone5s.gold .sleep { background: #f9e7d3; }

.marvel-device.iphone5s.gold .top-bar, .marvel-device.iphone5s.gold .bottom-bar { background: white; }

.marvel-device.iphone5s.gold .home { -webkit-box-shadow: inset 0 0 0 4px #f9e7d3; box-shadow: inset 0 0 0 4px #f9e7d3; }

.marvel-device.iphone5c { background: white; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); }

.marvel-device.iphone5c .top-bar, .marvel-device.iphone5c .bottom-bar { display: none; }

.marvel-device.iphone5c .home { background: #242324; border-radius: 36px; width: 68px; height: 68px; z-index: 3; position: absolute; left: 50%; margin-left: -34px; bottom: 19px; }

.marvel-device.iphone5c .home:after { width: 20px; height: 20px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 4px; position: absolute; display: block; content: ''; top: 50%; left: 50%; margin-top: -11px; margin-left: -11px; }

.marvel-device.iphone5c.landscape .home { left: 19px; bottom: 50%; margin-bottom: -34px; margin-left: 0px; }

.marvel-device.iphone5c .volume, .marvel-device.iphone5c .sleep { background: #dddddd; }

.marvel-device.iphone5c.red { background: #f96b6c; }

.marvel-device.iphone5c.red .volume, .marvel-device.iphone5c.red .sleep { background: #ed5758; }

.marvel-device.iphone5c.yellow { background: #f2dc60; }

.marvel-device.iphone5c.yellow .volume, .marvel-device.iphone5c.yellow .sleep { background: #e5ce4c; }

.marvel-device.iphone5c.green { background: #97e563; }

.marvel-device.iphone5c.green .volume, .marvel-device.iphone5c.green .sleep { background: #85d94d; }

.marvel-device.iphone5c.blue { background: #33a2db; }

.marvel-device.iphone5c.blue .volume, .marvel-device.iphone5c.blue .sleep { background: #2694cd; }

.marvel-device.iphone4s { padding: 129px 27px; width: 320px; height: 480px; background: #686868; border-radius: 54px; }

.marvel-device.iphone4s:before { content: ''; width: calc(100% - 8px); height: calc(100% - 8px); position: absolute; top: 4px; left: 4px; z-index: 1; border-radius: 50px; background: #1e1e1e; }

.marvel-device.iphone4s .top-bar { top: 60px; position: absolute; left: 0; }

.marvel-device.iphone4s .bottom-bar { bottom: 90px; position: absolute; left: 0; }

.marvel-device.iphone4s .camera { background: #3c3d3d; width: 10px; height: 10px; position: absolute; top: 72px; left: 134px; z-index: 3; margin-left: -5px; border-radius: 100%; }

.marvel-device.iphone4s .speaker { background: #292728; width: 64px; height: 10px; position: absolute; top: 72px; left: 50%; z-index: 3; margin-left: -32px; border-radius: 5px; }

.marvel-device.iphone4s .sensor { background: #292728; width: 40px; height: 10px; position: absolute; top: 36px; left: 50%; z-index: 3; margin-left: -20px; border-radius: 5px; }

.marvel-device.iphone4s .home { background: #242324; border-radius: 100%; width: 72px; height: 72px; z-index: 3; position: absolute; left: 50%; margin-left: -36px; bottom: 30px; }

.marvel-device.iphone4s .home:after { width: 20px; height: 20px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 4px; position: absolute; display: block; content: ''; top: 50%; left: 50%; margin-top: -11px; margin-left: -11px; }

.marvel-device.iphone4s .sleep { position: absolute; top: -4px; right: 60px; width: 60px; height: 4px; border-radius: 2px 2px 0px 0px; background: #4D4D4D; }

.marvel-device.iphone4s .volume { position: absolute; left: -4px; top: 160px; height: 27px; width: 4px; border-radius: 2px 0px 0px 2px; background: #4D4D4D; }

.marvel-device.iphone4s .volume:before { position: absolute; left: 0px; top: -70px; height: 35px; width: 4px; border-radius: 2px 0px 0px 2px; background: inherit; content: ''; display: block; }

.marvel-device.iphone4s .volume:after { position: absolute; left: 0px; bottom: -64px; height: 27px; width: 4px; border-radius: 2px 0px 0px 2px; background: inherit; content: ''; display: block; }

.marvel-device.iphone4s.landscape { padding: 27px 129px; height: 320px; width: 480px; }

.marvel-device.iphone4s.landscape .bottom-bar { left: 90px; bottom: 0px; height: 100%; width: 3px; }

.marvel-device.iphone4s.landscape .top-bar { left: calc(100% - 60px); top: 0px; height: 100%; width: 3px; }

.marvel-device.iphone4s.landscape .camera { top: 134px; left: calc(100% - 72px); margin-left: 0; }

.marvel-device.iphone4s.landscape .speaker { top: 50%; margin-left: 0; margin-top: -32px; left: calc(100% - 72px); width: 10px; height: 64px; }

.marvel-device.iphone4s.landscape .sensor { height: 40px; width: 10px; left: calc(100% - 36px); top: 50%; margin-left: 0; margin-top: -20px; }

.marvel-device.iphone4s.landscape .home { left: 30px; bottom: 50%; margin-left: 0; margin-bottom: -36px; }

.marvel-device.iphone4s.landscape .sleep { height: 60px; width: 4px; right: -4px; top: calc(100% - 120px); border-radius: 0px 2px 2px 0px; }

.marvel-device.iphone4s.landscape .volume { top: -4px; left: calc(100% - 187px); height: 4px; width: 27px; border-radius: 2px 2px 0px 0px; }

.marvel-device.iphone4s.landscape .volume:before { right: -70px; left: auto; top: 0px; width: 35px; height: 4px; border-radius: 2px 2px 0px 0px; }

.marvel-device.iphone4s.landscape .volume:after { width: 27px; height: 4px; bottom: 0px; left: -64px; border-radius: 2px 2px 0px 0px; }

.marvel-device.iphone4s.silver { background: #bcbcbc; }

.marvel-device.iphone4s.silver:before { background: #fcfcfc; }

.marvel-device.iphone4s.silver .home { background: #fcfcfc; -webkit-box-shadow: inset 0 0 0 1px #bcbcbc; box-shadow: inset 0 0 0 1px #bcbcbc; }

.marvel-device.iphone4s.silver .home:after { border: 1px solid rgba(0, 0, 0, 0.2); }

.marvel-device.iphone4s.silver .volume, .marvel-device.iphone4s.silver .sleep { background: #d6d6d6; }

.marvel-device.nexus5 { padding: 50px 15px 50px 15px; width: 320px; height: 568px; background: #1e1e1e; border-radius: 20px; }

.marvel-device.nexus5:before { border-radius: 600px / 50px; background: inherit; content: ''; top: 0; position: absolute; height: 103.1%; width: calc(100% - 26px); top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.marvel-device.nexus5 .top-bar { width: calc(100% - 8px); height: calc(100% - 6px); position: absolute; top: 3px; left: 4px; border-radius: 20px; background: #181818; }

.marvel-device.nexus5 .top-bar:before { border-radius: 600px / 50px; background: inherit; content: ''; top: 0; position: absolute; height: 103.0%; width: calc(100% - 26px); top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.marvel-device.nexus5 .bottom-bar { display: none; }

.marvel-device.nexus5 .sleep { width: 3px; position: absolute; left: -3px; top: 110px; height: 100px; background: inherit; border-radius: 2px 0px 0px 2px; }

.marvel-device.nexus5 .volume { width: 3px; position: absolute; right: -3px; top: 70px; height: 45px; background: inherit; border-radius: 0px 2px 2px 0px; }

.marvel-device.nexus5 .camera { background: #3c3d3d; width: 10px; height: 10px; position: absolute; top: 18px; left: 50%; z-index: 3; margin-left: -5px; border-radius: 100%; }

.marvel-device.nexus5 .camera:before { background: #3c3d3d; width: 6px; height: 6px; content: ''; display: block; position: absolute; top: 2px; left: -100px; z-index: 3; border-radius: 100%; }

.marvel-device.nexus5.landscape { padding: 15px 50px 15px 50px; height: 320px; width: 568px; }

.marvel-device.nexus5.landscape:before { width: 103.1%; height: calc(100% - 26px); border-radius: 50px / 600px; }

.marvel-device.nexus5.landscape .top-bar { left: 3px; top: 4px; height: calc(100% - 8px); width: calc(100% - 6px); }

.marvel-device.nexus5.landscape .top-bar:before { width: 103%; height: calc(100% - 26px); border-radius: 50px / 600px; }

.marvel-device.nexus5.landscape .sleep { height: 3px; width: 100px; left: calc(100% - 210px); top: -3px; border-radius: 2px 2px 0px 0px; }

.marvel-device.nexus5.landscape .volume { height: 3px; width: 45px; right: 70px; top: 100%; border-radius: 0px 0px 2px 2px; }

.marvel-device.nexus5.landscape .camera { top: 50%; left: calc(100% - 18px); margin-left: 0; margin-top: -5px; }

.marvel-device.nexus5.landscape .camera:before { top: -100px; left: 2px; }

.marvel-device.s5 { padding: 60px 18px; border-radius: 42px; width: 320px; height: 568px; background: #bcbcbc; }

.marvel-device.s5:before, .marvel-device.s5:after { width: calc(100% - 52px); content: ''; display: block; height: 26px; background: inherit; position: absolute; border-radius: 500px / 40px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.marvel-device.s5:before { top: -7px; }

.marvel-device.s5:after { bottom: -7px; }

.marvel-device.s5 .bottom-bar { display: none; }

.marvel-device.s5 .top-bar { border-radius: 37px; width: calc(100% - 10px); height: calc(100% - 10px); top: 5px; left: 5px; background: -webkit-radial-gradient(rgba(0, 0, 0, 0.02) 20%, transparent 60%) 0 0, -webkit-radial-gradient(rgba(0, 0, 0, 0.02) 20%, transparent 60%) 3px 3px; background: radial-gradient(rgba(0, 0, 0, 0.02) 20%, transparent 60%) 0 0, radial-gradient(rgba(0, 0, 0, 0.02) 20%, transparent 60%) 3px 3px; background-color: white; -webkit-background-size: 4px 4px; background-size: 4px 4px; background-position: center; z-index: 2; position: absolute; }

.marvel-device.s5 .top-bar:before, .marvel-device.s5 .top-bar:after { width: calc(100% - 48px); content: ''; display: block; height: 26px; background: inherit; position: absolute; border-radius: 500px / 40px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.marvel-device.s5 .top-bar:before { top: -7px; }

.marvel-device.s5 .top-bar:after { bottom: -7px; }

.marvel-device.s5 .sleep { width: 3px; position: absolute; left: -3px; top: 100px; height: 100px; background: #cecece; border-radius: 2px 0px 0px 2px; }

.marvel-device.s5 .speaker { width: 68px; height: 8px; position: absolute; top: 20px; display: block; z-index: 3; left: 50%; margin-left: -34px; background-color: #bcbcbc; background-position: top left; border-radius: 4px; }

.marvel-device.s5 .sensor { display: block; position: absolute; top: 20px; right: 110px; background: #3c3d3d; border-radius: 100%; width: 8px; height: 8px; z-index: 3; }

.marvel-device.s5 .sensor:after { display: block; content: ''; position: absolute; top: 0px; right: 12px; background: #3c3d3d; border-radius: 100%; width: 8px; height: 8px; z-index: 3; }

.marvel-device.s5 .camera { display: block; position: absolute; top: 24px; right: 42px; background: black; border-radius: 100%; width: 10px; height: 10px; z-index: 3; }

.marvel-device.s5 .camera:before { width: 4px; height: 4px; background: #3c3d3d; border-radius: 100%; position: absolute; content: ''; top: 50%; left: 50%; margin-top: -2px; margin-left: -2px; }

.marvel-device.s5 .home { position: absolute; z-index: 3; bottom: 17px; left: 50%; width: 70px; height: 20px; background: white; border-radius: 18px; display: block; margin-left: -35px; border: 2px solid black; }

.marvel-device.s5.landscape { padding: 18px 60px; height: 320px; width: 568px; }

.marvel-device.s5.landscape:before, .marvel-device.s5.landscape:after { height: calc(100% - 52px); width: 26px; border-radius: 40px / 500px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.marvel-device.s5.landscape:before { top: 50%; left: -7px; }

.marvel-device.s5.landscape:after { top: 50%; left: auto; right: -7px; }

.marvel-device.s5.landscape .top-bar:before, .marvel-device.s5.landscape .top-bar:after { width: 26px; height: calc(100% - 48px); border-radius: 40px / 500px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.marvel-device.s5.landscape .top-bar:before { right: -7px; top: 50%; left: auto; }

.marvel-device.s5.landscape .top-bar:after { left: -7px; top: 50%; right: auto; }

.marvel-device.s5.landscape .sleep { height: 3px; width: 100px; left: calc(100% - 200px); top: -3px; border-radius: 2px 2px 0px 0px; }

.marvel-device.s5.landscape .speaker { height: 68px; width: 8px; left: calc(100% - 20px); top: 50%; margin-left: 0; margin-top: -34px; }

.marvel-device.s5.landscape .sensor { right: 20px; top: calc(100% - 110px); }

.marvel-device.s5.landscape .sensor:after { left: -12px; right: 0px; }

.marvel-device.s5.landscape .camera { top: calc(100% - 42px); right: 24px; }

.marvel-device.s5.landscape .home { width: 20px; height: 70px; bottom: 50%; margin-bottom: -35px; margin-left: 0; left: 17px; }

.marvel-device.s5.black { background: #1e1e1e; }

.marvel-device.s5.black .speaker { background: black; }

.marvel-device.s5.black .sleep { background: #1e1e1e; }

.marvel-device.s5.black .top-bar { background: -webkit-radial-gradient(rgba(0, 0, 0, 0.05) 20%, transparent 60%) 0 0, -webkit-radial-gradient(rgba(0, 0, 0, 0.05) 20%, transparent 60%) 3px 3px; background: radial-gradient(rgba(0, 0, 0, 0.05) 20%, transparent 60%) 0 0, radial-gradient(rgba(0, 0, 0, 0.05) 20%, transparent 60%) 3px 3px; background-color: #2c2b2c; -webkit-background-size: 4px 4px; background-size: 4px 4px; }

.marvel-device.s5.black .home { background: #2c2b2c; }

.marvel-device.lumia920 { padding: 80px 35px 125px 35px; background: #ffdd00; width: 320px; height: 533px; border-radius: 40px / 3px; }

.marvel-device.lumia920 .bottom-bar { display: none; }

.marvel-device.lumia920 .top-bar { width: calc(100% - 24px); height: calc(100% - 32px); position: absolute; top: 16px; left: 12px; border-radius: 24px; background: black; z-index: 1; }

.marvel-device.lumia920 .top-bar:before { background: #1e1e1e; display: block; content: ''; width: calc(100% - 4px); height: calc(100% - 4px); top: 2px; left: 2px; position: absolute; border-radius: 22px; }

.marvel-device.lumia920 .volume { width: 3px; position: absolute; top: 130px; height: 100px; background: #1e1e1e; right: -3px; border-radius: 0px 2px 2px 0px; }

.marvel-device.lumia920 .volume:before { width: 3px; position: absolute; top: 190px; content: ''; display: block; height: 50px; background: inherit; right: 0px; border-radius: 0px 2px 2px 0px; }

.marvel-device.lumia920 .volume:after { width: 3px; position: absolute; top: 460px; content: ''; display: block; height: 50px; background: inherit; right: 0px; border-radius: 0px 2px 2px 0px; }

.marvel-device.lumia920 .camera { background: #3c3d3d; width: 10px; height: 10px; position: absolute; top: 34px; right: 130px; z-index: 5; border-radius: 5px; }

.marvel-device.lumia920 .speaker { background: #292728; width: 64px; height: 10px; position: absolute; top: 38px; left: 50%; margin-left: -32px; border-radius: 5px; z-index: 3; }

.marvel-device.lumia920.landscape { padding: 35px 80px 35px 125px; height: 320px; width: 568px; border-radius: 2px / 100px; }

.marvel-device.lumia920.landscape .top-bar { height: calc(100% - 24px); width: calc(100% - 32px); left: 16px; top: 12px; }

.marvel-device.lumia920.landscape .volume { height: 3px; right: 130px; width: 100px; top: 100%; border-radius: 0px 0px 2px 2px; }

.marvel-device.lumia920.landscape .volume:before { height: 3px; right: 190px; top: 0px; width: 50px; border-radius: 0px 0px 2px 2px; }

.marvel-device.lumia920.landscape .volume:after { height: 3px; right: 430px; top: 0px; width: 50px; border-radius: 0px 0px 2px 2px; }

.marvel-device.lumia920.landscape .camera { right: 30px; top: calc(100% - 140px); }

.marvel-device.lumia920.landscape .speaker { width: 10px; height: 64px; top: 50%; margin-left: 0; margin-top: -32px; left: calc(100% - 48px); }

.marvel-device.lumia920.black { background: black; }

.marvel-device.lumia920.white { background: white; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); }

.marvel-device.lumia920.blue { background: #00acdd; }

.marvel-device.lumia920.red { background: #CC3E32; }

.marvel-device.htc-one { padding: 72px 25px 100px 25px; width: 320px; height: 568px; background: #bebebe; border-radius: 34px; }

.marvel-device.htc-one:before { content: ''; display: block; width: calc(100% - 4px); height: calc(100% - 4px); position: absolute; top: 2px; left: 2px; background: #adadad; border-radius: 32px; }

.marvel-device.htc-one:after { content: ''; display: block; width: calc(100% - 8px); height: calc(100% - 8px); position: absolute; top: 4px; left: 4px; background: #eeeeee; border-radius: 30px; }

.marvel-device.htc-one .top-bar { width: calc(100% - 4px); height: 635px; position: absolute; background: #424242; top: 50px; z-index: 1; left: 2px; }

.marvel-device.htc-one .top-bar:before { content: ''; position: absolute; width: calc(100% - 4px); height: 100%; position: absolute; background: black; top: 0px; z-index: 1; left: 2px; }

.marvel-device.htc-one .bottom-bar { display: none; }

.marvel-device.htc-one .speaker { height: 16px; width: 216px; display: block; position: absolute; top: 22px; z-index: 2; left: 50%; margin-left: -108px; background: -webkit-radial-gradient(#343434 25%, transparent 50%) 0 0, -webkit-radial-gradient(#343434 25%, transparent 50%) 4px 4px; background: radial-gradient(#343434 25%, transparent 50%) 0 0, radial-gradient(#343434 25%, transparent 50%) 4px 4px; -webkit-background-size: 4px 4px; background-size: 4px 4px; background-position: top left; }

.marvel-device.htc-one .speaker:after { content: ''; height: 16px; width: 216px; display: block; position: absolute; top: 676px; z-index: 2; left: 50%; margin-left: -108px; background: inherit; }

.marvel-device.htc-one .camera { display: block; position: absolute; top: 18px; right: 38px; background: #3c3d3d; border-radius: 100%; width: 24px; height: 24px; z-index: 3; }

.marvel-device.htc-one .camera:before { width: 8px; height: 8px; background: black; border-radius: 100%; position: absolute; content: ''; top: 50%; left: 50%; margin-top: -4px; margin-left: -4px; }

.marvel-device.htc-one .sensor { display: block; position: absolute; top: 29px; left: 60px; background: #3c3d3d; border-radius: 100%; width: 8px; height: 8px; z-index: 3; }

.marvel-device.htc-one .sensor:after { display: block; content: ''; position: absolute; top: 0px; right: 12px; background: #3c3d3d; border-radius: 100%; width: 8px; height: 8px; z-index: 3; }

.marvel-device.htc-one.landscape { padding: 25px 72px 25px 100px; height: 320px; width: 568px; }

.marvel-device.htc-one.landscape .top-bar { height: calc(100% - 4px); width: 635px; left: calc(100% - 685px); top: 2px; }

.marvel-device.htc-one.landscape .speaker { width: 16px; height: 216px; left: calc(100% - 38px); top: 50%; margin-left: 0px; margin-top: -108px; }

.marvel-device.htc-one.landscape .speaker:after { width: 16px; height: 216px; left: calc(100% - 692px); top: 50%; margin-left: 0; margin-top: -108px; }

.marvel-device.htc-one.landscape .camera { right: 18px; top: calc(100% - 38px); }

.marvel-device.htc-one.landscape .sensor { left: calc(100% - 29px); top: 60px; }

.marvel-device.htc-one.landscape .sensor :after { right: 0; top: -12px; }

.marvel-device.ipad { width: 576px; height: 768px; padding: 90px 25px; background: #242324; border-radius: 44px; }

.marvel-device.ipad:before { width: calc(100% - 8px); height: calc(100% - 8px); position: absolute; content: ''; display: block; top: 4px; left: 4px; border-radius: 40px; background: #1e1e1e; }

.marvel-device.ipad .camera { background: #3c3d3d; width: 10px; height: 10px; position: absolute; top: 44px; left: 50%; margin-left: -5px; border-radius: 100%; }

.marvel-device.ipad .top-bar, .marvel-device.ipad .bottom-bar { display: none; }

.marvel-device.ipad .home { background: #242324; border-radius: 36px; width: 50px; height: 50px; position: absolute; left: 50%; margin-left: -25px; bottom: 22px; }

.marvel-device.ipad .home:after { width: 15px; height: 15px; margin-top: -8px; margin-left: -8px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 4px; position: absolute; display: block; content: ''; top: 50%; left: 50%; }

.marvel-device.ipad.landscape { height: 576px; width: 768px; padding: 25px 90px; }

.marvel-device.ipad.landscape .camera { left: calc(100% - 44px); top: 50%; margin-left: 0; margin-top: -5px; }

.marvel-device.ipad.landscape .home { top: 50%; left: 22px; margin-left: 0; margin-top: -25px; }

.marvel-device.ipad.silver { background: #bcbcbc; }

.marvel-device.ipad.silver:before { background: #fcfcfc; }

.marvel-device.ipad.silver .home { background: #fcfcfc; -webkit-box-shadow: inset 0 0 0 1px #bcbcbc; box-shadow: inset 0 0 0 1px #bcbcbc; }

.marvel-device.ipad.silver .home:after { border: 1px solid rgba(0, 0, 0, 0.2); }

.marvel-device.macbook { width: 960px; height: 600px; padding: 44px 44px 76px; margin: 0 auto; background: #bebebe; border-radius: 34px; }

.marvel-device.macbook:before { width: calc(100% - 8px); height: calc(100% - 8px); position: absolute; content: ''; display: block; top: 4px; left: 4px; border-radius: 30px; background: #1e1e1e; }

.marvel-device.macbook .top-bar { width: calc(100% + 2 * 70px); height: 40px; position: absolute; content: ''; display: block; top: 680px; left: -70px; border-bottom-left-radius: 90px 18px; border-bottom-right-radius: 90px 18px; background: #bebebe; -webkit-box-shadow: inset 0px -4px 13px 3px rgba(34, 34, 34, 0.6); box-shadow: inset 0px -4px 13px 3px rgba(34, 34, 34, 0.6); }

.marvel-device.macbook .top-bar:before { width: 100%; height: 24px; content: ''; display: block; top: 0; left: 0; background: #f0f0f0; border-bottom: 2px solid #aaa; border-radius: 5px; position: relative; }

.marvel-device.macbook .top-bar:after { width: 16%; height: 14px; content: ''; display: block; top: 0; background: #ddd; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; border-radius: 0 0 20px 20px; -webkit-box-shadow: inset 0px -3px 10px #999; box-shadow: inset 0px -3px 10px #999; }

.marvel-device.macbook .bottom-bar { background: transparent; width: calc(100% + 2 * 70px); height: 26px; position: absolute; content: ''; display: block; top: 680px; left: -70px; }

.marvel-device.macbook .bottom-bar:before, .marvel-device.macbook .bottom-bar:after { height: calc(100% - 2px); width: 80px; content: ''; display: block; top: 0; position: absolute; }

.marvel-device.macbook .bottom-bar:before { left: 0; background: #f0f0f0; background: -webkit-gradient(linear, left top, right top, from(#747474), color-stop(5%, #c3c3c3), color-stop(14%, #ebebeb), color-stop(41%, #979797), color-stop(80%, #f0f0f0), color-stop(100%, #f0f0f0), to(#f0f0f0)); background: -webkit-linear-gradient(left, #747474 0%, #c3c3c3 5%, #ebebeb 14%, #979797 41%, #f0f0f0 80%, #f0f0f0 100%, #f0f0f0 100%); background: linear-gradient(to right, #747474 0%, #c3c3c3 5%, #ebebeb 14%, #979797 41%, #f0f0f0 80%, #f0f0f0 100%, #f0f0f0 100%); }

.marvel-device.macbook .bottom-bar:after { right: 0; background: #f0f0f0; background: -webkit-gradient(linear, left top, right top, from(#f0f0f0), color-stop(0%, #f0f0f0), color-stop(20%, #f0f0f0), color-stop(59%, #979797), color-stop(86%, #ebebeb), color-stop(95%, #c3c3c3), to(#747474)); background: -webkit-linear-gradient(left, #f0f0f0 0%, #f0f0f0 0%, #f0f0f0 20%, #979797 59%, #ebebeb 86%, #c3c3c3 95%, #747474 100%); background: linear-gradient(to right, #f0f0f0 0%, #f0f0f0 0%, #f0f0f0 20%, #979797 59%, #ebebeb 86%, #c3c3c3 95%, #747474 100%); }

.marvel-device.macbook .camera { background: #3c3d3d; width: 10px; height: 10px; position: absolute; top: 20px; left: 50%; margin-left: -5px; border-radius: 100%; }

.marvel-device.macbook .home { display: none; }

.marvel-device.iphone-x { width: 375px; height: 812px; padding: 26px; background: #fdfdfd; -webkit-box-shadow: inset 0 0 11px 0 black; box-shadow: inset 0 0 11px 0 black; border-radius: 66px; }

.marvel-device.iphone-x .overflow { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 66px; overflow: hidden; }

.marvel-device.iphone-x .shadow { border-radius: 100%; width: 90px; height: 90px; position: absolute; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 60%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 60%); }

.marvel-device.iphone-x .shadow--tl { top: -20px; left: -20px; }

.marvel-device.iphone-x .shadow--tr { top: -20px; right: -20px; }

.marvel-device.iphone-x .shadow--bl { bottom: -20px; left: -20px; }

.marvel-device.iphone-x .shadow--br { bottom: -20px; right: -20px; }

.marvel-device.iphone-x:before { width: calc(100% - 10px); height: calc(100% - 10px); position: absolute; top: 5px; content: ''; left: 5px; border-radius: 61px; background: black; z-index: 1; }

.marvel-device.iphone-x .inner-shadow { width: calc(100% - 20px); height: calc(100% - 20px); position: absolute; top: 10px; overflow: hidden; left: 10px; border-radius: 56px; -webkit-box-shadow: inset 0 0 15px 0 rgba(255, 255, 255, 0.66); box-shadow: inset 0 0 15px 0 rgba(255, 255, 255, 0.66); z-index: 1; }

.marvel-device.iphone-x .inner-shadow:before { -webkit-box-shadow: inset 0 0 20px 0 #FFFFFF; box-shadow: inset 0 0 20px 0 #FFFFFF; width: 100%; height: 116%; position: absolute; top: -8%; content: ''; left: 0; border-radius: 200px / 112px; z-index: 2; }

.marvel-device.iphone-x .screen { border-radius: 40px; -webkit-box-shadow: none; box-shadow: none; }

.marvel-device.iphone-x .top-bar, .marvel-device.iphone-x .bottom-bar { width: 100%; position: absolute; height: 8px; background: rgba(0, 0, 0, 0.1); left: 0; }

.marvel-device.iphone-x .top-bar { top: 80px; }

.marvel-device.iphone-x .bottom-bar { bottom: 80px; }

.marvel-device.iphone-x .volume, .marvel-device.iphone-x .volume:before, .marvel-device.iphone-x .volume:after, .marvel-device.iphone-x .sleep { width: 3px; background: #b5b5b5; position: absolute; }

.marvel-device.iphone-x .volume { left: -3px; top: 116px; height: 32px; }

.marvel-device.iphone-x .volume:before { height: 62px; top: 62px; content: ''; left: 0; }

.marvel-device.iphone-x .volume:after { height: 62px; top: 140px; content: ''; left: 0; }

.marvel-device.iphone-x .sleep { height: 96px; top: 200px; right: -3px; }

.marvel-device.iphone-x .camera { width: 6px; height: 6px; top: 9px; border-radius: 100%; position: absolute; left: 154px; background: #0d4d71; }

.marvel-device.iphone-x .speaker { height: 6px; width: 60px; left: 50%; position: absolute; top: 9px; margin-left: -30px; background: #171818; border-radius: 6px; }

.marvel-device.iphone-x .notch { position: absolute; width: 210px; height: 30px; top: 26px; left: 108px; z-index: 3; background: black; border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; }

.marvel-device.iphone-x .notch:before, .marvel-device.iphone-x .notch:after { content: ''; height: 8px; position: absolute; top: 0; width: 8px; }

.marvel-device.iphone-x .notch:after { background: -webkit-radial-gradient(bottom left, circle, transparent 0, transparent 70%, black 70%, black 100%); background: radial-gradient(circle at bottom left, transparent 0, transparent 70%, black 70%, black 100%); left: -8px; }

.marvel-device.iphone-x .notch:before { background: -webkit-radial-gradient(bottom right, circle, transparent 0, transparent 70%, black 70%, black 100%); background: radial-gradient(circle at bottom right, transparent 0, transparent 70%, black 70%, black 100%); right: -8px; }

.marvel-device.iphone-x.landscape { height: 375px; width: 812px; }

.marvel-device.iphone-x.landscape .top-bar, .marvel-device.iphone-x.landscape .bottom-bar { width: 8px; height: 100%; top: 0; }

.marvel-device.iphone-x.landscape .top-bar { left: 80px; }

.marvel-device.iphone-x.landscape .bottom-bar { right: 80px; bottom: auto; left: auto; }

.marvel-device.iphone-x.landscape .volume, .marvel-device.iphone-x.landscape .volume:before, .marvel-device.iphone-x.landscape .volume:after, .marvel-device.iphone-x.landscape .sleep { height: 3px; }

.marvel-device.iphone-x.landscape .inner-shadow:before { height: 100%; width: 116%; left: -8%; top: 0; border-radius: 112px / 200px; }

.marvel-device.iphone-x.landscape .volume { bottom: -3px; top: auto; left: 116px; width: 32px; }

.marvel-device.iphone-x.landscape .volume:before { width: 62px; left: 62px; top: 0; }

.marvel-device.iphone-x.landscape .volume:after { width: 62px; left: 140px; top: 0; }

.marvel-device.iphone-x.landscape .sleep { width: 96px; left: 200px; top: -3px; right: auto; }

.marvel-device.iphone-x.landscape .camera { left: 9px; bottom: 154px; top: auto; }

.marvel-device.iphone-x.landscape .speaker { width: 6px; height: 60px; left: 9px; top: 50%; margin-top: -30px; margin-left: 0; }

.marvel-device.iphone-x.landscape .notch { height: 210px; width: 30px; left: 26px; bottom: 108px; top: auto; border-top-right-radius: 24px; border-bottom-right-radius: 24px; border-bottom-left-radius: 0; }

.marvel-device.iphone-x.landscape .notch:before, .marvel-device.iphone-x.landscape .notch:after { left: 0; }

.marvel-device.iphone-x.landscape .notch:after { background: -webkit-radial-gradient(bottom right, circle, transparent 0, transparent 70%, black 70%, black 100%); background: radial-gradient(circle at bottom right, transparent 0, transparent 70%, black 70%, black 100%); bottom: -8px; top: auto; }

.marvel-device.iphone-x.landscape .notch:before { background: -webkit-radial-gradient(top right, circle, transparent 0, transparent 70%, black 70%, black 100%); background: radial-gradient(circle at top right, transparent 0, transparent 70%, black 70%, black 100%); top: -8px; }

.marvel-device.note8 { width: 400px; height: 822px; background: black; border-radius: 34px; padding: 45px 10px; }

.marvel-device.note8 .overflow { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 34px; overflow: hidden; }

.marvel-device.note8 .speaker { height: 8px; width: 56px; left: 50%; position: absolute; top: 25px; margin-left: -28px; background: #171818; z-index: 1; border-radius: 8px; }

.marvel-device.note8 .camera { height: 18px; width: 18px; left: 86px; position: absolute; top: 18px; background: #212b36; z-index: 1; border-radius: 100%; }

.marvel-device.note8 .camera:before { content: ''; height: 8px; width: 8px; left: -22px; position: absolute; top: 5px; background: #212b36; z-index: 1; border-radius: 100%; }

.marvel-device.note8 .sensors { height: 10px; width: 10px; left: 120px; position: absolute; top: 22px; background: #1d233b; z-index: 1; border-radius: 100%; }

.marvel-device.note8 .sensors:before { content: ''; height: 10px; width: 10px; left: 18px; position: absolute; top: 0; background: #1d233b; z-index: 1; border-radius: 100%; }

.marvel-device.note8 .more-sensors { height: 16px; width: 16px; left: 285px; position: absolute; top: 18px; background: #33244a; -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1); z-index: 1; border-radius: 100%; }

.marvel-device.note8 .more-sensors:before { content: ''; height: 11px; width: 11px; left: 40px; position: absolute; top: 4px; background: #214a61; z-index: 1; border-radius: 100%; }

.marvel-device.note8 .sleep { width: 2px; height: 56px; background: black; position: absolute; top: 288px; right: -2px; }

.marvel-device.note8 .volume { width: 2px; height: 120px; background: black; position: absolute; top: 168px; left: -2px; }

.marvel-device.note8 .volume:before { content: ''; top: 168px; width: 2px; position: absolute; left: 0; background: black; height: 56px; }

.marvel-device.note8 .inner { width: 100%; height: calc(100% - 8px); position: absolute; top: 2px; content: ''; left: 0px; border-radius: 34px; border-top: 2px solid #9fa0a2; border-bottom: 2px solid #9fa0a2; background: black; z-index: 1; -webkit-box-shadow: inset 0 0 6px 0 rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 6px 0 rgba(255, 255, 255, 0.5); }

.marvel-device.note8 .shadow { -webkit-box-shadow: inset 0 0 60px 0 white, inset 0 0 30px 0 rgba(255, 255, 255, 0.5), 0 0 20px 0 white, 0 0 20px 0 rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 60px 0 white, inset 0 0 30px 0 rgba(255, 255, 255, 0.5), 0 0 20px 0 white, 0 0 20px 0 rgba(255, 255, 255, 0.5); height: 101%; position: absolute; top: -0.5%; content: ''; width: calc(100% - 20px); left: 10px; border-radius: 38px; z-index: 5; pointer-events: none; }

.marvel-device.note8 .screen { border-radius: 14px; -webkit-box-shadow: none; box-shadow: none; }

.marvel-device.note8.landscape { height: 400px; width: 822px; padding: 10px 45px; }

.marvel-device.note8.landscape .speaker { height: 56px; width: 8px; top: 50%; margin-top: -28px; margin-left: 0; right: 25px; left: auto; }

.marvel-device.note8.landscape .camera { top: 86px; right: 18px; left: auto; }

.marvel-device.note8.landscape .camera:before { top: -22px; left: 5px; }

.marvel-device.note8.landscape .sensors { top: 120px; right: 22px; left: auto; }

.marvel-device.note8.landscape .sensors:before { top: 18px; left: 0; }

.marvel-device.note8.landscape .more-sensors { top: 285px; right: 18px; left: auto; }

.marvel-device.note8.landscape .more-sensors:before { top: 40px; left: 4px; }

.marvel-device.note8.landscape .sleep { bottom: -2px; top: auto; right: 288px; width: 56px; height: 2px; }

.marvel-device.note8.landscape .volume { width: 120px; height: 2px; top: -2px; right: 168px; left: auto; }

.marvel-device.note8.landscape .volume:before { right: 168px; left: auto; top: 0; width: 56px; height: 2px; }

.marvel-device.note8.landscape .inner { height: 100%; width: calc(100% - 8px); left: 2px; top: 0; border-top: 0; border-bottom: 0; border-left: 2px solid #9fa0a2; border-right: 2px solid #9fa0a2; }

.marvel-device.note8.landscape .shadow { width: 101%; height: calc(100% - 20px); left: -0.5%; top: 10px; }

/* Slider */
.slick-loading .slick-list { background: #fff url("./../bower_components/slick-carousel/slick/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face { font-family: "slick"; src: url("./fonts/../../bower_components/slick-carousel/slick/fonts/slick.eot"); src: url("./fonts/../../bower_components/slick-carousel/slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/../../bower_components/slick-carousel/slick/fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/../../bower_components/slick-carousel/slick/fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 10px; width: 10px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 10px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }

[dir="rtl"] .slick-prev { left: auto; right: -25px; }

.slick-prev:before { content: "←"; }

[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: -25px; }

[dir="rtl"] .slick-next { left: -25px; right: auto; }

.slick-next:before { content: "→"; }

[dir="rtl"] .slick-next:before { content: "←"; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 0; }

.slick-dots { position: absolute; bottom: 10px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }

.slick-dots li { position: relative; display: inline-block; height: 10px; width: 10px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 10px; width: 10px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 10px; height: 10px; font-family: "slick"; font-size: 10px; line-height: 10px; text-align: center; color: white; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before { color: #25c151; opacity: 0.75; }

/* Global Styles */
/* Foundation Extended Classes */
/* DEPRICATED, DO NOT USE */
.row.full-width { width: 100% !important; margin-left: auto; margin-right: auto; max-width: initial; }

* { -webkit-backface-visibility: hidden; backface-visibility: hidden; }

/* STICK FOOTER TO BOTTOM WHEN PAGE IS TOO SHORT - To use this you must add a section tag with the class of site-stretch to the end of your header AFTER <header> and a closing tag to the top of your footer BEFORE the <footer> */
body { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100vh; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

body.modal-open { overflow: hidden; }

.site-stretch { -webkit-box-flex: 1; flex: 1; -ms-flex: none; }

/* Accordians */
.accordion-title, .accordion-title::before { font-size: .9rem; }

/* PRODUCTS DEVICES */
.device-block { overflow: hidden; }

.device img { min-width: 1280px; }

.device-left img { min-width: 1280px; float: right; }

.device-stagger-container { position: relative; height: 550px; }

.device-stagger { width: 800px; height: 550px; position: absolute; top: 0; }

.device-stagger img { width: 100%; }

.device-stagger-right { left: 0; }

.device-stagger-left { right: 0; }

@media screen and (max-width: 39.9375em) { .device-stagger-container { height: auto; }
  .device-stagger { width: auto; height: auto; position: relative; }
  .device-stagger img { width: 100%; } }

/*Code blocks <pre><xmp>

These should be wrapped in <pre class="prettyprint"></pre> tags. Be very causios when using tabs in here as prettyprint will honor them in the HTML
*/
/*pre { border: none !important; border-left:2px solid #cccccc !important; padding-left:35px !important; padding-top:21px !important; padding-bottom:20px !important; margin-top:40px !important; margin-left:30px !important; overflow-x: scroll; background: $gz-drk-gray !important; margin-bottom: 15px; code { background: none; border: none; } }*/
/* pre.prettyprint:before { font-family: 'FontAwesome'; content: "\f121"; /* content: "{}"; display: block; font-size: 2.1em; color: $gz-med-gray; width: 50px; height: 50px; float: left; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); margin: -45px 0px 0 -65px; background: $gz-xlt-gray; border-radius: 50%; padding-left:7px; padding-top: 0px; position: absolute; } */
pre.prettyprint { color: #EFEFEF; border: none !important; border-left: 2px solid #CCCCCC !important; padding-left: 15px !important; padding-top: 20px !important; padding-bottom: 20px !important; overflow-x: scroll; background: #454545 !important; margin-bottom: 15px; }

pre.prettyprint code { background: none; border: none; }

pre xmp { font-size: 1.3rem !important; margin: 0 !important; }

/* Sliders Nav*/
/*.btn-orbit  { background: red; background: url(../assets/img/playhead.png) no-repeat; border: 2px solid $gz-med-gray-color !important; width: 64px !important; height: 64px !important; } .btn-orbit.is-active  { background-color: $gz-med-gray-color !important; background-image: url(../assets/img/playhead.png) no-repeat; }*/
/* Forms */
/*[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea, select { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: all 0.3s cubic-bezier(.25,.8,.25,1) !important; } [type='text']:hover { box-shadow: 0 7px 24px rgba(0,0,0,0.25), 0 5px 5px rgba(0,0,0,0.24); } */
/* COOKIE BANNER */
#cookie-settings-bkgd { display: none; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 9999999; top: 0; left: 0; right: 0; bottom: 0; }

#cookie-settings-bkgd #cookie-settings { overflow: hidden; width: 90%; max-width: 800px; height: 90%; max-height: 700px; background: #EFEFEF; border-radius: 4px; -webkit-box-shadow: 3px 3px 13px #343434; box-shadow: 3px 3px 13px #343434; top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

#cookie-settings-bkgd #cookie-settings a.fa-close { display: inline-block; color: #343434; position: absolute; right: 5px; top: 5px; font-size: 35px; z-index: 999999; }

#cookie-settings-bkgd #cookie-settings-data { overflow: auto; width: 100%; height: 100%; position: absolute; }

#cookie-settings-bkgd #cookie-settings-data .fa-spinner { position: absolute; top: 50%; left: 50%; display: inline-block; width: 30px; height: 30px; font-size: 30px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

#cookie-settings-bkgd .cookie-expand { display: none; }

#cookie-settings-bkgd .show-cookie-info h6 { margin-bottom: 5px !important; }

#cookie-settings-bkgd .switch-paddle { border-radius: 5000px !important; }

#cookie-settings-bkgd .switch-paddle::after { border-radius: 5000px !important; }

#cookie-settings-bkgd p.detail-text { font-size: .9em; text-align: left; }

.cookie-banner { position: fixed; bottom: 0; left: 0px; background: #EFEFEF; padding: 20px 30px 0 30px; /* border-radius: 4px; */ -webkit-box-shadow: 3px 3px 13px #343434; box-shadow: 3px 3px 13px #343434; /* width: 300px; */ width: 100%; z-index: 999999; }

.cookie-banner h6, .cookie-banner p { font-family: colfax-medium, Helvetica, "Helvetica Neue", sans-serif; }

.cookie-banner .btn-close-cookies { color: #25c151; font-family: colfax-medium, Helvetica, "Helvetica Neue", sans-serif; margin-right: 20px; }

.cookie-banner .btn-close-cookies:hover { text-decoration: underline; color: #1fa445; }

/* Page Default Styles */
#hero { width: 100%; min-height: 400px; -webkit-background-size: cover; background-size: cover; position: relative; background-position: center center; /*.hero-copy { width: 90%; max-width: 550px; position: absolute; top:50%; left: 50%; text-align: center; color: $gz-white; transform: translate(-50%,-50%); img.hero-logo { max-width: 400px; width: 90%; margin-left:5%; } }*/ }

/* Pagination */
.pagination { padding-bottom: 30px; }

.pagination .page-numbers { display: inline-block; text-transform: uppercase; font-size: 16px; color: #666666; padding: 3px 5px 0 5px; }

.pagination .page-numbers.current { color: #FFFFFF; background: #25c151; padding: 3px 7px 0 7px; }

.pagination .current { border-radius: 4px; }

.pagination .screen-reader-text { display: none; }

/* Quotes Styles*/
.customer-quote-left { max-width: 1908px; background-position: center center !important; margin: auto; text-align: left; }

.hanging-quote { margin-left: -18px; }

.opening-quotation-mark { background: url("/wp-content/uploads/2017/11/quote.png") no-repeat; position: relative; top: -40%; left: 10%; opacity: 0.3; width: 100px; height: 100px; }

.quote { font-size: 1.5em; position: relative; top: 50%; text-align: center; }

.quotee { font-size: 0.65em; }

/* Features list styles */
.features-list ul { margin: 0 !important; }

.features-list ul li { display: block; width: 100%; float: left; margin: 20px 0; padding-bottom: 20px; list-style: none; font-family: 'colfax-regular'; border-bottom: 1px solid #CCCCCC; /*$gz-med-gray;*/ }

.features-list ul li h3 { float: left; width: 300px; font-size: 1.4em; /*22px*/ padding-right: 15px; }

.features-list ul li p { /*border-bottom:2px solid green;*/ width: 70%; float: left; color: #454545; }

@media screen and (max-width: 63.9375em) { .features-list ul li h3 { display: block; width: 100%; float: none; }
  .features-list ul li p { /*border-bottom:2px solid green;*/ width: 100%; } }

.features-list ul li:nth-last-child(1) { border: none !important; }

/* Slick Sliders */
.pd-universal-slick-slider { /*display: none;*/ background-color: #343434; min-height: 450px; }

.pd-universal-slick-slider-inner { display: none; }

/* Template Globals */
.gz-post-filter { position: relative; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1; }

.gz-post-filter .gz-hero { z-index: 555; position: relative; }

.tags-sidebar-wrapper a.tag-single { word-wrap: break-word; }

.tags-sidebar-wrapper a.tag-single code { border-radius: 2px; color: #666666; margin: 0 2px; background: #f9f9f9; border-color: #CCCCCC; }

.tags-sidebar-wrapper a.tag-single:hover code { color: #25c151; }

.sidebar-category-wrapper li.categories { font-family: colfax-medium; list-style-type: none; }

.sidebar-category-wrapper li.categories ul { list-style-type: none; margin-left: 0; margin-top: 10px; padding-right: 60px; }

.sidebar-category-wrapper li.categories ul li { font-family: colfax-regular; padding: 5px 0; border-bottom: 1px dotted #EFEFEF; }

.sidebar-category-wrapper li.categories ul li a { color: #666666; }

.sidebar-category-wrapper li.categories ul li a:hover { color: #25c151; }

.btn-sidebar-search { border-radius: 0 4px 4px 0; height: 44px; border: none; }

.post-standard-single { border-bottom: 1px solid #EFEFEF; padding-bottom: 30px; margin-bottom: 70px; margin-right: 30px; }

.post-standard-single .fa-tag, .post-standard-single .fa-user, .post-standard-single .fa-navicon { color: #CCCCCC; }

.post-date { color: #666666; font-family: colfax-medium; font-size: .825em; }

.post-author, .post-cats, .post-tags { color: #666666; }

.post-cats { padding: 0 5px; }

.post-cat-link, .post-cat-link:focus { outline: none; }

.fa-navicon { padding-left: 10px; }

.slick-wrapper { background-color: #EFEFEF; height: 450px; }

.pd-blog-slick-slider { display: none; }

.pd-slide { -webkit-background-size: cover; background-size: cover; background-position: center center; height: 450px; width: 100%; }

ul.sidebar-nav { list-style-type: none; }

ul.sidebar-nav li { line-height: 25px; margin-left: 1em !important; }

ul.sidebar-nav li:first-child h5 { margin-top: 0; }

ul.sidebar-nav li a { font-family: colfax-medium, Helvetica, "Helvetica Neue", sans-serif; font-size: 16px; line-height: inherit; }

ul.sidebar-nav li ul { font-size: 1em !important; }

ul.sidebar-nav h5, ul.sidebar-nav h6 { margin-top: 1.2rem; margin-bottom: .8rem; }

/* Foundation Overrides */
@media only screen and (max-width: 480px) { .lead { font-size: 100%; } }

/* Utility */
.overlay-dk:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); }

.text-bottom-centered { position: absolute; bottom: 0; right: 0; left: 0; margin: 0 auto; z-index: 10; padding: 1rem 0; text-align: center; }

.no-top-pad { padding-top: 0 !important; }

.no-top-pad .content-wrap { padding-top: 0 !important; }

.no-bottom-pad { padding-bottom: 0 !important; }

.no-bottom-pad .content-wrap { padding-bottom: 0 !important; }

/* Adapted Theme Classes */
.subtitle { display: block; font-size: 1.15rem; line-height: 1.508em; }

.separator { border-color: #f2f2f2; border-style: solid; width: 100%; border-width: 1px; position: relative; display: inline-block; vertical-align: middle; /*     border-bottom: 1px solid #b2b2b2; */ margin: 10px 0; }

.max-height-450 .row { max-height: 450px; overflow: hidden; }

/* Flex Content Pages */
.content-wrap { padding-top: 3.125rem; padding-bottom: 3.125rem; position: relative; z-index: 10; }

.inner { margin-bottom: 1.5rem; width: 100%; float: left; padding-right: 0.625rem; padding-left: 0.625rem; }

@media print, screen and (min-width: 40em) { .inner { padding-right: 0.9375rem; padding-left: 0.9375rem; } }

.inner:last-child:not(:first-child) { float: right; }

.inner .content-wrap { padding: 2rem 0; }

section.align-center > .content-wrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

section.align-middle > .content-wrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; }

.flex-page.nested-sections { padding-bottom: 2rem; }

.full-width { padding: 3rem 0 2rem; }

.flex-content .full-bleed { margin: 0; padding: 0; }

.flex-content .no-top-pad .content-wrap, .flex-content .no-top-pad .full-width { padding: 0 0 4rem; }

.outer-wrap { padding: 3rem 4rem; background: white; max-width: 75rem; margin-right: auto; margin-left: auto; width: 100%; float: left; padding-right: 0.625rem; padding-left: 0.625rem; margin-bottom: 4rem !important; }

.outer-wrap::before, .outer-wrap::after { display: table; content: ' '; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.outer-wrap::after { clear: both; }

@media print, screen and (min-width: 40em) { .outer-wrap { padding-right: 0.9375rem; padding-left: 0.9375rem; } }

.outer-wrap:last-child:not(:first-child) { float: right; }

.outer-wrap, .outer-wrap:last-child { float: none; }

.outer-wrap:last-child:not(:first-child) { float: none; }

.skinny-pad .content-wrap { padding: 3rem 0; }

.tabs-content { border: none; padding-top: 3rem; }

/* .tabs li a { color: $gz-drk-gray; } */
.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { background: #EFEFEF; border: 1px solid rgba(204, 204, 204, 0.75); }

.col-tabs { border: none; }

@media screen and (min-width: 40em) { .col-tabs { max-width: 75rem; margin-right: auto; margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } }

.col-tabs li { text-align: center; }

@media screen and (min-width: 40em) { .col-tabs li { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: 0.625rem; padding-left: 0.625rem; min-width: 0; } }

@media screen and (min-width: 40em) and (min-width: 40em) { .col-tabs li { padding-right: 0.9375rem; padding-left: 0.9375rem; } }

.col-tabs li .tab-title, .col-tabs li .accordion-title { font-size: 125%; border: 1px solid #CCCCCC; }

.col-tabs li .tab-title:hover, .col-tabs li .accordion-title:hover { background: #EFEFEF; }

.newsroom .card img { width: auto; height: 4rem; }

section.white-block .img-wrap { background: white; padding: .75rem; }

.block-grid-wrap h2 { text-align: center; }

.column-block { text-align: center; }

.img-wrap { text-align: center; position: relative; padding: .75rem; }

/* Sign Up Section */
section.sign-up-bar > .content-wrap { max-width: none; margin-right: auto; margin-left: auto; padding: 0; }

section.sign-up-bar > .content-wrap::before, section.sign-up-bar > .content-wrap::after { display: table; content: ' '; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

section.sign-up-bar > .content-wrap::after { clear: both; }

section.sign-up-bar > .content-wrap > .column, section.sign-up-bar > .content-wrap > .columns, section.sign-up-bar > .content-wrap .columns { padding-right: 0; padding-left: 0; }

@media only screen and (max-width: 640px) { .logo-wrapper img { width: 130px; }
  .yelp-copy h1 { font-size: 24px !important; } }

#mobile-hero { display: none; }

.orig-hero { position: relative; background-position: top left; }

.hero-padding, .summit-copy { padding-top: 50px; }

.hero-padding h1, .summit-copy h1 { font-size: 48px !important; }

/* Specific Pages */
/* Contact Page */
.tabs-content .tabs-panel form .box-form .row { margin-bottom: 0; }

.tabs-content .tabs-panel form .box-form input, .tabs-content .tabs-panel form textarea, .tabs-content .tabs-panel form select { width: 100%; height: auto; }

.tabs-content .tabs-panel form .mktoButtonRow > span > button { width: 100% !important; }

#contact-tabs .tabs-title a, #contact-tabs .accordion-title { text-transform: uppercase; font-size: 1rem; border: 1px solid #25c151; color: #25c151; }

#contact-tabs .tabs-title a:hover, #contact-tabs .accordion-title:hover { background: #25c151; color: white; }

@media screen and (max-width: 39.9375em) { .contact-tabs > .content-wrap { padding-top: 0; } }

#contact-tabs .tabs-title.is-active > a, .tabs-title > a[aria-selected='true'], #contact-tabs .accordion-item.is-active > a, .accordion-item > a[aria-selected='true'] { background: #25c151; color: white; }

@media screen and (max-width: 39.9375em) { #contact-tabs + .accordion-item { width: 100%; } }

.accordion-item:first-child > :first-child { border-radius: 0; }

/* Home Page*/
.logo-strip { /* 	background-image:url ('https://pdrelaunch.staging.wpengine.com/wp-content/uploads/2017/03/logostrip-1500.png'); */ background-position: center top; background-repeat: no-repeat; background-color: #363636; padding: 3.85rem 0; }

h2.sign-up { margin-bottom: 0 !important; padding: 0; }

/* LayerSlider */
.yelp-copy { text-align: center; }

.hero-copy-wrapper { max-width: 700px; margin: auto; text-align: center; padding: 50px 0 0 0; }

.logo-wrapper { color: #FFFFFF; font-size: 2.2em; }

.logo-wrapper img { width: 200px; }

img.yelp-logo { margin-bottom: 20px; }

img.pd-logo { padding: 20px !important; }

.yelp-copy h1 { font-size: 34px !important; color: #FFFFFF; margin-bottom: 40px !important; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .logo-strip { background-image: url(/wp-content/uploads/2017/03/logostrip-1500@2x.png); } }

@media only screen and (max-width: 1024px) { .logo-strip { background-image: url(/wp-content/uploads/2017/03/logostrip-1024.png); }
  .hero-padding, .summit-copy { padding-top: 80px; } }

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { .logo-strip { background-image: url(/wp-content/uploads/2017/03/logostrip-1024@2x.png); } }

@media only screen and (max-width: 415px) { .logo-strip { background-image: url(/wp-content/uploads/2017/03/logostrip-415.png); } }

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 415px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 415px), only screen and (min-device-pixel-ratio: 2) and (max-width: 415px), only screen and (min-resolution: 192dpi) and (max-width: 415px), only screen and (min-resolution: 2dppx) and (max-width: 415px) { .logo-strip { background-image: url(/wp-content/uploads/2017/03/logostrip-415@2x.png); } }

/* Brand */
.download-assets { padding: 2rem 0; margin: 1rem 0 2rem; }

.usage-wrapper { padding: 0 4rem 4rem; }

/* Company */
.awards-wrap .content-wrap { padding: 3.25rem 0 3rem; }

.logo-wrap { padding: 1rem; }

/* Foundation */
.foundation.overlay-dk:after { background: rgba(0, 0, 0, 0.55); }

/* Partner with PagerDuty */
/* Green Boxes */
.box-wrap { padding: .75rem; }

.green-box { padding: 1rem 1rem; background: #25c151; border-radius: 4px; }

.green-box .pgd-button-white-outline:hover { color: #25c151 !important; }

.green-box p { font-size: 1.25rem; }

.green-box h2 { letter-spacing: normal; font-size: 28px; padding: .25em 0 .5em; border-bottom: 1px solid rgba(255, 255, 255, 0.6); }

.page-template-template-flex-content .bkgd-shadow-quote:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+42,000000+100&0+42,1+100 */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 42%, black 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(42%, rgba(0, 0, 0, 0)), to(black)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 42%, black 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }

/* Newsroom */
.press-release-holder { background: #FFF; padding: 10px; display: block; margin-top: 15px; min-height: 170px; }

.press-release-holder p { padding-left: 10px; padding-right: 10px; color: #666; }

.press-date { display: inline-block; padding-top: 15px; color: #25c151 !important; font-size: 14px !important; margin-left: .5rem; }

.press-release-icon-date-wrapper { padding: 0 15px 15px; }

.press-release-grid h3 { margin: 1.5rem 0; }

.press-release-grid h3:first-child { margin: 1rem 0 1.5rem; }

/*Swiftype Autocomplete Box */
.autocomplete { width: 100%; background-color: #fff; padding: 20px; border: 1px solid #eee; border-radius: 5px; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); }

.autocomplete .grid-result-column { display: inline-block; float: left; width: 31%; margin: 10px 1% 30px 1%; height: 155px; }

@media only screen and (max-width: 680px) { .autocomplete .grid-result-column { width: 98%; } }

/*.autocomplete .grid-result-column:nth-of-type(3) { margin-right: 0;  }*/
.autocomplete .grid-result-column h3 { font-size: 13px; text-transform: uppercase; font-weight: bold; color: #454545; letter-spacing: 0.04rem; border-bottom: 1px solid #E9EDF2; padding-bottom: 10px; margin-bottom: 10px; }

.autocomplete .result { display: block; padding: 5px 0; position: relative; font-size: 14px; color: #536170; font-weight: 400; height: 28px; overflow: hidden; }

.autocomplete .result.active { color: #31bf57; }

.autocomplete .result:first-child { padding-top: 0; }

.autocomplete .result:last-child { border-bottom: 0; }

.autocomplete .result:hover .result-title { color: #31bf57; }

.autocomplete .result em { font-style: normal; font-weight: bold; }

/* GZ Header */
#cb-hero-spacer { width: 100%; height: 95px; position: relative; -webkit-transition: height .2s ease; transition: height .2s ease; }

#cb-hero-spacer.with-butter-bar { height: 132px; }

@media (max-width: 1024px) { #cb-hero-spacer.with-butter-bar { height: 95px; } }

ul.nav-desktop { list-style-type: none; }

ul.nav-desktop { float: right; margin: 0; }

ul.nav-desktop li { float: left; font-size: .938em; }

.butter-bar { background: #25c151; color: white; padding: 8px; font-size: 14px; font-family: colfax-medium, Helvetica, "Helvetica Neue", sans-serif; margin-top: -1px; }

.butter-bar .cta { color: white; border: 2px solid white; border-radius: 15px; padding: 2px 12px; margin-left: 20px; font-weight: normal; text-transform: uppercase; }

.butter-bar .cta:hover { background: #1d963f; }

.butter-bar i { float: right; margin-top: 2px; }

@media (max-width: 1024px) { .butter-bar { display: none; } }

.nav-search-wrapper { position: relative; height: 35px; padding-top: 5px; -webkit-transition: all 0.6s ease-in-out !important; transition: all 0.6s ease-in-out !important; }

@media only screen and (max-width: 1024px) { .nav-search-wrapper.search-active { position: fixed; width: 98%; left: 1%; top: 0; } }

input.nav-search-box { width: 100%; padding: 2px 50px 2px 15px; background: #f4f4f4; border-style: none; border: none; margin-top: 0; height: 24px; color: #343434; z-index: 77779; -webkit-transition: all 0.6s ease-in-out !important; transition: all 0.6s ease-in-out !important; width: 0px; opacity: 0; border-radius: 0; }

input.nav-search-box.search-active { background-color: #DDD; opacity: 1; width: 100%; }

input.nav-search-box::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #343434; }

input.nav-search-box::-moz-placeholder { /* Firefox 19+ */ color: #343434; }

input.nav-search-box:-ms-input-placeholder { /* IE 10+ */ color: #343434; }

input.nav-search-box:-moz-placeholder { /* Firefox 18- */ color: #343434; }

input.nav-search-box:focus { outline: none; outline-width: 0; -webkit-box-shadow: none; box-shadow: none; }

.icn-search { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; position: absolute; right: 9px; top: 9px; color: #EFEFEF; z-index: 99999; }

.icn-search.search-active { color: #343434; }

.super-nav-list li { float: right; font-size: .9em; }

ul.super-nav-list { width: 100%; list-style-type: none; margin-left: 0; }

ul.super-nav-list li:last-child { float: none; overflow: hidden; margin: 0; }

.cb-logo-wrapper, .custom-logo-wrapper { float: left; }

.cb-logo-wrapper a.logo-link, .custom-logo-wrapper a.logo-link { width: 150px; padding: 15px 0 !important; margin: 0 !important; }

.cb-logo-wrapper a.logo-link img, .custom-logo-wrapper a.logo-link img { max-height: 60px; }

.custom-logo-wrapper { text-align: center; float: left; }

.custom-logo-wrapper a.logo-link { padding: 0 !important; }

#nav-wrapper h3, #nav-wrapper h4, #nav-wrapper p { color: #454545; font-family: colfax-medium, Helvetica, "Helvetica Neue", sans-serif; }

#nav-wrapper h4, #nav-wrapper p { margin-bottom: 10px; }

#nav-wrapper p { font-family: 'colfax-regular'; font-size: 14px; }

#super-nav-wrapper { width: 100%; background: #454545; height: 35px; position: fixed; top: 0; z-index: 7777; }

#super-nav-wrapper a { padding: 0 15px; line-height: 35px; display: block; color: #EEE; text-transform: uppercase; font-family: colfax-medium, Helvetica, "Helvetica Neue", sans-serif; }

#super-nav-wrapper a:hover { color: #DDD; background: #666666; }

#super-nav-wrapper.logged-in { top: 32px !important; }

@media only screen and (max-width: 782px) { #super-nav-wrapper.logged-in { top: 46px !important; } }

#nav-wrapper { width: 100%; background: #343434; height: 60px; position: fixed; z-index: 7777; top: 35px; }

#nav-wrapper .logo-wrapper { width: 200px; float: left; }

#nav-wrapper a.btn-nav { margin-top: 20px; line-height: 25px; display: inline-block; padding: 0 12px; color: #FFF; text-transform: uppercase; font-family: colfax-medium, Helvetica, "Helvetica Neue", sans-serif; letter-spacing: 0 !important; }

#nav-wrapper li { height: 60px; margin: 0; padding: 0 10px; }

#nav-wrapper li:hover > .dropper { display: block; }

#nav-wrapper li:last-child:hover > a { border-bottom: none; }

#nav-wrapper li:hover > a { border-bottom: 4px solid #25c151; }

#nav-wrapper li a.current-page { border-bottom: 4px solid #25c151; }

#nav-wrapper li.nav-button { padding-right: 0; }

#nav-wrapper li.nav-button a { margin-top: 10px; line-height: 36px; height: 36px !important; }

#nav-wrapper li.hamburger-wrapper { width: 60px; text-align: center; padding: 0; /*a#btn-hamburger { width: 100%; display: block; }*/ }

#nav-wrapper li.hamburger-wrapper .hamburger { font-size: 2.5em; line-height: 60px; color: #FFF; }

#nav-wrapper li.hamburger-wrapper:hover > a { border-bottom: none; }

#nav-wrapper.custom { top: 0; }

#nav-wrapper.custom li:hover > a, #nav-wrapper.custom li:last-child:hover > a { border-bottom: none; }

#nav-wrapper.custom a.button { margin: 5px 0; border: none; }

#nav-wrapper.custom a.button:hover { border: none; }

#nav-wrapper.logged-in { top: 67px !important; }

#nav-wrapper.custom.logged-in { top: 32px !important; }

@media only screen and (max-width: 782px) { #nav-wrapper.logged-in { top: 81px !important; }
  #nav-wrapper.custom.logged-in { top: 46px !important; } }

ul.nav-mobile { display: none; list-style-type: none; }

@media only screen and (max-width: 1024px) { ul.nav-desktop { display: none; list-style-type: none; }
  ul.nav-mobile { display: inline-block; list-style-type: none; } }

.dropper { width: 100%; position: fixed; z-index: 10; left: 0; top: 95px; padding: 0; height: 400px; background: #f8f8f8; color: #343434; display: none; border-bottom: 1px solid #DDD; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

.dropper h4 a.btn-dropper { color: #454545; -webkit-transition: 100ms ease-in-out color; transition: 100ms ease-in-out color; font-size: .825em; }

.dropper h4 a.btn-dropper:hover { color: #25c151 !important; }

.dropper h4.nav-heading { font-size: 21px; }

.dropper .row { max-width: 1200px !important; margin: auto !important; }

.dropper img.cb-dropper-thumb { width: 90%; display: block; max-width: 80px; margin-bottom: 0px; }

.dropper img.cb-dropper-feature { width: 100%; display: block; margin: auto; background: #FFF; margin-bottom: 10px; }

.dropper a.cb-dropper-feature { -webkit-background-size: cover !important; background-size: cover !important; background-position: center center !important; width: 100%; display: block; margin: auto; background: #FFF; margin-bottom: 10px; height: 120px; }

.dropper .use-cases { display: block; width: 100%; margin-bottom: 15px; }

.dropper .single-use-case { width: 100%; height: 30px; text-align: center; clear: both; display: inline-block; margin-bottom: 10px; }

.dropper .single-use-case img { width: 25%; float: left; }

.dropper .single-use-case p { text-align: left; line-height: 40px; }

.dropper .locations { display: inline-block; margin-left: 30px; }

.dropper .single-location { width: 50%; float: left; height: 100px; text-align: center; margin-bottom: 10px; color: #f17d00; font-size: 14px; font-weight: 600; }

.dropper .single-location img, .dropper .single-location i { margin: auto; margin-top: 0px; margin-bottom: 0; max-width: 80px; -webkit-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; }

.dropper .single-location:hover img, .dropper .single-location:hover i { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.dropper .feat-container { margin-top: 10px; width: 100%; height: 250px; position: relative; overflow: hidden; display: block; margin-bottom: 15px; }

.dropper .featured-cust-image-bkgd { width: 100%; height: 100%; -webkit-background-size: cover; background-size: cover; background-position: center center; position: absolute; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; }

.dropper .featured-cust-image { width: 100%; height: 100%; position: absolute; overflow: hidden; }

.dropper .featured-cust-image .feat-logo { width: 200px; position: absolute; left: 50%; top: 50%; opacity: 0.5; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); -webkit-transition: all 0.6s ease; transition: all 0.6s ease; }

.dropper .featured-cust-image .playhead { font-size: 14px !important; font-style: italic; position: absolute; left: 50%; top: 50%; opacity: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.9s ease; transition: all 0.9s ease; width: 100%; height: 100px; text-align: center; }

.dropper .featured-cust-image .playhead img { width: 60px; }

.dropper .cb-nav-quote { font-size: 14px !important; font-style: italic; opacity: 1; color: #343434; text-align: center; }

.dropper .featured-cust-image:hover .feat-logo { top: calc(50% - 30px); opacity: 0.6; }

.dropper .featured-cust-image:hover .playhead { opacity: 0.6; top: 50%; }

.dropper .feat-container:hover .featured-cust-image-bkgd { -webkit-filter: blur(8px); -moz-filter: blur(8px); -o-filter: blur(8px); -ms-filter: blur(8px); filter: blur(8px); }

.dropper .cust-title { text-align: center; }

.dropper .cust-title h3 { margin-top: 30px; font-family: 'colfax-regular'; }

.dropper a.cust-image-outer-wrapper { display: block; margin-bottom: 15px; }

.dropper a.cust-image-outer-wrapper .customer-image-wrapper { float: left; width: 60px; height: 60px; background: #FFF; margin-right: 10px; border-radius: 8px; }

.dropper a.cust-image-outer-wrapper .customer-image-wrapper img { border-radius: 8px; }

.dropper a.cust-image-outer-wrapper .cust-copy { display: block; color: #454545; }

.dropper a.cust-image-outer-wrapper .cust-copy .blurb { color: #454545; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; margin: 0; /*font-style: italic;*/ text-align: center; }

.dropper a.cust-image-outer-wrapper:hover .customer-image-wrapper img { /*transform: translate(-50%, -50%) scale(1.2);*/ }

.dropper a.cust-image-outer-wrapper:hover .cust-copy p { color: #343434; }

.dropper .learning-blurb { min-height: 90px; }

.dropper .icon-contact-us { font-size: 40px; padding: 20px; color: #343434; }

.dropper a.feature-image-large { width: 100%; height: 130px; -webkit-background-size: cover; background-size: cover; background-position: center center; display: block; margin-bottom: 5px; }

.dropper a.careers-image-link { margin-bottom: 15px; display: block; }

.dropper .leadership-image-wrapper { background: url(/wp-content/uploads/2017/09/nav-careers.png); }

.dropper .careers-image-wrapper { background: url(https://www.pagerduty.com/wp-content/uploads/2016/01/company-pagerduty-street.jpg); }

.dropper .locals { background-color: none !important; }

.dropper .stack-wrapper { width: 100%; }

.dropper .nav-single-stack { width: 100%; margin: 0 1%; }

.dropper .columns { height: 100%; border-right: 1px solid #ddd; height: 400px; padding-top: 15px; }

.dropper .columns:last-child { border-right: none; }

.dropper .nav-careers-wrapper { width: 100%; display: block; overflow: auto; }

.dropper .nav-careers-wrapper .local { width: 31%; float: left; margin: 0 1%; text-align: center; }

.dropper a.nav-event-img { width: 100%; height: 112px; -webkit-background-size: cover; background-size: cover; background-position: top center; display: block; margin-bottom: 0; }

.dropper .date-time { line-height: 17px; margin: 5px 0; }

.dropper .nav-ev-local { color: #343434; }

.dropper .nav-ev-date { color: #454545; font-size: .8em; }

.dropper a.read-more { margin-top: 0 !important; margin-bottom: 15px; display: inline-block; }

.dropper a.read-more, .dropper a.read-more > .fa { color: #ff9600 !important; color: #f17d00 !important; font-weight: 700; }

.dropper .int-guide-single { clear: both; margin-bottom: 10px; position: relative; display: block; overflow: auto; }

.dropper .int-guide-single img { border-radius: 8px; width: 60px; float: left; margin-right: 5px; background: #FFF; }

.dropper .int-name { display: block; position: absolute; left: 65px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #454545; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.dropper a.int-name:hover { color: #25c151; }

.dropper .img-blog-featured { width: 100%; height: 80px; -webkit-background-size: cover; background-size: cover; background-position: top right; margin-bottom: 10px; }

.dropper h4.blog-title { font-size: 1em; cursor: pointer; }

.dropper h4.blog-title:hover { color: #25c151; }

.dropper .award { width: 33%; height: 50px; -webkit-background-size: contain; background-size: contain; background-position: center center; background-repeat: no-repeat; float: left; margin: 1% 0; }

.dropper .cloud-one { background-image: url(/wp-content/uploads/2016/10/cloud-100-logo.png); }

.dropper .inc-five { background-image: url(/wp-content/uploads/2016/10/inc500-logo2-1.png); }

.dropper .stevie { background-image: url(https://www.pagerduty.com/wp-content/uploads/2017/05/stevie-gold-2017.png); }

.dropper:hover { display: block; }

.dropper.logged-in { top: 127px !important; }

@media only screen and (max-width: 782px) { .dropper.logged-in { top: 141px !important; } }

a#mbl-hamburger { width: 60px; height: 60px; position: absolute; margin: 0px auto; top: 0; right: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer !important; }

a#mbl-hamburger span { display: block; position: absolute; height: 4px; width: 40px; background: #f4f4f4; border-radius: 9px; opacity: 1; left: 5px; margin-top: 15px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; }

/* Mobile Navigation */
#mbl-hamburger { margin: 0 !important; padding: 0 !important; }

#mbl-hamburger span:nth-child(1) { top: 0px; width: 34px; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; left: 8px; }

#mbl-hamburger span:nth-child(2) { top: 12px; width: 34px; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; left: 8px; }

#mbl-hamburger span:nth-child(3) { top: 24px; width: 34px; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; left: 8px; }

#mbl-hamburger.open span:nth-child(1) { top: 0px; left: 8px; width: 34px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

#mbl-hamburger.open span:nth-child(2) { width: 0%; opacity: 0; }

#mbl-hamburger.open span:nth-child(3) { top: 24px; left: 8px; width: 34px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

#menu-mobile-dropdown { position: fixed; bottom: 0px; width: 100%; height: 100%; padding-top: 100px; background: #454545; z-index: 5555; overflow-y: auto; overflow-x: hidden; display: none; }

#menu-mobile-dropdown ul.cb-mbl-nav { width: 100%; list-style-type: none; margin: 0; }

#menu-mobile-dropdown ul.cb-mbl-nav li:first-child { border-top: none; }

#menu-mobile-dropdown ul.cb-mbl-nav li li:first-child { border-top: 1px solid #777; }

#menu-mobile-dropdown ul.cb-mbl-nav li { margin: 0; position: relative; width: 100%; line-height: 50px; border-top: 1px solid #777; }

#menu-mobile-dropdown ul.cb-mbl-nav li a { padding-left: 15px; color: #FFF; display: block; font-family: colfax-medium, Helvetica, "Helvetica Neue", sans-serif; }

#menu-mobile-dropdown ul.cb-mbl-nav li a.btn-mbl-nav-expand { position: absolute; right: 0px; top: 0px; padding: 0 40px; height: 50px; }

#menu-mobile-dropdown ul.cb-mbl-nav li a.btn-mbl-nav-expand .reveal-sub-nav { font-size: 2em; line-height: 50px; color: #FFF; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

#menu-mobile-dropdown ul.cb-mbl-nav li a.btn-mbl-nav-expand .reveal-sub-nav.active { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

#menu-mobile-dropdown ul.cb-mbl-nav li ul { display: none; list-style-type: none; margin: 0 !important; margin-left: 15px !important; padding: 0; background: #555555; }

#menu-mobile-dropdown ul.cb-mbl-nav li ul.active { display: block; }

@media only screen and (max-width: 782px) { #menu-mobile-dropdown.logged-in { padding-top: 146px; } }

/* Footer */
/* Footer */
#footer { width: 100%; background-color: #343434; min-height: 300px; }

@media screen and (min-width: 64em) { .footer-location-col-wrapper { padding-left: 30px; } }

.cb-logo-wrapper-footer { max-width: 200px; }

.locations-footer { padding-top: 30px; }

.locations-footer h5 { margin-bottom: 5px; font-family: colfax-medium, Helvetica, "Helvetica Neue", sans-serif; }

.locations-footer h5, .locations-footer p { color: #EFEFEF; }

.footer-wrapper .footer-address-wrapper { border-right: 1px solid #454545; }

@media screen and (max-width: 39.9375em) { .footer-wrapper .footer-address-wrapper { border-right: none; } }

.footer-wrapper ul { margin-left: 0; }

.footer-wrapper li { display: block; font-size: 1.4em; overflow: auto; font-family: colfax-medium, Helvetica, "Helvetica Neue", sans-serif; }

.footer-wrapper li a { color: #EFEFEF; }

.footer-wrapper li a:hover { color: #25c151; }

.footer-wrapper ul li ul { margin-top: 20px; }

.footer-wrapper .second li { margin-bottom: 0; font-family: colfax-regular, Helvetica, "Helvetica Neue", sans-serif; }

.footer-wrapper .inner { padding-left: 0; font-size: .5em; }

#post-footer { width: 100%; background: #252525; display: block; text-align: center; }

#post-footer p { color: #666666; padding: 20px 0; font-size: .825em; }

.footer-social-links { padding-top: 15px; }

.footer-social-links .fa { font-size: 1.6em; }

.footer-social-links a { color: #FFFFFF; margin-right: 30px; }

.footer-social-links a:hover { color: #25c151; }

a.were-hiring { display: block; margin-top: 30px; max-width: 250px; }

/* pd-video-virt-summit-17-modal */
.pd-video-virt-summit-17-modal .modal-html { display: none; }

.pd-video-virt-summit-17-modal .vid-bkgd { height: 250px; width: 100%; /*background-size: 101% auto;*/ -webkit-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; margin-top: 25px; }

.pd-video-virt-summit-17-modal .video { display: none; }

.pd-video-virt-summit-17-modal .overlay { position: absolute; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.2); }

.pd-video-virt-summit-17-modal .playhead { max-height: 50px; max-width: 50px; position: absolute; top: 50%; left: 50%; opacity: .5; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease; }

.pd-video-virt-summit-17-modal .overlay:hover .playhead { opacity: 1; }

.pd-video-virt-summit-17-modal .copy-wrapper { text-align: center; color: #454545; min-height: 205px; }

.pd-video-virt-summit-17-modal .copy-wrapper .name-pos { margin-top: 15px; min-height: 22px; font-size: .9em; }

.pd-video-virt-summit-17-modal .copy-wrapper .title { margin-top: 0; min-height: 50px; font-size: 1.2em; text-transform: uppercase; }

.pd-video-virt-summit-17-modal .copy-wrapper .blurb { margin-top: 5px; min-height: 80px; }

.pd-video-virt-summit-17-modal .copy-wrapper p { margin-bottom: 5px; }

@media only screen and (max-width: 640px) { .pd-video-virt-summit-17-modal .copy-wrapper .name-pos, .pd-video-virt-summit-17-modal .copy-wrapper .title, .pd-video-virt-summit-17-modal .copy-wrapper .blurb { min-height: 0; } }

@media only screen and (max-width: 700px) { .pd-video-virt-summit-17-modal .copy-wrapper { min-height: 225px; } }

@media only screen and (max-width: 640px) { .pd-video-virt-summit-17-modal .copy-wrapper { min-height: 0; } }

.virt-summit-modal { position: absolute; bottom: 10%; height: 80%; background: #f4f4f4; width: 90%; left: 5%; }

.virt-summit-modal .virt-summit-modal-inner { padding: 50px 10px; overflow: auto; height: 100%; }

.virt-summit-modal .yt-video { display: none; }

.virt-summit-modal .mkto-form-wrapper { display: none; }

.virt-summit-modal .mkto-form { border: 1px solid #CCC; padding: 10px; background: #f0f0f0; }

.virt-summit-modal p.cookie-alert { padding: 10px; display: none; background: #f9cfcf; border-radius: 4px; border: 1px solid #767676; }

/* IT and DEV OPS */
.companies-bottom { width: 100%; padding: 30px 0px 50px 0px; }

.comp-bottom-image-wrappers { position: relative; text-align: center; overflow: hidden; font-size: 12px; margin: 20px 0px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.comp-bottom-image-wrappers:hover { -webkit-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.2); }

.comp-bottom-image-wrappers img { max-height: 120px; position: absolute; display: block; padding: 20px; top: 40%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, 50%); }

.comp-bottom-image-capt { line-height: 1.2em; position: absolute; bottom: 40px; left: 50%; top: 75%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, 50%); display: block; padding: 0px 5px; width: 100%; }

.it-devops-image-wrapper { text-align: center; }

.it-devops-image-wrapper img { width: 100%; max-width: 1000px; }

.it-dev-bottom-int-box .comp-bottom-image-capt { color: #666 !important; }

.it-dev-bottom-int-box:hover .comp-bottom-image-capt { color: #25c151 !important; }

/* Logo bar */
.logo-bar.container { background: #232323; display: block; position: relative; padding: 30px 0; }

.logo-bar.container img { height: 35px; margin: auto; width: 100%; }

.logo-bar.container .lbl-customer-count h6 { margin: 0; }

.logo-bar.container a.lb-link, .logo-bar.container a.lb-link img, .logo-bar.container a.lb-link h3 { -webkit-transition: 1s cubic-bezier(0.19, 1, 0.22, 1); transition: 1s cubic-bezier(0.19, 1, 0.22, 1); will-change: transform; -webkit-filter: blur(0); filter: blur(0); display: block; }

.logo-bar.container a.lb-link:hover { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); }

.logo-bar.container a.lb-link:hover h3, .logo-bar.container a.lb-link:hover h5 { -webkit-filter: blur(20px); filter: blur(20px); }

.logo-bar.container a.lb-link:hover img { -webkit-filter: blur(20px); filter: blur(20px); opacity: .6; }

.logo-bar.container a.lb-link:hover h5 { -webkit-filter: blur(1px); filter: blur(1px); opacity: .7; }

.logo-bar.container .view-cust-cta { position: absolute; margin: auto; text-align: center; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); -webkit-transition: 1s cubic-bezier(0.19, 1, 0.22, 1); transition: 1s cubic-bezier(0.19, 1, 0.22, 1); opacity: 0; border: 2px solid #FFF; border-radius: 4px; background: #FFF; color: #343434; padding: 5px 15px; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; font-family: 'colfax-medium' !important; z-index: 999; cursor: pointer; }

.logo-bar.container .view-cust-cta:hover { opacity: 1; display: block; }

.logo-bar.container .view-cust-cta:hover + a.lb-link { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); }

.logo-bar.container .view-cust-cta:hover + a.lb-link h3, .logo-bar.container .view-cust-cta:hover + a.lb-link img { -webkit-filter: blur(20px); filter: blur(20px); opacity: .6; }

.logo-bar.container .view-cust-cta:hover + a.lb-link h5 { -webkit-filter: blur(1px); filter: blur(1px); opacity: .7; }

.logo-bar.container .staples-padding { padding: 8px 0; }

@media only screen and (max-width: 640px) { .logo-bar.container .hide-tablet-down { display: none; } }

@media only screen and (max-width: 480px) { .logo-bar.container .hide-mbl-down { display: none; } }

.logo-bar.container:hover .view-cust-cta { opacity: 1; display: block; }

.logo-bar.container.green { background-color: #25c151; }

.logo-bar.container.green img { -webkit-filter: blur(0) brightness(0) invert(1) !important; filter: blur(0) brightness(0) invert(1) !important; }

/* video-single-modal */
.tp-video-single { background-color: #343434; position: relative; min-height: 321px; /* Foundation Breakpoint */ }

.tp-video-single .vid-bkgd { position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; background-color: #454545; -webkit-background-size: cover; background-size: cover; background-position: center center; float: left; }

.tp-video-single .vid-bkgd .lrg-playhead { -webkit-transition: all ease-out 0.3s; transition: all ease-out 0.3s; -webkit-box-sizing: initial; box-sizing: initial; -webkit-backface-visibility: hidden; opacity: 0.6; position: absolute; width: 50px; left: 50%; top: 35%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.tp-video-single .vid-bkgd .quote { color: #FFF; position: absolute; top: 50%; width: 80%; left: 10%; font-style: italic; opacity: .6; -webkit-transition: all ease-out 0.3s; transition: all ease-out 0.3s; text-align: center; }

.tp-video-single .vid-bkgd:hover .lrg-playhead, .tp-video-single .vid-bkgd:hover .quote { opacity: .8; }

.tp-video-single .copy-wrapper { padding-top: 150px; padding-bottom: 20px; }

@media only screen and (max-width: 640px) { .tp-video-single .vid-bkgd { position: relative; bottom: 0; left: 0; height: 250px; width: 100%; background-color: #454545; -webkit-background-size: cover; background-size: cover; background-position: center center; float: none; }
  .tp-video-single .copy-wrapper { padding-top: 50px; padding-bottom: 20px; } }

.video-single-modal-modal { max-width: 815px; max-height: 458px; width: 90%; height: 90%; position: absolute; display: block; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.video-single-modal-modal .btn-close-modal { position: absolute; top: -60px; right: 20px; height: 50px; width: 50px; text-align: center; display: block; }

.video-single-modal-modal .btn-close-modal .fa-close { line-height: 50px; font-size: 3.4em; color: #FFF; }

.video-single-modal-modal .btn-close-modal .fa-close:hover { color: #EEE; cursor: default; }

/* video-half-stack */
.pd-video-half-stack { background-color: #343434; position: relative; min-height: 400px; /* Foundation Breakpoint */ }

.pd-video-half-stack .vid-bkgd { position: absolute; bottom: 0; left: 0; height: 100%; width: 50%; background-color: #454545; -webkit-background-size: cover; background-size: cover; background-position: center center; float: left; }

.pd-video-half-stack .vid-bkgd .lrg-playhead { -webkit-transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out; transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out; -webkit-box-sizing: initial; box-sizing: initial; -webkit-backface-visibility: hidden; opacity: 0.6; position: absolute; width: 100px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.pd-video-half-stack .vid-bkgd .lrg-playhead:hover { opacity: .8; }

.pd-video-half-stack .copy-wrapper { padding-top: 150px; padding-bottom: 20px; }

@media only screen and (max-width: 640px) { .pd-video-half-stack .vid-bkgd { position: relative; bottom: 0; left: 0; height: 250px; width: 100%; background-color: #454545; -webkit-background-size: cover; background-size: cover; background-position: center center; float: none; }
  .pd-video-half-stack .copy-wrapper { padding-top: 50px; padding-bottom: 20px; } }

.pd-video-half-stack-modal { max-width: 815px; max-height: 458px; width: 90%; height: 90%; position: absolute; display: block; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.pd-video-half-stack-modal .btn-close-modal { position: absolute; top: -60px; right: 20px; height: 50px; width: 50px; text-align: center; display: block; }

.pd-video-half-stack-modal .btn-close-modal .fa-close { line-height: 50px; font-size: 3.4em; color: #FFF; }

.pd-video-half-stack-modal .btn-close-modal .fa-close:hover { color: #EEE; cursor: default; }

/* pd-video-repeater */
.pd-video-repeater { width: 100%; position: relative; overflow: hidden; }

.pd-video-repeater .vid-bkgd { position: relative; height: 150px; -webkit-background-size: cover; background-size: cover; background-position: center center; }

.pd-video-repeater .vid-bkgd .logo { width: 50%; max-width: 180px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.pd-video-repeater .vid-bkgd .overlay { opacity: 0; position: absolute; height: 100%; width: 100%; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); }

.pd-video-repeater .vid-bkgd .overlay .lrg-playhead { width: 50px; opacity: 1; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.pd-video-repeater .vid-bkgd .overlay:hover { opacity: 1; }

.pd-video-repeater .copy-wrapper { height: 135px; overflow: visible; }

.pd-video-repeater .copy-wrapper img { margin-top: 10px; width: 40%; }

.pd-video-repeater .copy-wrapper h2 { font-size: 1em; margin-top: 0px; padding: 5px; }

/* video-collection */
.pd-video-collection { width: 100%; position: relative; height: 650px; background: #454545; /*margin-top: 100px;*/ overflow: hidden; }

.bkgd-video-single { display: none; -webkit-background-size: cover; background-size: cover; background-position: center center; width: 100%; height: 100%; position: absolute; }

.video-holder { display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; /*.fluidvids { top: 100%; transform: translateY(-100%); margin: auto; }*/ }

.video-holder iframe { width: 100%; /*max-width: 1100px; height: 650px; left:50%; transform: translateX(-50%);*/ }

.video-holder .close-video { position: absolute; padding-top: 8px; top: 40px; right: 10px; font-size: 2.5em; width: 50px; height: 50px; background: url(/assets/img/bkgd-blk-70-percent.png) repeat; display: inline-block; text-align: center; color: #FFF; z-index: 9999999; cursor: pointer; }

.video-copy-wrapper { display: table; height: 100%; }

.video-copy { vertical-align: middle; display: table-cell; text-align: center; max-width: 750px; margin: auto; }

.video-copy p { color: #FFF; font-weight: bold; }

.video-copy p.vid-quotee { text-transform: uppercase; color: #FFF; }

.video-copy img.lrg-playhead { width: 75px; opacity: .7; padding: 20px 0; }

.video-copy img.lrg-playhead:hover { opacity: 1; }

.video-buttons { z-index: 555; text-align: center; margin-top: -40px; position: relative; }

.video-buttons .video-icon-wrapper { display: inline-block; width: 100px; height: 120px; }

.video-buttons .video-icon-wrapper .video-icon { display: inline-block; -webkit-background-size: 75px, 75px; background-size: 75px, 75px; background-position: center, center; width: 75px; height: 75px; border-radius: 50%; border: 2px solid #FFF; }

.video-buttons .video-icon-wrapper .video-icon img.video-button { width: 71px; height: 71px; border-radius: 50%; opacity: .4; }

.video-buttons .video-icon-wrapper .video-icon img.video-button:hover { opacity: .2; }

.video-buttons .video-icon-wrapper .video-icon img.video-button.is-active { opacity: 0; }

.video-buttons .video-icon-wrapper img.video-logo { width: 90px; height: 30px; margin-top: 10px; }

.bkgd-video-single.is-active { display: block; }

/* Foundation Breakpoint */
@media only screen and (max-width: 640px) { .pd-video-collection { height: 350px; }
  .video-buttons .video-icon-wrapper { display: inline-block; width: 80px; }
  .video-copy img.lrg-playhead { width: 50px; padding: 10px 0; } }

/* sign-up-form / trial-form*/
.hide-title .sign-up-form h2 { display: none; }

.sect-sign-up-form.bkgd-drk-gray h3, .sect-sign-up-form.bkgd-drk-gray p { color: #FFFFFF; }

.bkgd-drk-gray .sign-up-form .form-terms-copy { color: #FFFFFF; }

.sect-sign-up-form.bkgd-space-gray h3, .sect-sign-up-form.bkgd-space-gray p { color: #FFFFFF; }

.bkgd-space-gray .sign-up-form .form-terms-copy { color: #FFFFFF; }

/* Pricing Table */
/* New */
input:checked ~ .switch-paddle.pricing { background: #343434; }

p.billing { line-height: 18px; }

.switch-paddle.pricing { border-radius: 5000px; }

.switch-paddle.pricing::after { border-radius: 5000px; }

.pricing-hero, .green-blue-gradient { overflow: hidden; background: #25c151; /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, #25c151 0%, #5ab1bb 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(#25c151), to(#5ab1bb)); background: linear-gradient(to bottom, #25c151 0%, #5ab1bb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$gz-green', endColorstr='$gz-teal',GradientType=0 ); /* IE6-9 */ }

.pricing-hero.circuit { background: #4D4D4D; }

.pricing-hero.circuit .most-popular-banner { background: #25c151 !important; }

.pricing-hero.circuit .circuit { position: absolute; opacity: .5; max-height: 560px; height: 100%; width: 25%; }

.pricing-hero.circuit .circuit-left { top: 0; left: 0; background-image: url(/wp-content/uploads/2018/10/circiut-left.svg); -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: right center; }

.pricing-hero.circuit .circuit-right { top: 0; right: 0; background-image: url(/wp-content/uploads/2018/10/circuit-right.svg); -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: left center; }

.pricing-hero.circuit .plan-inner { padding-top: 20px !important; }

.plan-box-wrapper:last-of-type .plan-box { border-right: none; }

.plan-box-wrapper { position: relative; }

.plan-box { background: #f4f4f4; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; width: 100%; height: 100%; margin-top: 0; display: inline-block; cursor: pointer; padding-bottom: 40px; -webkit-transition: margin 0.2s ease-in-out, padding 0.2s ease-in-out, height 0.2s ease-in-out, opacity 1s ease-in-out 0.2s; transition: margin 0.2s ease-in-out, padding 0.2s ease-in-out, height 0.2s ease-in-out, opacity 1s ease-in-out 0.2s; }

.plan-box .plan-inner { padding: 0 20px; padding-top: 60px; position: relative; height: 100%; width: 100%; }

.plan-box .price { position: relative; display: none; text-align: center; font-size: 48px; line-height: 48px; font-family: colfax-regular; color: #25c151; }

.plan-box .price .dollar-sign { position: absolute; width: 40px; height: 40px; text-align: right; top: 5px; left: -45px; font-size: 28px; line-height: 28px; font-family: colfax-light; }

.plan-box .price.active { display: inline-block; }

.plan-box .copy { padding-top: 10px; }

.plan-box.active { margin-top: -20px; padding-top: 20px; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.42); box-shadow: 0 0 15px rgba(0, 0, 0, 0.42); overflow: visible; z-index: 10; position: relative; height: calc(100% + 20px); background: #FFFFFF; border-bottom: none; }

@media screen and (max-width: 63.9375em) { .plan-box-wrapper { margin-top: 0; margin-bottom: 20px; }
  .plan-box { margin-top: 0; border-bottom: none; position: relative; padding-bottom: 0; }
  .plan-box.active { margin-top: 0; padding-top: 0; overflow: visible; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.6); box-shadow: 0 0 25px rgba(0, 0, 0, 0.6); z-index: 10; position: relative; height: 100%; } }

.most-popular-banner { position: absolute; display: inline-block; padding: 7px; text-align: center; width: calc(100% + 1px); height: 40px; top: 0; right: -1px; margin-top: 0; background: #454545; -webkit-transition: top 0.2s ease-in-out; transition: top 0.2s ease-in-out; }

.most-popular-banner h5 { color: #FFFFFF; }

.most-popular-banner.teal { background: #5ab1bb; }

.plan-box.active .most-popular-banner { top: -40px; }

@media screen and (max-width: 63.9375em) { .popular-plan { padding-top: 40px !important; } }

ul.pricing-features { margin-left: -30px; list-style-position: outside; list-style-type: none; }

ul.pricing-features li { color: #999999; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; margin-bottom: 5px; cursor: pointer; }

ul.pricing-features li:hover .feature-title { color: #25c151; }

ul.pricing-features li.active { color: #343434; }

ul.pricing-features .feature-item { position: relative; padding-left: 30px; }

ul.pricing-features .feature-item svg { position: absolute; top: 2px; left: 0; }

ul.pricing-features .feature-desc { border-left: 1px #5ab1bb solid; padding: 5px 5px 5px 10px; font-size: 14px; color: gz-mid-gray; /*		border-bottom: dotted 1px $gz-xlt-gray;
*/ margin-bottom: 10px; display: none; }

ul.pricing-features li.active + .feature-desc { color: #343434; }

ul.pricing-features .feature-desc.active { display: block; }

ul.pricing-features .feature-title { position: relative; padding-right: 15px; }

ul.pricing-features i.feature-toggle { position: absolute; top: 0; right: 0; }

.gs-checkmark { stroke: #25c151; stroke-width: 3px; fill: none; visibility: hidden; width: 100%; height: auto; }

.pricing-checkmark { stroke: #25c151; stroke-width: 3px; fill: none; width: 100%; height: auto; }

.feature-headline-check { stroke: #25c151; stroke-width: 2px; fill: none; width: 100%; height: auto; -webkit-transform: scale(1.7); -ms-transform: scale(1.7); transform: scale(1.7); }

/*.pricing-feature-row .value-box:last-of-type { border-right: 1px solid $gz-lt-gray; }*/
.feature-list-inner { padding: 0 60px; }

.pricing-feature-heading { padding: 15px; margin: 0; background-color: #f4f4f4; }

.pricing-feature-title { padding-right: 15px; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; min-height: 60px; }

.value-box { border-left: 1px solid #CCCCCC; padding-top: 5px; padding-bottom: 5px; position: relative; }

.expand-pricing-card { margin-top: 10px; padding-top: 20px; border-top: 1px solid #cccccc; font-family: colfax-medium; color: #666666; }

.expand-pricing-card .fa-angle-down { -webkit-transition: all .8s ease; transition: all .8s ease; margin-left: 10px; }

.expand-pricing-card.open .fa-angle-down { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }

.mbl-pricing-details { display: none; }

.popular-plan .mbl-pricing-details { display: block; }

@media print, screen and (min-width: 64em) { .sticky-pricing { background-color: transparent; -webkit-transition: background-color .8s ease; transition: background-color .8s ease; }
  .sticky-pricing.stickem-up { position: fixed; top: 95px; width: 100%; background-color: #f4f4f4; border-bottom: 1px solid #CCCCCC; z-index: 1; }
  .sticky-pricing.stickem-up .plan-box { border-bottom: none; }
  .sticky-pricing.stickem-up .dummy-div { border-right: 1px solid #CCCCCC; background: #f4f4f4; }
  .sticky-pricing.stickem-up.bottom { position: absolute; bottom: 0; top: auto; width: 100%; z-index: 1; }
  .sticky-pricing { border-bottom: 1px solid #CCCCCC; } }

/*.value-box.active { box-shadow: -15px 0 15px -15px inset; //box-shadow: 0 0 15px rgba(0, 0, 0, 0.42); overflow: visible; }*/
.value-box.active:before { overflow: visible; -webkit-box-shadow: -13px 0 15px -15px inset; box-shadow: -13px 0 15px -15px inset; content: " "; height: 100%; left: -15px; position: absolute; top: 0; width: 15px; }

.value-box.active:after { overflow: visible; -webkit-box-shadow: -13px 0 15px -15px inset; box-shadow: -13px 0 15px -15px inset; content: " "; height: 100%; right: -15px; position: absolute; top: 0; width: 15px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.valign { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.valign-item { width: 100%; }

.valign-item--top { -ms-flex-item-align: start; align-self: flex-start; }

.valign-item--bottom { -ms-flex-item-align: end; align-self: flex-end; }

.add-on-price { display: none; }

.add-on-price h4 { margin: 0; }

p.helper-text { position: absolute; bottom: 70%; background: #FFF; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.32), 0 1px 4px rgba(0, 0, 0, 0.44); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.32), 0 1px 4px rgba(0, 0, 0, 0.44); padding: 15px; width: 400px; z-index: 99999; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s ease, bottom 0.3s ease; transition: opacity 0.3s ease, bottom 0.3s ease; }

.show-it { position: relative; display: block; cursor: default; }

.show-it:hover p.helper-text { visibility: visible; opacity: 1; bottom: 80%; }

.add-on-price.active { display: inline-block; }

#pricing-cards.listed .plan-box, #listed-features.listed .plan-box { background: #FFFFFF; border-bottom: none; }

#pricing-cards.listed ul.pricing-features li, #listed-features.listed ul.pricing-features li { color: #454545; margin-bottom: 15px; }

#listed-features { padding-bottom: 120px; max-height: 300px; height: auto; overflow: hidden; position: relative; -webkit-transition: all 1.3s ease-in-out; transition: all 1.3s ease-in-out; }

#listed-features .show-more-features { position: absolute; bottom: 0; left: 0; height: 100px; width: 100%; text-align: center; background: #FFFFFF; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+23,ffffff+100&0+0,1+22,1+100 */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 22%, white 23%, white 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(22%, white), color-stop(23%, white), to(white)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 22%, white 23%, white 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ }

#listed-features .show-more-features a.btn-show-more { margin-top: 20px; }

#listed-features .plan-box .plan-inner { padding-top: 15px; }

#listed-features.show { max-height: 2000px; -webkit-transition: all 1.3s ease-in-out; transition: all 1.3s ease-in-out; }

.feature-list-wrapper:nth-child(4) .plan-box { border-right: none !important; }

.contact-button-wrapper-row { z-index: 100; }

.contact-button-wrapper { padding: 60px 30px; }

.feature-contact-wrapper { padding: 30px 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#73c0c9+0,73c0c9+19,ffffff+20,ffffff+100&1+0,1+19,1+19,0+20,0+100 */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, #73c0c9 0%, #73c0c9 13%, rgba(255, 255, 255, 0) 13%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(#73c0c9), color-stop(13%, #73c0c9), color-stop(13%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))); background: linear-gradient(to bottom, #73c0c9 0%, #73c0c9 13%, rgba(255, 255, 255, 0) 13%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73c0c9', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ }

.feature-contact-padding { padding: 80px 0; }

.feature-contact-image { width: 50%; height: 100%; position: absolute; right: 0; top: 0; background-image: url(/wp-content/uploads/2018/08/pricing-questions-1@2x.jpg); -webkit-background-size: cover; background-size: cover; background-position: center center; }

.feature-contact-image .questions-header { display: inline-block; }

@media screen and (max-width: 39.9375em) { .feature-contact-image { width: 100%; } }

.header-with-bar { display: inline-block; position: relative; }

.header-with-bar .top-green-line { border-top: 4px solid #25c151; position: absolute; top: -5px; left: 0; width: 60px; }

.header-with-bar .top-green-line.white { border-top-color: #FFFFFF; }

/*.features-list { column-count: 4; column-fill: auto; }*/
/* END New */
.pricing-header h1 { margin-bottom: 0px; }

.pricing-header h4 { font-family: colfax-regular !important; }

.enterprise-astrix { background: #ebebeb !important; font-size: .8em; padding: 5px 10px; }

.qodef-price-table .qodef-price-table-inner ul { list-style: none; margin: 0; }

.qodef-price-table .qodef-price-table-inner { position: relative; background-color: #fff; }

.qodef-price-table .qodef-price-table-inner ul li.qodef-table-title .qodef-title-content { display: block; color: #fff; font-size: 24px; line-height: 36px; font-weight: 700; }

.qodef-price-table .qodef-price-table-inner ul li { text-align: center; margin: 0; padding: 14px; }

.qodef-pricing-tables.qodef-four-columns .qodef-price-table { width: 24%; margin-left: 1%; }

.qodef-price-table:first-child { margin-right: 1%; margin-left: 0; }

.qodef-price-table:nth-child(2) { margin-left: 0 !important; }

.qodef-price-table .qodef-price-table-inner ul li.qodef-table-title { padding: 20px; background-color: #229142; }

.qodef-price-table .qodef-price-table-inner ul li.qodef-table-prices .qodef-value { font-size: 16px; }

.qodef-price-table .qodef-price-table-inner ul li.qodef-table-prices .qodef-mark { display: inline-block; vertical-align: bottom; line-height: 42px; }

.qodef-price-table .qodef-price-table-inner .qodef-table-body ul li { /*background-color: #f8f8f8;*/ }

.qodef-price-table .qodef-price-table-inner ul li.qodef-price-button, .qodef-price-table.qodef-active .qodef-price-table-inner ul li.qodef-price-button { padding: 10px 20px 28px; }

.qodef-price-button { margin: 2.5em 0; }

.qodef-table-content p, .qodef-table-content .font-10 { max-width: 80%; margin-left: 10%; margin-top: 0; }

.qodef-pricing-tables li.qodef-table-content > p:first-child, .qodef-pricing-tables li.qodef-table-content > p:last-child { display: none; }

.qodef-price-table .qodef-price-table-inner ul li.qodef-table-prices .qodef-price { font-size: 4.57rem; line-height: 4.57rem; }

.qodef-price-table .qodef-price-table-inner ul li.qodef-table-prices { padding: 20px 5px 0 5px; }

.qodef-price-table .qodef-price-table-inner .qodef-table-body > ul > li:nth-child(1), .qodef-price-table .qodef-price-table-inner .qodef-table-body > ul > li:nth-child(2) { background-color: #f8f8f8 !important; }

.qodef-price-table.qodef-active .qodef-price-table-inner .qodef-table-body > ul > li:nth-child(1), .qodef-price-table.qodef-active .qodef-price-table-inner .qodef-table-body > ul > li:nth-child(2) { background-color: #fff !important; }

.qodef-price-table .qodef-price-table-inner .qodef-table-body .qodef-table-content ul li:nth-child(2n+2) { background-color: white; }

.qodef-price-table .qodef-price-table-inner .qodef-table-body { border-bottom: none; }

.qodef-price-table .qodef-price-table-inner .qodef-table-body { border: 1px solid #e9e9e9; padding: 0; }

.qodef-price-table .qodef-price-table-inner .qodef-table-body ul, .qodef-price-table .qodef-price-table-inner ul li.qodef-table-content, .qodef-price-table .qodef-price-table-inner ul li.qodef-table-content ul { padding: 0; }

.qodef-price-table .qodef-price-table-inner .qodef-table-body .qodef-table-content ul li:nth-child(2n+1) { background-color: #f8f8f8; }

.qodef-price-table .qodef-price-table-inner .qodef-table-body ul li { background-color: #fff; }

.pricing-table { padding-bottom: 10px; /*ul.expando.min-height li { min-height: 66px; }*/ /* table.expando tr:nth-child(even) { background: #ffffff } table.expando tr:nth-child(odd) { background: #f8f8f8 } */ /* Target Mobile */ }

.pricing-table .columns { padding-left: 2px !important; padding-right: 2px !important; }

.pricing-table .price-column { background: #FFF; width: 100%; }

.pricing-table .price-column .header { background: #25c151; height: 60px; }

.pricing-table .price-column .header h2 { color: #FFF; font-family: 'colfax-medium' !important; text-transform: uppercase; text-align: center; font-size: 24px; padding-top: 20px; }

.pricing-table p.pd-green { background: #666; color: #ffffff !important; padding: 10px 0; width: 100%; max-width: 100%; margin: 0; display: block; }

.pricing-table ul.expando { margin-bottom: 0 !important; }

.pricing-table ul.expando li { position: relative; padding: 10px 10px 10px 25px !important; text-align: left !important; margin-bottom: 0; }

.pricing-table ul.expando li .details { display: none; font-size: .9em; color: #666; font-family: 'colfax-regular' !important; }

.pricing-table ul.expando li .fa { position: absolute; left: 10px; top: 13px; -webkit-backface-visibility: hidden !important; -webkit-font-smoothing: antialiased !important; -webkit-transition: .1s linear all; transition: .1s linear all; }

.pricing-table ul.expando li:hover:not(.no-details):not(.active) { background-color: #DEDEDE !important; cursor: pointer; }

.pricing-table ul.expando li.no-details:hover { cursor: default; }

.pricing-table ul.expando li.active { background-color: #EFEFEF !important; cursor: default; }

.pricing-table ul.expando li.active .details { display: block; }

.pricing-table ul.expando li.active .fa { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.pricing-table .font-10 { font-size: .9rem; }

.pricing-table .popular-banner { position: absolute; background: #6b6b6b; z-index: 666; width: 100%; height: 25px; top: -22px; text-align: center; color: #FFF; text-transform: uppercase; font-size: 1rem; font-family: 'colfax-medium' !important; }

.pricing-table .popular-banner .popular-text { padding-top: 2px; }

.pricing-table .banner-leaf { position: absolute; }

.pricing-table .banner-left { left: -19px; z-index: 99999; }

.pricing-table .banner-right { right: -18px; z-index: 99999; }

.pricing-table .qodef-price.custom { font-size: 3rem !important; }

.pricing-table .conditions { padding-top: 10px; font-size: .75em; padding-bottom: 25px; text-align: center; }

.pricing-table .pillar-header { font-size: 1.1em; line-height: 1.2em; min-height: 60px; margin-bottom: 1em; }

.pricing-table .pillar-header.standard { min-height: 78px; }

.pricing-table .pillar-header.enterprise { min-height: 82px; }

.pricing-table .qodef-price-button { margin: 0.5em 0 1em 0; }

@media only screen and (max-width: 40em) { .pricing-table .columns { padding-left: 20px !important; padding-right: 20px !important; }
  .pricing-table .qodef-active { margin-top: 80px !important; } }

.asterix { background: #ebebeb !important; }

/* banner on top of active price column */
.qodef-table-title.standard { background: #25c151 !important; }

.qodef-price-table.qodef-active .qodef-active-text { position: absolute; right: -18px; top: -27px; z-index: 20; width: 301px; background: url(/wp-content/uploads/2016/01/pricing-active.png) no-repeat; color: #fff; font-size: 16px; line-height: 36px; font-weight: 700; text-transform: uppercase; }

/* Now for smaller screens - changes */
@media only screen and (max-width: 480px) { .qodef-price-table.qodef-active .qodef-active-text { width: 307px; background: url(/wp-content/uploads/2016/01/pricing-active-break-7.png) no-repeat; } }

@media only screen and (min-width: 481px) and (max-width: 600px) { .qodef-price-table.qodef-active .qodef-active-text { width: 457px; background: url(/wp-content/uploads/2016/01/pricing-active-break-6.png) no-repeat; } }

@media only screen and (min-width: 601px) and (max-width: 768px) { .qodef-price-table.qodef-active .qodef-active-text { width: 181px; background: url(/wp-content/uploads/2016/01/pricing-active-break-3.png) no-repeat; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) { .qodef-price-table.qodef-active .qodef-active-text { width: 221px; background: url(/wp-content/uploads/2016/01/pricing-active-break-1.png) no-repeat; } }

@media only screen and (min-width: 1024px) and (max-width: 1200px) { .qodef-price-table.qodef-active .qodef-active-text { width: 265px; background: url(/wp-content/uploads/2016/01/pricing-active-break-8.png) no-repeat; } }

@media only screen and (min-width: 1024px) { .qodef-price-table.qodef-active { margin-top: -1.1rem; } }

/* Second half of Pricing page V2 [based on mock from CRO Metrics] */
.pricing-v2.a-la-carte { background-color: #73C0C9; color: white; text-align: center; }

.pricing-v2.a-la-carte .a-la-carte-box { border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 10px; }

.pricing-v2.a-la-carte .carte-box-wrapper:first-of-type .a-la-carte-box { border-left: 1px solid #FFFFFF; }

@media screen and (min-width: 40em) and (max-width: 63.9375em) { .pricing-v2.a-la-carte .carte-box-wrapper:nth-child(3) .a-la-carte-box { border-top: none; border-left: 1px solid #FFFFFF; }
  .pricing-v2.a-la-carte .carte-box-wrapper:nth-child(4) .a-la-carte-box { border-top: none; } }

@media screen and (max-width: 39.9375em) { .pricing-v2.a-la-carte .a-la-carte-box { margin-bottom: 15px; border: 1px solid #FFFFFF; } }

.pricing-v2.a-la-carte h5 { font-family: colfax-medium; margin-top: 20px; }

.pricing-v2.a-la-carte ul { list-style: none !important; }

.pricing-v2.a-la-carte .a-la-carte-item li { list-style-position: inside; text-align: left; position: relative; padding-left: 30px; }

.pricing-v2.a-la-carte .a-la-carte-item li svg { position: absolute; top: 2px; left: 0; }

@media only screen and (max-width: 640px) { .pricing-v2 .a-la-carte h4 { margin-top: 1em; font-weight: bold; }
  .pricing-v2 .a-la-carte p { width: 60%; } }

.a-la-carte-li-checkmark { stroke: white; stroke-width: 3px; fill: none; width: 100%; height: auto; }

.callout-with-img-overlap .overlap-bg { position: relative; top: 0px; }

.callout-with-img-overlap .questions-callout { padding: 3em 6em; background: #fff; -webkit-box-shadow: 0 0 10px 1px #999; box-shadow: 0 0 10px 1px #999; z-index: 999; position: absolute; top: 20%; text-align: center; }

.callout-with-img-overlap .questions-callout h3 { margin-bottom: 10px !important; font-weight: bold; }

.callout-with-img-overlap img { position: relative; top: -50px; left: 35%; }

.top-border-line-white, .top-border-line-green { width: 10%; }

.top-border-line-white { border-top: 4px solid white; }

.top-border-line-green { border-top: 4px solid #25c151; }

/* Sign Up Bar */
.sign-up-bar { display: block; overflow: auto; }

.sign-up-bar h2 { display: inline-block; margin: 0; }

.sign-up-bar a { margin: 20px; }

.sign-up-bar .bar-inner { text-align: center; }

.sign-up-bar.green { background: #25c151; }

/* GZ Layout Component - Video Box Slider */
.video-slider-wrapper .slides-holder-wrapper { position: relative; }

.video-slider-wrapper .slides-holder-wrapper .btn-slide-nav { position: absolute; background-color: #454545; width: calc(10% - 10px); height: calc(100% - 10px); top: 5px; display: none; cursor: pointer; }

.video-slider-wrapper .slides-holder-wrapper .btn-slide-nav .fa { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 4em; color: white; }

.video-slider-wrapper .slides-holder-wrapper .btn-prev { left: 5px; }

.video-slider-wrapper .slides-holder-wrapper .btn-next { right: 5px; }

.video-slider-wrapper .slides-holder { height: 125px; width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-line-pack: stretch; align-content: stretch; overflow-x: auto; position: relative; }

.video-slider-wrapper .slides-holder.with-nav { width: 80%; margin-left: 10%; }

.video-slider-wrapper .slides-holder::-webkit-scrollbar { display: none; }

.video-slider-wrapper .slide.thumb { height: 100%; padding: 5px; -webkit-box-flex: 1; -ms-flex: 1 0 25%; flex: 1 0 25%; }

.video-slider-wrapper .slide.thumb .slide-inner { width: 100%; height: 100%; }

@media screen and (max-width: 39.9375em) { .video-slider-wrapper .slide.thumb { -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; } }

.video-slider-wrapper .slide.main { height: 300px; padding: 5px; }

.video-slider-wrapper .slide.main .slide-main-inner { height: 100%; width: 100%; position: relative; }

.video-slider-wrapper .slide:hover .playhead { display: block; }

.video-slider-wrapper .playhead { position: absolute; display: none; top: 50%; left: 50%; width: 50px; height: 50px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/* New 2nd half pricing template */
.new-pricing-second-half-v2 { /* Second half of Pricing page V2 [based on mock from CRO Metrics] */ }

.new-pricing-second-half-v2 .header-with-bar { display: inline-block; position: relative; margin-bottom: 0.2em; }

.new-pricing-second-half-v2 .header-with-bar .top-green-line { border-top: 4px solid #25c151; position: absolute; top: -18px; left: 10px; width: 60px; }

.new-pricing-second-half-v2 .header-with-bar .top-green-line.white { border-top-color: #FFFFFF; }

.new-pricing-second-half-v2 .pricing-v2.a-la-carte { background-color: #f4f4f4; color: #666666; text-align: center; }

.new-pricing-second-half-v2 .pricing-v2.a-la-carte .a-la-carte-header { padding-top: 40px; padding-bottom: 3em; }

.new-pricing-second-half-v2 .pricing-v2.a-la-carte .a-la-carte-box { padding: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px none #CCCCCC; }

.new-pricing-second-half-v2 .pricing-v2.a-la-carte .a-la-carte-box + .a-la-carte-box { border-left-style: solid; }

@media screen and (min-width: 40em) and (max-width: 63.9375em) { .new-pricing-second-half-v2 .pricing-v2.a-la-carte .a-la-carte-box + .a-la-carte-box { border-top-style: solid; }
  .new-pricing-second-half-v2 .pricing-v2.a-la-carte .a-la-carte-box:nth-child(2) { border-top-style: none; }
  .new-pricing-second-half-v2 .pricing-v2.a-la-carte .a-la-carte-box:nth-child(3) { border-left-style: none; } }

@media screen and (max-width: 39.9375em) { .new-pricing-second-half-v2 .pricing-v2.a-la-carte .a-la-carte-box { margin-bottom: 15px; border-top-style: solid; border-left-style: none; } }

.new-pricing-second-half-v2 .pricing-v2.a-la-carte .a-la-carte-box-icon { margin: 0 auto; min-height: 7.3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.new-pricing-second-half-v2 .pricing-v2.a-la-carte h5 { font-family: colfax-medium; margin-top: 20px; }

.new-pricing-second-half-v2 .pricing-v2.a-la-carte .a-la-carte-list { list-style: none; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.new-pricing-second-half-v2 .pricing-v2.a-la-carte .a-la-carte-list > li { list-style-position: inside; text-align: left; position: relative; padding-left: 30px; margin-bottom: .5em; }

.new-pricing-second-half-v2 .pricing-v2.a-la-carte .a-la-carte-list > li svg { position: absolute; top: 2px; left: 0; }

@media only screen and (max-width: 640px) { .new-pricing-second-half-v2 .pricing-v2 .a-la-carte h4 { margin-top: 1em; font-weight: bold; }
  .new-pricing-second-half-v2 .pricing-v2 .a-la-carte p { width: 60%; } }

.new-pricing-second-half-v2 .a-la-carte-li-checkmark { stroke: #666666; stroke-width: 3px; fill: none; width: 100%; height: auto; }

.new-pricing-second-half-v2 .callout-with-img-overlap .overlap-bg { position: relative; top: 0px; }

.new-pricing-second-half-v2 .callout-with-img-overlap .questions-callout { padding: 3em 6em; background: #fff; -webkit-box-shadow: 0 0 10px 1px #999; box-shadow: 0 0 10px 1px #999; z-index: 999; position: absolute; top: 20%; text-align: center; }

.new-pricing-second-half-v2 .callout-with-img-overlap .questions-callout h3 { margin-bottom: 10px !important; font-weight: bold; }

.new-pricing-second-half-v2 .callout-with-img-overlap img { position: relative; top: -50px; left: 35%; }

.new-pricing-second-half-v2 .top-border-line-white, .new-pricing-second-half-v2 .top-border-line-green { width: 10%; }

.new-pricing-second-half-v2 .top-border-line-white { border-top: 4px solid white; }

.new-pricing-second-half-v2 .top-border-line-green { border-top: 4px solid #25c151; }

/* only effects medium and larger */
/* Feature Hub Templates */
.feature-hub-template .tp-video-single { min-height: 0 !important; }

.feature-hub-template .btn-feature-main-vid { cursor: pointer; }

@media print, screen and (min-width: 40em) { .feature-hub-template .tp-video-single { min-height: 400px !important; } }

.feature-hub-template .pillar-inner { padding: 20px; }

.feature-hub-template .pillar-inner h4 { color: #25c151; margin-top: 10px; margin-bottom: 20px; }

.feature-hub-template .feature-icn-holder { height: 75px; }

.feature-hub-template .feature-icn-holder img { height: 65px; }

.feature-hub-template ul.pd-feature-slick-slider-nav { list-style-type: none; padding-top: 20px; }

.feature-hub-template ul.pd-feature-slick-slider-nav li a { font-family: colfax-medium; display: block; padding: 10px; margin-bottom: 5px; border-radius: 4px; background-color: #FFFFFF; /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/ }

.feature-hub-template ul.pd-feature-slick-slider-nav li a:hover, .feature-hub-template ul.pd-feature-slick-slider-nav li a.active { /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/ -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.bkgd-slanted { position: absolute; top: 0; bottom: 0; left: 0; background-color: #25c151; height: auto; right: 0; -webkit-transform: skewY(-12deg); -ms-transform: skewY(-12deg); transform: skewY(-12deg); pointer-events: none; z-index: -1; }

.feature-slide { padding: 0 50px; outline: none; border: none; }

.feature-slide .row { min-height: 400px; }

.feature-slide p { text-align: left; }

.feature-slide img { border-radius: 4px; margin-top: 5px; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.36); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.36); }

.feature-slide:active, .feature-slide:focus, .feature-slide:hover { outline: none; border: none; }

/* Integration Guides */
.template-integration-guide img { display: block !important; margin: 15px 0 30px 0; border: 1px solid #EFEFEF; }

.int-guide-menu { width: 100%; height: 100vh; background: #EFEFEF; padding: 15px 15px 0 15px; overflow: auto; }

.int-guide-menu .int-guide-logo { width: 180px; margin-top: 0px; margin-bottom: 35px; margin-left: auto; margin-right: auto; }

.int-guide-menu a.ig-sidebar-list-item { color: #666666; font-size: .925em; -webkit-transition: all .2s ease; transition: all .2s ease; }

.int-guide-menu a.ig-sidebar-list-item:hover { color: #25c151; padding-left: 3px; font-family: colfax-medium; }

.ig-search, .ig-crumbs { display: block; padding: 0px 0; }

.ig-crumbs { padding-top: 10px; border-bottom: solid 1px #EFEFEF; }

@media screen and (max-width: 74.9375em) { .ig-crumbs { border-bottom: none; } }

.ig-search { position: relative; border-bottom: solid 1px #EFEFEF; }

.ig-search input:focus { outline: none; }

.ig-search input { width: calc(100% - 2px); margin-left: 1px; padding-bottom: 2px; }

.ig-search input[type=text] { border: 0; cursor: text; }

.ig-search .underline { background-color: #25c151; -webkit-transition: width 0.2s, background 0.3s, border 0.3s, text-shadow 0.3s; transition: width 0.2s, background 0.3s, border 0.3s, text-shadow 0.3s; z-index: 0; height: 2px; display: block; bottom: 0; position: absolute; z-index: 7777; width: 0; left: 0; opacity: .7; }

.ig-search input:focus ~ .underline { width: 100%; }

.ig-search .ig-search-results-holder { position: absolute; width: 100%; padding: 30px; background: #FFFFFF; border: 1px solid #25c151; top: 100%; height: inherit; overflow: auto; display: none; }

@media print, screen and (min-width: 64em) { .ig-search .ig-search-results-holder { padding: 30px 50px; } }

a.ig-result-list { color: #454545; }

a.ig-result-list span.highlite { display: inline-block; padding: 2px 0; background: #dbffe5; }

.icon-ig-search { position: absolute; width: 20px; height: 15px; top: 50%; left: 50px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #CCCCCC; -webkit-transition: left .2s ease-in-out; transition: left .2s ease-in-out; }

.icon-ig-search.active { left: 20px; }

#int-guide-searchbox { padding-left: 75px; }

#int-guide-searchbox::-webkit-input-placeholder { color: #CCCCCC; /*padding-left:24px;*/ }

#int-guide-searchbox::-ms-input-placeholder { color: #CCCCCC; /*padding-left:24px;*/ }

#int-guide-searchbox::placeholder { color: #CCCCCC; /*padding-left:24px;*/ }

.searchbox-stripped { background: #f9f9f9; border: none; width: 100%; height: 50px; -webkit-box-shadow: none; box-shadow: none; margin: 0; border-radius: 0; }

.searchbox-stripped:focus { background: #f9f9f9; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; height: inherit; height: 50px; }

.input-underline-wrapper { display: inline-block; width: 100%; }

ul.int-guide-nav { list-style-type: none; margin: 0; }

ul.int-guide-nav li { display: inline-block; padding: 5px 15px; font-family: colfax-medium; }

.int-guide-toc-wrapper { height: 100vh; }

.int-guide-toc { height: 100vh; width: 100%; max-width: none; padding-left: 15px; }

@media screen and (max-width: 63.9375em) { .int-guide-toc { height: auto; background: #f9f9f9; } }

ul.int-guide-toc-holder { list-style-type: none; margin-left: 0; }

ul.int-guide-toc-holder li { margin-bottom: 10px; line-height: 1.3em; }

ul.int-guide-toc-holder li a { color: #666666; -webkit-transition: color .2s ease; transition: color .2s ease; font-family: colfax-medium; font-size: .825em; }

ul.int-guide-toc-holder li a:hover { color: #25c151; }

.int-guide-footer { width: 100%; border-top: 1px #EFEFEF solid; }

.single-integration-guide { padding: 0 15px; }

.int-guide-middle-pad { padding: 0 50px; }

@media screen and (max-width: 74.9375em) { .int-guide-middle-pad { padding: 0 30px; } }

.ig-mid-pad-bottom { padding-bottom: 50px !important; }

/* SEM LP - Single Topic 2017 */
#sem-lp-single-topic #nav { position: absolute; top: 0; padding-top: 15px; }

#sem-lp-single-topic #nav img { width: 200px; }

#sem-lp-single-topic #hero { padding-top: 30px; padding-bottom: 20px; }

#sem-lp-single-topic #sign-up { background: #EFEFEF; }

#sem-lp-single-topic #sign-up .columns { padding-left: 0.9375rem; }

#sem-lp-single-topic .form-wrapper { padding-left: 0; }

#sem-lp-single-topic .device { position: relative; }

#sem-lp-single-topic .device img { position: absolute; bottom: 80px; left: 20px; min-width: 950px; width: 950px; }

#sem-lp-single-topic #sub-copy { padding: 50px 0; text-align: center; }

#sem-lp-single-topic #other-resources, #sem-lp-single-topic #other-blogs { padding: 50px 0; }

#sem-lp-single-topic #other-resources h4, #sem-lp-single-topic #other-blogs h4 { font-family: 'colfax-regular' !important; color: #454545; }

#sem-lp-single-topic .single-resource-item { position: relative; margin-bottom: 20px; height: 400px; padding: 20px !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-position: center center; }

#sem-lp-single-topic .single-resource-item h4.res-type, #sem-lp-single-topic .single-resource-item h5.res-type { color: #FFF !important; padding: 20px 0; font-family: 'colfax-medium' !important; font-weight: 700; }

#sem-lp-single-topic .single-resource-item.overlay-dk:after { background: rgba(0, 0, 0, 0.45); }

#sem-lp-single-topic .single-resource-item div { position: relative; z-index: 9; height: 100%; }

#sem-lp-single-topic .single-resource-item h5 { font-size: 1em; }

#sem-lp-single-topic .single-resource-item h3 { color: #FFF; font-family: 'colfax-regular' !important; }

#sem-lp-single-topic .single-resource-item h3:hover { color: #eee; }

#sem-lp-single-topic .single-resource-item.res-type::first-letter { text-transform: uppercase; }

#sem-lp-single-topic .single-resource-item .button { position: absolute; color: #25c151 !important; bottom: 0; margin-top: 1em; }

#sem-lp-single-topic #other-blogs { background: #f4f4f4; }

#sem-lp-single-topic #other-blogs .single-blog-item { padding: 0 15px; }

#sem-lp-single-topic #other-blogs .single-blog-item h4 { font-size: 1.4rem; }

#sem-lp-single-topic .resource-copy { text-align: left; }

#sem-lp-single-topic #trending-topics { padding: 50px 0; background: #555555; }

#sem-lp-single-topic #trending-topics .title-holder { height: 90px; margin-bottom: 10px; overflow: hidden; }

#sem-lp-single-topic #trending-topics h3 a, #sem-lp-single-topic #trending-topics h2, #sem-lp-single-topic #trending-topics h4 a { color: #FFFFFF; }

#sem-lp-single-topic #trending-topics h3 a:hover, #sem-lp-single-topic #trending-topics h4 a:hover { color: #25c151; }

@media only screen and (max-width: 640px) { #sem-lp-single-topic .device img { min-width: 200px; display: none; }
  #sem-lp-single-topic .device-left img { min-width: 200px; float: right; } }

/* Legal Template */
#legal #legal-hero { min-height: 200px; height: 150px; }

#legal .img-icon { height: 100px; position: relative; background-color: #25c151; }

#legal ul { margin-left: 0 !important; }

#legal .sidebar-nav li { list-style: none; }

#legal i.fa { color: #FFFFFF; font-size: 50px; width: 100%; text-align: center; }

.legal-section-grid .row { margin: 0 auto; }

.legal-section-grid .row > .columns { border: 10px solid white; padding: 0; text-align: left; }

.legal-section-grid .row .sect-padding { margin: 0.5em; }

.legal-section-grid .row .columns h2, .legal-section-grid .row .columns p { padding: 20px 20px 0 20px; margin-bottom: 0 !important; }

.legal-section-grid .row a { font-family: colfax-medium, Helvetica, "Helvetica Neue", sans-serif; }

@media only screen and (max-width: 640px) { #legal .terms .row { width: 100%; }
  #legal .terms .row > .columns { min-width: 250px; }
  #legal .legal-section-grid .columns h2 { font-size: 2 rem; }
  #legal .sidebar-nav { clear: both; margin: 20px 0; }
  #legal .sidebar-nav h5 { display: block; background: #EFEFEF; padding: 5px 10px; }
  #legal .sidebar-nav li a { margin: 0 30px; display: block; } }

ul.pd-blog-menu { list-style-type: none; margin-bottom: 0; margin-left: 0; text-transform: uppercase; z-index: 99; position: relative; /*	.blog-link-more::before { font-family: 'FontAwesome'; content: "\f107"; float: right; display: block; position: absolute; right:50px; top:12px; color: $gz-med-gray; font-weight: bold; }*/ /*.box-trigger { background: yellow; }*/ }

ul.pd-blog-menu .blog-menu-helper { position: absolute; left: 0; top: -15px; width: 150px; text-align: left; font-size: 14px; }

ul.pd-blog-menu .blog-link-more { position: relative; padding-right: 10px; }

ul.pd-blog-menu .icn-more-button { padding-left: 10px; font-weight: bold; color: #666666; }

ul.pd-blog-menu a { color: #666666; font-family: colfax-regular; }

ul.pd-blog-menu li { display: inline-block; padding: 15px 0; }

ul.pd-blog-menu li a { padding: 3px 15px 0 15px; display: block; border-right: 2px solid #CCCCCC; line-height: 14px; font-size: 14px; font-family: colfax-medium; }

ul.pd-blog-menu li a:hover { color: #25c151; }

ul.pd-blog-menu li .second { position: relative; }

ul.pd-blog-menu li ul { top: 20px; width: 280px; position: absolute; background: white; margin-left: 0; right: -10px; border: 1px solid #F4f4f4; display: none; text-align: left; line-height: 19px; -webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.12), 0 0px 1px rgba(0, 0, 0, 0.24); box-shadow: 0 0px 1px rgba(0, 0, 0, 0.12), 0 0px 1px rgba(0, 0, 0, 0.24); }

ul.pd-blog-menu li li { width: 300px; padding: 5px 0; }

ul.pd-blog-menu li li a { line-height: 22px; }

ul.pd-blog-menu li li:first-of-type a { padding-left: 15px; }

ul.pd-blog-menu li li:last-of-type { background: transparent; /*background: red;*/ }

ul.pd-blog-menu li:first-of-type a { padding-left: 0; }

ul.pd-blog-menu li:last-of-type { /*background: red;*/ }

ul.pd-blog-menu li:last-of-type a { border-right: none; }

.post-grid-item { margin-bottom: 30px; }

.post-grid-image { width: 100%; height: 220px; -webkit-background-size: cover; background-size: cover; margin-bottom: 15px; }

.blog-logo-wrapper { position: absolute; left: 30px; top: 30px; z-index: 8888; width: 120px; height: 50px; }

img.pd-blog-logo { width: 100%; }

.blog-trial-button { position: absolute; right: 30px; top: 30px; z-index: 8888; }

.blog-hero-social-buttons { display: inline-block; }

.blog-hero-social-buttons .social-icon { color: #FFFFFF; }

.blog-hero-social-buttons .social-icon:hover { color: #EFEFEF; }

.blog-social-buttons-sticky-wrapper { display: block; width: 100%; }

.blog-floating-social-buttons { /*width: 50px; float: right;*/ margin-top: 100px; text-align: left; }

.blog-floating-social-buttons .social-icon { color: #999999; text-align: right; border-radius: 0; }

.blog-floating-social-buttons .social-icon:hover { color: #25c151; text-align: right; padding-right: 5px; border-radius: 0; }

.blog-menu-wrapper { position: relative; padding-right: 110px; display: block; }

.blog-search.active { width: 100%; }

.blog-search { position: absolute; right: 0px; top: 16px; font-size: 14px; width: 100px; /*background: pink;*/ }

.blog-search .underline { background-color: #25c151; -webkit-transition: width 0.2s, background 0.3s, border 0.3s, text-shadow 0.3s; transition: width 0.2s, background 0.3s, border 0.3s, text-shadow 0.3s; z-index: 0; height: 2px; display: block; bottom: -11px; position: absolute; z-index: 7777; width: 0; right: 0; opacity: .7; }

.blog-search .underline.active { width: 100%; }

.blog-spinner { position: absolute; height: 20px; width: 20px; top: 0; font-size: 1em; left: -15px; z-index: 99999; color: #CCCCCC; -webkit-animation-name: rotate; animation-name: rotate; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; display: none; }

.blog-spinner.active { display: block; }

#blog-search-field { position: absolute; right: 0; top: -10px; border: none; /*background: orange !important;*/ /*background: red !important;*/ z-index: 9999; width: 100px; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -webkit-transition: all 0.2s; transition: all 0.2s; opacity: 0; }

#blog-search-field.active { width: calc(100% - 100px) !important; z-index: 99; right: 100px; background: #FFFFFF !important; opacity: 1; }

.blog-search-label { cursor: pointer; position: absolute; right: 5px; top: -3px; font-size: 14px; color: #666666; /*background:green;*/ z-index: 9999; display: block; }

.icn-blog-search { padding: 0 5px; color: #666666; }

.blog-search-results-holder { width: 100%; background: #FFFFFF; position: absolute; left: 0; z-index: 999; -webkit-box-shadow: 0px 0px 4px #CCCCCC; box-shadow: 0px 0px 4px #CCCCCC; overflow: auto; max-height: 500px; padding: 30px; display: none; }

a.blog-result-list { color: #454545; text-align: left; }

a.blog-result-list span.highlite { display: inline-block; padding: 2px 0; background: #dbffe5; }

a.blog-result-list:hover { color: #25c151; }

.blog-single-result { text-align: left !important; /*.inner { padding: 5px 15px; }*/ }

ul.blog-breadcrumbs { list-style-type: none; display: inline-block; margin: 0 0 10px 0; }

ul.blog-breadcrumbs li { display: inline-block; padding: 0 5px; text-transform: uppercase; color: #666666; font-size: .85em; }

ul.blog-breadcrumbs li a, ul.blog-breadcrumbs li i { color: #666666; }

ul.blog-breadcrumbs li a:hover { color: #25c151; }

.related-posts a.related-cat { display: block; margin-top: 20px; margin-bottom: 15px; color: #666666; }

a.related-post-img { height: 200px; width: 100%; -webkit-background-size: cover; background-size: cover; background-position: center center; display: block; }

@media only screen and (max-width: 1080px) { .blog-search-results-holder { top: 30px; }
  .blog-search { top: -10px; }
  .pd-blog-menu { display: none; } }

/* Blog Authors grid */
.author-grid-section .author img { border-radius: 50%; }

.author-grid-section .author-single-wrapper { text-align: center; }

.author-grid-section .author-single-wrapper img { border-radius: 50%; margin: 1em auto; }

.author-grid-section h4 { font-size: 1em; margin: 0; }

@media screen and (max-width: 39.9375em) { .author-grid-section header { padding: 10%; text-align: center !important; }
  .author-grid-section .author img { display: block; margin: 0 auto; } }

.blog-hero-outer-wrapper { background-color: #454545; }

.eng-blog-content { padding-bottom: 50px; }

.eng-blog-content h1.page-title { margin-bottom: 5px; }

.eng-blog-content .post-author-info { margin-bottom: 30px; }

.eng-blog-content .get-social { margin-top: 10px; }

.eng-blog-content .get-social h5 { color: #666666; margin-bottom: 5px; font-family: colfax-medium; }

.eng-blog-content .get-social .social-icon { margin-left: 0; width: auto !important; margin-right: 20px; }

.eng-blog-hero { min-height: 300px; height: 300px; width: 100%; position: relative; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }

img.logo-blog { width: 150px; }

#eng-blog-nav-wrapper { background-color: #0F313A; }

#eng-blog-nav-wrapper.green { background-color: #25c151; }

.eng-blog-cat a { font-family: colfax-medium; color: #666666 !important; margin-bottom: 15px; display: inline-block; }

.eng-blog-cat a:hover { color: #25c151 !important; }

ul.eng-blog-nav { list-style-type: none; margin-left: 0; margin-bottom: 0; }

ul.eng-blog-nav li { display: inline-block; padding: 10px 10px; font-family: colfax-medium; }

ul.eng-blog-nav li a { padding: 2px 10px; color: #FFFFFF; }

ul.eng-blog-nav li:hover a { border-bottom: 4px solid #FFFFFF; }

.single-post-guts { padding: 30px 30px 50px 30px; margin-top: 30px; }

.archive-list-meta-box a.btn-eng-blog-post { margin-top: 10px; }

.archive-list-meta-box .post-standard-single-blog { margin-bottom: 40px; background-color: #FFFFFF; }

.archive-list-meta-box .post-standard-single-blog .post-standard-inner { padding: 15px; }

.archive-list-meta-box .post-standard-single-blog .post-image { height: 100%; width: 100%; -webkit-background-size: cover; background-size: cover; background-position: center center; }

.archive-list-meta-box .post-standard-single-blog .post-image.first { height: 350px; float: none; }

.archive-list-meta-box h3.eng-post-title { margin-bottom: 0; }

.archive-list-meta-box h3.eng-post-title a { text-transform: capitalize; margin-bottom: 5px; }

@media screen and (max-width: 39.9375em) { .archive-list-meta-box .post-standard-single { margin-right: 0; } }

#widgetized-area .mktoButtonWrap.mktoCupidGreen { font-size: 16px; margin-right: 0 !important; }

#widgetized-area label { color: #666666; }

#widgetized-area .social-icon { width: 20px !important; margin-left: 0 !important; font-size: 25px !important; }

.sidebar-wrapper { padding: 50px 15px; height: 100%; }

.more-posts { border: 1px solid #CCCCCC; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.more-posts .more-post-content, .more-posts .read-more-wrapper { padding-left: 15px; padding-right: 15px; padding-top: 15px; }

.more-posts .more-post-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.more-posts .read-more { margin: 10px 0; display: block; }

.more-posts .eng-blog-cat a { margin-bottom: 5px; }

.more-posts h5.eng-post-title { margin-bottom: 5px !important; }

body.resource { overflow-x: hidden; }

.resource-single-header, .minified { height: 60px; position: fixed; z-index: 99; background-color: transparent; -webkit-transition: background-color 1s ease; transition: background-color 1s ease; width: 100%; }

.resource-single-header.minified--light, .minified.minified--light { background-color: white; }

.row.header-minified { height: 60px; }

.row.header-minified a.button { margin-bottom: 0; }

header.bare { height: 55px; position: fixed; z-index: 99; background: #343434; width: 100%; -webkit-transition: background-color 1s ease; transition: background-color 1s ease; }

header.bare .sem-nav.sign-up { padding: 0; }

header.bare .sem-nav.sign-up .clear-nav { padding-bottom: 0; }

header.bare .sem-nav.sign-up .button { padding: .85em 1em; }

.sem-nav { padding: 0; }

.sem-nav .logo-wrap { padding: 0; display: block; }

.sem-nav .logo-wrap img { width: 150px; height: 30px; max-width: 150px; margin: 5px 0; }

.resource.conversion { background-color: #EFEFEF; padding-top: 3rem; }

@media screen and (max-width: 39.9375em) { .resource.conversion { padding-top: 2.5rem; padding-bottom: 0; } }

@media screen and (max-width: 39.9375em) { .resource.conversion h1, .resource.conversion h2, .resource.conversion h3, .resource.conversion h4 { margin: 1.5rem 0; text-align: center; } }

@media screen and (max-width: 39.9375em) { .resource.conversion .sect-padding { padding-top: 0; } }

.resource.conversion .form-wrap { background-color: #FFFFFF; border-radius: 10px; }

.resource .single-resource-item { position: relative; height: 17.5rem; padding: 1.25rem; padding-bottom: 0; background-position: center center; }

.resource .single-resource-item h5 { font-size: 1rem; }

.resource .single-resource-item h3 { font-size: 1.375rem; }

.resource .single-resource-item h3, .resource .single-resource-item h5, .resource .single-resource-item a { color: white; }

.resource .single-resource-item.overlay-dk:after { background: rgba(0, 0, 0, 0.45); }

.resource .single-resource-item .button { position: absolute; bottom: 1.25rem; }

.resource .single-resource-item .inner-resrc { position: relative; height: 100%; z-index: 9; }

.content-wrap { padding-top: 1.5rem; padding-bottom: 2rem; height: 100%; }

.hero.short { height: 27vh; min-height: 21.875rem; background-color: #343434; }

.hero.short h1, .hero.short .h1, .hero.short h2, .hero.short .h2, .hero.short h3, .hero.short .h3, .hero.short h4, .hero.short .h4 { color: white; }

@media screen and (max-width: 63.9375em) { .hero.short { height: 32vh; min-height: 17.5rem; } }

.resource { background-color: #FFFFFF; }

.resource .content-wrap { padding-top: 1.5rem; padding-bottom: 2rem; height: 100%; }

.resource.overlay-dk:after { background: rgba(0, 0, 0, 0.5); }

@media screen and (max-width: 63.9375em) { .resource .headline-wrap { text-align: center; } }

.resource .headline-wrap h1 { line-height: 1.25; margin-top: .5rem; }

.resource .headline-wrap h4 { line-height: 1.5; }

.resource .headline-wrap h1, .resource .headline-wrap h4 { margin-bottom: 0; }

@media screen and (min-width: 40em) and (max-width: 63.9375em) { .resource h2, .resource .h2 { font-size: 2rem; line-height: 1.25; margin-top: .75rem; } }

@media only screen and (max-width: 480px) { .resource h2, .resource .h2 { font-size: 1.65rem; line-height: 1.25; margin-top: .75rem; } }

@media screen and (min-width: 40em) and (max-width: 63.9375em) { .resource h3, .resource .h3 { font-size: 1.65rem; } }

@media only screen and (max-width: 480px) { .resource h3, .resource .h3 { font-size: 1.425rem; } }

.resource .social-wrap { border-bottom: 1px solid #EFEFEF; padding: 1rem 0 0; margin-bottom: 1rem; }

.resource .social-wrap .addeventatc { margin-top: .65rem; }

.resource .single-resource .social-icon, .resource .thank-you .social-icon { border: 1px solid #25c151; padding-top: 7px; }

.resource .in-grid { margin: 1rem 0; }

@media screen and (max-width: 63.9375em) { .resource .in-grid { margin: 0; } }

.resource .in-grid .content-wrap { padding-top: 0; padding-bottom: 0; }

.resource .asset-img { margin: 1rem 0; }

.resource .asset-type { display: inline-block; border-bottom: 1px solid #FFFFFF; }

.resource .infographic .asset-img, .resource .img-crop .asset-img { max-height: 26.5625rem; overflow: hidden; border: 1px solid #CCCCCC; }

.resource .no-side-pad { padding-left: 0; padding-right: 0; }

.slant-me { -webkit-background-size: cover; background-size: cover; background-position: center -200px; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1221.09 532.97'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:url(%23linear-gradient);%7d%3c/style%3e%3clinearGradient id='linear-gradient' x1='389.78' y1='698.71' x2='786.93' y2='-193.3' gradientUnits='userSpaceOnUse'%3e%3cstop offset='0' stop-color='%2341b654'/%3e%3cstop offset='0.89' stop-color='%2353c1b1'/%3e%3c/linearGradient%3e%3c/defs%3e%3ctitle%3eAsset 6%3c/title%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpolygon class='cls-1' points='1221.09 405.76 606.4 532.97 646.53 392.15 0 525.17 0 0 1221.09 0 1221.09 405.76'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e"); }

.slant-me .copy { color: white; }

.slant-me .resource { background: none; }

#article .article-body { padding-right: 1.5rem; }

#article .addl-resources { border-left: 1px solid #EFEFEF; padding-left: 1.5rem; padding-bottom: 3.125rem; }

#article .sidebar-list li { margin: 1rem 0; }

#article #breadcrumbs { padding: 1.25rem 0; }

#article .article-image { margin-bottom: 1.5rem; }

#article .blog-posts { padding-top: 1.5rem; }

#article .blog-posts h3 { margin-bottom: .5rem; }

.addl-res-col { border-left: 1px solid #f4f4f4; padding: 1rem; }

.addl-res-col ul { list-style-type: none; margin-left: 0; margin-bottom: 1rem; border-bottom: 1px solid #f4f4f4; }

.addl-res-col ul li { margin: .65rem 0; }

.resrc-headline { margin: 0 0 1em; line-height: 1.25; }

@media screen and (max-width: 63.9375em) { .resrc-headline { margin: 0; } }

.conversion .resrc-headline { margin: 1.5rem 0; }

@media only screen and (max-width: 480px) { .speakers h3 { font-size: 1.5rem; } }

.speakers h4, .speakers h5 { margin-bottom: 0; }

.content-wrap.speaker { padding: 1.5rem 0.9375rem; border-bottom: 1px solid #f4f4f4; }

@media only screen and (max-width: 480px) { .content-wrap.speaker { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

@media screen and (max-width: 39.9375em) { .content-wrap.speaker .speaker-name { margin-top: 1.25rem; } }

.content-wrap.speaker .speaker-bio { padding-top: 1.25rem; }

.speaker-img-wrap { border-radius: 100%; overflow: hidden; position: relative; text-align: center; }

.left-content { padding-right: 1.5rem; }

@media screen and (max-width: 39.9375em) { .left-content { padding-right: 0.625rem; } }

.button.large { font-size: 1.1rem; }

.button-wrap { margin-top: 2rem; padding: 2rem 0; border-top: 1px solid #CCCCCC; }

.button-wrap .button.large { font-size: 1.1rem; }

.ty-headline { background: #25c151; color: white; padding: 1rem; }

.thank-you .social { padding-top: 1rem; border-bottom: 1px solid #f4f4f4; }

#btn-li-autofill { margin-top: 10px; }

.resource .form-wrap { width: 95%; margin: 0 auto; padding: 2rem 1.5rem; background: #f4f4f4; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

@media screen and (max-width: 63.9375em) { .resource .form-wrap { padding: 2rem .75rem 1rem; } }

.resource .form-title { text-align: center; color: #25c151; margin-bottom: 0; }

.resource .mktoForm { max-width: 100%; margin: 0 auto; }

.resource .mktoForm label { display: block !important; width: 100% !important; float: none !important; font-weight: normal !important; line-height: 1.8 !important; }

.resource .mktoForm .mktoFormCol .mktoFieldWrap, .resource .mktoForm .mktoGutter, .resource .mktoForm .mktoForm, .resource .mktoForm .mktoFormCol { float: none !important; width: 100%; }

.resource .mktoForm h4 { display: none; }

.resource .mktoForm input[type=text], .resource .mktoForm input[type=url], .resource .mktoForm input[type=email], .resource .mktoForm input[type=tel], .resource .mktoForm input[type=number], .resource .mktoForm input[type=date] { width: 100% !important; padding: 1rem .5rem; border: 1px solid #cacaca !important; -web-kit-appearance: none; -moz-appearance: none; }

@media only screen and (max-width: 480px) { .resource .mktoForm input[type=text], .resource .mktoForm input[type=url], .resource .mktoForm input[type=email], .resource .mktoForm input[type=tel], .resource .mktoForm input[type=number], .resource .mktoForm input[type=date] { padding: 1.5rem .5rem; } }

.resource .mktoForm select.mktoField { padding: .65rem; padding-right: 2rem; }

.resource .mktoButtonRow { width: 100% !important; }

.resource .mktoOffset { width: 0 !important; }

.resource .mktoAsterix { float: left !important; padding: 0 !important; margin-right: .35rem !important; }

.resource .mktoForm .mktoButtonWrap.mktoSimple { margin-left: auto !important; }

.resource .mktoForm .mktoButtonWrap.mktoSimple .mktoButton { -webkit-transition: all .2s ease; transition: all .2s ease; background-color: #25c151 !important; background-image: none !important; width: 100% !important; padding: 1rem 1.25rem !important; border: 1px solid #25c151 !important; margin-top: 1rem !important; font-size: 1.25em !important; text-transform: uppercase; }

.resource .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover { background-color: #1fa445 !important; border-color: #1fa445 !important; }

.resource .mktoFieldWrap h4 { font-size: 1.5em !important; color: #1d963f !important; font-weight: normal !important; }

.resource .mktoButtonWrap { margin-left: 0 !important; }

.resource .mktoButtonRow > span > button:hover { color: #FFF !important; background-color: #1fa445 !important; border: 1px solid #1fa445 !important; }

.resource .mktoButton { font-family: 'colfax-medium'; text-transform: uppercase; letter-spacing: 1px; border-radius: 3px; padding: 1em 1.25em; -webkit-transition: all .2s ease; transition: all .2s ease; background-color: #25c151; color: #FFFFFF; border-width: 2px; border-style: solid; border-color: transparent; width: 100%; border-radius: 4px; padding: 1rem; margin-top: 1.5rem !important; }

.resource ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #666666; }

.resource ::-moz-placeholder { /* Firefox 19+ */ color: #666666; }

.resource :-ms-input-placeholder { /* IE 10+ */ color: #666666; }

.resource :-moz-placeholder { /* Firefox 18- */ color: #666666; }

.form-col-top { padding: 15px; }

.form-col-top .form-title { color: #FFFFFF !important; }

.form-col-top .mktoLabel { color: #FFFFFF !important; font-family: colfax-medium, Helvetica, "Helvetica Neue", sans-serif !important; }

.form-col-top .mktoForm .mktoButtonWrap.mktoSimple .mktoButton { background-color: #E55A30 !important; color: #FFFFFF !important; border: none !important; }

.form-col-top .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover { background-color: #d04c24 !important; color: #FFFFFF !important; border: none !important; }

/* Elements */
#page-elements .wrapper-color-palette h4 { display: block; border-top: #EFEFEF solid 1px; margin-top: 15px; padding-top: 5px; }

#page-elements .wrapper-color-palette .base-color { border: 1px solid #CCCCCC; }

#page-elements .palette-box { height: 100px; }

/** founders-club prefix : fc16; */
#fc16 .ev-lp-full-width-hero-nav-logo-email-section { position: relative; -webkit-background-size: cover; background-size: cover; background-position: center; min-height: 537px; }

#fc16 .ev-lp-full-width-hero-nav-logo-email-section .logo-hero { position: absolute; left: 50%; top: 100px; }

#fc16 .ev-lp-full-width-hero-nav-logo-email-section nav ul.nav li { padding: 5px 30px; line-height: 45px; }

#fc16 nav a.nav-link-no-button:hover { color: #25c151; }

#fc16 .pgd-button-white-outline:hover { color: #343434 !important; }

#fc16 .nav-link-no-button:hover { color: #343434; }

#fc16 .hero { height: 1000px; }

#fc16 .fc-button { color: #1b1c22; border-color: #1b1c22; }

#fc16 .social-icons { display: none; }

#fc16 #what { width: 100%; padding: 50px 0px 20px 0px; background: #252525; }

#fc16 .icon-fc { text-align: center; }

#fc16 .icon-fc img { width: 100%; max-width: 150px; padding-bottom: 20px; }

#fc16 .what-copy { padding-bottom: 50px; }

#fc16 .what-copy h2, #fc16 .what-copy p { color: #FFF; }

#fc16 #bus-card { background-image: url(/wp-content/uploads/2016/08/fc-cards.png); background-position: left center; -webkit-background-size: cover; background-size: cover; height: 350px; }

#fc16 #why { width: 100%; padding: 50px 0px; background: #ebebeb; }

#fc16 #why h2, #fc16 #why p, #fc16 #why h3 { color: #343434; }

#fc16 #when { width: 100%; padding: 50px 0; color: #FFFFFF; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#191c3c+0,6a5289+100 */ background: #191c3c; /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, #191c3c 0%, #6a5289 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(#191c3c), to(#6a5289)); background: linear-gradient(to bottom, #191c3c 0%, #6a5289 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191c3c', endColorstr='#6a5289',GradientType=0 ); /* IE6-9 */ }

#fc16 #when h2, #fc16 #when p, #fc16 #when h3, #fc16 #when td { color: #ffffff; }

#fc16 #when .agenda .row { margin-bottom: 15px; }

#fc16 #when table td { text-align: left; padding: 0 5px !important; }

#fc16 #when table td.ta-right { text-align: right; }

#fc16 #when h2 { margin-bottom: 5px; }

#fc16 #forest { background-image: url(/wp-content/uploads/2016/11/vegas.png); background-position: left top; -webkit-background-size: cover; background-size: cover; text-align: center; padding: 150px 0px; }

#fc16 #forest .pd-logo-white { max-width: 250px; padding: 20px 0px; }

#fc16 #forest .fc-logo-block-text { max-width: 400px; }

#fc16 #forest .re-invent-logo { width: 250px; }

#fc16 #mkto-form-wrapper { width: 100%; /*background: #252525;*/ background: #252525; padding: 0px 0px 50px 0px; /*label[for="attendingSummit"] { text-align: right; } .mktoCheckboxList:first-of-type { float: right !important; }*/ }

#fc16 #mkto-form-wrapper h2, #fc16 #mkto-form-wrapper p { color: #FFFFFF !important; }

#fc16 #mkto-form-wrapper .attending-block, #fc16 #mkto-form-wrapper .not-attending-block { padding: 50px 0px; display: none; text-align: center; }

#fc16 #mkto-form-wrapper .mktoForm .mktoButtonWrap.mktoInset .mktoButton { -webkit-box-shadow: none; box-shadow: none; padding: 1em; margin-left: -125px !important; }

#fc16 #mkto-form-wrapper .mktoForm .mktoFormCol { width: 90% !important; padding: 10px; margin-left: 5%; }

#fc16 #mkto-form-wrapper .mktoButton { width: 49% !important; background: #F4F4F4 !important; color: #343434 !important; border: none !important; margin-left: 25% !important; }

#fc16 #mkto-form-wrapper .mktoField { background: #FFFFFF; color: #343434; -webkit-box-shadow: none !important; box-shadow: none !important; border: 2px solid #FFF; padding-left: 5px; border-radius: 2px; }

#fc16 #mkto-form-wrapper .mktoLabel { color: #FFFFFF; font-family: 'colfax-regular'; }

#fc16 .summit-section { background: #f4f4f4; padding-top: 50px; }

#fc16 .summit-section h2 { text-align: center; }

#fc16 #main-speaker-wrapper { background: #f4f4f4; }

#fc16 #main-speaker-wrapper h2 { display: none; }

#fc16 .mktoForm.mktoLayoutAbove .mktoRadioList, #fc16 .mktoForm.mktoLayoutAbove .mktoCheckboxList { width: auto !important; float: left !important; clear: none !important; }

#fc16 .accept-header { text-align: center; padding-top: 50px; padding-bottom: 20px; }

#fc16 .mobile-schedule { display: block; }

#fc16 .sum16-agenda { background: #EEE; }

@media only screen and (max-width: 1040px) { #fc16 #mkto-form-wrapper .mktoButton { width: 90% !important; margin-left: 5% !important; } }

@media only screen and (max-width: 640px) { #fc16 #bus-card { height: 150px; background-position: center; }
  #fc16 .icon-fc { display: none; }
  #fc16 #forest .fc-logo-block-text { max-width: 300px; }
  #fc16 .ev-lp-full-width-hero-nav-logo-email-section { position: relative; min-height: 380px; height: 380px; -webkit-background-size: 1900px, 300px; background-size: 1900px, 300px; background-position: 35% 0px; background-attachment: fixed; }
  #fc16 .ev-lp-full-width-hero-nav-logo-email-section .logo-hero { position: absolute; left: 50%; top: 100px; width: 200px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } }

/*HOME PAGE */
.hm-pg-slider-hero { height: 470px; }

.hm-how-pd-works .dash, .hm-how-pd-works .dottedLine { fill: none; stroke: #979797; stroke-width: 1.5px; stroke-dasharray: 5; }

.hm-how-pd-works .mask { fill: none; stroke: #fff; stroke-width: 2px; stroke-dasharray: 10; }

.hm-how-pd-works .pulsingDot { width: 100px; height: 100px; fill: none; stroke: #C0C0C0; stroke-width: 1px; }

@media only screen and (max-width: 640px) { .hm-how-pd-works .mobile-divider .dash { stroke: #C0C0C0; stroke-width: 0.5px; stroke-dasharray: 2; }
  .hm-how-pd-works .mobile-divider .mobile-divider { stroke-width: 0.5px; } }

.hm-customer-quotes .columns { position: relative; margin: 20px !important; max-width: 90%; padding: 20px 30px; }

.hm-customer-quotes .columns::before { content: url("/wp-content/uploads/2018/09/quote.svg"); display: block; -webkit-background-size: 20px 20px; background-size: 20px 20px; font-size: 50px; width: 100px; height: 100px; background-color: #25c151; color: white; border-radius: 50%; border: 10px solid white; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); position: absolute; left: 50px; top: -65px; padding-left: 15px; }

.hm-customer-quotes img { display: block; height: 50px; padding: 10px; margin: 20px 0; }

.hm-customer-quotesp:not(.customer-quote) { font-size: 0.9em; padding-top: 10px; }

@media only screen and (min-width: 640px) { .hm-customer-quotes .columns { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } }

@media only screen and (max-width: 640px) { .hm-customer-quotes .columns { margin: 40px auto !important; max-width: 90% !important; } }

/* Customer */
#customer ul#drill-down-points { background: #454545; display: block; padding: 10px; }

#customer ul#drill-down-points li { color: #f4f4f4; }

#customer .specs-divider { width: 60%; border-top: #CCC 1px solid; border-bottom: #FFF 1px solid; }

/* digital-operations-management */
#digital-operations-management #hero { background: #f4f4f4; }

#digital-operations-management #hero h1 { margin-bottom: 15px; }

#digital-operations-management #hero .hero-copy { text-align: center; margin-bottom: 30px; }

#digital-operations-management .state-of-dig-ops { text-align: right; }

#digital-operations-management .state-of-dig-ops img { width: 100%; max-width: 360px; padding: 15px; }

@media only screen and (max-width: 640px) { #digital-operations-management .state-of-dig-ops { text-align: center; }
  #digital-operations-management .state-of-dig-ops-copy { text-align: center; } }

#digital-operations-management .video-quote { padding: 15px; }

#digital-operations-management .video-quote h3 { font-style: italic; }

#digital-operations-management #marketecture { background: #FFF; }

#digital-operations-management #cust-video { background: #f4f4f4; }

#digital-operations-management .tp-video-single .vid-bkgd .lrg-playhead { top: 50% !important; }

/** Home Page **/
.hp-globe { top: 20px; width: 70%; max-width: 820px; height: 100%; position: absolute; left: 30%; background-image: url(/wp-content/uploads/2018/10/world-image-logos.png); -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: left top; z-index: -1; }

.hp-integtrations { position: relative; }

.hp-integrations-copy { min-height: 400px; padding-top: 150px; padding-bottom: 150px; }

@media screen and (min-width: 40em) and (max-width: 63.9375em) { .hp-globe { width: 80%; height: 520px; position: relative; left: 10%; z-index: -1; background-position: top right; }
  .hp-integrations-copy { min-height: 0; padding-top: 50px; padding-bottom: 0; } }

@media print, screen and (min-width: 64em) { .hp-globe { width: 50%; max-width: 820px; height: 100%; position: absolute; left: 50%; height: calc(100% + 30px); } }

@media screen and (max-width: 39.9375em) { .hp-globe { top: 0; width: 100%; height: 420px; position: relative; left: 0%; z-index: 1; background-position: top right; }
  .hp-integrations-copy { min-height: 0; padding-top: 50px; padding-bottom: 0; } }

.btn-hp-video { display: block; padding: 15px 50px 0 10px; }

.hp-play-button { position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media print, screen and (min-width: 40em) { .hp-how-it-works { min-height: 600px; } }

@media print, screen and (min-width: 64em) { .hp-how-it-works { min-height: 890px; } }

/** leadership **/
#leadership { position: relative; }

#leadership #hero { padding-bottom: 50px; width: 100%; height: 400px; background: url(https://cband.staging.wpengine.com/wp-content/uploads/2018/05/web-about-hero.png); background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }

#leadership h2 { text-align: center; padding-top: 40px; }

#leadership h4.subtitle { text-align: center; }

#leadership #leaders .leader-info { -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); padding-bottom: 10px; margin-bottom: 50px; width: 100%; text-align: center; }

#leadership #leaders .leader-info h3 { font-size: 1.4em; font-weight: bold; color: #25c151; padding-top: 20px; }

#leadership #leaders .leader-info a { text-decoration: none; }

#leadership #leaders .leader-info .social-icons { text-align: center; }

#leadership #leaders .leader-info:hover { -webkit-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.2); }

#leadership #leaders .fa { font-size: 15px; padding: 10px; margin: 2px; width: 35px; height: 35px; border-radius: 50%; background: #cccccc; color: #ffffff; }

#leadership #leaders .fa:hover { background: #25c151; }

#leadership #leaders .bio { display: none; }

#leadership #leaders .leader-info-secondary { height: 400px; }

#leadership #leaders .leader-info-secondary h3 { font-size: 1.2em; font-weight: bold; color: #25c151; padding-top: 10px; margin-bottom: 5px; }

#leadership #leaders .leader-info-secondary a { text-decoration: none; }

#leadership #leaders .leader-info-secondary p.title { font-size: 15px; }

#leadership #leaders p.title { font-size: 15px; height: 30px; }

#leadership #leaders #extended-team { background: #f1f1f1; padding: 50px 0; }

#leadership #investors { padding-bottom: 50px; }

#leadership #full-width-banner { padding: 10px 0; width: 100%; background-color: #25c151; }

#leadership #full-width-banner .sign-up-text { text-align: right; }

#leadership #full-width-banner .sign-up-text h2 { padding-top: 15px; text-align: right !important; color: #FFF; }

#leadership #full-width-banner .sign-up-button { text-align: left; }

#leadership #full-width-banner h2.sign-up { padding-top: 15px; color: #ffffff; width: 60%; float: left; text-align: right; }

#leadership #full-width-banner .pgd-button-white { margin: 10px 10px; color: #25c151; background: #FFFFFF; font-weight: 700; border: 1px solid #fff  !important; }

#leadership #full-width-banner .pgd-button-white:hover { border: #FFFFFF; }

#leadership .show-modal { cursor: pointer; }

@media only screen and (max-width: 1024px) { #leadership #leadership #hero img { height: 100px; } }

@media only screen and (max-width: 639px) { #leadership #leadership #hero img { height: 100px; }
  #leadership #full-width-banner .sign-up-text, #leadership #full-width-banner .sign-up-button { text-align: center; }
  #leadership #full-width-banner .sign-up-text h2, #leadership #full-width-banner .sign-up-button h2 { text-align: center !important; }
  #leadership #leaders p.title { height: 40px; } }

.modal-bkgd { display: none; width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, 0.6); z-index: 999990; top: 0px; }

.modal-leadership { top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; width: 80%; max-height: 80%; background: #FFF; padding: 20px 5px; position: absolute; z-index: 999999; overflow: auto; }

.close-leader-bio { position: absolute; right: 10px; top: 10px; font-size: 2em !important; }

h3.exec-name-holder { margin-bottom: 5px; }

.exec-title-holder { text-transform: uppercase !important; }

/* Use Cases **/
#use-cases-container .bkgd-lt-gray { background-color: #f4f4f4; }

#use-cases-container #hero.use-cases { background-color: #efefef; }

#use-cases-container #hero.use-cases .icons h6 { min-height: 55px; margin-bottom: 0; }

#use-cases-container #hero.use-cases h1, #use-cases-container #hero.use-cases h6 { color: #343434; }

#use-cases-container #hero.use-cases h6 { font-family: colfax-medium !important; margin-bottom: 0; }

#use-cases-container #hero.use-cases .platform { background: #0099e8; }

#use-cases-container #hero.use-cases .platform h4 { text-align: center; color: #FFF; margin: 10px 0; font-family: colfax-medium !important; }

#use-cases-container #hero.use-cases .img-use-case { max-width: 130px; max-height: 130px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

#use-cases-container #hero.use-cases .img-use-case:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

#use-cases-container #hero.use-cases p { text-align: center; padding: 15px 0; }

#use-cases-container #use-cases .pgd-button { margin-bottom: 25px; }

#use-cases-container img.img-quote { margin: auto; margin-bottom: 15px; max-height: 100px; max-width: 200px; }

#use-cases-container .sect-title { padding-top: 50px; }

#use-cases-container h4.quote { font-style: italic; margin-bottom: 15px; font-size: 14px; color: #555; padding: 0 15px; }

#use-cases-container .icn-use-case-inline { width: 61px; padding: 0 0 5px 0; }

@media only screen and (max-width: 1024px) { #use-cases-container #hero.use-cases { background-color: #f4f4f4; } }

@media only screen and (max-width: 640px) { #use-cases-container .tp-video-single { min-height: 250px !important; } }

/* features - product-overview **/
.hero-wrapper { margin: 0 auto; max-width: 1200px; padding: 0px 15px; }

.hero-wrapper h3 { font-size: 18px; margin-bottom: 0px; }

.hero-wrapper h4 { font-size: 12px; }

.hero-wrapper .use-cases-wrapper, .hero-wrapper .solutions-wrapper { border-bottom: 1px dotted black; }

.hero-wrapper .use-cases-wrapper, .hero-wrapper .solutions-wrapper { padding: 5px 165px; position: relative; width: 100%; }

.hero-wrapper .solutions-wrapper { padding-bottom: 0px; }

.hero-wrapper .platform-wrapper { padding: 5px 75px; position: relative; width: 100%; }

.hero-wrapper .solutions-wrapper img, .hero-wrapper .platform-wrapper img { height: 40px; width: auto; }

.hero-wrapper .section-label { text-transform: uppercase; position: absolute; left: 0px; }

.hero-wrapper .use-cases-wrapper .section-label { top: 57px; }

.hero-wrapper .solutions-wrapper .section-label { top: 80px; }

.hero-wrapper .platform-wrapper .section-label { top: 72px; }

.hero-wrapper .use-cases-row, .hero-wrapper .solutions-row, .hero-wrapper .platform-row-stretched { text-align: center; width: 100%; }

.hero-wrapper .solutions-row h3, .hero-wrapper .solutions-row h4, .hero-wrapper .platform-row h3, .hero-wrapper .platform-row h4 { color: white; }

.hero-wrapper .use-cases-row ul { color: black; list-style-type: none; margin: 0px; }

.hero-wrapper .use-cases-row li { background-color: #E9E9E9; display: inline-block; vertical-align: top; width: 16%; }

.hero-wrapper .use-cases-row li:hover { background-color: #d0d0d0; }

.hero-wrapper .use-cases-row li:hover h4 { background-color: #959595; }

.hero-wrapper .use-cases-row img { display: block; margin: 0 auto; padding: 15px 0px; height: 58px; }

.hero-wrapper .use-cases-row h4 { background-color: #D5D5D5; margin-bottom: 0px; padding: 10px 0px; height: 40%; width: 100%; }

.hero-wrapper .solutions-row-border { border: 1px solid #399D8E; margin: 0px 5px 5px 5px; padding-top: 5px; width: calc(100% - 10px); }

.hero-wrapper .solutions-row > div { display: inline-block; width: 49%; }

.hero-wrapper .solutions-row-image, .hero-wrapper .solutions-row-header { display: inline-block; height: 70px; vertical-align: middle; }

.hero-wrapper .solutions-row-image { float: left; line-height: 70px; width: 35%; }

.hero-wrapper .solutions-row-image .eye { color: white; font-size: 2em; }

.hero-wrapper .solutions-row-header { float: right; padding-right: 75px; width: 65%; }

.hero-wrapper .solutions-row-header h3 { line-height: 70px; }

.hero-wrapper .solutions-incident-response .solutions-row-header { padding-top: 10px; }

.hero-wrapper .solutions-incident-response .solutions-row-header h3 { line-height: 1.3; }

.hero-wrapper .solutions-analytics { background-color: #277B8D; }

.hero-wrapper .solutions-analytics:hover { background-color: #1c5865; }

.hero-wrapper .solutions-business-visibility { background-color: #2B9787; }

.hero-wrapper .solutions-business-visibility .solutions-row-image { line-height: 85px; }

.hero-wrapper .solutions-business-visibility:hover { background-color: #206f64; }

.hero-wrapper .solutions-event-intelligence { background-color: #3F84C5; }

.hero-wrapper .solutions-event-intelligence:hover { background-color: #306aa1; }

.hero-wrapper .solutions-incident-response { background-color: #42B4E6; }

.hero-wrapper .solutions-incident-response:hover { background-color: #1a8fc2; }

.hero-wrapper .platform-row { margin: 0px 96px; text-align: center; height: 80px; width: calc(100% - 192px); }

.hero-wrapper .platform-row-image, .hero-wrapper .platform-row-header { display: inline-block; height: 80px; }

.hero-wrapper .platform-row-image { float: left; line-height: 80px; padding-left: 165px; width: 33%; }

.hero-wrapper .platform-row-header { float: right; text-align: left; padding-left: 20px; width: 66%; }

.hero-wrapper .platform-on-call-management { background-color: #3CAC3A; margin-bottom: 3px; }

.hero-wrapper .platform-on-call-management:hover { background-color: #2f862d; }

.hero-wrapper .platform-on-call-management .platform-row-header h3 { line-height: 80px; }

.hero-wrapper .platform-enterprise-class { background-color: #8D8D8D; }

.hero-wrapper .platform-enterprise-class:hover { background-color: #747474; }

.hero-wrapper .platform-enterprise-class .platform-row-header { padding-top: 15px; }

.hero-wrapper .platform-enterprise-class h3 { line-height: 1.4; }

.hero-wrapper .platform-enterprise-class h4 { text-transform: uppercase; }

.hero-wrapper .platform-integrations { background: #4b798a; -webkit-background-size: 100% 100%; background-size: 100%; height: 50px; margin-top: 3px; }

.hero-wrapper .platform-integrations:hover { opacity: 0.75; }

.hero-wrapper .platform-integrations a { display: inline-block; height: 100%; width: 100%; color: white; font-size: 22px; font-weight: bold; padding-top: 10px; }

@media (max-width: 1024px) { .hero-wrapper h3 { font-size: 17px; }
  .hero-wrapper h4 { font-size: 11px; }
  .hero-wrapper .solutions-wrapper img, .hero-wrapper .hero-wrapper .platform-wrapper img { height: 30px; }
  .hero-wrapper .solutions-wrapper { padding: 5px 0px 5px 110px; }
  .hero-wrapper .use-cases-wrapper { padding: 5px 90px 5px 110px; }
  .hero-wrapper .solutions-row { width: calc(100% - 90px); }
  .hero-wrapper .solutions-row.solutions-row-border { width: calc(100% - 100px); }
  .hero-wrapper .platform-wrapper { padding: 5px 0 5px 20px; } }

@media (max-width: 860px) { .hero-wrapper h3 { font-size: 16px; }
  .hero-wrapper .use-cases-wrapper, .hero-wrapper .solutions-wrapper { padding: 5px 0px; }
  .hero-wrapper .use-cases-wrapper .section-label, .hero-wrapper .solutions-wrapper .section-label { display: none; }
  .hero-wrapper .use-cases-wrapper .use-cases-row li, .hero-wrapper .solutions-wrapper .use-cases-row li { width: 15%; }
  .hero-wrapper .use-cases-row li h4 { min-height: 52px; }
  .hero-wrapper .solutions-row { width: 100%; }
  .hero-wrapper .solutions-row.solutions-row-border { width: 100%; margin: 0px 0px 5px 0px; }
  .hero-wrapper .platform-wrapper { padding: 5px 0; }
  .hero-wrapper .platform-wrapper .section-label { display: none; }
  .hero-wrapper .platform-wrapper .platform-row { width: 100%; margin: 0; }
  .hero-wrapper .platform-row-image { padding-left: 100px; } }

@media (max-width: 640px) { .hero-wrapper .platform-wrapper { padding: 5px 0; }
  .hero-wrapper .platform-wrapper .section-label { display: none; }
  .hero-wrapper .platform-wrapper .platform-row .platform-row-image { padding-left: 0; } }

#product-overview { /*p.helper-text.active { opacity: 1; bottom:80%; }*/ }

#product-overview .bkgd-lt-gray { background-color: #f4f4f4; }

#product-overview .device img, #product-overview .device-left img { min-width: 800px; }

#product-overview a.feature-title { color: #343434; }

#product-overview a.feature-title:hover { color: #25c151; }

@media only screen and (max-width: 640px) { #product-overview .device img, #product-overview .device-left img { min-width: 100%; } }

#product-overview #hero.product-overview { background-color: #efefef; }

#product-overview #hero.product-overview p, #product-overview #hero.product-overview h1 { color: #343434; }

#product-overview #hero.product-overview .top-copy { text-align: center; padding: 15px 0; }

@media only screen and (max-width: 640px) { #product-overview #hero.product-overview .patty-outer-wrapper { padding: 0 15px; } }

#product-overview #hero.product-overview .patty { height: 100px; margin-bottom: 5px; border-radius: 4px; display: block; position: relative; }

#product-overview #hero.product-overview .patty i { font-size: 2em; }

#product-overview #hero.product-overview .patty p { color: #FFF; line-height: 1em; font-family: colfax-medium !important; }

#product-overview #hero.product-overview .patty p.copy { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 1.3em; }

@media only screen and (max-width: 640px) { #product-overview #hero.product-overview .patty p.copy { font-size: 1em; } }

#product-overview #hero.product-overview .patty img.patty-icon { margin-bottom: 5px; max-width: 40px; }

#product-overview #hero.product-overview .patty img.patty-icon.aside { position: absolute; left: 0px; }

#product-overview #hero.product-overview .patty img.patty-icon.phone { max-width: 30px; }

#product-overview #hero.product-overview .patty img.patty-icon.people { max-width: 50px; }

#product-overview #hero.product-overview .patty p.gears { padding-left: 50px; }

#product-overview #hero.product-overview .patty p.gears img { top: -18px; max-width: 45px; }

#product-overview #hero.product-overview .patty p.laptop { padding-left: 65px; }

#product-overview #hero.product-overview .patty p.laptop img { top: -13px; max-width: 60px; }

#product-overview #hero.product-overview .patty p.server { padding-left: 85px; }

#product-overview #hero.product-overview .patty p.server img { top: -17px; max-width: 80px; }

#product-overview #hero.product-overview .patty .patty-inner { display: block; position: relative; height: 100px; }

#product-overview #hero.product-overview .patty .puzzle-piece { position: absolute; width: 20px; height: 20px; top: 50%; left: -3px; background: #40b3e6; border-radius: 50%; border: 3px solid #efefef; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#product-overview #hero.product-overview .patty .puzzle-piece .block { position: absolute; left: -5px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 10px; height: 6px; background: #40b3e6; }

#product-overview #hero.product-overview .patty .puzzle-piece.right { right: -3px; left: auto; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }

#product-overview #hero.product-overview .patty.platform { background-color: #40b655; }

#product-overview #hero.product-overview .patty.analytics { background-color: #28a599; }

#product-overview #hero.product-overview .patty.intel { background-color: #40b3e6; }

#product-overview #hero.product-overview .patty.intel .intelligence { border-left: 3px #efefef solid; border-right: 3px #efefef solid; }

#product-overview #hero.product-overview .patty.enterprise { background-color: #9f9f9f; }

#product-overview #hero.product-overview .patty-inner p.copy { width: 90%; }

#product-overview p.helper-text { position: absolute; bottom: 40%; background: #FFF; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); padding: 15px; max-width: 400px; z-index: 99999; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.6s ease, bottom 0.6s ease; transition: opacity 0.6s ease, bottom 0.6s ease; }

#product-overview li.show-it { position: relative; display: block; }

#product-overview li.show-it a:hover + p.helper-text { visibility: visible; opacity: 1; bottom: 60%; }

#product-overview #feature-sets { overflow: hidden; }

/* devops **/
#devops #hero { padding: 50px 0; text-align: center; -webkit-background-size: cover; background-size: cover; background-position: center center; }

#devops #hero h1 { color: #FFF; text-transform: uppercase; margin-bottom: 30px; display: block; }

#devops #hero h3 { color: #FFF; }

#devops #intro h3 { text-align: center; }

#devops #process { background: #454545; }

#devops #process p, #devops #process h2 { color: #FFF; }

#devops #trek a.track-box { margin: 20px 0; padding: 30px 15px; min-height: 230px; background: #f1f1f1; text-align: center; display: block; border-radius: 2px; }

#devops #trek .fa { font-size: 3em; padding: 10px 0; display: block; text-align: center; }

#devops #trek h2 { text-align: left; display: inline-block; }

#devops #trek h2 .box-title { font-family: 'colfax-medium' !important; font-size: .8em !important; margin-bottom: 0; color: #454545; }

@media print, screen and (min-width: 64em) { #devops p.getting-started { -webkit-column-count: 3; column-count: 3; -webkit-column-gap: 30px; column-gap: 30px; }
  #devops .devops-bullets { padding: 0 35px; -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 60px; column-gap: 60px; } }

/* Newsroom */
.news-article-box p { padding: 20px 40px; }

.news-article-box img { position: relative; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

/* Events */
.event-single { position: relative; }

.event-single-inner { margin-top: 30px; padding-bottom: 40px; position: relative; }

.event-single-inner img { margin: auto; width: 100%; max-width: 365px; display: block; }

.gz-shadow { -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); }

.event-single-remainder { margin-top: 30px; margin-bottom: 30px; position: relative; background: #F2F2F2; width: 100%; padding: 15px 0; }

.event-single-image-remainder { margin-bottom: 15px; }

.event-single-image-remainder img { width: 100%; max-width: 300px; }

.event-title h3 { font-size: 22px; letter-spacing: .015em; font-weight: 500; line-height: 1.4em; padding: 15px 0 0 0; color: #000000; margin: 0 !important; }

.event-title-remainder h3 { margin-bottom: 10px; }

.event-location-remainder, .event-date-remainder, .top-event-date, .event-time-remainder { font-size: 14px; }

.event-location-remainder { font-size: 1rem; text-transform: capitalize; font-family: colfax-medium, Helvetica, "Helvetica Neue", sans-serif; }

.top-event-date, .event-time-remainder { margin-bottom: 10px; }

/* Integrations Page */
#gz-layout .integrations h1 { color: #343434; font-size: 2.6rem; margin-bottom: 0; text-align: center; }

@media (max-width: 639px) { #gz-layout .integrations h1 { font-size: 2rem; } }

#gz-layout .row.top-integrations { width: 100%; margin: 0; }

.top-integration-item { padding: 0 5px; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }

@media (max-width: 639px) { .top-integration-item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }

.view-all-integrations { width: 100%; margin: 40px 0; text-align: center; }

@media only screen and (max-width: 640px) { .partners-grid .top-integrations { padding: 0 !important; } }

@media only screen and (min-width: 1024px) { .partners-grid .top-integrations { margin: 0.25em; } }

.top-integrations { margin: 0.5em; }

.top-integrations .comp-logo { max-width: 100%; }

.top-integrations .partner-integration-single img { padding-top: 50px; max-width: 100px; position: relative; top: auto; left: auto; }

.top-integrations .partner-integration-single { max-height: 220px; }

.top-integrations .partner-integration-single { margin: 5px 0px; text-align: center; font-size: 12px; line-height: 1.2em; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; background: #FFF; }

.top-integrations .partner-integration-single:hover { background: #F1F1F1; }

.top-integrations .partner-integration-single a.part-name { color: #333; position: absolute; top: 82%; display: block; left: 0px; width: 100%; }

/* Individual Integration Pages */
.int-partner-blurb { margin: auto; margin-top: -150px; margin-bottom: 30px; display: inline-block; }

.int-partner-hero { padding-bottom: 180px; }

.int-partner-hero img.int-logo { max-width: 280px; padding: 20px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

.int-partner-resource-single { width: 100%; height: 100%; padding: 20px; }

.int-partner-resource-single .int-resource-icon img { height: 50px; margin-bottom: 30px; }

.int-partner-resource-single .guide-type { display: inline-block; margin-bottom: 5px; }

.int-partner-resource-single .int-guide-copy { color: #666666; }

.int-partner-resource-single .int-resource-cta .fa-angle-right { font-size: 1.2em; padding-left: 5px; }

.int-dir-title { padding-left: 10px; }

.int-dir-title h2 { padding-right: 20px; }

.int-dir-title h2, .int-dir-title .verified-partner { display: inline-block; }

.verified-partner { position: relative; font-size: 16px; margin-bottom: 20px; }

.verified-partner img { width: 30px; }

.top-integrations .featured-integrations h6, .top-integrations .featured-integrations p { padding-left: 0.8em; }

.top-integrations .featured-integrations h6 { margin: 0.5em 0 !important; }

.top-integrations .featured-integrations p { font-size: 0.8em; margin: 0; padding: 1em; }

.top-integrations .featured-integrations hr { margin: 0 !important; }

.top-integrations .featured-integrations .comp-logo img { padding: 10px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; }

.int-hero-cta { text-decoration: underline; }

.int-hero-cta:hover { color: #f4f4f4; }

/* Partners Grid */
#pd-partners-integration-title { border-bottom: 1px solid #CCC; }

.int-tab-button-wrapper { margin-bottom: 20px; border-bottom: 2px #CCC solid; }

#guides-grid .columns { padding: 0; }

.int-tab-button-wrapper .columns { padding: 5px; }

.int-tab-button-wrapper i { font-size: 3em; margin-bottom: 15px; }

.int-tab-button-wrapper i.selected { color: #25c151; }

.int-tab-button-wrapper p { padding: 10px 45px; }

.int-tab-button { width: 100% !important; margin: 0px !important; padding-left: 0px !important; padding-right: 0px !important; text-align: center; background-color: #CCC !important; border: none !important; color: #333 !important; border-radius: 4px 4px 0px 0px !important; }

.int-tab-button:hover { background-color: #25c151 !important; color: #FFF !important; }

.int-tab-button.selected { background-color: #25c151 !important; border-color: #CCC !important; color: #FFF !important; display: block; }

.extenstions-list { display: none; }

.int-blurb { height: 100px; }

.loading-partners { position: relative; text-align: center; margin: 300px auto 50px auto; height: 150px; padding-bottom: 60px; color: #CCCCCC; }

.loading-partners img { width: 50px; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); top: 30px; }

.pd-partner-cats-holder { max-width: 95%; display: none; margin-top: 50px; padding-left: 10px; }

ul.partner-categories { margin-left: 20px; cursor: default; }

ul.partner-categories li { margin-left: 0px; }

@media print, screen and (min-width: 40em) { .int-guide-grid-air { padding-left: 10px; } }

h2#integrations { padding-left: 10px; }

.integrations-list { position: relative; padding: 5px; }

.integration-search-filter { padding: 0 10px; }

.columns.top-integrations { padding-left: 0; padding-right: 0; }

i.disclose-int-cats { font-size: 1.8em; color: #25c151; top: -6px; position: absolute; top: -5px; left: 115px; }

.cat-mbl-nav { display: none; }

@media print, screen and (min-width: 40em) { .cat-mbl-nav { display: block; } }

.btn-int-cats { display: inline-block; margin-bottom: 15px; }

.btn-int-cats:hover { color: #CCCCCC !important; }

.partner-single { margin: 5px; text-align: center; line-height: 1.2em; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; background: #FFFFFF; }

.partner-single .name, .partner-single .cta { text-align: left; padding: 15px; font-size: .95em; }

.partner-single .name { color: #666666; }

.partner-single .name p { margin: 0; height: 37px; line-height: 1.2; vertical-align: middle; display: table-cell; }

.partner-single .cta { font-size: .9em; }

.partner-single .cta p { font-family: colfax-medium; margin: 0; }

.partner-single .icon { height: 140px; width: 100%; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; position: relative; }

.partner-single .icon img.partner-icon { max-width: 100%; max-height: 100%; padding: 30px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.partner-single .certified { position: absolute; bottom: 5px; right: 5px; width: 25px; height: 25px; font-size: 1.2em; display: none; }

.partner-single .certified svg { width: 100%; height: 100%; }

.partner-single .certified.show { display: block; }

.partner-single a.part-name { color: #333; position: absolute; top: 77%; display: block; left: 0px; width: 100%; }

.partner-single .button { position: absolute !important; bottom: 20px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 220px; }

.int-pillars img { height: 80px !important; }

.int-pillars h5 { font-family: colfax-medium; color: #666666; }

/* Partner Single Pop Up Element */
.partner-single-popup { position: absolute; display: none; padding: 20px; padding-bottom: 80px; background: #F1F1F1; z-index: 50; top: 150px; text-align: left; color: #333 !important; font-size: 13px; line-height: 1.2em; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #F2F2F2; }

.partner-popup-logo { text-align: left; position: absolute; left: 50%; top: 60px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); max-width: 150px; display: block; z-index: 400; min-width: 100px; min-height: 100px; }

.partner-popup-logo img { max-width: 100%; }

.partner-single .arrow-up { width: 100%; height: 11px; position: absolute; z-index: 20; display: none; background-image: url("/wp-content/themes/citizens-band/assets/img/arrow-up.png"); -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; background-position: center center; }

.partner-search-bar { position: relative; }

.partners-search-field { height: 40px; margin: 0px; width: 100%; padding: 5px; padding-left: 30px; border: none; margin-bottom: 25px; -webkit-box-shadow: none; box-shadow: none; }

.partners-search-field:hover, .partners-search-field:focus, .partners-search-field:active { border: none; -webkit-box-shadow: none; box-shadow: none; }

.partners-search-field-icon { position: absolute; top: 10px; left: 10px; color: #999; }

.partner-single-popup h3 { margin-bottom: 10px; }

.partner-single-popup p { padding-bottom: 30px; width: 100%; text-align: left !important; height: 120px; z-index: 500; }

#guides-grid { border-top: 1px solid #f4f4f4; }

#guides-grid li.selected:before { content: "\f192"; }

#guides-grid li:before { content: "\f1db"; font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; padding-right: 10px; margin-left: -25px; color: #25c151; font-size: 1.3em; }

#guides-grid li:hover:before { content: "\f140"; }

#guides-grid li { list-style-type: none; padding: 5px 15px 5px 5px; font-size: 15px; }

#guides-grid li a { color: #666; }

#guides-grid li:hover { background: #F1F1F1; }

/* Individual Integration Guides */
.integration-guide-container pre { background: #EEE !important; display: block !important; padding: 15px !important; margin: 10px 0px; }

.integration-guide-container ol li { margin-top: 15px !important; list-style-position: outside; margin-left: 15px; font-size: 15px; font-family: "colfax-regular"; color: #333; }

.popular-content { position: relative; }

.popular-guides h3 { margin-top: 0px; }

.popular-guides img { width: 100%; max-width: 100px; margin-top: 0px !important; padding: 10px; border-radius: 50%; }

.popular-guides h4 { color: #666; position: absolute; top: 50%; left: 0px; display: block; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.partner-height { height: 100px; margin-bottom: 10px; }

.ig-important { color: #db4c4c !important; font-weight: bold; }

.card { padding: 30px; display: block; }

.red-border { border: 1px solid #db4c4c; }

/* Customers Grid */
ul.customer-nav { border-bottom: 1px solid #CCC; display: inline-block; padding-right: 0; margin-bottom: 0; width: 100%; }

li.customer-filter { display: inline-block; padding: 5px 20px; cursor: pointer; text-transform: uppercase; }

.customers-grid { margin-top: 30px; }

.customer-single { padding: 10px; margin-top: 10px; margin-bottom: 20px; text-align: center; line-height: 1.2em; position: relative; width: 96%; margin-left: 2%; margin-right: 2%; }

@media print, screen and (min-width: 40em) { .customer-single { width: 46%; margin-left: 2%; margin-right: 2%; } }

@media print, screen and (min-width: 64em) { .customer-single { width: 29.33%; margin-left: 2%; margin-right: 2%; } }

.customer-single-old { padding: 10px; margin-top: 10px; margin-bottom: 70px; text-align: center; line-height: 1.2em; position: relative; width: 96%; margin-left: 2%; margin-right: 2%; }

@media print, screen and (min-width: 40em) { .customer-single-old { width: 46%; margin-left: 2%; margin-right: 2%; } }

@media print, screen and (min-width: 64em) { .customer-single-old { width: 29.33%; margin-left: 2%; margin-right: 2%; } }

.customer-single-inner-old { border: 1px solid #F1F1F1; padding: 10px 10px 70px 10px; position: relative; -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); height: 300px; background-color: #FFF; }

.customer-single-inner-old h6.term { font-size: .9em; padding-top: 15px; height: 35px; overflow: visible; }

.customer-single-inner-old .company-excerpt a { bottom: 20px; position: absolute; left: 20px; right: 20px; }

.customer-single-inner { border: 1px solid #F1F1F1; padding: 0; position: relative; display: block; background-color: #FFF; }

.customer-single-inner h6.term { font-size: .9em; padding-top: 15px; height: 35px; overflow: visible; }

a.cust-grid-link { position: relative; display: block; width: 100%; height: 100%; padding: 10px 10px 70px 10px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; }

a.cust-grid-link:hover { -webkit-box-shadow: 0 7px 24px rgba(0, 0, 0, 0.25), 0 5px 5px rgba(0, 0, 0, 0.24); box-shadow: 0 7px 24px rgba(0, 0, 0, 0.25), 0 5px 5px rgba(0, 0, 0, 0.24); }

.comp-logo { height: 90px; text-align: center; position: relative; }

.comp-logo img { max-height: 80px; padding-left: 10px; padding-right: 10px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 170px; }

.cust-button { position: absolute; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 50%; }

.customer-filter.selected { color: #e7931c; }

.customer-filter:hover { color: #e7931c !important; }

ul.customer-categories { margin-top: 20px; }

.customer-categories li { list-style-type: none; cursor: default; }

.customer-categories li.selected { color: #25c151; }

.customer-single-remainder { padding: 10px; text-align: center; }

.customer-single-remainder.dont-show { display: none; }

.customer-single-inner-remainder { width: 100%; height: 150px; position: relative; /* border: 1px solid #CCC; background: #FFF;*/ }

.customer-single-inner-remainder img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, -50%); padding: 20px; max-height: 75px; max-width: 170px; }

.customer-single .company-excerpt { height: 100px; }

.customer-single .company-excerpt h6 { padding: 5px 15px; }

.customer-single .company-excerpt p.read-more { padding: 10px 0; width: 100%; text-align: center; position: absolute; bottom: 10px; margin: 0; }

/* Customer Single */
.cust-content-holder { padding: 0px 0px; }

.cust-content { padding-right: 20px; color: #454545; margin-bottom: 35px; }

.customer-specs { background: #F4F4F4; width: 100%; min-height: 200px; padding: 10px; margin-bottom: 15px; }

.specs-divider { margin: 0px auto 20px auto; width: 60%; border-top: #CCC 1px solid; border-bottom: #FFF 1px solid; }

.cust-tech-guide { text-align: center; margin-bottom: 10px; }

.ctg-logo-box { height: 80px; position: relative; background: #FFF; padding: 30px; }

.ctg-logo-box img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; margin-bottom: 10px; }

.ctg-name { width: 100%; height: 60px; overflow: hidden; line-height: 15px; display: block; text-align: center; color: #343434; margin-top: 10px; }

.more-case-studies-button a { text-align: center; display: block; padding-left: 0px; padding-right: 0px; margin-bottom: 25px; }

.cust-top { width: 100%; padding: 50px 0px; background: #f4f4f4; min-height: 200px; }

.cust-top a { color: #25c151; }

.cust-top a:hover { color: #259651; }

.cust-breadcrumb { margin: 35px 0px; font-size: 20px; }

.customer-logo img { padding: 10px; max-width: 300px; max-height: 200px; }

.field-wrapper { padding: 5px 0px; }

.cust-field-600 { font-weight: 600; }

.cust-qoute-section { background: url(/assets/hanging-quote.png) no-repeat; background-position: top left; margin-bottom: 35px; }

.cust-quote { text-align: center; color: #666; font-style: italic; padding: 20px 0px 10px 0px; font-family: 'colfax-medium'; }

.cust-image-row { position: relative; }

.cust-image-col { padding: 0px !important; text-align: center; }

.cust-image img { border-radius: 50%; width: 80px; height: 80px; border: 2px #CCC solid; background: #FFF; }

.cust-img-capt-col { line-height: 1.2em; padding: 5px; min-height: 100px; position: relative; }

.figcapt { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: calc(100% - 80px); left: 80px; }

.cust-rand-customers { width: 100%; background: #F1F1F1; padding: 20px 0px; }

.cust-bottom-image-wrappers { background: #FFF; position: relative; display: block; margin: 5px 0px; }

.cust-bottom-image-wrappers img { padding: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, 50%); }

.metrics-wrapper { background: #454545; padding: 5px; margin-bottom: 10px; }

.metrics-wrapper .cust-field-title, .metrics-wrapper .cust-field-content { color: #FFF; font-size: 14px; }

.metrics-wrapper p { margin-bottom: 10px; }

/* Careers Page */
.perks h2 { color: #fff; }

.perks h5 { color: #999; }

.perks p { color: #999; font-weight: bold; /*margin:0;*/ }

.perks .wpb_single_image img { max-width: 50%; }

a.box-link, a.recruiting-link { width: 100%; display: block; height: 300px; text-align: center; font-size: 1.2em; color: #FFF; -webkit-background-size: cover; background-size: cover; text-transform: uppercase; line-height: 300px; }

a.recruiting-link { line-height: 150px; height: 150px; }

a.the-muse { background-image: url("/wp-content/uploads/2017/07/the-muse.png"); background-position: 20% center; }

a.glassdoor { background-image: url("/wp-content/uploads/2017/07/glassdoor.png"); }

.jobs-teams h3 { text-align: center; margin-top: 3em; }

.jobs-teams span { float: right; text-align: left; }

.jobs-teams .job-title { float: left; }

/* devops **/
#devops #hero { padding: 50px 0; text-align: center; -webkit-background-size: cover; background-size: cover; background-position: center center; }

#devops #hero h1 { color: #FFF; text-transform: uppercase; margin-bottom: 30px; display: block; }

#devops #hero h3 { color: #FFF; }

#devops #intro h3 { text-align: center; }

#devops #process { background: #454545; }

#devops #process p, #devops #process h2 { color: #FFF; }

#devops #trek a.track-box { margin: 20px 0; padding: 30px 15px; min-height: 230px; background: #f1f1f1; text-align: center; display: block; border-radius: 2px; }

#devops #trek .fa { font-size: 3em; padding: 10px 0; display: block; text-align: center; }

#devops #trek h3 { text-align: left; display: inline-block; }

#devops #trek h3 .box-title { font-family: 'colfax-medium' !important; font-size: .8em !important; margin-bottom: 0; color: #454545; }

/** IT Operations / it-ops **/
#it-operations .gz-hero h1 { margin-bottom: 0; }

#it-operations .gz-hero h3 { font-style: italic; text-transform: uppercase; }

#developer .gz-hero h1 { font-family: colfax-medium; text-transform: uppercase; }

/** Features - Operations Command Console **/
#applications-wrapper { /*@media only screen and (min-width: 1350px) { #hero { .hero-inner { h1 { font-size: 100px !important; } } } }*/ }

#applications-wrapper #hero { /*padding-bottom:50px;*/ width: 100%; /*background: url(/wp-content/uploads/2016/11/hero-occ.png); background-size: cover;*/ min-height: 400px; background: #454545; }

#applications-wrapper #hero .hero-inner { padding-top: 50px; max-width: 1200px !important; text-align: center; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.4+0,0+100 */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ }

#applications-wrapper #hero .hero-inner h1 { padding: 20px; color: #fefdce; color: #fff; line-height: 1.3em; }

#applications-wrapper #hero .hero-inner h1 .font-reg { font-family: "colfax-regular"; }

#applications-wrapper #hero .hero-inner h1 .font-spaced { letter-spacing: 1vw; }

#applications-wrapper #hero .hero-inner img { width: 100%; }

#applications-wrapper .device-stagger { width: 1200px; }

@media screen and (max-width: 39.9375em) { #applications-wrapper .device-stagger { width: 100%; } }

#applications-wrapper #applications { padding-top: 50px; text-align: center; }

#applications-wrapper .guts { overflow: hidden; }

#applications-wrapper #topview { padding: 70px 0; text-align: center; }

#applications-wrapper #topview .copy { padding-bottom: 30px; }

#applications-wrapper #topview .pillar img { width: 70px; margin-bottom: 20px; }

#applications-wrapper #topview .pillar h4, #applications-wrapper #topview .pillar p { color: #343434; }

#applications-wrapper #topview .pillar h4 { font-family: 'colfax-regular' !important; }

#applications-wrapper .occ-demo { height: 800px; }

#applications-wrapper .icons { padding-bottom: 30px; }

#applications-wrapper .icon-wrapper { padding: 10px; font-size: 1.5em; text-align: center; }

#applications-wrapper .icon-wrapper .fa { color: #999; }

#applications-wrapper .icon-wrapper .app-link h3 { color: #343434 !important; }

#applications-wrapper .icon-wrapper .app-link:hover h3 { color: #25c151 !important; }

#applications-wrapper .contact-strip { padding: 50px 0; background: #666; }

#applications-wrapper .contact-strip h2 { padding: 0; margin: 0; color: #FFF; text-align: center; }

#applications-wrapper .device-wrapper { padding: 50px 0; }

#applications-wrapper .device-wrapper .copy { float: left; }

#applications-wrapper .device-wrapper .copy-right { float: right; }

#applications-wrapper .device-wrapper .copy-inner { padding: 0px 10px; max-width: 550px; }

#applications-wrapper .device-wrapper .ft-right { float: right; }

#applications-wrapper .module-hero { padding-top: 70px; padding-bottom: 0px; background: #343434; }

#applications-wrapper .module-hero h2, #applications-wrapper .module-hero p { color: #FFF; }

#applications-wrapper .bkgd-ipad { background: url(/wp-content/uploads/2016/11/bkgd-ipad.png); -webkit-background-size: cover; background-size: cover; background-position: center center; min-height: 500px; padding: 50px; }

#applications-wrapper .fr-fifty-full { width: 50%; float: right; }

#applications-wrapper #quote { background: url(/wp-content/uploads/2016/11/quote-bottom.png); -webkit-background-size: cover; background-size: cover; background-position: center center; min-height: 450px; padding: 90px 0; text-align: left; }

#applications-wrapper #quote h2 { font-size: 1.7em; }

#applications-wrapper .contact { padding: 50px 0; text-align: left; }

#applications-wrapper .contact .start-trial-header { display: none; }

#applications-wrapper .contact .fa-dashboard { font-size: 48px; }

#applications-wrapper .bottom-break { border-bottom: 1px solid #CCC; /*background: #f4f4f4;*/ }

#applications-wrapper .border-top { border-top: 1px solid #CCC; }

#applications-wrapper .icon-wrapper i { font-size: 2em; margin-bottom: 10px; }

@media only screen and (max-width: 1024px) { #applications-wrapper #hero .hero-inner { padding-top: 20px; }
  #applications-wrapper .occ-demo { height: 700px; } }

@media only screen and (max-width: 860px) { #applications-wrapper .occ-demo { height: 600px; } }

@media only screen and (max-width: 765px) { #applications-wrapper .interactive-demo { display: none; } }

@media only screen and (max-width: 480px) { #applications-wrapper #hero .hero-inner h1 { font-size: 20px; line-height: 1.1em; } }

/* Modal window with youtube video */
.bkgd-black-out { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); bottom: 0px; left: 0px; z-index: 12000; }

.bkgd-black-out .btn-close-modal { position: absolute; top: -60px; right: 0px; height: 50px; width: 50px; text-align: center; display: block; z-index: 99999999; cursor: pointer; }

.bkgd-black-out .btn-close-modal .fa-close { line-height: 50px; font-size: 3.4em; color: #FFF; cursor: pointer; }

.bkgd-black-out .btn-close-modal .fa-close:hover { color: #EEE; cursor: default; }

/* !Important ..to make .fa-close clickable on iPhone */
.fa-close, .btn-close-modal { cursor: pointer; }

.hide-on-mbl { display: block; }

.show-for-mbl-only { display: none; }

@media only screen and (max-width: 640px) { .bkgd-black-out .btn-close-modal { top: 10px; right: 10px; }
  .hide-on-mbl { display: none; }
  .show-for-mbl-only { display: block; } }

/* Resources Hub Page */
/* Resource Slider */
.pd-resource-slick-slider-wrapper { min-height: 450px; }

.pd-resource-slick-slider { display: none; }

/* Resource Library */
.single-resource-wrapper a.img-single-resource { display: block; width: 100%; height: 200px; -webkit-background-size: cover; background-size: cover; background-position: center center; }

.resource-slick-wrapper { margin-top: 30px; margin-bottom: 30px; }

.picker-wrapper { margin-bottom: 15px; }

.picker-wrapper select { margin-bottom: 5px; }

.picker-wrapper .shrink { padding: 0; }

.resource-filters, .resource-search { margin: 0 !important; }

@media screen and (max-width: 39.9375em) { .resource-filters, .resource-search { margin: 0 0 10px 0 !important; } }

#resource-search-tf { height: 2.4375rem; }

.resources-grid-item { width: 50%; padding: 15px; }

@media print, screen and (min-width: 40em) { .resources-grid-item { width: 33.333%; padding: 15px; } }

/*@include breakpoint(xlarge) { .resources-grid-item { width: 25%; padding: 15px; } }*/
.resource-library { padding-bottom: 50px; }

.resource-library .resource-nav { height: 100px; width: 100%; }

.resource-library .resource-nav ul li { padding: 5px 2px; margin: 0; }

.resource-library .Webinar .term-type { /*color: #f46423 !important;*/ }

.resource-library .single-resource { height: 320px; padding: 10px; float: left; margin: 0px; }

.resource-library .single-resource .single-inner { /*border: 1px solid #EEEEEE;*/ border-radius: 4px; background: #454545; height: 100%; position: relative; padding-top: 80px; padding-left: 20px; padding-right: 20px; padding-bottom: 100px; -webkit-background-size: cover; background-size: cover; display: block; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.resource-library .single-resource .single-inner a.resource-link { color: #FFF; }

.resource-library .single-resource .single-inner a.resource-link:hover { color: #EEE; }

.resource-library .single-resource .single-inner h5 { line-height: 1.3em !important; font-family: 'colfax-regular' !important; color: #FFF; }

.resource-library .single-resource .single-inner .corner-clip { width: 60px; height: 60px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+50,ffffff+51,ffffff+100&0+0,0+50,0.01+50,0.01+50,1+50,1+51,1+100 */ /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 50%, white 51%, white 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 50%, white 51%, white 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ position: absolute; top: -10px; right: -10px; }

.resource-library .single-resource .single-inner .icon-resource { width: calc(100% - 50px); height: 60px; position: absolute; top: 0px; left: 0px; padding: 20px; }

.resource-library .single-resource .single-inner .pgd-button-outline { position: absolute; bottom: 20px; left: 20px; }

.resource-library .single-resource .single-inner .term-type { color: #FFF; font-family: 'colfax-medium' !important; }

.resource-library .single-resource .single-inner .terms-desc img { float: none; margin: 0; padding: 0; padding-bottom: 5px; }

.resource-library .single-resource .single-inner .res-overlay { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; }

.resource-library .single-resource .single-inner .res-overlay .overlay-text { font-size: 1.2em; font-family: 'colfax-medium' !important; color: #333; position: absolute; background: rgba(255, 255, 255, 0.5); border-radius: 50%; width: 100px; height: 100px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-transform: uppercase; text-align: center; line-height: 100px; opacity: 0; }

.resource-library .single-resource .single-inner:hover { margin-top: -5px; -webkit-box-shadow: -4px 4px 15px -5px black; box-shadow: -4px 4px 15px -5px black; }

.resource-library .single-resource .single-inner:hover .res-overlay { opacity: 1; }

.resource-library .single-resource .single-inner:hover .res-overlay .overlay-text { opacity: 1; }

@media only screen and (max-width: 1040px) { .resource-library .single-resource { width: 33%; } }

@media only screen and (max-width: 640px) { .resource-library .single-resource { width: 50%; } }

h2.resources-header { padding-top: 50px; text-align: center; text-transform: uppercase; }

ul.resources-nav { list-style-type: none; text-align: center; }

ul.resources-nav li { display: inline-block; text-transform: uppercase; cursor: pointer; padding: 2px 5px; }

ul.resources-nav li.active, ul.resources-nav li:hover { color: #25c151; }

/* Press Releases */
.pr-title-bg { background: #454545; font-size: 2em; }

.height-150 { height: 150px; }

.press-release-content-wrapper { background: #FFFFFF; margin-top: -60px; padding: 50px; margin-bottom: 100px; border: 1px solid #454545; }

/* Support Page */
.green-border { border: 1px solid green; margin: 0 auto 2em; text-align: center; }

.green-border h3, .green-border h4 { padding: .65em 1.5em .15em; }

.green-border a { text-transform: uppercase; }

/* Partner portal pages */
#partners-portal-nav { padding: 15px 0; }

.pdlogo-partner-logo-wrapper { float: left; }

.partner-logo-wrapper { height: 30px; float: left; clear: none; padding: 0 20px; }

.partner-logo-wrapper img { border-left: 2px solid #CCCCCC; padding: 0 20px; height: 30px; }

.terms h4 { margin-bottom: 1rem; }

.terms li { margin-bottom: 15px; }

/**pd-summit-17**/
/** and the micropages **/
#pd-summit-17 .bkgd-black-out .btn-close-modal .fa-close { color: #343434 !important; cursor: pointer; }

#pd-summit-17 * { -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */ backface-visibility: hidden; }

#pd-summit-17 p, #pd-summit-17 .mktoForm, #pd-summit-17 li, #pd-summit-17 label, #pd-summit-17 input { font-size: 1rem !important; }

#pd-summit-17 h1, #pd-summit-17 h2, #pd-summit-17 h3, #pd-summit-17 h4, #pd-summit-17 p, #pd-summit-17 a, #pd-summit-17 label, #pd-summit-17 input, #pd-summit-17 #mktoForm_2321, #pd-summit-17 li { font-family: 'Roboto Condensed', sans-serif !important; }

#pd-summit-17 h2 { text-transform: uppercase; }

#pd-summit-17 h2.drk { color: #343434; font-weight: normal; }

#pd-summit-17 .summit-green { color: #4caf50; }

#pd-summit-17 .bkgd-summit-pink { background-color: #e91e63; }

#pd-summit-17 .bkgd-summit-gray { background-color: #8fa4ae; }

#pd-summit-17 .bkgd-summit-gunmetal { background-color: #5f7d8c; }

#pd-summit-17 .bkgd-summit-blue { background-color: #0099e8; }

#pd-summit-17 .bkgd-summit-lt-blue { background-color: #29b6f6; }

#pd-summit-17 .bkgd-summit-green { background-color: #4caf50; }

#pd-summit-17 .bkgd-summit-lt-green { background-color: #8bc34a; }

#pd-summit-17 .bkgd-summit-orange { background-color: #FF9800; }

#pd-summit-17 .bkgd-summit-purple { background-color: #9575CD; }

#pd-summit-17 a.summit-button { display: inline-block; position: relative; outline: 0; font-style: normal; font-weight: 800; font-family: inherit; padding: 0 35px; font-size: 13px; line-height: 48px; height: 48px; text-transform: uppercase; letter-spacing: 3px; border: 2px solid #343434; color: #343434; -webkit-transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out; transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out; -webkit-box-sizing: initial; box-sizing: initial; }

#pd-summit-17 a.summit-button:hover { border: 2px solid #343434; background: #343434; color: #FFF; }

#pd-summit-17 a.sb-white { color: #FFF; border-color: #FFF; }

#pd-summit-17 a.sb-white:hover { color: #343434; border-color: #FFF; background: #FFF; }

#pd-summit-17 a.sb-dark { color: #FFF; border-color: #FFF; background-color: #343434; margin: 10px 0; }

#pd-summit-17 a.sb-dark:hover { color: #343434; border-color: #FFF; background: #FFF; }

#pd-summit-17 #primary-nav-wrapper { background: #343434; width: 100%; height: 80px; position: fixed; z-index: 9999999; top: 0; left: 0; }

#pd-summit-17 nav.primary-nav { z-index: 999999; position: fixed; width: 100%; height: 80px; max-width: 1100px; top: 0; left: 0; right: 0; margin: 0 auto; }

#pd-summit-17 nav.primary-nav .hamburger { display: none; position: absolute; color: #FFF; top: 0px; right: 0px; width: 50px; height: 80px; font-size: 2em; text-align: center; padding: 0; z-index: 9999999; }

#pd-summit-17 nav.primary-nav .hamburger i { line-height: 80px; }

#pd-summit-17 nav.primary-nav .buttons-wrapper { width: 100%; height: 80px; }

#pd-summit-17 nav.primary-nav .buttons-wrapper ul { text-align: right; margin-bottom: 0; height: 80px; list-style-type: none; }

#pd-summit-17 nav.primary-nav .buttons-wrapper ul .mbl-menu { display: none; }

#pd-summit-17 nav.primary-nav .buttons-wrapper ul li { float: right; margin: 0; padding: 0; height: 80px; }

#pd-summit-17 nav.primary-nav .buttons-wrapper ul li a.btn-nav { line-height: 80px; color: #f4f4f4; display: block; padding: 0 25px; font-weight: bold; /*font-family: 'colfax-medium' !important;*/ text-transform: uppercase; }

#pd-summit-17 nav.primary-nav .buttons-wrapper ul li a.btn-nav:hover { background: #454545; }

#pd-summit-17 nav.primary-nav .buttons-wrapper .mbl.summit-button { display: none; }

#pd-summit-17 nav.primary-nav .buttons-wrapper .summit-button { margin-top: 14px; margin-left: 25px; margin-right: 10px; }

@media only screen and (max-width: 1000px) { #pd-summit-17 nav.primary-nav .hamburger { display: block; }
  #pd-summit-17 nav.primary-nav .buttons-wrapper .dt.summit-button { display: none; }
  #pd-summit-17 nav.primary-nav .buttons-wrapper .mbl.summit-button { display: inline-block; }
  #pd-summit-17 nav.primary-nav .buttons-wrapper ul .dt-menu { display: none; }
  #pd-summit-17 nav.primary-nav .buttons-wrapper ul .mbl-menu { display: none; background: #343434; text-align: left; z-index: 888888; overflow: auto; clear: both; }
  #pd-summit-17 nav.primary-nav .buttons-wrapper ul li { float: none; clear: both; width: 100%; display: block; }
  #pd-summit-17 nav.primary-nav .buttons-wrapper ul li a.btn-nav { width: 100%; display: block; } }

#pd-summit-17 .nav-logo-wrapper { position: absolute; left: 10px; top: 20px; width: 150px; height: 42px; padding-left: 10px; }

#pd-summit-17 .logo-wrapper { width: 350px; height: 400px; position: fixed; left: 50%; top: 140px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; perspective: 1000px; }

#pd-summit-17 #hero { position: relative; min-height: 700px; background-position: center right; -webkit-background-size: cover; background-size: cover; background-color: #454545; background-repeat: no-repeat; }

#pd-summit-17 #hero .hero-filter { position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; }

#pd-summit-17 #hero .hero-filter.breakathon { background: rgba(239, 243, 64, 0.7); }

#pd-summit-17 #hero .hero-filter.inclusion { background: rgba(255, 152, 0, 0.8); }

#pd-summit-17 #hero .hero-filter.university { background: rgba(95, 125, 140, 0.8); }

#pd-summit-17 #hero .hero-filter.sessions { background: rgba(76, 175, 80, 0.8); }

#pd-summit-17 #hero .bkgd-heading { clear: both; background-color: rgba(37, 37, 37, 0.9); display: inline-block; padding: 10px; }

#pd-summit-17 #hero .bkgd-heading.lt-gray { clear: both; background-color: rgba(255, 255, 255, 0.85); display: inline-block; padding: 10px; margin: auto; color: #252525; }

#pd-summit-17 #hero .boxy { padding: 6px; border-radius: 50%; position: absolute; z-index: 9999999; width: 35px; height: 35px; background: #FFF; }

#pd-summit-17 #hero .boxy .fa { font-size: 1.6em; color: #343434; }

#pd-summit-17 #hero .hero-copy { text-transform: uppercase; letter-spacing: 1px; margin-top: 180px; }

#pd-summit-17 #hero .hero-copy .hero-copy-date { color: #4caf50; padding-top: 0; }

#pd-summit-17 #hero .hero-copy h1 { font-weight: normal; padding-left: 20px; padding-right: 20px; letter-spacing: 6px; margin-bottom: 20px; position: relative; }

#pd-summit-17 #hero .hero-copy h1 .event-text { position: absolute; top: 100%; right: 40px; }

#pd-summit-17 #hero .hero-copy h1 .event-text h4 { font-size: 16px; margin: 0; color: #FFF; }

@media print, screen and (min-width: 64em) { #pd-summit-17 #hero .hero-copy h1 { font-size: 5em; } }

#pd-summit-17 #hero .hero-copy h3 { letter-spacing: 3px; line-height: 1.2em; margin: 0; margin-left: 15px; font-size: 2em; }

#pd-summit-17 #hero .hero-copy h1, #pd-summit-17 #hero .hero-copy h3 { color: #FFF; }

#pd-summit-17 #hero .hero-copy .hero-btn-holder { margin-left: 15px; padding: 20px; margin-top: 35px; }

@media only screen and (max-width: 960px) { #pd-summit-17 #hero .hero-copy h1.inclusion { font-size: 3.3em; } }

@media only screen and (max-width: 640px) { #pd-summit-17 #hero .hero-copy { margin-top: 130px; }
  #pd-summit-17 #hero .hero-copy h3, #pd-summit-17 #hero .hero-copy .hero-btn-holder { margin-left: 0px; } }

#pd-summit-17 #hero.inclusion-hero { background-position: top center; }

#pd-summit-17 #guts { width: 100%; position: relative; background: #FFF; }

#pd-summit-17 #guts h1 { text-align: center; color: #FFF; }

#pd-summit-17 #guts #schedule-reg-wrapper { background: #f4f4f4; }

#pd-summit-17 #guts .session-details { margin-bottom: 2em; }

#pd-summit-17 #guts #sessions h2 { display: inline; }

#pd-summit-17 #guts #pdu-agenda, #pd-summit-17 #guts #sessions, #pd-summit-17 #guts #sessions-lt-grey-bg { background: #343434; }

#pd-summit-17 #guts #pdu-agenda h2, #pd-summit-17 #guts #pdu-agenda h3, #pd-summit-17 #guts #pdu-agenda h4, #pd-summit-17 #guts #pdu-agenda p, #pd-summit-17 #guts #sessions h2, #pd-summit-17 #guts #sessions h3, #pd-summit-17 #guts #sessions h4, #pd-summit-17 #guts #sessions p, #pd-summit-17 #guts #sessions-lt-grey-bg h2, #pd-summit-17 #guts #sessions-lt-grey-bg h3, #pd-summit-17 #guts #sessions-lt-grey-bg h4, #pd-summit-17 #guts #sessions-lt-grey-bg p { color: #FFF; }

#pd-summit-17 #guts #pdu-agenda h3, #pd-summit-17 #guts #sessions h3, #pd-summit-17 #guts #sessions-lt-grey-bg h3 { font-size: 1em; margin-top: 2em; }

#pd-summit-17 #guts #pdu-agenda h3 span, #pd-summit-17 #guts #sessions h3 span, #pd-summit-17 #guts #sessions-lt-grey-bg h3 span { font-size: 1.5em; }

#pd-summit-17 #guts #sessions-lt-grey-bg { background: #454545 !important; }

#pd-summit-17 #guts #overview { width: 100%; height: 550px; background-color: #252525; position: relative; }

#pd-summit-17 #guts #overview .overview-content { width: 50%; height: 100%; left: 0; right: 0; position: absolute; float: right; }

#pd-summit-17 #guts #overview .overview-content .oc-half { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 20px; width: 100%; max-width: 550px; float: right; }

#pd-summit-17 #guts #overview .overview-content .oc-half h2 { color: #fff; text-transform: uppercase; }

#pd-summit-17 #guts #overview .overview-content .oc-half p { color: #FFF; }

#pd-summit-17 #guts #overview .overview-image { background-color: #343434; background-image: url("/wp-content/uploads/2017/07/bkgd-conference-goers-2.jpg"); -webkit-background-size: cover; background-size: cover; width: 50%; height: 100%; bottom: 0; right: 0; position: absolute; float: right; }

#pd-summit-17 #guts #overview .overview-image.breakathon { background-image: url("/wp-content/uploads/2017/07/server-outage.jpg"); background-position: center right; -webkit-background-size: cover; background-size: cover; }

#pd-summit-17 #guts #overview .overview-image.inclusion { background: url("/wp-content/uploads/2017/07/inclusion-girl.jpg"); background-position: center center; }

#pd-summit-17 #guts section#tracks-overview .row { color: #fff; }

#pd-summit-17 #guts section#tracks-overview p em { font-size: 0.8rem; }

#pd-summit-17 #guts section#tracks-overview .course-details h4, #pd-summit-17 #guts section#tracks-overview .course-details p { margin: 0px; }

#pd-summit-17 #guts section#tracks-overview .course-details h4 { margin-top: 10px; text-transform: uppercase; }

#pd-summit-17 #guts section#tracks-overview .course-details li { margin-left: 1em; }

@media only screen and (max-width: 1100px) { #pd-summit-17 #guts #overview { height: 720px; } }

@media only screen and (max-width: 640px) { #pd-summit-17 #guts #overview { height: auto; padding: 50px 0; overflow: auto; }
  #pd-summit-17 #guts #overview .overview-content { width: 100%; height: auto; position: relative; }
  #pd-summit-17 #guts #overview .overview-content .oc-half { position: relative; -webkit-transform: none; -ms-transform: none; transform: none; width: 100%; max-width: 100%; float: none; padding: 0px 15px; }
  #pd-summit-17 #guts #overview .overview-image { display: none; } }

#pd-summit-17 #guts #the-week { background-color: #363636; }

#pd-summit-17 #guts #the-week h2, #pd-summit-17 #guts #the-week p { color: #FFF; }

#pd-summit-17 #guts #the-week .wrapper-lbl-times { height: 300px; border-right: 1px solid #AAA; padding-right: 10px; position: relative; }

#pd-summit-17 #guts #the-week .lbl-time { text-align: right; position: absolute; bottom: 0; right: 10px; width: 100%; height: 25px; }

#pd-summit-17 #guts #the-week .lt-33 { bottom: 30%; }

#pd-summit-17 #guts #the-week .lt-66 { bottom: 60%; }

#pd-summit-17 #guts #the-week .lt-99 { bottom: 90%; }

#pd-summit-17 #guts #the-week .header { height: 35px; }

#pd-summit-17 #guts #the-week .header h4 { color: #FFF; text-align: center; /*font-family: 'colfax-medium' !important;*/ margin: 0; line-height: 1.3em; }

#pd-summit-17 #guts #the-week .day-section { border-right: 1px solid #AAA; height: 300px; position: relative; padding: 5px; width: 100%; /*End Times For Time blocks*/ }

#pd-summit-17 #guts #the-week .day-section .time-block { min-height: 8%; bottom: 3px; left: 3px; right: 3px; position: absolute; border: 2px solid #363636; border-radius: 4px; display: block; }

#pd-summit-17 #guts #the-week .day-section .time-block p { padding: 10px; color: #FFF; /*font-family: 'colfax-medium' !important;*/ }

#pd-summit-17 #guts #the-week .day-section h4.mbl-day { color: #FFF; display: none; }

#pd-summit-17 #guts #the-week .day-section .hr-1 { height: 8%; }

#pd-summit-17 #guts #the-week .day-section .hr-2 { height: 16%; }

#pd-summit-17 #guts #the-week .day-section .hr-3 { height: 24%; }

#pd-summit-17 #guts #the-week .day-section .hr-4 { height: 32%; }

#pd-summit-17 #guts #the-week .day-section .hr-6 { height: 48%; }

#pd-summit-17 #guts #the-week .day-section .hr-8 { height: 64%; }

#pd-summit-17 #guts #the-week .day-section .hr-12 { height: 96%; }

#pd-summit-17 #guts #the-week .day-section .et-1 { bottom: calc(32% + 3px); }

#pd-summit-17 #guts #the-week .day-section .et-7 { bottom: calc(8% + 3px); }

@media only screen and (max-width: 640px) { #pd-summit-17 #guts #the-week .header { display: none; }
  #pd-summit-17 #guts #the-week .day-section { border-right: none; height: auto; position: relative; overflow: auto; padding: 5px; width: 100%; }
  #pd-summit-17 #guts #the-week .day-section .time-block { position: relative; left: 0; height: 120px; }
  #pd-summit-17 #guts #the-week .day-section h4.mbl-day { display: block; } }

#pd-summit-17 #guts #summit-contest { position: relative; min-height: 400px; background: url(/wp-content/uploads/2017/08/bkgd-contest-water-2.jpg); -webkit-background-size: cover; background-size: cover; }

#pd-summit-17 #guts #summit-contest h2, #pd-summit-17 #guts #summit-contest p { color: #FFF; }

#pd-summit-17 #guts #summit-contest p.bottom { position: absolute; bottom: 20px; width: 100%; margin: auto; display: block; }

@media only screen and (max-width: 321px) { #pd-summit-17 #guts #summit-contest { min-height: 470px; } }

#pd-summit-17 #guts #why-attend, #pd-summit-17 #guts #session-details, #pd-summit-17 #guts #sessions-lt-grey-bg { background-color: #363636; }

#pd-summit-17 #guts #why-attend .square, #pd-summit-17 #guts #session-details .square, #pd-summit-17 #guts #sessions-lt-grey-bg .square { width: 20px; height: 15px; display: inline-block; margin-right: 10px; }

#pd-summit-17 #guts #why-attend h3, #pd-summit-17 #guts #session-details h3, #pd-summit-17 #guts #sessions-lt-grey-bg h3 { color: #CCC; display: inline-block; clear: both; font-size: 1.4em; margin-bottom: 25px; }

#pd-summit-17 #guts #why-attend h3 .boom, #pd-summit-17 #guts #session-details h3 .boom, #pd-summit-17 #guts #sessions-lt-grey-bg h3 .boom { text-transform: uppercase; color: #FFF; font-size: 1.3em !important; }

#pd-summit-17 #guts #why-attend h3 .boom-deets, #pd-summit-17 #guts #session-details h3 .boom-deets, #pd-summit-17 #guts #sessions-lt-grey-bg h3 .boom-deets { margin-left: 30px; font-size: .8em; }

#pd-summit-17 #guts #why-attend p.reason-detail, #pd-summit-17 #guts #session-details p.reason-detail, #pd-summit-17 #guts #sessions-lt-grey-bg p.reason-detail { margin: 0 40px; margin-bottom: 20px; }

#pd-summit-17 #guts #why-attend h2, #pd-summit-17 #guts #why-attend p, #pd-summit-17 #guts #why-attend li, #pd-summit-17 #guts #session-details h2, #pd-summit-17 #guts #session-details p, #pd-summit-17 #guts #session-details li, #pd-summit-17 #guts #sessions-lt-grey-bg h2, #pd-summit-17 #guts #sessions-lt-grey-bg p, #pd-summit-17 #guts #sessions-lt-grey-bg li { color: #FFF; }

#pd-summit-17 #guts .strike { text-decoration: line-through; color: #c00; }

#pd-summit-17 #guts #pd-university, #pd-summit-17 #guts #breakathon { background-color: #5f7d8c; background: url(/wp-content/uploads/2017/07/bkgd-pd-u.jpg); -webkit-background-size: cover; background-size: cover; /*#pd-u-details { display: none; }*/ }

#pd-summit-17 #guts #pd-university .reg-button, #pd-summit-17 #guts #breakathon .reg-button { display: inline-block; }

#pd-summit-17 #guts #pd-university a.btn-pdu-deets, #pd-summit-17 #guts #pd-university a.btn-pdu-deets:hover, #pd-summit-17 #guts #breakathon a.btn-pdu-deets, #pd-summit-17 #guts #breakathon a.btn-pdu-deets:hover { color: #FFF; }

#pd-summit-17 #guts #pd-university h2, #pd-summit-17 #guts #pd-university h3, #pd-summit-17 #guts #pd-university p, #pd-summit-17 #guts #breakathon h2, #pd-summit-17 #guts #breakathon h3, #pd-summit-17 #guts #breakathon p { color: #FFF; }

#pd-summit-17 #guts #pd-university h3, #pd-summit-17 #guts #breakathon h3 { text-align: center; }

#pd-summit-17 #guts #pd-university .pd-u-box, #pd-summit-17 #guts #breakathon .pd-u-box { background: #FFF; padding: 20px; }

#pd-summit-17 #guts #pd-university .pd-u-box h2, #pd-summit-17 #guts #breakathon .pd-u-box h2 { margin-bottom: 5px; }

#pd-summit-17 #guts #pd-university .pd-u-box h2, #pd-summit-17 #guts #pd-university .pd-u-box h3, #pd-summit-17 #guts #breakathon .pd-u-box h2, #pd-summit-17 #guts #breakathon .pd-u-box h3 { color: #343434; }

#pd-summit-17 #guts #pd-university .pd-u-box h4, #pd-summit-17 #guts #pd-university .pd-u-box li, #pd-summit-17 #guts #pd-university .pd-u-box p, #pd-summit-17 #guts #breakathon .pd-u-box h4, #pd-summit-17 #guts #breakathon .pd-u-box li, #pd-summit-17 #guts #breakathon .pd-u-box p { color: #454545; }

#pd-summit-17 #guts #pd-university .pd-u-box h3, #pd-summit-17 #guts #breakathon .pd-u-box h3 { text-align: left; border-bottom: 1px solid #CCC; }

#pd-summit-17 #guts #pd-university .u-copy h3, #pd-summit-17 #guts #breakathon .u-copy h3 { margin-bottom: 5px; text-transform: uppercase; }

#pd-summit-17 #guts #pd-university .u-copy h4, #pd-summit-17 #guts #breakathon .u-copy h4 { color: #454545; text-transform: uppercase; text-align: center; margin-bottom: 5px; }

#pd-summit-17 #guts #pd-university .u-copy p, #pd-summit-17 #guts #breakathon .u-copy p { text-align: center; }

#pd-summit-17 #guts #pd-university .u-copy ul, #pd-summit-17 #guts #breakathon .u-copy ul { margin-top: 5px; padding-top: 15px; list-style-type: none; }

#pd-summit-17 #guts #pd-university .u-copy li, #pd-summit-17 #guts #breakathon .u-copy li { color: #343434; margin-bottom: 10px; }

#pd-summit-17 #guts #pd-university .sb-white-solid, #pd-summit-17 #guts #breakathon .sb-white-solid { background: #FFF; color: #343434; display: block; text-align: center; margin: 15px 0; border: none; }

#pd-summit-17 #guts #breakathon { background-color: #9575CD; background: url(/wp-content/uploads/2017/07/bkgd-breakathon-5.jpg); }

#pd-summit-17 #guts #tracks { width: 100%; background: #363636; overflow: auto; display: block; }

#pd-summit-17 #guts #tracks h4 { color: #FFF; margin-bottom: 0; text-transform: uppercase; font-weight: bold; }

#pd-summit-17 #guts #tracks h2, #pd-summit-17 #guts #tracks p { color: #FFF; }

#pd-summit-17 #guts #tracks .box { background: #FFF; padding: 20px; position: relative; min-height: 250px; margin-bottom: 15px; position: relative; }

#pd-summit-17 #guts #tracks .box a.summit-button { position: absolute; bottom: 15px; right: 15px; }

#pd-summit-17 #guts #tracks .box .box-move { position: absolute; width: 10px; height: 10px; background: yellow; }

#pd-summit-17 #guts #tracks .box.track-devops { background-color: #4caf50; }

#pd-summit-17 #guts #tracks .box.track-leadership { background-color: #0099e8; }

@media only screen and (max-width: 1100px) { #pd-summit-17 #guts #tracks .box { min-height: 310px; padding-bottom: 20px; } }

@media only screen and (max-width: 640px) { #pd-summit-17 #guts #tracks .box { min-height: 0; padding-bottom: 20px; } }

#pd-summit-17 #guts #nav-bar { width: 100%; background: #FFF; }

#pd-summit-17 #guts #nav-bar .reg-button { padding: 15px 0; text-align: center; }

#pd-summit-17 #guts #nav-bar .columns { text-align: center; }

#pd-summit-17 #guts #nav-bar .nav-button { padding: 30px 50px 26px 50px; text-align: center; display: inline-block; text-transform: uppercase; color: #343434; border-bottom: 4px #FFF solid; }

#pd-summit-17 #guts #nav-bar .nav-button:hover { cursor: pointer; }

#pd-summit-17 #guts #nav-bar .dev:hover { color: #25c151; border-bottom: 4px #25c151 solid; }

#pd-summit-17 #guts #nav-bar .it:hover { color: #c00; border-bottom: 4px #c00 solid; }

#pd-summit-17 #guts #nav-bar .enterprise:hover { color: #e7b438; border-bottom: 4px #e7b438 solid; }

#pd-summit-17 #guts #nav-bar .dev.selected { /*font-family: 'colfax-medium' !important;*/ color: #25c151; }

#pd-summit-17 #guts #nav-bar .it.selected { /*font-family: 'colfax-medium' !important;*/ color: #c00; }

#pd-summit-17 #guts #nav-bar .enterprise.selected { /*font-family: 'colfax-medium' !important;*/ color: #e7b438; }

#pd-summit-17 .bottom-row { position: relative; }

#pd-summit-17 .bottom-row h2 { text-align: center; text-transform: uppercase; letter-spacing: 4px; }

#pd-summit-17 .bottom-row .side-logo { position: absolute; top: 0px; left: 0; width: 450px; height: 200px; z-index: 99999; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; }

#pd-summit-17 .bottom-row .side-logo img { padding-left: 80px; }

#pd-summit-17 .bottom-row .side-logo h2 { font-size: 8em; /*font-family: 'colfax-medium' !important;*/ letter-spacing: 5px; margin: 0; padding: 0; margin-top: -20px; }

#pd-summit-17 .bottom-row .side-logo .city { position: absolute; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); top: 30px; right: -15px; -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; /*font-family: 'colfax-medium' !important;*/ color: #343434; }

#pd-summit-17 .bottom-row .side-logo .date { position: absolute; top: 80px; right: -250px; font-size: 2em; /*font-family: 'colfax-medium' !important;*/ color: #343434; }

#pd-summit-17 .summit-button { line-height: 40px; text-transform: uppercase; }

#pd-summit-17 .track-color { color: #343434; }

#pd-summit-17 #speakers { width: 100%; }

#pd-summit-17 .reg-button { display: block; text-align: center; }

#pd-summit-17 .speaker-wrapper { position: relative; max-width: 300px; }

#pd-summit-17 .speaker-wrapper .info-holder { position: absolute; bottom: 0; width: 100%; /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 70%, rgba(0, 0, 0, 0.84) 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0.84))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 70%, rgba(0, 0, 0, 0.84) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ min-height: 100px; padding: 10px; }

#pd-summit-17 .speaker-wrapper .info-holder .info-holder-inner { position: absolute; bottom: 10px; width: 100%; line-height: 18px; }

#pd-summit-17 .speaker-wrapper .info-holder .name { /*font-family: 'colfax-medium' !important;*/ color: #FFF; display: block; }

#pd-summit-17 .speaker-wrapper .info-holder .title { clear: both; /*font-family: 'colfax-regular' !important;*/ color: #FFF; padding-right: 10px; display: block; }

#pd-summit-17 .speaker-wrapper .info-holder .company { clear: both; /*font-family: 'colfax-medium' !important;*/ color: #FFF; display: block; }

#pd-summit-17 .agenda-time { width: 30%; float: left; position: relative; }

#pd-summit-17 .agenda-time .inner { text-align: right; padding-right: 40px; }

#pd-summit-17 .dot { position: absolute; right: -11px; top: 0; width: 21px; height: 21px; background: #4d7ea0; border-radius: 50%; z-index: 99999; }

#pd-summit-17 .agenda .agenda-copy { width: 70%; float: left; border-left: 1px solid #CCC; }

#pd-summit-17 .agenda .agenda-copy .inner { text-align: left; padding-left: 40px; padding-bottom: 35px; }

#pd-summit-17 .agenda .agenda-copy .inner h2 { text-align: left; }

#pd-summit-17 .agenda .agenda-copy .inner h3, #pd-summit-17 .agenda .agenda-copy .inner p { margin-bottom: 0; }

#pd-summit-17 .agenda .agenda-copy .inner h3 { margin-top: -5px; }

#pd-summit-17 .agenda .agenda-copy .inner h3.title { margin-top: 10px; }

#pd-summit-17 .agenda .agenda-copy .inner h4 { margin: 15px 0 0 0; }

#pd-summit-17 .agenda .agenda-copy .inner p { color: #454545; }

#pd-summit-17 .agenda .agenda-copy .inner .devops, #pd-summit-17 .agenda .agenda-copy .inner .leadership, #pd-summit-17 .agenda .agenda-copy .inner .pdu-track-1, #pd-summit-17 .agenda .agenda-copy .inner .pdu-track-2 { min-height: 355px; padding: 20px; }

#pd-summit-17 .agenda .agenda-copy .inner .devops h3, #pd-summit-17 .agenda .agenda-copy .inner .leadership h3, #pd-summit-17 .agenda .agenda-copy .inner .pdu-track-1 h3, #pd-summit-17 .agenda .agenda-copy .inner .pdu-track-2 h3 { line-height: 25px; margin: 5px 0 10px 0; color: #FFF; }

#pd-summit-17 .agenda .agenda-copy .inner .devops p, #pd-summit-17 .agenda .agenda-copy .inner .leadership p, #pd-summit-17 .agenda .agenda-copy .inner .pdu-track-1 p, #pd-summit-17 .agenda .agenda-copy .inner .pdu-track-2 p { color: #FFF; }

#pd-summit-17 .agenda .agenda-copy .inner .devops .slight-pad, #pd-summit-17 .agenda .agenda-copy .inner .leadership .slight-pad, #pd-summit-17 .agenda .agenda-copy .inner .pdu-track-1 .slight-pad, #pd-summit-17 .agenda .agenda-copy .inner .pdu-track-2 .slight-pad { color: #FFF; padding: 0.5em 0; font-weight: bold; }

#pd-summit-17 .agenda .agenda-copy .inner .pdu-track-1, #pd-summit-17 .agenda .agenda-copy .inner .pdu-track-2 { min-height: 300px; }

#pd-summit-17 .agenda .agenda-copy .inner .pdu-track-1 ul, #pd-summit-17 .agenda .agenda-copy .inner .pdu-track-2 ul { margin-left: 15px; margin-top: 15px; }

#pd-summit-17 .agenda .agenda-copy .inner .pdu-track-1 ul li, #pd-summit-17 .agenda .agenda-copy .inner .pdu-track-2 ul li { color: #FFF; }

#pd-summit-17 .agenda .agenda-copy .inner .devops { background-color: #4caf50; width: 369px; min-width: 369px; max-width: 369px; margin-left: 5px; }

#pd-summit-17 .agenda .agenda-copy .inner .leadership { background-color: #0099e8; width: 369px; min-width: 369px; max-width: 369px; margin-left: 5px; }

#pd-summit-17 .agenda .agenda-copy .inner .pdu-track-1 { background-color: #5f7d8c; }

#pd-summit-17 .agenda .agenda-copy .inner .pdu-track-2 { background-color: #536b76; border-left: 5px solid #FFF; }

@media only screen and (max-width: 640px) { #pd-summit-17 .agenda .agenda-copy .inner .leadership { border-left: none; width: 100%; margin-left: 0; }
  #pd-summit-17 .agenda .agenda-copy .inner .pdu-track-2 { border-left: none; } }

#pd-summit-17 .agenda .agenda-copy:last-child { border-left: none; }

#pd-summit-17 #tracks-overview { background: #f4f4f4; }

#pd-summit-17 #tracks-overview .pdu-track-1, #pd-summit-17 #tracks-overview .pdu-track-2 { min-height: 230px; padding: 15px; }

#pd-summit-17 #tracks-overview .pdu-track-1 h3, #pd-summit-17 #tracks-overview .pdu-track-1 p, #pd-summit-17 #tracks-overview .pdu-track-2 h3, #pd-summit-17 #tracks-overview .pdu-track-2 p { color: #FFF; }

#pd-summit-17 #tracks-overview .pdu-track-1 { background-color: #5f7d8c; }

#pd-summit-17 #tracks-overview .pdu-track-2 { background-color: #536b76; }

#pd-summit-17 #summit-overview { background: #4caf50; }

#pd-summit-17 #summit-overview h2, #pd-summit-17 #summit-overview p, #pd-summit-17 #summit-overview li { color: #FFF; }

#pd-summit-17 #summit-overview .summit-button { margin-bottom: 15px; }

#pd-summit-17 #location { background: #4caf50; }

#pd-summit-17 #location h2, #pd-summit-17 #location p { color: #FFF; }

#pd-summit-17 #location img { padding-bottom: 15px; }

#pd-summit-17 #location h3 { text-align: right; color: #FFF; padding: 0; margin: 0; font-weight: bold; display: inline-block; text-transform: uppercase; }

#pd-summit-17 #location a h3:hover { color: #f1f1f1; }

#pd-summit-17 .msg { display: none; }

#pd-summit-17 .msg-default { display: block; }

#pd-summit-17 .thanks-for-registering { position: fixed; width: 90%; top: 5%; height: 90%; background: #454545; left: 5%; z-index: 999999999; text-align: center; background: url(/wp-content/uploads/2016/08/bkgd-blk-80-percent.png) repeat; }

#pd-summit-17 .thanks-for-registering-inner { padding: 150px 60px; }

#pd-summit-17 .block-image-wrapper { position: relative; }

#pd-summit-17 .block-image-overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; }

#pd-summit-17 .track-color-overlay { background: #4d6590; opacity: .4; }

#pd-summit-17 #sponsors h3 { margin-top: 15px; margin-bottom: 10px; }

#pd-summit-17 #sponsors h3 a { color: #25c151; }

#pd-summit-17 #sponsors .img-holder { height: 150px; position: relative; }

#pd-summit-17 #sponsors .img-holder img { width: 100%; max-width: 300px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#pd-summit-17 #sponsors .lbl-sponsor { height: 150px; border-right: 1px solid #CCC; }

#pd-summit-17 #sponsors .lbl-sponsor h3 { text-align: right; margin-top: 60px; }

#pd-summit-17 .call-for-papers { padding-top: 50px; text-align: center; }

#pd-summit-17 .call-for-papers h3 { margin-bottom: 1.5rem !important; }

#pd-summit-17 .inclusion-speakers img { width: 200px; height: 200px; border-radius: 50%; }

#pd-summit-17 #pricing { background: #343434; }

#pd-summit-17 #pricing h2, #pd-summit-17 #pricing h3, #pd-summit-17 #pricing h4 { color: #FFF; text-transform: uppercase; line-height: 1.1em; font-weight: bold; }

#pd-summit-17 #pricing h2.weight-normal { font-weight: normal; }

#pd-summit-17 #pricing h4 { margin-bottom: 0; }

#pd-summit-17 #pricing h1 { float: right; display: inline-block; color: #FFF; text-transform: uppercase; font-weight: bold; margin-bottom: 0; line-height: 1.1em; }

#pd-summit-17 #pricing .flt-right { text-align: right; position: absolute; bottom: 0; right: 0; }

#pd-summit-17 #pricing .flt-right .callout-sysadmin { z-index: 1000; background: #FFF; text-align: right; padding: 10px; position: absolute; bottom: 125%; right: 0; width: 290px; }

#pd-summit-17 #pricing .flt-right .callout-sysadmin h3 { color: #343434; margin-bottom: 0; display: block; z-index: 2000; }

#pd-summit-17 #pricing .flt-right .arrow { width: 30px; height: 30px; background: #FFF; position: absolute; top: -35px; right: 40px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: 500; }

#pd-summit-17 #pricing p { color: #FFF; }

#pd-summit-17 #pricing ul { margin-left: 10px; }

#pd-summit-17 #pricing ul li { color: #FFF; margin-bottom: 10px; }

#pd-summit-17 #pricing a.btn-pricing { display: inline-block; position: absolute; bottom: 20px; left: 20px; right: 20px; outline: 0; font-style: normal; font-weight: 800; font-family: inherit; padding: 8px 0; font-size: 13px; line-height: 18px; text-align: center; height: 40px; text-transform: uppercase; letter-spacing: 3px; border: 2px solid #FFF; color: #FFF; -webkit-transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out; transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out; -webkit-box-sizing: initial; box-sizing: initial; }

#pd-summit-17 #pricing a.btn-pricing:hover { border: 2px solid #FFF; background-color: #FFF; color: #343434; }

#pd-summit-17 #pricing a.sold-out-button { line-height: 40px; border: 2px solid #C62828; background: #C62828; }

#pd-summit-17 #pricing a.sold-out-button:hover { border: 2px solid #C62828; background: #C62828; color: #FFF; }

#pd-summit-17 #pricing .pricing-pdu-summit { padding: 20px; background: #5f7e8b; }

#pd-summit-17 #pricing .pricing-pdu-summit h2 { position: relative; border-bottom: 1px solid #FFF; }

#pd-summit-17 #pricing .pricing-pdu-summit h1 { float: right; }

#pd-summit-17 #pricing .pricing-pdu-summit p { clear: both; }

#pd-summit-17 #pricing .pricing-pdu-summit .strike { color: #FFF; font-size: .8em; }

#pd-summit-17 #pricing .pricing-summit { min-height: 742px; position: relative; padding: 20px 20px 80px 20px; background: #4caf50; }

#pd-summit-17 #pricing .pricing-summit h2 { position: relative; border-bottom: 1px solid #FFF; }

#pd-summit-17 #pricing .pricing-summit h1 { float: right; }

#pd-summit-17 #pricing .pricing-course-1 { min-height: 500px; position: relative; overflow: hidden; padding: 20px 20px 80px 20px; background: #597581; }

#pd-summit-17 #pricing .pricing-course-2 { min-height: 500px; position: relative; overflow: hidden; padding: 20px 20px 80px 20px; background: #536b76; }

#pd-summit-17 .sold-out-banner { z-index: 99999; text-align: center; position: absolute; padding: 50px 100px 10px 100px; background-color: #C62828; color: #FFF; top: -20px; right: -110px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

#pd-summit-17 .sold-out-banner.sml { padding: 20px 100px 0px 100px; top: -6px; right: -111px; font-size: .8em; }

#pd-summit-17 .pos-relative { overflow: hidden; }

#pd-summit-17 #register { background: #f4f4f4; width: 100%; padding: 50px 0; }

#pd-summit-17 #register .mktoForm .mktoFieldWrap { margin-bottom: 10px; }

#pd-summit-17 #register .mktoRadioList { /*UN-COMMENT BELOW WHEN PAUL TURNS OFF PDU TRACK ONE*/ /*background: -moz-linear-gradient(top, #536b76 0%, #536b76 50%, #4dae4f 50%, #4dae4f 100%); background: -webkit-linear-gradient(top, #536b76 0%,#536b76 50%,#4dae4f 50%,#4dae4f 100%); background: linear-gradient(to bottom,  #536b76 0%,#536b76 50%, #4dae4f 50%,#4dae4f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#597581', endColorstr='#4dae4f',GradientType=0 );*/ /*	background: $summit-green; width: 100% !important; padding-left: 20px; #mktoRadio_23806_0, #mktoRadio_23806_1, #mktoRadio_23806_2 { height: 116px; padding-left:10px; } label { height: 116px; font-size: 16px; margin: 0; width: calc(100% - 30px); padding: 40px 20px 20px 20px; margin-left: 30px; color: #FFFFFF; }*/ /*	label:nth-child(2) { background: red; } label:nth-child(4) { background: blue; } label:nth-child(6) { background: green; }*/ }

#pd-summit-17 #register .mktoRadioList input { height: auto !important; width: 30px !important; }

#pd-summit-17 #register h2 { text-align: center; text-transform: uppercase; letter-spacing: 4px; }

#pd-summit-17 #register .promo-code-wrapper { padding: 0; margin-bottom: 15px; padding-top: 0 !important; display: block; }

#pd-summit-17 #register .promo-code-wrapper .promo-tf-wrapper { border-radius: 5px !important; overflow: hidden; }

#pd-summit-17 #register .promo-code { outline: none; border: none; -webkit-box-shadow: none !important; box-shadow: none !important; background: #FFF; width: 100%; height: 46px; padding: 5px; }

#pd-summit-17 #register .btn-postfix { width: 100%; text-align: center; height: 46px; background: #343434; color: #FFF; line-height: 46px; display: block; position: relative; border-radius: 0 5px 5px 0  !important; }

#pd-summit-17 #register .btn-postfix img.spinner { width: 20px; height: 20px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; display: none; }

#pd-summit-17 #register .code-msg { padding: 5px 0; }

#pd-summit-17 #register .code-msg.valid p { color: #4caf50; }

#pd-summit-17 #register .code-msg.invalid p { color: #C00; }

@media only screen and (max-width: 480px) { #pd-summit-17 #register .promo-code-wrapper { padding: 10px; }
  #pd-summit-17 #register .promo-code { height: 24px; }
  #pd-summit-17 #register .btn-postfix { height: 24px; line-height: 24px; } }

@media only screen and (max-width: 776px) { #pd-summit-17 #register .mktoRadioList label { padding-top: 20px; } }

@media only screen and (max-width: 420px) { #pd-summit-17 #register .mktoRadioList label { padding-top: 15px; font-size: 15px; } }

@media only screen and (max-width: 330px) { #pd-summit-17 #register .mktoRadioList label { padding-top: 7px; font-size: 14px; } }

#pd-summit-17 #bt-payment-form { position: relative; }

#pd-summit-17 #bt-payment-form #payment-box { display: none; margin-bottom: 5px; }

#pd-summit-17 #bt-payment-form .payment-field-wrapper { border: 1px solid #CCC; border-radius: 4px; clear: both; margin-top: 5px; }

#pd-summit-17 #bt-payment-form .flasher { position: absolute; width: 98%; height: 100%; bottom: 0; left: 0; opacity: 0; background: #4caf50; }

#pd-summit-17 #bt-payment-form .flasher.flash { -webkit-animation: 3s ease 0s normal forwards 1 flash; animation: 3s ease 0s normal forwards 1 flash; }

@-webkit-keyframes flash { 0% { opacity: .4; }
  100% { opacity: 0; } }

@keyframes flash { 0% { opacity: .4; }
  100% { opacity: 0; } }

#pd-summit-17 #bt-payment-form .payment-title { background: #f9f9f9; border-bottom: 1px solid #CCC; width: 100%; padding: 5px 10px; top: 0; border-radius: 4px 4px 0 0; }

#pd-summit-17 #bt-payment-form .payment-field-inner { background: #FFF; padding: 10px; position: relative; border-radius: 4px; overflow: auto; }

#pd-summit-17 #bt-payment-form #card-number-holder, #pd-summit-17 #bt-payment-form #cvv-holder, #pd-summit-17 #bt-payment-form #expiration-date-holder, #pd-summit-17 #bt-payment-form #zip-holder { background: #FFF; height: 40px; border: 1px solid #CCC; padding: 5px; margin-bottom: 10px; }

#pd-summit-17 #bt-payment-form #card-number-holder.wrong, #pd-summit-17 #bt-payment-form #cvv-holder.wrong, #pd-summit-17 #bt-payment-form #expiration-date-holder.wrong, #pd-summit-17 #bt-payment-form #zip-holder.wrong { background: #ffe2e2; }

#pd-summit-17 #bt-payment-form .card-deets-wrapper { width: 49%; float: left; display: inline-block; }

#pd-summit-17 #bt-payment-form .card-deets-wrapper.exp { margin-left: 2%; }

#pd-summit-17 #bt-payment-form input[type=submit] { width: 100%; text-align: center; display: inline-block; position: relative; outline: 0; font-style: normal; font-weight: 800; font-family: inherit; padding: 0; font-size: 13px; line-height: 48px; height: 48px; text-transform: uppercase; letter-spacing: 1px; border: 2px solid #343434; background-color: #f4f4f4; color: #343434; -webkit-transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out; transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out; -webkit-box-sizing: initial; box-sizing: initial; }

#pd-summit-17 #bt-payment-form input[type=submit]:hover { background-color: #343434; color: #FFF; }

#pd-summit-17 #bt-payment-form .terms-cond { font-size: 14px; margin-bottom: 15px; }

#pd-summit-17 #bt-payment-form .payment-recap { display: block; width: 100%; }

#pd-summit-17 #bt-payment-form .payment-recap .sub-info { position: relative; width: calc(100% - 175px); float: left; font-family: 'colfax-regular' !important; }

#pd-summit-17 #bt-payment-form .payment-recap .sub-info p { margin-bottom: 0; }

#pd-summit-17 #bt-payment-form .payment-recap a { width: 170px; float: left; display: inline-block; }

#pd-summit-17 #hf-error-msg { font-family: 'colfax-regular' !important; color: #C00; }

#pd-summit-17 input[type=text], #pd-summit-17 input[type=email], #pd-summit-17 select, #pd-summit-17 textarea { outline: none; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); border: none; border-radius: 5px !important; background: #FFF; }

#pd-summit-17 input[type=text]:hover, #pd-summit-17 input[type=email]:hover, #pd-summit-17 select:hover, #pd-summit-17 textarea:hover { /*		//box-shadow: 0 7px 24px rgba(0,0,0,0.25), 0 5px 5px rgba(0,0,0,0.22);
*/ }

#pd-summit-17 #summit-16-videos { background-color: #597581; }

#pd-summit-17 #summit-16-videos h2, #pd-summit-17 #summit-16-videos p { color: #FFF; }

@media only screen and (max-width: 639px) { #pd-summit-17 #guts #nav-bar .nav-button { padding: 30px 5px; }
  #pd-summit-17 #guts #nav-bar a.summit-button { display: inline-block; position: relative; outline: 0; font-style: normal; font-weight: 800; font-family: inherit; padding: 0 35px; font-size: 13px; line-height: 28px; height: 28px; letter-spacing: 1px; border: none; color: #25c151; }
  #pd-summit-17 #guts #nav-bar a.summit-button:hover { border: none; background: none; color: #25c151; } }

#pd-summit-17 .title-holder img { width: 80px; }

#pd-summit-17 .title-holder h3 { margin-top: 15px; }

.virtual-summit a.nav-button { display: block; height: 100%; line-height: 80px; padding: 0 30px; color: #FFF; text-transform: uppercase; letter-spacing: 3px; font-style: normal; font-weight: 800; font-family: inherit; padding: 0 35px; font-size: 13px; -webkit-transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out; transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out; -webkit-box-sizing: initial; box-sizing: initial; }

@media only screen and (max-width: 1000px) { .virtual-summit a.nav-button { display: none; } }

.virtual-summit #mkto-reg-form { background: none !important; padding: 20px !important; }

.virtual-summit #mkto-reg-form .mktoFormCol { float: left; width: 48%; margin: 0 1%; }

.virtual-summit #mkto-reg-form .mktoButtonRow { width: 100%; }

.virtual-summit #mkto-reg-form .mktoButtonRow .mktoButtonWrap.mktoSimple { display: block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin: auto; }

.virtual-summit .mkto-form-wrapper-parent { display: none; }

.virtual-summit ul.virt-summit-menu { list-style-type: none; }

.virtual-summit ul.virt-summit-menu li { display: inline-block; }

.virtual-summit ul.virt-summit-menu li a { display: inline-block; margin-right: 10px; text-transform: uppercase; }

.virtual-summit .sub-nav { display: none; }

.virtual-summit .sub-nav ul li a { border: 2px solid #5287b8; border-radius: 4px; color: #5287b8; padding: 5px 10px; }

.virtual-summit .sub-nav ul li a.active { background-color: #5287b8; color: #FFF; }

.virtual-summit #why-attend { background: #f4f4f4; }

.virtual-summit #why-attend .boom { text-transform: uppercase; }

.virtual-summit #why-attend .boom-deets { padding-left: 25px; font-size: .8em; }

.virtual-summit a.pgd-button-outline { margin-bottom: 5px; border: 1px solid #25c151; border-radius: 5px; padding: 15px 10px; }

.virtual-summit a.pgd-button-outline.active { background-color: #25c151; color: #FFF; }

.virtual-summit .v-sum17-grid-item { width: 31%; margin: 0 1% 20px 1%; float: left; }

.virtual-summit .mktoButtonWrap.mktoSimple { margin-left: 0 !important; text-align: center !important; }

.virtual-summit .mktoButtonWrap.mktoSimple button { margin: auto !important; float: none; }

@media only screen and (max-width: 640px) { .virtual-summit .v-sum17-grid-item { width: 98%; margin: 0 1% 20px 1%; float: none; }
  .virtual-summit #mkto-reg-form { background: none !important; padding: 20px !important; }
  .virtual-summit #mkto-reg-form .mktoFormCol { width: 100%; margin: 0; }
  .virtual-summit #mkto-reg-form .mktoButtonRow { width: 100%; margin-left: 0; } }

.yt-fake-modal { position: fixed; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; width: 0; height: 0; top: 50%; left: 50%; opacity: 0; z-index: 99999999; overflow: hidden; }

.yt-fake-modal.active { opacity: 1; position: fixed; background: rgba(0, 0, 0, 0.7); top: 0; left: 0; width: 100%; height: 100%; z-index: 99999999; overflow: auto; }

.virt-summit-modal .mktoFieldWrap { margin-bottom: 0 !important; padding-bottom: 0 !important; }

.virt-summit-modal .btn-close-fake-modal { position: absolute; top: 20px; right: 20px; width: 22px; height: 22px; z-index: 9999; }

.virt-summit-modal .btn-close-fake-modal .fa { font-size: 2em; }

.virt-summit-modal .row.virt-summit { margin: auto; }

.virt-summit-modal .mktoFieldDescriptor { margin-bottom: 15px !important; padding-bottom: 0 !important; }

.virt-summit-modal button.mktoButton { width: 100% !important; background-color: #25c151; }

.virt-summit-modal input[type=text], .virt-summit-modal input[type=email], .virt-summit-modal select { outline: none; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); border: none; border-radius: 5px !important; background: #FFF; margin-bottom: 0; }

.virt-summit-modal input[type=text]:hover, .virt-summit-modal input[type=email]:hover, .virt-summit-modal select:hover { -webkit-box-shadow: 0 7px 24px rgba(0, 0, 0, 0.25), 0 5px 5px rgba(0, 0, 0, 0.22); box-shadow: 0 7px 24px rgba(0, 0, 0, 0.25), 0 5px 5px rgba(0, 0, 0, 0.22); }

.virt-summit-modal .yt-fake-modal { background: blue; }

#watch-livestream .mktoButtonRow { display: block; }

.btn-show-bio:hover .bio-hover { opacity: 0.7; cursor: pointer; }

.bio-hover { opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; z-index: 99999; background: #000; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; }

.bio-hover .bio-dot { background: #FFF; text-align: center; width: 80px; height: 80px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.bio-hover .bio-dot h3 { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.summit-bio { display: none; }

.summit-bio-inner { top: 50%; left: 50%; width: 80%; padding: 20px; max-width: 1000px; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.summit-bio-inner h3, .summit-bio-inner p, .summit-bio-inner h4 { color: #FFF; }

.summit-bio-inner h3 { margin-top: 20px; margin-bottom: 0; }

.summit-bio-inner p { clear: both; }

.summit-bio-inner img { width: 80px; height: 80px; border-radius: 50%; }

/* summit-series */
#summit-series #hero { position: relative; min-height: 1100px; background: url(/wp-content/uploads/2017/04/goggles-default.jpg); -webkit-background-size: cover; background-size: cover; background-position: center; }

#summit-series #hero .hero-image { position: absolute; /*background: url(/wp-content/uploads/2017/04/goggles-london-opt.png);*/ -webkit-background-size: cover; background-size: cover; background-position: center; top: 0; left: 0; width: 100%; height: 100%; }

#summit-series #hero .logo { -webkit-backface-visibility: hidden; position: absolute; right: 20%; top: 100px; text-align: center; z-index: 99999; }

#summit-series #hero .logo .social-icon { color: #FFF; border: 2px solid #FFF; }

#summit-series #hero .logo .social-icon:hover { background: none; color: #25c151; border: 2px solid #FFF; }

#summit-series #hero .logo ul { list-style-type: none; }

#summit-series #hero .logo ul li { margin-bottom: 25px; }

#summit-series #hero .logo ul li a { display: inline-block; font-size: 1.2em; color: #FFF; text-transform: uppercase; font-family: 'colfax-medium' !important; letter-spacing: 2px; cursor: pointer; }

#summit-series #guts, #summit-series #agenda { padding: 50px 0; }

#summit-series #guts { background: #f4f4f4; }

#summit-series #roadshow-title { position: absolute; bottom: 0; padding: 10px 0; text-align: center; background: #232323; width: 100%; }

#summit-series #roadshow-title h2 { color: #FFF; margin: 0; padding: 0; font-family: 'colfax-regular' !important; }

#summit-series #date-bar { width: 100%; min-height: 120px; background: #343434; z-index: 999999; }

#summit-series #date-bar .date-wrapper { padding: 20px 0; text-align: center; position: relative; min-height: 120px; }

#summit-series #date-bar .date-wrapper h3 { display: block; color: #f9f9f9; border-right: 1px solid #f9f9f9; border-left: 1px solid #f9f9f9; margin-bottom: 0; font-family: 'colfax-medium' !important; padding: 0; }

#summit-series #date-bar .date-wrapper p { color: #f9f9f9; margin-bottom: 10px; }

#summit-series #date-bar .columns:first-child .date-wrapper h3 { border-left: none; }

#summit-series #date-bar .columns:last-child .date-wrapper h3 { border-right: none; }

#summit-series #date-bar .date-wrapper:hover { background: #454545; cursor: pointer; }

#summit-series #date-bar .date-wrapper.selected { background: #454545; }

#summit-series #date-bar .date-wrapper:hover .register { display: block; }

#summit-series #date-bar .register { margin: 0; position: absolute; bottom: 5px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: none; }

#summit-series #date-bar .selected .register { display: block; color: #25c151; }

#summit-series .agenda-time { width: 30%; float: left; position: relative; }

#summit-series .agenda-time .inner { text-align: right; padding-right: 40px; }

#summit-series .dot { position: absolute; right: -11px; top: 0; width: 21px; height: 21px; background: #4d7ea0; border-radius: 50%; }

#summit-series #agenda h2 { text-align: center; color: #25c151; }

#summit-series .agenda-copy { width: 70%; float: left; border-left: 1px solid #CCC; }

#summit-series .agenda-copy .inner { text-align: left; padding-left: 40px; padding-bottom: 15px; }

#summit-series .agenda-copy .inner h3, #summit-series .agenda-copy .inner p { margin-bottom: 0; }

#summit-series .agenda .row:last-child .agenda-copy { border-left: none; }

#summit-series .show-sign-up { min-height: 580px; background: #25c151; padding: 15px 20px; margin-bottom: 30px; border-radius: 4px; }

#summit-series .show-sign-up .mktoButtonRow > span > button { background: #FFF !important; color: #25c151 !important; }

#summit-series .show-sign-up .mktoLabel { color: #FFF; }

#summit-series .show-sign-up .mktoForm .mktoFieldWrap { margin-bottom: 5px; }

#summit-series .show-sign-up .mktoField { border: 1px solid #CCC; border-radius: 4px; }

#summit-series .show-sign-up .mktoButtonRow { margin-top: 20px; }

#summit-series .show-sign-up h2, #summit-series .show-sign-up p { color: #FFF; }

#summit-series .cfp { margin-bottom: 20px; padding-top: 55px; }

#summit-series .cfp img { padding: 10px 5px 25px 5px; }

#summit-series .show-image { margin-bottom: 15px; }

#summit-series .shades { display: none; position: absolute; width: 100%; height: 100%; background: #343434; z-index: 88888; opacity: .7; }

#summit-series .speaker-image { text-align: center; padding: 10px; }

#summit-series .speaker-image img { width: 120px; height: 120px; border-radius: 50%; }

#summit-series .speaker-details { height: 90px; margin-bottom: 15px; }

#summit-series .speaker-details .name { font-weight: bold; }

#summit-series .speaker-details p { color: #454545; font-size: .825em; line-height: 15px; }

@media only screen and (max-width: 1400px) { #summit-series #hero { min-height: 900px; }
  #summit-series #hero .logo { position: absolute; right: 15%; top: 150px; text-align: center; z-index: 99999; }
  #summit-series #hero .logo img { width: 300px; } }

@media only screen and (max-width: 1024px) { #summit-series .speaker-image img { width: 130px; height: 130px; } }

@media only screen and (max-width: 639px) { #summit-series #hero { min-height: 400px; }
  #summit-series #hero .logo { top: 50%; width: 100%; right: 50%; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); }
  #summit-series #date-bar .columns:nth-child(even) .date-wrapper h3 { border-right: none; }
  #summit-series #date-bar .columns:nth-child(odd) .date-wrapper h3 { border-left: none; }
  #summit-series .show-sign-up { min-height: 500px; }
  #summit-series .cfp { padding-top: 0; text-align: center; }
  #summit-series .shades { display: block; }
  #summit-series ul.city-list { display: none; }
  #summit-series #sign-up h2 { text-align: center; }
  #summit-series .speaker-image img { width: 145px; height: 145px; } }

/* Summit 18 */
/* Color palette */
.bkgd-sum18-fuchsia { background-color: #f50057; }

.bkgd-sum18-teal { background-color: #30AF8B; }

.bkgd-sum18-green { background-color: #4caf50; }

.bkgd-sum18-turq { background-color: #22cccb; }

.text-sum18-fuchsia, .text-fuschia { color: #f50057; }

.text-sum18-teal { color: #30AF8B; }

.text-sum18-green { color: #4caf50; }

.text-sum18-turq { color: #22cccb; }

.bkgd-sum18-blu-fuch { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f50057+0,00aeef+100 */ background: #f50057; /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f50057 0%, #00aeef 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f50057 0%, #00aeef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f50057', endColorstr='#00aeef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

.bkgd-sum18-green-blu { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4caf50+0,00aeef+100 */ background: #4caf50; /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #4caf50 0%, #00aeef 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #4caf50 0%, #00aeef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4caf50', endColorstr='#00aeef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

.button.sum18.fuchsia { margin: 0 !important; line-height: 60px; padding: 0 70px; background: #f50057; }

.button.sum18.fuchsia:hover { background: #dd004f; }

.bkgd-sum18-grey-gradient { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+88,000000+100&0.43+75,0+100 */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.43) 75%, rgba(0, 0, 0, 0.21) 88%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, rgba(0, 0, 0, 0.43)), color-stop(88%, rgba(0, 0, 0, 0.21)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.43) 75%, rgba(0, 0, 0, 0.21) 88%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ }

.summit-18-nav li { padding: 0 !important; }

.summit-18-nav li a { padding: 0 30px !important; margin: 0 !important; height: 60px; line-height: 60px !important; }

.summit-18-nav li a:hover { color: #f50057 !important; }

.summit-18-nav li:last-child { padding: 0 !important; }

.summit-18-nav li:last-child a:hover { color: #FFFFFF !important; }

.summit-18-hero h1 { font-size: 5.5rem; line-height: 1em; }

@media screen and (min-width: 64em) and (max-width: 74.9375em) { .summit-18-hero h1 { font-size: 4rem; } }

@media screen and (max-width: 63.9375em) { .summit-18-hero h1 { font-size: 2.7rem; } }

.sum18-features { padding: 0 2px; }

.sum18-features .columns { height: 200px; position: relative; overflow: hidden; }

.sum18-features .sum18-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+47,000000+100&0+47,0.4+100 */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 23%, black 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(23%, rgba(0, 0, 0, 0)), to(black)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 23%, black 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */ border-top: 4px solid #FFFFFF; border-bottom: 4px solid #FFFFFF; border-left: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; }

.sum18-features .sum18-overlay h3 { position: absolute; bottom: 20px; left: 20px; font-family: 'colfax-bold'; margin: 0; max-width: 80%; }

.sum18-features .columns .zoom { position: absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-transition: .5s all ease-in-out; transition: .5s all ease-in-out; }

.sum18-features .columns:hover .zoom { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

@media screen and (max-width: 63.9375em) { .sum18-features { padding: 2px 2px; }
  .sum18-features .sum18-overlay { border-top: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; } }

.logo-summit-18 { height: 60px; width: 220px; background: #22cccb; }

.logo-summit-18 a { height: 100%; width: 100% !important; position: relative; }

.logo-summit-18 img { position: absolute; left: 50%; top: 50%; max-width: 150px; max-height: 60px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.logo-summit-18:hover { background: #0fbab9; }

.summit-18-bg-dark-gray { background: #2A2D2B; }

.summit-18-bg-light-gray { background: #F6F6F6; }

.font-bold { font-weight: bold; }

.summit-18 .lh-1-3 { line-height: 1.3; }

.summit-18 .lh-1 { line-height: 1; }

.summit-18 h3, .summit-18 .track-title, .summit-18 .agenda-date { font-family: "colfax", verdana, Helvetica, Roboto, Arial, "Helvetica Neue", Helvetica !important; font-weight: bold; font-size: 2.188em; /* 35px */ /*line-height: 35px;*/ }

.summit-18 .agenda-date { text-decoration: underline; }

.summit-18 .agenda-time { font-family: "colfax", verdana, Helvetica, Roboto, Arial, "Helvetica Neue", Helvetica !important; font-size: 1.25em; /* 20px */ }

.summit-18 .agenda-description { float: left; }

.summit-18 p.track-description { padding-bottom: 30px; }

.summit-18 #agenda .divider { margin-bottom: 25px; }

.summit-18 #agenda .divider.no-marg { margin-bottom: 0; }

.bkgd-sum18-fuchsia { background-color: #f50057; }

.bkgd-drk-drk-gray { background-color: #232323; }

.button.sum18.fuchsia.outline { background-color: transparent !important; border: 2px solid #f50057; border-radius: 0; color: #FFFFFF; }

.button.sum18.fuchsia.outline:hover { background-color: #f50057 !important; }

.dave { min-height: 500px; }

.speaker-images { padding: 0 2px; }

.speaker-images img { width: 100%; }

.speaker-images .columns { padding-right: 2px; padding-left: 2px; padding-bottom: 4px; }

#why-attend p { padding-bottom: 50px; }

.logo-grid img { padding: 20px; max-width: 160px; max-height: 80px; }

#summit18-footer a { color: #FFFFFF; }

.sum-18-pricing h2 { line-height: 1em; }

.sum-18-pricing .row.price-breakdown { margin: 0 5%; }

.sum-18-pricing .price-breakdown { color: #999999; padding-top: 30px; border-top: 1px solid #EFEFEF; }

.sum-18-pricing .price-breakdown h6 { margin-bottom: 0; font-family: colfax-medium; }

.sum-18-pricing .price-breakdown h4 { font-family: colfax-medium; }

.sum-18-pricing p.bottom-copy { padding: 15px 30px; }

@media print, screen and (min-width: 64em) { .sum-18-pricing p.bottom-copy { min-height: 170px; } }

.sum-18-pricing .button.sum18.fuchsia { line-height: 1.4; padding: 1em 1.25em; }

/*@media only screen and (max-width: 1024px) { h1 { line-height: 1em; } .small-12.large-4.columns { margin: 1em 0; } } @media only screen and (min-width: 1024px) { .track-description { max-height: 200px !important; height: 200px; } }*/
.most-popular { font-family: colfax-medium; position: absolute; top: 0; left: 0; width: 100%; text-align: center; background: #f50057; font-size: 14px; padding: 3px 0; }

.connect-2017 .bkgd-lt-gunmetal { background-color: #575b67; }

.connect-2017 .no-highlite { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: transparent; }

.connect-2017 .particle-wrapper { width: 100%; height: 80vh; position: relative; min-height: 600px; /*pointer-events: none;*/ }

.connect-2017 .particle-network-animation { position: absolute; top: 0; left: 0; right: 0; height: 80vh; width: 100%; background: #4e5364; min-height: 600px; }

.connect-2017 .logo-box { position: absolute; display: inline-block; z-index: 20; top: 54%; left: 50%; width: 96%; max-width: 620px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* Firefox 16+, IE 10+, Opera */ text-align: center; }

.connect-2017 .logo-connect { padding-right: 10px; }

.connect-2017 .city-name { margin-top: 50px; text-transform: uppercase; margin-bottom: 20px; }

.connect-2017 .city-name h2 { font-family: colfax-medium; letter-spacing: 30px; padding-left: 10px; margin: 0; }

.connect-2017 .date { margin-top: 50px; }

.connect-2017 .date h4, .connect-2017 .date p { margin-bottom: 5px; text-transform: none; }

.connect-2017 .city { position: absolute; bottom: 0; width: 100%; background-position: top center; background-repeat: no-repeat; overflow: visible; }

.connect-2017 .city img { width: 100%; position: relative; margin-bottom: -20vh; }

.connect-2017 a.arrow { opacity: 0; position: absolute; bottom: 110%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-transform: uppercase; text-align: center; }

.connect-2017 .arrow img { width: 80px; }

.connect-2017 .mask { position: absolute; top: 0; left: 0; height: 100vh; width: 100%; opacity: 1; min-height: 700px; }

.connect-2017 .vp-fade-in { opacity: 0; }

.connect-2017 .mkto-ty { text-align: center !important; }

.connect-2017 #agenda h5 { margin-bottom: 30px; }

.agenda h1, .agenda h2, .agenda h3, .agenda h4, .agenda h5 { font-family: inherit; }

.agenda h1 { margin: 0; }

.agenda h2, .agenda h3, .agenda .agenda-time, .agenda .inner { font-size: 1.2em; }

.agenda h3 { margin-bottom: 0; }

.agenda .agenda-time { width: 30%; float: left; position: relative; }

.agenda .agenda-time .inner { text-align: right; padding-right: 40px; }

.agenda .dot { position: absolute; right: -11px; top: 0; width: 21px; height: 21px; background: #25C151; border-radius: 50%; z-index: 999; }

.agenda #agenda h2 { text-align: center; color: #25c151; }

.agenda .agenda-copy { width: 70%; float: left; border-left: 1px solid #CCC; z-index: -1; margin: 0; }

.agenda .agenda-copy .inner { text-align: left; padding-left: 40px; padding-bottom: 35px; }

@media only screen and (max-width: 640px) { .agenda .agenda-copy { padding: 0 1em 1em; }
  .agenda .agenda-copy .inner { font-size: 1em; } }

@media only screen and (min-width: 640px) { .agenda h3, .agenda h4 { margin-top: -5px !important; } }

/* animation-name: rotate;  animation-duration: 2s;  animation-iteration-count: infinite; animation-timing-function: linear; */
.rotating { -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; }

@-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@media print { .single-customer #gz-nav-holder, .single-customer .menu-mobile-dropdown { display: none; }
  .cust-top { padding: 0 !important; height: none !important; }
  .cust-breadcrumb { margin: 0 !important; }
  .customer-logo img { max-height: 50%; }
  a[href]:after { content: ''; } }

.minified.minified__dark { background: url("/wp-content/uploads/2018/08/suvery-nodes.svg") no-repeat center center fixed; -webkit-background-size: cover; background-size: cover; background-color: #04183B; }

.minified.minified__dark header { position: relative; }

.minified.minified__dark header .social-icons { display: inline-block; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.minified.minified__dark header .social-icons a { color: #FFFFFF; font-size: 1.5rem; margin: 8px; }

.quiz .row { max-width: 120rem; }

.features-grid { background-color: #343434; color: white; padding-top: 100px; padding-bottom: 100px; }

.features-grid .column-container { height: 90%; }

.features-grid ul.bulletless { text-align: left; list-style-type: none; }

.features-grid ul.bulletless span { padding-right: 1rem; }

.features-grid .button__wide { width: 100%; }

.features-grid .row .columns { border-style: solid; border-color: white; border-left-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-top-width: 0px; padding-bottom: 2em; }

.features-grid .row .columns img { padding-top: 2em; padding-bottom: 1em; height: 9em; }

.features-grid .row .columns:first-child { border-left-width: 0; }

.features-grid .row .columns:last-child { border-right-width: 0; }

.features-grid .row:first-child .columns img { padding-top: 2em; padding-bottom: 1em; }

.features-grid .row:last-child .columns { border-bottom-width: 0; }

@media only screen and (max-width: 640px) { .floating-menu { padding: 0 10px; } }

.floating-menu .sub-nav ul { list-style: none; margin: 0; padding: 0; }

.floating-menu .sub-nav ul li { float: left; max-width: 170px; width: 170px; text-align: center; padding: 15px 0; border-bottom: 1px solid #ccc; }

.floating-menu .sub-nav ul li a { width: 100%; margin: 0; padding: 15px 30px; }

@media only screen and (max-width: 640px) { .floating-menu .sub-nav ul li { width: 50%; max-width: none; }
  .floating-menu .sub-nav ul li:last-child { border: none; } }

@media only screen and (min-width: 641px) { .floating-menu .sub-nav ul li { border: none; } }

.customer-quotes-with-hanging-quote .columns { width: 100%; position: relative; margin: 30px 0 !important; padding: 0 50px 30px; }

.customer-quotes-with-hanging-quote .columns::before { content: url("/wp-content/uploads/2018/09/quote.svg"); display: block; -webkit-background-size: 20px 20px; background-size: 20px 20px; font-size: 50px; max-width: 100px; max-height: 100px; background-color: #25c151; color: white; border-radius: 50%; border: 10px solid white; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); position: relative; top: -50px; margin: 0 auto; }

.customer-quotes-with-hanging-quote img { display: block; height: 100px; padding: 10px; margin: -30px auto 15px; }

@media only screen and (max-width: 640px) { .customer-quotes-with-hanging-quote { padding: 0 10px; }
  .customer-quotes-with-hanging-quote .columns { margin: 40px auto !important; width: 100% !important; padding: 0 20px; } }

/*# sourceMappingURL=maps/app.css.map */